@font-face {
    font-family: 'marcellus';
    src: url('MarcellusSC-Regular.ttf');
}

::-webkit-scrollbar {
    width: 10px;
}

.alert {
	color: red;
}

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

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

:focus {
	outline: none;
}

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

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

.invisible,
.hidden {
	display: none;
}

.amount-field,
.date-field {
	width: 120px !important;
}

.link {
	text-decoration: none;
	color: #2343ea;
	font-size: 12px;
}
.link:hover {
	text-decoration: underline;
	cursor: pointer;
}

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

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

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


@media all {
	BODY, HTML {
		margin:0px;
		padding:0px;
		height: 100%;
		width: 100%;
		background-color: #ffe6c4;
		font-family: arial,sans-serif;
		color: #666666;
		font-weight: 300;
		font-size: 14px;
		box-sizing: border-box;
	}
	
	.left {
		float: left;
	}
	
	.half40 {
		width:40% !important;
	}
	.half60 {
		width:60% !important;
	}
	.half50 {
		width:50% !important;
	}
	
	#allDate,
	.bia-cancellation {
		width:20px;
		height:20px;
	}
	
	.footer-widget {
		float: left;
		width: 25%;
		margin-left: 1%;
		box-sizing: border-box;
		padding-top: 30px;
	}
	.footer-widget.first {
		width: 40%;
	}
	.footer-widget ul {
		list-style: disc;
		color: #cec3c3;
		margin: 0px;
	}

	.footer-widget ul li {
		padding: 5px 0px;
	}
	.footer-widget ul li.title {
		list-style: none;
		padding-left: 0px;
		margin-left: -20px;
		font-weight: bold;
	}
	
	.footer-widget ul li a{
		color: #cec3c3;
	}

	
	.infooter {
		color: #ffffff;
		border-bottom: 1px solid #4c4747;
		width: 80%;
		padding-bottom: 10px;
		padding-left: 25px;		
	}
	
	.selectors {
		width: 300px;
	}
	
	
	.no-padding {
		padding: 5px 5px !important;
	}
	
	.half-window {
		width: 50%;
	}
	
	.logo {
		width: 615px;
		height: 94px;
		display: block;
		margin: 0px auto;
		background: url(image/feszek.png);
	}

	.page-title {
		color: #ffffff;
		margin: 0px;
		font-family: marcellus;
		text-transform: none !important;
		font-size: 31px;
		font-weight: 300;
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 20px;
	}
	.page-title.small {
		color: #ffffff;
		margin-top: 0px;
		font-size: 24px;
		padding-top: 0px !important;
	}
	
	.page-caption {
	    padding: 0px 20px 15px;
		font-size: 35px;
		color: #DA4453;
		text-transform: none;
		font-family: marcellus;
		font-weight: normal;
	}
	
	.header {
		height: 115px;
		background: #363636;
		width: 100%;
	}
	
	.inside-header {
		height: 155px !important;
	}
	
	.navigation-area {
		width: 1000px;
		margin: 0px auto;
		height: 115px;
	}
	
	.footer {
		height: 60px;
		width: 100%;
		background: #363636;
	}
	
	.footer.absulte {
		position: absolute;
		bottom: 0px;		
	}
	#page-area {
		min-height: calc(100% - 190px);
	}
	.selector {
		height: 32px;
		width: 250px !important;
		float: left;
	}
	
	.middle {
		width: 150px !important;
	}
	
	.checkbox-td {
		text-align: center;
	}
	
	.form-area-border {
		color: #666666;
		background-color: #fff8ed;
		width: 1000px;
		/*max-width: 1000px;*/
		margin: 0px auto;
		padding: 30px;
		min-height: calc(100% - 205px);
		box-sizing: border-box;
		border: 1px dashed #000000;
		margin: 20px auto;	
	}
	
	.footer-area{
		width: 100%;
		max-width: 1000px;
		margin: 0px auto;
	}
	
	.form-area {
		background-color: #fff8ed;
		border-radius: 0px;
		box-sizing: border-box;
		width: 700px;
		height: 100%;
		position: relative;		
		padding: 20px;
	}
	
	.links {
		width: 750px;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
		position: relative;
		top: 16px;
		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-label {
		margin: 10px 0px;
		font-weight: bold;
		color: #666666;
	}
	.form-field {
		margin-bottom: 15px;
	}
		
	select,
	textarea,
	input[type="text"],
	input[type="password"] {
		height: 35px;
		border: 2px solid #dddddd;
		background-color: #ffffff;
		width:100%;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	textarea {
		height: 150px;
	}
	
	.form {
		width: 90%;
		margin: 0px auto;
		white-space: nowrap;
		margin-bottom: 40px;
	}
	
	.form tr th {
		width: 40%;
		font-size: 14px;
	}
	
	.form tr th, 
	.form tr td {
		padding: 5px 0px;
		font-size: 14px;
	} 
	.form tr th{ 
		text-align: left;
		font-size: 14px;
		font-weight: normal;
	}
	
	h1 {
		text-transform: uppercase;
		font-size: 120%;
		margin: 20px 0px;
		font-family: marcellus;
	}
	h3 {
		font-size: 14px;
	}
	
	label,
	p {
		font-size: 14px;
	}
	
	.description {
		text-align: justify;
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	a:link,
	a:visited,
	a:active {
		color: #DA4453;
		font-size: 14px;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	.button-link,
	input[type="button"],
	input[type="submit"] {
		background: #DA4453;
		color: #fff !important;
		padding: 10px 14px;
		display: inline-block;
		border: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 16px;
	}
	.button-link:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover {
		background: #444;
		cursor: pointer;
		text-decoration: none;
	}
	
	input[type="submit"]:disabled,
	input[type="button"]:disabled {
		background-color: #cccccc;
		color: #dddddd !important;
		border: 2px solid #dddddd;
	}
	
	.ibm-invoices {
		width: 20px;
		height: 20px;
	}
	
	.max {
		width:100% !important;
	}
	
	.fullsize {
		width: 90%;
		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;
	}
	
	.error {
		color: red;
		
	}
	
	span {
		font-size: 14px;
	}
	
	.sidedish {
		font-size: 12px;
	}
	
	.margin-bottom6{
		margin-bottom: 6px;
	}
	
	.intend1 {
		padding-left: 10px;
	}
	
	.center-text {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.right-text {
		text-align: right;
	}
	.left-text {
		text-align: left;
	}
	
	.main-menu {
		text-align:left;
		height: 40px;
		background: #da4453;
	}
	.menuitems {
		width: 1000px;
		margin: 0px auto;
	}
	.menu-separator {
		border-top: 1px solid #ebebeb;
		margin-bottom: 16px;
		margin-left: -16px;
		margin-top: 16px;
		display: none;
	}
	.main-menu-item.dropdown {
		background: url(image/arrow-down-white.png) no-repeat center right;
		position: relative;
	}
	
	.maindropdown {
		cursor: pointer;	
		padding-left: 10px;
	}
	
	.main-menu-item.dropdown ul {
		display: none;
		background-color: #a7241f;
	}
	.main-menu-item.dropdown {
		height: auto;
	}
	.main-menu-item.dropdown ul,
	.main-menu-item.dropdown:hover ul {
		display: block;
		list-style: none;
		padding:0px;
		position: absolute;
		margin: 0px;
		background-color: #ffffff;
		width: 200px;
		margin-left:-10px;
		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);		
	}
	.main-menu-item.dropdown ul {
		display: none;
	}

	.main-menu-item.last-item {
		width: 284px;
		padding-right: 0px;
	}
	
	.active-menu-item {
		background: #363636;
	}
	
	.main-menu-item:hover {
		background: #363636;
	}
	.main-menu-item.last-item:hover {
		background: none;
	}
	.main-menu-right-item,
	.main-menu-item {
		color: #000000;
		height: 40px;
		line-height: 40px;
		text-align: left;
		font-size: 13px;
		/*width: 100%;*/
		display: inline-block;
		padding-right: 15px;
	}
	.main-menu-right-item:hover .menu-title,
	.main-menu-item:hover .menu-title{
		color: #FFFFFF;
	}
	.main-menu-item a:visited,
	.main-menu-item a:link,
	.main-menu-item a:active {
		text-decoration: none;
		color: #000000;
		display: block;
		width: 100%;
		height: 40px;
		padding-left: 10px;
	}
	
	.main-menu-item a.active,
	.main-menu-item a:hover {
		color:#000000;
	}
	.menu-title {
		display: inline-block;
		padding: 0px 2px;
		font-size: 16px;
		float: left;
		color: #ffffff;
		/*text-transform: uppercase;
		font-weight: bold;*/
	}	
	.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;
	}
	
	.menu-comment {
		font-size: 12px;
		font-weight: normal;
	}

	.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-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: 0;
		z-index: 10;
		background-color: #ffffff;
		height: 45px;
	}

	.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: #fdfcd9;
		height: 40px;
	}
	
	.bank-logok {
		text-align:center;
	}
	.bank-logok img {
		width: 300px;
	}
	
	.message {
		text-align: center;
		margin: 50px 0px;
	}
	
	.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;
	}
	#DeleteAll {
		padding: 5px 12px;
		border: 1px solid #c19108;
		text-transform: none;
	}
	
	#bia-week {
		width: 250px;
		height: 40px;
	}
	
	.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%;
	}
	
	.info {
		width: 29px !important;
		cursor: pointer;
		margin: 0px auto;
		float: none;
		display: block;
		height: 29px;
		bottom: 5px;
		position: absolute;
		left: 45%;
	    background-color: #f18a21;
		border-radius: 50%;
		color: #ffffff;
		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: 13px;
		left: 10px;
		color: #000000;
	}
	.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:80% !important;
	}
	
	.control-right {
		text-align: right;
		width: 100%;
	}
	
	.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: 90%;
		border-spacing: 0px;
		margin-bottom: 40px;
		margin-left: 30px;
		margin-right: 30px;
		box-sizing: border-box;
	}
	.inline-table thead tr th {
		background-color: #dddddd;
		border-bottom: 1px solid #a09f9f;
		padding: 5px 5px;
		color: #000000;
		font-size: 14px;
		text-align: left;
	}
	.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;
	}
	
	.inline-data {
		min-height: 60px;
	}
		
	
	.loading {
		display: none;
		position: fixed;
		bottom: 0px;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 6000000;
		opacity: 0.4;
		background: #6C6C6C url(image/loading1.gif) no-repeat center center;
	}
	
	
	#bia-orders {
		width: 100%;
		/*table-layout: fixed;*/
		border-collapse:collapse;
		border-spacing: 0px;
		margin-bottom: 30px;
	}

	#bia-orders tr th,
	#bia-orders tfoot tr td,
	#bia-orders tfoot tr th {
		background-color: #dddddd;
		border-bottom: 1px solid #a09f9f;
		padding: 5px 15px;
		color: #000000;
		font-size: 14px;
	}
	#bia-orders tr td.group-footer,
	#bia-orders tr th.group-footer {
		background-color: #ffffff;
		border-bottom: 1px solid #a09f9f;
	}
	
	#bia-orders tfoot tr td,
	#bia-orders tfoot tr th {
		border-top: 1px solid #a09f9f !important;
		font-weight: bold;
	}
	
	#bia-orders tr td {
		border-bottom: 1px solid #cccccc;
		padding: 6px 10px;
		font-size: 14px;
	}
	#bia-orders tr td.group-header {
		background-color: #f7f6f6;
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
	}
	#bia-orders tr td.group-footer {
		background-color: #ffffff;
		font-weight: bold;
	}
	
	.selected-table-row {
		background-color: #f7f7f7 !important;
	}
	
	.selected-table-row td:first-child{
		font-weight: bold;
	}
	
	
	#bia-year {
		width: 100px !important;
	}
	
	#bia-month {
		width: 200px;
		margin-left:2px;
	}
	
	.narrower {
		height: 36px !important;
		box-sizing: border-box;
		text-transform: none !important;
		padding: 0px 12px !important;
	}
	
	.controls {
		margin-bottom: 10px;
		height: 50px;
	}
	
	.dept {
		text-align: right;
		font-size: 14px;
	}
	.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;
	}

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

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

	
	.changeuser,
	#user-change {
		float: left;
		height: 40px;
		width:100%;
		border: none !important;
		background: #eeeeee;
	}
	
}


@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%;
	}*/
	
	.selectors {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.controls {
		height: 80px;
	}
	
	.bank-logok img {
		width: 100%;
	}
	
	.logo {
	/*	display: none;*/
		margin: 0px auto;
		text-align: center;
		float: unset;
		display: block;
	}
	
	.page-caption {
		padding: 20px 20px 15px;
		margin-top: 0px;	
	}
	
	.changeuser,
	#user-change {
		width: 90%;
		float: left;
	}
	
	.page-title {
		display: none;
	}
	
	.navigation-area {
		width:100%;
	}
	
	.main-menu {
		width: 56px;
		height: 56px;
		position: absolute;
		right: 0px;
		top: 135px;
		z-index: 999999999;
		box-shadow: none;
		background: url(image/icon_menu_white.png) no-repeat center center;
	}
	.menuitems {
		display: none;
		padding-top: 60px;
		width: 200px;
		background-color: #000000;
		position: fixed;
		z-index: 50000;
		right: 3px;
		top: 0px;
		bottom: 0px;
		-webkit-box-shadow: -40px 0px 94px -26px rgba(0,0,0,0.52);
		-moz-box-shadow: -40px 0px 94px -26px rgba(0,0,0,0.52);
		box-shadow: -40px 0px 94px -26px rgba(0,0,0,0.52);
	}
	.menu-title {
		color: #ffffff;
	}
	.main-menu .menuitems-active {
		/*display: block;*/
		opacity:1;
		width: 200px;
		transition: width 0.2s linear;
	}
	.main-menu-item {
		display: block;
		width: 100%;
		color: #ffffff;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.main-menu-item.dropdown {
		height: auto;
	}
	.main-menu-item.dropdown ul,
	.main-menu-item.dropdown:hover ul {
		display: none;
		list-style: none;
		padding:0px;
		position: relative;
		margin: 0px;
		background-color: #FFFFFF;
		width: 200px;
		margin-left:-10px;
		z-index: 500000;	
	}
	
	.main-menu-item a:visited, .main-menu-item a:link, .main-menu-item a:active {
		color: #000000;
		font-size: 16px;
	}
	
	.wide {
		width:100% !important;
	}
	
	.header {
		width: 100%;
	}

	.form-area-border {
		color: #545454;
		font-size: 18px;
		width: 100%;
		margin: 0;
		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;
	}
	
	.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 th {
		display: none;
	}
	
	#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;
	}
	
	#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 {
		width:100%;
	}
	
	.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;	
	}
	.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-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;
	}		
}


#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;
	*display: inline;
	margin: 5px 5px 0px 2px;
	height: 16px;
	zoom:1;
	/*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;
	float:left;
	margin-right:10px;
	border:1px solid #cccccc;
	overflow: auto;
}

.filter-div label {
	display: block;
}

.bia-report-row:hover {
	background-color: #f7f7f7;
}

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: 250px;
	border: 1px solid #dedede;
	margin: 15px 0px;
}

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

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

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

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