:root {
	-std-button-start-color: #cbac5e;
	-std-button-end-color: #ab8c3e; 
	-std-button-border-color: #bb9c4e;
	-green-button-start-color: #006341;
	-green-button-end-color: #004321;
	-green-button-border-color: #005331;
	-red-button-start-color: #e50000;
	-red-button-end-color: #b50000;
	-red-button-border-color: #c50000;
	font-size: 16px;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin: 0 0 300px;
}

.hide {
	display: none;
}

.info-text {
	text-align: center;
	font-size: large;
}

.focus-icon {
	width: 30px;
	height: 30px;
	background: transparent url('../../common/img/focus.png') no-repeat;
	background-size: cover;
	display: inline-block;
}

.selected-product .product #minus a, .selected-product .product #plus a
	{
	font-size: 28px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #ffffff;
}

.selected-product .product #minus, .selected-product .product #plus {
	float: left;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
}

.selected-product.product-options .product .image {
	width: 200px;
}

.selected-product.product-options .product .product-info-wrapper {
	text-align: left;
}

.selected-product.product-options .product .name {
	text-align: left;
	font-size: 28px;
	font-weight: bold;
}

.selected-product.product-options .product .product-info-wrapper .product-description
	{
	text-align: left;
}

.selected-product.product-options .product .product-info-wrapper .product-allergens
	{
	text-align: left;
}

.selected-product.product-options .product .product-info-wrapper .item-sizes
	{
	margin: 0px 5px;
	width: auto;
	display: inline;
}

.selected-product.product-options .product .product-info-wrapper .item-sizes ul
	{
	display: inline;
}

.selected-product.product-options .product .product-info-wrapper .quantity
	{
	float: none;
	display: inline;
}

.selected-product.product-options .product  .button-row {
	display: flex;
	flex-flow: row nowrap;
	flex-flow: row;
	width: 100%;
}

.selected-product.product-options .product  .button-row>* {
	flex: 1 1 33%;
}

.selected-product.product-options .product .add-cart-button {
	/* 	display: table-cell; */
	/* 	width: 100%; */
	width: auto;
	margin: 0px 5px;
	/* 	overflow: auto; */
	float: none;
	flex-grow: 5;
	overflow: hidden;
	flex-basis: 100%;
	text-align: left;
}

.selected-product.product-options .product .add-cart-button img {
	display: inline;
}

.selected-product.product-options .product .add-cart-button span {
	display: inline;
	margin-left: 10px;
}

.selected-product.product-options .product .split-button {
	display: inline;
	width: auto;
	margin: 0px 5px;
	white-space: nowrap;
	float: none;
	padding: 0px 20px;
	flex-grow: 1;
}

.selected-product.product-options .product .productpage-button {
	display: inline;
	width: auto;
	margin: 0px 5px;
	white-space: nowrap;
	float: none;
	padding: 0px 20px;
	flex-grow: 1;
}

@media ( max-width : 991px) {
	.selected-product.product-options .product  .button-row {
		flex-flow: row wrap;
	}
	.selected-product.product-options .product .add-cart-button {
		width: 100%;
	}
}

.split-pizza-wrapper .selected-product.product-options  .product .productpage-button
	{
	display: none;
}

.width100 {
	width: 100%;
}

#close-no-menu:hover {
	cursor: pointer;
}

.padding-bottom {
	padding-bottom: 30px;
}

.no-border {
	border: 0px;
}

#wrapper {
	width: 100%;
	height: auto;
}

#main-content-wrapper {
	width: 66%;
	height: auto;
	float: left;
}

#shopping-cart-wrapper {
	width: 33%;
	height: auto;
	float: right;
}

#order-settings-wrapper {
	width: 67%;
	height: auto;
	float: left;
}

.p-name {
	float: left !important;
	width: 80% !important;
	line-height: 20px;
}

.cart-product .discount {
	display: table;
	width: 100%;
}

.cart-product .discount .discount-text {
	color: #ff0000;
	vertical-align: middle;
}

.cart-product .discount img {
	clear: left;
	float: left;
	margin-right: 8px;
	width: 8%;
}

.overflow-hidden {
	overflow: hidden;
}

.shadow {
	-moz-box-shadow: 5px 5px 5px #333;
	-webkit-box-shadow: 5px 5px 5px #333;
	box-shadow: 5px 5px 5px #333;
}

.img-shadow {
	-webkit-filter: drop-shadow(5px 5px 5px #333);
	filter: drop-shadow(5px 5px 5px #333);
}

a {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	text-decoration: none;
}

.push {
	margin-top: 30px;
}

.button {
	width: 100%;
	height: 40px;
	/*     display: inline-block; */
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
	letter-spacing: 0.8px;
	outline-style: none;
	outline-width: 0px;
	outline-color: #fff;
	border-radius: 10px;
	background: var(- -std-button-start-color);
	background: -moz-linear-gradient(top, var(--std-button-start-color) 30%,var(--std-button-end-color) 100%);
	background: -ms-linear-gradient(top, var(--std-button-start-color) 30%,var(--std-button-end-color) 100%);
	background: -o-linear-gradient(top, var(--std-button-start-color) 30%,var(--std-button-end-color) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, var(--std-button-start-color)),color-stop(100%, var(--std-button-end-color)));
	background: -webkit-linear-gradient(top, var(--std-button-start-color)30%, var(--std-button-end-color) 100%);
	background: linear-gradient(var(--std-button-start-color) 30%,var(--std-button-end-color) 100%);
}

.button:hover {
	cursor: pointer;
	outline-style: none;
	outline-width: 0px;
	outline-color: #fff;
	background: var(- -std-button-end-color);
	background: -moz-linear-gradient(top, var(- -std-button-end-color) 0,
		var(- -std-button-start-color) 70%);
	background: -ms-linear-gradient(top, var(- -std-button-end-color) 0,
		var(- -std-button-start-color) 70%);
	background: -o-linear-gradient(top, var(- -std-button-end-color) 0,
		var(- -std-button-start-color) 70%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(- 
		 -std-button-end-color)),
		color-stop(70%, var(- -std-button-start-color)));
	background: -webkit-linear-gradient(top, var(- -std-button-end-color) 0,
		var(- -std-button-start-color) 70%);
	background: linear-gradient(var(- -std-button-end-color) 0,
		var(- -std-button-start-color) 70%);
}

.button:focus {
	outline-style: none;
	outline-width: 0px;
	outline-color: #fff;
}

.button.no-margin {
	margin: 0;
}

.button.relative {
	position: relative !important;
}

.buttons-row {
	display: flex;
	flex-direction: row-reverse;
	border-top: 1px solid #aaa;
}

.green-button {
	background: var(- -green-button-start-color) !important;
	background: -moz-linear-gradient(top, var(- -green-button-start-color)
		30%, var(- -green-button-end-color) 100%) !important;
	background: -ms-linear-gradient(top, var(- -green-button-start-color)
		30%, var(- -green-button-end-color) 100%) !important;
	background: -o-linear-gradient(top, var(- -green-button-start-color) 30%,
		var(- -green-button-end-color) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, var(- 
		 -green-button-start-color)),
		color-stop(100%, var(- -green-button-end-color))) !important;
	background: -webkit-linear-gradient(top, var(- -green-button-start-color)
		30%, var(- -green-button-end-color) 100%) !important;
	background: linear-gradient(var(- -green-button-start-color) 30%,
		var(- -green-button-end-color) 100%) !important;
}

.green-button:hover {
	background: var(- -green-button-end-color) !important;
	background: -moz-linear-gradient(top, var(- -green-button-end-color) 0,
		var(- -green-button-start-color) 70%) !important;
	background: -ms-linear-gradient(top, var(- -green-button-end-color) 0,
		var(- -green-button-start-color) 70%) !important;
	background: -o-linear-gradient(top, var(- -green-button-end-color) 0,
		var(- -green-button-start-color) 70%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(- 
		 -green-button-end-color)),
		color-stop(70%, var(- -green-button-start-color))) !important;
	background: -webkit-linear-gradient(top, var(- -green-button-end-color)
		0, var(- -green-button-start-color) 70%) !important;
	background: linear-gradient(var(- -green-button-end-color),
		var(- -green-button-start-color) 70%) !important;
}

.red-button {
	background: var(- -red-button-start-color) !important;
	background: -moz-linear-gradient(top, var(- -red-button-start-color) 30%,
		var(- -red-button-end-color) 100%) !important;
	background: -ms-linear-gradient(top, var(- -red-button-start-color) 30%,
		var(- -red-button-end-color) 100%) !important;
	background: -o-linear-gradient(top, var(- -red-button-start-color) 30%,
		var(- -red-button-end-color) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, var(- 
		 -red-button-start-color)),
		color-stop(100%, var(- -red-button-end-color))) !important;
	background: -webkit-linear-gradient(top, var(- -red-button-start-color)
		30%, var(- -red-button-end-color) 100%) !important;
	background: linear-gradient(var(- -red-button-start-color) 30%,
		var(- -red-button-end-color) 100%) !important;
}

.red-button:hover {
	background: var(- -red-button-end-color) !important;
	background: -moz-linear-gradient(top, var(- -red-button-end-color) 0,
		var(- -red-button-start-color) 70%) !important;
	background: -ms-linear-gradient(top, var(- -red-button-end-color) 0,
		var(- -red-button-start-color) 70%) !important;
	background: -o-linear-gradient(top, var(- -red-button-end-color) 0,
		var(- -red-button-start-color) 70%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(- 
		 -red-button-end-color)),
		color-stop(70%, var(- -red-button-start-color))) !important;
	background: -webkit-linear-gradient(top, var(- -red-button-end-color) 0,
		var(- -red-button-start-color) 70%) !important;
	background: linear-gradient(var(- -red-button-end-color),
		var(- -red-button-start-color) 70%) !important;
}

.small-select-button {
	float: right;
	width: 100%;
	border: 0px;
	border-radius: 0px;
}

.split-button {
	padding: 6px;
}

.productpage-button {
	padding: 6px;
}

.right-adjusted-button {
	position: relative !important;
	display: block;
	float: right;
}

.align-right {
	float: right;
}

.align-left {
	float: left;
}

.align-none {
	float: none;
}

.error-msg, .info-msg {
	width: 100%;
	padding: 10px;
}

.cancel-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 80px;
}

section {
	min-height: 100%;
}

footer {
	/*background: -moz-linear-gradient(225deg,#ed7902, #ff9420 50%, #ffa446);
    background: -webkit-linear-gradient(225deg,#ed7902,#ff9420 50%, #ffa446);
    background: linear-gradient(225deg,#ed7902,#ff9420 50%, #ffa446); */
	height: auto;
	padding: 30px;
	bottom: 0px;
	position: absolute;
	left: 0;
	width: 100%;
}

footer h4 {
	font-size: 20px;
	padding-bottom: 10px;
}

footer input[type=email] {
	padding: 5px;
	font-size: 12px;
	width: 100%;
}

footer input[type=submit] {
	float: right;
	margin-top: 10px;
	font-size: 13px;
	border: 0px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

footer ul li {
	display: block;
}

footer ul {
	padding: 0px;
	/*     text-decoration: underline; */
}

footer .social-media ul li img {
	height: 25px;
	padding-right: 10px;
}

footer .social-media ul li {
	padding-bottom: 10px;
}

footer .logo {
	width: 150px;
	height: 100px;
}

#ordertype-select-wrapper {
	width: 100%;
	background: #000000a0;
	color: #fff;
}

#ordertype-select-wrapper .top-image {
	display: none;
}

#ordertype-select-wrapper .top-image .logo {
	display: none;
}

#ordertype-select-wrapper h1 {
	font-size: 3em;
	padding-top: 150px;
	padding-bottom: 50px;
	text-align: center;
}

#ordertype-select-wrapper p {
	font-size: 2em;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	color: black;
}

#ordertype-select-wrapper h3 {
	font-size: 2.7em;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin: 0 20px;
	margin-bottom: 50px;
	color: #000;
}

.ordertype-select-buttons {
	background: #fff;
	padding-top: 100px;
	text-align: center;
	display: table;
	width: 100.1%;
	border-spacing: 15px;
}

.ordertype-select {
	display: inline;
	/* 	vertical-align: center; */
}

.ordertype-select img {
	width: 100%;
}

.ordertype-select .button {
	width: 300px;
	height: 100px;
	padding: 0 0;
	font-size: 1.5em;
	display: table-cell;
	vertical-align: middle;
	margin: 0 20px;
}

.sm-height {
	height: 350px;
}

.expandable-wrapper {
	height: auto;
	margin-bottom: 30px;
}

.expandable-wrapper .expandable-content {
	display: none;
	margin-top: 10px;
	padding-bottom: 10px;
}

.expandable-wrapper.expanded .expandable-content {
	display: block;
}

.expandable-wrapper .expand-expandable-btn {
	/*   background-image: url('../img/arrow-sideways.png'); */
	color: #C9232A;
	border-style: none;
	height: 20px;
	outline-width: 0px;
}

.expandable-wrapper .expand-expandable-btn:active {
	border-style: none;
	outline-width: 0px;
}

.expandable-wrapper .expand-expandable-btn:focus {
	border-style: none;
	outline-width: 0px;
}

.mobile-scrollinfo {
	display: none;
}

@media ( max-width : 991px) {
	#ordertype-select-wrapper h1 {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.ordertype-select-buttons {
		padding-top: 10px;
	}
	.ordertype-select-buttons {
		
	}
	.ordertype-select .button {
		width: 100%;
		display: block;
		text-align: center;
		line-height: 100px;
		margin: 20px auto;
	}
	#main-content-wrapper {
		width: 100%;
	}
	.center-text {
		text-align: center;
	}
	footer {
		margin-bottom: 70px;
		position: relative;
	}
	.hidden-sm {
		display: none;
	}
	.mobile-push {
		margin-top: 30px !important;
	}
	body {
		margin: 0 0 0px;
	}
}

.allergen-panel {
	width: 50%;
	float: left;
}

.allergen-filter {
	position: fixed;
	height: 100%;
	left: 0px;
	width: 100%;
	z-index: 9998;
	top: 0px;
	display: none;
	overflow: auto;
}

.allergen-button {
	font-size: 15px;
	width: 150px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 3px;
}

.allergen-filter .white-background {
	padding: 10px;
	margin-top: 50px;
	display: table;
	height: auto;
}

.allergen-filter .title {
	height: 55px;
}

.allergen-filter h2 {
	line-height: 55px;
	float: left;
}

.allergen-filter #close-allergen {
	float: right;
	cursor: pointer;
}

.allergen-filter form {
	margin-top: 10px;
}

.allergen-filter form label {
	padding: 10px;
}

.allergen-filter form span {
	font-size: 20px;
	margin-right: 10px;
}

.allergen-filter #save-allergen {
	float: right;
	width: 200px;
}

.selcted-allergies {
	padding: 10px;
}

.selcted-allergies h4 {
	text-transform: uppercase;
}

.selcted-allergies ul {
	padding: 0px;
	font-size: 16px;
	word-wrap: break-word;
}

.selcted-allergies ul li {
	display: inline;
	padding: 5px;
}

@media ( max-width : 779px) {
	.allergen-panel {
		width: 100%;
	}
	.allergen-filter form {
		margin-bottom: 100px;
	}
	.allergen-filter form label {
		width: 49%;
	}
	.allergen-filter .white-background {
		margin-top: 0px;
		overflow: auto;
	}
	.allergen-filter form #save-allergen {
		width: 100%;
	}
	.no-mobile-hidden {
		display: none;
	}
}

#cart-computer {
	width: 100%;
	height: auto;
	margin-top: 5px;
	font-family: "Ristretto", Georgia, Serif;
}

#order-settings-computer {
	width: 100%;
	height: auto;
	margin-top: 5px;
	font-family: "Ristretto", Georgia, Serif;
}

#order-settings-computer .message {
	width: 90%;
	margin: 0px 20px 5px 20px;
}

#cart-computer .cart-product {
	width: 100%;
	padding: 10px;
	position: relative;
	font-family: Arial;
}

#cart-computer .cart-product .name {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#cart-computer .cart-product .price {
	float: right;
}

#cart-computer .cart-product .toppings {
	display: block;
	letter-spacing: 0.7px;
	font-weight: bold;
	margin-top: 10px;
	/*     font-family: "Ristretto", Georgia, Serif; */
}

.main-product-name {
	font-size: 22px !important;
}

.main-product-name .p-name {
	float: left;
	width: 80%;
	line-height: 25px;
	margin-bottom: 10px;
}

.main-product-name ul {
	clear: both;
}

#cart-computer ul li {
	font-size: 17px;
}

#cart-computer .title {
	border-bottom: 1px solid #ddd;
}

#cart-computer .cart-product .customize {
	margin-top: 10px;
	display: table;
	width: 100%;
}

#cart-computer .cart-product .customize .edit {
	float: left;
	cursor: pointer;
}

#cart-computer .cart-product .customize .delete {
	float: right;
	cursor: pointer;
}

#cart-computer .cart-product .customize .delete img, #cart-computer .cart-product .customize .edit img
	{
	width: 25px;
	height: 25px;
}

#cart-computer .cart-product .customize .item-price {
	width: 100%;
	padding-top: 10px;
	margin-top: 40px;
	font-weight: bold;
}

#cart-computer .cart-product .toppings ul {
	padding-left: 10px;
	font-weight: lighter;
}

#order-settings-computer div {
	margin-top: 0px;
}

#order-settings-computer img {
	width: 25px;
	height: 25px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#order-settings-computer .link-img {
	width: 25px;
	height: 25px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	display: inline-block;
}

#order-settings-computer .title img.edit-img {
	float: none;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 3px;
}

#order-settings-computer .edit-img {
	float: none;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: url(../img/edit-white.png);
	background-size: 100%;
	display: inline-block;
}

#order-settings-computer .popup {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	background: #fff;
	border: 1px solid #eee;
	z-index: 999;
	font-size: 18px;
	text-transform: uppercase;
	list-style-type: none;
	padding: 0px;
}

#order-settings-computer .popup li {
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 5px;
}

#order-settings-computer .popup li:hover {
	background: #ccc;
}

.no-padding {
	padding: 0px !important;
}

.cart-back-button {
	font-size: 18px;
	margin-bottom: -20px;
	z-index: 999;
	position: absolute;
	margin-top: 0px;
}

#computer-cart .button {
	text-align: left;
}

#cart-computer ul li {
	font-weight: bold;
	line-height: 150%;
}

#cart-computer ul li ul li {
	font-weight: lighter;
}

#cart-computer ul li ul {
	font-size: 13px;
}

#cart-computer .cart-product .toppings ul li {
	display: block;
}

#cart-computer .summary {
	width: 100%;
	padding: 10px;
	letter-spacing: 0.8px;
	font-size: 17px;
	margin-top: 10px;
}

#cart-computer .button {
	margin-top: 10px;
	line-height: 38px;
	text-align: left;
	padding-left: 10px;
	border-radius: 10px;
}

#cart-computer .button90pct {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}

#cart-computer .button .icon {
	float: right;
	padding-right: 10px;
}

#cart-computer .button .icon img {
	height: 30px;
	width: auto;
}

#cart-computer .summary table {
	width: 100%;
}

#cart-computer .summary td:nth-child(even) {
	float: right;
}

#cart-computer .summary th:nth-child(even) {
	float: right;
}

#cart-computer .summary th {
	border: 0px;
}

#cart-computer .summary .huge-text {
	font-size: 40px;
}

#cart-computer .cart-product .count {
	width: 30px;
	text-align: center;
	float: left;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
}

#estimeted-time {
	width: 100%;
	height: 100px;
}

#estimeted-time .mainText {
	font-size: 30px;
	line-height: 100px;
	padding-left: 10px;
}

#estimeted-time .timer {
	width: 50px;
	padding-left: 15px;
	font-size: 40px;
}

#estimeted-time sub {
	font-size: 15px;
}

#order-settings-computer .ordertype-info {
	width: 33%;
	display: inline-block;
}

#cart-computer .title {
	width: 100%;
	padding: 10px;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: lighter;
}

#cart-computer .title img {
	height: 35px;
	float: right;
	margin-top: -2.3px;
}

#order-settings-computer .title {
	/*     width: 27%; */
	padding: 10px 2px;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: lighter;
	display: inline-block;
}

#order-settings-computer .title .ordertype {
	display: none;
}

#order-settings-computer .tidspunkt .ordertype {
	display: block;
}

#order-settings-computer .title img, #order-settings-computer .tidspunkt img
	{
	height: 35px;
	width: 35px;
	float: right;
	margin-top: -5px;
	margin-right: 0px;
}

#order-settings-computer .avdeling {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
}

#order-settings-computer .avdeling img {
	vertical-align: baseline;
}

#order-settings-computer .address {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
}

#order-settings-computer .address img {
	vertical-align: baseline;
}

#order-settings-computer .tidspunkt {
	width: 31%;
	width: calc(38% - 57px);
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
	text-align: center;
}

#order-settings-computer .tidspunkt span {
	/*     width: 80%; */
	/*     width: calc(100% - 100px); */
	/*     width: 100px; */
	
}

#order-settings-computer img {
	width: 25px;
	height: 25px;
	margin-left: 7px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#order-settings-computer .title img.edit-img {
	float: none;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 3px;
}

#order-settings-computer .restaurant-img {
	vertical-align: baseline;
	background-image: url(../img/restaurant-white.png);
	background-size: 100%;
}

#order-settings-computer .house-img {
	vertical-align: baseline;
	background-image: url(../img/house-white.png);
	background-size: 100%;
}

#order-settings-computer .clock-img {
	vertical-align: baseline;
	background-image: url(../img/clock-white.png);
	background-size: 100%;
}

.add-favorites-to-order {
	margin-top: 30px;
}

.add-favorites-to-order .favorite-wrapper {
	padding: 10px;
}

.add-favorites-to-order .title {
	
}

.add-favorites-to-order .add {
	float: right;
	height: 30px;
}

.add-favorites-to-order .favorite {
	font-size: 20px;
	padding-left: 10px;
	cursor: pointer;
	height: 30px;
}

.add-favorites-to-order .open-box {
	margin-top: 5px;
	padding: 5px;
	display: none;
}

.add-favorites-to-order .open-box ul {
	padding-left: 0px;
}

.add-favorites-to-order .open-box ul li {
	display: block;
}

.add-favorites-to-order .open-box ul li ul li {
	display: block;
}

.cart-mobile {
	display: none;
}

.cart-mobile .left-cart-status {
	display: inline-block;
}

.cart-mobile .right-cart-status {
	display: none;
}

.sticky-panel {
	display: none;
}

@media ( max-width : 991px) {
	#cart-computer {
		margin-top: 30px;
	}
	.sticky-panel-holder {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		position: fixed;
		bottom: 0px;
		-webkit-box-shadow: 0px 6px 5px 5px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0px 6px 5px 5px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 6px 5px 5px rgba(0, 0, 0, 0.75);
		z-index: 9999;
	}
	.sticky-panel {
		display: block;
		background-color: green;
		color: white;
	}
	.cart-mobile {
		width: 100%;
		display: block;
		font-family: Arial;
		display: flex;
		justify-content: space-between;
		padding: .5rem .5rem;
	}
	.cart-mobile .cart-icon {
		text-align: center;
	}
	.cart-mobile .cart-icon img {
		height: 25px;
		margin-right: 5px;
	}
	.cart-mobile .cart-icon .order-type {
		font-size: 1rem;
		color: white;
		z-index: 99;
	}
	.cart-mobile .price {
		color: white;
		text-align: center;
	}
	.cart-mobile .checkout {
		z-index: 99;
		text-align: center;
		font-size: 1rem;
	}
	#order-settings-computer div {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	#order-settings-computer .title {
		border-bottom: 1px solid #ddd;
		height: 47px;
	}
	#order-settings-computer .title .ordertype {
		display: block;
	}
	#order-settings-computer .tidspunkt .ordertype {
		display: none;
	}
	#order-settings-computer .title {
		width: 90%;
		width: calc(100% - 50px);
	}
	#order-settings-computer .ordertype-info {
		width: 100%;
	}
	#order-settings-computer .avdeling {
		width: 100%;
	}
	#order-settings-computer .address {
		width: 100%;
	}
	#order-settings-computer .tidspunkt {
		width: 100%;
		text-align: left;
	}
	#order-settings-computer .edit-img {
		background-image: url(../img/edit.png);
	}
	#order-settings-computer .restaurant-img {
		background-image: url(../img/restaurant.png);
	}
	#order-settings-computer .house-img {
		background-image: url(../img/house.png);
	}
	#order-settings-computer .clock-img {
		background-image: url(../img/clock.png);
	}
}

#header {
	width: 100%;
	height: 420px;
	position: relative;
}

#header img {
	height: 250px;
}

#header #logo {
	text-align: center;
	margin-top: 125px;
	width: 100%;
}

#header .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
}

#header .overlay>h1 {
	text-align: center;
	margin-top: 8%;
	text-transform: uppercase;
	font-size: 45px;
}

#header .form {
	margin: 0 auto;
	width: 550px;
	padding: 20px;
}

#header .form>form input[type=text] {
	width: 59.2%;
	height: 40px;
	padding: 10px;
}

#header .form>form input[type=submit] {
	width: 40%;
	height: 40px;
	border: 0px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	font-size: 15px;
}

#product-navbar {
	width: 100%;
	height: 50px;
	text-transform: uppercase;
	border: 0px;
	text-align: center;
	font-family: "Ristretto", Georgia, Serif;
}

#product-navbar a {
	font-weight: bold;
	letter-spacing: 1px;
}

#product-navbar  ul {
	line-height: 50px;
	padding: 0px;
	text-align: center;
}

#product-navbar  ul li {
	display: inline;
	padding: 10px;
	cursor: pointer;
}

#product-navbar ul li a.selected:focus {
	outline: none;
}

#product-navbar #mobile-trigger {
	display: none;
}

#product-navbar #moile-text {
	display: none;
}

@media ( max-width : 991px) {
	#header {
		height: 420px;
	}
	#header .overlay>h1 {
		margin-top: 15%;
	}
	#header .form {
		width: 90%;
		display: table;
	}
	#header .form form input[type=text] {
		width: 100%;
	}
	#header .form form input[type=submit] {
		width: 100%;
		float: right;
		margin-top: 10px;
	}
	#product-navbar {
		height: auto;
		min-height: 60px;
	}
	#product-navbar #moile-text {
		float: left;
		padding-left: 10px;
		line-height: 60px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 15px;
		display: block;
		width: 100%;
	}
	#product-navbar #mobile-trigger {
		float: right;
		margin-top: 4px;
		margin-right: 20px;
		display: block;
		width: 50%;
		position: absolute;
		right: 0px;
		z-index: 1;
	}
	#product-navbar #mobile-trigger img {
		max-width: 35px;
		max-height: 90%;
		margin-top: 12.2px;
		float: right;
		padding-right: 10px;
	}
	#product-navbar  ul {
		display: none;
		text-align: left;
	}
	#product-navbar  ul li {
		display: block;
		line-height: 30px;
	}
}

.question-pop-up {
	width: 100%;
	height: 100%;
	top: 0px !important;
	position: fixed;
	z-index: 999;
	display: none;
}

.question-pop-up p {
	margin-top: -15px;
}

.question-pop-up .overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
}

.question-pop-up .overlay .white-box {
	padding: 10px;
	display: table;
	margin: 0 auto;
	margin-top: 20%;
}

.padding {
	margin-top: 10px;
}

.question-pop-up .overlay .white-box h1 {
	padding-bottom: 10px;
	margin-top: 0px;
}

.question-pop-up .overlay .white-box .button {
	width: 200px;
	float: left;
	cursor: pointer;
}

.select-sides .button {
	width: 20%;
}

.modal-dialog .medium {
	height: 35px !important;
	line-height: 35px !important;
	width: 90% !important;
	margin-left: 5%;
}

.modal-dialog .small {
	height: 35px !important;
	line-height: 35px !important;
	width: 80% !important;
	margin-left: 10%;
}

.modal-dialog .tiny {
	height: 35px !important;
	line-height: 35px !important;
	width: 65% !important;
	margin-left: 5%;
	display: inline-block;
}

.modal-dialog .small-open-field {
	width: 80% !important;
	margin-left: 10%;
}

.modal-dialog .small-open-field .choice {
	margin-top: 5px;
	font-size: 20px;
}

.modal-dialog .tiny-open-field {
	width: 70% !important;
	margin-left: 5%;
	display: inline-block;
}

.modal-dialog .open-field {
	display: none;
}

@media ( max-width : 615px) { 
	.modal-dialog {
		margin: 0;
	}
}

@media ( max-width : 991px) {
	.modal-dialog .small {
		width: 90% !important;
		margin-left: 5%;
	}
	.modal-dialog .tiny {
		width: 90% !important;
		margin-left: 5%;
		display: block;
	}
	.modal-dialog .small-open-field {
		width: 90% !important;
		margin-left: 5%;
	}
	.modal-dialog .tiny-open-field {
		width: 90% !important;
		margin-left: 5%;
		display: block;
	}
}

.modal-dialog .hide {
	display: none;
}

.modal-dialog .item-size {
	position: absolute;
	right: 130px;
	width: 400px;
	margin-top: -164px;
}

.modal-dialog .item-size ul {
	margin-top: 20px;
	float: right;
	position: absolute;
	right: 10px;
	top: 150px;
	padding: 10px;
}

.modal-dialog .item-size ul li {
	display: inline;
	padding: 10px !important;
}

.modal-dialog .center-content {
	width: 100%;
	text-align: center;
}

.modal-dialog .item-size-menu {
	
}

.modal-dialog .item-size-menu, .item-size {
	padding: 0px;
	margin-right: 10px;
}

.modal-dialog .item-size-menu li, .item-size li {
	display: inline;
	padding: 10px;
}

.item-sizes {
	/*     position: absolute; */
	margin-top: 0px;
	padding-left: 0px;
	/*     float: right; */
	margin-right: 150px;
	/* 	margin-left: 50px; */
	/* 	margin-bottom: 10px; */
	text-align: center;
	width: 70%;
	width: calc(100% - 120px)
}

.item-sizes ul {
	padding-left: 0px;
}

.item-sizes ul li {
	display: inline;
	border: 1px solid #ddd;
	padding: 10px;
	color: #000 !important;
	margin-top: 5px;
}

.item-sizes ul li a {
	color: #000;
}

.item-sizes-details {
	/*     position: absolute; */
	margin-top: 0px;
	padding-left: 0px;
	/*     float: right; */
	margin-right: 150px;
	/* 	margin-left: 50px; */
	/* 	margin-bottom: 10px; */
	text-align: center;
	width: 70%;
	width: calc(100% - 120px)
}

.item-sizes-details ul {
	padding-left: 0px;
}

.item-sizes-details ul li {
	display: inline;
	border: 1px solid #ddd;
	padding: 10px;
	color: #000 !important;
	margin-top: 5px;
	position: relative;
}

.item-sizes-details ul li a {
	color: #000;
}

.item-sizes-details .size-box {
	color: #fff;
	background: #ccc;
}

.item-sizes-details .size-info-text {
	color: #000;
}

.item-sizes-details .before-price {
	color: #000;
	text-decoration: line-through;
	font-size: small;
	position: absolute;
    left: 10px;
    top: 26px	
}
.hovedingredienser {
	/* 	float: left; */
	width: 100%;
	height: 10px;
	margin-top: 5px;
	/* margin-bottom: -30px; */
	display: table;
	cursor: pointer;
}

.hovedingredienser .medium {
	margin-left: 0px;
}

.select-sides>div>.hovedingredienser .medium {
	margin-left: 5%;
}

.menu-size-list {
	width: 70%;
	width: calc(100% - 120px);
	width: fit-content;
	margin-bottom: 0px;
	margin-top: -108px;
	/* 	margin-left: auto; */
	/*     margin-right: auto; */
	position: relative;
}

.menu-image-view {
	width: 200px;
	display: inline-table;
	vertical-align: middle;
}

.btn-float {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
}

.btn-float img {
	height: 30px;
}

.modal-dialog .right-oval {
	float: right;
	width: 200px;
	text-transform: uppercase;
}

.select-sides h3 {
	text-align: center;
	margin-top: 10px;
	text-transform: uppercase;
}

.question-pop-up .overlay .white-box .right {
	float: right;
	margin-left: 10px;
}

/* Modify meny pop up */
.selected-product-overlay {
	margin-left: -20px;
}

.selected-product-overlay .modal-dialog {
	
}

.modal-dialog .field, .modal-dialog .expandable-field {
	width: 100%;
	height: 50px;
	text-transform: uppercase;
	line-height: 50px;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 20px;
	letter-spacing: 1px;
	cursor: pointer;
}

.modal-dialog .open-field {
	display: none;
}

.modal-dialog .field .edit-img {
	width: 20px;
	height: 20px;
	margin-left: 30px;
	margin-bottom: 5px;
}

.selected-product .product #minus, .selected-product .product #plus {
	float: left;
	height: 32px;
	width: 30px;
	text-align: center;
	line-height: 30px;
}

.selected-product .product #minus a, .selected-product .product #plus a
	{
	font-size: 28px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #ffffff;
}

.selected-product .product #quantity-count {
	width: 40px;
	text-align: center;
	float: left;
	line-height: 30px;
	border: 0px;
}

.selected-product .product .price-set {
	float: right;
	font-size: 40px;
	margin-right: 10px;
}

.select-sides #minus, .select-sides #plus {
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	/*     border: #ccc 1px solid; */
	display: inline;
}

.select-sides #minus a, .select-sides  #plus a {
	font-size: 28px;
	width: 30px;
	/* 	padding-left: 10px; */
	/* 	padding-right: 10px; */
	text-decoration: none;
	color: #000000;
}

.selected-product-overlay .modal-dialog .select-sides form div.quantity
	{
	display: inline;
	float: none;
	width: auto;;
	padding: 0px;
	margin: -10px 10px 0px 10px;
}

.select-sides #quantity-count {
	width: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	border: 0px;
	display: inline;
}

.nutritional {
	display: none;
}

.nutritional-table th {
	width: 250px !important;
	padding: 10px;
	text-align: left !important;
}

.nutritional-table td {
	text-align: right !important;
	padding: 10px;
}

.allergen-list {
	font-weight: bold;
}

.error-msg ul, .info-msg ul {
	padding-left: 0px !important;
}

.error-msg ul li, .info-msg ul li {
	display: block;
	padding: 2px;
}

.selected-product-overlay .modal-dialog .selected-product {
	height: auto;
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

.selected-product-overlay {
	
}

.menu-product {
	
}

@media ( max-width : 523px) {
	.selected-product-overlay .modal-dialog .selected-product {
		padding-bottom: 50px;
	}
	.menu-product .menu-size-list {
		margin-top: -100px;
	}
}

@media ( max-width : 404px) {
	.selected-product-overlay .modal-dialog .selected-product {
		padding-bottom: 100px;
	}
	.menu-product .menu-size-list {
		margin-top: -150px;
	}
}

.modal-dialog {
	width: 100% !important;
	padding: 10px;
	max-width: 900px; /* settes til 600 in bootstrap.min.css */
}

.selected-product-overlay .modal-dialog .title {
	font-size: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.hide {
	display: none;
}

.selected-product-overlay .modal-dialog #close-no-menu,
	.selected-product-overlay .modal-dialog #close-menu,
	.selected-product-overlay .modal-dialog #close-single-item {
	right: 20px;
	top: 3px;
	font-size: 30px;
	cursor: pointer;
}

.selected-product-overlay .modal-dialog .image {
	float: left;
	width: 220px;
	height: 160px;
	text-align: center;
	line-height: 100px;
	margin-right: 10px;
	margin-top: -15px;
}

.selected-product-overlay .modal-dialog .image img {
	max-width: 100%;
	max-height: 100%;
	/*     width: 400px; */
	/*     height: 200px; */
	/* 	padding-top: 100%; */
	margin-top: 0px;
}

.selected-product .properties {
	margin-top: 0px !important;
}

.selected-product .properties .property {
	height: 40px;
	width: 40px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	float: left;
	margin-right: 5px;
	margin-top: 0px;
}

.selected-product-overlay .modal-dialog .product-.product .name {
	font-size: 20px;
	padding-bottom: 2px;
}

.selected-product-overlay .modal-dialog .description {
	float: left;
	width: 400px;
	font-size: 13px;
	margin-right: 10px;
}

@media ( min-width : 990px) and (max-width: 1200px) {
	.selected-product-overlay .modal-dialog .description {
		width: 33%;
		width: calc(100% - 300px);
	}
}

.selected-product-overlay .modal-dialog .quantity {
	float: left;
	width: 100px;
}

.selected-product-overlay .modal-dialog .select-sides .title {
	margin-top: 25px;
	border-bottom: 0px;
	text-align: center;
}

.selected-product-overlay .modal-dialog .select-sides .info {
	font-size: 14px;
	text-align: center;
	margin-top: -12px;
}

.selected-product-overlay .modal-dialog .select-sides form div {
	width: 100%;
	height: 40px;
	margin: 5px;
	display: block;
	padding-top: 20px;
	padding-bottom: 45px;
}

.select-sides .price {
	float: right;
	font-weight: bold;
}

#close-menu img {
	cursor: pointer;
	height: 40px;
	margin-top: -5px;
}

@media ( max-width : 430px) {
	/* 	.selected-product-overlay .modal-dialog .select-sides form div:has(div.quantity) { */
	/* 		height: 60px; */
	/* 	} */
	/* fordi har() selector ikke fungerer enda! */
	.selected-product-overlay .modal-dialog .select-sides form div {
		height: 60px;
	}
	.selected-product-overlay .modal-dialog .select-sides form div.quantity
		{
		
	}
	.selected-product-overlay .modal-dialog .select-sides form div.quantity:before
		{
		/*      	display: inline-block; */
		/*      	clear: right; */
		white-space: pre-wrap;
		content: "\A";
	}
}

.product-properties-wrapper {
	width: 100%;
	/* background: red; */
	height: auto;
	position: relative;
	margin-top: 150px;
}

.product-properties-wrapper .properties {
	position: absolute;
	left: 0px;
}

.push-product {
	width: 30%;
	width: calc(33% - 30px);
	height: 270px;
	border: 1px solid #ddd;
	display: inline-block;
	text-align: center;
	padding: 10px;
	margin: 15px 10px;
}

.scrollable-wrapper {
	white-space: nowrap;
}

.scrollable-wrapper h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.scrollable-productlist {
	width: 100%;
	height: 250px;
	overflow-x: scroll;
	/*     overflow-x: auto; */
	padding: 5px;
	display: inline-block;
}

.scrollable-productlist div {
	display: inline-block;
	float: none;
	width: 180px;
	margin-right: 30px;
	vertical-align: top;
}

.scrollable-productlist div .product {
	margin-top: 5px;
}

.scrollable-productlist div .product .name {
	white-space: normal;
}

@media ( max-width : 770px) {
	.push-product {
		width: calc(50% - 30px);
	}
}

@media ( max-width : 490px) {
	.push-product {
		width: calc(100% - 30px);
	}
}

.push-product .quantity {
	float: none !important;
	margin: 0 auto;
}

.push-product .menu-image-view {
	width: 190px;
	height: 140px;
	margin-left: -10px;
}

.push-product .menu-image-view img {
	width: 190px;
	height: 140px;
}

.push-product .selected-product-name {
	height: 70px;
	width: 100%;
}

.push-product .price-label {
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 100%;
	float: left;
	position: absolute;
	margin-left: -30px;
	margin-top: -30px;
	text-align: center;
	color: #fff;
	background: #0066b2;
}

@media ( max-width : 779px) {
	.selected-product-overlay .description {
		display: table;
		float: left;
	}
	.product-properties-wrapper {
		float: left;
		position: relative;
		margin-top: 0px;
	}
	.product-box-long .button {
		margin-top: 80px !important;
		margin-left: 10px;
		width: 100% !important;
		position: relative !important;
	}
	.modal-dialog .item-size {
		position: relative;
		margin-top: -50px;
		width: 100%;
	}
	.product-properties-wrapper .properties {
		margin-top: -10px;
	}
	.product-properties-wrapper .item-size {
		bottom: 80px;
		width: 100%;
		padding: 10px;
	}
	.product-properties-wrapper {
		border: 0px;
	}
	.product-properties-wrapper h3 {
		border-top: 10px solid black;
	}
	.modal-dialog .item-size select {
		margin-top: 0px;
	}
	.selected-product-overlay .modal-dialog {
		margin-top: 10px;
	}
	.selected-product-overlay .modal-dialog .image {
		margin-top: 0px;
		width: 100%;
		margin-bottom: 10px;
	}
	.product-section .selected-product-overlay .modal-dialog .image {
		height: 130px;
	}
	.selected-product-overlay .modal-dialog .description {
		float: left;
		width: 250px;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.selected-product-overlay .modal-dialog {
		width: auto;
		height: auto;
	}
	.question-pop-up .overlay .white-box .button {
		width: 100%;
		margin-bottom: 10px;
	}
	.question-pop-up .overlay .white-box .right {
		float: left;
		margin-left: 0px;
	}
	.selected-product-overlay .modal-dialog .image img {
		margin-top: 10px;
	}
	.selected-product-overlay .modal-dialog .image {
		margin-bottom: 30px;
	}
	.selected-product .properties .property {
		margin-top: 0px;
	}
	.modal-dialog .item-size ul {
		
	}
}

#navbar {
	width: 100%;
	height: 80px !important;
	font-size: 20px;
	text-transform: uppercase;
}

/*
#navbar #logo{
    float: left;
    line-height: 100px;
    width: auto;
    font-size: 30px;
}

#navbar #logo img{
    height: auto;
    width: 100%;
}
 */
#navbar ul li img {
	height: 120px;
	width: 120px;
	border-radius: 100%;
	z-index: 999;
	position: absolute;
	margin-top: -20px;
}

#navbar ul ul.popup {
	/* 	display: none; */
	/* 	position: fixed; */
	position: absolute;
	top: 60px;
	left: -80px;
	z-index: 9999;
	/* 	bottom: 0;  */
	/* 	top: 50px; */
	/* 	left: 50%; */
	/* 	margin-bottom: 5px; */
	background: #fff;
	text-align: center;
	line-height: 30px;
	border: 1px solid #ccc;
	padding: 5px;
}

#navbar ul ul.popup li {
	display: block;
	padding: 4px;
}

#navbar #logo {
	float: left;
}

#navbar #logo img {
	width: auto;
	height: 65px;
	float: left;
	margin-top: 7.5px;
}

#navbar {
	text-align: center;
	line-height: 80px;
	font-size: 25px;
}

.white-text-navbar {
	text-align: right !important;
}

#navbar ul li {
	display: inline;
	padding: 20px;
	cursor: pointer;
	position: relative;
}

#navbar ul li:hover {
	padding-top: 30px;
	padding-bottom: 30px;
}

.nav-padding {
	margin-left: 120px;
}

#main-mobile-trigger {
	display: none;
}

#mobile-logo {
	display: none;
}

.desktop-only {
	display: block;
}

@media ( max-width : 991px) {
	.desktop-only {
		display: none;
	}
	#navbar #logo {
		
	}
	#mobile-logo {
		display: block;
	}
	#mobile-logo img {
		width: auto;
		height: 80px;
		float: left;
	}
	.nav-padding {
		margin-left: 0px;
	}
	#main-mobile-trigger {
		display: block;
		float: right;
		margin-top: 15px;
	}
	#navbar {
		height: auto;
		line-height: 20px;
		text-align: left;
	}
	#navbar ul {
		margin-top: 90px;
		padding: 0px;
		display: none;
		position: absolute;
		width: 100%;
		z-index: 9999;
		left: 0px;
		top: -10px;
		padding: 10px;
	}
	#navbar ul li {
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		cursor: pointer;
		z-index: 100;
	}
	#navbar ul li:hover {
		padding: 10px;
	}
	#navbar ul ul.popup {
		position: relative;
		z-index: 99;
		display: block;
		top: 0;
		left: 0;
		margin: 0px 10px;
		text-align: left;
	}
	#navbar #main-mobile-trigger img {
		height: 30px;
		margin-top: 10px;
	}
	.white-text-navbar {
		text-align: left !important;
	}
	.menu-size-list {
		margin-bottom: 0px;
		margin-top: 0px;
		/*     	margin-left: auto; */
		/*         margin-right: auto; */
	}
	.menu-image-view {
		width: 100%;
	}
}

.payment {
	
}

.edit-mobile-number {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	z-index: 9999;
	display: none;
	left: 0px;
}

.edit-mobile-number .wrapper {
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	width: 30%;
	padding: 10px;
	display: table;
}

.edit-mobile-number .wrapper label {
	margin: 0px;
	font-size: 19px;
}

.edit-mobile-number .wrapper input[type=text] {
	width: 100%;
	padding: 5px;
}

.edit-mobile-number .wrapper .button {
	border: 0px;
	width: 49%;
	float: right;
	margin-top: 10px;
	border-radius: 10px;
}

.edit-mobile-number .wrapper .cancel {
	float: left;
}

.payment #main-content-wrapper {
	width: 100%;
}

.payment .tab {
	width: 100%;
	padding: 0px;
	font-size: 19px;
	line-height: 50px;
	height: 50px;
	padding-left: 10px;
}

.payment .tab input {
	margin-right: 3px;
}

.payment label {
	width: 100%;
	height: 100%;
	padding-left: 3px;
}

.payment .dual-line {
	line-height: 20px;
	width: 90%;
	height: auto;
	vertical-align: middle;
	display: inline-table;
	margin-bottom: 5px;
	padding-left: 0px;
}

/*.payment #get-pizza-form {
    display: none;
} */
.payment .select-address, .payment .time-for-delivery {
	padding: 10px;
}

.payment .select-address .name, .restaurant-list .name {
	font-size: 19px;
	text-transform: uppercase;
	margin-left: 10px;
}

.payment .select-address .address, .restaurant-list .address {
	display: block;
	margin-left: 26px;
	font-weight: bold;
	font-size: 19px;
}

.payment .select-address .city, .restaurant-list .city {
	display: block;
	margin-left: 26px;
	font-size: 19px;
}

.restaurant-list .extra-info, .wizard-setup-button .extra-info {
	display: none;
}

.restaurant-list .extra-info .info, .wizard-setup-button .extra-info .info
	{
	font-size: medium;
}

.payment .select-address .opening, .restaurant-list .opening {
	display: block;
	margin-left: 26px;
	font-size: 19px;
}

.payment #order-container img {
	width: 100%;
}

.payment .align-right span {
	float: right;
}

.payment  #order-container p {
	margin-bottom: 0px;
}

.payment  #order-container>section>.row {
	margin-top: 2px;
	padding-top: 3px;
	border-top: 1px solid #ccc;
}

.payment  #order-container .total-amount {
	margin-top: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #ccc;
	border-bottom: 4px double #ccc;
}

.payment  #order-container .discount-amount {
	margin-top: 2px;
	border-top: 1px solid #ccc;
}

.restaurant-list {
	padding: 10px;
}

.restaurant-list .full-width {
	width: 100%;
}

.restaurant-list .full-width input {
	width: 100%;
	padding: 10px;
}

.restaurant-list .bold {
	font-weight: bold;
}

.restaurant-list .address {
	font-weight: normal;
}

.payment .select-address .button {
	width: 200px;
	border: 0px;
	margin-top: 20px;
}

.payment .select-address label, .restaurant-list label {
	width: 33%;
}

.payment .time-for-delivery {
	display: table;
	width: 100%;
	height: 170px;
}

.payment .time-for-delivery .small {
	width: 49%;
	float: left;
	margin-right: 1%;
}

.payment .time-for-delivery select {
	width: 24%;
	margin-top: 10px;
	margin-right: 1%;
	padding: 10px;
	float: right;
}

.payment .time-for-delivery .time-wrapper {
	width: 49%;
	float: left;
}

.payment .time-for-delivery .time-wrapper  .tab {
	width: 100%;
}

.payment .time-for-delivery .time-wrapper  select {
	width: 49%;
}

.payment .delivery-message {
	display: table;
	padding: 10px;
	width: 100%;
}

.payment .delivery-message .small {
	width: 49%;
	float: left;
	margin: 1px;
}

.payment .delivery-message .endre {
	float: right;
	padding-right: 10px;
	cursor: pointer;
}

.payment .payment-method {
	padding: 10px;
	display: table;
	width: 100%;
	background: #f8f8f8;
}

.payment .payment-method .small {
	width: 100%;
	margin-bottom: 10px;
}

.payment .payment-method .left-content {
	width: 49%;
	float: left;
}

.payment .payment-method .left-content label {
	width: initial;
	word-wrap: break-word;
	display: inline;
}

.payment .payment-method .left-content .tab:has(label.labelVPS) {
	background: #ff5b24;
	color: #fff;
}

.payment .payment-method .left-content label.labelVPS {
	background: url('../../common/img/vipps-rgb-orange-neg.png') no-repeat;
	background-size: auto 100% ;
    background-position-x: 70%;	
    background-position-x: calc(50% + 55px);	
    color: #fff;
    padding-right: 90px;    
}

.payment .payment-method .other-pay-expand {
	cursor: pointer;
}
.payment .payment-method .other-pay-expand label{
	cursor: pointer;
}
.payment .payment-method .other-pay-methods {
	margin-left: 30px;
}

.payment .load-card {
	padding: 10px;
	display: table;
	width: 100%;
	background: #f8f8f8;
}

.payment .load-card .left-content {
	width: 49%;
	float: left;
}

.payment .load-card .left-content label {
	width: 100%;
}

.payment .load-card .left-content input {
	width: 100%;
	padding: 10px;
}

.payment .load-card p {
	
}

.payment .payment-method .description {
	float: right;
	width: 45%;
	font-size: 20px;
}

.payment .send-order .button {
	width: 200px;
	float: right;
	border-radius: 10px;
}

.margin-top-none {
	margin-top: -30px;
}

.margin-top-small {
	margin-top: -5px;
}

.margin-top-large {
	margin-top: 25px;
}

@media ( max-width : 991px) {
	.payment .tab {
		margin-top: 10px;
		height: auto;
	}
	.payment .dual-line {
		width: 90%;
		margin-bottom: 0px;
	}
	.payment label {
		margin-bottom: 0px;
	}
	.payment .select-address .button {
		width: 100%;
	}
	.payment .select-address label {
		width: 49%;
	}
	.restaurant-list label {
		width: 49%;
	}
	.payment .time-for-delivery  select {
		width: 100%;
	}
	.payment .time-for-delivery .small {
		width: 100%;
		float: none;
	}
	.payment .time-for-delivery .time-wrapper {
		width: 100%;
	}
	.payment .delivery-message .small {
		width: 100%;
		margin-top: 10px;
	}
	.payment .payment-method .left-content {
		width: 100%;
		float: none
	}
	.payment .payment-method .description {
		float: none;
		width: 100%;
		font-size: 20px;
	}
	.payment .load-card .left-content {
		width: 100%;
		float: none
	}
	.payment .send-order .button {
		width: 100%;
	}
	.edit-mobile-number .wrapper {
		width: 100%;
	}
}

@media ( max-width : 501px) {
	.restaurant-list label {
		width: 100%;
	}
}

.product-section {
	width: 100%;
	height: 65px;
	margin-top: 30px;
	display: table;
	cursor: pointer;
	border: 3px #000 solid;
	display: inline-block;
}

.product-section.raised {
	padding: 0px;
	margin: 30px 0px 0px 0px;
}

.product-section .image {
	width: 50px;
	height: 60px;
	text-align: center;
	float: left;
	margin: 5px 5%;
}

.product-section .image>img {
	max-width: 100%;
	max-height: 100%;
	margin-top: 0px;
	height: 50px;
	width: 60px;
}

.product-section .name {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 10px;
	padding: 10px;
	height: 50px;
	margin: 5px 0px;
}

.product {
	width: 100%;
	height: auto;
	margin-top: 30px;
	/*     margin-bottom: -30px; */
	display: table;
	cursor: pointer;
}

.product .bottom-name {
	display: none;
}
.product .description-product {
	height: 20px;
}

.product .image {
	width: 100%;
	height: 160px;
	text-align: center;
	position: relative;
}

.product .image>img {
	max-width: 100%;
	max-height: 100%;
	margin-top: 0px;
	height: 160px;
	width: 220px;
}

.product .name {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 10px;
	padding: 10px;
	height: 80px;
}

.product .price {
	text-align: center;
	padding: 5px;
	font-size: 24px;
}

.product .button {
	position: relative;
}

.product .button .desc {
	float: left;
	text-align: left;;
	padding: 0px;
	margin-left: 20px;
	font-size: 20px;
}

.product .button .price {
	float: right;
	text-align: right;
	padding: 0px;
	margin-right: 10px;
	font-size: 24px;
}

.product .button .icon {
	height: 70%;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
}

.product .button .extra-info {
	float: right;
	font-size: 60%;
	/* 	position: absolute; */
	/* 	top: -10px; */
	/* 	right: 5px; */
	/* 	margin: -5px 8px 10px 0px; */
	text-transform: lowercase;
	margin-top: -5px;
	margin-right: 2px;
}

.product .ekstraInfo {
	text-align: center;
	padding: 5px;
	font-size: 14px;
	/*     margin-top: -5px; */
}

.product .properties {
	height: auto;
	width: auto;
	position: absolute;
	left: 10px;
	top: 10px;
	margin-top: 10px;
	z-index: 99;
}

.product .properties .property {
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 100%;
	text-align: center;
	font-size: 14px;
}

.selected-product-overlay .product .properties {
	top: -5px;
}

.selected-product-overlay .product .split-pizza-content .properties {
	top: 10px;
}

@media ( max-width : 991px) {
	.selected-product-overlay .product .properties {
		top: 20px;
	}
	.selected-product-overlay .product .split-pizza-content .properties {
		top: 20px;
	}
}

@media ( max-width : 580px) {
	.product-section .product .image {
		height: 140px;
	}
	.product-section .product .image>img {
		height: 140px;
		width: 193px;
	}
	.product-section .product-box-long .product-image img {
		height: 140px;
		width: 193px;
	}
	.push-product {
		height: 270px;
	}
	.push-product .menu-image-view {
		height: 140px;
	}
	.push-product .menu-image-view img {
		height: 140px;
		width: 193px;
	}
}

@media ( max-width : 500px) {
	.product-section .product .image {
		height: 120px;
	}
	.product-section .product .image>img {
		height: 120px;
		width: 165px;
	}
	.product-box-long .product-image img {
		height: 120px;
		width: 165px;
	}
	.push-product {
		height: 250px;
	}
	.push-product .menu-image-view {
		height: 120px;
	}
	.push-product .menu-image-view img {
		height: 120px;
		width: 165px;
	}
}

@media ( max-width : 420px) {
	.product-section .product .image {
		height: 100px;
	}
	.product-section .product .image>img {
		height: 100px;
		width: 138px;
	}
	.product-box-long .product-image img {
		height: 100px;
		width: 138px;
	}
	.push-product {
		height: 230px;
	}
	.push-product .menu-image-view {
		height: 100px;
	}
	.push-product .menu-image-view img {
		height: 100px;
		width: 138px;
	}
}

@media ( max-width : 340px) {
	.product-section .product .image {
		height: 80px;
	}
	.product-section .product .image>img {
		height: 80px;
		width: 110px;
	}
	.product-box-long .product-image img {
		height: 80px;
		width: 110px;
	}
	.push-product {
		height: 210px;
	}
	.push-product .menu-image-view {
		height: 80px;
	}
	.push-product .menu-image-view img {
		height: 80px;
		width: 110px;
	}
}

#products .white-box {
	padding: 10px;
}

#products .white-box p {
	font-size: 18px;
}

#products .white-box .button {
	width: 230px;
}

#products .section-info {
	display: block;
	width: 100%;
}

#products .section-info h1 {
	text-transform: none;
}

#products .sections {
	/* 	margin: 10px; */
	margin: 10px auto;
	/* 	width: 67%; */
	padding: 0;
	text-align: center;
}

#products .sections>ul {
	list-style: none;
	padding-inline-start: 0px;
	margin: 0px auto;
	width: 80%;
}

#products .sections ul ul {
	list-style-type: disc;
	font-size: 200%;
}

#products .sections ul ul a {
	text-decoration: none;
	color: black;
}

#products .sections img {
	width: 100%;
}

.search-ingredients {
	clear: both;
	display: inline-block;
	border: 2px solid #9b9b9b;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
	width: 90%;
	text-align: center;
	/* 	float: right; */
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
}

.search-ingredients form {
	display: inline;
}

.search-ingredients input {
	/* 	height: 20px; */
	padding: 10px;
	/* 	border-radius: 5px; */
	margin-left: 0px;
	margin-right: 0px;
	outline: none;
	border: none;
}

.search-ingredients input[type=submit] {
	background: url('../img/search.png') #9b9b9b;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border-radius: 20px;
	border: none;
	border: 2px solid #9b9b9b;
	/* 	margin-left: -5px; */
	margin: -1px -1px;
	width: 42px;
	height: 42px;
	/* 	vertical-align: top; */
	/* 	float: right; */
	position: absolute;
	right: 0;
	top: 0;
}

.search-ingredients input[type=text] {
	width: 320px;
	text-align: center;
	height: 100%;
	border-radius: 24px;
	border: none;
}

.search-ingredients input[type=text]:focus {
	/* 	border: 3px solid #cccccc; */
	/* 	border-radius: 20px; */
	/* 	width: 100%; */
	
}
/* .search-ingredients input[type=text]:autofill { */
/* 	text-align: center; */
/* 	margin: 0px auto; */
/* 	color: blue; */
/* } */
.search-ingredients input[type=text]:focus::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: transparent !important;
}

.search-ingredients input[type=text]:focus::-moz-placeholder {
	/* Firefox 19+ */
	color: transparent !important;
}

.search-ingredients input[type=text]:focus:-ms-input-placeholder {
	/* IE 10+ */
	color: transparent !important;
}

.search-ingredients input[type=text]:focus:-moz-placeholder {
	/* Firefox 18- */
	color: transparent !important;
}

@media ( max-width : 580px) {
	#products .sections ul ul {
		font-size: 150%;
	}
}

@media ( max-width : 400px) {
	#products .sections ul ul {
		font-size: 110%;
	}
}

.about-us {
	width: 100%;
	height: auto;
}

.relative-links-sidebar {
	width: 100%;
	height: auto;
}

.about-us>h1 {
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-top: 0px;
	font-size: 50px;
}

.about-us p {
	font-size: 17px;
}

.about-us .image {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.about-us .image>img {
	max-width: 100%;
	max-height: 100%;
}

#about .social-media ul {
	padding: 0px;
	margin-top: 30px;
}

#about .social-media ul li {
	display: inline;
	padding: 20px;
}

.description p {
	font-size: 19px;
}

.description .product-name {
	font-size: 25px;
	margin-top: -20px;
}

.hovedingredienser .selected-product-name {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

.standardvare {
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}

.relative-links-sidebar {
	width: 100%;
	height: auto;
}

.relative-links-sidebar .title {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px;
}

.relative-links-sidebar ul {
	padding: 0px;
}

.relative-links-sidebar ul li {
	display: block;
	padding: 5px;
	padding-left: 10px;
	text-decoration: underline;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}

.big-dialog {
	display: table;
}

/*
.search-results {
    display: none;
}
*/
.search-results ul {
	padding-left: 0px;
}

.search-results ul li {
	display: block;
	font-size: 19px;
}

.search-results ul li img {
	vertical-align: middle;
	margin-right: 10px;
	height: 20px;
}

/*Sidebar */
.sidebar .username {
	font-size: 22px;
	letter-spacing: 1px;
}

.sidebar>h2 {
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 40px;
}

.sidebar ul {
	padding: 0px;
}

.sidebar ul li {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.sidebar ul li img {
	height: 20px;
	float: right;
	margin-right: 10px;
}

.sidebar ul li:hover img {
	
}

.sidebar .icon-li {
	float: left;
	height: 15px;
	margin-top: 5px;
	vertical-align: middle;
}

.sidebar ul li:hover {
	cursor: pointer;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	float: right;
	margin-top: -21px;
	margin-left: 96%;
	position: absolute;
}

@media ( max-width : 991px) {
	.arrow-right {
		display: none;
	}
}

.login, .register {
	width: 100%;
	height: 315px;
	display: table;
}

.guest-login {
	height: auto !important;
}

.guest-login form input {
	/* 	margin-bottom: 10px;	 */
	/* 	width: 49% !important; */
	
}

.guest-login p {
	font-size: 80%;
}

.guest-address input {
	width: 49.7% !important;
	padding: 5px;
	margin-top: 5px;
}

.error-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
}

.error-overlay .wrapper {
	width: 50%;
	margin: 0 auto;
}

.error-overlay .error-msg {
	background: #fefefe;
	margin: 40% auto;
	display: block;
	padding: 15px;
	min-height: 55px;
	max-width: 600px;
	min-width: 300px;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #333;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
}

.error-overlay .error-msg:before, .error-overlay .error-msg:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.error-overlay .error-msg:after {
	clear: both;
}

.error-overlay .error-msg ul {
	float: left;
	margin: 0 30px 10px 15px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.error-overlay .error-msg ul li {
	margin: 6px 0 0 40px;
	/*   color: #FFFFFF; */
	font-size: 0.75em;
	padding: 0;
}

.error-overlay .info-msg {
	/*   background: #fefefe url('images/icon-info-2.png') no-repeat; */
	background: #fefefe;
	background-position: 15px center;
	margin: 40% auto;
	display: table;
	padding: 15px;
	min-height: 55px;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #333;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
}

.error-overlay .info-msg:before, .error-overlay .info-msg:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.error-overlay .info-msg:after {
	clear: both;
}

.error-overlay .info-msg ul {
	float: left;
	margin: 0px 30px 10px 15px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.error-overlay .info-msg ul li {
	margin: 5px 0 5px 40px;
	color: #000000;
	font-size: 0.75em;
	padding: 0;
	min-width: 300px;
}

.error-overlay .error-msg ul {
	background: transparent url('../img/icon-error.png') no-repeat 15px 15px;
	background-position: 0px center;
	min-height: 30px;
	padding-left: 30px;
}

.error-overlay .info-msg ul {
	background: transparent url('../img/icon-info.png') no-repeat 15px 15px;
	background-position: 0px center;
	padding-left: 15px;
	min-height: 30px;
}

.error-overlay a.close-btn, .question-dialog a.close-btn {
	font-size: 0.75em;
	text-decoration: none;
	width: 80px;
	height: 20px;
	background: #cccccc;
	text-align: center;
	display: table;
	margin: 10px auto 3px auto;
	padding: 2px;
	color: #215eb9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow: 1px 1px 1px #666;
	box-shadow: 1px 1px 1px #666;
	clear: both;
	outline: none;
}

.error-overlay hr {
	color: red;
	clear: both;
	margin: 10px 0px;
}

h1 {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 55px;
	text-transform: uppercase;
}

.login .title {
	width: 100%;
	padding: 10px;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.login p {
	margin-left: 10px;
	margin-top: 10px;
}

.login h3 {
	margin-left: 10px;
	margin-top: 10px;
}

.login .button {
	width: 250px;
	float: none;
	margin: 0 auto;
	margin-top: 30px;
}

.login-scope .button {
	width: 250px;
	float: none;
	margin: 0 auto;
	margin-top: 30px;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
}

.login #step-1, .login #step-2, .login #step-3 {
	padding: 10px;
}

.login form {
	padding: 10px;
	padding-top: 0px;
	margin-top: -20px;
}

.login form label {
	margin-top: 30px;
}

.login form input[type=text], .login form input[type=number], .login form input[type=password]
	{
	width: 100%;
	padding: 10px;
	padding-left: 40px;
}

.login .username {
	background-image:
		url(https://img.clipartfest.com/e7e3bcdb540e7a5b58a1838c44fcd5f5_download-this-image-as-user-profile-clipart_600-557.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 20px;
}

.login .username {
	background-image: url(../img/username.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 20px;
}

.login .username:focus {
	background-image: url(../img/focus-username.png);
}

.login .password {
	background-image: url(../img/password.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 20px;
}

.login .password:focus {
	background-image: url(../img/focus-password.png);
}

.login form input[type=submit] {
	width: 200px;
	float: right;
	margin-top: 20px;
	line-height: 30px;
	border: 0px;
}

.login #forgot-password {
	margin-top: 30px;
}

.register .title {
	width: 100%;
	display: table;
	padding: 10px;
	margin-top: 10px;
}

.register .title-2 {
	width: 100%;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1pxx;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

.register .wrapper {
	padding: 10px;
	margin-top: 15px;
}

.register .image, .login .image {
	width: 100px;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 40px;
}

.login .info-text {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 52px;
	margin-top: 52px;
	font-size: 150%;
}

.register .wrapper img, .login .wrapper img {
	padding: 20px;
}

.register .wrapper .button {
	width: 250px;
	margin: 0 auto;
	cursor: pointer;
	font-size: 15px;
	border: 0px;
	line-height: 37px;
}

.register .terms-and-maillists {
	clear: both;
	margin-left: 10px;
	padding-top: 15px;
	text-align: left;
}

.register .formtekst {
	margin-left: 10px;
	width: 49.5%;
	display: inline;
	line-height: 30px;
	vertical-align: bottom;
}

.register .steps {
	float: right;
}

.register .button50 {
	width: 50%;
	float: left;
	border-radius: 0px;
	margin-bottom: 12px;
}

.register .left {
	float: left !important;
	width: 49%;
	margin-top: 20px;
}

.register .done-btn {
	float: right;
	width: 49%;
	margin-top: 10px;
}

#login-with-facebook {
	width: 100%;
	padding: 10px;
	text-align: center;
	margin-top: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 19px;
	float: left;
}

#login-with-facebook:hover {
	cursor: pointer;
}

.register-forms {
	padding: 10px;
}

.register-forms  input {
	width: 49.7%;
	padding: 5px;
	margin-top: 0px;
}

.register-forms  input::-webkit-input-placeholder {
	color: transparent;
}

.register-forms  input:-moz-placeholder { /* Firefox 18- */
	color: transparent;
}

.register-forms  input::-moz-placeholder { /* Firefox 19+ */
	color: transparent;
}

.register-forms  input:-ms-input-placeholder {
	color: transparent;
}

.register-forms  label {
	width: 49.5%;
	margin-top: 10px;
	margin-bottom: 0px;
}

.register-forms  input[type=checkbox] {
	width: 25px;
}

.register-forms  .button {
	float: right;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	width: 49.7%;
}

.reg .register {
	height: auto;
	padding-bottom: 10px;
	display: table;
}

.register-forms .next-step {
	display: none;
}

.register-forms  pickup-btn {
	width: 100%;
	float: none;
	margin-top: 10px;
	padding: 6px;
}

.register .width100 {
	width: 100%;
}

#company {
	display: none;
}

.next-step-company {
	display: none;
}

.next-step-company-2 {
	display: none;
}

.forgot-password-overlay {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 9998;
	display: none;
}

.forgot-password-overlay .wrapper {
	width: 50%;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	display: table;
}

.forgot-password-overlay .wrapper form input[type=number] {
	width: 100%;
	padding: 5px;
}

.forgot-password-overlay .wrapper form input[type=submit] {
	width: 200px;
	border: 0px;
	border-radius: 10px;
	margin-top: 10px;
	float: right;
}

.forgot-password-overlay .red-button {
	float: left;
	width: 200px;
	margin-top: 10px;
}

@media ( max-width : 779px) {
	.register-forms  input {
		width: 100%;
		padding: 5px;
		margin-top: 5px;
	}
	.register-forms  input::-webkit-input-placeholder {
		color: inherit;
	}
	.register-forms  input:-moz-placeholder { /* Firefox 18- */
		color: inherit;
	}
	.register-forms  input::-moz-placeholder { /* Firefox 19+ */
		color: inherit;
	}
	.register-forms  input:-ms-input-placeholder {
		color: inherit;
	}
	.register-forms  label {
		display: none;
		width: 100%;
		padding: 5px;
		margin-top: 5px;
	}
	.register-forms  .button {
		float: right;
		margin-top: 10px;
		width: 100%;
	}
	.guest-address input {
		width: 100% !important;
	}
	.forgot-password-overlay .wrapper {
		width: 100%;
	}
	.forgot-password-overlay .wrapper form input[type=submit] {
		width: 49%;
		margin-right: 1%;
	}
	.forgot-password-overlay .red-button {
		width: 49%;
	}
	.error-overlay .wrapper {
		width: 100%;
	}
}

.main-page {
	padding: 10px;
}

#my-page .edit-costumercard-overlay, #my-page .add-costumercard-overlay
	{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	display: none;
}

#my-page .edit-costumercard-overlay .wrapper, #my-page .add-costumercard-overlay .wrapper
	{
	width: 50%;
	margin: 0 auto;
	margin-top: 10%;
	display: table;
	padding: 10px;
}

#my-page .edit-costumercard-overlay .wrapper label, #my-page .add-costumercard-overlay .wrapper label
	{
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 19px;
	font-weight: bold;
}

#my-page .edit-costumercard-overlay .wrapper form input, #my-page .add-costumercard-overlay .wrapper form input
	{
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
}

#my-page .edit-costumercard-overlay .wrapper .green-button, #my-page .add-costumercard-overlay .wrapper .green-button
	{
	float: right;
	border: 0px;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 6px;
	font-size: 19px;
	text-transform: uppercase;
	border-radius: 10px;
}

#my-page .edit-costumercard-overlay .wrapper #cancel-btn-card, #my-page .add-costumercard-overlay .wrapper #cancel-btn-card-add
	{
	width: 200px;
	float: left;
	border-radius: 10px;
	margin-top: 10px;
}

#my-page .costumer-card-add .green-button, #my-page .costumer-card .green-button,
	#my-page .costumer-card-add .red-button, #my-page .costumer-card .red-button
	{
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
	margin-top: 0px;
	line-height: unset;
	max-width: 100%;
}

#my-page .edit-personalia-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: 9998;
	display: none;
	left: 0px;
}

#my-page .edit-personalia-overlay .wrapper {
	width: 50%;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	display: table;
}

#my-page .edit-personalia-overlay .wrapper form label {
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 18px;
}

#my-page .edit-personalia-overlay .wrapper form input[type=text],
	#my-page .edit-personalia-overlay .wrapper form input[type=number],
	#my-page .edit-personalia-overlay .wrapper form input[type=email] {
	width: 100%;
	padding: 5px;
	margin-top: 0px;
}

#my-page .edit-personalia-overlay .wrapper form input[type=submit] {
	border: 0px;
	width: 200px;
	float: right;
	margin-top: 10px;
}

.my-profile .personalia {
	
}

.my-profile .info-table table {
	width: 50%;
}

.my-profile .info-table table td {
	padding: 5px;
	padding-left: 0px;
}

.my-profile .strong {
	font-weight: bold;
}

.my-profile .title, .sidebar .title {
	width: 250px;
	margin-top: -31px;
	padding-left: 10px;
	margin-left: -15px;
	height: 40px;
	margin-bottom: 30px;
}

.sidebar .username {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
}

.my-profile .title h3 {
	font-size: 22px;
	line-height: 40px;
}

.my-profile ul {
	padding: 10px;
	padding-top: 0px;
}

.my-profile ul:hover {
	cursor: pointer;
}

.my-profile ul li {
	display: block;
}

.my-profile .edit, .my-profile .delete {
	float: right;
	margin-top: -10px;
}

.my-profile .delete {
	margin-left: 10px;
}

.my-profile ul .edit img {
	height: 18px;
}

.my-profile ul .delete img {
	height: 23px;
}

.my-profile label {
	display: block;
	margin-bottom: 0px;
	margin-top: 14px;
}

.my-profile .block {
	display: block;
}

.my-profile .order-history {
	
}

#customer-card-image {
	float: right;
	width: 50%;
}

#customer-card-image img {
	float: right;
	width: 80%;
	margin-right: 30px;
}

#customer-alias-image {
	float: right;
	width: 50%;
	text-align: center;
	padding: 0px;
}

#customer-alias-image img {
	width: 150px;
	max-width: 150px;
	max-height: 150px;
}

#customer-alias-image form input[type=file] {
	/* filen sendes ikke til serveren dersom display:none settes */
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	/* 	display:none; */
}

#customer-alias-image form label {
	display: inline-block;
}

#customer-alias-image .button {
	width: 200px !important;
}

.newsletter {
	font-size: 19px;
}

.my-profile .expandable-field .field {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.my-profile .open-field {
	height: auto;
	border-top: 0px;
	padding: 10px;
	display: none;
}

.expandable-field {
	margin-top: 10px;
	cursor: pointer;
}

/*
Generic Styling, for Desktops/Laptops
*/
.open-field table, .order-table table {
	width: 100%;
	border-collapse: collapse;
}
/* Zebra striping */
.open-field th, .order-table th {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.open-field td, th, .order-table td, th {
	padding: 6px;
	text-align: left;
}

.open-field td, .order-table td {
	height: 30px;
}

.active-orders table {
	width: 100%;
	border-collapse: collapse;
}
/* Zebra striping */
.active-orders th {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.active-orders td, th {
	padding: 6px;
	text-align: left;
}

.active-orders td {
	height: 30px;
}

.active-orders .button {
	width: 100px;
	text-transform: none;
	margin-top: 1px;
	width: 100%;
}

.bold {
	font-weight: bold;
}

.order-details-data {
	float: right;
}

.order-status {
	float: none;
}

.payment-method {
	margin-top: 30px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 20px;
}

.select-table {
	margin-top: 30px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 20px;
	padding: 10px;
}

.payment .select-table label {
	width: auto;
}

.payment .select-table input {
	color: black;
	padding: 5px;
	margin-top: 5px;
	border-radius: 3px;
	display: inline-block;
}

@media ( max-width : 991px) {
	.payment .select-table label {
		width: 100%;
	}
	.payment .select-table input {
		width: 95%;
	}
}

.order-details-data ul li, .order-status ul li {
	display: block;
}

.save-to-favorites .button {
	float: left;
	width: 200px;
	margin-right: 40px;
}

.send-recipt-to-email {
	float: left;
	margin-right: 40px;
}

.margin-top {
	margin-top: 20px;
}

.hidden {
	display: none;
}

.edit-favorite-name {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9998;
	top: 0px;
	left: 0px;
	display: none;
}

.edit-favorite-name .wrapper {
	width: 50%;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	display: table;
}

.edit-favorite-name .wrapper form input[type=text] {
	width: 100%;
	padding: 10px;
}

.edit-favorite-name .wrapper form input[type=submit] {
	width: 200px;
	border: 0px;
	border-radius: 10px;
	margin-top: 10px;
	float: right;
}

.edit-favorite-name .red-button {
	width: 200px;
	float: left;
	margin-top: 10px;
}

.favorites .edit-name {
	float: right;
	width: 100px;
	z-index: 999;
}

.favorites .btn-edit {
	float: right;
	height: 50px;
	width: 100px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
}

.favorites .btn-delete {
	float: right;
	height: 50px;
	width: 120px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
}

.favorites .btn-edit-mobile {
	display: none;
}

.favorites .open-field td {
	border: 0px;
}

.favorites .open-field img {
	height: 20px;
	vertical-align: top;
}

.adress .small {
	width: 80px;
}

.adress .button {
	max-width: 100%;
	font-size: 14px;
}

.stored-adress {
	
}

.stored-adress h4 {
	text-transform: uppercase;
}

.edit-adress-overlay, .add-adress-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9998;
	top: 0px;
	left: 0px;
	display: none;
	overflow: auto;
}

.edit-adress-overlay .wrapper, .add-adress-overlay .wrapper {
	width: 50%;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	display: table;
}

.wrapper .cancel {
	float: left;
	width: 200px;
	margin-top: 10px;
}

.edit-adress-overlay .wrapper h3, .add-adress-overlay .wrapper h3 {
	text-transform: uppercase;
}

.edit-adress-overlay .wrapper form label, .add-adress-overlay .wrapper form label
	{
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 19px;
	font-weight: bold;
}

.edit-adress-overlay .wrapper form input[type=text],
	.edit-adress-overlay .wrapper form input[type=number],
	.add-adress-overlay .wrapper form input[type=text], .add-adress-overlay .wrapper form input[type=number]
	{
	width: 100%;
	padding: 5px;
}

.edit-adress-overlay .wrapper form textarea, .add-adress-overlay .wrapper form textarea
	{
	width: 100%;
	height: 70px;
}

.edit-adress-overlay .wrapper form input[type=submit],
	.add-adress-overlay .wrapper form input[type=submit] {
	float: right;
	border: 0px;
	width: 200px;
	margin-top: 10px;
}

.edit-adress-overlay .wrapper .button, .add-adress-overlay .wrapper .button
	{
	float: left;
	width: 200px;
	margin-top: 10px;
}

form #submit-pin {
	border: 0px;
}

form #set-password-link {
	margin-top: 20px;
}

#my-page .button {
	width: 200px;
}

#reward-page .saldo-form input[type=text], #reward-page .saldo-form input[type=submit]
	{
	padding: 2px;
	padding-left: 10px;
	margin-top: 5px;
}

#reward-page .saldo-form label {
	margin-top: 5px;
	margin-left: 10px;
}

#reward-page .saldo-form .saldo {
	margin-left: 40px;
	margin-top: 5px;
}

@media ( min-width : 992px) {
	.desktop-only {
		
	}
	.mobile-only {
		display: none;
	}
	#navbar ul li.mobile-only {
		display: none;
	}
	#products .sections ul li.mobile-only {
		display: none;
	}
}

@media ( max-width : 991px) {
	.desktop-only {
		display: none;
	}
	#products .sections ul li.desktop-only {
		display: none;
	}
	.mobile-only {
		
	}
	.col-2, .col-4 {
		display: none;
	}
	#my-page .button {
		width: 100%;
	}
	#newsletterform .button {
		width: 100%;
	}
	.my-profile .button {
		width: 100%;
	}
	form #pin-code, form #confirm-pin-code {
		width: 100%;
	}
	form #submit-pin {
		width: 100%;
	}
	#reward-page .saldo-form input[type=text], #reward-page .saldo-form input[type=submit]
		{
		width: 90%;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	#reward-page .saldo-form label {
		margin-left: 10px;
		margin-bottom: 0px;
	}
	#reward-page .saldo-form .saldo {
		width: 90%;
		margin-left: 10px;
		margin-top: 10px;
	}
	.order-details-data {
		float: none;
	}
	.order-details-data ul, .order-status ul {
		float: none;
		padding: 0px;
		margin: 0px;
		margin-bottom: 30px;
	}
	.order-details-data ul li, .order-status ul li {
		display: block;
	}
	.save-to-favorites .button {
		width: 100%;
		margin-right: 40px;
		margin-bottom: 10px;
	}
	.my-profile .edit, .my-profile .delete {
		display: block;
		width: 100%;
	}
	.favorites .expandable-field {
		position: relative;
	}
	.favorites .btn-edit {
		display: none;
	}
	.favorites .btn-edit-mobile {
		width: 100%;
		display: block;
		height: 40px;
		text-align: center;
		line-height: 40px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	.edit-favorite-name .wrapper {
		width: 100%;
	}
	#my-page .edit-personalia-overlay .wrapper {
		width: 100%;
	}
	#my-page .edit-personalia-overlay .wrapper form input[type=submit] {
		width: 100%;
		float: right;
	}
	.wrapper .cancel {
		float: left;
		width: 100%;
	}
	.edit-adress-overlay .wrapper, .add-adress-overlay .wrapper {
		width: 100%;
		margin-top: 10px;
	}
	.edit-favorite-name .wrapper form input[type=submit],
		.edit-adress-overlay .wrapper form input[type=submit],
		.add-adress-overlay .wrapper form input[type=submit] {
		width: 100%;
		float: right;
	}
	.edit-adress-overlay .wrapper .cancel {
		float: left;
		width: 49%;
	}
	#customer-card-image {
		float: none;
		width: 90%;
	}
	#customer-card-image img {
		float: none;
		width: 90%;
		margin-right: 0px;
	}
	.edit-favorite-name .wrapper .button, .edit-adress-overlay .wrapper .button,
		.add-adress-overlay .wrapper .button {
		width: 100%;
	}
	.hide-xs {
		display: none;
	}
	#my-page .edit-costumercard-overlay .wrapper, #my-page .add-costumercard-overlay .wrapper
		{
		width: 100%;
	}
	#my-page .edit-costumercard-overlay .wrapper .green-button, #my-page .add-costumercard-overlay .wrapper .green-button
		{
		width: 100%;
		margin-top: 10px;
	}
	#my-page .edit-costumercard-overlay .wrapper #cancel-btn-card, #my-page .add-costumercard-overlay .wrapper #cancel-btn-card-add
		{
		width: 100%;
		margin-top: 10px;
	}
	#customer-alias-image {
		float: none;
		width: 95%;
		text-align: center;
		padding: 10px;
	}
	#customer-alias-image .button {
		width: 100% !important;
	}
}

.hide-large {
	display: none;
}

.nutritional {
	margin-top: 20px;
	padding: 5px;
}

.nutritional table {
	width: 100%;
}

.nutritional table th {
	padding: 2px;
	text-align: center;
}

.nutritional table td {
	font-size: 17px;
	text-align: center;
}

.error-msg, .info-msg {
	width: 100%;
	padding: 15px;
}

.error-msg p, .info-msg p {
	padding: 0px;
	margin: 0px;
}

.customer-card {
	
}

.customer-card table th {
	border: 0px;
}

.customer-card .personalia-for-card h4 {
	text-transform: uppercase;
}

.customer-card .personalia-for-card p {
	padding: 0px;
	margin: 0px;
}

@media ( max-width : 991px) {
	.hide-large {
		display: block;
	}
}

.product-box-long {
	width: 100%;
	height: auto;
	display: table;
	padding: 10px;
	position: relative;
}

.product-box-long .product-image {
	float: left;
	width: 30%;
	height: 100% !important;
	min-height: 200px;
	margin-right: 10px;
	text-align: center;
}

.product-box-long .product-image img {
	max-width: 100%;
	max-height: 100%;
}

.product-box-long .product-content .title {
	font-size: 30px;
	font-weight: bold;
}

.product-box-long .product-content .price {
	
}

.product-box-long .product-content .text {
	margin-top: 20px;
	font-size: 20px;
}

.product-box-long .button {
	width: 200px;
	right: 10px;
	bottom: 10px;
	position: absolute;
}

.product-box-long .quantity {
	margin-top: 20px;
}

.product-box-long #quantity-count {
	width: 40px;
	text-align: center;
	float: left;
	line-height: 30px;
	border: 0px;
}

.product-box-long #minus, .product-box-long #plus {
	float: left;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
}

.upsalse-field .field {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 25px;
}

@media ( max-width : 991px) {
	.product-box-long .product-image {
		width: 100%;
	}
	.product-box-long .button {
		float: left;
		width: 100% !important;
		margin-top: 20px !important;
		position: relative !important;
	}
}

@media ( min-width : 450px) and (max-width: 921px) {
	.product .properties {
		left: 20px !important;
		margin-top: 3px;
	}
}

@media ( min-width : 922px) and (max-width: 1199px) {
	.product .properties {
		left: 20px !important;
		margin-top: 3px;
	}
}

@media ( max-width : 332px) {
	.product .properties {
		left: 18px !important;
		margin-top: 3px;
	}
}

@media ( min-width :333px) and (max-width: 380px) {
	.product .properties {
		left: 20px !important;
		margin-top: 3px;
	}
}

@media ( min-width :450) and (max-width: 991) {
	.product .properties {
		left: 20px !important;
		margin-top: 3px;
	}
}

.wicket-aa-container {
	background: white;
	border: 1px solid black;
	width: 100%;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}

.open-houers {
	margin-top: 30px;
	margin-bottom: 30px;
}

.open-houers th {
	border: none;
	padding: 0px;
	width: 90px;
}

.order-receipt .button {
	display: inline-block;
}

.order-status .image img {
	width: 100%;
}

.order-status .pickup-number {
	font-size: 80px;
	text-align: center;
	width: 100%;
}

.order-status .update-info {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}

@media ( max-width : 991px) {
	.order-status .update-info {
		float: none;
		margin-left: 0;
		margin-bottom: 0;
	}
}

.order-status h1 {
	text-align: center;
}

#change-address ul {
	list-style-type: none;
}

#change-address li {
	list-style-type: none;
}

.raised {
	background: #fffff9;
	border: 1px solid #101010;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
	box-shadow: 5px 5px 5px #888888;
}

.question-dialog {
	position: fixed;
	z-index: 999;
	background: white;
	border: 1px solid #000;
	top: 35%;
	left: 50%;
	margin-top: -130px;
	margin-left: -300px;
	width: 600px;
	text-align: center;
	color: #000;
	line-height: 1.5rem;
	text-transform: none;
}

.question-dialog a.close-btn {
	display: inline-block;
	width: 100px;
	height: 25px;
	margin: 5px 60px;
}

.question-dialog a.close-btn span {
	width: 100px;
}

.question-dialog p {
	display: block;
}

.question-dialog hr {
	width: 95%;
	height: 3px;
	color: #666;
}

.question-dialog .green-button, .question-dialog .red-button {
	width: 100px;
	display: inline-block;
	margin-right: 0px;
	margin-left: 130px;
	text-decoration: none;
	text-align: center;
}

@media ( max-width : 991px) {
	.question-dialog {
		width: 96%;
		margin-left: 0px;
		left: 2%;
	}
}

#orderstatus .order-table .price {
	text-align: right;
}

.shadow {
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
}

.setup-wizard {
	position: fixed;
	top: 15%;
	left: 30%;
	left: calc(50% - 450px);
	width: 900px;
	/* 	height: 700px; */
	height: auto;
	min-height: 400px;
	background: url('../../common/img/wizard_background.jpg') no-repeat
		center;
	background-size: cover;
	z-index: 80;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #333;
	overflow: auto;
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
	max-height: 100%;
}

.fullscreen-transparent {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9990;
}

.setup-wizard .wizard-view {
	margin-top: -20px;
}

.setup-wizard .wizard-step-heading {
	background: white;
	margin-top: -20px;
	position: relative;
}

.setup-wizard .wizard-step-heading .top-image .logo {
	display: none;
}

.setup-wizard .wizard-step-heading .top-image .logo img {
	width: 60px;
	height: 60px;
}

.setup-wizard .wizard-step-title {
	font-size: 28px;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 50px;
	display: block;
	min-height: 20px;
}

.setup-wizard .wizard-step-summary {
	display: none;
}

.setup-wizard  .wizard-setup-button {
	display: inline-block;
}

.setup-wizard  .wizard-setup-button:hover {
	background-color: #40AE49;
}

.setup-wizard .wizard-view input[type=button], .setup-wizard  .wizard-view input[type=submit],
	.setup-wizard  .wizard-setup-button {
	width: 240px;
	height: 70px;
	color: #000;
	font-size: 22px;
	margin: 30px 15px;
	border: none;
	outline: none;
	background: #fff;
	/* 	box-shadow: 3px 3px 3px black; */
	-webkit-box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 5px;
	position: relative;
}

.setup-wizard  .wizard-ordretypes .wizard-setup-button.ot-img-btn {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.setup-wizard  .wizard-ordretypes .wizard-setup-button.ot-img-btn:hover
	{
	background: none;
}
/* .setup-wizard   .wizard-ordretypes  .wizard-setup-button.ot-text-btn { */
/* 	background-color: #fff; */
/* } */
/* .setup-wizard   .wizard-ordretypes  .wizard-setup-button.ot-text-btn:hover { */
/* 	background-color: #40AE49; */
/* } */
.setup-wizard   .wizard-ordretypes  .wizard-setup-button img {
	width: 240px;
	height: 70px;
}
/* .setup-wizard  .wizard-setup-button img:hover, */
/* .setup-wizard  .wizard-setup-button img:active, */
/* .setup-wizard  .wizard-setup-button img:focus { */
/* 	outline: none; */
/* 	border: none; */
/* } */
.setup-wizard .order-delivery-btn {
	background: url('../../common/img/Icon_levering_red.png') no-repeat left;
	background-size: 100px 70%;
	background-color: #fff;
	background-position: 10px 8px;
}

.setup-wizard .order-dinein-btn {
	background: url('../../common/img/Icon_dinein_red.png') no-repeat left;
	background-size: 80px 70%;
	background-color: #fff;
	background-position: 10px 8px;
}

.setup-wizard .order-takeout-btn {
	background: url('../../common/img/Icon_hentselv_red.png') no-repeat left;
	background-size: 65px 80%;
	background-color: #fff;
	background-position: 10px 8px;
}

.setup-wizard .order-curbside-btn {
	background: url('../../common/img/Icon_levering_red.png') no-repeat left;
	background-size: 100px 70%;
	background-color: #fff;
	background-position: 10px 8px;
}

.setup-wizard  .wizard-setup-button div {
	position: absolute;
	top: 48%;
	top: calc(50% - 2px);
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

.setup-wizard  .wizard-setup-button .title {
	vertical-align: middle;
	font-size: 16px;
	text-transform: uppercase;
	width: 95vw;
	font-weight: bold;
	/* 	margin: 10px 10px; */
	/* 	display: inline-block; */
	/* 	height: 60px; */
	/* 	padding: 0px; */
	/* 	margin-top: auto; */
	/* 	margin-bottom: auto; */
	/* 	padding-top: 20px; */
	/* 	padding-bottom: 20px; */
}

.setup-wizard .order-delivery-btn .title {
	font-size: 22px;
	padding-left: 110px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
}

.setup-wizard .order-dinein-btn .title {
	font-size: 22px;
	padding-left: 70px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
}

.setup-wizard .order-takeout-btn .title {
	font-size: 22px;
	padding-left: 70px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
}

.setup-wizard  .restaurant-list .title {
	font-size: 16px;
	font-weight: normal;
}

.setup-wizard  .wizard-setup-button .subtitle {
	font-size: 12px;
	display: block;
	clear: left;
	margin-top: 5px;
}

.setup-wizard .wizard-buttons {
	color: #fff;
	font-size: 18px;
	bottom: 0px;
	position: absolute;
	left: 35%;
	right: 35%;
	width: 30%;
	text-align: center;
}

.setup-wizard .wizard-buttons input[name="buttons:previous"] {
	background: url('../../common/img/arrow-back@2x.png') no-repeat left
		!important;
	position: fixed;
	left: 35%;
	left: calc(50% - 360px);
	top: 18%;
	top: calc(15% + 30px);
	width: 100px;
}

.setup-wizard .wizard-buttons input[name="buttons:cancel"],
	.setup-wizard .wizard-buttons input[name="buttons:finish"] {
	position: fixed;
	right: 35%;
	right: calc(50% - 360px);
	top: 18%;
	top: calc(15% + 30px);
	width: 70px;
}

.setup-wizard .wizard-buttons input[type=submit] {
	color: #fff;
	font-size: 18px;
	display: block;
	background: transparent;
	border: none;
	margin: 0px auto 20px auto;
	text-align: center;
	outline: none;
	cursor: pointer;
}

.setup-wizard .selected {
	/* 	border: 2px solid red; */
	/* 	box-shadow: none !important; */
	/* 	box-shadow: inset 10px 10px 10px #444 ; */
	-webkit-box-shadow: inset 3px 3px 5px #333 !important;
	-moz-box-shadow: inset 3px 3px 5px #333 !important;
	box-shadow: inset 3px 3px 5px #333 !important;
}

.setup-wizard .small-spacing {
	margin: 10px 15px;
}

.setup-wizard .setup-login-methods {
	width: 95%;
	width: calc(100% - 30px);
	margin-top: -15px;
}

.setup-wizard .setup-login-methods .wizard-setup-button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.setup-wizard .setup-login {
	width: 95%;
	width: calc(100% - 30px);
	margin-top: -15px;
	margin-bottom: 20px;
}

.setup-wizard .setup-login .login {
	background: none;
}

.setup-wizard .setup-login .login .username {
	background-image: none;
}

.setup-wizard .setup-login .login .password {
	background-image: none;
}

.setup-wizard .wizard-language-selection {
	display: block;
	/* 	float: right; */
	margin: 40px 40px 20px 40px;
}

.setup-wizard .wizard-lang-btn {
	display: inline-block;
	/* 	display: block; */
	/* 	float: right; */
	margin: 20px 10px;
}

.setup-wizard .wizard-lang-btn img {
	height: 40px;
	width: 70px;
}

.setup-wizard .setup-login .delivery-options label {
	/* 	width: 50%; */
	display: inline-block;
}

.setup-wizard .setup-login .delivery-options input {
	/*  width: 50%; */
	margin: 5px 10px 5px 50px;
}

.setup-wizard .setup-login .content-wrapper {
	margin: 5px 100px;
	padding-top: 1px;
	/* 	background: #00000040; */
	border-radius: 10px;
}

.setup-wizard .setup-login .content-wrapper h3 {
	font-size: 22px;
}

.setup-wizard .setup-login a {
	/* 	background: #ccc; */
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	padding-left: 5px;
	padding-right: 5px;
	/* 	margin-left: 10px; */
}

.setup-wizard .setup-login .register-account-submit-btn {
	height: 25px;
	width: 416px;
	font-size: 13px;
	/* 	margin-top: 0px; */
	margin: 0px 20px 0px 40px;
	background: #fff;
	color: #000;
	line-height: 25px;
	/* 	text-transform: uppercase; */
	/* 	border-radius: 5px; */
	/* 	vertical-align: middle; */
	/* 	padding-top: 10px; */
}

.setup-wizard  .setup-login .register-account-submit-btn:hover {
	background-color: #40AE49;
}
/* Dette er ikke bra, men nodvendig for at login skal se OK ut */
.setup-wizard .setup-login div[class=col-4] {
	text-align: right;
	width: 45%;
	margin-top: 5px;
}

.setup-wizard .setup-login div[class=col-5] {
	text-align: left;
	width: 45%;
}

.setup-wizard .setup-login label {
	display: block;
}

.setup-wizard .setup-login input[type=text], .setup-wizard .setup-login input[type=number],
	.setup-wizard .setup-login input[type=password] {
	padding: 3px;
	padding-left: 10px;
	border-radius: 8px;
	margin-bottom: 10px;
}

.setup-wizard .setup-login input[type=submit] {
	height: 25px;
	width: 200px;
	font-size: 13px;
	margin-top: 32px;
	border: none;
	line-height: 25px;
}

.setup-wizard  .setup-login input[type=submit]:hover {
	background-color: #40AE49;
}

.setup-wizard .setup-registration {
	text-align: left;
}

.setup-wizard .setup-registration #register-wrapper {
	width: 90%;
	margin: 0px 5%;
	color: #484746;
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 25px;
}

.setup-wizard .setup-registration #register-wrapper h2 {
	color: #fff;
	font-size: 1.2em;
	text-align: center;
}

.setup-wizard .setup-registration #register-wrapper h3 {
	font-size: 1.0em;
	text-align: center;
	margin-bottom: 5px;
}

.setup-wizard .setup-registration #register-wrapper p {
	text-align: center;
	margin: 0px;
	background: #f2f0e9;
}

.setup-wizard .setup-registration #register-wrapper .white-green-btn {
	padding: 8px 15px;
}

.setup-wizard .setup-registration #register-wrapper .content-wrapper {
	margin: 0px 0px;
	padding: 5px 18px;
}

.setup-wizard .setup-registration #register-wrapper .content-wrapper .row
	{
	margin-bottom: 0px;
}

.setup-wizard .setup-registration #register-wrapper #register-wrapper.private a#tab-private
	{
	padding: 5px 12px 5px 35px;
}

.setup-wizard .setup-registration #register-wrapper .content-wrapper label
	{
	font-size: 0.9em;
}

.setup-wizard .setup-registration #register-wrapper .content-wrapper input[type=text]
	{
	margin-bottom: 2px;
	padding: 2px 6px 2px 10px;
	font-size: 0.8em;
}

.setup-wizard .setup-registration #register-wrapper .content-wrapper .next-step-submit-btn
	{
	height: 25px;
	width: 200px;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.setup-wizard .add-address-wrapper {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: -40px;
}

.setup-wizard .add-address-wrapper .row {
	text-align: left;
}

.setup-wizard .add-address-wrapper div input {
	width: 100%;
	padding: 6px 10px;
	margin-bottom: 5px;
	border-radius: 8px;
	/* 	font-size: 110%; */
	border: 2px inset;
}

.setup-wizard .add-address-wrapper div input[type=number]::-webkit-inner-spin-button,
	.setup-wizard .add-address-wrapper div input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

.setup-wizard .add-address-wrapper div textarea {
	width: 100%;
	padding: 6px 10px;
	border-radius: 8px;
	/* 	font-size: 110%; */
	border: 2px inset;
}

.setup-wizard .google-add-address input[type=text] {
	width: 90%;
}
.setup-wizard .google-adjust-address {
	margin-bottom: 10px;
	width:95%; 
}
.setup-wizard .google-adjust-address #map {
	margin: 0 auto; 
	width:95%; 
	min-height:300px;
}
.setup-wizard .google-adjust-address input[type=text] {
	width: 90%;
}
.setup-wizard .google-adjust-address .store-address input[type=text] {
	width: 200px;
}

@media ( max-width : 991px) {
  .setup-wizard .google-adjust-address .store-address input[type=text] {
	width: 90%;
	
  }
	
}

.setup-wizard .regions {
	float: left;
	margin-top: -40px;
}

.setup-wizard .regions h4 {
	margin: 0px 0px;
}

.setup-wizard .regions li, .setup-wizard .restaurant-list a {
	width: 150px;
	height: 50px;
	color: #000;
	font-size: 16px;
	margin: 5px 5px;
	border: none;
	outline: none;
	background: #fff;
	text-decoration: none;
	list-style: none;
	padding-top: 6px;
	border-radius: 5px;
	position: relative;
}

.setup-wizard .regions li:hover, .setup-wizard .restaurant-list a:hover
	{
	background: #40AE49;
}

.setup-wizard .regions li a {
	color: #000;
	text-decoration: none;
}

.setup-wizard .restaurant-search {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.setup-wizard .restaurant-search label {
	/* 	display: none; */
	
}

.setup-wizard .restaurant-search input {
	width: 50%;
	width: 200px;
	border-radius: 5px;
	padding-left: 6px;
}

.setup-wizard .restaurant-search input[type=checkbox] {
	width: 15px;
	width: 15px;
	border-radius: 3px;
	margin-left: 20px;
	display: inline-block;
}

.setup-wizard .restaurant-search input[type=text]:focus::-webkit-input-placeholder
	{ /* Chrome/Opera/Safari */
	color: transparent !important;
}

.setup-wizard .restaurant-search input[type=text]:focus::-moz-placeholder
	{ /* Firefox 19+ */
	color: transparent !important;
}

.setup-wizard .restaurant-search input[type=text]:focus:-ms-input-placeholder
	{ /* IE 10+ */
	color: transparent !important;
}

.setup-wizard .restaurant-search input[type=text]:focus:-moz-placeholder
	{ /* Firefox 18- */
	color: transparent !important;
}

.setup-wizard .restaurant-search .focus-link {
	display: none;
}

.setup-wizard .restaurant-list {
	display: block;
	width: 100%;
	margin-bottom: 50px;
	background: none;
}

.setup-wizard .restaurant-list a {
	
}

.setup-wizard .avd-btn .description {
	display: block;
	text-align: left;
	margin-left: 10px;
	margin-top: -15px;
}

.setup-wizard .avd-btn .description>.subtitle {
	display: inline;
}

.setup-wizard .regions li .description, .setup-wizard .restaurant-list a .description
	{
	display: none;
}

.setup-wizard .avd-btn .description>.subtitle.greentext {
	color: #2a7f1e;
	/*     text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666; */
	/*     -webkit-font-smoothing: antialiased; */
}

.setup-wizard .avd-btn .description>.subtitle.redtext {
	color: #dc0c0c;
	/*     text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666; */
	/*     -webkit-font-smoothing: antialiased; */
}

.setup-wizard .avd-btn .walking-blue {
	width: 20px;
	height: 40px;
	background: url('../img/walking_blue.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	margin-right: 3px;
	vertical-align: text-bottom;
	/*     -webkit-filter: drop-shadow(-1px 0px 0 #666)  */
	/*                   drop-shadow(0px 1px 0 #666)  */
	/*                   drop-shadow(1px 0px 0 #666) */
	/*                   drop-shadow(0px -1px 0 #666); */
	/*     filter: drop-shadow(-1px 0px 0 #666)  */
	/*           drop-shadow(0px 1px 0 #666)  */
	/*           drop-shadow(1px 0px 0 #666) */
	/*           drop-shadow(0px -1px 0 #666); */
}

.setup-wizard .avd-btn .walking-red {
	width: 20px;
	height: 40px;
	background: url('../img/walking_red.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	margin-right: 3px;
	vertical-align: text-bottom;
	/*     -webkit-filter: drop-shadow(-1px 0px 0 #666)  */
	/*                   drop-shadow(0px 1px 0 #666)  */
	/*                   drop-shadow(1px 0px 0 #666) */
	/*                   drop-shadow(0px -1px 0 #666); */
	/*     filter: drop-shadow(-1px 0px 0 #666)  */
	/*           drop-shadow(0px 1px 0 #666)  */
	/*           drop-shadow(1px 0px 0 #666) */
	/*           drop-shadow(0px -1px 0 #666); */
}

.setup-wizard .avd-btn .walking-green {
	width: 20px;
	height: 40px;
	background: url('../img/walking_green.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	margin-right: 3px;
	vertical-align: text-bottom;
	/*     -webkit-filter: drop-shadow(-1px 0px 0 #666)  */
	/*                   drop-shadow(0px 1px 0 #666)  */
	/*                   drop-shadow(1px 0px 0 #666) */
	/*                   drop-shadow(0px -1px 0 #666); */
	/*     filter: drop-shadow(-1px 0px 0 #666)  */
	/*           drop-shadow(0px 1px 0 #666)  */
	/*           drop-shadow(1px 0px 0 #666) */
	/*           drop-shadow(0px -1px 0 #666); */
}

.setup-wizard .avd-btn .walking-black {
	width: 20px;
	height: 40px;
	background: url('../img/walking_black.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	margin-right: 3px;
	vertical-align: text-bottom;
	/*     -webkit-filter: drop-shadow(-1px 0px 0 #666)  */
	/*                   drop-shadow(0px 1px 0 #666)  */
	/*                   drop-shadow(1px 0px 0 #666) */
	/*                   drop-shadow(0px -1px 0 #666); */
	/*     filter: drop-shadow(-1px 0px 0 #666)  */
	/*           drop-shadow(0px 1px 0 #666)  */
	/*           drop-shadow(1px 0px 0 #666) */
	/*           drop-shadow(0px -1px 0 #666); */
}

.setup-wizard  .choose-time {
	text-align: center;
	background: #fff;
	color: #000;
	margin: 0px 20% 20px 20%;
	padding: 10px;
	border-radius: 10px;
	font-size: 12px;
}

.setup-wizard  .choose-time .day-label, .setup-wizard  .choose-time .attime-label
	{
	display: none;
}

.setup-wizard  .store-dep-selection {
	margin-top: 10px;
}

.setup-wizard  .store-dep-selection .info-link {
	font-size: larger;
	margin-left: 10px;
}

.info-dialog {
	position: absolute;
}

/* move autocomplete container to front */
.wicket-aa-container {
	z-index: 9999 !important;
}

div.wicket-aa-container {
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
}

div.wicket-aa {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 12px;
	background-color: white;
	padding: 2px;
	text-align: left;
}

div.wicket-aa ul {
	list-style: none;
	padding: 2px;
	margin: 0;
}

div.wicket-aa ul li.selected {
	background-color: #e1e0d1;
	padding: 2px;
	margin: 0;
}

@media ( max-width : 991px) {
	.setup-wizard {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.setup-wizard  .wizard-setup-button {
		margin: 10px 15px;
	}
	.setup-wizard .wizard-buttons {
		left: 10%;
		right: 10%;
		width: 80%;
		text-align: center;
	}
	.setup-wizard .wizard-buttons input[name="buttons:previous"] {
		left: 10px;
		top: 10px;
		width: 100px;
	}
	.setup-wizard .wizard-buttons input[name="buttons:cancel"],
		.setup-wizard .wizard-buttons input[name="buttons:finish"] {
		right: 10px;
		top: 10px;
		width: 80px;
	}
	.setup-wizard .regions {
		float: none;
		margin-top: -40px;
		margin-left: 30px;
		margin-left: calc(50% - 80px);
		padding: 0px;
	}
	.setup-wizard .regions h4 {
		text-align: left;
		margin-left: 30px;
	}
}

.margin-right {
	margin-right: 1rem;
}

.system-message {
	width: 100%;
	margin: 5px 0px;
}

.system-message p {
	width: 940px;
	background: #eeeeee;
	color: #00c;
	margin: 0px auto;
	padding: 10px;
	border: 4px solid #0000cc;
	border-radius: 10px;
	text-align: center;
}

@media ( max-width : 991px) {
	.system-message p {
		width: 95%;;
	}
}

#purchase-condition-article {
	/*     margin-left: 5%; */
	width: 95%;
}

.order-buttonbar {
	padding: 10px 5px;
	height: 48px;
	display: flex;
	transform: none;
	justify-content: space-between;
	align-items: stretch;
	z-index: 150;
}

.order-buttonbar a {
	color: #fff;
	background: #74746e;
	height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 1px 1px 1px #000;
	padding-left: 10px;
	padding-right: 10px;
}

.action-buttons {
	display: inline-flex;
}

.action-buttons a {
	margin: 10px;
}

.discount-code {
	margin: 20px 2px 10px 2px;
	text-align: center;
}

.discount-code input {
	display: inline-block;
	margin: 0px 2px 0px 0px;
	padding: 5px;
	border-radius: 3px;
}

.discount-code input[type=text] {
	border: none;
	/*     width: 80%;  */
	border: 1px solid #ccc;
}

.discount-code input[type=submit] {
	text-align: center;
	color: #FFFFFF;
	background: #8b8b85;
	outline: none !important;
	border: none;
	font-size: 0.875em;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 0px;
	padding: 5px 5px;
}

.discount-code a {
	text-align: center;
	color: #FFFFFF;
	/*   background: #8b8b85; */
	background: #e02b29;
	outline: none !important;
	border: none;
	font-size: 0.875em;
	text-decoration: none;
	/*   margin-left: 2px; */
	margin-top: 3px;
	margin: 3px auto;
	padding: 5px 5px;
	width: 200px;
	display: block;
}

.discount-code p {
	margin: 10px 0px 5px 0px;
}

@media ( max-width : 991px) {
	.discount-code a {
		width: 100%;
	}
	.setup-wizard .setup-login .delivery-options {
		width: 50%;
		min-width: 290px;
		margin: 10px auto 20px auto;
		text-align: left;
	}
	.setup-wizard .setup-login .delivery-options input {
		/*         display: inline; */
		margin: 3px 10px 3px 20%;
		width: 20px;
	}
	.setup-wizard .setup-login .delivery-options label {
		/*         display: block; */
		width: calc(80% - 50px);
		margin: 0px;
	}
}

.split-pizza-wrapper.modal-dialog {
	
}

.split-pizza-wrapper .product-properties-wrapper {
	margin-top: 10px;
}

.split-pizza-section {
	width: 100%;
}

.split-pizza-wrapper .cancel-btn {
	z-index: 99;
}

.split-pizza-wrapper .btn-float {
	display: block;
	float: none;
	margin-left: 70%;
}

@media ( max-width : 991px) {
	.split-pizza-wrapper .btn-float {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}

.split-pizza-section a.part-tab {
	width: 100%;
	display: block;
	padding: 10px;
	background: #fefefe;
	outline: none !important;
	margin: 3px 0px 3px 0px;
	border: 2px #F2F0E9 solid;
	color: #000;
}

.split-pizza-section.expanded a.part-tab {
	background: #F2F0E9;
	color: #000;
}

.bake-options, .bake-option-selection {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
}

.pke-form label {
	display: block;
}

.pke-form ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.pke-form li {
	list-style-type: none;
	width: 100%;
}

.pke-form input, .pke-form  textarea {
	padding: 4px 2px;
	border: solid 1px #aacfe4;
	/*     width: 350px; */
	width: 90%;
	width: calc(100% - 30px);
	margin-right: 10px;
}

.info-links {
	background: #cccc;
	border: 1px solid #888;
	border-radius: 20px;
}

.info-links ul {
	line-height: 25px !important;
}

.info-links ul li {
	font-size: 20px !important;
}

.large-image {
	position: absolute;
	z-index: 100;
	background: #fff;
	border: 2px solid #ccc;
	width: 50%;
	min-width: 500px;
	min-height: 500px;
	top: 0px;
	left: 0px;
}

.large-image img {
	width: 100%;
}

@media ( max-width : 991px) {
	.large-image {
		width: 90%;
		position: fixed;
		top: 20%;
		left: 5%;
		min-width: 0;
		min-height: 0;
	}
}

.section-padding {
	display: none;
}

#register-wrapper>h2 {
	color: #4d4d4d;
	margin: 0 0 25px 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.4em;
}

#register-wrapper>p {
	
}

#register-wrapper p.confirmation {
	margin-bottom: 30px;
}

#register-wrapper>div.tabs {
	background: #f2f0e9;
	padding: 8px;
}

#register-wrapper>div.tabs a {
	padding: 12px 12px 12px 35px;
	display: block;
	text-transform: uppercase;
	font-size: 0.875em;
	text-decoration: none;
	color: #6b6a68;
	background: #cac9c3 url('images/checkbox-unchecked.png') no-repeat 10px
		center;
}

#register-wrapper>div.tabs a:hover {
	color: #FFFFFF;
	background: #5b5b57 url('images/checkbox-checked.png') no-repeat 10px
		center;
}

#register-wrapper>div.tabs .padding-left {
	padding-right: 10px;
}

#register-wrapper>div.tabs .padding-right {
	padding-left: 10px;
}

#register-wrapper .tab-content {
	display: none;
}

#register-wrapper.private #content-private {
	display: block;
}

#register-wrapper.private a#tab-private {
	color: #FFFFFF;
	background: #5b5b57 url('images/checkbox-checked.png') no-repeat 10px
		center;
}

#register-wrapper.company #content-company {
	display: block;
}

#register-wrapper.company a#tab-company {
	color: #FFFFFF;
	background: #5b5b57 url('images/checkbox-checked.png') no-repeat 10px
		center;
}

#register-wrapper .row {
	margin-bottom: 5px;
}

#register-wrapper .content-wrapper {
	background: #f2f0e9;
	padding: 18px;
}

#register-wrapper .content-wrapper h3 {
	font-size: 1.4em;
	color: #484746;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#register-wrapper .content-wrapper label {
	font-size: 1.1em;
	margin-bottom: 2px;
	color: #484746;
}

#register-wrapper .content-wrapper label.medium {
	
}

#register-wrapper .content-wrapper input[type=text] {
	width: 100%;
	border: 1px solid #949494;
	background: #FFFFFF;
	padding: 8px 6px 8px 10px;
	margin-bottom: 10px;
}

#register-wrapper .content-wrapper input[type=number] {
	width: 100%;
	border: 1px solid #949494;
	background: #FFFFFF;
	padding: 6px 6px 6px 10px;
}

#register-wrapper .content-wrapper input[type=textarea] {
	width: 100%;
	border: 1px solid #949494;
	background: #FFFFFF;
	padding: 6px 6px 6px 10px;
}

#register-wrapper .content-wrapper .next-step-submit-btn {
	padding: 20px;
	float: none;
	width: 350px;
	font-size: 1.125em;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#register-wrapper .content-wrapper .datepicker {
	
}

#register-wrapper .content-wrapper .datepicker img {
	width: 30px;
	height: 30px;
	margin-left: -15px;
}

.calendar {
	width: 250px;
}

.calendar table {
	font-size: 1.5em;
}

#register-wrapper .content-wrapper textarea {
	width: 100%;
	height: 60px;
	padding: 6px 3px;
}

#register-wrapper .content-wrapper select {
	width: 100%;
	border: 1px solid #949494;
	background: #FFFFFF;
	padding: 6px 6px 6px 10px;
}

#register-wrapper .content-wrapper .button {
	margin: 5px auto;
	margin-top: 20px;
	width: 50%;
	display: block;
}

#register-wrapper .content-wrapper p {
	color: #484746;
}

#register-wrapper .content-wrapper p.no-address {
	font-size: 0.95em;
	color: #2B2B2B;
}

#register-wrapper .content-wrapper p.alternative {
	font-size: 0.7em;
}

#register-wrapper .content-wrapper a.new-pincode:hover {
	color: #666666;
}

#register-wrapper .content-wrapper a.become-pickup-client {
	padding: 10px;
	display: inline-block;
	background: #74746e;
	text-transform: uppercase;
	font-size: 0.875em;
	text-decoration: none;
	line-height: 0.5em;
	vertical-align: middle;
	margin-top: 6px;
	outline: none !important;
	color: #FFFFFF;
}

#register-wrapper .content-wrapper a.become-pickup-client:hover {
	background: #5c5c57;
}

@media ( max-width : 991px) {
	#register-wrapper .content-wrapper .button {
		width: 90%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(-moz-min-device-pixel-ratio: 1.5) , only screen and
		(-o-min-device-pixel-ratio: 3/2) , only screen and
	(min-device-pixel-ratio: 1.5) {
	#register-wrapper>div.tabs a {
		background: #cac9c3 url('images/checkbox-unchecked@2x.png') no-repeat
			10px center;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	#register-wrapper>div.tabs a:hover {
		background: #5b5b57 url('images/checkbox-checked@2x.png') no-repeat 10px
			center;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	#register-wrapper.private a#tab-private {
		background: #5b5b57 url('images/checkbox-checked@2x.png') no-repeat 10px
			center;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	#register-wrapper.company a#tab-company {
		background: #5b5b57 url('images/checkbox-checked@2x.png') no-repeat 10px
			center;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
}

.find-restaurant h3 {
	margin-bottom: 10px;
	/* 	text-align: center */
}

.find-restaurant .map-container {
	width: 100%;
}

.find-restaurant input {
	margin-bottom: 10px;
	min-width: 250px;
	/*  	margin: 10px auto;  */
	display: flex;
	/*     justify-content: center; */
}

.find-restaurant .nearby-restaurants ul {
	list-style-type: none;
	width: 100%;
	font-size: small;
	padding-left: 10px;
}

.find-restaurant .nearby-restaurants ul li {
	width: 30%;
	display: inline-block;
	margin: 10px 1%;
}

@media ( max-width : 991px) {
	.find-restaurant .nearby-restaurants ul li {
		width: 45%;
	}
}

@media ( max-width : 551px) {
	.find-restaurant .nearby-restaurants ul li {
		width: 99%;
	}
}

.push-sale .extra-nothanks-top {
	display: block;
}

.push-sale .extra-nothanks-bottom {
	display: none;
}

.shortcutbar {
	height: 80px;
	background: #ccc;
	display: flex;
}

.shortcutbar ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}

.shortcutbar ul li {
	display: inline;
}

.shortcutbar a {
	display: inline;
	margin: 0 10px;
	text-align: center;
}

.shortcutbar .shortcut-icon {
	height: 50px;
	height: 50px;
}

.shortcutbar .shortcut-title {
	text-decoration: none;
	display: block;
}

.search-result-item {
	display: block;
}

.search-result-item .dep-name, .search-result-item .dep-address,
	.search-result-item .dep-street-address, .search-result-item .dep-postal,
	.search-result-item .dep-opening-hours, .search-result-item .dep-hours,
	.search-result-item .dep-phone {
	display: block;
}

.vipps-bg {
    background: transparent url('../../common/img/vipps-rgb-orange-neg.png') no-repeat !important;
    background-size: 100% 100% !important;
    display: none;
}

#feedback-wrapper .content-wrapper {
	background: #f2f0e9;
	margin-top: 10px;
	padding: 18px;
	box-sizing: border-box;
}

#feedback-wrapper .content-wrapper .row {
	margin-bottom: 5px;
	padding-right: 10px;
}

#feedback-wrapper .content-wrapper .feedbackInput {
	width: 95%;
}

#feedback-wrapper .content-wrapper .fileInput[type=file]::file-selector-button {
	width: 50%;
	margin: 5px auto;
	border: none;
	box-shadow: 3px 3px 3px #c0bbbb;
	border-radius: 10px;
	margin-right: 10px;
	background: #e8e8e8;
}

#feedback-wrapper .content-wrapper .fileInput[type=file]::file-selector-button:hover {
	background: #2dcb27;
}

@media ( max-width : 700px) {
	#feedback-wrapper .content-wrapper .fileInput[type=file]::file-selector-button {
		width: 40%;
		margin: 5px auto;
		border: none;
		box-shadow: 3px 3px 3px #c0bbbb;
		border-radius: 10px;
		margin-right: 10px;
		background: #e8e8e8;
	}
}

#feedback-wrapper .content-wrapper .button {
	width: 95%;
	margin-top: 40px;
	display: block;
	border: none;
}

#feedback-wrapper .content-wrapper .button :hover {
	background: #2dcb27;
}


@media ( max-width : 700px) {
	#feedback-wrapper .content-wrapper .button {
		width: 95%;
	}
}

#vipps-login-btn {
	background: url('../../common/img/vipps-rgb-white.png') no-repeat;
	background-color: #ff5b24;
	background-size: auto 100% ;
    background-position-x: 55%;	
    background-position-x: calc(50% - 55px);	
    color: #fff;
	padding-left: 150px;
    display: block;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 20px;
}

#vipps-login-btn:hover {
	background: url('../../common/img/vipps-rgb-white.png') no-repeat !important;
	background-color: #2dcb27 !important;
	background-size: auto 100%  !important;
    background-position-x: 55% !important;	
    background-position-x: calc(50% - 55px) !important;
}

#waiting-wrapper {
	display: none;
	background:#cccccca0;
/*	background:#ffffff00;*/
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.waiting-icon {
	background: url('../../common/img/loading.gif') no-repeat;
/* 	background: url('../img/walking_black.png'); */
/* 	background-repeat: no-repeat; */
/* 	background-size: contain; */
/* 	background-position: center; */
/* 	; */
	background-size: auto 100%;
	height: 200px;
	width: 200px;
	z-index: 99999;
	position: fixed;
	top: 30%;
	left: 30%;
	left: calc(50% - 100px);
}
	
.payment #main-content-wrapper {
	position: relative;
}

.payment .send-order-overlay {
/* 	display: none; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #dddc;
	background:linear-gradient(#fffc, #dddc, #fffc);
	z-index: 9999;
}

/*webshop lite*/
/* ---- navbar ---- */
#navbar-lite {
	width: 100%;
	position: sticky;
	top: 0;
	z-index: 9;
	background: #dca371;
}
	.navbar-lite-container {
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	    max-width: 1300px;
	    margin: 0 auto;
	    padding: 5px;
	}
	.navbar-lite-container .logo-container {
		display: flex;
		align-items: center;
	}
	.navbar-lite-container .logo-container h1 {
		margin: revert;
	}
	.navbar-lite-container .logo-container img {
		width: auto;
		height: 70px;
	}
	.navbar-lite-container .departmentTitle {
		margin-left: 20px;
		font-size: 1.6rem;
	}
	.navbar-lite-menus {
		margin: initial;
		/* 	user agent stylesheet overstyrer */
		padding-inline-start: 0;
	}
	.navbar-lite-menus li {
		list-style: none;
		display: inline;
		padding: 10px;
		font-size: 14px;
	}
	.navbar-lite-menus li img {
		height: 45px;
	}
	.navbar-lite-menus li a {
		color: #34343a;
	}
	.navbar-lite-menus li #aboutSpan, .navbar-lite-menus li #shoppingcartSpan, .navbar-lite-container .departmentTitle {
		display: none
	}
	.navbar-lite-menus .shoppingcart-lite-Count {
		background: #7fffd4;
		color: #34343a;
	    border-radius: 50%;
	    font-size: 14px;
	    padding: 2px 7px;
	    vertical-align: top;
	    margin-left: -18px;
	}
	
#navbar-lite .mode-text {
	font-size: 2rem;
	margin-top: 10px;
	margin-left: 5px;
}
@media ( max-width : 350px) {
	#navbar-lite .mode-text  {
		font-size: 1.3rem;
	}
}
	
/* -----------lite------------ */
#liteBody {
	position: relative;
	width: 100% !important;
	min-height: 100%;
	margin: 0;
	padding-bottom: 10.74rem;
}
@media ( max-width : 1000px) {
	#liteBody {
		padding-bottom: 12.74rem;
	}
}

#wrapper-lite {
    width: 100%;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
}
	#wrapper-lite .sectionLinkWrapper {
		text-align: center;
		padding: 15px 0 0 0;
		position: sticky;
		top: 100px; /* height p� navbar-lite*/
		z-index: 9;
		background: #ffffff;
	}
	#wrapper-lite .sectionLinkContainer {
		display: inline-block;
		padding: 5px;
	}
	#wrapper-lite .sectionLinkContainer a {
		color: #34343a;
		padding: 4px 10px;
		cursor: pointer;
		text-decoration: none;
		background: #e2b489;
	   	border-radius: 15px 4px 15px 4px;
	}
	#wrapper-lite .sectionContainer {
		width: 100%;
		margin: auto;
		padding: 5px;
		scroll-margin-top: 160px;
	}
	
	#wrapper-lite .sectionContainer:nth-child(n+2) {
		margin-top: 20px;
	}
	
	#wrapper-lite .sectionLabel {
		display: block;
		text-align: center;
		padding: 20px;
	}
	
.lite #cart-computer .cart-product {
	width: 80%;
	margin: auto;
}
	.lite #cart-computer .summary {
		width: 30%;
		margin: 10px auto auto auto;
	}
	.lite #cart-computer .summary tr {
		border-bottom: 4px double #5f5f5f;
	}
	
.lite .product {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0;
	border-radius: 5px;
	box-shadow: 0 1px 4px 0px #34343a;
	break-inside: avoid;
	background: #ffffff;
}
.lite .product > img {
	width: 100%;
}
.lite .product > a > img {
	width: 100%;
}
	.lite .productImage-lite {
		float: left;
		padding: 0 5px;
	}
	.lite .productImage-lite img {
		display: block;
		height: 85px;
	}
	.lite .productContent-lite {
		overflow: auto;
	}
	.lite .productContent-lite p {
		margin-bottom: 0;
	}
	.lite .product .name-lite {
		font-size: 20px;
		font-weight: bold;
		padding: 4px 0 0 0;
	}
	.lite .product .description-lite {
		font-size: 16px;
		padding: 0 10px;
	}
	.lite .product .price-lite {
		float: right;
		font-weight: bold;
		padding: 0 10px 5px 0;
	}
	
.lite #overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}
	.lite #shoppingCartPopupPanel {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		padding: 20px;
		border: 1px solid #ccc;
		z-index: 101;
		overflow: auto;
		max-height: 95%;
		height: auto;
		width: 100%;
		max-width: 800px;
	}
	.lite #shoppingCartPopupPanelButton {
		width: 100%;
		height: 50px;
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.lite #shoppingCartPopupPanelButton a {
		width: 150px;
		height: 30px;
		display: block;
		text-align: center;
	}
	.lite .discount-code {
		font-family: "kundespesifikk";
		margin: 5px;
	}
	.lite .payment .select-address {
		padding: 0;
	}
	.lite .select-address {
		margin: auto;
		max-width: 680px;
		display: block;
	}
	.lite .add-address-wrapper {
		display: flex;
		flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.lite .add-address-wrapper input, .lite .add-address-wrapper textarea, .lite .select-address input {
		width: 100%;
		border-radius: 5px;
		padding: 2px 0 2px 4px;
	}
	.lite .add-address-wrapper .smallInput {
	  	width: 100%;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-content: center;
	}
	.lite .add-address-wrapper .smallInput input {
	    width: 15% !important;
	    min-width: 125px;
	    padding: 2px;
	    text-align: center;
	}
	.lite .paymentmethods, .lite .ordertype {
		display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.lite .ordertype div {
		float: none;
		padding: 0;
	}
	.lite .paymentmethods .tab, .lite .ordertype div, .lite #litePaymentPanel .tab {
		width: initial;
		line-height: initial;
		height: inherit;
	}
	.lite .paymentmethods .tab, .lite .ordertype .tab {
		padding: 8px 20px;
		margin: 5px 10px;
		min-width: 20%;
	}
	.lite .payment label {
		font-size: 15px;
	}
	.lite .payment .time-for-delivery  .time-wrapper {
		width: 50%;
	}
	.lite .payment .time-for-delivery .tab {
		width: 50%;
		display: inline-block;
		float: left;
	}
	.lite .payment .time-for-delivery  .time-wrapper .tab {
		width: 100%;
		display: inline-block;
		float: left;
	}
	.lite .helpTxt {
		font-size: 14px;
	}
	.lite .undervarer {
		max-height: 150px;
		overflow-y: auto; 
	}
	.lite #vareBeskrivelse h4 {
		text-align: left;
		font-size: 16px;
	}
	.lite .oppsummering-antall {
	 	display: inline-block;
	}
	.lite .oppsummering-pris {
		display: block;
		float: right;
		min-width: 100px;
		text-align: right;
	}
	.lite .undervarer-row {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    padding: 0 5px;
	    margin-left: 5px;
	}
	.lite .undervarer-row, .lite .undervarer-row p {
		font-size: 14px !important;
	}
	.lite #order-container .row {
		margin: initial;
	}
	.lite .total-amount {
		margin: auto;
	}	
	.lite .totalt {
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
	    justify-content: space-between;
	    font-weight: bold;
	}
	.lite .tilleggsinfo {
		display: inline-block;
		width:100%;
		margin-top: 25px;
	}
	.lite .tilleggsinfo textarea {
		width: 50%;
		float: none;
		margin: 0;
		border-radius: 5px;
	    padding: 2px 0 2px 4px;
	}
		
.lite #toTopBtn {
	display: none;
    position: sticky;
    bottom: 75px;
    z-index: 99;
    border: none;
    outline: none;
    background: #dca371;
    color: #34343a;
    cursor: pointer;
    padding: 25px;
    border-radius: 35px;
    font-size: 18px;
    float: right;
    margin-right: 10px;
}
	.lite #toTopBtn:before {
	  content: "";
	  position: absolute;
	  inset: 30%;
	  transform: translateY(20%) rotate(-45deg);
	  border-top: 7px solid #34343a;
	  border-right: 7px solid #34343a;
	}
	.lite #toTopBtn:hover {
		background-color: #d59153;
		transform: translate(4px, -4px);
		transition: 0.2s;
		box-shadow: 3px 3px 1px grey;
	}
	.lite #toTopBtn:active {
		transform: translateY(2px);
		box-shadow: 0 0 0;
	}

.lite .order-terms {
	text-align: left;
    text-align:start;
    text-indent:-30px;
    margin-left: 30px;
}
.lite .order-terms input {
	margin-top: 15px;;
	margin-right: 10px;
}
.lite  #main-content-wrapper  .time-wrapper .max-preorder-info  {
	font-size: small;
    font-style: italic;
}
#liteFooter {
	height: auto;
	font-size: 12px;
	padding: 15px;
	bottom: 0px;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	background: #5e5e5e;
	color: #f4f4f4;
}
	#liteFooter p {
		margin: 0;
	}
	
	#liteFooter a{
		color: #f4f4f4;
		text-decoration: underline;
	}


/* wicket modal window */
#liteBody div.wicket-modal iframe.wicket_modal {
	min-height: 50vh !important;
	height: 75vh !important;
}


/* ---- media queries lite ----*/
@media ( max-width : 415px) {
	.lite .productImage-lite {
		display: flex;
	    align-content: center;
   		justify-content: center;
   		float: none !important;
   		padding: 0 !important;
	}
		.lite .productImage-lite img {
			height: 110px;
		}
	
	.lite .productContent-lite {
		padding: 0 5px !important;
	}
	.lite .add-address-wrapper .smallInput input {
		width: 100% !important;
	}
	.lite .discount-code input {
		margin: 0;
		padding: 0;
		width: 100%;
	}
}

@media ( max-width : 614px) {
	.navbar-lite-menus li {
		padding: 4px;
		margin: 0 8px 0 2px;
	}
	.lite #vareBeskrivelse {
		width: 100%;
	}
	.lite .oppsummering-antall {
		float: left;
	}
	.lite #cart-computer .cart-product {
		width: 100% !important;
	}
	.lite .tilleggsinfo textarea {
		width: 100%;
	}
}


@media ( min-width : 768px) {
	.navbar-lite-menus li #aboutSpan, .navbar-lite-menus li #shoppingcartSpan, .navbar-lite-container .departmentTitle {
		display: inline;
	}
	
	#wrapper-lite .sectionContainer {
		padding: 5px !important;
	}
	
	#wrapper-lite .productContainer {
/*		float: left;*/
		width: 100%;
	}
	
	.lite .add-address-wrapper input, .lite .add-address-wrapper textarea, .lite .select-address input {
		width: 100%;
		min-width: 225px;
		max-width: 300px;
	}
}

@media (max-width : 991px) {
	#wrapper-lite .sectionLinkWrapper {
		display: flex;
		overflow-x: scroll;
	}
	
	#wrapper-lite .sectionLinkContainer {
		flex: none;
	}
	
	.lite #shoppingCartPopupPanel {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}
	.lite .payment .time-for-delivery  .time-wrapper {
		width: 100%;
	}
	.lite .payment .time-for-delivery .tab {
		width: 100%;
	}
}

@media ( min-width : 992px) {
	#wrapper-lite .sectionContainer {
		column-count: 2;
		max-width: 1300px;
	}
	#wrapper-lite .sectionLabel {
		column-span: all;
	}
}

@media (max-width : 1023px) {
	.navbar-lite-container .logo-container {
		max-width: 320px;
	}
}

@media (min-width : 1024px) {
	.navbar-lite-container .logo-container {
		width: 35%;
	}
}
	
@media (hover : hover) and (pointer: fine) {
	#wrapper-lite .sectionLinkContainer:hover, #navbar-lite ul li:hover {
		transform: scale(1.1);
		transition: 0.4s;
	}
	#wrapper-lite .productContainer:hover, #wrapper-lite .sectionLinkContainer a:hover {
		transform: translate(5px, -5px);
		transition: 0.4s;
	}
	#wrapper-lite .productContainer:hover .product, #wrapper-lite .sectionLinkContainer a:hover {
		box-shadow: 0px 3px 6px 0 #34343a;
		transition: 0.4s;
	}
	#wrapper-lite .productContainer:active .product, #wrapper-lite .sectionLinkContainer a:active {
		transform: translateY(2px);
		transition: 0.1s;
		box-shadow: 0 0 0;
	}
}

.lite .lite-department-status {
	background: none;
	color: #fff;
/*	border: 1px inset #ccc;*/
	font-size: x-small;
/*	border-radius: 5px;*/
/*    position: fixed;*/
    height: 90px;
    width: 350px;
/*    top: 0px;*/
    margin: 5px;
/*    right: 5%;*/
/*    z-index: 99;*/
    padding: 10px;
}
.lite .lite-department-status  .search-result-item  .dep-name-address {
	width: 50%;
	float: left;
	display: inline;
	text-align: left;
}
.lite .lite-department-status  .search-result-item  .dep-status-openhrs {
	width: 50%;
	float: left;
	display: inline;
	text-align: center;
}
.lite .lite-department-status  .search-result-item  .dep-name {
	width: 100%;
	float: left;
	display: block;
	text-align: center;
}
.lite .lite-department-status  .search-result-item  .dep-address {
	width: 100%;
	float: left;
	text-align: center;
	display: block;
}
.lite .lite-department-status  .search-result-item  .dep-status-text {
	width: 100%;
	float: right;
	text-align: center;
	display: block;
	text-transform: capitalize;
	font-weight: bold;
}
.lite .lite-department-status  .search-result-item  .dep-opening-hours {
	width: 100%;
	float: right;
	text-align: center;
	display: block;
}
.lite .lite-department-status  .search-result-item  .greentext {
	color: #2a7f1e;
}

.lite .lite-department-status  .search-result-item   .redtext {
	color: #dc0c0c;
}
.lite .lite-frontpage {
	z-index: 999;
	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
}
.lite .lite-frontpage .desktop {
	display: block;
	width: 1300px;
	margin: 0px auto;
}

.lite .lite-frontpage .mobile {
	display: none;
}


@media ( max-width : 1023px) {
    .lite .lite-department-status {
		width: 150px;
		height: 75px;
/*		top: 100px;*/
/*		left: 0;*/
		color: #000;
		background: #fff;
		border: none;
		margin: 0;
		padding: 0;
		margin-top: -15px;;
	}
	.lite .lite-department-status  .search-result-item  .dep-name-address {
		float: none;
		height: 15px;
		width: 100%;
	}
    .lite .lite-department-status  .search-result-item  .dep-status-openhrs {
		float: none;
		width: 100%;
	}
	.lite .lite-department-status  .search-result-item  .dep-address {
		display:none;
	}
	.lite .lite-department-status  .search-result-item  .dep-opening-hours {
	}
	.lite .lite-department-status  .search-result-item  .dep-status-text {
	}
	#wrapper-lite .sectionLinkWrapper {
	}
	.mobile-scrollinfo {
	}
    .lite .lite-frontpage .desktop {
	    display: none;
    }

    .lite .lite-frontpage .mobile {
	    display: block;
	    width: 100%;
    }
}		

#frontpage {
	
}

#frontpage .frontpage-top {
	
}

#frontpage .frontpage-middle {
	
}

#frontpage .frontpage-bottom {
	
}

.order-comment {
	margin-left: 10px;
}
.order-comment p {
    margin-left: 20px;
    font-style: italic;
}
.order-comment input {
	width: 90%;
	width: calc(100% - 20px);
	margin: 0 10px 0 10px;
	padding: 5px 20px;
}

.supported-pay-method {
	display: none;
}
.order-executed-by {
	display: none !important;
}
.order-delivered-by {
	display: none !important;
}

.item-comment { 
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cart-product .item-comment { 
	width: 96%;
	margin-left: 2%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.payment .item-comment {
	padding-left: 10px;
	clear:both;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}
.cart-product .item-comment-text  { 
	font-size: small !important;
	font-weight: bold;
}
.payment .item-comment-text  { 
	font-style: italic;
}
.item-comment h3 { 
	font-weight: normal;
	font-style: italic;
}
.item-comment input { 
	width: 94%;
	margin-left: 3%;
}

.tips-select-list {
	width: 90%;
	text-align: center;
	padding: 0;
	margin: 0 5%;
/*	background-color: #fff;*/
}
.tips-button {
	list-style:none;
	display: inline-block;
	width: 28%;
	width: calc(29% - 8px);
	margin-left: 2%;
	margin-right: 2%;
	border: 2px #ccc solid;
	border-radius: 10px;
	user-select: none;
	font-size: calc(5vw * .25);
	font-size: large;
}
.tips-button.selected {
/*	margin: 6px auto;*/
	border: 4px #2a7f1e solid;
}
.tips-button img {
	width: 40%;
	display: block;
	margin: 5px auto;
}
.no-tips-button {
	width: 95%;
	margin: 10px auto;
	border: 2px #ccc solid;
	border-radius: 10px;
	padding: 10px 10px;
	list-style:none;
}
.no-tips-button.selected {
	border: 4px #2a7f1e solid;
/*	margin: 6px auto;*/
}
@media ( max-width : 501px) {
	.tips-button {
	font-size: 2vw;
	}
}
@media ( max-width : 501px) {
	.tips-button {
		width: 95%;
		font-size: 5vw;
		display: block;
		margin: 10px 2%;
	}
	.tips-button img {
		width: 20%;
	}
}