:root {

	/***** COLORS *****/

	/* Teal */
	--teal-100: #A8EFFA;
	--teal-200: #54C1D2;
	--teal-300: #1BA4AD;
	--teal-400: #008091;
	--teal-500: #165A73;

	/* Orange */
	--orange-100: #FFECD1;
	--orange-200: #FCBF6C;
	--orange-300: #FFA427;
	--orange-400: #F66A00;
	--orange-500: #D14900;

	/* Purple */
	--purple-100: #F4EBFD;
	--purple-200: #C6A5E6;
	--purple-300: #9D7CBE;
	--purple-400: #7F5CA2;
	--purple-500: #412860;

	/* Grey */
	--grey-100: #F8F8F8;
	--grey-200: #DDDDDD;
	--grey-300: #858585;
	--grey-400: #555555;
	--grey-500: #252525;

	/* Black & White */
	--black: #000000;
	--white: #FFFFFF;


	/***** TEXT INFO *****/

	/* Font family */

	--ff-primary: 'Noto Sans', sans-serif;

	/* Font Weight */

	--fw-thin: 100;
	--fw-regular: 300;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-xbold: 800;

	/* Font Sizes */

	--fs-800: 3.875rem;
	--fs-700: 3rem;
	--fs-600: 2.5rem;
	--fs-500: 2rem;
	--fs-400: 1.5rem;
	--fs-300: 1.25rem;
	--fs-200: 1.125rem;
	--fs-100: 1rem;
	--fs-75: 0.875rem;
	--fs-50: 0.75rem;
	--fs-25: 0.625rem;

	/* Line Heights */

	--lh-800: 4.375rem;
	--lh-700: 3.5rem;
	--lh-600: 3rem;
	--lh-500: 2.5rem;
	--lh-400: 2rem;
	--lh-300: 1.75rem;
	--lh-200: 1.625rem;
	--lh-100: 1.5rem;
	--lh-75: 1.375rem;
	--lh-50: 1.25rem;
	--lh-25: 1.125rem;

	/* Mobile Font Declarations */

	--fs-xl-h1: var(--fs-700);
	--fs-h1: var(--fs-600);
	--fs-h2: var(--fs-400);
	--fs-h3: var(--fs-400);
	--fs-h4: var(--fs-300);
	--fs-h5: var(--fs-200);
	--fs-h6: var(--fs-100);
	--fs-p: var(--fs-75);
	--fs-s: var(--fs-50);
	--fs-xs: var(--fs-25);
	--fs-button: var(--fs-100);
	--fs-body: var(--fs-100);

	--lh-xl-h1: var(--lh-700);
	--lh-h1: var(--lh-600);
	--lh-h2: var(--lh-500);
	--lh-h3: var(--lh-400);
	--lh-h4: var(--lh-300);
	--lh-h5: var(--lh-200);
	--lh-h6: var(--lh-100);
	--lh-p: var(--lh-75);
	--lh-s: var(--lh-50);
	--lh-xs: var(--lh-25);
	--lh-button: var(--lh-100);
	--lh-body: var(--lh-100);

}

@media (min-width: 51.875em) {

	/* Desktop Font Declarations */

	:root {

		--fs-xl-h1: var(--fs-800);
		--fs-h1: var(--fs-700);
		--fs-h2: var(--fs-600);
		--fs-h3: var(--fs-500);
		--fs-h4: var(--fs-400);
		--fs-h5: var(--fs-300);
		--fs-h6: var(--fs-200);
		--fs-p: var(--fs-100);
		--fs-s: var(--fs-50);
		--fs-xs: var(--fs-25);
		--fs-button: var(--fs-100);
		--fs-body: var(--fs-100);

		--lh-xl-h1: var(--lh-800);
		--lh-h1: var(--lh-700);
		--lh-h2: var(--lh-600);
		--lh-h3: var(--lh-500);
		--lh-h4: var(--lh-400);
		--lh-h5: var(--lh-300);
		--lh-h6: var(--lh-200);
		--lh-p: var(--lh-100);
		--lh-s: var(--lh-50);
		--lh-xs: var(--lh-25);
		--lh-button: var(--lh-100);
		--lh-body: var(--lh-100);

	}


}


/***** CSS RESET *****/

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default margin */
* {
	margin: 0;
	padding: 0;
	font: inherit;
	font-family: var(--ff-primary) !important;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
	font-family: "Font Awesome 5 Free" !important;
}

/* Set core root defaults */
html:focus-within {
	scroll-behavior: smooth;
}

html,
body {
	height: 100%;
}

/* Set core body defaults */
body {
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}


/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/***** UTILITY CLASSES *****/

/* Color Classes */

.white {
	color: var(--white)
}

.black {
	color: var(--black);
}

/*TEAL*/

.teal-100 {
	color: var(--teal-100);
}

.teal-200 {
	color: var(--teal-200);
}

.teal-300 {
	color: var(--teal-300);
}

.teal-400 {
	color: var(--teal-400);
}

.teal-500 {
	color: var(--teal-500);
}

/*ORANGE*/

.orange-100 {
	color: var(--orange-100);
}

.orange-200 {
	color: var(--orange-200);
}

.orange-300 {
	color: var(--orange-300);
}

.orange-400 {
	color: var(--orange-400);
}

.orange-500 {
	color: var(--orange-500);
}

/*PURPLE*/

.purple-100 {
	color: var(--purple-100);
}

.purple-200 {
	color: var(--purple-200);
}

.purple-300 {
	color: var(--purple-300);
}

.purple-400 {
	color: var(--purple-400);
}

.purple-500 {
	color: var(--purple-500);
}

/*GREY*/

.grey-100 {
	color: var(--grey-100);
}

.grey-200 {
	color: var(--grey-200);
}

.grey-300 {
	color: var(--grey-300);
}

.grey-400 {
	color: var(--grey-400);
}

.grey-500 {
	color: var(--grey-500);
}


/* Font Weight Classes */

.fw-thin {
	font-weight: var(--fw-thin);
}

.fw-regular {
	font-weight: var(--fw-regular);
}

.fw-medium {
	font-weight: var(--fw-medium);
}

.fw-semibold {
	font-weight: var(--fw-semibold);
}

.fw-bold {
	font-weight: var(--fw-bold);
}

.fw-xbold {
	font-weight: var(--fw-xbold);
}

/* Text align */

.la {
	text-align: left;
}

.ra {
	text-align: right;
}

.ca {
	text-align: center;
}

/* Container Styling */

.rb-container {
	/*max-width: 1160px;*/
	width: min(1160px, 90%);
	margin-inline: auto;
}

.header .container {
	padding-left: 0 !important;
	width: min(1160px, 90%) !important;
	margin-inline: auto !important;
	padding-right: 0 !important;
}

/* Grid Styling */

.center {
	text-align: center;
}

.rb-grid {
	display: grid;
	grid-template-columns: 1fr;
}

/* Button Styling */

.button {
	font-size: 0.875rem !important;
	padding: 15px 30px;
	border-radius: 30px !important;
	font-weight: var(--fw-bold) !important;

}

.buttonPrimary {
	background: var(--white);
	border: 2px solid var(--teal-500);
	box-shadow: 2px 4px 0px var(--teal-500);
	color: var(--teal-500);
}

.buttonPrimary:hover {
	background: var(--teal-500);
	border: 2px solid var(--teal-500);
	box-shadow: 2px 4px 0px #165A734D;
	color: var(--white);
}

.buttonSecondary {
	background: var(--white);
	border: 2px solid var(--orange-300);
	box-shadow: 2px 4px 0px var(--orange-300);
	color: var(--grey-500);
}

.buttonSecondary:hover {
	background: var(--orange-300);
	border: 2px solid var(--orange-300);
	box-shadow: 2px 4px 0px #FFA4274D;
	color: var(--white);
}

.buttonTertiary {
	background: var(--orange-300);
	border: 2px solid var(--orange-300);
	box-shadow: 2px 4px 0px var(--grey-500);
	color: var(--grey-500);
}

.buttonTertiary:hover {
	background: none;
	border: 2px solid var(--white);
	box-shadow: none;
	color: var(--white);
}

.buttonInfo-light {
	padding: 15px 35px 15px 70px;
	width: auto;
	border-radius: 40px;
	background: none;
	background-image: url('public/EROP/RB/info-button-slider-erop.svg');
	background-position: -323.5px 0px;
	background-size: 375px;
	background-repeat: no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	animation-timing-function: ease-in;
	text-decoration: none;
	border: none;
	font-size: var(--fs-75);
	font-weight: var(--fw-semibold);
	margin: auto;
	display: inline-block;
	position: relative;
	color: var(--grey-500);
}

.buttonInfo-light:hover {
	background-position: 100%;
	color: white;
	padding-left: 65px;
}

.buttonInfo-light::before {
	content: url('public/EROP/RB/arrow.svg');
	position: absolute;
	top: 13px;
	left: 12px;
}


.buttonInfo-dark {
	color: white;
	padding: 15px 35px 15px 70px;
	width: auto;
	border-radius: 40px;
	background: none;
	background-image: url('public/EROP/RB/info-button-slider-white.svg');
	background-position: -323.5px 0px;
	background-size: 375px;
	background-repeat: no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	animation-timing-function: ease-in;
	border: none;
	font-size: var(--fs-75);
	font-weight: var(--fw-semibold);
	margin: auto;
	display: inline-block;
	position: relative;
	text-decoration: underline;
}

.buttonInfo-dark:hover {
	background-position: 100%;
	color: var(--grey-500);
	padding-left: 65px;
}

.buttonInfo-dark::before {
	content: url('public/EROP/RB/arrow-black.svg');
	fill: #252525;
	position: absolute;
	top: 13px;
	left: 12px;
}

.buttonInfo-orange {
	padding: 0px 0px 0px 35px;
	width: auto;
	height: 25px;
	border-radius: 40px;
	background: none;

	background-position: -323.5px 0px;
	background-size: 375px;
	background-repeat: no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	animation-timing-function: ease-in;
	border: none;
	font-size: var(--fs-75);
	font-weight: var(--fw-semibold);
	margin: auto;
	display: inline-block;
	position: relative;
	text-decoration: underline;
	color: var(--orange-500);
	cursor: pointer;
	font-weight 300;
}

.buttonInfo-orange::before {
	content: url('public/EROP/RB/red-arrow.svg');
	position: absolute;
	top: -1px;
	left: 0px;
}

.buttonInfo-small {
	padding: 0px 0px 0px 35px;
	width: auto;
	height: 25px;
	border-radius: 40px;
	background: none;

	background-position: -323.5px 0px;
	background-size: 375px;
	background-repeat: no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	animation-timing-function: ease-in;
	border: none;
	font-size: var(--fs-75);
	font-weight: var(--fw-semibold);
	margin: auto;
	display: inline-block;
	position: relative;
	text-decoration: underline;
	color: var(--white);
}


.buttonInfo-small::before {
	content: url('public/EROP/RB/white-arrow-small.svg');
	position: absolute;
	top: -3px;
	left: 0px;
}

.buttonInfoPrivacy-dark {
	border-radius: 10px;
	background-color: #185B74;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	padding: 5px 15px;
	width: 350px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.buttonInfoPrivacy-dark span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.buttonInfoPrivacy-dark span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.buttonInfoPrivacy-dark:hover span {
	padding-right: 25px;
}

.buttonInfoPrivacy-dark:hover span:after {
	opacity: 1;
	right: 0;
}


/* Text Classes */

.xl-h1 {
	font-size: var(--fs-xl-h1);
	line-height: var(--lh-xl-h1);
	margin-bottom: 30px;

}

.h1 {
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	margin-bottom: 30px;
}

.h2 {
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
}

.h3 {
	font-size: var(--fs-h3);
	line-height: var(--lh-h3);
	margin-bottom: 20px;

}

.h4 {
	font-size: var(--fs-h4);
	line-height: var(--lh-h4);
	margin-bottom: 20px;

}

.h5 {
	font-size: var(--fs-h5);
	line-height: var(--lh-h5);

}

.h6 {
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);

}

.pg {
	font-size: var(--fs-p);
	line-height: var(--lh-p);

}

.small {
	font-size: var(--fs-s);
	line-height: var(--lh-s);

}

.xsmall {
	font-size: var(--fs-xs);
	line-height: var(--lh-xs);

}

/* Border Classes */

.auth-border {
	border: 2px solid var(--teal-300);
	border-radius: 11px;
}

.auth-dbl-border,
.member-tier-progress .container {
	border: 2px solid var(--teal-300);
	border-radius: 11px;
	box-shadow: 5px 5px 0px var(--teal-300);
}

.web-border {
	border: 2px solid var(--teal-300);
	border-radius: 50px;
}

.web-dbl-border {
	border: 2px solid var(--teal-300);
	border-radius: 50px;
	box-shadow: 5px 5px 0px var(--teal-300);
}

.auth-border-drk {
	border: 2px solid var(--teal-500);
	border-radius: 11px;
}

.auth-dbl-border-drk {
	border: 2px solid var(--teal-500);
	border-radius: 11px;
	box-shadow: 5px 5px 0px var(--teal-500);
}

.web-border-drk {
	border: 2px solid var(--teal-500);
	border-radius: 50px;
}

.web-dbl-border-drk {
	border: 2px solid var(--teal-500);
	border-radius: 50px;
	box-shadow: 5px 5px 0px var(--teal-500);
}

@media (min-width: 51.875em) {

	.auth-border {
		border: 2px solid var(--teal-300);
		border-radius: 25px;
	}

	.auth-dbl-border,
	.member-tier-progress .container {
		border: 2px solid var(--teal-300);
		border-radius: 25px;
		box-shadow: 5px 5px 0px var(--teal-300);
	}

	.web-border {
		border: 2px solid var(--teal-300);
		border-radius: 50px;
	}

	.web-dbl-border {
		border: 2px solid var(--teal-300);
		border-radius: 50px;
		box-shadow: 5px 5px 0px var(--teal-300);
	}

	.auth-border-drk {
		border: 2px solid var(--teal-500);
		border-radius: 25px;
	}

	.auth-dbl-border-drk {
		border: 2px solid var(--teal-500);
		border-radius: 25px;
		box-shadow: 5px 5px 0px var(--teal-500);
	}

	.web-border-drk {
		border: 2px solid var(--teal-500);
		border-radius: 50px;
	}

	.web-dbl-border-drk {
		border: 2px solid var(--teal-500);
		border-radius: 50px;
		box-shadow: 5px 5px 0px var(--teal-500);
	}

}

/* Text highlight */

.highlight::after {
	position: absolute;
	content: "";
	z-index: -1;
	top: 20px;
	left: 0;
	bottom: 0;
	right: 0;
	scale: 1 1.2;
	display: block;
	background-color: #FDA432;
}

.highlight {
	position: relative;
}

/***** GLOBAL STYLING *****/

body {
	font-family: var(--ff-primary);
	font-size: var(--fs-body);
	background-color: var(--white);
	background-image: url(public/EROP/RB/bg/background-auth-2x.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

p {
	margin-bottom: 30px;
}

.rb-main p a {
	color: var(--orange-500);
}

.rb-hero {
	background: var(--teal-500);
	padding: 36px 0px 24px;
}

.rb-hero img {
	max-width: 350px;
}

.rb-main {
	width: 100%;
}

.rb-main section {
	padding-top: 30px;
}

.rb-grid img {
	width: 100%;
	max-width: 550px;
	display: block;
	margin-inline: auto;
}


/* Legacy Overwrites */

.loginForm a {
	color: var(--orange-500);
	text-decoration: underline;
}

.rewardDisplay-sale {
	position: absolute;
	top: 0;
	width: 100%;
	background: var(--orange-300) !important;
	line-height: 30px;
	font-weight: 600;
	left: 0;
	color: var(--grey-500) !important;
}

.rewardDetails-modal-sale-slogan {
	padding: 0.5em;
	color: var(--grey-500);
	background: var(--orange-300);
}

.rewardsView .contentAndLinks-links-link {
	font-size: 0.825rem !important;
}

.rewards-selection-selected:hover {
	background: var(--teal-500) !important;
	color: #fff;
}

.rewards-selection-selected .rewards-selection-selected-check {
	color: var(--teal-500) !important;
}

.rewards-selection-selected .rewards-selection-selected-check:hover {
	color: #fff !important;
}

.rzslider .rz-pointer {
	background-color: var(--teal-500) !important;
}

.rzslider .rz-bar.rz-selection {
	background: var(--teal-500) !important;
}

.rewardDetails-modal-terms p a {
	color: var(--orange-500) !important;
	text-decoration: underline;
}

.modal-content {
	background: #FFFFFFB0 0% 0% no-repeat padding-box;
	border: 2px solid #FFFFFF;
	border-radius: 25px;
	opacity: 1;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.rewardsView .mobileHeader__footerActions>div>* {
	width: 80%;
	margin-inline: auto;
}

.rewardsView .mobileHeader__footerActions {
	right: 30px !important;
}

.widget-profiler-progress-container .radial-progress .radial-progress-background {
	stroke: var(--teal-400) !important;
}

.radial-progress-percentage {
	color: var(--teal-500) !important;
}

.header-accountInfo-account-name {
	color: var(--teal-400) !important;
}

.form-type1 .field-valid {
	color: var(--orange-300) !important;
}

.widget-profiler-profilers-list a.active {
	background: var(--teal-500) !important;
}

.widget-profiler-profilers-list .icon .badge {
	background-color: var(--teal-500) !important;
}

.widget-profiler-profilers-list a.active .icon .badge {
	background-color: var(--white) !important;
}

.header-accountInfo-balance {
	line-height: 53px !important;
	max-width: none !important;
	color: var(--teal-400);
}

.header-accountInfo-balance .header-accountInfo-balance-text {
	font-weight: 700 !important;
}


.header-accountInfo.open .header-accountInfo-account-menu {
	border-top: 5px solid var(--teal-500) !important;
}

.header .header-accountInfo-account-menu a:hover {
	background: var(--teal-500) !important;
	color: #fff;
}

.header .link.active:after {
	content: " ";
	background: var(--teal-500) !important;
}

.contentAndLinks-links-link-active {
	background: var(--teal-500) !important;
	color: #fff;
}

.header-accountInfo-account:hover {
	border-bottom: 5px solid var(--teal-500) !important;
}

.header .header-accountInfo-account-menu a.active {
	background: #fff;
	color: var(--teal-500) !important;
}

.header .header-accountInfo-account-menu a.active:hover {
	color: var(--white) !important;
}

.header .header-accountInfo-account-menu a.active [image],
.header .header-accountInfo-account-menu a.active:hover [image] {
	fill: var(--teal-500) !important;
}

.mobile-chat-container {
	background-color: var(--teal-500) !important;
}

.badge-tier-details {
	display: none;
}

.rewardDisplay-logo {
	height: 124px;
}

.cg-busy-default-sign {
	background-color: var(--teal-500);
}

.top20 .contentAndLinks-content {
	width: 100% !important;
}

.top20 a,
.contentAndLinks-content a {
	color: var(--orange-500) !important;
	text-decoration: underline !important;
}

.header-logo .hideOnMobile {
	max-height: 30.75px !important;
}

@media only screen and (max-width: 830px) {
	.header img {
		max-height: 50px !important;
		position: relative;
		top: 11px;
	}
}

@media only screen and (min-width: 830px) {
	.promo-col2-mobile {
		display: none;
	}

	.header-logo .hideOnMobile {
		margin-top: 22%;
		max-height: 69px !important;
		position: 'relative';
	}
}


.promoFooter {
	display: none;
}


/* Login Page */

input[type=checkbox],
input[type=radio] {

	accent-color: #1BA4AD;

}

.loginForm {
	border: 2px solid var(--teal-300);
	border-radius: 25px;
	box-shadow: 5px 5px 0px var(--teal-300);
	text-align: left;
	width: min(600px, 90%);
	padding: 90px 53px 53px;
}

.loginForm .button-full {
	width: auto;
	padding: 15px 50px;
}

.loginForm .forgotPassword {
	display: inline;
}

.loginForm .image-logo {
	display: block;
}

.image-logo img {
	max-height: 50px;
	margin: auto;
	display: block;
}


/***** AUTH STYLING *****/

.contentAndLinks-container {
	border: 2px solid #1BA4AD;
	border-radius: 11px;
	padding: 20px;
}

.button-medium {
	background: var(--white) !important;
	border: 2px solid var(--teal-500) !important;
	box-shadow: 2px 4px 0px var(--teal-500) !important;
	color: var(--teal-500) !important;
}

.button-medium:hover {
	background: var(--teal-500) !important;
	border: 2px solid var(--teal-500) !important;
	box-shadow: 2px 4px 0px #165A734D !important;
	color: var(--white) !important;
}

/* Rewards specific styling */

.rewardsView .rb-hero .h2 {
	margin-bottom: 20px;
}

.rewardsView .rb-hero img {
	max-width: 238px;
}

.rewardsView .rb-hero .rb-grid div:nth-child(2),
.veriffView .rb-hero .rb-grid div:nth-child(2) {
	display: none;
}

/* Offerwall Cards */

.qualification-item {
	max-width: 982px !important;
	margin: auto !important;
}

.qualifications .list-group {}

.qualifications .list-group-item {
	padding-bottom: 50px !important;
	padding: 0.5rem 0.5rem !important;
}


.qualifications .list-group-item {
	background-color: transparent !important;
	border: 0px !important;
}

.card {
	border: 2px solid #165873 !important;
	border-radius: 11px !important;
	box-shadow: 5px 5px 0px #165873 !important;
	max-width: 230px !important;
	background-color: #f7f7f7 !important;
}

.card-header {
	padding: 0 !important;
}

.card-peak {
	background-color: #54c1d2 !important;
}

.card-text {
	margin-bottom: 0 !important;
	text-align: center !important;
	margin: 0 auto !important;
	font-size: 25px !important;
	font-weight: 700 !important;
	background-position-y: 7px;
	background-position-x: 1px;
	background-image: url(public/EROP/RB/cards/incentive-icon.svg);
	background-repeat: no-repeat;
	background-size: 37px;
	color: #00436F;
	padding-left: 27px;
}

.card-text span {
	clear: both !important;
	font-weight: 700;
	padding-top: 2px;
	display: inline;
	font-size: 25px !important;
	line-height: 45px;
}

.card-text img {
	vertical-align: baseline !important;
	height: 30px !important;
	display: none;
}

.qualification-body {
	background-color: #F7F7F7 !important;
	font-family: 'open-sans';
	font-weight: 300;
	padding-left: 24px !important;
}

.qualification-body .mb-2 {
	margin-bottom: 0.8rem !important;
}

.card .btn-primary {
	border-radius: 25px !important;
	color: #000 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: #FFA427 !important;
	border-color: #FFA427 !important;
	text-transform: uppercase;
	width: 215px;
	margin-inline: auto;
	margin-bottom: 10px;
}

.card-peak .high-reward-header-label svg,
.card-peak .recommended-header-label svg,
.card-peak .quick-header-label svg {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px
}

.card-peak .high-reward-header-label {
	text-align: center;
	font-size: 15px;
	background-color: #7f5ca2;
	width: 100%;
	height: 20px;
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
}

.card-peak .high-reward {
	background-color: #7f5ca2 !important;
}

.card-peak .recommended-header-label {
	text-align: center;
	font-size: 15px;
	background-color: #d14900;
	width: 100%;
	height: 20px;
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
}

.card-peak .high-reward {
	background-color: #d14900 !important;
}

.card-peak .quick-header-label {
	text-align: center;
	font-size: 15px;
	background-color: #165a73;
	width: 100%;
	height: 20px;
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
}

.card-peak .high-reward {
	background-color: #165a73 !important;
}

.card-header {
	border-bottom: none !important;
	height: 20px !important;
}

.card {
	overflow: hidden;
}

.row .col-md-2 {
	background-image: url(public/EROP/RB/cards/i-duration.svg) !important;
	background-size: 25px;
	background-repeat: no-repeat;
}

.mb-2 .col-md-2 {
	background-image: url(public/EROP/RB/cards/i-topic.svg) !important;
	background-size: 25px;
	background-repeat: no-repeat;
}

.qualification-body .row .col-md-2,
.qualification-body .mb-2 .col-md-2 {
	background-position: 0px !important;
}


.quick .card-body-loi .col-md-2 {
	background-image: url(public/OO/quick-time-2x.png) !important;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 10px;
}

.card-body {
	background: #fff;
}

/* Promotion Wallet */

rxp-tabs::part(qualified-punchcard),
rxp-tabs::part(started-punchcard),
rxp-tabs::part(expired-punchcard),
rxp-tabs::part(credited-punchcard),
rxp-tabs::part(completed-punchcard) {
	width: auto !important;
	min-width: 334px !important;
	box-shadow: none;
	border-radius: 11px;
}

rxp-tabs::part(dotted-line) {
	display: none;
}

rxp-tabs::part(pc-points) {

	background-color: var(--teal-400) !important;
	font-weight: 700 !important;
	text-transform: none;
}

rxp-tabs::part(pc-points) {

	background-color: var(--teal-400) !important;
	font-weight: 700 !important;
	text-transform: none;
}

rxp-tabs::part(tab-nav-container) {

	border-bottom: 0px !important;
}

rxp-tabs::part(pc-header) {
	border-left: 2px solid var(--teal-200);
	border-right: 2px solid var(--teal-200);
}

rxp-tabs::part(pc-list) {

	margin: 0px;
}

rxp-tabs::part(pc-tiles) {

	width: calc(100% - 4px);
	border-bottom: 2px solid var(--teal-200);
	border-left: 2px solid var(--teal-200);
	border-right: 2px solid var(--teal-200);
	border-radius: 0px 0px 11px 11px;
}

rxp-tabs::part(pc-title) {
	text-align: left;
	font-weight: 700;
	color: var(--teal-400);
}


rxp-tabs::part(view-details) {
	text-align: left;
	/*font-family: 'open-sans';*/
}

upp-punchcard-details-modal::part(modal-badge) {
	background-image: url(public/EROP/RB/PC/pop-up-punchcard-badge.png);
}

rxp-tabs::part(started-filled-punch),
rxp-tabs::part(qualified-filled-punch),
rxp-tabs::part(expired-filled-punch),
rxp-tabs::part(credited-filled-punch) {
	color: var(--white) !important;
	background-color: #565656 !important;
	border-radius: 25px;
	height: 55.34px;
	width: 28.33px;
	font-weight: 700;
	font-size: 15px;
}

rxp-tabs::part(started-empty-punch),
rxp-tabs::part(qualified-empty-punch),
rxp-tabs::part(expired-empty-punch),
rxp-tabs::part(credited-empty-punch) {
	color: #565656 !important;
	background-color: #D9D9D9 !important;
	border-radius: 25px;
	height: 55.34px;
	width: 28.33px;
	font-weight: 700;
	font-size: 15px;
}

/**rxp-tabs::part(started-empty-punch), rxp-tabs::part(qualified-empty-punch), rxp-tabs::part(expired-empty-punch), rxp-tabs::part(credited-empty-punch) {
      color: #ffffff!important;
      background-color: #dd7e0b!important;
      }**/

/*upp-punchcard-details-modal::part(modal-activate) {
        background-color: #EADB30 !important;
        color: #070707 !important;
        font-weight: 700 !important;
        border: 0px;
    }*/

rxp-tabs::part(started-filled-pc-punch),
rxp-tabs::part(qualified-filled-pc-punch),
rxp-tabs::part(expired-filled-pc-punch),
rxp-tabs::part(credited-filled-pc-punch) {

	background-image: url(public/EROP/RB/PC/pc-checkmark-2.svg) !important;
	margin: 0px 0px 4px;
	width: 22px;
	height: 22px;

}

rxp-tabs::part(started-empty-pc-punch),
rxp-tabs::part(qualified-empty-pc-punch),
rxp-tabs::part(expired-empty-pc-punch),
rxp-tabs::part(credited-empty-pc-punch) {

	background-color: #565656 !important;
	margin: 0px 0px 4px;
	box-shadow: none;
	width: 22px;
	height: 22px;

}

/**rxp-tabs::part(started-empty-pc-punch), rxp-tabs::part(qualified-empty-pc-punch), rxp-tabs::part(expired-empty-pc-punch), rxp-tabs::part(credited-empty-pc-punch) {
    
      background: #ffffff!important;
      
      } **/


rxp-tabs::part(tab-active) {
	color: var(--grey-500) !important;
	border-bottom: 5px solid var(--teal-200) !important;
	font-size: 18px;
	font-weight: 700;
}

rxp-tabs::part(tab) {
	font-size: 18px;
	color: var(--grey-500);
	font-weight: 700;
}

rxp-tabs::part(punchcard-no-promotions-message) {
	padding: 50px;
	text-align: center;
	font-size: 17px;
	background: #c3f3fb;
	border-radius: 5px;
	white-space: pre-wrap;
}


/* Dashboard Styling */

.hero-d {
	/*min-height: 320px;*/
	min-height: 100px;
	padding: 0px;
	background: none;
	height: auto;
	text-align: center;
}


hr {
	border-style: solid;
	border-width: 0.5px;
	border-color: #e6e7e6;
	margin-bottom: 20px;
}

.dashboardView .hero .hero-desc {
	margin-top: 10px;
}

.hero .hero-desc {
	display: none;
	z-index: 1;
	width: 100%;
}

.dash-top {
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 16px;
}

.dash-container {
	background-color: #165a73;
	width: 100%;
	min-height: 170px;
}

#new-dash {
	display: flex;
	width: 100%;
	max-width: 1160px;
	margin: auto;
	padding: 40px 16px 20px;
	margin-bottom: 30px;
}

.dash-50 {
	width: 50%;
	padding-right: 20px;
}

.dash-50 h1 {
	text-align: left;

}

.dash-sub {
	text-align: left;
	margin: 5px 0 20px 0;

}

.partner-sub {
	color: #fff;
	font-size: 12px;
	text-align: left;
}

#new-dash .dash-25 {
	width: 25%;
	color: #FFF;
	border-left: 3px solid #54C1D2;
	max-height: 100px
}

.dash-25 a {
	color: #fff;
	text-decoration: underline;
	font-size: 16px;
	text-align: center;
}

.dash-bot {
	color: #fff;
	font-size: 30px;
}

.dashboardView .hero {
	background-color: #f8f8f8;
}

.product-title {
	font-size: 600%;
	font-weight: 500;
	color: #f3d281;
}

@media only screen and (max-width: 830px) {
	.product-title {
		font-size: 300%;
	}
}


.product-logo {
	display: flex;
	align-items: center;
}

.footer-product-name {
	font-size: 18px;
}

.partners {
	box-shadow: 0 2px 1px 0 rgb(0 0 0 / 10%);
	background: #fff;
	border: 1px solid #eaeaea;
	height: 130px;
	width: 100%;
	background: #fff;
	border-radius: 8px;

}

@media only screen and (max-width:830px) {

	#new-dash {
		display: block;
	}

	.dash-container {
		display: flex;
	}

	.hero-d {
		/*min-height: 320px;*/
		min-height: 100px;
		padding: 0px;
		background: none;
		height: auto;
		text-align: center;
	}

	.dash-50 h1 {
		text-align: center;
	}

	.partner-sub,
	.dash-sub {
		text-align: center;
	}

	.dash-50 {
		width: 100%;
		padding-right: 0;
	}

	#new-dash .dash-25 {
		width: 50%;
		float: left;
		border: none;
		min-height: 75px;
		max-height: initial;
	}

	#new-dash .dash-badge {
		display: none;
	}
}

.header .header-surveyNotification,
.header-mobile-join {
	display: none !important;
}

/* Offerwall mobile nav Styling */

@media screen and (max-width: 51.875em) {

	a.scroll-left {
		left: -6% !important;
		scale: 1.5;
	}

	.fa-chevron-left:before {
		background: #000000c7;
		padding: 10px;
		border-radius: 0 10px 10px 0;
		color:

			white;
	}

	a.scroll-right {
		right: -6% !important;
		scale: 1.5;
	}

	.fa-chevron-right:before {
		background: #000000c7;
		padding: 10px;
		border-radius: 10px 0 0 10px;
		color: white;
	}

}


/***** FOOTER STYLING *****/

footer {
	background-color: var(--grey-500) !important;
	color: #bbbbbb;
}

footer small {
	color: var(--white);
	font-size: 100%;

}

footer a {
	text-decoration: none;
	color: #bbbbbb;
}

footer li {
	list-style: none;
}

footer a:link {
	color: #bbbbbb;
	text-decoration: none;
}

.footer-logo {
	width: 140px;
	margin: 41.99px 0 12.9px 0;
}

@media screen and (max-width: 830px) {
	.footer-logo {
		width: 60px;
		margin: 41.99px 0 21.9px 0;
	}
}

footer .social-links {
	display: flex;
	margin-top: 1rem;
	padding: 0px
}

footer .social-links li img {
	height: 25px;
	width: 25px;
	margin-right: 1rem;
}

footer ul {
	margin: 0;
	padding: 0px;
}

.footer-nav {
	border-top: 2px solid #bbbbbb;
	margin-top: 20px;
}

.footer-nav li {
	margin-bottom: 20px;
}

.footer-nav ul {
	padding-top: 20px;
}

.footer-app-icons .fw-bold {
	color: var(--white);
	margin-bottom: 10px;
}

/* Legacy Footer Overrides */

.rewardsView {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.rewardsView .container {
	max-width: none;
	width: min(1160px, 90%);
}

.rewardsView .container-widgets {
	margin-top: 40px;
	border: 2px solid #1BA4AD;
	border-radius: 11px !important;
	padding: 20px;
	background-color: var(--white);
}

.rewardsView .rewards-title::after {
	content: normal;
	width: 240px;
	display: block;
	font-size: var(--fs-500);
	font-weight: 700;
	color: var(--grey-500);
	margin: 30px 0 14px;
	margin-inline: auto;
}

.rewardsView .container-widgets .buttonSecondary {
	background: #FFA427 0% 0% no-repeat padding-box;
	border-radius: 25px;
	padding: 8px 32px !important;
	font-weight: 700;
	box-shadow: none;
}

.rewardsView .container-widgets .button-whiteGreen {
	background: #FFA427 0% 0% no-repeat padding-box;
	color: var(--black);
}

.rewardsView .container-widgets .buttonSecondary:hover {
	background: #FFA427 0% 0% no-repeat padding-box;
	border-radius: 25px;
	padding: 8px 32px !important;
	font-weight: 700;
	color: var(--black);
	box-shadow: none;
}

.rewardDisplay-reward .magazine .rewardDisplay-logo {
	height: auto !important;
}

footer .components_languageSelector .btn-default {
	display: none;
}

footer .footer-links-col .footer-links-row:nth-child(1) {
	display: none
}

footer .container {
	max-width: none;
	margin: 0;
	padding: 0;
	width: min(1160px, 90%);
	margin-inline: auto;
}

.footer {
	padding: 0;
}

.link .ng-isolate-scope {
	display: none;
}

@media only screen and (min-width: 831px) {
	.container .header-col:nth-child(3) {
		display: none;
	}
}

.header-col:nth-child(2) {
	text-align: center;
	margin: 0 !important;
}

.header .link.active:after {
	display: none;
}

/** FYI **/


.link .ng-isolate-scope,
.link .fa-star {
	display: none;
}

.mobileHeader-content-row .mobileHeader-content-link .ng-isolate-scope,
.fa-star-o,
.mobileHeader-content-row .mobileHeader-content-link .mobileHeader-profileProgress,
.header-accountInfo-account-menu .ng-isolate-scope {
	display: none !important;
}

.header-col:nth-child(3) {
	text-align: right;
	margin-left: 0;
	margin-right: 0;
}

.header .link:after {
	display: none;
}

.header .link span {
	font-size: 14px;
	font-weight: bold !important;
	text-transform: initial !important;
	position: relative;
	line-height: 65px;
	color: var(--teal-400);
}

.header-col-block {
	margin-right: 3vw;
}

.header .header-accountInfo-account-menu a {
	border-bottom: 1px solid #eaeaea;
	padding: 16px;
	display: block;
	text-align: left;
	color: #323232;
	text-transform: initial;
	font-size: 13px;
}

.mobileHeader-content-link {
	color: #252525;
	text-transform: initial;
}

.mobileHeader-content-link.active,
.mobileHeader-content-link.active:hover {
	background: var(--teal-500) !important;
	color: #fff;
}

.mobileHeader-close {
	background: var(--teal-500);
}

@media only screen and (min-width:831px) {
	.container {
		max-width: 1160px !important;
	}
}

.mobileHeader-content-row .mobileHeader-content-link:nth-child(2) {
	display: none;
}

.mobileHeader-content-row .mobileHeader-content-link:nth-child(3) {
	display: none;
}

.smallerText {
	display: none;
}

/***** DESKTOP SPECIFIC STYLING ****/

@media screen and (min-width: 51.875em) {

	/* Desktop Global Styling */

	.highlight::after {
		position: absolute;
		content: "";
		z-index: -1;
		top: 29px;
		left: 0;
		bottom: 0;
		right: 0;
		scale: 1 1.2;
		display: block;
		background-color: #FDA432;
	}

	.rb-hero {
		padding: 54px 0px 24px;
	}

	.rb-main section {
		padding-top: 90px;
	}

	/* Desktop My Account Styling */

	.contentAndLinks-container {
		border-radius: 25px;
	}

	/* Desktop auth-hero Styling */

	.rewardsView .rb-hero {
		min-height: 300px;
	}

	.rewardsView .rb-hero .rb-grid {
		grid-template-columns: 2fr 1fr;
	}

	.rewardsView .rb-hero .rb-grid div:nth-child(2) {
		display: block;
	}

	/* Desktop Login Styling */

	.loginForm {
		margin-bottom: 160px;
	}

	/* Desktop Utility Class Styling */

	.rb-grid {
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		gap: 3.75rem;
	}

	/* Desktop Rewards Page Styling */

	.rewardsView .container-widgets {
		margin-top: 0px;
		padding: 30px 50px;
		border-radius: 25px !important;
	}

	.rewardsView .rewards-title::after {
		content: "Take your pick:";
		width: 243px;
		display: block;
		font-size: var(--fs-500);
		font-weight: 700;
		color: var(--grey-500);
		margin: 30px 0 14px;
		margin-inline: auto;
	}

	/* Desktop Footer Styling */

	footer .rb-container {
		padding-bottom: 60px;
	}

	footer .rb-grid {
		grid-template-columns: 2fr 1fr 1fr;
		gap: 0.5rem;
	}

	footer ul {
		margin: 0;
		padding: 0;
	}

	.footer-nav {
		border-left: 3px solid #bbbbbb;
		border-top: none;
		margin: 0px
	}

	.footer-nav ul {
		margin-top: 0px;
		padding-top: 0px;
	}

	.footer-nav li {
		margin-bottom: 20px;
		margin-left: 20px;
	}

	.footer-logo {
		width: 60px;
		margin: 37.87px 0 17.37px 0;
	}


}

/************profile test***********/
/**
    .profile-h4 {
        margin: 25px 0 5px 7px;
        color: #00827d;
    }
    
    .widget-profiler-profilers-list a.active {
     background: #FF8552!important;
    color: #323232!important;
    }
    
    .widget-profiler-profilers-list .Household, .widget-profiler-profilers-list .selenium-id-profiler-Business, .widget-profiler-profilers-list .selenium-id-profiler-Get {
    background-color: #00827d;
    border-bottom: 1px solid #fff;
    color:#ffffff!important;
    }
    
    
    .widget-profiler-profilers-list .Household:hover,  .widget-profiler-profilers-list .selenium-id-profiler-Business:hover, .widget-profiler-profilers-list .selenium-id-profiler-Get:hover {
    background-color: #FF8552 !important;
    border-bottom: 1px solid #fff;
    color: #323232!important;
    }
    
    .widget-profiler-profilers-list .Household .icon .badge,  .widget-profiler-profilers-list .selenium-id-profiler-Business .icon .badge, .widget-profiler-profilers-list .selenium-id-profiler-Get .icon .badge {
    background:#fff!important;
    color:#323232!important;
    }
    
    .widget-profiler-profilers-list .nextSteps{
    border-top: 5px solid #a6a1a1;
    padding-top: 20px;
    width: 96%;
    }
    
    .widget-profiler-profilers-list .Roles{
    background-color: transparent!important;
    color: #323232!important;
    }
    
    .widget-profiler-profilers-list .Roles:hover{
    background-color: #EFEFEF!important;
    color: #323232!important;
    }
    
    .widget-profiler-profilers-list .Roles .icon .badge {
    background:#00827d!important;
    color:#ffffff!important;
    }
    
    
    
    .widgetContainer-widget-100 {
        display: block!important;
    } **/

/** profiler on surveys page */

/** @media screen and (min-width: 830px) {
    
    .widgetContainer-widget.widgetContainer-widget-100.widget-profiler-hideOnMobile {
        display: block!important;
    }
    }
    **/

.widget-profiler-progress-container .radial-progress .radial-progress-cover {
	stroke: var(--grey-100)
}

/******* Prize Draw ***********/

.pd-img {
	display: block;
	width: auto;
	max-width: 600px;
	margin: auto;
	margin-top: 40px
}

@media only screen and (max-width: 629px) {
	.pd-img {
		width: 100% !important;
	}
}

/******* CHATBOT BUBBLE FIX ********/

#joe-bubble-unread {
	font-size: 15px !important;
	background-color: #d03601;
	margin-top: -30px;
	border: none !important;
}


#joe-bubble-unread {
	position: absolute !important;
	color: white;
	border-radius: 50%;
	right: -23px;
	top: 23px;
	height: 20px !important;
	width: 20px !important;
	line-height: 19px !important;

}

.mobile-chat-container {
	background-color: #1BA4AD !important;
}

.chat-container .chat-header,
.chat-container .joe-faq-header {
	/*  background-image: linear-gradient(to right, rgba(58, 128, 124, 1), #3A807C);*/
	background-image: linear-gradient(to top, #082733, #165A73);
}

.chat-container .chat-history .other-message {
	/*  background: rgb(23, 130, 125); */
	background: #165A73;
}

.header-bottom .right-brand-icon span,
.joe-agent-pic {
	background-image: url(public/EROP/helpwidget-icons_EROP-helpwidget-icon.png) !important;
}


/*** Veriff Styling ***/

.veriff_container {
	text-align: center;
	font-family: proxima-soft, sans-serif !important;
	font-size: 16px !important;
	font-weight: 300;
}

.veriff_container p {
	color: #000;
	font-family: proxima-soft, sans-serif !important;
	font-weight: 300;
	font-size: 16px;
}

.veriff_container ol {
	padding-inline-start: 17px;
	font-weight: 500;
	text-align: left;
}

.veriff_container li {
	margin-bottom: 12px;
	font-weight: 300;
	text-align: left !important;
}

.veriff_header {
	font-size: 29px;
	text-align: center;
	color: #005753;
	text-shadow: none;
	font-weight: 600 !important;
}

.v-primary {
	background: #FF8552;
	border: 2px solid #FF8552;
	color: #000;
	border-radius: 6px !important;
	text-decoration: none !important;
}

.v-secondary {
	background: transparent;
	border: 2px solid #343434;
	color: #343434;
	border-radius: 6px !important;
	text-decoration: none !important;
}


@media only screen and (min-width: 481px) {
	.vbutton_container {
		display: flex;
	}

	.vbtn {
		flex: 1;
		margin: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.vbutton_container {}

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

.vheader {
	height: 80px;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: none;
	background: #fff;
	box-shadow: 0 0 13px rgb(0 0 0 / 50%);
	z-index: 1000;
	position: fixed;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.vheader img {
	max-height: 60px;
	width: auto;
}

@media only screen and (max-width: 830px) {
	.vheader img {
		max-height: 35px;
	}
}

.header-bars {
	display: none;
	float: right;
	font-size: 27px;
	color: var(--teal-500) !important;
}

/*** FORMS ***/

.rb-form-container,
.registrationForm-content {
	padding: 0 70px;
	background: #00000060 0% 0% no-repeat padding-box;
	border: 2px solid #FFFFFF;
	border-radius: 8px;
	opacity: 1;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.registrationForm .registrationForm-content .pad-top,
.registrationForm .registrationForm-content #registrationForm-header {
	color: var(--white);
	padding-top: 30px;
}

.registrationForm .registrationForm-content .twoColumns h2,
.registrationForm .registrationForm-content .twoColumns p,
.registrationForm .registrationForm-content .twoColumns .step-text,
.registrationForm .registrationForm-content .twoColumns .form-type1-row .form-type1-title,
.registrationForm .registrationForm-content .twoColumns .form-type1-row .form-help-text,
.registrationForm .registrationForm-content .twoColumns .form-type1-title {
	color: var(--white);
}

.registrationForm .registrationForm-content .twoColumns .form-type1-title .field-errors {
	color: #F74544 !important;
}

.registrationForm .registrationForm-content .twoColumns p a,
.registrationForm .registrationForm-content .twoColumns a {
	color: var(--orange-500);
}

.registrationForm .registrationForm-content .form-type1-row .buttonSecondary {
	background: var(--white) !important;
	border: 2px solid var(--orange-300) !important;
	box-shadow: 2px 4px 0px var(--orange-300) !important;
	color: var(--grey-500) !important;
	border-radius: 30px !important;
}

.registrationForm .registrationForm-content .form-type1-row .buttonSecondary span {
	color: var(--grey-500) !important;
}

.registrationForm .registrationForm-content .form-type1-row .buttonSecondary:hover {
	background: var(--orange-300) !important;
	border: 2px solid var(--orange-300) !important;
	box-shadow: 2px 4px 0px #FFA4274D !important;
	color: var(--white) !important;
}

.registrationForm .registrationForm-content .twoColumns .form-type1-actions {
	text-align: center;
}

.reg-steps .steps>li.active .step-label>b {
	background-color: var(--teal-300) !important;
}

.registrationForm .registrationForm-content .twoColumns .form-description {
	color: var(--white) !important;
}

/*** Veriff Reactivation CSS ***/

.rxp-reactivation .modal .title {
	color: #323232 !important;
	font-size: 1.9em;
	margin: 20px 0;
}

.rxp-reactivation .modal {
	font-family: 'Noto Sans', sans-serif !important;
}

.rxp-reactivation .modal p {
	font-family: 'Noto Sans', sans-serif !important;
}

.rxp-reactivation .modal .buttonCancel {
	background: #fff;
	border: 2px solid #165a73;
	color: #165a73;
	border-radius: 30px !important;
	text-decoration: none !important;
	box-shadow: 2px 4px 0px #165a73;
}

.rxp-reactivation .modal a {
	color: #d14900 !important;
	text-decoration: underline !important;
}

@media (min-width: 768px) {
	.rxp-reactivation .modal .modal-dialog {
		width: 600px !important
	}
}

.reactivation-content {
	/* padding-top: 130px; */
	text-align: center;
	max-width: 640px;
	margin: 0 auto;
}

.reactivation-content .container {
	/*background-color: #fff;
    border-radius: 10px;
    padding: 30px 50px;
    margin: 130px 20px 100px;
    box-shadow: 0 5px 17px 0 rgb(0 0 0 / 30%);*/
}

/** upp form error message. **/

.upp-msg {
	color: #FFA427 !important;
}

.upp-error .upp-msg {
	color: #FFA427 !important;
}


.formly-field-consent {
	color: #fff;
}

/** LOGIN FORM MOBILE **/
@media only screen and (max-width:600px) {
	.loginForm {
		padding: 20px 15px 15px !important;
	}
}

.contentAndLinks-content img:first-child {
	display: none !important;
}

br:nth-child(2),
br:nth-child(3) {
	display: none !important;
}

/*Hide title tag start*/
.contentAndLinks-title {}

/*Hide title tag end*/

table br {
	display: none;
}

.office th,
.office td {
	width: 210.7pt;
	border: 1pt solid windowtext;
	padding: 8.6pt;
}

th {
	width: 120.7pt;
	border: 1pt solid windowtext;
	padding: 8.6pt;
}

td {
	width: 120.7pt;
	border: 1pt solid windowtext;
	padding: 8.6pt;
}

.cotype p {
	font-weight: 600;
}

@media screen and (max-width: 700px) {

	.office table,
	.office thead,
	.office tbody,
	.office th,
	.office td,
	.office tr,
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
		width: auto;
		text-align: left;
	}

	table br {
		display: block;
	}

	.office td,
	td {
		border: none;
	}

	.office th,
	th {
		display: none;
	}

	.cotype p {
		font-weight: 500;
	}

	table td:before,
	.office table td:before {
		content: attr(data-label);
		float: left;
		font-size: 20px;
		font-weight: 600;
		line-height: 25px;
	}

	.office th,
	.office td,
	td,
	th {
		padding: 3.6pt;
	}

	tr:nth-child(even),
	.office tr:nth-child(even) {
		background-color: #E6E6E6
	}
}

h1 {
	font-size: 35px;
}