/* NEW CSS CODE TO REPLACE THE CURRENT JUNK */

/* RESET AND BOX-MODEL */

html {
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(1,1,1,0.3) 1%,rgba(42,44,51,0.5) 52%,rgba(0,0,0,0.9) 90%,rgba(0,0,0,1) 100%), url("/img/bg.jpg") no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
* {
	font-family: 'proxima_nova_rgregular', sans-serif;
	color: rgba(255,255,255,1);
	border: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
	font-size: 14px;
}
input:not(.invisibleInput) {
	border-radius: 3px;
	padding: 5px;
	color: #000;
	font-size: 16px;
}
input[type='checkbox'] {
	position: absolute;
	top: 1px;
	opacity: 0;
	cursor: pointer;
}
input[type='checkbox'] + label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background: url('../img/radio_btn.png') left top no-repeat;
	background-size: 40px;
	margin-right: 5px;
	margin-top: -2px;
}
	input[type='checkbox']:checked + label span {
		background:url('../img/radio_btn.png') -20px top no-repeat;
		background-size: 40px;
	}

/* TYPE */

h3 {
	font-size: 14px;
}
p {
	font-size: 12px;
}
.mini {
	font-size: 10px;
}
.green {
	color: #11cf39 !important;
}
.red {
	color: #ff9999 !important;
}
.orange {
	color: #e98806 !important;
}

.thin {
	font-family: 'proxima_nova_ththin', sans-serif;
}
.bold {
	font-family: 'proxima_nova_ltsemibold', sans-serif;
}

/* GRAPHICS, ICONS, DESIGN ELEMENTS */

.dot {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background-color: rgba(255,255,255,1);
	display: inline-block;
}
	.dot.red {
		background-color: #ff9999;
	}
	.dot.green {
		background-color: #11cf39;
	}
.icon {
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	left:10px;
	position:relative;
}
	.icon.small {
		height: 15px;
		width: 15px;
	}
	.icon.large {
		height: 20px;
		width: 20px;
	}
	.icon.clock {
		background-image: url("/img/clock.png");
	}
	.icon.location {
		background-image: url("/img/svgs/location_small.svg");
	}
	.icon.like {
		background-image: url("/img/svgs/like_small.svg");
	}
	.icon.clock {
		background-image: url("/img/clock.png");
	}
	.icon.cafe {
		background-image: url("/img/coffeecup.png");
	}
	.icon.lunch {
		background-image: url('/img/svgs/restaurant_small.svg');
	}
	.icon.event {
		background-image: url('/img/event.png');
	}
	.icon.close {
		background-image: url('/img/x_icon.png');
	}
	.icon.medic {
		background-image: url('/img/vard.png');
	}

/* UTILITIES */

.marginRightS {
	margin-right: 5px;
}
.marginLeftS {
	margin-left: 5px;
}
.marginTopS {
	margin-top: 5px;
}
.marginBottomS {
	margin-bottom: 5px;
}

.marginRightM {
	margin-right: 10px;
}
.marginLeftM {
	margin-left: 10px;
}
.marginTopM {
	margin-top: 10px;
}
.marginBottomM {
	margin-bottom: 5px;
}

.marginRightL {
	margin-right: 15px;
}
.marginLeftL {
	margin-left: 15px;
}
.marginTopL {
	margin-top: 15px;
}
.marginBottomL {
	margin-bottom: 15px;
}

.marginRightXL {
	margin-right: 20px;
}
.marginLeftXL {
	margin-left: 20px;
}
.marginTopXL {
	margin-top: 20px;
}
.marginBottomXL {
	margin-bottom: 20px;
}

.marginRightXXL {
	margin-right: 25px;
}
.marginLeftXXL {
	margin-left: 25px;
}
.marginTopXXL {
	margin-top: 25px;
}
.marginBottomXXL {
	margin-bottom: 25px;
}

.marginRightXXXL {
	margin-right: 30px;
}
.marginLeftXXXL {
	margin-left: 30px;
}
.marginTopXXXL {
	margin-top: 30px;
}
.marginBottomXXXL {
	margin-bottom: 30px;
}

.inlineBlock {
	display: inline-block;
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clearFix::after {
	content: "";
	display: table;
	clear: both;
}

/* FORMS */

.invisibleInput {
	background-color: transparent;
	display: inline;
	width: 100%;
	max-width: 100%;
}
	.newsBubble textarea.invisibleInput {
		max-height: 70px;
		height: 70px;
	}
		.descriptionField textarea.invisibleInput.content {
			max-height: 110px;
			height: 100px;
		}
	.invisibleInput.iconLabel {
		max-width: 100px;
		font-size: 16px;
	}
		.invisibleInput.iconLabel.timeField {
			width: 50px;
		}
	.invisibleInput.bigButton {
		padding: 0;
	}

/* STRUCTURE */

.button {
	border-radius: 4px;
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	cursor: pointer;
	display: block;
	transition: background-color 0.3s ease;
}

	.button.red {
		background-color: #f4374e;
	}
	.button.red:hover {
			background-color: #ff4d63;
	}
	.button.blue {
		background-color: #0079ff;
	}
		.button.blue:hover {
			background-color: #2990ff;
		}
	.button.green {
		background-color: #30ab64;
	}
		.button.green:hover {
			background-color: #38bd70;
		}
	.button.grey {
		background-color: #eaeaea;
	}
		.button.grey:hover {
			background-color: #f0f0f0;
		}

	.button.first {
		margin-left: 0px;
		margin-right: 5px;
	}
	.button.last {
		margin-right: 0px;
		margin-left: 5px;
	}
	.button.only {
		margin-right: 0px;
		margin-left: 0px;
	}
	.button.large {
		height: 50px;
		border-radius: 25px;
	}
	.button.large,
	.button.large span {
		font-size: 20px;
		color: #007df5;
	}
	.button.large span {
		padding-top: 13px;
	}
	.submitButton,
	.button span {
		display: inline-block;
		background: transparent;
		width: 100%;
		height: 30px;
		color: #fff;
		font-family: 'proxima_nova_rgregular', sans-serif;
		font-size: 16px;
		border: 0;
		vertical-align: middle;
		text-align: center;
	}
	.button span {
		padding-top: 5px;
	}
.oneThird {
	width: calc(100%/3);
	display: inline-block;
}
.oneHalf {
	width: calc(100%/2);
	display: inline-block;
}

header {
	height: 44px;
	background-color: rgba(0,0,0,0.8);
	padding: 0px 10px 0px 10px;
	z-index: 98;
}
	header .menuToggler,
	header .searchToggler,
	header .pageTitle {
		display: block;
	}
	header .menuToggler,
	header .searchToggler {
		background-size: 100%;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	header .menuToggler,
	header .backButton {
		width: 26px;
		height: 26px;
		margin-top: 13px;
	}
	header .menuToggler {
		background-image: url("/img/main_menu_top_list.svg");
	}
	header .backButton {
		background-image: url("/img/back_icon.png");
		background-size: cover;
		margin-top: 9px;
	}
	header .searchToggler {
		background-image: url("/img/main_menu_top_search.svg");
		width: 26px;
		height: 26px;
		margin-top: 8px;
	}
	header .pageTitle {
		font-size: 18px;
		text-align: center;
		margin-top: 10px;
		width: calc(100% - 52px);
	}
	header .searchField {
		margin: 9px 20px 0 20px;
		display: block;
		width: calc(100% - 92px);
		font-size: 12px;
		padding: 5px 10px 6px 10px;
	}

footer {
	background-image: rgba(0,0,0,0.7);
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 49px;
	z-index: 999;
	position: fixed;
}
	footer .menuItem {
		width: 20%;
		float: left;
		text-align: center;
		height: 32px;
		cursor: pointer;
		background-size: 23px;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
		footer .menuItem.offer {
			background-image: url("/img/main_menu_bottom_offer.svg");
		}
		footer .menuItem.event {
			background-image: url("/img/main_menu_bottom_event.svg");
		}
		footer .menuItem.find {
			background-image: url("/img/main_menu_bottom_location.svg");
			background-size: 18px;
		}
		footer .menuItem p {
			font-size: 10px;
			position: relative;
			top: 34px;
		}

.logo {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.5);
	position:absolute;
	top:-22px;
	right:20px;
}
	.logo img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 1px solid rgba(255,255,255,0.6);
	}

.eventCalendar,
.newsBubble,
.offerSplash {
	width: 160px;
	height: 161px;
	margin: 0px auto;
	background-size: cover;
}
	.eventCalendar *,
	.newsBubble *,
	.offerSplash * {
		color: #222;
	}

.offerSplash {
	background-image: url('../img/offer_bg.png');
	text-align: center;
	padding-top: 40px;
}
	.offerSplash * {
		text-align: center;
	}
	.offerSplash .headline {
		font-size: 14px;
		text-transform: uppercase;
	}
	.offerSplash .reducedPrice {
		font-size: 24px;
	}
	.offerSplash .originalPrice,
	.offerSplash .info {
		font-size: 12px;
		text-transform: uppercase;
	}
.newsBubble {
	background-image: url('../img/news_bg.png');
	padding: 10px;
}
	.newsBubble .headline {
		text-align: center;
		font-size: 22px;
		text-transform: uppercase;
	}
	.newsBubble .leadParagraph {
		font-size: 12px;
	}

.eventCalendar {
	background-image: url('../img/event_calendar_bg.png');
	text-align: center;
	padding-top: 50px;
	background-size: cover;
}
	.eventCalendar * {
		text-align: center;
	}
	.eventCalendar .date {
		font-size: 34px;
		height: 40px;
		margin-bottom: 10px;
	}
	.eventCalendar .headline {
		font-size: 13px;
	}
	.eventCalendar .info {
		font-size: 12px;
		margin-bottom: 7px;
	}
	.eventCalendar .toCalendar {
		font-size: 11px;
		text-decoration: underline;
	}
	.eventCalendar a.toCalendar {
		margin-top: 20px;
	}

.descriptionField {
	padding: 15px 20px 5px 20px;
	min-height:105px;
	display: block;
	width: 100%;
}

.descriptionField p{
	font-size: 14px;
}
	.descriptionField .header {
		font-size: 16px;
		margin-bottom: 10px;
}
	.descriptionField .content {
		font-size: 13px;
		line-height: 18px;
	}

.slideArrow {
	position: absolute;
	z-index: 99;
	top: 40%;
	margin-top: -36px;
	height: 72px;
	width: 20px;
}

.slideArrow_div{
	position:absolute;
	bottom:175px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.slideArrow_div a {
	display:block;
	position:relative;
	width:150px;
	padding-right:50px;
	left:0px !important;
	font-size:20px;
	line-height:72px;
	vertical-align:middle;
	background-size:10px;
	background-position:left;
	text-align:right;
	margin:0 auto;
}
	.slideArrow.left {
		left: 10px;
		background-image: url('../img/slide_arrow_left.png');
	}
	.slideArrow.right {
		right: 10px;
		background-image: url('../img/slide_arrow_right.png');
	}

.separatorLine {
	height: 1px;
	background-color: rgba(255,255,255,0.5);
}

.bigButton {
	background-color: #e5e3e4;
	transition: background-color 0.3s ease;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	color: #007afe;
	font-size: 18px;
	text-decoration: none;
	display: block;
	padding-top: 14px;
}
	.bigButton:hover {
		background-color: #ffffff;
	}

.headerRow {
	background-color: rgba(0,0,0,0.3);
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0 15px 0;
}

section.dark {
	background-color: rgba(0,0,0,0.4);
}

/* WALLET */

section.wallet {
	padding-left: 5px;
	padding-right: 5px;
	display: flex;
}
	section.wallet .oneThird {
		padding: 20px 10px 20px 10px;
		display: flex;
		justify-content: space-around;
		flex-direction: column;
	}
		section.wallet .oneThird h4 {
			text-transform: uppercase;
			font-size: 10px;
			display: block;
			text-align: center;


		}

/* SMALL OFFER */

	section.wallet.last {
		margin-bottom: 50px;
	}
	section.wallet .offerSplash,
	section.wallet .coupon {
		width: 110px;
		height: 110px;
	}
	section.wallet .coupon {
		background-color: rgba(255,255,255,1);
		padding-top: 45px;
		text-align: center;
		margin: 0px auto;
	}
		section.wallet .offerSplash .reducedPrice,
		section.wallet .coupon .price {
			font-size: 18px;
		}

/* STAMP CARD */

.stampCard {
}
	.stampCard .row {
		display: flex;
		justify-content: center;
		margin-bottom: 1px;
	}
		.stampCard .row.bottom {
			margin-bottom: 0;
		}
		.stampCard .row .stamp {
			background-color: rgba(255,255,255,1);
			margin-right: 1px;
		}
		.stampCard.four .row .stamp {
			height: 53px;
			width: 53px;
		}
		.stampCard.nine .row .stamp {
			width: 35px;
			height: 35px;
		}
			.stampCard .row .stamp.last {
				margin-right: 0;
			}


/* LIST ITEM */

.listItem {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	display: block;
	cursor: pointer;
}
	.listItem:hover {
		background-color: rgba(255,255,255,0.2);
	}
	.listItem:last-of-type {
		border-bottom-width: 0;
		margin-bottom: 50px;
	}
	.listItem:only-of-type {
		margin-bottom: 0;
	}
	.listItem .info {
	}
		.listItem .info p {
			margin-top: 5px;
			font-size: 80%;
		}
			.listItem .info p span {
				vertical-align: middle;
			}
			.listItem .info .lunchListing {
				/*border-top: 1px solid rgba(255,255,255,0.5);*/
				margin-top: 5px;
				min-width: 30%;
			}
	.listItem .icons {
		position: relative;
		margin-top: 15px;
	}
		.listItem .icons .like {
			margin-top: 1px;
		}
	.listItem select {
		color:#000000;
	}

/* FRONT PAGE DISPLAY AD */

	section.ad {
		background-size: cover;
		background-position: center;
	/*	height: 100%;*/
		height: 500px;
		padding-top: 20px;
	}
		section.ad .eventCalendar {
			margin-top: 75px;
		}
		section.ad .descriptionField {
			background-color: rgba(0,0,0,0.5);
			position: absolute;
			/*bottom: 49px; jonas changed this 2014-11-05 .tom */
			bottom: 0px;
		}
		section.ad .logo {
			margin-left: 20px;
			z-index:99;
		}

	section.disable_right p.right,section.disable_left p.left{
		display: none;
	}	

/* CAMPAIGN SHOW */

	section.campaign {
		position: relative;
	}
		section.campaign.news {
			padding: 40px 10px 35px 10px;
		}
		section.campaign.event,
		section.campaign.offer {
			padding: 40px 10px 50px 10px;
		}	
		section.campaign .icon.small.like {
			position: absolute;
			top: 10px;
		}
		section.campaign .time,
		section.campaign .address {
			position: absolute;
			bottom: 15px;
		}
		section.campaign .time {
			right: 10px;
		}
		section.campaign .icon.location {
			vertical-align: -2px;
		}
		section.campaign .icon.clock {
			vertical-align: -2px;
		}

/* CAMPAIGN EDIT */

	section.campaignOptions {
		padding: 20px 10px 0 10px;
	}
		section.campaignOptions p {
			margin-bottom: 10px;
		}
		section.campaignOptions .timeLabel {
			font-size: 12px;
		}
		section.campaignOptions label {
			display: inline;
			font-size: 12px;
			padding-top: 3px;
		}
		section.campaignOptions ::-webkit-datetime-edit-fields-wrapper,
		section.campaignOptions ::-webkit-calendar-picker-indicator {
			background: transparent;
		}
		section.campaignOptions ::-webkit-datetime-edit-text,
		section.campaignOptions ::-webkit-datetime-edit {
			padding: 0;
		}
		section.campaignOptions ::-webkit-datetime-edit-month-field,
		section.campaignOptions ::-webkit-datetime-edit-day-field,
		section.campaignOptions ::-webkit-datetime-edit-year-field,
		section.campaignOptions ::-webkit-datetime-edit-text {
			color: #fff;
		}
		section.campaignOptions ::-webkit-inner-spin-button {
			display: none;
		}

/* STORE SHOW */

	section.store {
		padding: 30px 10px 40px 10px;
	}
		section.store .image {
			width: 200px;
			height: 200px;
			background-color: #fff;
			margin: 0px auto;
			border-radius: 50%;
		}

/* FIND */

	section.find {
		position: relative;
	}
		section.find nav {
			position: absolute;
			top: 30px;
			left: 20px;
		}
			section.find nav .item {
				background-color: rgba(0,0,0,0.8);
				transition: background-color 0.2s ease;
				height: 33px;
				width: 33px;
				border-radius: 50%;
				margin-bottom: 10px;
				display: block;
				text-align: center;
				cursor: pointer;
			}
				section.find nav .item:hover {
					background-color: rgba(0,0,0,0.3);
				}
				section.find nav .item .icon.close {
					margin-top: 9px;
				}
				section.find nav .item .icon.like {
					margin-top:10px;
				}
				section.find nav .item .icon.lunch {
					margin-top: 8px;
					margin-left: 2px;
				}
				section.find nav .item .icon.event {
					margin-top: 9px;
				}
				section.find nav .item .icon.cafe {
					margin-top: 7px;
					margin-left: 3px;
				}
				section.find nav .item .icon.medic {
					margin-top: 9px;
				}

/* LOGIN */

	section.login {
		margin-top: 150px;
	}
		section.login .loginWrapper {
			background-color: rgba(0,0,0,0.6);
			padding: 20px;
			margin: 0 40px 0 40px;
			border-radius: 5px;
		}
			section.login .loginWrapper h2 {
				text-transform: uppercase;
				font-size: 22px;
				text-align: center;
			}
			section.login .loginWrapper input {
				display: block;
				margin-bottom: 10px;
				width: 100%;
			}

/* CONTENT PAGES */

	section.pages {
		margin: 20px 32px 0 20px;
	}
		section.pages .whitePage,
		section.pages .blackPage {
			position: relative;
		}
		section.pages .whitePage:before,
		section.pages .blackPage:before,
		section.pages .whitePage:after,
		section.pages .blackPage:after {
			content: '';
			display: block;
			position: absolute;
		}
		section.pages .whitePage {
			background-color: rgba(255,255,255,0.25);
			height: 370px;
			padding: 20px;
		}
		section.pages .whitePage.split {
			height: calc(100% - 300px);

		}
			section.pages .whitePage.split:before {
				background-color: rgba(255,255,255,0.1);
				height: calc(100% - 24px);
				width: 6px;
				right: -12px;
				top: 12px;
			}
			section.pages .whitePage.split:after {
				background-color: rgba(255,255,255,0.2);
				height: calc(100% - 12px);
				width: 6px;
				right: -6px;
				top: 6px;
			}
			section.pages .whitePage .scrollable {
				overflow-y: auto;
				margin-bottom: 20px;
				max-height: 100%;
			}
			section.pages .whitePage h2 {
				font-size: 16px;
				text-transform: uppercase;
			}
			section.pages .whitePage.solo {
				height: calc(100% - 120px);
			}
				section.pages .whitePage.solo:before {
					background-color: rgba(255,255,255,0.1);
					height: calc(100% - 24px);
					width: 6px;
					right: -12px;
					top: 12px;
				}
				section.pages .whitePage.solo:after {
					background-color: rgba(255,255,255,0.2);
					height: calc(100% - 12px);
					width: 6px;
					right: -6px;
					top: 6px;
				}

		section.pages .blackPage {
			background-color: rgba(114,33,33,1);
			height: 180px;
			padding: 20px;
			margin-bottom: 30px;
		}
			section.pages .blackPage:before {
				background-color: rgba(114,33,33,0.4);
				height: 180px;
				width: 6px;
				right: -12px;
				top: -12px;
			}
			section.pages .blackPage:after {
				background-color: rgba(114,33,33,0.5);
				height: 180px;
				width: 6px;
				right: -6px;
				top: -6px;
			}

/* MENU */

nav.mainMenu {
}
	nav.mainMenu.foldable {
		background: url("/img/background.png") top center;
		height: 100%;
		background-size: cover;
	}
	nav.mainMenu .item {
		font-size: 18px;
		padding: 12px 10px 12px 10px;
		display: block;
		cursor: pointer;
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
		nav.mainMenu .item:hover {
			background-color: rgba(255,255,255,0.2);
		}
			nav.mainMenu .item:hover .name {
				text-decoration: underline;
			}
		nav.mainMenu .item .number {
			float: right;
		}
		nav.mainMenu .item .icon {
			margin-top: 1px;
		}
			nav.mainMenu .item .icon.lunch {
				margin-top: 2px;
			}
			nav.mainMenu .item .icon.event {
				margin-top: 3px;
			}
			nav.mainMenu .item .icon.like {
				margin-top: 4px;
			}
			nav.mainMenu .item .icon.cafe {
				margin-top: 2px;
			}

button.week_days{
	background:rgba(255,255,255,0.2);
	padding:5px;
	float:left;
	font-size: 12px;
}

button.current_day{
	background:rgba(255,255,255,0.4);
	padding:5px;
	float:left;
}

.info.company_info{width:100%;padding-top: 15px;padding-left: 60px;}
.info.company_info .lunchListing{float:left; width: 100%;}
.listItem .info .clearboth{clear:both;}
.floatNone{float:none !important;} 
.clearboth .name{padding-right:5px;}

.cancel_lotd{
	background-color: rgb(221, 221, 221);
	padding: 6px 8px;
	border-radius: 3px;
	color: black;
	font-size:15px;
	display:inline-block;
}

.select_list{
	width: 100%;
	padding: 8px;
	display: block;
	border-radius: 3px;
}

.select_list option{
	color:black;
}

.icons-lunch {
	position: static;
}

.store-info {
	width: 70%; 
	float: left;
}

.store-lunch-image {
	position: absolute;
}