.validation input[type="radio"] {
  display: none; }

.validation input[type="radio"] + label {
  font-family: 'ubuntulight';
  font-size: 14px;
  color: #424242;
  letter-spacing: 1px;
  display: inline-block;
  text-align: left; }
  @media only screen and (max-width: 768px) {
    .validation input[type="radio"] + label {
      line-height: 2; } }

.validation input[type="radio"] + label .tnc {
  font-family: 'ubuntulight';
  font-size: 14px;
  color: #FCB41F; }

.validation input[type="radio"] + label span {
  width: 20px;
  height: 20px;
  background: url(../images/icon_radiocheckbox_bullet.png) no-repeat center center;
  background-size: contain;
  margin: -5px 10px 0 0;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block; }

.validation input[type="radio"]:checked + label span {
  background: url(../images/icon_radiocheckbox_bullet_active.png) no-repeat center center;
  background-size: contain; }

.borderBox .inputBox_large {
  width: 100%; }

input[type="text"]:disabled {
  cursor: not-allowed; }

.leftFrame .summaryBox {
  width: 100%; }

.borderBox_mg {
  margin-bottom: 25px; }

.form-input--file {
  position: relative;
  overflow: hidden;
  padding-right: 115px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  vertical-align: baseline;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-bottom: 25px; }

.form-input-file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.form-input--file-button {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  bottom: 0;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background: #FAA519;
  font-family: 'latobold';
  letter-spacing: 1.4px; }

.form-input--file-text {
  font-size: 14px; }

/* .file-upload-wrapper .file-upload-input {
  border: 0;
  margin: 0;
  padding-left: 15px !important;
  cursor: default; }

.file-upload-wrapper button {
  visibility: hidden;
  width: 0;
  padding: 0; } */

.dataPanel-full {
  width: 100%; }

.leftFrame .summaryBox {
  display: inline-table; }

.link-popup {
  font-size: small; }
  .link-popup:focus {
    outline: none; }

.sideNav ul li a, .sideNav ul li p {
  font-family: 'ubunturegular';
  font-size: 14px;
  color: #005584;
  letter-spacing: 1px;
  padding: 20px 0;
  display: block; }

.sideNav ul {
  padding-bottom: 40px; }
  .sideNav ul .buttonArea {
    padding-top: 20px; }

.popup-title {
  text-align: center;
  margin-bottom: 20px; }
  .popup-title h3 {
    color: #004271;
    font-size: 24px; }

.datepickerBerangkat, .datepickerPulang {
  background: #fff url(../images/icon_datepicker.png) no-repeat right 15px center;
  background-size: 18px; }

#hidden-content {
  min-width: 600px; }
  @media (max-width: 768px) {
    #hidden-content {
      min-width: auto; } }

@media (max-width: 768px) {
  .buttonArea, .full {
    text-align: center !important;
    padding: 0 !important; }
    .buttonArea button, .full button {
      width: 100% !important;
      margin-left: 0 !important; } }

@media only screen and (max-width: 768px) {
  .inputBox_large {
    padding: 30px 15px 100px; }
  .inputBox_large > div > div > .formRow {
    padding: 0; }
  .formRow.fullBox, .formRow {
    padding: 0; }
  .rightFrame {
    width: 100%; }
  .borderBox .inputBox {
    padding: 30px 20px 0; }
  .borderBox .buttonArea {
    bottom: -35px !important; }
  .borderBox.padding {
    padding: 20px 15px 10px; }
  .finpay-logo {
    float: none;
    margin: 20px 0; }
  #payment-cc {
    width: 100% !important;
    max-width: inherit !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: inherit !important; } }

.counter p {
  font-family: 'ubuntulight';
  font-size: 14px;
  color: #424242;
  letter-spacing: 1px; }
  .counter p a {
    font-family: 'ubuntubold';
    font-size: 14px;
    color: #FAA61A;
    letter-spacing: 1px;
    display: inline-block; }

.payment-wrapper {
  width: 80%;
  margin: 50px auto 80px;
  float: none; }

.payment-notif {
  font-size: 24px;
  color: #0d4271;
  font-family: 'ubunturegular';
  margin: 60px 0 25px; }

.select2-hidden-accessible.error {
  width: 100% !important;
  bottom: 16px;
  border: 10px solid red !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: auto !important;
  border-radius: 0 !important; }

.select label.error {
  position: absolute;
  bottom: -2px; }

.textarea textarea.error {
  border-bottom: 4px solid red; }

.textarea label.error {
  position: relative;
  top: -15px; }