.bg-primary {
	background: #22a301 !important;
	color: #FFF;
}
.btn-primary {
    background: #22a301;
    border-color: #22a301;
    color: #FFF;
}
.tempDaftarLogin{
	padding: 0px 16px;
	position: relative;
	z-index: 1;
	margin-top: -17px;
}
.tempDaftarLogin:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	content: "";
	display: block;
	height: 124.1px;
	background: #22a301;
	z-index: -1;
}
.tampungDaftarLogin{
	background:white;
	height:305px;
	border-radius:10px;
}
.tampungDaftarLogin:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 124px;
	width: 91%;
	margin: 0 auto;
	content: "";
	display: block;
	height: 129.1px;
	background: none;
	z-index: -1;
	border-radius:10px;
	-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
}
.nav-tabs.lined .nav-item .nav-link.active {
	color: #22a301;
	border-bottom-color: #22a301 !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.nav-tabs.lined .nav-item .nav-link {
	color: #958d9e;
	font-weight: 500;
	font-size: 13px;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	line-height: 1.2em;
	width: 100%;
	border-radius: 0;
	padding: 3px 0px 0px 0px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	border-bottom-color: 2px solid;
}
.form-button-group {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0 16px;
	background: #FFF;
	min-height: 65px;
	padding-bottom: env(safe-area-inset-bottom);
}

.form-group .input-wrapper.not-empty .clear-input {
	display: none;
}

.inputUserLogin:focus ~ .floating-labelUser{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 4px;
  color:#22a301;
  height: 17px;
  width:65px;
}
.inputUserLogin:not(:focus):valid ~ .floating-labelUser{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 4px;
  color:#000;
  height: 17px;
  width:65px;
}

.inputUserLogin:focus ~ .floating-labelUserRegis{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 4px;
  color:#22a301;
  height: 17px;
  width:105px;
}
.inputUserLogin:not(:focus):valid ~ .floating-labelUserRegis{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 4px;
  color:#000;
  height: 17px;
  width:105px;
}
.inputPassRegis:focus ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 4px;
  color:#22a301;
  height: 17px;
  width:63px;
}
.inputPassRegis:not(:focus):valid ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 4px;
  color:#000;
  height: 17px;
  width:63px;
}
.inputPassVerRegis:focus ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 3px;
  color:#22a301;
  height: 17px;
  width:112px;
}
.inputPassVerRegis:not(:focus):valid ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 3px;
  color:#000;
  height: 17px;
  width:112px;
}
.inputNamaRek:focus ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 3px;
  color:#22a301;
  height: 17px;
  width:95px;
}
.inputNamaRek:not(:focus):valid ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 3px;
  color:#000;
  height: 17px;
  width:95px;
}
.inputNoRek:focus ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 3px;
  color:#22a301;
  height: 17px;
  width:97px;
}
.inputNoRek:not(:focus):valid ~ .floating-label{
  top: -12px;
  bottom: 15px;
  left: 15px;
  font-size: 11px;
  opacity: 1;
  background:white;
  padding:0px 2px 0px 3px;
  color:#000;
  height: 17px;
  width:97px;
}
.iv_mataOn{
	color:#1a73e8;
}
.iv_mataOff{
	color:#958d9e;
}
input[type=text]:focus {
  outline:none;
  border:2px solid #22a301;
  caret-color: black;
  border-radius:5px;
}
input[type=password]:focus {
  outline:none;
  border:2px solid #22a301 !important;
  caret-color: black;
  border-radius:5px;
}
.inputNoRek:focus {
  outline:none;
  border:2px solid #22a301 !important;
  caret-color: black;
  border-radius:5px;
}
.selectBank:focus {
  outline:none;
  border:2px solid #22a301 !important;
    padding: 0px 14px;
  caret-color: black;
  border-radius:5px;
}
.selectBank{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #22a301;
    font-size: 17px;
    padding: 0px 14px;
    width: 100%;
    height: 34px;
	background: white;
	text-align-last:center;
}
.inputTextLoginRegisForm {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	border: 1px solid #ababab;
	font-size: 20px;
	width: 100%;
	height: 34px;
	text-align: center;
	-webkit-padding-before:7px;
}

.floating-label {
	position: absolute;
	pointer-events: none;
	left: 16px;
	top: 6px;
	background: white;
	transition: 0s ease all;
	width: 90%;
}
.floating-labelUser {
	position: absolute;
	pointer-events: none;
	left: 16px;
	top: 6px;
	background: white;
	transition: 0s ease all;
	width: 90%;
}
.floating-labelUserRegis {
	position: absolute;
	pointer-events: none;
	left: 16px;
	top: 6px;
	background: white;
	transition: 0s ease all;
	width: 90%;
}
.btn-loginRegis{
	font-size:20px;
}
.btn-loginRegis:hover {
	color: #fff;
	text-decoration: none;
}
.btn-liveChat{
	font-size:20px;
}
.btn-liveChat:hover {
	color: #fff;
	font-weight:900;
	text-decoration: none;
}
.lined{
	
}
.nav-tabs.lined .nav-item{
	border-bottom:1px solid #e5e5e5;
}
.btn-loginRegis.disabled, .btn-loginRegis:disabled {
	background: #90e694;
	border-color: #90e694;
	color: #ffffff;
}


.inputTextLoginRegisForm::-webkit-input-placeholder {
	padding-top:5px;
	font-size:15px;
}

.inputTextLoginRegisForm::-moz-placeholder {
	padding-top:5px;
	font-size:15px;
}

.inputTextLoginRegisForm:-ms-input-placeholder {
	padding-top:5px;
	font-size:15px;
}

.inputTextLoginRegisForm::placeholder {
	padding-top:5px;
	font-size:15px;
}		
#maindiv{
  overflow: hidden;
  white-space: nowrap;
  color: white;
	font-size: 10px;
	height: 20px;
	position: relative;
	left: -650px;
}

#div1 {
  display: inline-block;
  animation: marquee 30s linear infinite;
}

#div2 {
  display: inline-block;
  animation: marquee2 30s linear infinite;
  animation-delay: 15s;
}

@keyframes marquee {
  from {
	transform: translateX(100%);
  }
  to {
	transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
	transform: translateX(0%);
  }
  to {
	transform: translateX(-200%);
  }
}
.appHeader .left .headerButton:active,
.appHeader .right .headerButton:active {
	opacity: 1;
}
.iv_tampungImg001 {
    width: 100%;
    height: 300px;
    margin: -1px auto 0px auto;
    background: #fefefe;
    border-radius: 0px;
    background-size: auto;
    background-position: 100% 50%;
    background-image: url(../img/index/001.svg);
}
.iv_tampungImg001 img{
	width:100%;
}
.iv_tampungImg {
    width: 100%;
    height: 300px;
    margin: -1px auto 0px auto;
    background: #fefefe;
    border-radius: 0px;
    background-size: auto;
    background-position: 100% 50%;
    background-image: url(../img/index/01.jpg);
}
.iv_tampungImg img{
	width:100%;
}
.iv_tampungImg02 {
    width: 100%;
    height: 300px;
    margin: -1px auto 0px auto;
    background: #fefefe;
    border-radius: 0px;
    background-size: auto;
    background-position: 100% 50%;
    background-image: url(../img/index/02.svg);
}
.iv_tampungImg02 img{
	width:100%;
}
.iv_tampungImg03 {
    width: 100%;
    height: 300px;
    margin: -1px auto 0px auto;
    background: #fefefe;
    border-radius: 0px;
    background-size: auto;
    background-position: 100% 50%;
    background-image: url(../img/index/03.svg);
}
.iv_tampungImg03 img{
	width:100%;
}
@media (min-width: 450px) {	
	.iv_tampungImg001 {
		width: 100%;
		height: 450px;
		text-align: center;
		margin: -1px auto 0px auto;
		background: #fefefe;
		background-image: url(../img/index/001.svg);
		background-size: 100%;
		background-position: 50% 50%;
		-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	}
	.iv_tampungImg {
		width: 100%;
		height: 450px;
		text-align: center;
		margin: -1px auto 0px auto;
		background: #fefefe;
		background-image: url(../img/index/01.jpg);
		background-size: 100%;
		background-position: 50% 50%;
		-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	}
	.iv_tampungImg02 {
		width: 100%;
		height: 450px;
		text-align: center;
		margin: -1px auto 0px auto;
		background: #fefefe;
		background-image: url(../img/index/02.svg);
		background-size: 100%;
		background-position: 50% 50%;
		-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	}
	.iv_tampungImg03 {
		width: 100%;
		height: 450px;
		text-align: center;
		margin: -1px auto 0px auto;
		background: #fefefe;
		background-image: url(../img/index/03.svg);
		background-size: 100%;
		background-position: 50% 50%;
		-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	}
	.tampungDaftarLogin:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 124px;
		width: 95%;
		border-radius: 10px;
		margin: 0 auto;
		content: "";
		display: block;
		height: 129.1px;
		background: none;
		z-index: -1;
		-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	}
}
@media (min-width: 1050px) {
	.iv_tampungImg {
		width: 100%;
		border: none;
		height: 450px;
		text-align: center;
		margin: -1px auto 0px auto;
		background: #2879a4;
		-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	}
	.iv_tampungImgInside {
		width: 1200px;
		margin:0 auto;
		background-size: cover;
		background-position: 50% 65%;
	}
}