body {
	background-color: #fff;
}
.max-width-90 {
	width: 90%;
}
.logo-default {
	width: 100%;
	max-width: 207px;
	height: 100%;
}
.logo-nav-link {
	width: 100%;
	height: 100%;
	max-height: 43px;
}
.navbar-logo-item {
	display: flex;
	flex-direction: column;
}
.nav-link-custom {
	color: #11b572 !important;
	font-weight: 600;
}
.nav-link-custom:hover {
	color: #0d8352 !important;
}
.navbar-toggler i {
	color: #11b572;
	font-size: 1.6rem;
}
.btn-sign {
	font-weight: 600;
	font-size: 12px;
	padding: 6px 20px;
	min-width: 129px;
	border-radius: 7px;
}
.btn-sign.up {
	background-color: #61ab67;
	border-color: #61ab67;
}
.btn-sign.in {
	background-color: #51c997;
	border-color: #51c997;
}
.bg-dashboard {
	background: url("../img/background-dashboard.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.main-content {
	padding: 0rem 5.7rem;
}
.box {
	padding: 15px 20px;
	border: 1px solid #d0d0d0;
	background-color: #ffffff;
	box-shadow: 0px 3px 18px #d0d0d0;
	border-radius: 11px;
	position: relative;
}
.box .box-background {
	background: linear-gradient(135deg, #ffffff, #11b572);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 11px;
	opacity: 0.1;
}
.box h3.box-title {
	color: #11b572;
	font-size: 20px;
	font-weight: bold;
}
.box h3.box-title img {
	width: 100%;
	max-width: 38px;
	margin-right: 10px;
}
.box .box-body {
	z-index: 1;
	position: relative;
}
.overview .saldo-token {
	font-size: 65px;
	font-weight: bold;
	margin: 8px 0px;
}
.overview .label-value {
	color: #11b572;
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 600;
}
.overview .saldo-rupiah {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 5px;
}
.overview .balance-validity {
	display: flex;
	font-size: 17px;
	margin-top: 30px;
}
.overview .balance-validity i {
	color: #a8a8a8;
	margin-right: 5px;
}
.overview .balance-validity img {
	width: 100%;
	height: 100%;
	max-width: 80px;
	margin-right: 3px;
}
.overview .balance-validity p {
	color: #11b572;
	margin-bottom: 0px;
	margin-top: -8px;
}
.overview .label-day {
	font-size: 22px;
	font-weight: bold;
}
.activity-summary {
	display: flex;
	margin-top: 20px;
	margin-bottom: 11px;
}
.activity-summary img {
	width: 100%;
	height: 100%;
	max-width: 50px;
	margin-right: 12px;
}
.activity-summary .main-summary .token {
	margin-bottom: 0px;
	line-height: 1;
	font-size: 29px;
	font-weight: bold;
}
.activity-summary .main-summary .label {
	margin-bottom: 0px;
	font-size: 14px;
	color: #11b572;
	font-weight: 600;
}
.buy {
	background-color: #ffffff;
	border: 2px solid #11b572;
	border-radius: 7px;
	width: 100%;
	display: flex;
	padding: 6px 8px;
	margin-bottom: 14px;
	cursor: pointer;
}
.buy:hover,
.buy:focus {
	background-color: #e7e7e7;
}
.buy .buy-check {
	border: 2px solid #11b572;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	margin-right: 9px;
}
.buy .buy-main .token {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1px;
}
.buy .buy-main .token img {
	width: 100%;
	height: 100%;
	max-width: 21px;
	margin-top: -4px;
}
.buy .buy-main .rupiah {
	font-size: 19px;
	margin-bottom: 0px;
	line-height: 1;
}
.row-buy {
	display: flex;
	flex-wrap: wrap;
	margin-left: -7px;
	margin-right: -7px;
}
.row-buy .col-buy {
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	width: 100%;
	padding-left: 7px;
	padding-right: 7px;
}
.group-input {
	display: flex;
}
.group-input .form-input {
	border: 2px solid #11b572;
	outline: none;
	padding: 6px 9px;
	border-radius: 7px;
	width: 100%;
	margin-right: 10px;
}
.group-input .btn-input {
	background-color: #2a69ed;
	border: 1px solid #2a69ed;
	color: #fff;
	padding: 7px 33px;
	border-radius: 7px;
}
.group-input .btn-input:hover,
.group-input .btn-input:focus {
	background-color: #154bc2;
}
.table-history thead tr th,
.table-history tbody tr td {
	font-weight: 600;
	padding: 10px 4px;
}
.icon-login {
	width: 100%;
	margin-left: -45px;
}
.unify-login-card {
	background-color: #11b571;
	border: 1px solid #11b571;
	border-radius: 10px;
}
.unify-login-card h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #fff;
}
.unify-login-card label {
	font-size: 0.9rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 2px;
	margin-left: 8px;
}
.unify-btn-masuk {
	background-color: #28a745;
	border-color: #28a745;
	height: 2rem;
}
.unify-btn-signup {
	background-color: #dc3545;
	border-color: #dc3545;
	height: 2rem;
}
.box-icon-register {
	position: relative;
}
.icon-register {
	width: 100%;
	margin-left: -45px;
	position: absolute;
	z-index: -1;
}
.main-banner-register {
	display: flex;
	flex-direction: column;
}
.banner-register {
	width: 100%;
	margin: auto;
	margin-bottom: 21px;
	margin-top: 30px;
}
.banner-register.logo-elhub {
	max-width: 232px;
}
.banner-register.logo-lyfe {
	max-width: 175px;
}
.banner-register.logo-boardlab {
	max-width: 392px;
}
.banner-register.logo-mindon {
	max-width: 392px;
}
.unify-register-card {
	background-color: #61ab67;
	border: 1px solid #61ab67;
	border-radius: 10px;
}
.unify-register-card h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #fff;
}
.unify-register-card label {
	font-size: 0.9rem;
	color: #fff;
	font-weight: 600;
	margin-bottom: 2px;
	margin-left: 8px;
}
.box-icon-phone-home {
	position: relative;
}
.box-icon-phone-home img {
	width: 165%;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -65%;
	margin-top: -15%;
}
.background-home {
	background: url("../icons/register-large.png");
	background-repeat: no-repeat;
	background-size: 51% 100%;
	background-position-x: 69px;
}
.main-home {
	color: #11b572;
	padding-top: 75px;
}
.main-home .title-next-generation {
	font-weight: bold;
	font-size: 2.9rem;
	transform: scaleX(1.1);
	margin-left: 36px;
}
.main-home .main-deskripsi {
	max-width: 704px;
	margin-top: 30px;
}
.main-home .main-deskripsi p {
	font-size: 1.6rem;
	transform: scaleX(1.1);
	margin-left: 28px;
}
.btn-custom-success {
	width: 100%;
	max-width: 184px;
	padding: 8px;
	font-weight: 600;
}
.btn-custom-success.btn-success {
	background-color: #51c997;
	border: 2px solid #51c997;
}
.btn-custom-success.btn-outline-success {
	border: 2px solid #51c997;
	color: #51c997;
}
.btn-custom-success.btn-success:hover,
.btn-custom-success.btn-success:focus {
	background-color: #297e5a;
	border: 2px solid #297e5a;
}
.btn-custom-success.btn-outline-success:hover,
.btn-custom-success.btn-outline-success:focus {
	background-color: #297e5a;
	border: 2px solid #297e5a;
	color: #fff;
}
.main-partnership {
	color: #11b572;
	padding-top: 10px;
}
.main-partnership .title-partner {
	font-weight: bold;
	font-size: 2.4rem;
	transform: scaleX(1.1);
	margin-left: -4px;
	text-align: center;
}
.main-partnership .main-deskripsi {
	padding-left: 90px;
	padding-right: 90px;
	max-width: 980px;
	margin-top: 30px;
}
.main-partnership .main-deskripsi p {
	font-size: 1.3rem;
	transform: scaleX(1.1);
	margin-left: 28px;
	margin-bottom: 0px;
}
.main-about {
	color: #11b572;
	padding-top: 10px;
}
.main-about .title-generation {
	font-weight: bold;
	font-size: 1.7rem;
	transform: scaleX(1.1);
	text-align: center;
}
.main-about .title-generation span {
	background-color: #11b572;
	color: #fff;
	margin-bottom: 0px;
	padding: 0px 6px;
}
.main-about .main-deskripsi {
	padding-left: 100px;
	padding-right: 100px;
	margin-top: 30px;
}
.main-about .main-deskripsi p {
	font-size: 1.4rem;
	transform: scaleX(1.1);
	margin-bottom: 20px;
}
.bg-product {
	background: url("../img/background-product.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.main-product {
	padding: 0px;
}
.card-product {
	color: #11b572;
	border-radius: 35px;
	border-color: #b8b8b8;
	box-shadow: 0px 3px 18px #d0d0d0;
}
.card-product .card-body {
	height: 100%;
	min-height: 490px;
	background: linear-gradient(180deg, #ffffff, #d7d7d7);
	border-radius: 35px;
	border-color: #b8b8b8;
	box-shadow: 0px 3px 18px #d0d0d0;
}
.list-product {
	font-weight: 500;
	margin-bottom: 19px;
	font-size: 0.9rem;
}
.list-product .small-top {
	font-size: 0.7em;
	font-weight: 500;
	vertical-align: super;
}
.list-product-soon {
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
	margin-top: 45%;
}
.img-login-card {
	max-width: 170px;
	width: 100%;
}
.navbar-toggler {
	padding: 0px;
}
.card-payment {
	color: #606060;
	border-radius: 28px;
	border-color: #b8b8b8;
	box-shadow: 0px 3px 18px #d0d0d0;
}
.card-payment .card-body {
	background: #ffffff;
	border-radius: 28px;
	border-color: #b8b8b8;
	box-shadow: 0px 3px 18px #d0d0d0;
	padding: 27px;
}
.main-payment {
	width: 100%;
	max-width: 400px;
	margin: auto;
}
.payment-header {
	background-color: #11b572;
	color: #fff;
	padding: 17px;
	text-align: center;
	font-size: 0.9rem;
}
.payment-header .main-img-top {
	position: absolute;
}
.payment-header .main-img-top .card-img-top {
	max-width: 77px;
	width: 100%;
	height: 100%;
}
.payment-with {
	padding: 17px;
	border-bottom: 1px solid #ddd;
}
.payment-with .title {
	font-weight: 600;
	font-size: 1.1rem;
}
.payment-with .title-small {
	font-weight: 600;
}
.payment-nama {
	display: flex;
	padding: 10px;
	border: 1px solid #ddd;
	margin-top: 4px;
	position: relative;
	border-radius: 3px;
}
.payment-nama .card-img-top {
	width: 100%;
	height: 100%;
	max-width: 62px;
	margin-right: 9px;
}
.payment-nama .title-bank {
	margin-bottom: 0px;
	margin-top: 2px;
	line-height: 0.9;
	font-size: 0.9rem;
}
.payment-nama .right-icon {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0px;
	margin-right: 10px;
	font-size: 25px;
}
.payment-detail {
	margin-top: 10px;
	padding: 17px 17px 0px 17px;
	border-bottom: 1px solid #ddd;
}
.payment-detail table {
	width: 100%;
}
.payment-detail .info {
	font-size: 0.6rem;
	color: #b7b7b7;
}
.payment-promo {
	position: relative;
}
.payment-promo input {
	padding: 22px 66px 22px 10px;
	font-size: 0.9rem;
}
.payment-promo a {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.9rem;
	margin-top: 12px;
	margin-right: 17px;
	color: #8b59b4;
	text-decoration: underline;
}
.paymet-button {
	padding: 7px;
	border-bottom: 1px solid #ddd;
}
.paymet-button button {
	width: 100%;
	background-color: #11b572;
	border-radius: 7px;
}
.payment-header p {
	margin-left: 43px;
}
.va-number {
	font-weight: 600;
	font-size: 1.6rem;
}
.text-profile {
	transform: scaleX(1.1);
	font-size: 3rem;
	transform-origin: left;
	padding-right: 23px;
	font-weight: 700;
	text-transform: uppercase;
	color: #11b572;
	margin-top: 23%;
}
.btn-copy-va {
	background-color: #11b572;
}
.btn-copy-va:focus,
.btn-copy-va:hover {
	background-color: #0c8552;
}
.payment-link-panduan {
	color: #11b572;
}
.payment-link-panduan:hover,
.payment-link-panduan:focus {
	text-decoration: none;
	color: #0c8552;
}
.box-back-payment {
	width: 100%;
	position: relative;
}
.box-back-payment .back-payment {
	width: 100%;
	max-width: 150px;
	margin: auto;
}
.box-back-payment .back-payment .text-back {
	font-size: 15px;
}
.box-back-payment .back-payment .text-back:hover,
.box-back-payment .back-payment .text-back:active {
	text-decoration: none;
}
.box-back-payment .back-payment .icon-back {
	width: 100%;
	max-width: 24px;
	vertical-align: inherit;
}
.box-back-payment .back-payment .logo-back {
	width: 100%;
	height: auto;
	margin-top: 5px;
}
.btn-link-cara-bayar {
	color: #11b572;
}
.btn-link-cara-bayar:hover,
.btn-link-cara-bayar:focus {
	color: #0c8552;
}
.box-back-payment .back-payment .text-lyfe {
	color: #0f2245;
}
.box-back-payment .back-payment .text-tyme {
	color: #fe2f8e;
}
.box-back-payment .back-payment .text-vybe {
	color: #99b976;
}
.box-back-payment .back-payment .text-kyne {
	color: #125670;
}
.card-panduan-bayar .card-header {
	border-radius: 2px;
	padding: 15px;
}
.card-panduan-bayar .card-body {
	border-radius: 2px;
	box-shadow: none;
	padding: 15px;
}
@media screen and (max-width: 767.98px) {
	.main-content {
		padding: 0rem;
	}
	.group-input .form-input {
		margin-bottom: 0px;
		font-size: 12px;
		padding: 4px 6px;
		margin-right: 8px;
	}
	.table-history thead tr th,
	.table-history tbody tr td {
		padding: 7px 4px;
		font-size: 0.8rem;
	}
	.group-input .btn-input {
		padding: 4px 18px;
		font-size: 12px;
	}
	.logo-default {
		max-width: 131px;
	}
	.img-login-card {
		max-width: 130px;
	}
	.unify-login-card h4 {
		font-size: 1rem;
	}
	.unify-register-card h4 {
		font-size: 1rem;
	}
	.icon-login {
		margin-left: -11px;
	}
	.icon-register {
		margin-left: 0px;
	}
	.row-login {
		flex-direction: column-reverse;
	}
	.banner-register {
		margin-bottom: 6px;
		margin-top: 20px;
	}
	.banner-register.logo-elhub {
		max-width: 217px;
	}
	.banner-register.logo-lyfe {
		max-width: 160px;
	}
	.banner-register.logo-boardlab {
		max-width: 377px;
	}
	.banner-register.logo-mindon {
		max-width: 377px;
	}
	.main-about .title-generation {
		font-size: 1.4rem;
		text-align: left;
		margin-left: 17px;
	}
	.main-about .main-deskripsi {
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 21px;
	}
	.main-about .main-deskripsi p {
		font-size: 1rem;
		transform: none;
		text-align: justify;
	}
	.btn-custom-success {
		max-width: 150px;
		padding: 6px;
		font-size: 0.9rem;
	}
	.main-partnership {
		padding-left: 4px;
		padding-right: 4px;
	}
	.main-partnership .title-partner {
		font-size: 1.4rem;
		transform: none;
		margin-left: 0px;
		text-align: left;
	}
	.main-partnership .main-deskripsi {
		padding-left: 0px;
		padding-right: 0px;
	}
	.main-partnership .main-deskripsi p {
		font-size: 1rem;
		transform: none;
		margin-left: 0px;
	}
	.main-product {
		padding: 0px 25px;
	}
	.background-home {
		background-size: 100% 100%;
		background-position-x: 0px;
	}
	.main-home {
		padding-top: 10px;
	}
	.main-home .title-next-generation {
		font-size: 1.4rem;
		transform: none;
		margin-left: 0px;
	}
	.main-home .main-deskripsi p {
		font-size: 1rem;
		transform: none;
		margin-left: 0px;
	}
	.box-icon-phone-home img {
		width: 127%;
		position: absolute;
		left: 0;
		top: 0;
		margin-left: -41%;
		margin-top: 0%;
	}
	.overview .saldo-token {
		font-size: 49px;
		margin: 5px 0px;
	}
	.overview .label-value {
		font-size: 12px;
	}
	.overview .saldo-rupiah {
		font-size: 15px;
	}
	.overview .balance-validity {
		font-size: 11px;
		margin-top: 22px;
	}
	.overview .balance-validity p {
		margin-top: -5px;
	}
	.overview .label-day {
		font-size: 16px;
	}
	.overview .balance-validity img {
		max-width: 51px;
	}
	.box h3.box-title {
		font-size: 15px;
	}
	.box h3.box-title img {
		max-width: 26px;
	}
	.activity-summary img {
		max-width: 34px;
		margin-right: 11px;
	}
	.activity-summary .main-summary .token {
		font-size: 20px;
	}
	.activity-summary .main-summary .label {
		font-size: 11px;
	}
	.buy {
		padding: 5px 6px;
	}
	.buy .buy-main .token {
		font-size: 16px;
	}
	.buy .buy-check {
		width: 13px;
		height: 13px;
		margin-top: 0px;
		margin-right: 6px;
	}
	.buy .buy-main .rupiah {
		font-size: 11px;
	}
	.buy .buy-main .token img {
		max-width: 14px;
	}
	.max-width-90 {
		width: 100%;
	}
}
@media screen and (max-width: 575.98px) {
	.payment-header {
		font-size: 0.8rem;
	}
	.payment-header .main-img-top .card-img-top {
		max-width: 60px;
	}
	.va-number {
		font-size: 1.4rem;
	}
}