#layout-content-wrapper {
  padding: 0
}
#layout-content-wrapper > .container-fluid {
  padding: 0
}
#intro {
  margin: 0;
  padding: 2em 0;
  background-color: #124b77
}
#intro > .container > h1 {
  margin: 0;
  font-size: 3em;
  color: #fafafa;
  letter-spacing: -3px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25)
}
#course-title > a {
  color: #666
}
#coupon-wrapper {
  margin: 1rem 0 2rem;
  width: 100%;
}
#coupon-wrapper.has-coupon {
  margin-bottom: 0;
}
#button-wrapper {
  margin-left: 21px;
  text-align: right
}
#btn-coupon-cancel {
  margin-right: 0.5em
}
#coupon-wrapper .input-group-addon {
  padding: 4px 6px 4px 2px
}
#coupon-wrapper > .input-group {
  margin-bottom: 1em
}
#price-final {
  margin-top: 2em;
  padding-top: 2em;
  text-align: right;
  border-top: 1px #ddd solid;
  line-height: 2
}
#img-pagseguro-wrapper > img {
  width: 400px;
  max-width: 100%;
}
#img-paypal-wrapper > img {
  width: 95px;
  max-width: 100%;
}
#content > .well {
  overflow: hidden
}
#price {
  float: right;
  margin-left: 15px;
  color: #124B77;
  line-height: 1;
  font-size: 1.5rem;
}
#price-current {
  max-width: 15rem;
}
#price-current > span.current.has-coupon {
  color: #c83200;
  text-decoration: line-through
}
#step-wrapper {
  margin: 2em 0;
  text-align: center
}
#step-wrapper > ul {
  list-style-type: none;
}
#step-wrapper > ul > li > span {
  background: #ddd;
  color: #999;
  font-size: 0.9em
}
#step-wrapper > ul > li.active {
  color: #17c191
}
#step-wrapper > ul > li.active > span {
  background-color: #17c191;
  color: #fff
}
#step-wrapper > ul > li > p {
  margin: 0
}

#content.content-checkout {
  margin: 0
}
.lead.text-center {
  margin: 0.4em 0 1.5em
}

/* Form */
#form-login .input-group-addon,
#form-signup .input-group-addon {
  width: 2em;
  text-align: center
}
#content .panel-heading {
  font-size: 1.3em;
  text-align: center
}
.form-group {
  margin-bottom: 0.75em
}
.panel-footer {
  overflow: hidden;
  line-height: 2.35
}
.panel-footer > .form-group {
  float: right;
  margin-bottom: 0
}
.input-group,
.input-group > input {
  width: 100%
}
#btn-forgot {
  line-height: 3;
}
#btn-forgot,
#label-terms {
  float: left
}
#label-terms {
  font-size: 0.9em;
  line-height: 3.5
}
/*
#label-terms > input[type="checkbox"] {
  margin-bottom: -2px
}
#label-terms > input[type="checkbox"]:after {
  width: 14px;
  height: 14px;
  margin-top: 0
}
*/
#panel-login-social {
  position: absolute;
  text-align: center;
  padding: 1em 0.5em;
  right: 0;
  bottom: 0;
  left: 0
}
#panel-login-social > p {
  margin: 0
}

#alert-coupon {
  text-align: left;
  clear: both;
  width: 100%;
  display: none;
}
input + .input-group-addon {
  padding-right: 0;
  padding-left: 12px
}
#step-wrapper > li,
#step-wrapper > li > span {
  position: relative;
  z-index: 9
}
#step-wrapper > li.li-step-dotted:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border-top: 1px #ddd dashed;
  border-left: 1em transparent solid;
  border-right: 1em transparent solid;
  margin-top: -0.8em
}
#step-wrapper > li.li-step-dotted.active:after {
  border-top-style: solid
}
#img-pagseguro-wrapper {
  margin: 1em 0 0;
}
#img-paypal-wrapper {
  margin: 1em 0 0;
}
#form-submit {
  width: 100%;
  margin: 1em 0 0;
}
#form-submit-buttons {
  justify-content: end;
}
@media (min-width: 992px) {
  #form-submit-buttons > div {
    max-width: 50%;
  }
}
#form-submit-buttons > div {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
#form-submit-buttons > div:first-of-type {
  text-align: left;
}
#form-submit-buttons > div:last-of-type {
  text-align: right;
}
button#btn-cart-pagseguro {
  float: right
}
#lnk-coupon-open {
  margin-top: 1em;
}
#forgot-alert {
  margin: 2em 0 0
}
#alert-payment {
  display: none;
  margin: 1em 0 0
}
ol.numbered {
  line-height: 2
}
.txt-success-thanks {
  margin: 0.75em 0;
  text-align: center
}
#thankyou.txt-success-thanks {
  margin-top: 0;
}
.ol-success-info {
  margin: 0.5em 0 0
}
.ol-success-info + p {
  margin: 2em 0 1em !important
}
#content-success > .alert {
  margin: 0
}
#content-success.inactive {
  position: relative;
}
#content-success.inactive::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9) url('/img/loading.gif') center no-repeat;
}
#checkout-disclaimer {
  color: #888;
  line-height: 1.6;
  font-size: 0.9em
}
@media (max-width: 991px) {
  .col-md-6 {
    margin-top: 1em;
  }
  #form-login {
    padding-bottom: 7em;
  }
}
#link-open-checkout {
  font-size: 90%;
  font-style: italic;
}
.btn-checkout + .btn-checkout {
  margin-left: 1rem;
}
.btn-checkout.btn.btn-primary {
  float: none;
  font-weight: bold;
}
.redirect-pagseguro-payment {
    display: none;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}
.help-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px 0;
    padding: 10px;
}
.help-alert > .alert-icon {
    padding: 0 1rem 0 0;
}
.help-alert > .alert-text {
    align-self: center;
    font-size: 1em;
}