.ui-bar-a,
body:not(.useTheme) .ui-page-theme-a .ui-bar-inherit,
html body:not(.useTheme) .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit,
body:not(.useTheme).ui-bar-inherit.ui-header {
	background: var(--master-app-color);
	color: var(--master-button-color);
	border-color: var(--master-app-color);
	text-shadow: none;
	font-weight: normal;
}

.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
	background: #ffffff;
	border-color: var(--master-app-color);
	color: var(--master-app-color);
	text-shadow: none;
}

.ui-page-theme-a .ui-btn:hover, .ui-page-theme-a .ui-btn.ui-btn-active-a,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover,
.ui-page-theme-a .ui-btn:visited:hover,
html .ui-bar-a .ui-btn:visited:hover,
html .ui-body-a .ui-btn:visited:hover,
html body .ui-group-theme-a .ui-btn:visited:hover,
html head + body .ui-btn.ui-btn-a:visited:hover {
	background: var(--master-app-color);
	color: var(--master-button-color);
	border-color: var(--master-app-color);
	text-shadow: none;
}

.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
.ui-page-theme-a .ui-checkbox-on::after,
html .ui-bar-a .ui-checkbox-on::after,
html .ui-body-a .ui-checkbox-on::after,
html body .ui-group-theme-a .ui-checkbox-on::after,
.ui-btn.ui-checkbox-on.ui-btn-a::after,
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active, .btnFixedBottom, .ui-btn.my-active {
	background: var(--master-app-color);
	text-shadow: none;
	box-shadow: none;
	border-color: var(--master-app-color);
	color: var(--master-button-color);
}

a.ui-btn-active i {
	color: var(--master-button-color) !important;
}

.myBtn.ui-btn-active {
	color: var(--master-app-color) !important;
}

.form750 .bd89.active {
	border-color: var(--master-app-color);
	color: var(--master-app-color) !important;
}

.cf2 {
	color: var(--master-app-color) !important;
}

.bg2 {
	background: var(--master-app-color) !important;
}

.bgActive {
	background: var(--master-app-color) !important;
	color: var(--master-button-color) !important;
}

.btn-how-it-works {
	display: block;
	text-align: center;
	text-decoration: none;
	background: var(--master-app-color);
	padding: 10px 0 1px;
}

.ui-icon-check::after, html .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

.ui-icon-check::after, html .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.tab_bar_holder {
	border-bottom: solid 1px var(--master-app-color);
}

.cus_tab_bar {
	font-size: 16px;
	float: left;
	width: 100%;
	display: block;
	padding: 0;
	margin: 10px 0 0;
	background: white;
}

.ui-page-theme-a .cus_tab_bar li {
	float: left;
	display: block;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 33%;
	padding: 12px 0;
	cursor: pointer;
	color: var(--master-app-color);
	font-weight: 300;
}

.tab_holder {
	width: 100%;
}

.cus_tab_holder {
	float: left;
	padding: 0 10px 15px;
}

.cus_tab_bar li.active {
	border-bottom: solid 2px var(--master-app-color);
}

.h_menu .default_design span {
	color: var(--master-app-color);
}

.h_menu .default_design .img_holder div {
	border: 3px solid var(--master-app-color);
}

.img_card_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--master-app-color);
	opacity: 0.5;
	top: 0;
	border-radius: 20px;
}

.sharingItem {
	background-color: var(--master-app-color);
	color: var(--master-button-color);
	margin: 10px;
	height: 130px;
}

.bdbMain {
	border-bottom: solid 1px var(--master-app-color);
}

.bdMain {
	border: solid 1px var(--master-app-color);
}

.cfError {
	color: #f2353c;
}

.cfSuccess {
	color: #46be8a;
}

.cfInfo {
	color: #62a8ea;
}

.ui-checkbox .ui-btn-icon-left:after {
	top: 18px;
}

.ui-header .ui-title, #footer .ui-title {
	padding: 14px;
	margin: 0 auto;
}

.ui-popup-screen {
	height: auto !important;
	z-index: 1004;
}

.ui-popup-container.ui-popup-active {
	left: 8px !important;
	right: 8px;
	top: 210px !important;
}

#footer {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1002;
	bottom: 0;
	box-sizing: border-box;
}

#footer .ui-btn {
	margin: 0;
	padding: 0;
	font-size: 36px;
	border: none;
}

#footer .ui-btn-icon-top:after {
	background: none;
}

.myBtn {
	display: block;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 35px;
	padding: 0;
	text-decoration: none;
}

.nps {
	border: solid 1px var(--master-app-color);
	border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	height: 40px;
}

.npsNumber {
	border-right: solid 1px var(--master-app-color);
	color: var(--master-app-color);
	display: inline-block;
	width: 10%;
	text-align: center;
	box-sizing: border-box;
	float: left;
	height: 39px;
	line-height: 39px;
}

.npsNumber:last-child {
	border-right: 0;
}

.npsNumber:hover, .npsNumber.active {
	background: var(--master-app-color);
	color: var(--master-button-color) !important;
}

.html--icon-use-custom-color.html--webapp-icon-normal-color-status .myBtn {
	color: var(--webapp-icon-normal-color-status);
}

.html--icon-use-custom-color.html--webapp-icon-active-color-status .myBtn.ui-btn-active {
	color: var(--webapp-icon-active-color-status) !important;
}

.html--icon-use-custom-color.html--webapp-icon-background-color #footer {
	background: var(--webapp-icon-background-color) !important;
}

.ui-page.ui-page-active {
	background: transparent;
}

.richText {
	font-weight: normal;
	text-decoration: underline !important;
}

.html--device-platform-ipad.html--device-platform-widget .ui-page,
.html--device-platform-ipad.html--device-platform-widget .ui-page.ui-page-active {
	min-height: auto !important;
	height: 553px !important;
	width: 370px;
}

.ui-checkbox .ui-btn {
	border: none;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
	text-align: left;
	color: #333432 !important;
	opacity: 1 !important;
}

.popupFullPage {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 1001;
	display: none;
	overflow: auto;
	float: left;
	border-radius: 10px;
	padding-top: 15px;
}

.popupFullPageBody {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
}

.errorMessage {
	font-size: 30px;
	font-weight: lighter;
	position: absolute;
	top: 45%;
	margin: -30px auto 0;
	text-align: center;
	left: 0;
	right: 0;
}

.btnDefault {
	border-radius: 0.3125em;
	overflow: hidden;
	padding: 0.7em 1em;
	text-align: center;
	white-space: nowrap;
	border: none;
	width: 100%;
	font-size: 14px;
	background: #e1e1e1;
	border: 1px solid #e1e1e1;
	color: #a1a1a1 !important;
	display: block;
	box-sizing: border-box;
	font-weight: normal !important;
	text-decoration: none !important;
	cursor: pointer;
}

.rowChartColumn {
	background: var(--master-app-color);
	padding: 10px 0;
}

.pointTitle {
	color: var(--master-app-color);
}

.btnDefault.active {
	background: var(--master-app-color);
	border: 1px solid var(--master-app-color);
	color: #fff !important;
}

.optionalF {
	float: right;
	font-size: 9px;
	padding-top: 5px;
}

.rowChartColumn {
	background: var(--master-app-color);
	padding: 10px 0;
}

.sentosaHeader {
	background: url(/img/site/sentosa/header.png) center !important;
	border: none;
	background-size: cover !important;;
	height: 71px;
}

.cusPopup #dialogBox {
	position: fixed;
	left: 10px;
	right: 10px;
	top: 50%;
	margin-top: -130px;
	z-index: 1200;
	background: #ffffff;
	border-radius: 5px;
}

.btn1 {
	font-weight: normal !important;
}

.html--business-identifier-1885 .avatar_img {
	width: 90px;
	height: 90px;
}

.html--business-identifier-3044:not(.html--page-body) p,
.html--business-identifier-3044:not(.html--page-body) strong,
.html--business-identifier-3044:not(.html--page-body) span {
	color: black;
}

.html--business-identifier-3044:not(.html--page-body) .ui-btn span {
	color: unset;
}

.html--has-web-app-font-color .cf0,
.html--has-web-app-font-color .ui-icon-info-button,
.html--has-web-app-font-color .stt_menu,
.html--has-web-app-font-color .remove_a_style,
.html--has-web-app-font-color .disable_field,
.html--has-web-app-font-color .ui-overlay-a,
.html--has-web-app-font-color .ui-page-theme-a,
.html--has-web-app-font-color .ui-page-theme-a .ui-panel-wrapper {
	color: var(--web-app-font-color) !important;
}

.html--has-web-app-font-color .borderInput,
.html--has-web-app-font-color .borderInput:focus {
	text-align: center;
	width: 100%;
	background: transparent;
	border: 0;
	color: var(--web-app-font-color);
	border-bottom: solid 1px;
	padding: 10px 0;
}

.html--has-web-app-font-color .borderInput::placeholder {
	color: var(--web-app-font-color) !important;
}

.html--has-web-app-font-color .ui-checkbox .ui-btn {
	color: var(--web-app-font-color) !important;
}

.html--business-identifier-2984 .rwBoxShadow {
	-webkit-box-shadow: -10px 18px 6px -15px #c3c3c3;
	-moz-box-shadow: -10px 18px 6px -15px #c3c3c3;
	box-shadow: -10px 18px 6px -15px #c3c3c3;
	word-wrap: break-word;
	background: #ffffff;
}

.html--device-platform-browser #scrollHolder {
	background: #ffffff;
}

.html--device-platform-browser #scrollHolder .ui-page.ui-page-active {
	padding-bottom: calc(var(--page-footer-height) - 10px); /* 10px is .masterBodyHolder border width*/
}

html.html--device-platform-browser:not(.html--widget-hide-icon-bar) body:not(.useTheme) .ui-page.ui-page-active {
	min-height: 585px !important;
}

html.html--device-platform-browser:not(.html--widget-hide-icon-bar) body:not(.useTheme) .homePageMasterHolder {
	min-height: 600px;
}

@media screen and (max-width: 900px) {
	html.html--device-platform-browser:not(.html--widget-hide-icon-bar) body:not(.useTheme) .bodyHolder {
		max-width: 381px !important;
	}
}

.html--device-platform-browser.html--widget-hide-icon-bar body:not(.useTheme) .ui-page.ui-page-active {
	min-height: 517px !important;
}

.html--device-platform-browser.html--widget-hide-icon-bar body:not(.useTheme) .homePageMasterHolder {
	min-height: 637px;
}

html.html--device-platform-browser:not(.html--widget-hide-icon-bar) #menus_holder {
	padding-bottom: 14px;
}

.html--device-platform-browser.html--widget-hide-icon-bar .btnFixedBottom {
	bottom: 0;
}

.html--device-platform-browser.cusPopup #dialogBox {
	margin-top: 0;
	top: 220px;
}

html:not(.html--device-platform-browser) body {
	background: #ffffff !important;
}

html:not(.html--device-platform-browser).html--widget-hide-icon-bar .btnFixedBottom {
	bottom: 0;
	margin-bottom: 0;
}

.ui-checkbox .ui-btn.ui-btn-icon-left {
	padding-left: 2em;
}

.ui-checkbox input {
	left: 0;
	opacity: 0;
}

.ui-btn.ui-checkbox-off:after {
	background: #dddddd;
	opacity: 1;
}

.ui-btn.ui-checkbox-off:after, .ui-btn.ui-checkbox-on:after {
	margin: -9px 2px 0 -6px;
}

.ui-checkbox-on::after {
	background: #ffffff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQ0Mi41MzMgNDQyLjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQyLjUzMyA0NDIuNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzNC41MzksOTguNDk5bC0zOC44MjgtMzguODI4Yy01LjMyNC01LjMyOC0xMS43OTktNy45OTMtMTkuNDEtNy45OTNjLTcuNjE4LDAtMTQuMDkzLDIuNjY1LTE5LjQxNyw3Ljk5M0wxNjkuNTksMjQ3LjI0OCAgIGwtODMuOTM5LTg0LjIyNWMtNS4zMy01LjMzLTExLjgwMS03Ljk5Mi0xOS40MTItNy45OTJjLTcuNjE2LDAtMTQuMDg3LDIuNjYyLTE5LjQxNyw3Ljk5Mkw3Ljk5NCwyMDEuODUyICAgQzIuNjY0LDIwNy4xODEsMCwyMTMuNjU0LDAsMjIxLjI2OWMwLDcuNjA5LDIuNjY0LDE0LjA4OCw3Ljk5NCwxOS40MTZsMTAzLjM1MSwxMDMuMzQ5bDM4LjgzMSwzOC44MjggICBjNS4zMjcsNS4zMzIsMTEuOCw3Ljk5NCwxOS40MTQsNy45OTRjNy42MTEsMCwxNC4wODQtMi42NjksMTkuNDE0LTcuOTk0bDM4LjgzLTM4LjgyOEw0MzQuNTM5LDEzNy4zMyAgIGM1LjMyNS01LjMzLDcuOTk0LTExLjgwMiw3Ljk5NC0xOS40MTdDNDQyLjUzNywxMTAuMzAyLDQzOS44NjQsMTAzLjgyOSw0MzQuNTM5LDk4LjQ5OXoiIGZpbGw9IiNkNDA1MTEiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-size: contain;
}

.ui-checkbox .ui-btn {
	border-bottom: none !important;
}

.ui-checkbox {
	opacity: 1 !important;
}

.ui-loader-textonly {
	width: 220px;
	margin-left: -123px;
	text-align: center;
}

.hodMore {
	display: none;
}

.btnShowMore {
	font-weight: normal !important;
	text-decoration: underline;
	text-transform: lowercase;
	color: inherit !important;
	cursor: pointer;
}

.html--has-web-app-font-face body,
.html--has-web-app-font-face input,
.html--has-web-app-font-face select,
.html--has-web-app-font-face textarea,
.html--has-web-app-font-face button,
.html--has-web-app-font-face p,
.html--has-web-app-font-face span:not([class*="pe-7s-"]):not([class*="ui-icon-"]),
.html--has-web-app-font-face .ui-btn {
	font-family: var(--webapp-font-face) !important;
	font-size: 14px;
}

.html--has-web-app-title-font-face h1,
.html--has-web-app-title-font-face h2,
.html--has-web-app-title-font-face h3,
.html--has-web-app-title-font-face h4,
.html--has-web-app-title-font-face h5 {
	font-family: var(--webapp-title-font-face) !important;
}

.noti-item.unread, .noti-item.unread > span {
	background: var(--master-app-color);
	color: var(--master-button-color) !important;
}

html:not(.html--device-platform-mobile) .form750 {
	width: 100%;
}

html:not(.html--device-platform-mobile) .form750 .part-1,
html:not(.html--device-platform-mobile) .form750 .part-2 {
	width: 100%;
}

html:not(.html--device-platform-mobile) .form750 .part-1 .pa15,
html:not(.html--device-platform-mobile) .form750 .part-2 .pa15 {
	padding: 0 0 15px;
}

html:not(.html--device-platform-mobile) .form750 .cd_value {
	padding: 8px 20px;
	font-size: 18px;
	margin-right: 10px;
}

html:not(.html--device-platform-mobile) .form750 .cd_value.active {
	padding: 6px 18px;
}

html:not(.html--device-platform-mobile) .form750 .cd_col_6 {
	font-size: 20px;
}

html:not(.html--device-platform-mobile) .form750 .cd_purchase_header {
	font-size: 16px;
	line-height: 16px;
	padding: 15px 0;
}

html:not(.html--device-platform-mobile) .form750 .cd_purchase_header .fl {
	padding-left: 15px;
}

html:not(.html--device-platform-mobile) .form750 .cd_purchase_header .fr {
	padding-right: 15px;
}

html:not(.html--device-platform-mobile) .form750 .frm_part_1 {
	width: 100%;
}

html:not(.html--device-platform-mobile) .form750 .frm_part_2 {
	width: 100%;
}

html:not(.html--device-platform-mobile) .form750 .tab-header {
	font-size: 20px;
}

html:not(.html--device-platform-mobile) .w100p750 {
	width: 100%;
}

html:not(.html--device-platform-mobile) .form750 .ph15 {
	padding-left: 0;
	padding-right: 0;
}

html:not(.html--device-platform-mobile) .u_part_left {
	width: 100%;
}

html:not(.html--device-platform-mobile) .u_part_right {
	width: 100%;
}

.custom-business-header {
	display: inline-block;
	width: 100%;
	color: #ffffff;
	padding: 14px 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.grecaptcha-badge {
	display: none;
}

.letterAvatar {
	border-radius: 50%;
	background: #ddd;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}

.rwRedemptionEndDate {
	font-size: 12px;
}

.tabMenu {
	margin-top: 10px;
	margin-right: -5px;
	cursor: pointer;
}

.tabMenu span {
	font-size: 25px;
	color: var(--master-button-color);
	padding-right: 10px;
	padding-bottom: 2px;
}

.useTheme .tabMenu {
	margin-top: -6px;
	margin-right: 0;
}

.useTheme .tabMenu span {
	color: var(--master-app-color);
}

.no-webkit-scroll-bar *::-webkit-scrollbar {
	display: none;
}

.no-webkit-scroll-bar * {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.original-points-needed-value {
	text-decoration: line-through;
}

.no-radius {
	border-radius: 0 !important;
}

.clearfix:after, .clearfix:before {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}

/*----- Prefetcher ------- */
.refreshing-container {
	pointer-events: none;
	position: fixed;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10000;
}

.refreshing {
	position: relative;
}

.android-device .refreshing {
	border: 6px solid rgb(255 255 255 / 54%);
	background: white;
	border-radius: 30px;
	transition: .5s;
	width: 32px;
	height: 32px;
}

.refreshing.hide {
	display: none;
}

.refreshing .main-loading-icon {
	content: "";
	display: block;
	border: 3px solid #c5c5c5;
	border-top-color: #3f484f;
	border-radius: 50%;
	background-color: inherit;
	z-index: 1;
	margin: auto;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
	width: 20px;
	height: 20px;
}

.refreshing.hiding {
	transform: scale(0);
}

.refreshing-loader {
	margin: auto;
	display: block;
	fill: transparent;
	stroke: black;
	stroke-width: 2;
	animation: dash 2s ease infinite,rotate 2s linear infinite;
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,95;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 85,95;
		stroke-dashoffset: -8;
	}
	100% {
		stroke-dasharray: 85,95;
		stroke-dashoffset: -45;
	}
}

@keyframes rotate {
	0% {transform: rotate(0deg); }
	100% {transform: rotate(360deg); }
}

.ios-device .refreshing {
	transition: .5s;
	width: 32px;
	height: 32px;
}

div.spinner {
	position: relative;
	width: 32px;
	height: 32px;
	display: inline-block;
	background: white;
	padding: 5px;
	border-radius: 5px;
}

div.spinner > div {
	width: 6%;
	height: 16%;
	background: black;
	position: absolute;
	left: 49%;
	top: 43%;
	opacity: 0;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-animation: fade 1s linear infinite;
}

@-webkit-keyframes fade {
	from {opacity: 1;}
	to {opacity: 0.25;}
}

div.spinner div.bar1 {
	-webkit-transform:rotate(0deg) translate(0, -130%);
	-webkit-animation-delay: 0s;
}

div.spinner div.bar2 {
	-webkit-transform:rotate(30deg) translate(0, -130%);
	-webkit-animation-delay: -0.9167s;
}

div.spinner div.bar3 {
	-webkit-transform:rotate(60deg) translate(0, -130%);
	-webkit-animation-delay: -0.833s;
}
div.spinner div.bar4 {
	-webkit-transform:rotate(90deg) translate(0, -130%);
	-webkit-animation-delay: -0.7497s;
}
div.spinner div.bar5 {
	-webkit-transform:rotate(120deg) translate(0, -130%);
	-webkit-animation-delay: -0.667s;
}
div.spinner div.bar6 {
	-webkit-transform:rotate(150deg) translate(0, -130%);
	-webkit-animation-delay: -0.5837s;
}
div.spinner div.bar7 {
	-webkit-transform:rotate(180deg) translate(0, -130%);
	-webkit-animation-delay: -0.5s;
}
div.spinner div.bar8 {
	-webkit-transform:rotate(210deg) translate(0, -130%);
	-webkit-animation-delay: -0.4167s;
}
div.spinner div.bar9 {
	-webkit-transform:rotate(240deg) translate(0, -130%);
	-webkit-animation-delay: -0.333s;
}
div.spinner div.bar10 {
	-webkit-transform:rotate(270deg) translate(0, -130%);
	-webkit-animation-delay: -0.2497s;
}
div.spinner div.bar11 {
	-webkit-transform:rotate(300deg) translate(0, -130%);
	-webkit-animation-delay: -0.167s;
}
div.spinner div.bar12 {
	-webkit-transform:rotate(330deg) translate(0, -130%);
	-webkit-animation-delay: -0.0833s;
}

#page_user_index .tier-progress-bar {
	margin-bottom: 10px;
}

.add_to_home_screen {
	background: #f7f7f7;
}

/* Barcode placeholder */
.barcode-alternative-text {
	display: inline-block;
	position: relative;
	top: -8px;
	text-align: center;
	font-size: 14px;
}

@media screen and (min-width: 768px) {
	*::-webkit-scrollbar-thumb {
		background-color: #c1c1c1;
		border-radius: 8px;
		border: 2px solid transparent;
		background-clip: content-box;
	}
	*::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
}

.user-profile-field {
	margin-bottom: 20px;
}

.existing-member-tier-info-wrapper--additional {
	color: #ff0000;
	padding: 10px;
	border: solid 1px #ff0000;
	border-radius: 10px;
	margin-bottom: 15px;
}

.existing-member-tier-info-wrapper--primary {
	color: #ff0000;
	padding: 10px;
	border: solid 1px #ff0000;
	border-radius: 10px;
	margin-bottom: 15px;
}

.show-password-button {
	right: 0;
	top: 36%;
	z-index: 9;
	padding: 12px;
}

/* -------- Sign In ----------- */
.counter-container {
	display: none;
}

.imported-item-selectbox {

}

.searchable-selectbox-container .selectize-input {
	outline-color: transparent;
	border-color: var(--app-color) !important;
	padding-top: 10px ;
	padding-bottom: 10px;
}

.searchable-selectbox-container .selectize-input input {
	min-width: 300px;
}

.searchable-selectbox-container .selectize-input.focus {
	box-shadow: none !important;
}

.searchable-selectbox-container .selectize-dropdown [data-selectable] {
	padding: 5px;
}

.qr_code canvas {
	background: #ffffff;
	border: solid 3px #ffffff;
	/*image-rendering: pixelated;*/
}

/*------------- Member Tier Progression Bar -----------*/
.progress-bar {
	width: 100%;
	background-color: #e1e1e1;
	border-radius: 50px;
}

.progress-bar-fill {
	display: block;
	height: 12px;
	border-radius: 50px;
	transition: width 500ms ease-in-out;
	background-color: var(--app-color);
}

.progress-bar-base-color {
	color: var(--app-color);
}
/*----------- End Member Tier Progression Bar -----------*/

#sortingSelectbox {
	color: var(--master-app-color);
}

#frmFormDetail .form-group{
	margin-bottom: 20px;
}

.current-card-balance-info, .card-remaining-balance-can-purchase-message {
	display: none !important;
}

body:not(.useTheme) .advanced-search-link .bi-search {
	display: none;
}

.ui-page-active.fade.out {
	display: none;
}

.html--device-platform-standalone #footer .ui-grid-items {
	margin-bottom: 28px !important;
}

/* ------------ Common ------------ */
.common-dashed-divider {
	margin-bottom: 7px;
	margin-top: 7px;
	border-bottom: 1px dashed var(--app-color);
}


.resource-item--img.square-background-image {
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	align-self: flex-start;
}

#btnClosePopup span {
	color: var(--app-color);
}