.visible-xxs, .visible-xxs-block, .visible-xxs-inline {
  display: none !important;
}

@media (min-width: 0) and (max-width: 479px) {
  .visible-xxs, .visible-xxs-block {
    display: block !important;
  }

  .visible-xxs-inline {
    display: inline !important;
  }

  .hidden-xxs {
    display: none !important;
  }

  .col-xxs-push-0 {
    left: auto;
    right: auto;
  }

  .col-xxs-offset-0 {
    margin-left: 0;
  }
}
.col-xxs-1 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-1 {
    right: 8.33333%;
  }

  .col-xxs-push-1 {
    left: 8.33333%;
  }

  .col-xxs-offset-1 {
    margin-left: 8.33333%;
  }

  .col-xxs-1 {
    float: left;
    width: 8.33333%;
  }
}
.col-xxs-2 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-2 {
    right: 16.66667%;
  }

  .col-xxs-push-2 {
    left: 16.66667%;
  }

  .col-xxs-offset-2 {
    margin-left: 16.66667%;
  }

  .col-xxs-2 {
    float: left;
    width: 16.66667%;
  }
}
.col-xxs-3 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-3 {
    right: 25%;
  }

  .col-xxs-push-3 {
    left: 25%;
  }

  .col-xxs-offset-3 {
    margin-left: 25%;
  }

  .col-xxs-3 {
    float: left;
    width: 25%;
  }
}
.col-xxs-4 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-4 {
    right: 33.33333%;
  }

  .col-xxs-push-4 {
    left: 33.33333%;
  }

  .col-xxs-offset-4 {
    margin-left: 33.33333%;
  }

  .col-xxs-4 {
    float: left;
    width: 33.33333%;
  }
}
.col-xxs-5 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-5 {
    right: 41.66667%;
  }

  .col-xxs-push-5 {
    left: 41.66667%;
  }

  .col-xxs-offset-5 {
    margin-left: 41.66667%;
  }

  .col-xxs-5 {
    float: left;
    width: 41.66667%;
  }
}
.col-xxs-6 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-6 {
    right: 50%;
  }

  .col-xxs-push-6 {
    left: 50%;
  }

  .col-xxs-offset-6 {
    margin-left: 50%;
  }

  .col-xxs-6 {
    float: left;
    width: 50%;
  }
}
.col-xxs-7 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-7 {
    right: 58.33333%;
  }

  .col-xxs-push-7 {
    left: 58.33333%;
  }

  .col-xxs-offset-7 {
    margin-left: 58.33333%;
  }

  .col-xxs-7 {
    float: left;
    width: 58.33333%;
  }
}
.col-xxs-8 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-8 {
    right: 66.66667%;
  }

  .col-xxs-push-8 {
    left: 66.66667%;
  }

  .col-xxs-offset-8 {
    margin-left: 66.66667%;
  }

  .col-xxs-8 {
    float: left;
    width: 66.66667%;
  }
}
.col-xxs-9 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-9 {
    right: 75%;
  }

  .col-xxs-push-9 {
    left: 75%;
  }

  .col-xxs-offset-9 {
    margin-left: 75%;
  }

  .col-xxs-9 {
    float: left;
    width: 75%;
  }
}
.col-xxs-10 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-10 {
    right: 83.33333%;
  }

  .col-xxs-push-10 {
    left: 83.33333%;
  }

  .col-xxs-offset-10 {
    margin-left: 83.33333%;
  }

  .col-xxs-10 {
    float: left;
    width: 83.33333%;
  }
}
.col-xxs-11 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-11 {
    right: 91.66667%;
  }

  .col-xxs-push-11 {
    left: 91.66667%;
  }

  .col-xxs-offset-11 {
    margin-left: 91.66667%;
  }

  .col-xxs-11 {
    float: left;
    width: 91.66667%;
  }
}
.col-xxs-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 0) and (max-width: 479px) {
  .col-xxs-pull-12 {
    right: 100%;
  }

  .col-xxs-push-12 {
    left: 100%;
  }

  .col-xxs-offset-12 {
    margin-left: 100%;
  }

  .col-xxs-12 {
    float: left;
    width: 100%;
  }
}
body {
  position: relative;
}

.ng-cloak {
  display: none !important;
}

a[ng-click] {
  cursor: pointer;
}

a.disabled {
  cursor: default;
  opacity: 0.5;
  text-decoration: none;
}

.busy-blocker {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  vertical-align: middle;
  background-image: url(img/logo-fork.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: white;
  z-index: 2000;
  opacity: 0.5;
}

div.block-border {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: gray;
}

div.block-border-left {
  left: 0;
}

div.block-border-right {
  right: 0;
}

.register-benefits {
  padding-top: 1em;
  padding-bottom: 1em;
}

.register-benefit {
  margin-left: 2em;
}

.register-benefit span.glyphicon {
  margin-left: -2em;
  float: left;
}

.ps-modal .busy-blocker {
  position: absolute;
}

.modal-backdrop {
  /* bootstrap 3.3.1 is missing the `bottom: 0` */
  bottom: 0;
}

.required label:after {
  content: " * ";
  color: red;
  font-weight: normal;
}

.ps-group-required label:after {
  content: "*";
  color: red;
  font-weight: normal;
}

.error-text {
  color: #a94442;
}

/* copied over from checkout app */
.btn.gray {
  color: white;
  background: #9B9B9B;
}

.btn.red {
  color: white;
  background: #B80B0F;
}

.btn.green {
  color: white;
  background: green;
}

.security-seal {
  display: inline-block;
  width: 93px;
  height: 95px;
  background: url("img/secured-seal-95-93.png") no-repeat;
}

.vcenter, .vbottom, .vtop {
  /* make sure to use no-space heck:
  <div class="col-xs-6 vcenter" bla bla</div><!--
  --><div class="col-xs-6 vcenter">blabla
  (see http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3)
  */
  display: inline-block;
  float: none;
}

.vcenter {
  vertical-align: middle;
}

.vtop {
  vertical-align: top;
}

.vbottom {
  vertical-align: bottom;
}

input.hidden-submit {
  position: fixed;
  width: 1px;
  height: 1px;
  visibility: hidden;
  top: -10px;
  left: -10px;
}

a:not([href]) {
  color: unset;
}
a:not([href]):hover, a:not([href]):focus {
  color: unset;
}

@media (min-width: 992px) {
  /* md */
  .nthclearfix.nth4n-plus-1 {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* sm */
  .nthclearfix.nth3n-plus-1 {
    clear: both;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  /* xs */
  .nthclearfix.nth2n-plus-1 {
    clear: both;
  }
}

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