.error {
  outline: 1px solid red;
}

.xswphp-col-button {
  width: 380px;
  float: left;

}

.xswphp-button-main {
  display: inline-block;
  width: 160px
}

.xswphp-button-main p.submit {
  margin: 0px;
  padding-bottom: 0px;
}

.xswphp_support_form p.submit {
  display: inline-block;
}

#xswphp_name,
#xswphp_email {
  width: 335px;
}

.xs-send-email-notice {
  display: none;
}

.xs-notice-dismiss {
  display: none;
}

.xswphp-send-mail {
  font-size: 15px !important;
  font-family: bold;
  padding: 2px 15px !important;
}

.xswphp_spinner {
  float: right;
  margin: 0;
  opacity: 1;
  height: 30px;
  display: none;
  background-position-x: center;
  background-position-y: center;

}

.xswphp_is_active {
  display: inline-block;
  visibility: visible;
  opacity: 1
}

.xswphp-top-margin {
  margin-top: 20px !important;
}

.xswphp-mail-spinner {
  float: none;
  display: inline-block;
}

html {
  scroll-padding-top: 50px;
}

/*============================================================  
                    Mobile First Method  
 =============================================================*/
@media only screen and (min-width: 768px) {
  .xswphp-timeline {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .xswphp-timeline-item:last-child {
    flex-grow: 0;
  }

  .xswphp-timeline-item {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
  }

  .xswphp-timeline-item-helper {
    margin: 0 10px 0 0;
  }

  .xswphp-timeline-item-text {
    white-space: nowrap;
  }

  .xswphp-timeline-item.xswphp-step-done:after {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
    left: auto;
  }
}