﻿/* disabled registration fields */
.form-fields .inputs input[disabled],
.form-fields .inputs select[disabled] {
  background-color: #f9f9f9;
}


input.reg-ico-button {
  height: 36px;
  vertical-align: bottom;
}

/* container for reg field + button inside */
.button-inside div {
  width: 100%;
  display: inline-block;
  position: relative;
}

  .button-inside input[type="text"] {
  width: calc(100% - 157px);
  width: -moz-calc(100% - 157px);
  width: -webkit-calc(100% - 157px);
}

  /* button for loading reg info by ICO */
  .button-inside button[type='button'] {
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 2px;
    width: 155px;
    min-width: 155px;
    z-index: 2;
  }

.checkout-page .button-2.reg-ico-button {
  width: 35%;
  height: 40px;
  vertical-align: bottom;
  padding: 0;
  margin: 0;
  border: 1px;
}

.checkout-page .billing-info .ico {
  display: block;
  padding: 3px 0;
}

.checkout-page .billing-info .vatNumber {
  display: block;
  padding: 3px 0;
}

.inputs.warning {
  text-align: center;
}

  .inputs.warning a {
    text-decoration: underline;
  }

.company-warning {
  text-align: center;
  font-size: 13px;
  color: #e4434b;
  margin-top: 5px;
}

.inputs input[type='text']::placeholder {
    color: #888;
}

.inputs input[type='text']:focus::placeholder {
  color: transparent;
}

@media (min-width: 1001px) {
  button.reg-ico-button {
    height: 100%;
    vertical-align: middle;
  }

  /* ROPC plugin fix */
  .section-body .button-inside {
    width: inherit;
    display: inherit;
    position: relative;
  }

  /* button for loading reg info by ICO */
  .button-inside button[type='button'] {
      padding-top: 11px;
      padding-bottom: 11px;
  }
}