html body.body-checkout{
	background-color:#FFF !important;
}

body.body-checkout .custom-checkout,
body.body-checkout .custom-header{
	max-width: 950px !important;
}

.custom-checkout div,
.custom-checkout div span,
.custom-checkout div table td,
.custom-checkout div table th{
  font-size: 16px !important;
}


.custom-header{
  text-align:left;
}

.custom-header.header-logo img{
  max-width:150px;
}


.produk-dibeli{
	border-radius: 10px;
	padding:5px 0;
	background:#FFF;
	border:1px solid #c4c4c4;
}


.produk-dibeli thead td{
	border:0;
	color:#6b6b6b;
}


.produk-dibeli table  td,
.produk-dibeli table  th{
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-color:#c4c4c4 !important;
}

.produk-dibeli table  td div.column{
  padding-top: 0 !important;
}


.produk-dibeli table tfoot th{
  border:0 !important;
}


.produk-dibeli .total-holder,
.produk-dibeli .total-holder span.sejoli-unique-number{
	font-weight: bold;
	color:#000 !important;
	text-align:right;
}

.custom-checkout .kode-diskon{
  background: #FFF;
  padding: 5px 0;
}


.custom-checkout .kode-diskon-form #apply_coupon{
  border-color: #e2e2e2;
  padding:0 1.5rem;
}

.custom-checkout .kode-diskon-form #apply_coupon:focus{
  box-shadow: none;
}

.custom-checkout .kode-diskon-form .ui.fluid.action.input button.button{
  background: #FFF;
  color: #e2e2e2;
  border: 1px solid #e2e2e2;
  border-left:0;
  font-weight:bold;
  text-align: right;
  padding-right: 1.5rem;
  padding-left:0;
}


.metode-pembayaran .payment-chanel{
  border: 1px solid #c4c4c4;
  margin-bottom: 10px;
}


.metode-pembayaran .payment-chanel,
.beli-sekarang button{
   border-radius: .28571429rem !important;
   min-height: 58px;
}


.metode-pembayaran .payment-chanel .checkbox{
  border-bottom: 0 !important;
}


.metode-pembayaran .payment-chanel .ui.radio.checkbox label::before{
	border-color:#000 !important;
}

.metode-pembayaran .payment-chanel .ui.radio.checkbox input:checked ~ label::after {
  background-color: #000 !important;
}


.metode-pembayaran .ui.radio.checkbox span {
  white-space: nowrap;
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}


.custom-checkout .beli-sekarang:before{
	display: none !important;
}

.custom-checkout .login-welcome, 
.custom-checkout .login-form-toggle{
  background: #FFF;
}


.bg-orange{
  background: #fe7428 !important;
}


.custom-checkout input,
.custom-checkout button{
  border-color: #c4c4c4 !important;
}


.custom-checkout input:focus{
  border-color:#a5afb8 !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important;
  outline: 0 !important;
}

.custom-checkout .ui ::placeholder{
  color: #c4c4c4 !important;
}

.custom-checkout button#sejoli-submit-coupon{
  color: inherit;
}

.custom-checkout .blockUI{
  width: 100% !important;
  margin: 0 auto !important;
  left: auto !important;
  right: auto !important;
}

.custom-checkout input#apply_coupon:focus{
  border-right-color: transparent !important;
}


@media screen and (max-width: 425px) {
 .custom-checkout .beli-sekarang .data-holder .ui.stackable.grid, 
 .custom-checkout .metode-pembayaran .ui.doubling.grid {
    margin: 0px !important;
  }

  .submit-button.ui.green.button, 
  .login-form .submit-login.massive.right.ui.green.button, 
  .kode-diskon-form .ui.fluid.action.input button.button {
    padding: 15px;
  }
}


@media screen and (max-width: 767px) {
  .login-form .submit-login.massive.right.ui.green.button, .submit-button.ui.green.button {
    width: 100%;
    font-size: 14px;
    margin-top: 0 !important;
  }

  .metode-pembayaran .ui.radio.checkbox span {
    max-width: 280px;
  }
}