:root {
	--font-heading: "Blacker Display", 'proxima-nova', sans-serif;
	--font-sub: "Qanelas Soft", 'proxima-nova', sans-serif;
	--font-body: 'proxima-nova', sans-serif;

	--colour-dark: #00445d;
	--colour-darker: #022C43;
	--colour-darkest: #012030;
	--colour-teal: #16787e;
	--colour-green: #3FBB5F;

	--colour-tan: #f8d6bd;
	--colour-pink: #f6a5ae;
	--colour-orange: #d97b29;
	--colour-yellow: #fbee7c;
	--colour-light-blue: #8DC0E7;

	--colour-grey: #939597;
	--colour-cool-grey: #f0f1f8;
	--colour-warm-grey: #f1eeef
}

body {
	background-color: #022C43;
	background-color: var(--colour-darker);

	background-position:top left;
	background-repeat:no-repeat;
	font-family:'proxima-nova',arial,sans-serif;
}

/*Page*/
#wrapper {
	width: 100%;
	position: relative;
	display: flex;
}
#wrapper #page-wrapper {
	background-color: var(--colour-dark);
	border-left: 0;
	margin: 0;
	width: 100%;
}

/*Page Header*/
.navbar-default {
	border: none;
}
.navbar-default .navbar-brand {
	color:#FFF;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#FFF;
}

/*Colour*/
.color-grey  {
	color:#999;
}
.color-green {
	color:#85af04;
}

/*Col Table*/
.coltable {
	display:table;
	width:100%;
}
.coltable .col {
	display:table-cell;
	box-sizing:border-box;
}
.coltable.colfloat .col {
	display:block;
	float:left;
}
.coltable.pad .col,
.coltable.padcol .col {
	padding:10px;
}
.coltable.pad20 .col {
	padding:20px;
}
.coltable.nopad .col {
	padding:0px !important;
}
.coltable .col.w20 {
	width:20%;
}
.coltable .col.w80 {
	width:80%;
}
.coltable .col.w75 {
	width:75%;
}
.coltable.col2 .col {
	width:50%;
}
.coltable.col3 .col {
	width:33%;
}
.coltable.col4 .col {
	width:25%;
}
.coltable.col5 .col {
	width:20%;
}
.coltable.col1 .col {
	width:100%;
}
.coltable .col.center {
	text-align:center;
}
.coltable .col.vmiddle,
.coltable.vmiddle .col {
	vertical-align:middle;
}
.coltable .col.vbottom {
	vertical-align:bottom;
}
.coltable .col.vtop {
	vertical-align:top;
}
.coltable .box {
	background-color:#FFF;
	border:2px solid #EEE;
	margin:10px;
	padding:10px;
	border-radius:10px;
}
.coltable .box h2,
.coltable .box p {
	margin:0;
}
.coltable img.responsive {
	max-width:100%;
	width:100%;
}

/*Login Page*/
body.login {
	background-image:url(../images/bg-login.jpg);
	background-size:cover;
}

/*Type*/
h1 {
	font-weight:600;
}
a {
	color:#16787F;
	transition:all 0.2s ease-in-out 0s;
}
a:hover {
	color:#000;
}
.text-light {
	font-weight:300;
}
.text-bold {
	font-weight:700;
}
.text-small {
	font-size:12px;
}
.pad-fit-20 {
	padding:0 20px;
}
.form-group label em {
	color:red;
}
.form-group .row {
	margin-left:0;
	margin-right:0;
}
.form-group .col-sm-6 {
	padding:0;
}
.pad-left-5 {
	padding-left:5px !important;
}
.pad-right-5 {
	padding-right:5px !important;
}
#page-wrapper {
	background-color:#FFF;
	border-left:0;
}

.logo {
	display:inline-block;
	width:100%;
	height:55px;
	max-width: 200px;
	background-image:url(../images/logos/pba_logo_white.svg);
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-9999px;
	margin:20px auto;
}

/*Login panel*/
.login-panel .logo {
	width:100%;
	display: table;
	background-position:center;
	margin:15px auto;
	max-width: 280px;
	height:80px;
}

.login-panel a {
	color: #fff;
}
.login-container {
	min-height: 100vh;
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 260px;

	background:	url(/template/default/images/backgrounds/bg-graphic-cafe.svg) bottom -60px right 50% / 600px auto no-repeat;
	background-color: var(--colour-light-blue);

	/*background:
	url(/template/default/images/backgrounds/bg-graphic-retail.svg) bottom 50% right 8% / 600px no-repeat,
	url(/template/default/images/backgrounds/bg-graphic-skip.svg) bottom 50% left 8% / 600px no-repeat;*/
}
.login-container .col-md-4 {
	width: 100%;
	margin-left: 0%;
	min-width: 440px;
}

.login-panel {
	margin-top: 0;
	background: transparent;
	box-shadow: none;
	border: none;
}
.login-panel.panel-default > .panel-heading {
	box-shadow: none;
	background: transparent;
	border: none;
}
.login-panel.panel-default > .panel-heading .squiggle {
	margin: 20px 0 !important;
	background-position: center;
	background-image: url(/template/default/images/icons/squiggles/squiggle-white.svg);
}
.login-panel.panel-default > .panel-heading h3.panel-title {
	color: var(--colour-warm-grey);
}

.login-panel label {
	color: var(--colour-warm-grey);
	font-weight: 400;
	display: none;
}

.login-panel form input:not([type="checkbox"]) {
	display:block;
	width:100%;
	border: none;
	box-sizing:border-box;
	box-shadow: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	height: auto;
	padding: 15px 18px;
	padding-right: 50px;
	color: var(--colour-darkest);
	background-color: var(--colour-warm-grey);
}
.login-panel form input:not([type="checkbox"]):hover,
.login-panel form input:not([type="checkbox"]):focus {
	background-color: #fff;
}
.login-panel form input:not([type="checkbox"])::placeholder {
	color: var(--colour-darkest);
	opacity: 0.4;
}

.login-panel .checkbox label {
	color: var(--colour-warm-grey);
}

.login-panel .btn {
	padding: 10px 12px;
	border:none;
}
.login-panel .btn-info {
	background-color: var(--colour-dark);
	border-color: var(--colour-dark);
}
.login-panel .btn-info:hover {
	opacity: 0.8;
}

/*Navbar*/
.navbar {
	min-height:100vh;
	display: block;
}
.navbar::before {
	display: none;
}
.navbar-default {
	background:none;
	position: relative;
	z-index: 10;
}
/*.navbar-default::after {
	content: "";
	position: fixed;
	top: 50%;
	left: 0;
	background-image: url('/template/default/images/icons/sprinkles-green.png');
	background-size: 85px;
	height: 60px;
	width: 200px;
	z-index: -1;
}*/

/*Sidebar*/
.sidebar {
	margin-top:0;
	min-height: 100vh;
	position: sticky;
	top: 0;
	max-height: 100vh;
	overflow-y: auto;
}
.sidebar .sidebar-nav {
	padding: 15px;
}
.sidebar .sidebar-nav.navbar-collapse {
	padding-left: 15px;
	padding-right: 15px;
}

.user-info,
.contact,
.copyright {
	color:#FFF;
	padding:20px 20px 0;
}

/*Sidebar User Info*/
.user-info {
	font-size:16px;
	padding:5px 0px 30px;
	text-align: center;
}
.user-info p {
	margin:0;
}
.user-info p.username {
	-moz-osx-font-smoothing:grayscale;
	font-family: var(--font-heading);
	font-size: 18px;
}
.user-info p strong {
	font-weight: 500;
}
.user-info .time {
	font-size:12px;
}

/*Sidebar Menu*/
.sidebar-nav > .nav {
	margin: 5px 0 25px;
}

.sidebar ul li {
	border: none;
	padding-top: 1px;
	padding-bottom: 1px;
}
.sidebar ul li a {
	color:#FFF;
	border-radius: 4px;
	transition:all 0.2s ease-in-out 0s;
	background-image: none !important;
	padding-top: 9px;
	padding-bottom: 9px;
}
.sidebar ul li a:hover {
	background-color: transparent;
	color: var(--colour-green);
}

.sidebar ul li a.active {
	font-weight:500;
	background-color: #1E787E;
}
.sidebar ul li a:hover,
.nav > li > a:hover {
	background-color:transparent;
	color: var(--colour-green);
}
.sidebar ul li a:active,
.sidebar ul li a:focus,
.nav > li > a:focus {
	background-color:transparent;
	color: var(--colour-tan);
}
.sidebar ul li a.active:hover {
	background-color: #1E787E;
	color: #fff;
}

.sidebar ul li a .fa.arrow {
	position: relative;
	top: 2px;
}
.sidebar ul li a .fa.arrow::before {
    content: "\2b";
}
.sidebar ul li.active a .fa.arrow::before {
    content: "\2d";
}

.sidebar .nav-second-level li a {
	padding-left: 34px;
}

p.caption {
	padding-top:5px;
	font-size:10px;
}
.redeem-button {
	padding:3px 8px;
	font-size:18px;
}

.sidebar-nav .contact {
	margin-top: 0px;
	padding: 0px 18px;
	border-radius: 4px;
	background-color: transparent;
	text-align: left;
}
.contact p.title {
	font-size:20px;
	font-weight:500;
	margin-bottom: 6px;
	color: var(--colour-teal);
	font-family: var(--font-heading);
	-moz-osx-font-smoothing:grayscale;
}
.contact p {
	margin: 0;
}
.contact a {
	color:#fff;
	opacity: 0.6;
}
.contact a:hover {
	opacity:1;
}


.copyright {
	padding: 15px 18px;
	padding-bottom:0px;
	text-align:left;
	opacity: 0.6;
}
.copyright p {
	font-size:12px;
	margin: 0;
}
.copyright .sys {
	margin-top:15px;
	margin-bottom: 2px;
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
}
.copyright .rzr {
	text-transform:uppercase;
	font-weight:300;
	font-size:10px;
	color:#1E787E;
}
.copyright .rzr img {
	width: 100%;
	max-width: 60px;
}

.sidebar-nav .squiggle {
	margin: 25px 0 15px;
}

/*Squiggle*/
.squiggle {
	height: 10px;
	width: 100%;
	margin: 10px 0;
	margin-left: 18px !important;
	background-image: url(../images/icons/squiggles/squiggle.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.squiggle.squiggle-green {
	background-image: url(../images/icons/squiggles/squiggle-green.svg);
}

/*Search Nav*/
.search-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:0 0 30px;
}
.search-nav::before,
.search-nav::after {
	display: none;
}

.search-container {
	padding:0px;
	border: none;
	border-radius:0px;
	max-width: 500px;
	width:100%;
}
.search-container .form {
	position: relative;
}
.search-container .form input {
	display:block;
	width:100%;
	border: none;
	box-sizing:border-box;
	box-shadow: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	height: auto;
	padding: 15px 18px;
	padding-right: 50px;
	color: #fff;
	background-color: var(--colour-darker);
}
.search-container .form input:hover,
.search-container .form input:focus {
	background-color: #075571;
}
.search-container .form input::placeholder {
	color: #fff;
	opacity: 0.4;
}
.search-container .form button {
	padding:10px 12px 13px;
	position: absolute;
	font-size: 0px;
	top: 6px;
	right: 6px;
	border: none;
	color: var(--colour-teal);
	background-color: transparent;
}
.search-container .form:hover button {
	color: #fff;
}
.search-container .form button:hover {
	background-color: var(--colour-teal);
	color: #fff;
}
.search-container .form button span.fa-search {
	font-size: 16px;
}
.search-container .caption {
	color:#999;
}

.category-container {
	display: flex;
	padding-left: 20px;
}
.category-container > li {
	padding: 4px;
	list-style: none;
}
.category-container > li > a {
	display: flex;
	font-weight: 600;
	padding: 8px 14px 8.5px;
	border-radius: 4px;
	color: var(--colour-dark);
	transition: all 0.1s ease;
	font-family: var(--font-sub);
}
.category-container > li > a:hover {
	text-decoration: none;
	background-color: var(--colour-warm-grey) !important;
	color: var(--colour-darker);
}
.category-container > li > a.active {
	text-decoration: none;
	background-color: var(--colour-darkest) !important;
	color: var(--colour-warm-grey);
}

/*Page Defaults Override*/
#page-wrapper h1.page-header {
	font-size: 39px;
	line-height: 45px;
	font-family: var(--font-heading);
	color: var(--colour-teal);
	padding-bottom: 0;
	border: none;
}
#page-wrapper h1.page-header span.small {
	color: #fff;
	opacity: 0.3;
}
#page-wrapper h1.page-header a {
	color: var(--colour-warm-grey);
}
#page-wrapper h1.page-header a:hover,
#page-wrapper h1.page-header a:focus {
	color: var(--colour-teal);
	text-decoration: none;
}
#page-wrapper h1,
#page-wrapper h2 {
	-moz-osx-font-smoothing:grayscale;
	color: var(--colour-warm-grey);
}
#page-wrapper {
	color: var(--colour-warm-grey);
}

#page-wrapper > .row > .col-lg-6 {
	width: 100%;
	max-width: 700px;
}

#page-wrapper .panel {
	background-color: var(--colour-darker);
	border:none;
}
#page-wrapper .table-bordered {
	border-collapse: separate !important;
	border-spacing: 0px 6px;
	background: none;
	border: none;
}


#page-wrapper .table-bordered > thead > tr > th {
	background-color: var(--colour-dark);
}
#page-wrapper .table-bordered > thead > tr > th,
#page-wrapper .table-bordered > tbody > tr > td {
    border: none;
}
#page-wrapper .table-bordered > thead > tr > th:not(:first-child),
#page-wrapper .table-bordered > tbody > tr > td:not(:first-child) {
    border-left: 2px solid rgba(0,0,0,0.1);
}
#page-wrapper .table-striped > tbody > tr:not(:last-child) {
	border-bottom: 1px solid #fff;
}
#page-wrapper .table-striped > tbody > tr,
#page-wrapper .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}
#page-wrapper .table-striped > tbody > tr td,
#page-wrapper .table-striped > tbody > tr:nth-of-type(2n+1) td {
    background-color: var(--colour-darkest);
}
#page-wrapper .table-striped th:first-child,
#page-wrapper .table-striped td:first-child {
    border-radius: 4px 0 0 4px;
}
#page-wrapper .table-striped th:last-child,
#page-wrapper .table-striped td:last-child {
    border-radius: 0 4px 4px 0;
}

hr {
    border-top: 2px solid rgba(255,255,255,0.1);
}

.pad-fit-20 .row {
	margin-left: -20px;
	margin-right: -20px;
}

/*Business Block*/
#business-list.business {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
	width: auto;
	min-width: 100%;
}

.business > .col {
	padding:40px 25px;
	display:block;
	float:none;
	width:100%;
}
.business.col2 > .col {
	flex: 50% 0 0;
	float: none;
}

.business.colfloat .business-block .col-md-6 {
	display:block;
	width:100%;
	clear:both;
}
.business.colfloat .business-block .col-md-6:first-child {
	margin:0 0 10px;
}

.business-block {
	background-color: transparent;
	border: none;
	padding: 0px;
	transition:all 0.2s ease-in-out 0s;
}
#page-wrapper .business-block h2 {
	font-size: 20px;
	line-height: 22px;
	font-family: var(--font-sub);
	font-weight: 600;
	color: #fff;
	opacity: 0.5;
	margin:0 0 10px;
}

.business-block .bb-content a img {
	border-radius: 6px;
	margin-bottom: 0px;
}

.business-block .bb-content .voucher-wrapper .voucher {
	border-radius: 0;
	border: none;
	padding: 0px;
	/*background-color: var(--colour-darker);*/
	box-shadow: none;
}
.business-block .bb-content .voucher-wrapper .voucher .redeem-bt.text-center {
	text-align: left;
}
.business-block .bb-content .voucher-wrapper .voucher .redeem-button {
	background-color: var(--colour-green);
	border: 2px solid var(--colour-green);
	color: #fff;
	font-size: 16px;
	margin: 15px 0 0;
	padding: 8px 15px 8.5px;
}
.business-block .bb-content .voucher-wrapper .voucher .redeem-button:hover {
	background-color: var(--colour-teal);
	border-color: var(--colour-teal);
}

.business-block .business-image,
.business-block .voucher-image {
	width:100%;
	vertical-align:top;
	margin:0 0 10px;
}
.business-block .voucher-wrapper.vcount3 .voucher-image {
}

/*Voucher*/
.voucher-image-wrapper {
	width:100%;
	padding:0px;
	border: none;
	margin:0 0 10px;
}
.voucher-image-wrapper img {
	width:100%;
	border-radius: 4px;
	vertical-align:top;
}
.voucher {
	padding:10px;
	border:2px solid #DDD;
	box-shadow:2px 2px 3px rgba(255,255,255,0.1);
	margin:0 0 10px;
	transition:all 0.2s ease-in-out 0s;
}
.voucher.gone {
	border-color:#EEE;
	opacity:0.5;
}
.voucher.gone button {
	cursor:default;
}
.voucher.has-image .voucher-info {
	display:none;
}
.voucher:hover {
	border-color:#CCC;
}
.voucher-wrapper .voucher:last-child {
	margin:0;
}

/*Panel*/
.panel-default > .panel-heading {
	background-color:#F8F8F8;
	border-color:#CCC;
	box-shadow:inset 0 -1px 0 #FFF;
	font-size:18px;
	font-weight:300;
}
.panel.itemisation-list .panel-body {
	padding:3px;
}
.panel.itemisation-list .table td {
	padding:2px;
}
.panel.itemisation-list input {
	border-color:#FFF;
	box-shadow:none;
}
.panel.itemisation-list input:focus {
	border-color:#DDD;
}
.navbar-header {
	display:none;
}

/*Input Form*/
table.table .col-sku {
	width:8%;
}
table.table .col-des {
	width:42%;
}

div.short input[type="text"] {
	width:50%;
}
table td.time {
	width:110px;
}
table td.time input {
	width: 30px;
}
table td.center {
	text-align:center;
}
table td.right {
	text-align:right;
}
.form-group.time input {
	width: 50px;
	display:inline;
}
.form-group.time label {
	display:block;
}
.form-group input[type='checkbox'] {
	display:block;
}

/*Guessbox*/
.guessbox {
	position:absolute;
	padding:5px;
	border:1px solid #EEE;
	background-color:#FFF;
	font-size:12px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	z-index:9999;
	display:none;
}
.guessbox ul,
.guessbox ul li {
	list-style:none;
	margin:0;
	padding:0;
}
.guessbox ul li a {
	text-decoration:none;
}

/*Table*/
table tr th.thinish, table tr td.thinish {
	max-width:150px;
}
table tr th.thin, table tr td.thin {
	max-width:120px;
}
table tr th.thinner, table tr td.thinner {
	max-width:80px;
}

.dataTables_filter {
	text-align:right;
}
.dataTables_filter input {
	margin-left: 10px;
}

.form-group input[type='file'] {
	height:auto;
}

.row ol.indent .row .img img {
	width:100%;
}
tr.green, tr.green:hover, tr td.green, tr.green td a, tr td.green a {
	background-color:#dff0d8 !important;
	color: #3c763d;
}
tr.red, tr.red:hover, tr td.red, tr.red td a, tr td.red a {
	background-color:#f2dede !important;
	color: #a94442;
}
tr.yellow, tr.yellow:hover, tr td.yellow, tr.yellow td a, tr td.yellow a {
	background-color:#fcf8e3 !important;
	color: #8a6d3b;
}
tr.blue, tr.blue:hover, tr td.blue, tr.blue td a, tr td.blue a {
	background-color:#d9edf7z !important;
	color: #31708f;
}
tr td.w150 {
	width:150px;
}
tr td.w120 {
	width:120px;
}
tr td.w100 {
	width:100px;
}
tr td input {
	color:#000;
}
.content-redeem .alert,
.content-redeem h3 {
	margin:0;
}
.content-redeem {
	padding-bottom:20px;
}

/* Over Responsive */
@media screen and (min-width: 768px) {
	#page-wrapper {
		padding: 0 40px;
	}
}
@media screen and (min-width: 1200px) {
	.sidebar {
		width: 260px;
	}
	#page-wrapper {
		padding: 0 50px;
	}
}

/* Mobile Responsive */
@media screen and (max-width:1200px) {
	#business-list.business {
		margin: 0 -10px;
	}
	.business > .col {
		padding: 30px 10px;
	}
}
@media screen and (max-width:1000px) {
	.search-nav {
		flex-direction: column;
		justify-content: center;
		align-items: start;
	}
	.search-container {
	    max-width: 100%;
	}
	.category-container {
		padding-top: 5px;
	    padding-left: 0px;
		margin: 0 -4px;
	}

	.business.col2 > .col {
		flex: 100% 1 1;
		width: 100%;
	}
}
@media screen and (max-width:900px) {
	.pad-fit-20 {
		padding: 10px;
	}
	.business > .col {
		padding: 20px 10px;
	}
	.pad-fit-20 .row {
	  margin-left: -10px;
	  margin-right: -10px;
	}
}
@media screen and (max-width:768px) {
	.form-group .col-sm-6.pad-right-5 {
		padding-right: 0 !important;
		padding-bottom: 15px;
	}
	.form-group .col-sm-6.pad-left-5 {
		padding-left: 0 !important;
	}
}
@media screen and (max-width:750px) {
	#wrapper {
		flex-direction: column;
	}
	#wrapper .navbar {
		min-height: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	#wrapper .navbar .sidebar {
		min-height: auto;
		max-height: unset;
		overflow-y: visible;
	}

	.navbar-header {
		display:flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.navbar-header::after,
	.navbar-header::before {
		display: none;
	}
	.navbar-default .navbar-brand {
		font-family: var(--font-heading);
		-moz-osx-font-smoothing:grayscale;
	}
	.navbar-toggle {
		padding: 10px 10px;
		margin-top: 12px;
		margin-bottom: 12px;
		margin-right: 12px;
		border:none;
		float: none;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: var(--colour-teal);
	}
	.sidebar-nav .squiggle {
		width: auto;
	}

	.sidebar-nav .logo {
		display: none;
	}
	.user-info {
	    text-align: left;
		padding-top: 10px;
		padding-left: 18px;
		padding-right: 18px;
	}
	.user-info p.username {
  	    font-size: 22px;
	}
	.sidebar .sidebar-nav.navbar-collapse {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 35px;
	}

	#wrapper #page-wrapper {
		padding: 20px 40px;
	}

	.page-header {
		margin-top:10px;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		padding:4px;
	}
	.table {
		font-size:12px;
	}
	.table td {
		text-align:center;
	}
	.table input {
		padding:2px;
		font-size:12px;
	}
	.pad-left-5 {
		padding-left:0 !important;
	}
	.pad-right-5 {
		padding-right:0 !important;
	}
	h1 {
		font-size:30px;
	}
}
@media screen and (max-width:600px) {
	#wrapper #page-wrapper {
	  padding: 25px 30px;
	}

	#page-wrapper h1.page-header {
		font-size: 24px;
		line-height: 26px;
	}
}
@media screen and (max-width:500px) {
	.coltable.col2 .col,
	.coltable .col {
		display:block;
		width:100%;
	}
	.search-container {
		width:100%;
	}
	h1 {
		font-size:24px;
	}

	.login-container::before,
	.login-container::after {
		display: none;
	}
	.login-container > .row::before,
	.login-container > .row::after {
		display: none;
	}
	.login-container > .row,
	.login-container .col-md-4 {
		width: 100%;
		min-width: unset;
	}

	.search-nav {
		margin: 0 0 15px;
	}
}
@media screen and (max-width:450px) {
	#wrapper #page-wrapper {
	    padding: 25px 25px;
	}
	.category-container {
		flex-wrap: wrap;
	}

	.login-container {
		padding-right: 0;
		padding-left: 0;
	}

	.business-block .bb-content .voucher-wrapper .voucher .redeem-button {
		width: 100%;
		font-size: 14px;
		margin: 5px 0 0;
	}
}
@media print {
	page-header,
	nav {
		display:none;
	}
}