/*
*
* @copyright ixiaplus inc. ireland 2018
* @version 1.0.0.0.0
*/
/**
[SEARCH FORM]
*/
.site-search-wrapper-container {
	position: absolute;
	top: -180px;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #ffffff;
	z-index: 1;
	border-bottom: 1px solid #ffa4a4
}

.site-search-wrapper {
	margin: 10px auto;
	width: 50%;
	height: 40px;
	font-size: 1.125rem;
	font-weight: 500;
	overflow: hidden;
}

.site-search-wrapper form.product-search-control input[name='product'] {
	background-image: url(../imagesAssets/pngs-images/search-icon-col20.png);
	background-repeat: no-repeat;
	background-position: 2% center;
}

.site-search-wrapper form.location-search-control input[name='location'] {
	background-image: url(../imagesAssets/pngs-images/location-pos-icon-def.png);
	background-repeat: no-repeat;
	background-position: 2% center;
}

.site-search-wrapper form.location-search-control input[name='location_radius'] {
	background-image: url(../imagesAssets/pngs-images/location-radius-icon-def.png);
	background-repeat: no-repeat;
	background-position: 8% center;
}

.site-search-wrapper form input::placeholder {
	color: rgba(169, 124, 80, .935687)
}

.site-search-wrapper form input[type='text'] {
	height: 40px;
	padding: 2px 3px 2px 50px;
	display: inline-block;
	color: #a97c50;
	background-color: #ffdab7;
	border: 1px solid #a97c50;
	border-right: none;
}

.site-search-wrapper form input[name='product'] {
	width: 85%;
}

.site-search-wrapper form input[name='location'] {
	width: 65%;
}

.site-search-wrapper form input[name='location_radius'] {
	width: 20%;
}

.site-search-wrapper form .searchButton {
	color: #a97c50;
	padding: 0 2px;
	cursor: pointer;
	width: 15%;
	height: 40px;
	margin: 0;
	border: 1px solid #a97c50;
	vertical-align: top;
}

.button-swapped-search {
	background-image: url(../imagesAssets/pngs-images/search-icon-col20.png);
	background-repeat: no-repeat;
	background-position: center;
}

.button-swapped-location {
	background-image: url(../imagesAssets/pngs-images/location-pos-icon-def.png);
	background-repeat: no-repeat;
	background-position: center;
}

.search-wrapper-close {
	position: absolute;
	color: #a97c50;
	top: 50%;
	margin: -20px auto 0;
	right: 10px;
	height: 40px;
	width: 40px;
	padding: 3px;
}

.search-wrapper-close span.close-icon {
	background-image: url(../imagesAssets/pngs-images/close-border-bbg.png);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 32px;
	height: 32px;
	-moz-box-shadow: 0px 0px 3px #a97c50;
	-webkit-box-shadow: 0px 0px 3px #a97c50;
	box-shadow: 0px 0px 3px #a97c50;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}

.search-wrapper-close span.close-text {
	display: none;
	font-size: 35px;
	line-height: 35px;
	cursor: pointer;
}

/*
[END SEARCH FORM]
*/

/**
[HEADER]
*/
.header-body-web-app {
	/*position:fixed;*/
	display: block;
	height: 120px;
	width: 100%;
	border-bottom: .07692rem solid rgb(229, 229, 229);
	overflow: hidden
}

.header-header-web-app {
	position: absolute;
	height: 120px;
	width: 100%;
	z-index: 1;
}

.header-header-web-app-top {
	position: absolute;
	top: 0px;
	height: 40px;
	width: 100%;
	background-color: rgba(255, 255, 255, .972549)
}

.header-header-web-app-sub {
	z-index: 1;
	position: absolute;
	top: 40px;
	height: 80px;
	width: 100%;
	background-color: rgba(142, 14, 20, .972549)
}

.header-header-web-app-sub .webApp-logo-container {
	height: auto;
	position: absolute;
	width: 20%;
	margin: -30px 0 0 10%
}

.header-header-web-app-sub .webApp-logo-container .logo-container {
	display: block;
	position: relative;
}

.header-header-web-app-sub .webApp-logo-container .logo-container span.beta-overlay {
	background-image: url(../imagesAssets/pngs-images/beta-img-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: -50px;
	width: 70px;
	height: 120px;
	color: black
}

/**
[SUB-CONTAINER MENU]
*/
.webApp-logo-sub-container {
	height: 100%;
	margin-left: 30%;
	width: auto;
}

.webApp-logo-sub-container ul.sub-container-menu {
	font-size: 1.1020rem;
	font-weight: 500;
	list-style-type: none;
	color: rgba(255, 255, 255, 1);
	height: 100%;
}

.webApp-logo-sub-container ul.sub-container-menu li {
	float: left;
	margin: 22px 0;
	height: 100%;
	padding: 0 1%;
}

.webApp-logo-sub-container ul.sub-container-menu li span {
	display: inline-block;
	height: auto;
	font-size: 1.125rem;
	line-height: 1.125rem;
	margin-right: 2px;
	vertical-align: middle;
}

.webApp-logo-sub-container ul.sub-container-menu li span.current-location-contents {
	display: block;
	font-size: .985rem;
	color: #c8cbd1
}

.webApp-logo-sub-container ul.sub-container-menu li span.additional-contents {
	display: block;
	font-size: .985rem
}

.webApp-logo-sub-container ul.sub-container-menu li a {
	text-decoration: none;
	color: #660000;
}

.webApp-logo-sub-container ul.sub-container-menu li a:hover {
	text-decoration: underline;
	color: #660000;
}

/**
[MARQUEE ANIMATION]
*/
.marquee-vertical-container {
	position: absolute;
	margin-right: -400px;
	right: 50%;
	width: 800px;
	padding: 0;
}

/**
[NAVIGATION]
*/
.navigation-vertical-container {
	position: absolute;
	margin: 0;
	right: 2%;
	width: auto;
	padding: 4px 0 0;
}

.navigation-vertical-container .navigation-text {
	font-size: 1.125rem;
	line-height: 1rem
}

.navigation-vertical-container .navigation-item .navigation-link {
	display: block;
	padding-right: 40px;
	padding-left: 40px
}

.navigation-user-menu {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 32px;
	height: 32px;
	padding: 0 1.325rem;
	vertical-align: top;
	font-weight: 600 !important;
	/* For browsers that do not support gradients */
	background-color: white;
	background: linear-gradient(to bottom, transparent 50%, rgba(169, 124, 80, 1) 50%);
	background-size: 100% 200%;
	background-position: top left;
	transition: all .5s ease;
}

.navigation-user-menu:hover {
	background-position: right bottom;
	color: white;
}

.navigation-text-red {
	color: red !important
}

.navigation-text-black {
	color: #000000 !important
}

.navigation-inverted .navigation-link-current {
	background: #0076bf
}

.icon-user-menu-img {
	display: none;
}

.navigation-company-menu {
	display: inline-block
}

/**
[DASHBOARD PREVIEW]
*/
.dashboard-preview-body {
	display: none;
	position: absolute;
	top: 42px;
	right: 2%;
	font-weight: 500;
	font-size: 1rem;
	padding: .275rem 0;
	width: 250px;
	z-index: 1000
}

.dashboard-preview-body ul {
	padding: 0;
	list-style-type: none;
	margin: auto;
	height: auto;
}

.dashboard-preview-body ul li {
	line-height: 1.05rem;
	font-size: 1.05rem;
	color: #bc7938;
	cursor: pointer;
	transition: .6s
}

.dashboard-preview-body ul li:hover {
	color: rgba(255, 255, 255, .85);
	background-color: #bc7938;
}

.dashboard-preview-body ul li span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px
}

.dashboard-preview-body ul li span:first-child {
	background-color: #ffffff;
	padding: .325rem .525rem;
}

.dashboard-preview-body ul li span:last-child {
	padding: .325rem .25rem;
}

/*DASHBOARD REVIEW END*/

/**
[LOGGED IN SECTION]
**/
.login-section-body {
	display: none;
	position: absolute;
	top: 42px;
	right: 2%;
	font-weight: 500;
	font-size: 1rem;
	width: auto;
	z-index: 1000;
}

.login-section-body div.login-section-contents {
	padding: .275rem 0;
}

.login-section-body div.login-section-contents ul {
	padding: 0;
	list-style-type: none;
	margin: auto;
	height: auto;
}

.login-section-body div.login-section-contents ul li {
	line-height: 1.05rem;
	font-size: 1.05rem;
	color: #bc7938;
	cursor: pointer;
	transition: .6s
}

.login-section-body div.login-section-contents ul li:hover {
	color: rgba(255, 255, 255, .85);
	background-color: #bc7938;
}

.login-section-body div.login-section-contents ul li span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px
}

.login-section-body div.login-section-contents ul li span:first-child {
	background-color: #ffffff;
	padding: .325rem .525rem;
}

.login-section-body div.login-section-contents ul li span:last-child {
	padding: .325rem .25rem;
}

/**
[ELEMENT NAVIGATIONAL MENU]
*/
.hidden-container-wrapper-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 0;
	border-bottom: 1px solid #a97c50;
	background-color: rgba(142, 14, 20, .972549);
	z-index: 999;
	/*border: 1px solid #fff;display: none*/
}

.display-container-wrapper-header {
	position: relative;
	width: 100%;
	height: 50px;
	padding: 0;
	border-bottom: 1px solid #a97c50;
	background-color: rgba(255, 255, 255, .725);
}

/* PINEAPPLE */
.response-menu-section {
	display: none;
	position: absolute;
	left: 5px;
	top: 0px;
}

.response-navigation-menu {
	position: fixed;
	left: -100%;
	top: 140px;
	width: 100%;
	min-width: 150px;
	height: 100%;
	background-color: rgba(0, 0, 0, .85);
	color: whitesmoke;
	padding: 5px 0;
	z-index: 2;
}

.response-navigation-menu ul li {
	color: #a97c50;
	text-align: left;
	padding: .52525rem;
	font-size: 1.125rem;
	line-height: 1.125rem;
	border-bottom: 1px solid rgba(169, 124, 80, 1);
}

.response-navigation-menu ul li:not(.active) {
	cursor: pointer;
	background-color: white;
	background: linear-gradient(to bottom, white 50%, rgba(169, 124, 80, .85) 50%);
	background-size: 100% 200%;
	background-position: top left;
	transition: all .5s ease;
}

.response-navigation-menu ul li.active {
	color: white;
	background-color: rgba(169, 124, 80, 1);
	cursor: default
}

.display-container-wrapper-subheader,
.hidden-container-wrapper-subheader {
	position: absolute;
	bottom: 0;
	width: 60%;
	height: 40px;
	margin-left: 10%;
}

.display-container-wrapper-subheader ul,
.hidden-container-wrapper-subheader ul {
	width: 100%;
	list-style: none;
	height: 100%;
	margin: 0;
}

.default-navigation-menu ul li {
	color: #a97c50;
	text-align: center;
	width: 33%;
	min-width: 250px;
	height: 35px;
	margin: 4px 0 0 1px;
	border: 1px solid #a97c50;
	padding: .52525rem;
	font-size: 1.165rem;
	line-height: 1.165rem;
	float: left;
}

.default-navigation-menu ul li:not(.active) {
	cursor: pointer;
	background-color: white;
	background: linear-gradient(to bottom, white 50%, rgba(169, 124, 80, .85) 50%);
	background-size: 100% 200%;
	background-position: top left;
	transition: all .5s ease;
}

.default-navigation-menu ul li.active {
	color: white;
	height: 40px;
	margin-top: 0;
	background-color: rgba(169, 124, 80, 1);
	padding: .55em 2em;
	cursor: default
}

.display-container-wrapper-subheader ul li a,
.hidden-container-wrapper-subheader ul li a {
	text-decoration: none;
	color: #a97c50;
}

.display-container-wrapper-subheader ul li:not(.active):hover,
.hidden-container-wrapper-subheader ul li:not(.active):hover {
	background-position: right bottom;
	color: white;
}

.display-container-wrapper-subheader span {
	display: inline-block;
	padding: 0;
	margin: .45% 0
}

.display-container-wrapper-subheader svg:not(.response) {
	height: 28px;
	width: 28px
}

/*ELEMENT NAVIGATIONAL MENU*/

/**
[MAIN BOBY CONTAINER]
*/
div#landing-dock-contents h1,
div#landing-dock-contents h3 {
	margin-bottom: 1.5%;
}

div#landing-dock-contents h1,
div#landing-dock-contents h3 span {
	display: inline-block;
	vertical-align: middle;
}

.main-body-web-app-billboard {
	background: url(../imagesAssets/jpgs-images/supermarket_aisle_2_500_d.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 500px;
	background-color: transparent;
	/*rgba(255,255,255, .865);*/
}

.main-body-web-app-container {
	position: relative;
	width: 90%;
	height: auto;
	min-height: 100%;
	margin: 1% auto;
	padding: 1%;
	background-color: transparent;
	/*rgba(255,255,255, .865);*/
}

/**
[DISPLAY CONTAINER]
*/
.display-container-wrapper {
	width: auto !important;
	min-height: 100px;
	margin: auto;
	position: relative;
}

.display-container-wrapper span.no-contents {
	display: block;
	padding: 0 0 .42525em;
	font-size: 1.165rem;
	line-height: 1.165rem;
	color: brown;
	text-align: left
}

.display-container-wrapper span.no-contents-sub {
	display: block;
	font-size: 0.965rem;
	/* line-height: 1.65rem; */
	color: red;
	text-align: left;
}

.display-container-wrapper span.no-contents-sub button {
	padding: .435rem 1.125rem;
}

.display-container-wrapper span.no-contents-sub span {
	display: inline-block;
	margin-right: 5px
}

.display-contents-container {
	display: inline-block;
	width: calc(100% - 315px) !important;
	min-width: 275px;
	margin: auto;
	position: relative;
}

.display-contents-top-selection {
	width: 100%;
	height: auto;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px lightgray;
	background-image: linear-gradient(to right, rgba(0, 128, 128, .075), rgba(142, 14, 20, .085));
	margin: 3% auto;
}

.display-selection-header {
	position: relative;
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0 0 2px;
	min-height: 30px;
}

.display-selection-header .text {
	background-image: url(../imagesAssets/pngs-images/cart-icon.png);
	background-position: 1% center;
	background-repeat: no-repeat;
	position: absolute;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	left: 2px;
	font-weight:bold
}

.display-selection-header .ctrl {
	background-image: url(../imagesAssets/pngs-images/close-t-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 2px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: .6s;
	transition: .6s;
}

.display-selection-header .ctrl:hover {
	opacity: .5;
	background-color: white;
}

.display-selection-overview {
	color: rgba(0, 0, 0, .85);
	font-size: 1.075rem;
	/* width: 100%; */
	overflow: hidden;
	position: relative;
	min-height: 535px;
}

.display-selection-contents {
	position: relative;
	height: inherit;
	padding: 5px
}

.display-selection-contents .contents-grouping {
	position: absolute;
	background-color: white;
	width: 280px;
	vertical-align: top;
	float: left;
	/* height: 100%; */
	padding: 2px;
	margin: 5px 0;
	border-radius: 3px;
	cursor: pointer;
	transition: .6s;
}

.display-selection-contents .contents-grouping:hover {
	box-shadow: 0px 0px 10px #000;
}

.display-selection-contents div:not(.contents-grouping-image):not(.contents-pricing):not(.contents-grouping) {
	padding: 5px 10px;
}

.display-selection-contents .contents-grouping-image {
	min-height: 245px
}

.display-selection-contents .contents-grouping-title {
	font-size: small;
}


.display-selection-contents .contents-pricing {
	color: white;
	font-weight: bold;
	padding: 10px;
	font-size: x-large;
	width: auto;
	text-align: center
}

.display-selection-contents .contents-pricing.rrp {
	background-color: rgba(0, 128, 128, 0.85);
}

.display-selection-contents .contents-pricing.offer {
	background-color: rgba(255, 0, 0, .85);
	margin-top: 2px;
}

.display-selection-contents .contents-date {
	margin: 10px 0 0;
	font-size: x-small;
}

.display-selection-overview .scroll-button {
	position: absolute;
	width: 50px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	z-index: 999;
	background-color: transparent;
	transition: 0.5s;
}

.display-selection-overview .scroll-button.next-button {
	right: 0px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	background-image: url(../imagesAssets/pngs-images/toggle_right.png);
	background-position: 75% 50%;
	background-repeat: no-repeat;
}

.display-selection-overview .scroll-button.previous-button {
	left: 0px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	background-image: url(../imagesAssets/pngs-images/toggle_left.png);
	background-position: 25% 50%;
	background-repeat: no-repeat;
}

.display-selection-overview .scroll-button:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.display-contents-header {
	position: relative;
	margin: .5% .5% 1%;
	border-bottom: 1px solid rgba(0, 0, 0, .85);
}

.display-contents-subheader {
	position: absolute;
	bottom: -8px;
	font-size: 24px;
	padding: 0 3px 0 0;
	color: rgba(78, 76, 76, 0.85);
	border-bottom: 1px solid white;
	background-color: rgba(248, 247, 244, 1);
}

/**
	[CATEGORY CONTAINER]
	[STORES CONTAINER WRAPPER]
*/
.elements-category-container,
.preferences-category-container,
.stores-container-wrapper {
	width: 100%;
	height: auto;
	margin: auto;
	color: #838383;
}

.stores-container-wrapper {
	min-height: 300px;
	overflow: hidden;
}

.elements-category-container .category-header-text,
.preferences-category-container .category-header-text,
.stores-container-wrapper .category-header-text {
	display: block;
	height: auto;
	margin: 2% 0 1%;
	font-size: 1.25rem;
	font-weight: 600
}

.elements-category-container span.cat-text,
.stores-container-wrapper span.cat-text,
.preferences-category-container span.cat-text {
	display: block;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: normal;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.preferences-category-container .category-container-img-holder,
.elements-category-container .category-container-img-holder {
	font-size: 25px;
	padding: 5px 0 2px;
	text-align: center;
	color: teal
}

.stores-container-wrapper .category-container-img-holder {
	padding: 2px;
	text-align: center;
	color: teal
}

.preferences-category-container span.fas,
.elements-category-container span.fas {
	display: inline-block;
	padding: 3px 3px 1px;
	width: auto;
	height: 18px;
	vertical-align: middle
}

.preferences-category-container .category-container,
.elements-category-container .category-container {
	display: inline-block;
	margin: .25%;
	vertical-align: top;
	min-width: 230px;
	width: 230px;
	padding: 2px;
	-webkit-transition: .6s;
	transition: .6s;
}

.preferences-category-container .category-container:hover,
.elements-category-container .category-container:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	border: 1px solid #a97c50;
	background-color: rgba(169, 124, 8, .8)
}

/*CATEGORY NOTIFICATION*/
.category-container-notify {
	margin: 15px 0 5px;
	width: 100%;
	font-size: 1.125rem
}

.category-container-notify span {
	display: block;
	width: auto;
	margin: 0;
	font-size: 1.0125rem;
}

.category-container-notify input.preferences-user-email {
	display: inline-block;
	width: 35%;
	margin: 0px;
	height: 30px;
	font-size: 0.875rem;
	padding: 0px 30px 0px 35px;
	color: rgba(0, 128, 128, .85);
	vertical-align: middle;
}

.category-container-notify button {
	background-image: url(../imagesAssets/pngs-images/send-icon-20-blk.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 60px;
	height: 30px;
	padding: 0;
	background-color: rgba(142, 14, 20, .45);
	vertical-align: middle;
}

.category-container-notify fieldset {
	padding: 0 1% .87569rem;
	border: 1px solid rgba(142, 14, 20, .475)
}

/**
[CONTENTS DISPLAY]
*/
.contents-validity-black {
	display: inline-block;
	background-image: url(../imagesAssets/pngs-images/clock-blk-16.png);
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 18px;
}

.contents-validity-red {
	display: inline-block;
	background-image: url(../imagesAssets/pngs-images/clock-red-16.png);
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 18px;
}

.contents-validity-green {
	display: inline-block;
	background-image: url(../imagesAssets/pngs-images/clock-green-16.png);
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 18px;
}

.contents-distance-radius {
	display: inline-block;
	background-image: url(../imagesAssets/pngs-images/distance-icon-gray.png);
	background-position: left center;
	background-repeat: no-repeat;
	color: rgba(64, 64, 64, 1);
	padding-left: 18px;
}

/**
[MAIN CONTENTS WRAPPER]
*/
.contents-container-wrapper {
	width: 100% !important;
	margin: auto auto 1%;
	font-size: 1.125rem;
	overflow: hidden;
}

.contents-container-wrapper-more {
	border-bottom: 1px solid #a97c50;
	margin-top: 2%;
	text-align: center;
	font-size: 1.025rem;
}

.contents-container-wrapper-more span {
	/* background-image: url(../imagesAssets/pngs-images/load-more-wht.png);
	background-position: 5% center;
	background-repeat: no-repeat; */
	display: inline-block;
	text-align: center;
	padding: .425rem 1.95rem;
	background-color: rgba(169, 124, 80, 1);
	border: 1px solid #a97c50;
	border-bottom: none;
	color: white
}

.contents-container-wrapper .contents-grouping {
	display: inline-block;
	vertical-align: top;
	margin: .5%;
	min-width: 240px;
	max-width: 24%;
}

.contents-container-wrapper .contents-grouping .contents-grouping-title {
	font-size: 1.3rem;
	color: white;
	text-align: left;
	margin-bottom: 8px;
	padding: .35rem .75rem;
	background-color: rgba(169, 124, 80, 1);
}

.contents-container-wrapper .contents-grouping .contents-grouping-info,
.advert-canvas .contents-grouping-info {
	text-align: left;
	margin: 3px 0;
	padding: .35rem;
	color: #838383;
	font-size: 0.8725rem
}

.contents-container-wrapper .contents-grouping .contents-grouping-image {
	border: 1px solid rgba(0, 0, 0, .125);
	background-color: rgba(0, 0, 0, .0125);
	position: relative;
	cursor: pointer;
	transition: .6s;
}

.contents-container-wrapper .contents-grouping .contents-grouping-image img {
	width: 90%;
	margin: 2% 5%;
}

.contents-container-wrapper .contents-grouping .contents-grouping-image:hover {
	box-shadow: 0px 0px 10px #000;
}

.contents-container-wrapper .contents-grouping .contents-grouping-info {
	background-color: rgba(169, 124, 80, .1);
}

span.new-insertion-overlay {
	background-image: url(../imagesAssets/pngs-images/overlay-status-icon--.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -7px;
	right: -7px;
	width: 96px;
	height: 96px
}

/**
[STORES CONTAINER WRAPPER]
*/
.stores-container-wrapper .preferences-stores-selection-body,
.stores-container-wrapper .stores-selection-body-wrapper {
	height: auto;
	margin: 2% 0
}

.preferences-stores-selection-body .stores-body-contents,
.stores-selection-body-wrapper .stores-body-contents {
	margin: .25% 0 1%;
}

.preferences-stores-selection-body .stores-body-contents .header,
.stores-selection-body-wrapper .stores-body-contents .header {
	margin-left: .5%;
	color: teal;
	font-size: 1.125rem;
	font-weight: bold
}

.preferences-stores-selection-body .content-empty,
.stores-selection-body-wrapper .content-empty {
	margin: 1% 0 0;
	font-size: 1rem;
}

.preferences-stores-selection-body .stores-body-contents legend,
.stores-selection-body-wrapper .stores-body-contents legend {
	padding-bottom: 0.5%;
}

.preferences-stores-selection-body .stores-body-contents fieldset,
.stores-selection-body-wrapper .stores-body-contents fieldset {
	padding: 0 1% .87569rem;
	border: 1px solid rgba(142, 14, 20, .475)
}

.preferences-stores-selection-body .stores-body-contents fieldset span,
.stores-selection-body-wrapper .stores-body-contents fieldset span {
	font-size: 0.987rem;
}

.stores-container-wrapper .category-container,
.stores-container-wrapper .stores-container {
	display: inline-block;
	margin: .25%;
	vertical-align: top;
	min-width: 156px;
	border: 1px solid rgba(0, 128, 128, .8);
	text-overflow: ellipsis;
	-webkit-transition: .6s;
	transition: .6s;
}

.stores-container-wrapper .category-container:hover {
	cursor: pointer;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: .6s;
	transition: .6s;
}

.category-container-suggest {
	width: inherit;
	height: auto;
	display: block;
	margin: 1% auto;
	font-size: 1rem;
	color: #838383
}

.category-container-suggest p {
	color: rgba(255, 0, 0, .85)
}

.category-container-suggest p span#note-header {
	display: inline-block;
	width: 15px;
	text-align: right;
	padding-right: 2px;
	vertical-align: top;
}

.category-container-suggest p span#note-description {
	display: inline-block;
	width: calc(100% - 22px);
	text-align: left;
}

.sign-in-or-sign-up:hover {
	color: rgba(0, 0, 0, .85)
}

.category-container-suggest fieldset {
	font-size: 1rem;
	font-weight: normal;
	padding: 10px;
	margin: 15px 0
}

.category-container-suggest fieldset legend {
	margin: 0 .425rem;
	padding: 0 .325rem;
}

.category-container-suggest span.email-inputt {
	display: block;
	width: 60%;
	margin: 0 5px;
	font-size: 0.88658rem
}

.category-container-suggest input.preferences-user-email {
	height: 35px;
	width: 70%;
	display: block;
	margin: 5px 0 2px;
	padding: 5px 30px 1px 35px;
	font-size: 1.015rem
}

.category-container-suggest input[type='button'] {
	height: 35px;
	width: auto;
	display: inline-block;
	padding: 5px 20px;
	font-size: 1.125rem;
	line-height: 1.125rem
}

.category-changes-response {
	height: 35px;
	width: auto;
	display: inline-block;
	font-size: 1.0125rem;
	line-height: 1.0125rem
}

.category-changes-response img {
	margin-right: 3px
}

/**
[CALL OUT]
*/
.asr-callout {
	font-family: 'News Gothic', 'Century Gothic', 'Helvetica New', tahoma, verdana, Helvetica, Arial, sans-serif;
	position: fixed;
	bottom: 35px;
	right: 20px;
	margin-left: 20px;
	width: 400px;
	z-index: 1002
}

.asr-callout-header {
	padding: 15px;
	background-color: #555;
	font-size: 30px;
	color: white;
}

.asr-callout-container {
	padding: 15px 20px;
	background-color: white;
	color: black;
	font-size: .987rem;
}

.asr-callout-container p {
	padding: 5px 0;
}

.asr-closebtn {
	position: absolute;
	top: 0px;
	right: 10px;
	color: white;
	font-size: 30px;
	cursor: pointer;
}

.asr-closebtn:hover {
	color: lightgrey;
}

/**
[FEEDBACK CONTROL]
*/
.feedback-div-holder {
	position: fixed;
	bottom: 30%;
	right: 100%;
	width: 30%;
	min-width: 500px;
	height: auto;
	padding: 1px 2px;
	z-index: 2000;
	background-color: rgba(169, 124, 80, 1);
	font-family: 'NewsGothicBTWebCond', 'News Gothic', 'Century Gothic', verdana, tahoma;
}

.feedback-div-holder div#response-msg-con {
	margin: 2px auto 5px;
	padding: 8px 8px 8px 30px;
	text-align: center;
	background-color: rgba(255, 255, 255, .85);
	border-radius: 3px;
}

#feedback-handle-icon {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 36px;
	height: 36px;
	margin-left: 1px;
	transition: .6s;
}

#feedback-handle-icon:hover {
	opacity: .5
}

#feedback-handle-icon span {
	display: block;
	margin: 2px
}

#facebook-handle-icon {
	background: url(../imagesAssets/pngs-images/fb-messager.png) no-repeat center center;
	position: absolute;
	top: 38px;
	left: 100%;
	width: 36px;
	height: 36px;
	margin-left: 1px;
	transition: .6s;
}

#facebook-handle-icon:hover {
	opacity: .5
}

#whatsapp-handle-icon {
	background: url(../imagesAssets/pngs-images/whatsapp.png) no-repeat center center;
	position: absolute;
	top: 75px;
	left: 100%;
	width: 36px;
	height: 36px;
	margin-left: 1px;
	transition: .6s;
}

#whatsapp-handle-icon:hover {
	opacity: .5
}

.feedback-div-holder .main-contact-body-form-wrapper {
	padding: .35647rem;
}

.feedback-div-holder .main-contact-body-form-wrapper .button-container {
	display: inline-block;
	width: 30%;
	text-align: right
}

.feedback-div-holder .main-contact-body-form-wrapper .contact-container {
	width: 98%;
	margin: .5%;
	padding: 1px;
	background-color: rgba(0, 124, 124, .2549);
	border: var(--border-teal-thinned)
}

.feedback-div-holder .main-contact-body-form-wrapper .contact-container textarea {
	resize: none
}

.main-contact-body-form-wrapper {
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: white;
	color: rgba(0, 128, 128, .82549)
}

.main-contact-body-form-wrapper .contact-container {
	width: 98%;
	margin: 1%;
	padding: 0.25%;
	background-color: rgba(0, 124, 124, .2549);
	border: var(--border-teal-thinned)
}

.main-contact-body-form-wrapper #contact-message {
	height: 50% !important
}

.main-contact-body-form-wrapper .contact-container input[type='text'] {
	display: inline-block;
	width: 68%;
	height: 100%;
	padding: .38985rem .7587rem;
	font-size: .98658rem;
	font-weight: 600;
	margin-left: 2%;
	border: var(--bd-tl-tty-fv)
}

.main-contact-body-form-wrapper .contact-container textarea {
	color: rgba(131, 131, 131, 1);
	display: inline-block;
	font-size: 0.95rem;
	padding: 1%;
	width: 68%;
	max-width: 68%;
	min-width: 68%;
	height: 100px;
	margin-left: 2%;
	border: var(--bd-tl-tty-fv)
}

.main-contact-body-form-wrapper .contact-container select {
	display: inline-block;
	font-size: 0.95rem;
	padding: 1%;
	width: 68%;
	max-width: 68%;
	height: auto;
	margin-left: 2%;
	border: var(--bd-tl-tty-fv)
}

.main-contact-body-form-wrapper .contact-container label {
	font-size: 1.0175rem;
	display: inline-block;
	width: 30%;
	height: 100%;
	padding: 0 1%
}

.contact-controls {
	margin: 5px auto;
	width: auto;
	height: auto;
}

.contact-controls span#button-container {
	display: inline-block;
	width: 30%;
	text-align: right
}

.contact-controls span#button-container label#val-ctrl {
	display: inline-block;
	font-size: 1.01255rem;
}

/**
[PREFERENCE PAGE]
*/
.choose-location {
	font-family: "Century Gothic", Helvetica, sans-serif;
	width: inherit !important;
	color: #4f4a4a;
	margin: 1% auto 0;
	height: auto;
	display: block
}

.choose-location span.location-img-svg {
	display: inline-block;
	height: auto;
	width: auto
}

.choose-location span.location-img-svg-text {
	display: inline-block;
	height: auto;
	width: calc(100% - 40px);
	vertical-align: baseline;
	margin: 1% 0 0.5% auto;
	font-size: 1.2rem
}

.location-current-usage {
	background-image: url(../imagesAssets/pngs-images/location-icon15.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	display: block;
	margin: .5% 0.25%;
	font-size: 0.9856rem;
	padding-left: 12px
}

.location-current-usage .current-location-contents {
	color: teal
}

.choose-location-county,
.choose-stores-category {
	width: 60%;
	height: 40px;
}

.choose-location-county span.location-selector {
	height: 100%;
	margin: auto;
	width: 40%;
	margin-left: -1%;
	vertical-align: top
}

.choose-location-county span.location-update {
	margin: auto;
	margin-left: 1%;
	vertical-align: middle;
	padding: 1px 0 6px
}

.choose-location-county select,
.choose-stores-category select {
	padding: 1px 10px;
	color: teal;
	height: 100%;
	margin: auto;
	width: 100%;
	max-width: 350px;
	font-size: 1.2rem
}

.choose-location-county select option,
.choose-stores-category select option {
	padding: 10px;
	color: teal;
}

.choose-stores-category select option[disabled] {
	color: #4d4d4d;
}

.choose-location-county input.location-text {
	height: 100%;
	width: 52%;
	display: inline-block;
	margin: auto;
	padding: 5px 30px 1px 35px;
	font-size: 1.2rem
}

/**
[PREFERENCES PAGE]
*/
.preferences-overview-container-wrapper {
	font-family: 'News Gothic', 'Century Gothic', Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
	height: auto;
	color: rgba(0, 0, 0, .79125);
}

.offers-overview-container {
	display: inline-block;
	position: relative;
	width: 60%;
	height: auto;
	min-height: 400px;
	overflow: auto;
	text-align: left;
	vertical-align: top;
	background-color: rgba(142, 14, 20, .1);
	border: 1px solid rgba(0, 128, 128, .125);
}

.offers-overview-contents-container {
	display: inline-block;
	width: 39%;
	height: auto;
	min-height: 300px;
	overflow: auto;
	text-align: center;
	padding: 0 1%;
}

.offers-overview-container select#pages-selector {
	border: 1px solid rgba(0, 128, 128, .85);
	width: auto;
	text-align-last: center;
	padding: 0 .625rem
}

.offers-overview-container div span.entity {
	width: 22%;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 .325rem;
}

.offers-overview-container div span.type {
	width: 12%;
	text-align: center;
}

.offers-overview-container div span.pg {
	width: 24%;
	text-align: center;
}

.offers-overview-container div span.pg a {
	color: white;
	text-decoration: none
}

.offers-overview-container div span.pg a:hover {
	text-decoration: underline
}

.offers-overview-container div span.date {
	width: 15%;
	text-align: left;
	font-size: .875rem;
	vertical-align: middle
}

.offers-overview-container div span.status,
.offers-overview-container div span.modify {
	width: 4%;
	text-align: center;
	vertical-align: middle
}

.offers-overview-contents-container .fav-container {
	text-align: left;
}

.offers-overview-contents-container .fav-container .contents-grouping-title {
	font-size: 1rem;
	color: #fff;
	text-align: left;
	margin-bottom: 5px;
	padding: .35rem .75rem;
	background-color: rgba(169, 124, 80, 1);
}

.offers-overview-contents-container .contents-grouping {
	display: inline-block;
	vertical-align: top;
	margin: .5%;
	max-width: 125px;
}

.offers-overview-contents-container .contents-grouping-image img {
	width: 100%;
	margin: 2% auto;
}

.fav-container h3 {
	border-bottom: 1px solid rgba(169, 124, 80, 1);
}

/*
[SAVED SEARCHED/OFFERS HYBRID]
*/
.overview-container-header {
	display: block;
	font-size: 1.0125rem;
	line-height: 1.0125rem;
	font-weight: 600;
	margin: auto;
	text-align: left;
	height: auto;
	background-color: rgba(0, 0, 0, .35);
	border-bottom: 1px solid rgba(0, 128, 128, .125);
	padding: 0.7535rem
}

.overview-container-sub-header {
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	color: rgba(0, 0, 0, 1);
	padding: 0.325rem 0rem
}

.offers-overview-container div:nth-last-child(2),
.searches-overview-container div:nth-last-child(2) {
	border-bottom: 1px solid white
}

.offers-overview-container div:last-child:not(.view-leaflets-option),
.searches-overview-container div:last-child:not(.view-leaflets-option) {
	margin-bottom: 10px
}

.offers-overview-container div span,
.searches-overview-container div span {
	display: inline-block;
	margin-left: .5%;

}

.offers-overview-container #saved-overview-leaflet,
.searches-overview-container #saved-overview-leaflet {
	display: block;
	color: rgba(0, 128, 128, 0.875);
	font-size: 1rem;
	border-bottom: 1px solid rgba(0, 128, 128, .125);
	padding: 0.245rem 0 0.145rem
}

.offers-overview-container #saved-overview-leaflet a,
.searches-overview-container #saved-overview-leaflet a {
	color: inherit;
}

.offers-overview-container .view-leaflets-option,
.searches-overview-container .view-leaflets-option {
	padding: 0.435rem;
	text-align: center;
	position: absolute;
	bottom: 2px;
	font-size: 1.0125rem;
	width: 100%
}

.view-leaflets-option a {
	color: inherit;
	text-decoration: none
}

.view-leaflets-option a:hover {
	text-decoration: underline
}

.fav-container .contents-grouping-image {
	cursor: pointer;
	transition: .6s;
}

.fav-container .contents-grouping-image img:hover {
	box-shadow: 0px 0px 10px #000;
}

/*
[SAVED SEARCHES]
*/
.searches-overview-container {
	display: inline-block;
	position: relative;
	width: calc(99% - 355px);
	height: auto;
	min-height: 500px;
	overflow-y: auto;
	text-align: left;
	vertical-align: top;
	background-color: rgba(142, 14, 20, .1);
	border: 1px solid rgba(0, 128, 128, .125);
}

.searches-overview-container div span {
	vertical-align: middle;
}

.searches-overview-container div span.entity {
	width: 35%;
	font-weight: normal;
	text-align: left;
}

.searches-overview-container div span.type {
	width: 23%;
	text-align: center;
}

.searches-overview-container div span.pg {
	width: 12%;
	text-align: center;
}

.searches-overview-container div span.pg select {
	border: 1px solid rgba(0, 128, 128, .35);
}

.searches-overview-container div span.date {
	width: 20%;
	text-align: left;
}

.searches-overview-container div span.reset,
.searches-overview-container div span.view,
.searches-overview-container div span.modify {
	width: 2%;
	text-align: center;
}

.searches-overview-contents-container {
	display: inline-block;
	width: 350px;
	height: auto;
	min-height: 500px;
	overflow: hidden;
	margin-left: 1%;
	text-align: center;
}

.searches-overview-contents-container .fav-container {
	width: 100%;
	height: auto;
}

.searches-overview-contents-container .searched-contents {
	position: relative;
	width: 100%;
	height: 500px;
	border: 2px solid #4f4a4a;
	overflow: hidden;
}

.searches-overview-contents-container .contents-grouping-reset {
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 30px;
	border: 1px solid white;
	background-color: rgba(169, 124, 80, 1);
	cursor: pointer;
}

.searches-overview-contents-container .contents-grouping {
	width: 100%;
	height: 100%;
	left: 0%;
	position: absolute;
	box-shadow: 0px 0px 7px 7px white;
}

.searches-overview-contents-container .contents-grouping-title {
	font-size: 1.0125rem;
	color: #fff;
	text-align: left;
	height: 30px;
	padding: .35rem .75rem;
	background-color: rgba(169, 124, 80, 1);
	transition: .6s
}

.searches-overview-contents-container .contents-grouping-title:hover {
	box-shadow: 0px 0px 5px #000;
	cursor: pointer;
}

.searches-overview-contents-container .contents-grouping-image img {
	width: 100%;
}

/**
[PREFERENCES OVERVIEW HEADER]
*/
.overview-main-header {
	display: block;
	font-size: 1.125rem;
	font-weight: 500;
	margin: 0;
	text-align: center;
	height: auto
}

.overview-main-header span {
	display: block
}

.overview-main-header span:last-child {
	font-size: 1.125rem;
	line-height: 1.125rem;
	margin: 8% 0
}

/*
[MANAGED SAVED DATA]
[DATA CONTROL]
*/
.data-control-overview-container {
	display: block;
	width: 100%;
	height: auto;
	min-height: 200px;
	overflow: hidden;
	text-align: left;
	font-size: 1.105rem;
	color: #838383;
}

.data-control-overview-container span#miscy-container-option {
	display: none;
}

.data-control-container-header {
	display: block;
	margin: 0.5% 0 1.5%
}

.data-control-container-users {
	display: inline-block;
	vertical-align: top;
	width: 42%;
	margin-right: .5%;
	min-height: 100%
}

.data-control-container-users ul.account-modification li {
	padding: .25rem .120rem;
	margin: 5px 0 3px;
	font-size: .9756rem;
	border-bottom: .1rem solid rgba(0, 0, 0, .5);
	background-color: rgba(255, 230, 128, .275)
}

.data-control-container-users ul.account-modification form {
	display: inline-block;
	width: 100%
}

.data-control-container-users ul.account-modification .li-append {
	display: inline-block;
	width: 100%;
	font-size: 0.958rem;
	color: teal;
	padding: 0.25%;
	margin: 3px 0 0;
	background-color: #d0d8d8;
}

.data-control-container-users ul.account-modification .li-append img {
	padding: 1px;
	margin: 0 0.5% -3px;
	border: 1px solid #a97c50;
	cursor: pointer
}

.data-control-container-users ul.account-modification .li-append label:not(.pass-option) {
	display: inline-block;
	width: 30%;
	text-align: right;
	text-transform: capitalize
}

.data-control-container-users ul.account-modification .li-append label.pass-option {
	display: inline-block;
	margin: 1% 0.25% 0;
	cursor: pointer;
	height: 15px;
	width: 15px
}

.data-control-container-users ul.account-modification .li-append input,
.data-control-container-users ul.account-modification .li-append select {
	display: inline-block;
	width: 58%;
	margin: 2px 1%;
	height: auto;
	color: inherit;
	padding: .3rem .5rem .3rem;
	font-size: 0.98569rem;
	font-weight: 600
}

.data-control-container-users ul.account-modification li span.title-label {
	display: inline-block;
	width: 38%
}

.data-control-container-users ul.account-modification li span#setting-text {
	font-weight: 600;
	min-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.data-control-container-users ul.account-modification li span#setting-text-no-res {
	font-weight: 600
}

.data-control-container-users ul.account-modification li span.title-img {
	display: inline-block;
	min-width: 20px;
	width: auto;
	min-height: 20px;
	line-height: 20px;
	margin-right: 5px
}

.data-control-container-users ul.account-modification li span.account-navigation {
	color: teal;
	font-size: 0.88rem;
	text-decoration: underline;
	margin-left: 10px
}

.data-control-container-users .feedback-container {
	font-size: .96rem
}

.data-control-container-users .feedback-container span:not(#report):not(.loader-teal-white) {
	display: inline-block;
	background-color: #496b6d;
	padding: 5px;
	color: #fff;
}

.data-control-container-users .feedback-container span#report {
	display: inline-block;
	color: #838383;
	line-height: .96rem;
	margin-left: 5px
}

.data-control-container-users .feedback-container textarea#instant_query {
	border: 1px solid #496b6d;
	padding: 5px 5px 5px;
	color: teal;
	width: 99%
}

/*
[COOKIES MANAGEMENT]
*/
.data-control-container-cookies {
	display: inline-block;
	vertical-align: top;
	width: 57%;
	height: 100%;
	padding-left: 1%;
	border-left: 1px solid rgba(0, 0, 0, .245)
}

.privacy-cookies-main-container {
	display: block;
	width: 100%;
	font-size: 1rem;
	height: auto;
}

/*
HEADINGS I.E. CONTENTS LINKS ABOVE 480px
*/
.privacy-cookies-headers-sub {
	display: none;
	width: 100%;
	height: auto;
}

.privacy-cookies-headers-sub ul.privacy-modification {
	width: 98%;
	padding: 0;
	color: white
}

.privacy-cookies-headers-sub ul.privacy-modification li {
	text-align: center;
	margin: 0 2px 2px 0;
	font-size: 2rem;
	line-height: 30px;
	height: 35px;
	width: 35px;
	border: 1px solid rgba(0, 179, 179, 1);
	border-radius: 3px;
	float: left;
	background-color: rgba(0, 179, 179, 1);
	cursor: pointer;
}

.privacy-cookies-headers-sub ul.privacy-modification li.active {
	width: auto;
	font-size: 1.125rem;
	padding: 0 .75rem;
	border: 1px solid rgba(0, 0, 0, .35);
	background-color: white;
	color: #6d6d6d;
	cursor: default;
}

.privacy-cookies-headers-sub ul.cookies-modification {
	display: none;
	color: white
}

.privacy-cookies-headers-sub ul.cookies-modification li {
	text-align: center;
	margin: 0 2px 2px 0;
	font-size: 2rem;
	line-height: 30px;
	height: 35px;
	width: 35px;
	border: 1px solid rgba(0, 179, 179, 1);
	border-radius: 3px;
	float: left;
	background-color: rgba(0, 179, 179, 1);
	cursor: pointer;
}

.privacy-cookies-headers-sub ul.cookies-modification li.active {
	width: auto;
	font-size: 1.125rem;
	padding: 0 .45rem;
	color: #6d6d6d;
	border: 1px solid rgba(0, 0, 0, .35);
	background-color: white;
	cursor: default;
	margin-right: 2px
}

.privacy-cookies-container {
	display: block;
	width: 100%;
	height: auto;
	background-color: white;
	margin: -1px 0 0
}

.privacy-border {
	border: 1px solid rgba(153, 153, 153, 0.75);
}

.privacy-border-teal {
	border: 1px solid rgba(0, 179, 179, 1);
}

.privacy-cookies-container .privacy-cookies-contents {
	width: auto;
	height: auto;
	min-height: 300px;
	padding: .75rem
}

.privacy-cookies-container .privacy-cookies-contents h4 {
	width: 100%;
	border-bottom: 1px solid #838383;
	padding: 0 0 .527rem;
}

.privacy-cookies-container .privacy-cookies-contents p {
	width: 100%;
	color: #838383;
	line-height: 1.3;
	margin: 0 0 12px;
	text-align: justify
}

.privacy-cookies-container .privacy-cookies-contents a:hover {
	color: red
}

.privacy-cookies-container .privacy-cookies-contents p span:not(#browser-sub-list) {
	display: block;
	color: #6d6d6d;
	font-size: 0.825rem;
	margin: 0 0 2px;
}

.privacy-cookies-container .privacy-cookies-contents span#browser-sub-list {
	display: inline-block;
}

.privacy-cookies-controller {
	position: relative;
	width: auto;
	margin: 0;
	text-align: right
}

.privacy-cookies-controller input[type='button'] {
	display: inline-block;
	min-width: 150px;
}

.privacy-cookies-controller .loader {
	position: absolute;
	top: 8px;
	right: 80px;
	width: 25px;
	height: 25px
}

.data-control-container-contents-error {
	display: block;
	color: red;
	margin: 25% 0 10px;
	text-align: center
}

.data-control-container-contents-error span {
	display: block;
	color: #838383;
	font-size: 0.9825rem;
	margin-top: 8px
}

.contents-holder-container {
	position: absolute;
	width: 100%;
	height: calc(100% - 120px);
	top: 120px;
	overflow-y: auto;
}

.third-party-container {
	width: 80%;
	height: auto;
	margin: 3% auto;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 5px;
}

.third-party-card {
	margin: 0;
}

.third-party-card-header {
	font-size: larger;
	padding: 3%;
	background-color: rgba(0, 0, 0, .15);
	border-bottom: 1px solid rgba(0, 0, 0, .35);
}

.third-party-card-body {
	font-size: large;
	padding: 3%;
}

.third-party-card-body img {
	width: 100px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 3px;
	margin: 5px 0
}

.third-party-card-body div {
	display: inline-block;
	vertical-align: middle;
}

.third-party-card-title {
	font-weight: bold;
}

.third-party-card-body span.btn-primary {
	background-color: rgba(0, 128, 128, .6);
	color: white;
	white-space: normal;
	height: auto;
	padding: .435rem 1.125rem;
	margin: 2px;
	outline: none;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
}

.third-party-card-body span.btn-primary a {
	text-decoration: none;
	color: inherit;
}

.third-party-footer-copyright {
	position: absolute;
	width: 100%;
	bottom: 2px;
	padding: 10px;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, .5);
}

.third-party-footer-copyright span {
	display: inline-block;
	margin: 0 2px;
}