.index-cont {max-width:1370px;padding-top:7px;}
.customer-body {background-color: #e2e2e2!important;font-size:2vw;font-family: 'Catamaran', sans-serif;"}
.order-pay-h2 {font-size:30px !important;font-family: 'Roboto Condensed', sans-serif !important;font-weight:700;}
.account-pay-h2 {font-size:30px !important;font-family: 'Roboto Condensed', sans-serif !important;font-weight:700;}
.processing-payment {padding-top:20px;}
.payAmount-mb {margin-bottom:12px;}
#CustomerNumberPay, #OrderNumberPay {margin-top:16px;background-color:#333!important;}
.panel-primary {border-color:#333;background-color:#333!important;}
.panel .panel-heading {background-color:#333;padding:0px;padding-bottom:16px;}
.panel-h1 {text-align:center;padding-bottom:0px;margin-top: 0px;margin-bottom: 0px;}
.panel-h1-span {display:block;font-size:21px;font-weight:400;}
.update-title {display:block;font-size:21px;font-weight:400;position:relative;}

.ajax-loading {width:40px!important;margin-bottom:30px!important;}

#api-response-credit-card, #api-response-eway-response {margin-bottom:0px;} 

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

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
label {
  text-transform:none;
  font-weight:300!important;
}
.grad {
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
padding-bottom:100px;
}
.form-control {
  box-shadow:none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  height:45px!important;
  padding: 30px 12px 22px 12px!important;
  background:#eee!important;
  font-size:18px!important;
  margin-bottom:6px!important;
  text-align:left !important;
}

.navbar-inverse .navbar-toggle {
  top:-1px;
}
.navbar-toggle .icon-bar {
  height:3px;
}

  
  .panel-heading {
    margin-bottom:7px;
    font-size:;
  }
  .fa {
    font-size:45px;
  }
  .fa-chevron-square-down {
    
    position: relative;
    top: 1px;
    left:4px;
    font-size:22px;
    color:#fff;
  }
  .fa-credit-card {
    position: relative;
    color:#333 !important;
    float: left;
    top: -300px;
    left: -156px;
    opacity:0.3;
    z-index:9;
  }
  .fa-cc-visa {
    position: relative;
    color:#333 !important;
    float: left;
    top: -300px;
    left: 22px;
    opacity:0;
    z-index:9;
  }
  .fa-cc-mastercard {
    position: relative;
    color:#333 !important;
    float: left;
    top: -300px;
    left: -36px;
    opacity:0;
    z-index:9;
  }
  .fa-cc-amex {
    position: relative;
    color:#333 !important;
    float: left;
    top: -300px;
    left: -79px;
    opacity:0;
    z-index:9;
  }
  .pay-by-cc-cart-btn, .confirm-and-pay, #next {
    border-radius: 4px !important;
    width: 100%;
    padding:12px;
    margin-top: 9px;
    font-size: 16px;
    font-weight:400;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    background-color:#333;
    color:#fff;
    border:none;
  }

  #next {
    opacity:0.5;
  }

  .form-group {
    margin-bottom:7px;
  }
  label {
    font-size:15px;
  }
  .form-horizontal .control-label, .control-label {
    text-align:left;
    float:left;
  }
  .loading-intro, .step-2, .processing-payment, .invalid-card {
    display:none;
  }
.invalid-card {
  display:none;
  background-color: red;
    color: #fff;
    padding: 1px;
    padding-left: 8px;
    padding-right: 6px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    float: right;
    position: relative;
    top: 6px;
}
  input.error {
  border:1px dashed red;
  margin-bottom:6px;
}

  .error {
    color:red;
    margin-bottom: 0px;
  }

  .error.message {
    background-color: red;
    color: #fff;
    padding: 1px;
    padding-left: 8px;
    padding-right: 6px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .VisaNo, .MastercardNo, .AmexNo {
    padding-left:66px;
  }
  .go-back-start {
    display:none;
    position: relative;
    left: -116px;
    top: -11px;
    font-weight: 700;
    font-size: 14px;
  }
  #customer_number_error, #account_error, #curl_error, #eway_response_error, #form_malfunction {
    display:none;
    font-size: 18px;
    position: relative;
    top: -8px;
  }
  .contact, .alert-danger {
    color:red !important;
  }
  .contact {
    font-weight:700;
  }
  #eWay-loading {
    display:none;
    margin-top:20px;
  }
  textarea.form-control {
    height: auto;
    padding-top: 12px;
    margin-bottom: 16px;
}
.fee-wrapper {text-align:right ;}
.fee-wrapper span {float:right;}
.alert .alert-danger {font-size: 18px !important;}
@media (max-width: 768px) {
.fee-wrapper {text-align:left;}
.fee-wrapper span {float:left;}
.checkout-summary {padding-left:0px;}
  }