@font-face {
	font-family: 'Lavanda';
	src: url('../fonts/Lavanda-Regular.eot');
	src: url('../fonts/Lavanda-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lavanda-Regular.woff2') format('woff2'),
		url('../fonts/Lavanda-Regular.woff') format('woff'),
		url('../fonts/Lavanda-Regular.ttf') format('truetype'),
		url('../fonts/Lavanda-Regular.svg#Lavanda-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Didot';
	src: url('../fonts/Didot-HTF-B06-Bold.eot');
	src: url('../fonts/Didot-HTF-B06-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot-HTF-B06-Bold.woff2') format('woff2'),
		url('../fonts/Didot-HTF-B06-Bold.woff') format('woff'),
		url('../fonts/Didot-HTF-B06-Bold.ttf') format('truetype'),
		url('../fonts/Didot-HTF-B06-Bold.svg#Didot-HTF-B06-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Didot';
	src: url('../fonts/Didot-Italic.eot');
	src: url('../fonts/Didot-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot-Italic.woff2') format('woff2'),
		url('../fonts/Didot-Italic.woff') format('woff'),
		url('../fonts/Didot-Italic.ttf') format('truetype'),
		url('../fonts/Didot-Italic.svg#Didot-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Didot';
	src: url('../fonts/Didot.eot');
	src: url('../fonts/Didot.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot.woff2') format('woff2'),
		url('../fonts/Didot.woff') format('woff'),
		url('../fonts/Didot.ttf') format('truetype'),
		url('../fonts/Didot.svg#Didot') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Heavy.eot');
	src: url('../fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Heavy.woff2') format('woff2'),
		url('../fonts/Avenir-Heavy.woff') format('woff'),
		url('../fonts/Avenir-Heavy.ttf') format('truetype'),
		url('../fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Light.eot');
	src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Light.woff2') format('woff2'),
		url('../fonts/Avenir-Light.woff') format('woff'),
		url('../fonts/Avenir-Light.ttf') format('truetype'),
		url('../fonts/Avenir-Light.svg#Avenir-Light') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/Avenir-Regular.eot');
	src: url('../fonts/Avenir-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Avenir-Regular.woff2') format('woff2'),
		url('../fonts/Avenir-Regular.woff') format('woff'),
		url('../fonts/Avenir-Regular.ttf') format('truetype'),
		url('../fonts/Avenir-Regular.otf') format('opentype'),
		url('../fonts/Avenir-Regular.svg#Avenir-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}


/* Your app styles here */
html,
.page-content {
	scroll-behavior: smooth;
}

/* Your app styles here */
.pac-container {
	z-index: 999999 !important;
}

.tooltip {
	max-width: 80% !important;
}

.md body {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	color: #212121;
	line-height: 1.5;
}

.page-content {
	overflow-x: hidden;
}

.logo {
	display: block;
	margin: 0 auto;
	width: 180px;
	padding: 70px 0px;
}

.logo-container {
	background: url('../images/logo-background.jpg') no-repeat center;
	padding: 0px;
}

.md .list textarea {
	font-size: 14px;
}

.text-primary {
	/* color: #E50571; */
	color: #787878;
}

.sheet-modal {
	height: 480px;
}

.sheet-modal .page-content {
	padding-bottom: 20px;
}

.swipeout-actions-right {
	right: -1px !important;
}

.w20 {
	width: 20px !important;
}

.w40 {
	width: 40px !important;
}

.w80 {
	width: 80px !important;
}

.mw40 {
	min-width: 40px !important;
}

.fs25 {
	font-size: 25px !important;
}

.negative-margin {
	margin-top: -200px !important;
}

.no-margin-list {
	margin: 0px 0px 10px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pl100 {
	padding-left: 100px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.p0 {
	padding: 0px !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p30 {
	padding: 30px !important;
}

.plr15 {
	padding: 0px 15px !important;
}

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

.text-center {
	text-align: center;
}

.custom-nav {
	margin: 0px !important;
}

.list-note {
	padding: 0px 15px;
	font-size: 13px;
	font-style: italic;
}

.md .button {
	/* color: #E50571; */
	color: #787878;
}

.md .block-title.custom-nav-title {
	padding: 0px 0px 10px 0px !important;
	text-align: left;
	color: #212121;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Avenir';
	position: relative;
	text-transform: uppercase;
	margin: 30px 0px 10px !important;
}

.md .block-title.custom-nav-title:after {
	content: " ";
	width: 40px;
	height: 2px;
	/* background: #E50571; */
	background: #787878;
	/*background: #212121;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.md .left-nav-container .block-title.custom-nav-title {
	border-radius: 4px;
	margin: 10px 10px 0px !important;
	font-size: 16px;
}

.md .item-floating-label,
.md .item-label {
	font-size: 14px;
	text-align: left;
	line-height: 16px;
}

.md .block-title.custom-nav-title.lighter {
	background: #E50571;
}

.md .photo-browser-page .navbar,
.md .photo-browser-page .toolbar {
	background: #fff;
	color: #212121;
}

.md .photo-browser-page .icon-back {
	/*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");*/
}

.md .photo-browser-page .icon-forward {
	/*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23212121'%2F%3E%3C%2Fsvg%3E");*/
}

.photo-browser-captions-light .photo-browser-caption {
	color: #E50571;
	font-size: 20px;
	margin-bottom: 15px;
}

.md .button {
	padding: 5px 20px;
	height: auto;
	margin: 0px;
}

.md .navbar,
.md .fab-buttons a,
.md .fab>a,
.md .fab-buttons a.active-state,
.md .fab>a.active-state,
.md .button.button-active,
.md .button.button-fill,
.md .button.button-fill-md,
.md .button.tab-link-active,
.md .button.button-active.active-state,
.md .button.button-fill-md.active-state,
.md .button.button-fill.active-state,
.md .button.tab-link-active.active-state {
	/* background: #E50571; */
	background: #787878;
	/*background: #fff;*/
	color: #fff;
}

.md .navbar {
	background: #fff;
	color: #212121;
}

.md .checkbox input[type=checkbox]:checked~i,
.md label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,
.md label.item-checkbox input[type=checkbox]:checked~.icon-checkbox {
	background: #E50571;
	border-color: #E50571;
}

.md .item-input-focused .item-floating-label,
.md .item-input-focused .item-label {
	color: #E50571;
	outline: none !important;
}

.md .input-focused:after,
.md .item-input-focused .item-input-wrap:after {
	background: #E50571;
	outline: none !important;
}

.md .button.button-outline {
	/* border: 1px solid #E50571;
	color: #E50571; */
	border: 1px solid #787878;
	color: #787878;
}

.md .navbar .title {
	font-size: 15px;
	font-weight: 400;
}

.navbar i.icon {
	/*color: #6f6f6f;*/
}

.navbar-icon {
	width: 25px;
	position: relative;
	top: 6px;
	margin-right: 5px;
}

.md a {
	color: #E50571;
}

.md .list .item-inner:after {
	/*background-color: rgba(202, 202, 202, 0.3);*/
	background: none;
	content: '';
}

.md .list .no-after .item-inner:after {
	content: '';
	background: none;
}

.md .list ul:before {
	background: rgba(0, 0, 0, 0);
}

.md .list ul:after {
	background: rgba(0, 0, 0, 0);
	/*background-color: rgba(202, 202, 202, 0.3);*/
}

.small-title {
	margin-bottom: 0px !important;
	font-size: 12px;
	color: rgba(0, 0, 0, .65);
	font-weight: normal;
	line-height: 13px;
}

.md .list .main-nav .item-content {
	min-height: 50px;
	padding-left: 0px;
}

.list .main-nav .item-title {
	padding-left: 45px;
	font-size: 15px;
	/*color: #22364b;*/
}

/* FOR SIDE NAV */
.left-nav-container.panel {
	width: 340px;
}

.left-nav-container .page-content {
	overflow-x: hidden;
	border-bottom: 5px solid #E50571;
}

.nav-profile-container {
	height: 190px;
}

.nav-profile-container .close-left-nav {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.nav-profile-container .close-left-nav:hover {
	opacity: 0.7;
}

.nav-profile-container .banner {
	height: 140px;
	width: 100%;
	background: url('../images/main-nav-banner.jpg') no-repeat center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

.nav-profile-container .not-login {
	position: relative;
	padding: 20px 40px;
	margin-top: -45px;
	margin-bottom: 45px;
}

.nav-profile-container .not-login h2 {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Avenir';
	font-weight: 100;
	line-height: 1em;
	margin-left: 3px;
}

.nav-profile-container .not-login h1 {
	padding: 0px;
	margin: 0px;
	font-family: 'Avenir';
	font-weight: 700;
	font-size: 28px;
	color: #e50571;
	text-transform: uppercase;
	line-height: 1em;
}

.nav-profile-container .not-login .button-container {
	margin: 15px 0px;
	padding: 0px;
}

.nav-profile-container .not-login .button-container .button {
	width: auto;
	padding: 0px 15px;
	margin: 0px;
	display: inline-block;
	font-size: 14px;
}

.nav-profile-container .main {
	padding: 0 20px;
	position: relative;
	min-height: 100px;
	margin-bottom: 0px;
	top: -50px;
}

.nav-profile-container .main img {
	width: 60px;
	padding: 0px;
	border: 5px solid #fff;
	border-radius: 100%;
	background: #fff;
	margin: 10px 0px;
}

.nav-profile-container .main small {
	font-weight: 100;
	position: absolute;
	top: 31px;
	left: 134px;
	background: #fff;
	padding: 5px 25px 15px 15px;
	border-radius: 6px;
	font-size: 14px;
}

.nav-profile-container .main h1 {
	color: #E50571;
	font-size: 20px;
	width: calc(100% - 100px);
	line-height: 1.4em;
	font-family: 'Avenir';
	font-weight: 700;
	position: absolute;
	/*top: 33px;*/
	top: 7px;
	/*left: 140px;*/
	left: 95px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: capitalize;
}

.nav-profile-container .main h4 {
	font-size: 16px;
	width: 100%;
	line-height: 1em;
	font-weight: 100;
	position: absolute;
	top: 32px;
	left: 95px;
}

.nav-profile-container .main h4 strong {
	color: #fff;
	background: #E50571;
	padding: 3px 12px;
	font-weight: 100;
	font-size: 14px;
	border-radius: 4px;
}

.nav-profile-container .main .view-account {
	color: #fff;
	background: #E50571;
	position: absolute;
	right: 15px;
	top: 27px;
	padding: 10px 10px;
	border-radius: 50%;
	cursor: pointer;
	font-weight: 100;
	font-size: 20px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.nav-profile-container .main .view-account:hover {
	opacity: 0.7;
}

.nav-profile-container .main h1 strong {
	color: #E50571;
	font-weight: 100;
}

.nav-profile-container .main h4.status {
	text-transform: uppercase;
	text-align: center;
	color: #212121;
	border: 1px solid #212121;
	padding: 6px 30px;
	cursor: pointer;
	border-radius: 4px;
}

.list .main-nav .item-link .item-inner {
	background: none;
}

.side-navs {
	padding: 0px 10px;
	margin-bottom: 100px;
}

.side-navs .list {
	/*margin-bottom: 80px !important;*/
}

.md .side-navs .block-title.custom-nav-title {
	border-radius: 4px;
}

.available-points {
	margin: 10px 0px;
}

.available-points .row {
	padding: 0px 10px;
}

.available-points .col {
	margin: 0px;
	background: #fff;
	border-radius: 1px;
	padding: 0px 15px;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	overflow: hidden;
}

.available-points .col img {
	position: absolute;
	width: 40px;
	bottom: 3px;
	right: 10px;
}

.available-points .col img.item-backdrop {
	position: absolute;
	width: 60px;
	bottom: -15px;
	right: -10px;
	opacity: 0.1;
	transform: rotate(20deg);
}

.available-points .col h2 {
	margin: 0px;
	font-weight: 100;
	font-size: 22px;
}

.available-points .col h3 {
	margin: 0px;
	font-weight: 100;
	font-size: 13px;
	color: #999999;
}

.available-points .col small {
	margin: 0px;
	font-weight: 100;
	font-size: 12px;
	color: #999999;
	display: inline-block;
}

.footer-navs {
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 60px;
	overflow: hidden;
	background: #f8f8f8;
	width: 100%;
	/*border-top: 1px solid #f1f1f1;*/
	z-index: 1;
}

.footer-navs .main-nav {
	height: 100%;
	width: 60px;
	float: right;
	background: #fff;
	border-left: 1px solid #f1f1f1;
	border-top: 1px solid #fff;
}

.footer-navs img {
	width: 70px;
	margin-top: 15px;
	margin-left: 15px;
}

.main-nav.active {
	background: #E50571;
	color: #fff;
}

.main-nav.active .item-title {
	color: #fff;
}

.main-nav.active:before {
	color: #fff;
}

.main-nav:before {
	font-family: 'Material Icons Outlined';
	position: absolute;
	top: 14px;
	left: 13px;
	color: #22364b;
	font-size: 16px;
}

.main-nav.dashboard:before {
	content: 'timeline';
}

.main-nav.report:before {
	content: 'attach_file';
}

.main-nav.walletpaymentlist:before {
	content: 'cloud_download';
}

.main-nav.withdrawalrequestlist:before {
	content: 'account_balance_wallet';
}

.main-nav.codelist:before {
	content: 'format_list_numbered';
}

.main-nav.generatecodes:before {
	content: 'add';
}

.main-nav.ordercreate:before {
	content: 'add';
}

.main-nav.orderconfirmlist:before {
	content: 'layers_alt';
}

.main-nav.orderpacklist:before {
	content: 'layers_alt';
}

.main-nav.orderreleaselist:before {
	content: 'layers_alt';
}

.main-nav.orderlist:before {
	content: 'layers_alt';
}

.main-nav.package:before {
	content: 'inbox';
}

.main-nav.products:before {
	content: 'shop_two';
}

.main-nav.category:before {
	content: 'category';
}

.main-nav.faq:before {
	content: 'support_agent';
}

.main-nav.banner:before {
	content: 'images';
}

.main-nav.offer:before {
	content: 'local_offer';
}

.main-nav.event:before {
	content: 'event';
}

.main-nav.post:before {
	content: 'space_dashboard';
}

.main-nav.postcard:before {
	content: 'view_day';
}

.main-nav.user-event:before {
	content: 'perm_contact_calendar';
}

.main-nav.expert:before {
	content: 'gpp_good';
}

.main-nav.ticket:before {
	content: 'support';
}

.main-nav.academy:before {
	content: 'school';
}

.main-nav.redemption:before {
	content: 'redeem';
}

.main-nav.promocode:before {
	content: 'confirmation_number';
}

.main-nav.review:before {
	content: 'star';
}

.main-nav.userlist:before {
	content: 'person';
}

.main-nav.adminaccountlist:before {
	content: 'supervisor_account';
}

.main-nav.history:before {
	content: 'format_list_numbered';
}

.main-nav.settings:before {
	content: 'gear';
}

.main-nav.profile:before {
	content: 'person';
}

.main-nav.fewuser:before {
	content: 'people';
}

.main-nav.logout:before {
	content: 'lock';
}

.main-nav.active {
	background: #e6270e;
}

.main-nav.active .item-title {
	color: #fff;
}

.main-nav.active:before {
	color: #fff;
}

.button-block {
	min-width: 100% !important;
}

.md .button.button-outline.button-red {
	border: 1px solid #e00c0c;
	color: #e00c0c;
}

.login-screen-content {
	background: url('../images/login-background.jpg') no-repeat center;
	background-size: cover;
	padding-left: 20px;
	padding-right: 20px;
	/*padding: 0px 80px;*/
}

.login-screen-content .logo {
	width: 290px;
	padding: 0px;
	margin: 150px auto 60px;
}

.login-screen-content h1 {
	text-transform: uppercase;
	text-align: center;
	color: #E50571;
	font-size: 35px;
	width: 80%;
	margin: 80px auto 60px;
	line-height: 1.2em;
}

.login-screen-content .block-footer {
	margin-top: 60px !important;
	font-size: 12px;
	padding-bottom: 40px;
}

.cust-item {
	padding: 10px 10px 10px;
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
}

.cust-item.with-padding {
	padding: 15px 15px 15px;
}

.cust-item .img-cont {
	width: 90px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.cust-item .img-cont img {
	height: 215px;
	width: auto;
	position: relative;
	top: 0;
	left: 50%;
	background: #fff;
	cursor: pointer;
	transform: translate(-50%, 0%);
}

.cust-item.product-inventory {
	/*border: 1px solid #ededed;*/
	position: relative;
	padding: 10px;
	margin: 0px 0px 10px;
	border: none;
}

.cust-item.product-inventory .account-type {
	right: 10px;
	top: 10px;
}

.cust-item.with-padding .account-type {
	right: 15px;
	top: 15px;
}

.cust-item img {
	width: 65px;
	float: left;
	margin-right: 10px;
}

.cust-item img.profile-picture {
	width: 30px;
	margin-top: 3px;
}

.cust-item img.img-square {
	width: 50px;
}

.cust-item img.w75 {
	width: 75px;
}

.cust-item img.w120 {
	width: 120px;
}

.cust-item h1 {
	display: block;
	font-size: 20px;
	margin: 0px;
	font-weight: 100;
}

.cust-item h2.custom-title {
	display: block;
	font-size: 16px;
	margin: 0px;
	font-weight: 100;
	padding: 2px 10px;
	text-align: center;
	background: #E50571;
	color: #fff;
}

.cust-item h4 {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
}

.cust-item h4 span.lowercase {
	text-transform: lowercase;
}

.cust-item h4 span {
	font-weight: 100;
}

.cust-item p {
	/*display: inline-block;*/
	display: block;
	font-size: 13px;
	margin: 0px 0px 0px;
}

ul.blocks {
	list-style: none;
	margin: 5px 0px 0px !important;
	padding: 0px !important;
	display: flex;
	flex-wrap: wrap;
}

ul.blocks li {
	list-style: none;
	margin: 3px 3px 0px 0px;
	padding: 5px 8px;
	border: 2px solid #E50571;
	font-size: 10px;
	cursor: pointer;
	flex-grow: 1;
	width: auto;
	text-align: center;
	border-radius: 5px;
}

ul.blocks.admin-blocks li {
	font-size: 12px;
	text-align: left;
	padding: 5px 15px;
}

ul.blocks.warehouse-selection li {
	font-size: 12px;
	padding: 5px 12px;
}

ul.blocks li.active {
	background: #E50571;
	color: #fff;
}

ul.blocks li.others {
	width: 100%;
	text-transform: uppercase;
	color: #E50571;
	background: #fff;
}

.cust-item.used h1 {
	color: red;
	text-decoration: line-through;
}

.swipeout-content {
	display: none !important;
}

.md .dialog-buttons {
	margin-bottom: 10px;
}

.md .list.cust-list {
	margin: 0px 12px 30px;
	background: #fff;
	/*border: 1px solid #f1f1f1;*/
	border-radius: 4px 4px 0px 0px;
}

.md .list.cust-list ul li {
	/*padding-top: 8px; */
	position: relative;
}

.md .list.cust-list ul li h1 {
	margin: 0px;
	font-weight: 100;
	font-size: 18px;

	text-overflow: ellipsis;
	width: 65%;
	overflow: hidden;
	white-space: nowrap;
	/*margin-top: 5px;*/
}

.md .account-type,
.md .status-type,
.md .status-format {
	padding: 5px 8px 3px;
	color: #fff;
	/* background: #E50571; */
	background: #787878;
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 10px;
	border-radius: 4px;
}

.md .status-type {
	top: 45px;
}

.md .status-format {
	top: 75px;
}

.md .account-type.gray,
.md .status-type.gray,
.md .status-format.gray {
	background: #828282;
}

.md .account-type.red,
.md .status-type.red,
.md .status-format.red {
	background: #f44336;
}

.md .list.cust-list ul li .payment-type {
	padding: 2px 8px;
	color: #fff;
	background: #E50571;
	position: absolute;
	right: 15px;
	top: 45px;
	font-size: 12px;
}

.md .list.cust-list ul li .status-type,
.md .list.cust-list ul li .status-format {
	padding: 2px 8px;
	color: #fff;
	background: #E50571;
	position: absolute;
	right: 15px;
	top: 75px;
	font-size: 12px;
}

.md .feature-type {
	padding: 2px 8px;
	color: #fff;
	background: #E50571;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 11px;
}

.md .list.cust-list ul li .account-type.small.red {
	background: #ca191f;
}

.md .list.cust-list ul li .account-type.small.green {
	background: #4caf50;
}

.md .list.cust-list ul li .account-type.small {
	font-size: 12px;
}

.md .list.cust-list ul li img.item-backdrop {
	position: absolute;
	bottom: -30px;
	right: -40px;
	width: 120px;
	opacity: 0.12;
	transform: rotate(-30deg);
}

.md .fab>a {
	background: #E50571;
	background: #787878;
	color: #fff;
}

.image-container,
.language-container {
	display: block;
	width: 100%;
}

.language-container {
	margin-top: 32px;
}

.language-container div {
	width: 100%;
	display: block;
}

.image-container h5,
.language-container h5,
.blocks-container h5,
.text-editor h5 {
	font-size: 13px;
	width: 100%;
	color: rgba(0, 0, 0, .65);
	font-weight: normal;
	line-height: 13px;
	margin: 0px 0px 10px;
	text-align: left;
}

.blocks-container h5 {
	display: block;
}

.image-container .add-image {
	border: 2px dashed #ccc;
	margin-right: 3px;
	cursor: pointer;
	border-radius: 0px;
	width: 80px;
	height: 100px;
}

.md .list .image-container .item-inner:after,
.md .list .language-container .item-inner:after {
	content: '';
	background: transparent;
}

.image-container .image {
	display: inline-block;
	width: 80px;
	height: 100px;
	margin: 0px 7px 0px 0px;
	border: 2px solid #ccc;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.image-container .image.active {
	border-color: #E50571;
}

.image-container .image img {
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
}

.image-container .image .button-remove {
	position: absolute;
	bottom: 0px;
	left: -5px;
	z-index: 1;
	font-size: 11px;
	line-height: 25px;
	height: 30px;
	border-radius: 0px;
}

.md .popup .navbar .title {
	margin: 0 16px;
}

.md .dialog-button {
	color: #E50571;
}

.image-uploader {
	position: relative;
	text-align: center;
	margin-top: 70px;
}

.image-uploader .add-image {
	border: 2px dashed #ccc;
	margin: 0 auto;
	cursor: pointer;
	width: 250px;
}

.image-uploader p {
	font-size: 20px;
	/*color: #E50571;*/
}

.image-uploader p small {
	display: block;
	font-size: 12px;
}

.image-cropper-container {
	text-align: center;
	margin-top: 70px;
}

.image-cropper-container button {
	display: inline-block;
	min-width: 45px !important;
	/*width: 45px !important;*/
	width: auto !important;
	text-align: center;
}

.image-cropper-container button.button-fill {
	/*width: 140px !important;*/
}

.md .image-cropper-container button.button-fill.button-select {
	display: inline-block;
	width: 290px !important;
	background: #E50571;
	margin-top: 15px !important;
}

.sort-toggle {
	float: right;
}

.sort-toggle .icon-only.link {
	color: #fff;
}

.list li.active {
	/*background: #E50571;*/
	background: #fff;
}

.list li.active .item-title {
	color: #E50571;
}

.list li.active:before {
	color: #E50571;
}

.data-table .language-code {
	width: 30px;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.language-list ul {
	padding: 0px 0px;
}

.language-list ul li {
	border-bottom: 1px solid #f3f3f3;
	padding: 10px 0px 3px;
}

.language-list ul li:last-child {
	border-bottom: none;
}

.language-list .code {
	background: #E50571;
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
}

.language-list .content {
	margin-left: 10px;
}

.language-list.product-variant .content {
	position: absolute;
	top: 20px;
	text-overflow: ellipsis;
	width: 85%;
	overflow: hidden;
}

.custom-popup .box-container {
	padding: 20px;
}

.custom-popup .box-container .list {
	margin-top: 10px;
}

.charts-panel {
	background: #fff;
	min-height: 80px;
	display: block;
	position: relative;
	padding: 10px 20px;
	margin: 15px;
	border: 1px solid #eae8e8;
	overflow: hidden;
}

.custom-panel {
	background: #fff;
	min-height: 80px;
	display: block;
	position: relative;
	padding: 10px 20px;
	margin: 15px;
	border: 1px solid #eae8e8;
	overflow: hidden;
	background: url(../images/dash-background.jpg) no-repeat center;
	background-size: cover;
}

.custom-panel .info-box-stats {
	z-index: 1;
}

.custom-panel .info-box-stats h3 {
	font-size: 35px;
	margin: 10px 0px 0px;
	font-weight: 100;
	line-height: 1.4em;
	color: #E50571;
	text-align: left;
}

.custom-panel .info-box-stats span.info-box-title {
	margin: 3px auto 10px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #212121;
}

.custom-panel i {
	position: absolute;
	font-size: 68px;
	top: 50%;
	right: 20px;
	color: #E50571;
	z-index: 0;
	transform: translate(0, -50%);
}

.custom-panel h3 {
	text-align: center;
	padding: 0px;
	font-weight: 100;
	margin: 20px auto 0px;
	font-size: 18px;
	color: #333333;
}

.md .toolbar a.link i+i,
.md .toolbar a.link i+span,
.md .toolbar a.link span+i,
.md .toolbar a.link span+span {
	margin-left: 0px;
}

.md .toolbar a.link {
	height: 60px;
}

.md .navbar .title {
	margin: 0px;
}

.md .navbar .title img {
	margin-left: 16px;
}

.md .navbar:after {
	background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0,
			rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .00) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}

.md .messagebar:after,
.md .toolbar-bottom-md:after {
	background: linear-gradient(to top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .01) 30%, rgba(0, 0, 0, .00) 60%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
}

.md .button.button-small.button-outline,
.md .button.button-small-md.button-outline {
	border-width: 1px;
	line-height: 26px;
}

.md .custom-panel .list {
	margin-top: 20px;
}

.md .toolbar a {
	color: #7b7b7b !important;
}

.md .toolbar a.active {
	color: #E50571 !important;
}

.md .toolbar {
	background: #fff;
}

.md .toolbar-inner {
	overflow: visible;
}

.md .tabbar-labels a.tab-link.tab-link-center {
	background: #E50571;
	position: relative;
	height: 140%;
	border-radius: 50%;
	color: #fff !important;
	justify-content: start;
	padding-top: 15px;
}

.main-banner {
	height: 220px;
	overflow: hidden;
	/*-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);*/
	/*clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);*/
}

.main-banner img {
	width: 100%;
}

.md .list .item-media+.item-inner {
	margin-left: 0px;
}

/* FOR SERVICES CARDS */
.cards-container {
	position: relative;
	padding: 10px 10px;
	/*margin-top: -100px;*/
}

.cards {
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	padding: 20px;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	display: block;
}

.md a.cards {
	color: #212121;
}

.cards img {
	position: absolute;
	width: 60px;
	top: 50%;
	margin-top: -30px;
	right: 20px;
}

.cards h3 {
	font-weight: 100;
	font-size: 23px;
	margin: 5px 0px;
}

.coming-soon {
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	height: 100%;
	font-weight: 100;
	font-size: 18px;
	text-align: center;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
	line-height: 5em;
	z-index: 1;
	color: #999999;
}

/* FOR ACCOUNT TREE */
.md .block.searchbar-container {
	/*margin-top: -210px !important;*/
	margin-top: 0px;
	padding: 3px;
	margin: 0px;
}

.md .block.tree-container {
	text-align: center;
	position: relative;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	padding: 30px 0px 5px;
	margin: 10px;
}

.tree-container .row {
	padding: 10px;
}

.tree-container img {
	width: 70px;
	border: 5px solid #bfbfbf;
	border-radius: 100%;
}

.tree-container h2 {
	margin: 0px;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tree-container h3 {
	margin: 0px;
	font-weight: 100;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	margin-bottom: 25px;
}

.tree-container .small.row {
	margin-bottom: 10px;
}

.tree-container .small img {
	width: 40px;
	border-width: 2px;
}

.tree-container .small h2 {
	font-size: 14px;
}

.tree-container .small h3 {
	font-size: 10px;
	display: none;
}

/* FOR ACCOUNTS PAGE */
.account-container {
	margin: 0px 10px;
	margin-top: -200px;
	background: #fff;
	border: 1px solid #eae8e8;
	border-radius: 1px;
	padding: 30px;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
}

.account-container img {
	width: 80px;
	border: 3px solid #E50571;
	border-radius: 100%;
	position: absolute;
	top: 11px;
	left: 15px;
}

.account-container h2 {
	margin: 0px;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 85px;
}

.account-container h3 {
	margin: 0px;
	font-weight: 100;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 85px;
}

.settings-container {
	margin: 0px 10px;
	background: #fff;
	/*border: 1px solid #eae8e8;*/
	border-radius: 1px;
	padding: 10px 30px 0px;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
}

.md .settings-container .list {
	margin: 0px;
}

/* FOR WALLET PAGES */
.wallet-container {
	margin: 0px 10px;
	margin-top: -190px;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	padding: 20px;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
}

.wallet-container .title {
	background: #E50571;
	padding: 6px 12px;
	position: absolute;
	top: -17px;
	right: 20px;
	color: #fff;
}

.wallet-container h1 {
	font-weight: 100;
	margin: 20px 0px 0px;
	line-height: 1em;
	font-size: 25px;
	font-style: italic;
}

.wallet-container p {
	font-size: 14px;
}

.wallet-container blockquote {
	margin: 20px auto;
}

blockquote {
	font-size: 1.4em;
	width: 90%;
	margin: 50px auto;
	font-family: Open Sans;
	font-style: italic;
	color: #555555;
	padding: 10px 69px 1.2em 32px;
	line-height: 1.6em;
	position: relative;
}

blockquote::before {
	font-family: Arial;
	content: "\201C";
	color: #E50571;
	font-size: 4em;
	position: absolute;
	left: -8px;
	top: 25px;
}

blockquote::after {
	content: '';
}

.wallet-container img {
	width: 60px;
	border: 3px solid #bfbfbf;
	border-radius: 100%;
	float: left;
	margin-left: -5px;
	margin-top: -10px;
	margin-right: 10px;
}

.wallet-container h2 {
	margin: 0px;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wallet-container h3 {
	margin: 0px;
	font-weight: 100;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* FOR DASHBOARD PAGES */
/*.logo-container{
	margin: 0px 10px;
	margin-top: -205px;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	padding: 15px 20px;
	position: relative;
	cursor: pointer;
	margin-bottom: 0px;
}
.logo-container img{
	width: 100px;
	padding: 0px;
	margin: 0px;
}*/
.account-container.dashboard {
	margin-top: -205px;
}

.account-container.dashboard img {
	position: relative;
	float: left;
	width: 60px;
	top: -10px;
	left: 0;
}

.account-container.dashboard h2 {
	margin-left: 76px;
}

.account-container.dashboard h3 {
	margin-left: 76px;
}

.dashboard-account-container {
	/*margin-top: -195px;*/
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}

.dashboard-account-container img {
	width: 70px;
	border-radius: 100%;
	/*border: 3px solid #E50571;*/
}

.dashboard-account-container h2 {
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

.dashboard-account-container h3 {
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 14px;
}

.dashboard-account-container .account-date {
	background: #fff;
	width: 180px;
	display: block;
	margin: 10px auto;
	padding: 6px 20px;
	/*border: 3px solid #E50571;*/
	color: #E50571;
	font-size: 17px;
	text-transform: uppercase;
}

/*.dashboard-wallet-container{
	margin-top: -205px;
}*/
.dashboard-wallet-container .row {
	padding: 0px 10px;
}

.md .dashboard-wallet-container .row .col:nth-last-child(2),
.md .dashboard-wallet-container .row .col:nth-last-child(2)~.col {
	width: 50%;
	width: calc((100% - 8px*1)/ 2);
}

.dashboard-wallet-container .col {
	margin: 0px;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 1px;
	padding: 15px 20px;
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
	position: relative;
}

.dashboard-wallet-container .col img {
	position: absolute;
	width: 20px;
	bottom: 10px;
	right: 10px;
	top: auto !important;
	left: auto !important;
	transform: translate(0, 0);
}

.dashboard-wallet-container .col img.item-backdrop {
	position: absolute;
	width: 145px;
	bottom: -35px;
	right: -34px;
	opacity: 0.07;
}

.dashboard-wallet-container .col h2 {
	margin: 0px;
	font-weight: 100;
	font-size: 22px;
}

.dashboard-wallet-container .col h3 {
	margin: 0px;
	font-weight: 100;
	font-size: 16px;
	color: #999999;
}

.dashboard-wallet-container .col small {
	margin: 0px;
	font-weight: 100;
	font-size: 12px;
	color: #999999;
	display: inline-block;
}

.box-container {
	margin: 10px 10px;
	background: #fff;
	/*background: url('../images/panel-background.jpg') no-repeat center;*/
	background-size: cover;
	/*border: 1px solid #bfbfbf;*/
	/*border: 1px solid #eae8e8;*/
	border-radius: 1px;
	padding: 0px;
	position: relative;
	cursor: pointer;
}

.negative-margin {
	margin-top: -170px;
}

.box-container.referral {
	background: url('../images/referral-background.jpg') no-repeat center -45px;
	background-size: cover;
}

.box-container.services {
	background: url('../images/services-background.jpg') no-repeat center;
	background-size: cover;
}

/*.box-container .title, .settings-container .title{
	background: #E50571;
	padding: 10px 12px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 6px;
}*/
.box-container .title,
.settings-container .title {
	padding: 0px 0px 5px 0px;
	text-align: left;
	border-radius: 3px;
	/*color: #E50571;*/
	color: #212121;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Avenir';
	position: relative;
	text-transform: uppercase;
}

.box-container .title:after,
.settings-container .title:after {
	content: " ";
	width: 40px;
	height: 3px;
	background: #E50571;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.box-container h2,
.settings-container h2 {
	margin: 0px;
	font-weight: 100;
	font-size: 20px;
	text-align: center;
}

.box-container.shortcuts h2 {
	margin-bottom: 15px;
}

.image-container {
	text-align: center;
}

.image-container img {
	/*width: 70px;*/
	margin-right: 10px;
	/*border: 2px solid #fff;*/
	/*border-radius: 100%;*/
	cursor: pointer;
}

.settings-container.dashboard .item-title {
	/*color: #E50571;*/
}


/* FOR REGISTER PAGE */
.register-page .login-screen-content {
	background: url(../images/banner-background.jpg) no-repeat center;
}

.register-page .login-screen-content .logo {
	width: 200px;
}

.register-logo-container {
	background: #033c40;
	background: url(../images/register-background.jpg) no-repeat center;
	margin: 0px;
	border-radius: 3px;
	padding: 15px 20px;
	position: relative;
	cursor: pointer;

	margin-top: 25px;
	padding-bottom: 25px;

	-webkit-transform: skewY(-10deg);
	-moz-transform: skewY(-10deg);
	-ms-transform: skewY(-10deg);
	-o-transform: skewY(-10deg);
	transform: skewY(-10deg);
}

.register-logo-container img {
	-webkit-transform: skewY(10deg);
	-moz-transform: skewY(10deg);
	-ms-transform: skewY(10deg);
	-o-transform: skewY(10deg);
	transform: skewY(10deg);
}

.register-page .wallet-container {
	margin-top: -10px;
}

.md .box-container .item-label {
	font-size: 14px;
	line-height: 15px;
}

.form-container {
	background: #fff;
	margin: 0 10px;
	padding: 30px 10px 20px;
}

.register-page .box-container {
	background: #fff;
	background: url(../images/form-background.jpg) no-repeat center;
}

.register-page .box-container h2 {
	margin-bottom: 20px;
}

.register-page .block-footer {
	text-align: center;
	margin-top: 30px;
}

.terms-box {
	font-size: 16px;
	padding: 30px 30px;
	text-align: justify;
}

.terms-box .button {
	margin-top: 20px;
}

.image-checkbox {
	width: 40px;
	position: absolute;
	top: 30px;
	left: 20px;
}

.md .page-content .searchbar {
	border-radius: 4px;
}

.md .searchbar input[type=search],
.md .searchbar input[type=text] {
	padding-left: 43px;
	font-size: 14px;
}

.md .searchbar-icon,
.md .searchbar-disable-button {
	left: 0px;
	background-size: 18px 18px;
}

.md .searchbar-backdrop {
	display: none !important;
}

.md .block.searchbar-container {
	/*margin-top: -210px !important;*/
	margin-top: 0px;
	padding: 3px;
	margin: 0px;
}

.md .search-not-found {
	display: block;
	position: relative;
	margin: 5px 11px;
	text-align: center;
	background: #fff;
	/*padding: 25px;*/
	padding: 30px 20px 70px;
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 60px;
	border-radius: 5px;
}

/*.md .search-not-found img{
	display: block;
	margin: 30px auto;
	width: 75px;
}*/
.md .search-not-found .icon {
	display: block;
	margin: 30px auto;
	width: 75px;
	font-size: 46px;
	opacity: 1 !important;
}

.create-order-page .box-container {
	padding: 15px;
	border-radius: 4px;
}


/* SHEET MODAL FOR FILTER AND SORTS */
.options-component .block-title.custom-nav-title {
	padding: 15px 15px;
	border-radius: 4px;
}

.filter-container {
	position: relative;
	padding: 0px 20px 0px;
}

.filter-container:first-child {
	margin-top: 20px;
}

.filter-container .custom-nav-title {
	margin-bottom: 10px !important;
}

.sort-container {
	position: relative;
	padding: 0px 20px 0px;
}

.sort-container .sort-title,
.filter-container .filter-title {
	position: relative;
}

.sort-container .sort-title .button,
.filter-container .filter-title .button {
	position: absolute;
	top: -5px;
	right: 0px;
	border-color: #fff;
	color: #fff;
	line-height: 24px;
	height: auto;
	font-size: 10px;
	padding: 2px 4px;
}

.sort-container .custom-nav-title {
	margin-bottom: 10px !important;
}

.sort-container h5 {
	padding: 0px 5px;
	margin: 0px;
	font-weight: 100;
	font-size: 15px;
	color: #595959;
}

.sort-container ul {
	list-style: none;
	margin: 0px;
	padding: 10px 5px;
}

.sort-container ul li {
	background: #e2e2e2;
	padding: 5px 15px;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 4px
}

.sort-container ul li.active {
	background: #E50571;
	color: #fff;
}

.button-container {
	padding: 5px 5px;
	margin-bottom: 10px;
}

.swipe-note {
	text-align: right;
	margin-right: 15px;
	font-style: italic;
	font-size: 14px;
	z-index: 2;
	position: absolute;
	right: 0px;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	top: 67px;
}

.button-note {
	text-align: left;
	font-size: 12px;
	z-index: 2;
	margin-top: 8px;
	display: block;
	line-height: 20px;
	font-style: italic;
}

.md .list .button-container .item-content {
	padding-left: 0px;
}

.md .list .button-container .item-inner {
	padding-right: 0px;
}

.button-note strong {
	margin-top: 10px;
	display: inline-block;
}

.box-container h4 {
	padding: 0px 20px;
	font-weight: 100;
	font-size: 14px;
	margin-top: 10px;
}

.table {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
}

.table tr {
	/*background: #f3f3f3;*/
}

.table tr td {
	border-bottom: 1px solid #f1f1f1;
	padding: 8px 10px;
	font-size: 13px;
	vertical-align: middle !important;
	line-height: 16px;
}

.table tr td:nth-child(1) {
	width: 20px;
}

.table tr td:nth-child(2) {
	font-weight: 400;
}

.table tr td:nth-child(3) {
	text-align: right;
	padding-right: 10px;
	min-width: 45px;
}

.table tr td:nth-child(4) {
	text-align: right;
	width: 20px;
	padding-right: 10px;
}

.table tr td.no-products {
	text-align: center;
	background: #8c8c8c;
	color: #fff;
}

.table.with-padding tr td:first-child {
	padding-left: 15px;
}

.table.with-padding tr td:last-child {
	padding-right: 15px;
}

.table tr:last-child td {
	/*border: none;*/
}

.table.table-inventory-products tr td:nth-child(1) {
	width: 25px !important;
}

.table.table-inventory-products tr td:nth-child(2) {
	text-align: left;
}

/* FOR PRODUCT VIEW PAGE */
.product-details {
	position: relative;
	padding: 20px 10px;
	margin: 0px;
	padding-bottom: 20px;
}

.product-details h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 1.2em;
}

.product-details h4 {
	margin: 0px;
	padding: 0px;
}

.product-details h4.price {
	margin: 0px auto 15px;
	padding: 4px 15px;
	background: #E50571;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	font-size: 16px;
}

.product-details ul {
	list-style: none;
	padding: 0px;
	margin-top: 15px;
}

.product-details ul li {
	border: 1px solid #E50571;
	padding: 2px 12px;
	display: inline-block;
	color: #E50571;
	font-size: 12px;
	margin-right: 5px;
}

.product-details ul.variant-container li.variant {
	color: #000;
	border: 0px;
	padding: 0px;
	position: relative;
	display: block;
}

.product-details ul.variant-container li.variant h2 {
	top: -10px;
	left: 53px;
	position: absolute;
	font-weight: 100;
}

.product-details ul.variant-container li.variant img {
	width: 40px;
}

.product-details .button {
	padding: 19px 0px;
	line-height: 0em !important
}

.product-details .quantity {
	position: absolute;
	top: 5px;
	right: 0;
	background: #E50571;
	color: #fff;
	padding: 3px 6px;
}

.quantity small {
	font-size: 10px;
	vertical-align: super;
}

/* FOR CART PAGE */
.item-container.listing {
	margin: 12px;
}

.item-container .item {
	border: 1px solid #f1f1f1;
	margin: 5px 0px;
	position: relative;
	overflow: auto;
	background: #fff;
}

.item-container.listing .item {
	/*margin: 0px;*/
	border: none;
	/*box-shadow: -3px 1px 6px -6px black;*/
}

.item-container .item img {
	width: 105px;
	float: left;
	margin-right: 10px;
}

.item-container.listing .item img {
	width: 120px;
}

.item-container .item h3 {
	margin: 0px;
	padding: 2px 0px 0px;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(95% - 130px);
	margin-top: 7px;
}

.item-container .item h5 {
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: 100;
}

.item-container .item .button-container {
	position: absolute;
	/*bottom: 10px;*/
	top: 75px;
	margin: 0px;
	padding: 0px;
	left: 130px;
}

.item-container .item .button-container div {
	display: inline-block;
}

.item-container .item .button {
	min-width: 155px;
	margin-top: 8px;
	display: inline-block;
}

.item-container .item .feature-type {
	left: 0px;
	top: 0px;
	font-size: 15px;
	padding: 5px 16px;

	padding: 2px 8px;
	font-size: 11px;
}

.md .list.cust-list ul li.item-container {
	padding-top: 0px;
}

.cust-list .item-container {
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.no-cart-item {
	padding: 0px 15px 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
}

.no-cart-item p {
	text-align: center;
	padding: 20px 20px;
}

.cart-item {
	position: relative;
}

.cart-item h2 {
	font-size: 16px;
	margin-left: 15px;
	border-radius: 4px;
}

.cart-item .quantity {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #E50571;
	padding: 2px 10px;
	color: #fff;
	font-size: 18px;
}

.cart-shipping-details {
	padding: 0px 20px;
}

.cart-shipping-details h2 {
	font-size: 16px;
	font-weight: 100;
	color: #E50571;
}

.cart-shipping-details table {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.cart-shipping-details table td {
	border-bottom: 1px solid #f1f1f1;
	padding: 5px;
}

.cart-shipping-details table td:nth-child(1) {
	padding-left: 10px;
	min-width: 105px;
}

.cart-shipping-details table td:nth-child(2) {
	text-align: right;
	padding-right: 10px;
	font-weight: 700;
}

.payment-details {
	padding: 0px;
}

.payment-details table {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.payment-details table td {
	border-bottom: 1px solid #f1f1f1;
	padding: 6px 5px 12px;
}

.payment-details table td:nth-child(1) {
	width: 50px;
}

.payment-details table td:nth-child(1) img {
	width: 50px;
	cursor: pointer;
}

.payment-details table td:nth-child(2) {
	/*font-weight: 700;*/
}

.payment-details .button-container {
	margin-bottom: 20px;
}

.payment-details .payment-status {
	background: #E50571;
	padding: 4px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: 100;
}

.payment-details .payment-status.REJECTED {
	background: #b72b2b;
}

.cart-details {
	padding: 0px 13px;
}

.cart-details table {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.cart-details table td {
	border-bottom: 1px solid #f1f1f1;
	padding: 5px;
}

.cart-details table td:nth-child(1) {
	padding-left: 10px;
}

.cart-details table td:nth-child(2) {
	text-align: right;
	padding-right: 10px;
	font-weight: 700;
}

.cart-details .button-container {
	margin-bottom: 20px;
}

.variant-button {
	padding: 10px;
}

.variant-button .button {
	width: 100%;
	margin-top: 0px !important;
	padding: 12px 0px;
}

/* ORDER VIEW PAGE*/
.order-view-page {
	/*padding-bottom: 20px; */
}

.order-view-page .product-details h4 {
	margin: 20px 0px 20px;
	color: #fff;
	background: #E50571;
	padding: 7px 10px;
	font-weight: 100;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
}

.order-view-page .product-details h4.price {
	position: absolute;
	top: 0px;
	right: 15px;
	padding: 4px 15px;
	font-size: 14px;
}

.order-view-page .cart-details {
	padding: 0;
}

.order-view-page .cart-details table td:nth-child(1) {
	padding-left: 0;
	width: 115px;
}

.order-view-page .cart-details table td:nth-child(2) {
	padding-right: 0;
}

.order-view-page .item-container.listing {
	margin: 8px 0px;
}

.order-view-page .item-container.listing .item img {
	width: 90px;
}

.order-view-page .cart-details.order-history table td:nth-child(1) {
	width: 200px;
}

.order-view-page .cart-details.order-history table td:nth-child(1) strong {
	color: #E50571;
	font-weight: 100;
}

.order-view-page .cart-details.order-transaction table td:nth-child(1) {
	width: 250px;
}

.order-view-page .cart-details.order-transaction table td:nth-child(1) strong {
	color: #E50571;
	font-weight: 100;
}

.order-view-page .item-container.listing.small-image .item img {
	width: 50px;
}

.order-view-page .item-container.listing.small-image .item .quantity {
	padding: 5px 10px;
}

.order-view-page .item-container.listing.small-image .item h2 {
	margin-top: 10px;
}

.order-view-page .item-container.listing.small-image .item table {
	margin-top: 0px;
}

/* ORDER RECEIPT */
.receipt {
	background: #fff;
	border: 1px solid #e2e0e0;
	min-height: calc(260mm - 40px);
	width: calc(210mm - 80px);
	margin: 10px auto;
	padding: 40px;
	position: relative;
}

.receipt table.main-table {
	width: 100%;
	border-collapse: collapse;
}

.receipt h1 {
	margin: 0px;
	padding: 0px;
}

.receipt h3 {
	margin: 0px;
	padding: 0px;
}

.receipt h4 {
	margin: 0px;
	padding: 0px;
}

.receipt tr.header-details th,
.receipt tr.header-details td {
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

.receipt tr.header-details img {
	width: 175px;
}

.receipt tr.order-details th,
.receipt tr.order-details td {
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

.receipt tr.billing-details th,
.receipt tr.billing-details td {
	width: 50%;
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
	padding: 5px 10px 5px;
	vertical-align: top;
}

.receipt tr.billing-details th {
	background: #e2e2e2;
}

.receipt .orderitem-details {
	margin-top: 10px;
	min-height: 430px;
	border-bottom: 1px solid #e3e3e3;
}

.receipt .orderitem-details table {
	border-collapse: collapse;
	width: 100%;
}

.receipt .orderitem-details table tr th,
.receipt .orderitem-details table tr td {
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
	padding: 5px 10px 5px;
}

.receipt .orderitem-details table tr th:nth-child(1),
.receipt .orderitem-details table tr td:nth-child(1) {
	width: 40px;
	text-align: center;
}

.receipt .orderitem-details table tr th:nth-child(3),
.receipt .orderitem-details table tr td:nth-child(3) {
	width: 135px;
	text-align: center;
}

.receipt .orderitem-details table tr th:nth-child(4),
.receipt .orderitem-details table tr td:nth-child(4) {
	width: 135px;
	text-align: center;
}

.receipt .orderitem-details table tr th {
	background: #e2e2e2;
}

.receipt .remarks-details {
	margin-top: 10px;
}

.receipt .remarks-details table {
	border-collapse: collapse;
	width: 100%;
}

.receipt .remarks-details table tr th,
.receipt .remarks-details table tr td {
	/*text-align: center;*/
	padding: 5px 20px;
}

.receipt .remarks-details table tr th {
	width: 100px;
	font-weight: bold;
}

.receipt .remarks-details table tr th:nth-child(1),
.receipt .remarks-details table tr td:nth-child(1) {
	text-align: left;
}

.receipt .remarks-details table tr th:nth-child(2),
.receipt .remarks-details table tr td:nth-child(2) {
	text-align: right;
}

.receipt .remarks-details table tr td {
	/*border-bottom: 1px solid #e3e3e3;*/
}

.receipt .remarks-details table tr.gray th,
.receipt .remarks-details table tr.gray td {
	background: #e2e2e2;
}

.receipt .remarks-details .remarks {
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.receipt .remarks-details .remarks p {
	margin: 0px;
}

.receipt .footer-details {
	margin-top: 15px;
}

.receipt .footer-details table {
	border-collapse: collapse;
	width: 100%;
}

.receipt .footer-details table tr th,
.receipt .footer-details table tr td {
	text-align: center;
	padding: 20px 20px 5px;
	width: 33%;
	background: #f9f9f9;
	border: 1px solid #e3e3e3;
}

.receipt table.subtable tr td {
	border: none;
	padding: 0px 10px;
	font-size: 12px;
}

/* MEDIA FOR PRINTING */
@page {
	size: A4 portrait
}

@media print {

	html,
	body {
		min-width: 100px !important;
		page-break-after: auto !important;
		page-break-before: auto !important;
		height: auto !important;
		overflow: visible !important;
		margin: 0px !important;
		padding: 0px !important;
	}

	#mainApp {
		page-break-before: auto !important;
		height: 90% !important;
		border: 1px solid #fff !important;
		overflow: visible !important;
	}

	.no-print,
	.no-print * {
		display: none !important;
	}

	.page-content,
	.page-current,
	.framework7-root,
	.views,
	.view,
	.page {
		width: 100%;
		padding-top: 0px !important;
		page-break-after: auto !important;
		page-break-before: auto !important;
		height: 90% !important;
		margin: 0px !important;
		overflow: visible !important;
	}

	.receipt {
		margin: 0px !important;
		position: relative;
		border: 0px;
		height: 90% !important;
		page-break-after: auto !important;
		page-break-before: auto !important;
		padding: 15px !important;
	}

	.receipt tr.billing-details th {
		background: #e2e2e2;
		-webkit-print-color-adjust: exact;
	}

	.receipt .orderitem-details table tr th {
		background: #e2e2e2;
		-webkit-print-color-adjust: exact;
	}

	.receipt .remarks-details table tr.gray th,
	.receipt .remarks-details table tr.gray td {
		background: #e2e2e2;
		-webkit-print-color-adjust: exact;
	}
}

/* FOR UPDATING PRODUCT VARIANT QUANTITY */
ul.product-table,
ul.product-table li {
	list-style: none;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
}

ul.product-table {
	margin-top: 10px;
	padding: 0px 10px 10px;
}

ul.product-table li {
	padding: 10px;
	border-bottom: 1px solid #f1f1f1;
}

ul.product-table li:nth-child(even) {
	background: #fbfbfb;
}

ul.product-table li.hasVariant {
	border: none;
}

.item-container .item ul.product-table li img {
	float: none;
	width: 40px;
}

.item-container .item ul.product-table li h4 {
	font-weight: 100;
	margin: 0px;
	display: inline-block;
	position: relative;
	top: -4px;
	font-size: 15px;
}

ul.product-table div {
	display: inline-block;
}

ul.product-table ul {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

ul.product-table ul li {
	padding-left: 20px;
}

ul.product-table ul li:last-child {
	border: none;
}

ul.product-table div.quantity-selection {
	float: right;
}

ul.product-table div.over-selection {
	margin-left: 43px;
}

ul.product-table div.over-selection.gray {
	color: #d0d0d0;
}

input[type="text"].custom-input {
	border-bottom: 1px solid #E50571;
	width: 40px;
	position: relative;
	top: 12px;
	padding-bottom: 2px;
	text-align: center;
}

input[type="text"][disabled].custom-input {
	border-color: #e3e3e3;
}

/* FOR ACCOUNT VIEW */
.table.table-account {}

.table.table-account tr td:nth-child(1) {
	width: 180px;
	font-weight: 100;
	padding-left: 5px;
	text-align: left;
	/*color: #E50571;*/
	font-weight: 700;
}

.table.table-account tr td:nth-child(2) {
	text-align: right;
	padding-right: 5px;
	/*color: #E50571;*/
	color: #212121;
}

.table.table-transaction tr td:nth-child(1) {
	width: 20px;
}

.table.table-transaction tr td:nth-child(1) img {
	width: 20px;
}

.table.table-transaction tr td:nth-child(2) {
	min-width: 80px;
	padding-left: 5px;
	text-align: left;
}

.table.table-transaction tr td:nth-child(3) {
	text-align: right;
}

.table.table-transaction tr td:nth-child(4) {
	text-align: right;
	min-width: 50px;
	padding-right: 5px;
}

.table.table-transaction thead tr td {
	font-weight: bold;
}

.md .segmented .button.button-outline {
	border: 1px solid #E50571;
}

.md .segmented .button.button-outline.button-red {
	border: 1px solid #e00c0c;
	color: #e00c0c;
}

/* FOR ORDER CREATE */
.md .list.cust-list ul li.item-container {
	padding-top: 0px;
}

.cust-list .item-container {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.cart-item {
	position: relative;
}

.cart-item h2 {
	font-size: 14px;
	margin: 15px 15px;
	background: #E50571;
	color: #fff;
	font-weight: 100;
	padding: 8px 12px;
	text-align: center;
}

.cart-item .quantity {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #E50571;
	padding: 2px 10px;
	color: #fff;
	font-size: 18px;
	border-radius: 4px;
}

.user-account-details {
	padding: 0px 15px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
}

.user-account-details h2 {
	font-size: 14px;
	background: #E50571;
	color: #fff;
	font-weight: 100;
	padding: 8px 12px;
	text-align: center;
	border-radius: 4px;
}

.user-account-details table img {
	width: 65px;
}

.user-account-details table td:nth-child(1) {
	width: 65px;
}

.user-account-details table td:nth-child(2) {
	text-align: left;
	padding-left: 10px;
	vertical-align: middle !important;
	font-size: 16px;
	line-height: 1.6em;
}

.variant-button {
	padding: 10px;
}

.variant-button .button {
	width: 100%;
	margin-top: 0px !important;
}

/* For Package Listing */
.table {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
}

.table tr {
	/*background: #f3f3f3;*/
}

.table tr td {
	border-bottom: 1px solid #f9f9f9;
	padding: 8px 10px;
	font-size: 13px;
	vertical-align: middle !important;
	line-height: 16px;
}

.table tr td:nth-child(1) {
	width: 20px;
}

.table tr td:nth-child(2) {
	font-weight: 400;
}

.table tr td:nth-child(3) {
	text-align: right;
	padding-right: 10px;
	min-width: 45px;
}

.table tr td:nth-child(4) {
	text-align: right;
	width: 20px;
	padding-right: 10px;
}

.table tr td.no-products {
	text-align: center;
	background: #8c8c8c;
	color: #fff;
}

/* Sheet modal for adding to cart */
.md .sheet-modal.quantity-modal {
	height: auto;
	min-height: 350px;
}

.quantity-modal .toolbar {
	background: #E50571;
	padding: 10px 20px;
	font-size: 16px;
	height: auto;
}

.quantity-modal .sheet-modal-inner {
	padding: 20px;
}

.quantity-modal img {
	width: 65px;
	float: left;
	margin-right: 10px;
}

.quantity-modal h2 {
	margin: 0px;
	padding: 6px 0px 0px;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(95% - 130px);
}

.quantity-modal h5 {
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: 100;
}

.quantity-modal p {
	margin-bottom: 5px;
}

.quantity-modal .button-container {
	position: absolute;
	/*bottom: 10px;*/
	top: 75px;
	margin: 0px;
	padding: 0px;
	left: 130px;
}

.quantity-modal .button {
	min-width: 155px;
	margin-top: 8px;
	display: inline-block;
}

.quantity-modal .list {
	margin-top: 0px;
	margin-bottom: 10px;
}

.quantity-modal .list .item-content {
	padding-left: 0px;
}

.quantity-modal .list .item-inner {
	padding-right: 0px;
}

.md .list ul ul.variant-container {
	padding: 0px;
}

.quantity-modal .variant {
	display: block !important;
	padding: 5px;
	margin: 7px 0px;
	min-height: 40px;
	position: relative;
	border: 1px solid #e0e0e0;
	cursor: pointer;
	height: 48px;
	width: auto;
}

.quantity-modal .list li.variant.active {
	border-color: #E50571;
	background: #E50571;
	color: #fff;
}

.quantity-modal .variant img {
	width: 35px;
	display: inline-block;
	float: none;
}

.quantity-modal .variant h2 {
	font-weight: 100;
	position: absolute;
	top: 4px;
	left: 50px;
}

.md .sheet-modal.user-account-modal {
	height: auto;
	min-height: 275px;
	padding: 20px;
}

.user-account-modal .toolbar {
	background: #E50571;
	padding: 10px 20px;
	font-size: 16px;
	height: auto;
	border-radius: 4px;
	text-align: center;
}

.user-account-modal .sheet-modal-inner {
	padding: 20px 5px;
}

.md .user-account-modal .list .item-content {
	padding-left: 0px;
}

.user-account-modal img {
	width: 65px;
	float: left;
	margin-right: 10px;
}

.user-account-modal h2 {
	margin: 0px;
	padding: 6px 0px 0px;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(95% - 130px);
}

.user-account-modal p {
	margin-bottom: 5px;
	margin-top: 0px;
}

.user-account-modal .button-container {
	position: absolute;
	/*bottom: 10px;*/
	top: 75px;
	margin: 0px;
	padding: 0px;
	left: 130px;
}

.user-account-modal .button {
	min-width: 155px;
	margin-top: 8px;
	display: inline-block;
}

.user-account-modal .list {
	margin-top: 0px;
	margin-bottom: 10px;
}

.user-account-modal .list .item-content {
	padding-left: 0px;
}

.user-account-modal .list .item-inner {
	padding-right: 0px;
}

.button-container .note {
	text-align: right;
	font-style: italic;
	font-size: 13px;
	z-index: 2;
	display: inline-block;
	margin-top: 20px;
}

.shop-page {}

.swiper-slide img {
	width: 100%;
}

.md .swiper-pagination-bullet-active {
	background: #E50571;
}

.categories {
	position: relative;
	display: flex;
	margin: 10px auto 0px;
}

.categories .category {
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	flex: 1;
	cursor: pointer;
}

.categories .category img {
	width: 50px;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
}

.categories .category h2 {
	margin: 0 auto;
	margin-top: 15px;
	font-weight: 100;
	font-size: 13px;
}

.featured {
	position: relative;
	padding: 15px 15px;
}

.featured h4 {
	margin: 0 0px 15px;
	font-size: 16px;
}

.featured a.view-all {
	position: absolute;
	right: 25px;
	top: 20px;
}

/* For Checkout - Payment */
ul.payment-selection {
	list-style: none;
	padding: 10px;
	margin: 0px;
}

ul.payment-selection li {
	border: 3px solid #ececec;
	padding: 15px;
	margin-bottom: 5px;
	cursor: pointer;
}

ul.payment-selection li.active {
	border-color: #E50571;
	background: none;
	/*background: #E50571;*/
	/*color: #fff;*/
}

ul.payment-selection li img {
	width: 40px;
	float: left;
	margin-right: 15px;
}

ul.payment-selection li h4 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

ul.payment-selection li p {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	margin-left: 55px;
}

/* For Checkout - Success */
.checkout-success {
	padding: 30px 20px;
}

.checkout-success img {
	width: 170px;
	display: block;
	margin: 0 auto;
}

.checkout-success p {
	font-size: 14px;
	text-align: center;
	margin: 25px auto;
	width: 80%;
}

.checkout-success h4 {
	padding-left: 20px;
}

/* FOR NEW PANELS*/
.panel-container {
	position: relative;
	padding: 10px 15px;
}

.panel-banner {
	/*height: 175px;*/
	/* height: 100px; */
	height: 50px;
	width: calc(100%);
	/* background: url(../images/banners/main.jpg) no-repeat center; */
	background-size: cover;
	overflow: hidden;
	position: relative;
	margin: 0px 0px;
	border-radius: 4px;
	z-index: 1;
}

.panel-content {
	/*background: rgba(255, 255, 255, 0.97);*/
	background: #fff;
	width: calc(100% - 38px);
	min-height: 100px;
	height: auto;
	/*margin: -160px auto 0px;*/
	margin: -45px auto 0px;
	border-radius: 3px;
	z-index: 2;
	position: relative;
	/*border: 1px solid #f3f3f3;*/
	padding: 5px 10px 0px;
}

.panel-content.no-bg {
	background: none;
}

.panel-content.no-padding {
	padding: 0px !important;
	width: 100% !important;
	margin-top: -95px;
}

.profile-container .panel-content {
	text-align: center;
}

.profile-container img {
	max-height: 150px;
	padding: 0px;
	/* position: absolute; */
	/* left: 50%; */
	/* transform: translate(-50%, 0%); */
	/* top: -30px; */
	/* border: 5px solid #fff; */
	/* border-radius: 100%; */
	background: #fff;
}

.profile-container h1 {
	text-transform: uppercase;
	text-align: center;
	color: #E50571;
	font-size: 18px;
	width: 100%;
	margin: 30px auto 0px;
	line-height: 1.2em;
}

.profile-container h4.status {
	text-transform: uppercase;
	text-align: center;
	color: #E50571;
	border: 2px solid #E50571;
	padding: 6px 60px;
	cursor: pointer;
	border-radius: 4px;
	display: inline-block;
	margin: 15px auto;
}

.panel-content .counters {
	display: flex;
	margin-top: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.panel-content .counters .counter {
	flex: 0 0 48%;
	text-align: left;
	background: #e50571;
	color: #fff;
	border-radius: 8px;
	padding: 8px 18px;
	margin: 0 auto 10px;

}

.panel-content .counters .counter h2 {
	margin: 0px;
	font-size: 26px;
	color: #fff;
	font-weight: 700;
	line-height: 1.4em;
}

.panel-content .counters .counter p {
	margin: 0px;
	font-size: 13px;
	font-weight: 400;
}

.referral-container .panel-banner {
	background-image: url(../images/referral-background.jpg);
}

.referral-link {
	padding: 10px 10px;
}

.referral-link h4 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 100;
	color: #E50571;
}

.referral-link p {
	margin-top: 5px;
}

.panel-content h4 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 100;
	color: #E50571;
}

.panel-content h4.title {
	background: #fff;
	padding: 10px 20px;
	text-align: center;
	border-radius: 10px;
}

.panel-content iframe {
	margin-top: 5px;
	min-height: 150px;
	border-radius: 8px;
}

.md .list .item-content {
	padding-left: 5px;
}

.md .list .item-inner {
	padding-right: 5px;
}

/* FOR PANEL BACKGROUNDS */
.white-bg .panel-banner {
	background-image: url(../images/white-bg.jpg);
}

.account-page .panel-banner {
	background-image: url(../images/banners/account.jpg);
}

.chat-page .panel-banner {
	background-image: url(../images/banners/chat.jpg);
}

.login-page {
	border-top: 10px solid #E50571;
}

.login-page .page-content {
	padding-top: 80px;
}

.login-page .panel-banner {
	background-image: url(../images/banners/login2.jpg);
	background-position: center;
	height: 250px;
	border-radius: 0px;
}

.login-page .panel-content {
	margin-top: -30px;
}

.login-page img.logo {
	background: transparent;
	border: 0px;
	border-radius: 0px;
	width: 180px;
	display: block;
	margin: 30px auto;
	padding: 0px;
}

.login-page h1 {
	font-family: 'Lavanda';
	text-align: center;
	font-weight: 100;
	font-size: 36px;
	line-height: 1.4em;
	margin: 0px auto 20px;
	display: block;
	color: #E50571;
}

.md .login-page .list {
	margin-bottom: 0px;
}

.login-page .button-container {
	position: relative;
	padding: 0px 0px;
}

.login-page .register-account h2 {
	font-family: 'Lavanda';
	font-size: 24px;
	font-weight: 100;
	margin: 30px 0px 0px;
	line-height: 1em;
}

.login-page .register-account p {
	margin: 15px 0px;
	font-size: 14px;
}

.md .block-footer {
	padding: 0px;
}

/* FOR LOGIN PAGE */
.login-page {
	/*padding-top: 60px;*/
}

.login-page .button.button-outline {
	padding: 25px;
	line-height: 0px;
}

/* FOR DASHBOARD PAGE */
.dashboard-page .panel-content,
.profile-page .panel-content {
	margin-top: -10px;
}

.dashboard-page .profile-container img,
.profile-page .profile-container img {
	top: -50px;
}

.dashboard-page .profile-container h1,
.profile-page .profile-container h1 {
	margin-top: 10px;
}

.dashboard-page .table-inventory img {
	position: relative;
	top: 0px;
	width: 25px;
}

.dashboard-page .table-inventory td {
	line-height: 4px;
	padding: 0px 5px;
}

.dashboard-page .table-inventory td:nth-child(2) {
	text-align: left;
	font-weight: 100;
}

.dashboard-page .table-inventory td:nth-child(3) {
	color: #E50571
}

/* FOR PROFILE ROUTES */
.md .action-history-page .cust-item {
	padding: 15px 15px 5px;
}

.action-history-page h2.custom-title {
	border-radius: 4px;
	padding: 5px 10px;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-align: left;
}

.text-editor {
	width: 100%;
}

.text-editor .ql-toolbar.ql-snow {
	border: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.text-editor .ql-container.ql-snow {
	border: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.quillWrapper .ql-snow.ql-toolbar {
	padding: 0px;
}

.ql-editor {
	padding: 0px;
	min-height: 150px;
}

.map-page .page-content {
	padding-bottom: 0px !important;
}

.map-container {
	position: relative;
	height: calc(100vh - 56px);
}

#map {
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
}

.overlay-button {
	position: absolute;
	bottom: 95px;
	width: 80%;
	background: #fff;
	left: 50%;
	transform: translate(-50%, 0px);
}

.overlay-container {
	position: absolute;
	top: 5px;
	left: 15px;
	width: 60%;
}

.map-item-container {}

.map-item-container h2 {
	font-size: 16px;
	margin: 5px 0px;
}

.map-item-container .map-item {
	background: #fff;
	padding: 15px 15px 20px;
	cursor: pointer;
	min-height: 52px;
	border-radius: 4px;
}

.map-item-container .map-item img {
	width: 40px;
	float: left;
	margin-right: 10px;
}

.map-item-container .map-item h3 {
	margin: 5px 0px;
	line-height: 1em;
	font-size: 14px;
	color: #E50571;
}

.map-item-container .map-item h4 {
	font-size: 12px;
	font-weight: 100;
	margin: 0px;
	line-height: 1.2em;
}

.marker-window {
	background: #fff;
	padding: 5px 5px 10px;
	cursor: pointer;
	min-height: 52px;
	border-radius: 4px;
	min-width: 230px;
}

.marker-window img {
	width: 40px;
	float: left;
	margin-right: 10px;
}

.marker-window h3 {
	margin: 5px 0px;
	line-height: 1em;
	font-size: 14px;
	color: #E50571;
}

.marker-window h4 {
	font-size: 12px;
	font-weight: 100;
	margin: 0px;
	line-height: 1.2em;
}

.map-floating {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 10;
	width: 80%;
}

.map-floating input {
	width: calc(100% - 40px);
	height: 100%;
	display: block;
	border: none;
	font-family: inherit;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	padding: 15px 20px;
	border-radius: 4px;
}

.map-floating .button {
	background: #fff;
	margin: 20px 40px;
}

ul.user-round-list {
	list-style: none;
	margin: 5px 0px 0px !important;
	padding: 0px !important;
	display: flex;
	flex-wrap: wrap;
}

ul.user-round-list li {
	list-style: none;
	margin: 5px 15px 5px 0px;
	padding: 0px;
	font-size: 10px;
	cursor: pointer;
	/*flex-grow: 1;*/
	width: auto;
	text-align: center;
	position: relative;
}

ul.user-round-list li img {
	width: 80px;
}

ul.user-round-list li span {
	background: #E50571;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 3px 8px;
	border-radius: 2px;
	font-size: 12px;
}

ul.user-round-list li i.remove {
	background: #f44336;
	position: absolute;
	top: -7px;
	right: -7px;
	padding: 2px;
	color: #fff;
	cursor: pointer;
}

ul.user-round-list li i.remove:hover {
	opacity: 0.9;
}

.user-information {
	position: relative;
	padding: 10px;
	margin: 0;
	/*border: 1px solid #f1f1f1;*/
	overflow: hidden;
}

.user-information h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	margin-top: 5px;
	color: #E50571;
}

.user-information img {
	width: 55px;
	float: left;
	margin-right: 10px;
}

.user-information p {
	margin: 0;
}

.no-selected {
	padding: 5px 10px;
	text-align: justify;
	word-break: break-all;
}

.footer {
	/*background-color: #212121;*/
	/*background: url('../images/black-pattern.png') repeat;*/
	padding: 25px 40px 25px;
	color: #212121;
	margin-top: 40px;
	width: 100%;

	/*position: absolute;
    left: 0;
    bottom: 0;*/
}

.footer .social-icons {
	margin: 20px 0px;
}

.footer .social-icons i.fa {
	color: #212121;
	font-size: 22px;
	font-weight: 100;
	margin-right: 15px;
	cursor: pointer;
}

.md .custom-list {
	position: relative;
	padding: 0px;
}

.custom-list .custom-item {
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	margin: 0px 0px 0px;
	padding: 10px 15px 10px;
	position: relative;
	cursor: pointer;
	width: auto;
}

.custom-list.list li.swipeout {
	margin-bottom: 10px;
}

.custom-list .custom-item .image-container {
	height: 55px;
	width: 205px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	overflow: hidden;
	border-radius: 8px;
	margin: 2px 0px 5px;
	cursor: pointer;
}

.custom-list .custom-item h1 {
	font-size: 21px;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
}

.custom-list .custom-item i.icon {
	opacity: 1 !important;
	font-size: 38px;
	color: #E50571;
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 10px;
}

.custom-list .custom-item i.icon.add {
	color: #E50571;
}

.custom-list .custom-item i.icon.deduct {
	color: #c6c6c6;
}

.custom-list .custom-item h4 {
	font-size: 20px;
	margin: 0px;
	display: inline-block;
	font-weight: 700;
	margin-left: 42px;
	margin-bottom: 0px;
	color: #212121;
}

.custom-list .custom-item p {
	margin-left: 0px;
	margin-top: 5px;
	font-size: 13px;
	margin-bottom: 0px;
	line-height: 1.4em;
}

.custom-list .custom-item span.status {
	position: absolute;
	top: 15px;
	right: 15px;
	background: #E50571;
	color: #fff;
	padding: 3px 10px;
	border-radius: 6px;
	font-size: 11px;
}

.custom-list .custom-item span.time {
	margin-left: 0px;
	margin-top: 0px;
	font-size: 11px;
	color: #4e4e4e;
	margin-bottom: 0px;
}

.custom-list .custom-item.square-image .image-container {
	width: 70px;
	height: 70px;

	position: absolute;
	top: 12px;
	left: 12px;
}

.custom-list .custom-item.square-image .custom-item-content {
	margin-left: 80px;
}

.custom-list .custom-item.square-image .custom-item-content h1 {
	width: calc(100% - 45px);
}

.custom-list .custom-item .table {
	margin-top: 0px;
}

.custom-list .custom-item .table tr td:nth-child(1) {
	width: 50%;
	font-weight: 700;
	font-size: 13px;
	font-family: 'Avenir';
	text-align: left;
	padding: 5px 5px;
}

.custom-list .custom-item .table tr:nth-child(even) {
	background: #fbfbfb;
}

.custom-list .custom-item .table tr td:nth-child(2) {
	width: 50%;
	font-weight: 100;
	font-size: 13px;
	font-family: 'Avenir';
	text-align: right;
	padding: 5px 5px;
	/*text-transform: uppercase;*/
}

a.color-primary {
	background-color: #E50571 !important;
}

a.color-yellow {
	background-color: #fbde44 !important;
}

a.color-orange {
	background-color: #ff9469 !important;
}

a.color-pink {
	background-color: #fe8d8f !important;
}

a.color-darkblue {
	background-color: #124653 !important;
}

a.color-lightblue {
	background-color: #00a08f !important;
}

a.color-red {
	background-color: #f65058 !important;
}

.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button {
	position: relative;
}

.list input[type="datetime-local"] {
	max-width: 100vw;
}

.quillWrapper {
	width: calc(100vw - 115px);
}

.ql-editor {
	padding: 15px 0px !important;
}

.md .popup .navbar a {
	background: #E50571;
	color: #fff;
	padding: 20px;
}

.md .subnavbar:after {
	background: none;
	border-bottom: 1px solid #f3f3f3;
	height: 1px;
}

.md .popup .list {
	margin: 15px 20px;
	font-size: 16px;
}

.smart-select .item-inner {
	background: none !important;
}

.smart-select .item-after {
	max-width: 100%;
	white-space: normal;
	color: #212121 !important;
	padding-left: 0px !important;
	margin: 10px 0px;
	min-height: 15px;
}

.md .smart-select .item-input-wrap {
	height: 0px;
	min-height: 0px;
	width: 100vw;
}

.box-container table.table {
	margin-top: 0px;
}

.box-container table.table tr td {
	font-size: 13px;
	font-family: 'Avenir';
	padding: 7px 5px;
	vertical-align: middle !important;
}

.box-container table.table tr td:nth-child(1) {
	width: 40%;
	font-weight: 700;
	text-align: left;
}

.box-container table.table tr:nth-child(even) {
	background: #fbfbfb;
}

.box-container table.table tr td:nth-child(2) {
	width: 60%;
	font-weight: 100;
	text-align: right;
	word-break: break-all;
}

.box-container table.table.table-transaction {}

.box-container table.table.table-transaction tr td {}

.box-container table.table.table-transaction tr td:nth-child(1) {
	width: 25px;
}

.box-container table.table.table-transaction tr td:nth-child(2) {
	width: 40%;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
}

.box-container table.table.table-transaction tr td:nth-child(3) {
	text-align: right;
	font-size: 12px;
}

.box-container table.table.table-transaction tr td:nth-child(3) strong {
	font-size: 18px;
	margin-bottom: 5px;
	display: inline-block;
}

.box-container .image-container-full {
	width: 100%;
	height: 170px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	overflow: hidden;
	border-radius: 8px;
	margin: 2px 0px 5px;
	cursor: pointer;
}

.offer-description h1,
.offer-description h2,
.offer-description h3,
.offer-description h4,
.offer-description h5,
.offer-description h6,
.offer-description p,
.offer-description strong,
.offer-description span {
	margin: 0px;
	padding: 0px;
}

.event-description h1,
.event-description h2,
.event-description h3,
.event-description h4,
.event-description h5,
.event-description h6,
.event-description p,
.event-description strong,
.event-description span {
	margin: 0px;
	padding: 0px;
}

span.pill {
	padding: 1px 9px;
	background: #E50571;
	color: #fff;
	margin-left: 5px;
	border-radius: 4px;
	word-break: break-word;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 3px;
}

.box-container .button-container {
	padding: 0px;
	margin: 40px 0px;
}

.box-container .button-container .button {
	margin-bottom: 10px;
}

.md .box-container .custom-list {
	margin: 0px;
	margin-top: -15px;
}

.md .box-container .list .item-content {
	padding-left: 0px;
}

.md .box-container .custom-list .custom-item {
	width: 100%;
}

.md .box-container .custom-list .custom-item h1 {
	text-transform: capitalize;
}

.button-group {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.button-group .button {
	display: inline-block;
	line-height: 1em !important;
	height: 33px;
	padding: 10px 20px;
}

.main-nav.topic:before {
	content: 'topic';
}

.main-nav.topiccategory:before {
	content: 'view_module';
}

.main-nav.format:before {
	content: 'format_paint';
}

.md .fab[class*="fab-right"] {
	right: 30px;
}

.input-show-button {
	position: absolute;
	top: 44%;
	right: 35px;
	background: #e0e0e0;
	padding: 4px;
	border-radius: 50%;
	font-size: 17px;
	cursor: pointer;
}

.list-heading {
	font-size: 16px !important;
	width: max-content;
	border-bottom: 1px solid #e81c9c;
	margin-bottom: 10px !important;
}

.md .review-list-rating {
	padding: 5px 8px 3px;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 45px;
	font-size: 10px;
	border-radius: 4px;
	background: #d41d90;
}

.mx-datepicker {
	width: 100%;
}

.mx-datepicker-main.mx-datepicker-popup {
	z-index: 9999;
}

.mx-calendar-header button {
	width: unset;
}

.md .navbar~* .page-content,
.md .navbar~.page-content {
	padding-top: 64px !important;
}

.md .list {
	margin: 0px 0px 10px !important;
}

/* Updates on 18 November 2021 */


.md .page-content .searchbar {
	margin: 0 0 8px !important;
}

.demo-popup {
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	margin: 0 !important;
}


.mx-datepicker .mx-input {
	border-bottom: 1px solid #e0e0e0;
}

.list-mx-datepicker .item-inner {
	flex-direction: column;
}

.button-center {
	width: max-content !important;
	display: block !important;
	margin: 10px auto !important;
}

.login-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.report-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.dashboard-page .panel-content,
.dashboard-page .box-container {
	max-width: 600px;
	margin: 0 auto;
}

.bannerlist-page .panel-content,
.bannersave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.topiccategorylist-page .panel-content,
.topiccategorysave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.formatlist-page .panel-content,
.formatsave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.topiclist-page .panel-content,
.topicsave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.postlist-page .panel-content,
.postsave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.usereventlist-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.expertlist-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.reviewlist-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.faqlist-page .panel-content,
.faqsave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.offerlist-page .panel-content,
.offersave-page .panel-content,
.offerview-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.eventlist-page .panel-content,
.eventsave-page .panel-content,
.eventview-page .panel-content,
.fewuserlist-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.ticketlist-page .panel-content,
.ticketview-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.categorylist-page .panel-content,
.categorysave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.redemptionlist-page .panel-content,
.redemptionview-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.promocodelist-page .panel-content,
.promocodesave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.userlist-page .panel-content,
.userview-page .panel-content,
.userupdateinfo-page .panel-content,
.userupdateaccountwallet-page .panel-content,
.userupdatesecurity-page .panel-content,
.userupdateaccounttype-page .panel-content,
.olduserlist-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.redemptiontypelist-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.adminprofile-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.adminaccountlist-page .panel-content,
.adminaccountsave-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}

.profile-page .panel-container .panel-content,
.profile-page .settings-container.bs-container,
.editprofile-page .panel-content,
.changepassword-page .panel-content,
.adminaccountsave-page .panel-content,
.action-history-page .panel-content {
	max-width: 600px;
	margin: 0 auto;
}


.quillWrapper {
	width: 100% !important;
}

@media only screen and (max-width: 991px) {
	.md .custom-list {
		position: relative;
		margin: 40px auto 20px;
		padding: 0px;
		width: 100%;
	}
}

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

@media only screen and (max-width: 576px) {
	.dashboard-page .panel-content .counters .counter {
		flex-basis: 100%;
	}
}



/* Updates after 21-Jan-2022 */

.custom-item-content .label.label-category {
	padding: 5px 8px 3px;
	color: #fff;
	background: #787878;
	font-size: 10px;
	border-radius: 4px;
}

.custom-item-content .label.label-format {
	padding: 5px 8px 3px;
	color: #fff;
	background: #3a3a3a;
	font-size: 10px;
	border-radius: 4px;

}

.custom-item-content.list-format {
	margin-left: 0px !important;
	margin-bottom: 20px;
}

.datepicker-list-item .item-inner {
	flex-direction: column;
}


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

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

ul.box-selection {
	list-style: none;
	margin: 5px 0px 0px !important;
	padding: 0px !important;
	display: flex;
	flex-wrap: wrap;
}

ul.box-selection li:not(.divider) {
	list-style: none;
	margin: 5px 5px 0px 0px;
	padding: 10px 20px 10px 20px;
	border: 2px solid #e9229f;
	font-size: 15px;
	font-weight: 100;
	cursor: pointer;
	flex-grow: 1;
	width: auto;
	text-align: center;
	border-radius: 10px;
	background: #f9f9f9;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

ul.box-selection li:not(.divider).active {
	background: #e9229f;
	color: #fff;
}

.mx-datepicker {
	width: 100% !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.bs-w-100 {
	width: 100% !important;
}

.make-same-row {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.day-timings .item-inner {
	flex-direction: column;
}

.smart-select-page .subnavbar {
	position: static;
}

.timing-row .item-inner {
	display: flex !important;
	gap: 20px;
}

.remove-date-button {
	padding: 5px;
	background: #ff005c;
	border-radius: 50px;
	margin-right: 10px;
	cursor: pointer;
	left: -210px;
	transition: .5s all;
}

.add-button-label {
	padding: 5px 10px;
	background: #4caf50;
	border-radius: 5px;
	color: #FFFFFF;
}

.remove-button-label {
	padding: 5px 8px;
	background: #ff005c;
	border-radius: 50px;
	color: #FFFFFF;
	position: relative;
	left: -110px;
	display: none;
	transition: display 0s left 1s;
}

.timing-row .item-input-wrap {
	background-color: #FFFFFF;
	z-index: 10;
}

.timing-item:hover .add-timing-button {
	display: block;
	transition: 0.5s all;
}

.add-timing-button {
	display: none;
	transition: 0.5s all;
}

.timing-row:hover .remove-button-label {
	display: block;
	left: 0px !important;
	transition: display 0s left 1s;
}

.date-label span {
	background: #FFFFFF;
	padding: 5px 5px 5px 0px;
	z-index: 2;
}

.date-label:hover .remove-date-button {
	transition: .5s all;
	left: 0px !important;
}

@media screen and (max-width: 991px) {
	.remove-button-label {
		display: block !important;
		left: 0px !important;
	}

	.add-timing-button {
		display: block !important;
	}

	.remove-date-button {
		left: 0px !important;
	}
}

.list-subsection {
	margin-left: 8px;
	padding-left: 16px;
	padding-right: 16px;
	border-left: 1px solid #cdcdcd;
}

.list-subsection.select-field select {
	height: 125px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
}

.list-subsection.select-field .input-dropdown::before {
	display: none;
}