body {			
	margin:0;			
	padding:0;			
	font-family: "Inter", sans-serif !important;			
	font-size:16px !important;			
	color:#525252; 			
	font-weight:400;			
	background:#F5F5F5;		
}		
.heyreward-logo {			
	max-width:180px;		
}	
.login-heyreward-logo {
	max-width:180px;
}	
h1, h2, h3, h4, h5, h6 {			
	font-family: "Inter", sans-serif;			
	color:#141414;			
	font-weight:700;			
	width:100%;		
	line-height: inherit;		
} 		
.container {			
	max-width:767px !important;		
} 		
h1 {			
	font-size: 30px;		
}
.font-bold {
	font-weight:700;
}	
.font-medium {
	font-weight:500;
}		
.font-24 {			
	font-size: 24px;		
}
.font-20 {			
	font-size: 20px;		
}	
.font-18 {			
	font-size: 18px;		
} 	
.font-16 {			
	font-size: 16px;		
} 
.font-14 {			
	font-size: 14px;		
} 
.font-12 {			
	font-size: 12px;		
}	
.h-90 {
	height:90%;
}
.color-4B5563 {
	color:#4B5563;
}
.color-red {
	color:#F04438;
}
.color-grey-text {
	color: #c9c9c9;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .1px;
}
.btn-theme {			
	color: #fff;			
	background-color: #15B79E;			
	border: 1px solid #15B79E;			
	border-radius: 8px;			
	padding: 10px 40px;			
	font-weight: 500;			
	text-decoration: none !important;			
	font-size: 14px; 
	text-transform:uppercase;		
}		
.btn-theme:hover {			
	color: #15B79E;			
	background-color: transparent;			
	border: 1px solid #15B79E;		
} 
.btn-red {			
	color: #fff;			
	background-color: #ff575c;			
	border: 1px solid #ff575c;			
	border-radius: 8px;			
	padding: 10px 40px;			
	font-weight: 500;			
	text-decoration: none !important;			
	font-size: 14px; 
	text-transform:uppercase;		
}		
.btn-red:hover {			
	color: #ff575c;			
	background-color: transparent;			
	border: 1px solid #ff575c;		
}		
a.foot-link {			
	color:#525252;		
}		
.border-radius-12 {			
	border-radius:12px;		
}		
table td {			
	vertical-align:middle;		
} 
.intl-tel-input { 
	width:100%; 
}
a, a:hover {
	color:#4c5157;
	text-decoration:none;
}
.company-name {
	color:#fff;
	font-size:20px;
	padding:10px 25px;
}
.active-btn {
	left:25px;
	top:90px;
}
.points-earn { 
	width:inherit; 
	border-radius:30px;
	color:#fff;
	display:flex;
	align-content:center;
	justify-content:center;
	font-size:12px;
	flex-wrap:wrap;
	line-height: 1.2;
	background:rgba(0,0,0,.5);
	padding:5px 10px;
}
.points-earn i {  
	font-size:14px; 
	font-style:normal;
	text-align:center;
	font-weight:bold;
}
main.login-main {
	height:100vh;
}
.form-control {
	padding:10px 15px;
	border-radius:8px;
}
main.main-content-area.memberdetails {
	height:calc(100vh - 174px);
	overflow-y:auto;
}
main.main-content-area.account-page {
	height:calc(100vh - 75px);
	overflow-y:auto;
}
footer.footer {
	position:absolute;
	bottom:0;
	width:100%;
}
.box-shadow {
	box-shadow: 0px 0px 0px 1px #0000000A;
	box-shadow: 0px -4px 32px 0px #00000014;
}
.fixed-bottom {
	margin:0 auto;
	max-width:500px;
	box-shadow: 0px 0px 0px 1px #0000000A;
	box-shadow: 0px -4px 32px 0px #00000014;
}
.shop-box {
	width:100%;
	padding:0 15px;
	display:flex;
	flex-wrap:wrap;
}
.shop-list {
	width:49%; 
	margin-right:1%;
	margin-bottom:2%;
	border-radius:12px;
	overflow:hidden;
	position:relative;
}
.shop-list:nth-child(2n) { 
	margin-left:1%;
	margin-right:0%;
}
.shop-image {
	width:100%;
	height:150px;
}
.shop-image img {
	object-fit:cover;
	height:100%;
	width:100%;
}
.shop-name {
	width:100%;
	position:absolute;
	bottom:-2px;  
	height:70%;
	display: flex;
    align-items: end;
    padding: 10px;
    color: #fff; 
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
}
.shop-points {
	position:absolute;
	top:10px;
	right:10px;
}
.active-btn {			
	color: #fff;			
	background-color: #15B79E;			
	border: 1px solid #fff;			
	border-radius: 30px;			
	padding: 5px 10px;			
	font-weight: 500;			
	text-decoration: none !important;			
	font-size: 12px;  		
}
.dollar-bg{
	background-color:#00AEAE;
    padding: 10px;
	border:2px solid #fff;
}
.dollar-text svg {
	width:40px;
	display:block;
}
.mr-bt-z {
    margin-bottom: 0px;
}
.coin-bg {
    background: #fff;
    margin-top: 20px;
	padding: 10px;
	border:2px solid #fff;
}
.text-top {
    margin-bottom: 0px;
    color: #fff;
    padding-top: 15px;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 400;
} 
.text-middle {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
}
.text-btm {
    margin-bottom: 0px;
    color: #fff;
    padding-bottom: 0;
    font-size: 14px; 
    font-weight: 400;
}
.green-color {
	color:#039855;
}
.red-color {
	color:#f04438;
}
.bottom-fixed {
	bottom:10px;
}
.container-fluid {
	max-width:500px;
	position:relative;
} 
.header {
	max-width:500px;
	padding-top: 3px;
} 
.iti {
	width:100%;
}
.iti--show-selected-dial-code .iti__selected-country  {
	height: 44px;
    border-radius: 8px 0 0 8px;
}
.profile-image {
	width:100px;
	height:100px;
	object-fit:contain;
	border-radius:50%;
}
.brand-image {
	width:80px;
	height:80px;
	object-fit:cover; 
	border-radius:50%;
}
.account-image {
	width:36px;
	height:36px;
	object-fit:contain;  
}
.accordion {
  background-color: transparent;
  color: #292929;
  cursor: pointer;
  padding: 18px 18px;
  font-weight:bold;
  font-size:16px;
  width: 100%;
  border:none;
  border-bottom:1px solid #e5e5e5;
  text-align: left;
  outline: none; 
  transition: 0.4s; 
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform:capitalize; 
}

.accordion.active { 
  border-bottom:0px solid #e5e5e5; 
}
.accordion.active i { 
  transform: rotate(180deg);
}

.panel {
  padding:15px;
  display: none;
  background-color: white; 
  border-radius:8px;
  margin:0px 0 15px; 
  position:relative;
}
.panel:after {
	content:'';
	border-bottom:1px solid #e5e5e5;
	width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
} 
a.foot-link.active {
    color: #0E9384;
    font-weight: 500;
}
a.foot-link svg {
    fill: #737373; 
	padding: 4px 10px;
    width: 60px;
    height: 35px;
    border-radius: 20px;
}
a.foot-link.active svg {
    fill: #0E9384; 
	background:#F5F5F5; 
}
.object-fit-cover {
	object-fit:cover;
}
.brand-logo {
	max-width:40px;
}
.switches-container {
	width:400px;
	margin-bottom:20px;
}
.otp__digit {
	width: 40px;
    border: 1px solid transparent;
    text-align: center;
    font-size: 16px;
    height: 40px;
	margin:0 5px;
	background:#f5f5f5;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.radio-button-box {
	background:#E5E5E5;
	padding:3px;
	display:flex;
	border-radius:8px;
}
.radio-inline input {
	position:absolute;
	top:0;
	height:0%;
	width:0;
}
.radio-inline input:checked + label {
	background:#fff;
	border-radius:8px;
}

@media screen and (max-width:767px) {
	main.main-content-area.memberdetails {
		margin-bottom:35px;
		height: calc(100vh - 200px);
	}
}
#canvas svg {
	margin:0 auto;
	text-align:center;
}
.alert-dismissible .btn-close {
	background:transparent;
	opacity:1;
	padding:1rem;
}
.alert-warning.alert-dismissible {
	background:#039855;
	position: absolute;
    z-index: 2;
    top: 80px;
    width: calc(100% - 20px);
    left: 10px;
	display: flex;
    align-items: center;
    color: #fff;
}
img.qr-image, .qr-image svg {
	border: 0.5px solid #E5E5E5;
	box-shadow: 0px 4px 6px -2px #0000000D;
	box-shadow: 0px 10px 15px -3px #0000001A;
	padding:12px;
	border-radius:12px;
	background:#fff;
}
.table.table-condensed.history-table td {
	border-bottom:none;
	padding:10px 5px;
}
.table.table-condensed.history-table td:last-child {
	text-align:right;
	padding-right:0;
}
.table.table-condensed.history-table td:first-child {
	width:38px;
	padding-left:0;
}
.profile-cover {
	width:100%;
	height:100px;
	background-image:url('../images/profile-bg.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius: 12px;
	
}
.profile-user {
	margin-top:-60px;
	width:120px;
	height:120px;
	border-radius:50%;
	background:#fff;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.outlet-cover {
	width:100%;
	height:100px;
	background-image:url('../images/outlet-bg.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius: 12px;
	
}
.outlet-logo {
	width:120px;
	height:120px;
	border-radius:50%;
	background:#fff;
	padding:10px;
	margin-top:-60px;
	margin-left:auto;
	margin-right:auto;
}
.flash_message { 
    text-align: left; 
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
	z-index: 9;
}
.flash_message button {  
    position: absolute;
    right: 10px;
    border: none;
    background: transparent;
    font-size: 30px;
    line-height: 1;
    top: 10px;
}
.flash_message.alert-success {
	background: rgb(255, 255, 255);
    border: 1px solid rgb(21, 183, 158);
    color: rgb(21, 183, 158); 
}
.flash_message.alert-success button { 
    color: rgb(21, 183, 158);  
}
.flash_message.alert-danger { 
    color: #F04438; 
	background: rgb(255, 255, 255);
    border: 1px solid #F04438;
}
.flash_message.alert-danger button {  
    color: #F04438;
}
span.fa-solid {
	position:absolute;
	top:16px;
	right:30px;
	cursor:pointer;
}