a{
  color: black;
}
.rows{
  flex-wrap: nowrap;
  /* margin-right: -15px;
  margin-left: -15px; */
}
.border-all{
  border-radius: 5px;
}
.m-10{
  margin: 0 10px;
}
.mt-20{
  margin-top:20px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.transaction-page{
  /* font-family: 'gotham-medium'; */
}
.transaction-content{
  margin: 0 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.transaction-page .title-transaction h6{
  text-align: center;
  color: #0d2949;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: bold;
}
.transaction-page .withdraw{
  margin-top: -70px;
  /* margin-top: -40px; */
}

/* style tab */

.tab:not(:target) {
display: none;
}

.tab:last-child {
  display: block;
}

.tab:target ~ .tab:last-child {
  display: none;
}
.display-none {
  display: none;
}
.tabs {
  /* width: 30em;
  margin: 6.5em auto; */
}
.last{
  margin-right: 0 !important;
}
.tabs label:hover {
cursor: pointer;
}
.tabs input:checked + label {
  background-color: #0065a7;
}
.tabs #tab1:checked ~ .content #content1,
.tabs #tab2:checked ~ .content #content2{
  display: block;
}
.tabs .content > div {
  display: none;
}
.tabs label {
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  width: 49.4%;
  background-color: #00395e;
  margin-right: 4px;
  margin-bottom: 0 !important;
  padding: 10px;
  /* padding: 15px; */
  text-align: center;
  border-radius: 5px;
  position: relative;
  float: left;
  top: 0;
}
.tab-header li:last-child{
  width: 49.787%;
  margin-right: 0;
  margin-left:  5px;
}
.tab-header .active{
  background-color: #0065a7;
}

.tabs ul li .tab-header-item{
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  }
.tab-contents{
  padding: 5px 10px;
  margin-top: 0px;
  background-image: linear-gradient(to bottom, #0065a7, #00395e);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  top: 90px;
  margin-bottom: 90px;
  /* top: 45px;
  margin-bottom: 45px; */
}
.label-field-transaction{
  color: white;
  font-size:12px;
  font-weight: bold;
  /* padding-right: 5px; */
}
.input-field-transaction{
  width: 96%;
  /* margin-left: 5px; */
  padding-left: 10px;
  height: 35px;
  color: black !important;
  /* background-color: white !important; */
  border: 1px #00395e solid;
  border-radius: 8px;
  font-size: 13px;
  box-shadow: chartreuse;
  font-weight: bold;
  box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,1), inset 0px 0px 0px 0px rgba(0,0,0,1) !important;
}
.tab-content textarea{
  height: 100px;
}
.select-field-transaction{
  width: 52%;
  /* margin-left: 5px; */
  padding-left: 10px;
  height: 35px;
  color: black;
  background-color: white !important;
  border: 1px #00395e solid;
  border-radius: 8px;
  font-size: 13px;
  box-shadow: chartreuse;
  box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,1), inset 0px 0px 0px 0px rgba(0,0,0,1) !important;
}
.btn-ebanking{
  background-image: linear-gradient(to bottom, #f2f2f2, #a5a5a5);
  padding: 4px 5px;
  border-radius: 8px;
  font-size: 8px;
  text-decoration: none;
  font-weight: bold;
  margin-left: 3px;
  position: absolute;
  margin-top: 1px;
  width: 100%;
}
.btn-ebanking:hover{
  background-image: linear-gradient(to bottom, #d0cbcb, #d0cbcb);
  color: black;
}
.btn-ebanking img{
  width: 70px;
  height: 25px;
}
.btn-copy{
  background-image: linear-gradient(to bottom, #d0df4a, #8d9732);
  padding: 6px 15px;
  border-radius: 8px;
  color: white;
  text-decoration: none;
  font-size: 14px;
  margin-left: 30px;
}
.btn-copy:hover{
  background-image: linear-gradient(to bottom, #b2c31c, #b2c31c);
  color: white;
}
.btn-submit-transaction{
  margin-left: 5px;
  padding: 7px 50px;
  background-image: linear-gradient(to bottom, #1ab0ef, #006590);
  border-radius: 8px;
  border: 0px white;
  text-transform: uppercase;
  color: white;
  font-size: 15px;
}
.btn-submit-transaction:hover{
  background-image: linear-gradient(to bottom, #0e84b6, #0e84b6);
  cursor: pointer;
}
.label-notice-transaction{
  padding: 20px 10px 0;
  font-style: italic;
  color: #d3e34b;
  font-size: 12px;
}
.pt-3{
  padding-top: 3px !important;
}
.pt-5{
  padding-top: 5px !important;
}
.pt-10{
  padding-top: 10px !important;
}
.pt-20{
  padding-top: 20px !important;
}
.prl-0{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.pl-0{
  padding-left: 0px !important;
}
.pr-5{
  padding-right: 5px !important;
}
.pl-5{
  padding-left: 5px !important;
}
.mt--10{
  margin-top: -10px;
}
.mt--5{
  margin-top: -5px;
}
.alight-left{
  text-align: left !important;
}
.indicator-bank{
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.black{
  background-color: black;
}
.online{
  background-color: #2bd600;
}
.offline{
  background-color: #ff0000;
}
.trouble{
  background-color: #fff000;
}
.background-color-yellow{
  background-color: #d3e34b !important;
  color: #312e25 !important;
  padding : 10px 30px !important;
}
.box-transaction-header{
  background-color: #1e426b;
  padding: 20px;
  height: 60px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  color: white;
  font-size: 15px;
  width: 100%;
  font-weight: bold;
}
.box-transaction-header img{
  margin-right: 5px;
}
.box-transaction-header span{
  line-height: 18px;
  width: 100%;
}
.box-transaction-content{
  padding: 20px;
  background-color: white;
  margin: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.box-transaction-content p{
    font-size: 12px;
}
.line{
  padding: 15px 5px 15px 15px;
  background-color: #ececec;
}
.line:nth-child(even){
  background-color: #ffff;
}
.line-first{
  padding: 15px 5px 15px 15px;
  background-color: #ececec;
}
.line-second{
  padding: 15px 5px 15px 15px;
  background-color: #ffff;
}
.line p{
  font-size: 10px;
  text-align: center;
  margin-bottom: 0;
}
.bank-icon .bca{
  width: 70px;
}
.bank-icon .bri{
  width: 90px;
}
.bank-icon .mandiri{
  width: 90px;
}
.bank-icon .bni{
  width: 70px;
}
.bank-icon .permata{
  width: 100px;
}
.bank-icon .cimb{
  width: 90px;
}
.bank-icon .kospin{
  width: 100px;
}
.bank-icon .maybank{
  width: 90px;
}
.bank-icon .panin{
  width: 95px;
}
.bank-icon .mega{
  width: 95px;
}
.cols-4{
  width: 23%;
}
.cols-2{
  width: 51%;
  padding-right: 0px;
}
.cols-1{
  width: 25px;
}
.cols-40{
  width: 40px;
}
.cols-40p{
  width: 40%;
}
.box-transaction-footer{
  background-color: #262626;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: white;
  font-size: 12px;
}
.footer-content{
  position: relative;
  margin: auto;
}
.box-transaction-footer .indicator-bank{
  margin-right: 5px;
}
.box-transaction-footer .footer-content-item{
  margin: 0 10px;
  padding-right: 0;
  padding-top: 0;
  font-size: 12px;
  border: 0px;
}
.content-list{
  margin: 0 10px 0 15px;
}
.content-list ul{
  /* list-style: unset; */
}
.content-list ul li{
  /* font-size: 200%; */
  font-size: 12px !important;
}
.content-list ul li span{
  font-size: 12px !important;
}
.content-list li:before {
  top: -3px;
  content: "·";
  font-size: 75px;
  vertical-align: middle;
  line-height: 10px;
  position: relative;
  color: #d3e34b;
}
.trouble-darck{
  background-color: #d3e34b;
}
.content-footer{
  margin: 0px -10px;
  height: auto;
}
.content-footer .box-transaction-content{
  background-color: #00395e !important;
  color: white !important;
  padding: 20px 10px;
}
.content-footer .box-transaction-content h6{
  text-align: center;
  color: #d3e34b;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.notice-input-transaction{
  font-size: 11px;
  color: #d3e34b;
  line-height: 14px;
  margin: 3px 0 0px 15px;
}
.icon-vip{
  background: url(../../general/img/vip/vipicon.png) no-repeat;
  background-size: 100% 100%;
}

/* new desain footer */
.footer-mobile {
  background-color: #032235;
  margin-bottom: 0 !important;
  padding-bottom: 35px
}
.footer-mobile .statement {
    margin: 0;
    padding: 10px 10px 0;
}
.footer-payment{
  padding :0 10px 20px;
  width: 100%;
}
.footer-bank-list, .footer-bank-lists{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-bank-lists li{
  background-color: #052f4a;
  width: calc(25% - 2px);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
  margin: 1px;
}
.footer-mobile .bank-list ul li {
    padding: 20px 10px;
    background-color: #052f4a;
}
.footer-mobile .footer-payment .title {
    font-size: 12px;
    text-align: left;
}
.footer-mobile .bank-list {
    margin: 0 0 20px;
    max-width: 100%;
}
.footer-mobile .footer-end {
  padding-bottom: 15px;
}
.footer-mobile .copy-right{
  font-size: 12px;
  color: #d3e53a;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
}
.col-footer .device{
  width: 80px !important;
}
.col-footer .license{
  width: 90px !important;
}
.col-footer .security{
  width: 140px !important;
}
.static-menu-wrapper {
    background-color: #404040;
}
.footer-mobile .static-menu-wrapper .footer-links li:not(:last-child) {
    border-bottom: 1px solid #6d6f71;
}
.footer-bank{
  display: flex;
}
.footer-bank-list{
  background-color: #052f4a;
  padding: 0 10px;
  width: 33%;
  margin: 1px;
  height: 55px;
}
.footer-bank-list .cimb{
  height: 15px;
  margin-top: 25px;
}
.footer-bank-list .permata{
  height: 35px;
  margin-top: 10px;
}
.footer-bank-list .panin{
  height: 40px;
  margin-top: 8px;
}
.footer-bank-list .btpn{
  height: 30px;
  margin-top: 13px;
  width: 45px;
}
.footer-bank-list .mega{
  height: 30px;
  margin-top: 13px;
  width: 45px;
}
.footer-bank-list .voucher88{
  height: 13px;
  margin-top: 23px;
}
@media (max-width: 360px){
  .tabs label {
      width: 49.3%;
    }
  .input-field-transaction {
    width: 95.6%;
  }
  .select-field-transaction {
      width: 60%;
      padding-left: 5px;
    }
  .btn-ebanking {
    padding: 4px 5px;
  }
  .btn-ebanking img {
    width: 60px;
  }
  .btn-copy {
      margin-left: 13px;
  }
  #validation_code{
    width: 50% !important;
  }
  .main-dual-button label {
    font-size: 65%;
  }
  .link-contactus {
    width: 100px !important;
  }
  .button-login {
    font-size: 13px !important;
  }
}
@media (max-width: 320px){
  .col-footer .device {
    width: 70px !important;
  }
  .col-footer .license {
    width: 80px !important;
  }
  .col-footer .security {
    width: 120px !important;
  }
  #validation_code{
    width: 55% !important;
  }
  #captcha_register{
    width: 64px !important;
  }
  .footer-bank-lists li{
    width: 24.3%;
  }
}
.checkbox-desktop{
  -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(1.5);
    margin-right: 5px;
}

.bank-indicator{
  background-color: white;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  margin: 20px 0;
}
.bank-indicator span{
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
}
/* .bank-indicator .bank-indicator-body{
  padding: 10px;
} */
.bank-indicator .bank-indicator-body ul{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 13px;
  padding: 10px 10px;
}
.bank-indicator .bank-indicator-body ul li{
  display: flex;
  border-radius: 5px;
  border: 1px solid #8a8a8a;
  background: white;
  width: auto;
}
.bank-indicator .bank-indicator-body ul li .indicator-bank{
  margin: 10px 5px;
}
.bank-indicator .footer-bank-indicator {
  padding: 10px
}
.bank-indicator .footer-bank-indicator ul{
  display: flex;
  justify-content: center;
}
.bank-indicator .footer-bank-indicator ul li{
  display: flex;
  background: none;
  color: black;
}
.bank-indicator .footer-bank-indicator ul li .indicator-bank{
  margin: 5px 0;
}
.bank-indicator .footer-bank-indicator p{
  font-size: 12px;
  margin: 0 10px 0 5px;
}
/* style tab */
	.tab-dual .nav-tabs {
		width: 100%;
		display: flex;
    padding: 0 10px;
  	justify-content: space-between;
	}
	.tab-dual li {
		/* border-top-left-radius: 10px;
    background: #00395e; 
		border-top-right-radius: 10px; 
    font-size: 10px; */
		/* width: 24.5%; */
    width: 49%;
		border-bottom: none;
		color: white;
		text-align: center;
	}
	.tab-dual li a{
		color: black;
		font-weight: bold;
		background-color: #EFFBFF;
		text-transform: uppercase;
		border-radius: 10px;
		height: 90px;
	}
	.tab-dual .nav-link {
    border: none;
  }
	.tab-dual .nav-link.active {
    /* background: #0065a7;
    background-size: cover, contain;
    background-position: center, right bottom;
    background-repeat: no-repeat, no-repeat;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom: none;
		color: white; */
    border: 1px solid #18A3DD;
		border-radius: 10px;
		color: rgb(0, 0, 0);
		height: 90px;
		background-color: #BBEEFF;
	}
	/* .tab-dual .tab-content {
    background: #0065a7;
		border-radius:  0 0 10px 10px;
    padding: 20px 10px 0;
	} */
	.tab-dual .tab-content .tab-pane .tab-content-holder {
		padding: 20px 5px;
	}

.tab-contents {
  top: 40px;
  margin-bottom: 40px;
}
  .radio-button{
    position: absolute;
    z-index: 1;
    opacity: 0;
    height: 45px;
    width: 49%;
  }
  .v88-wrapper-banner {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    position: relative;
  }
  .v88-wrapper-banner .buy {
      color: #fff;
      background: #3f7b36;
      background: linear-gradient(to bottom,#3f7b36 0,#204a01 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53bf03', endColorstr='#204a01', GradientType=0 );
      border: none;
      box-shadow: 3px 3px 8px 0 rgba(0,0,0,.5);
      padding: 0px 6px;
      font-size: 9px;
      border-radius: 2px;
      position: absolute;
      text-decoration: none;
      top: 58%;
      left: 40%;
  }
  .v88-wrapper-banner .read-more {
    color: #fff;
    position: absolute;
    bottom: 3px;
    margin-left: -20px;
    text-decoration: underline !important;
    font-size: 9px;
  }
  .v88-wrapper-banner img {
    border: 1px white solid;
  }
  .content-footer .box-transaction-content {
    padding: 20px 10px 0;
  }
  .link{
    text-decoration: underline;
    color: #d3e34b;
  }
  .center{
    text-align: center;
  }
  .transaction-content {
    margin: 0;
  }
  /* quick amount */
  .quick-amount{
    margin: 4px 0;
    display: inline-block;
    padding: 10px;
    background-image: linear-gradient(to bottom, #10a2e0, #0e7faf);
    cursor: pointer;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
  }
  .quick-amount:active , .quick-amount:hover , .quick-amount:focus{
    background-image: linear-gradient(to bottom, #0e7faf, #0e7faf);
  }
  .quick-amount-setting{
    background-image: linear-gradient(to bottom, #d3e34b, #b2c31c);
    color: white !important;
    margin: 4px 5px 4px 0 !important;
    width: auto !important;
    padding: 10px 13px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    height: 38px !important;
  }
  .quick-amount.added{
    background-image: linear-gradient(to bottom, #d3e34b, #b2c31c);
    color: white;
    margin-right: 5px;
  }
  .quick-amount.del{
    background-image: linear-gradient(to bottom, #ff1919, #ff1919);
    padding: 10px 13px;
  }
  .quick-amount.del.small{
    padding: 7px 8px;
  }
  .form-input-quick-amount{
    padding: 0;
    width: 100%;
  }
  .form-input-quick-amount .form-control-quick{
    padding: 0;
  }
  .form-input-quick-amount .form-control-quick .input-field-quick-amount{
    border-radius: 5px;
    border: none;
    width: 90%;
    padding: 0 10px;
    font-size: 12px;
    height: 30px;
    background-color: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: black;
  }
  .form-input-quick-amount .footer-form-quick-amount{
    padding-top: 0;
  }
  .hide{
    display: none;
  }
  .pt-5{
    padding-top: 5px !important;
  }
  .pl-5{
    padding-left: 5px !important;
  }
  .pr-5{
    padding-right: 5px !important;
  }
  /* new */
  .tab-dual .nav-link.active {
    height: 88px;
  }
  .depo-nav__img{
    max-height: 30px;
    margin-bottom: 10px;
    height: 100%;
  }
  .depo-vc__nav__tag{
    margin: 0;
  }
  .account-wd__title{
    width: 100% !important;
    font-size: 12px !important;
    text-transform: none !important;
    padding: 10px !important;
    border: none !important;
    background: #d3e34b !important;
    border-radius: 5px !important;
    color: black !important;
    font-weight: normal !important;
  }
  .account__depo-radio-4__item {
    width: 25% !important;
    display: flex !important;
    padding: 10px 5px !important;
  }
  .account__depo-radio-4__item:first-child {
    padding-left: 0px !important;
  }
  .account__depo-radio-4__item:last-child {
    padding-right: 0px !important;
  }
  .account__depo-radio-1__item {
    width:100% !important;
    display: flex !important;
    padding: 5px 0 !important;
  }
  .account__depo-radio-1__item:last-child {
    padding-bottom: 10px !important;
  }
  .account-depo__radio__input{
    opacity: 0;
    position: absolute;
  }
  .account-depo__radio__label{
    width: 100% !important;
    height: auto !important;
    border: none !important;
    background: white !important;
    border-radius: 5px !important;
    padding: 15px 10px !important;
    display: flex;
    font-size: 12px;
    color: black;
  }
  .custom-control-label:before {
    pointer-events: none;
    content: "";
    top: 0px !important;
    left: 0px !important;
    background: black;
    border: none;
    position: relative;
    border-radius: 50%;
    margin: 0 10px 0 5px;
  }
  .account-depo__radio__input:checked ~ .account-depo__radio__label::before{
    background: #00a651;
    border: 2px solid black;
  }
  .account-depo__radio-2__provider{
    position: absolute;
    top :0;
    right: 5px;
    padding: 5px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .account-wd__radio-2__provider {
    position: relative;
    right: 0;
    width: 100%;
    padding: 5px 10px 10px;
    text-align: center;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .account-wd__radio-2__provider__item-mobile {
      /* padding-top: 10px; */
  }
  .account-wd__radio-2__provider__item-mobile img {
    padding: 10px 3px 0
  }
  .account-wd__radio-2__provider__item:first-child {
      border-bottom: 2px solid black;
      padding-bottom: 10px;
  }
  .account-wd__radio-2__provider img {
      max-width: 100%;
      height: 100%;
      max-height: 30px;
  }
  .account-wd__billing{
    width: 100%;
    font-size: 15px;
  }
  .account-depo__title{
    border: none !important;
    background: none !important;
    margin: 0 !important;
    padding: 0px !important;
    text-align: start !important;
  }
  .account-wd__billing__item {
      width: 100%;
      padding: 10px;
      display: flex;
  }
  .account-wd__billing__item--service{
    background: #d3e34b;
    border-radius: 5px 5px 0 0;
    align-items: center;
  }
  .account-wd__billing__text{
    color: black;
    font-weight: 500;
    width: 50%;
  }
  .account-wd__billing__number{
    width: calc(100% - 120px);
    background: white;
    border-radius: 5px;
    font-weight: bold;
    color: #363636 !important;
    text-align: center;
    padding: 5px;
  }
  .account-wd__billing__item--total{
    background-color: white;
    color: black;
    border-radius: 0 0px 5px 5px;
  }
  .account-wd__billing__fee{
    font-weight: bold;
    font-size: 17px;
    margin: auto;
    right: 0px;
    margin-right: 5px;
  }
  .content__depo--footer{
    margin : 20px auto 0;
  }
  .p-20{
    padding: 20px !important;
  }