.tx_wrapper {
  background-color: #ff5e5e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: auto;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0; }

.tx_screen_wrapper {
  min-width: 320px;
  max-width: 580px;
  text-align: center;
  margin: 10% 10% 17%;
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%); }

.tx_state {
  color: white;
  font-size: 28px;
  font-weight: 300;
  line-height: 39px; }
  .tx_state h3 {
    color: white;
    font-size: 50px;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 10%; }
  .tx_state p {
    margin: 0 0 25px; }
  .tx_state_failure pre {
    font-size: 12px;
    max-width: 300px;
    margin: auto; }
  .tx_state_phonenumber {
    padding-bottom: 15%; }
  .tx_state .phone-container {
    color: black;
    font-size: 20px; }
    .tx_state .phone-container .intl-tel-input {
      padding-right: 44px;
      margin: auto; }
      .tx_state .phone-container .intl-tel-input .phone {
        background-color: white;
        border-radius: 4px;
        display: block; }
      .tx_state .phone-container .intl-tel-input .country-list {
        position: absolute;
        top: -259px !important;
        width: 235px !important;
        max-height: 260px; }

.tx_icon {
  margin-bottom: 10%;
  width: 128px;
  height: 128px;
  display: inline-block; }
  .tx_icon_logo {
    background: url("../images/icon128.png") no-repeat; }
  .tx_icon_success {
    background: url("../images/tx_v.png") no-repeat; }
  .tx_icon_failure {
    background: url("../images/tx_x.png") no-repeat; }
  .tx_icon_not_registered {
    background: url("../images/tx_!.png") no-repeat; }

.footer_button {
  position: fixed;
  background-color: #363636;
  color: white;
  font-size: 23px;
  text-transform: uppercase;
  width: 100%;
  height: 7%;
  min-height: 55px;
  left: 0;
  bottom: 0;
  border: none; }

/*# sourceMappingURL=tx.css.map */