[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.hafl-self {
  margin-bottom: 56px;
  margin-top: 30px; }
  .hafl-self p {
    margin: 0;
    font-weight: 600;
    font-size: 16px; }
  .hafl-self .self-actions {
    margin-top: 0; }
  .hafl-self .self-result {
    margin-top: 31px;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    color: white;
    padding: 35px 30px 45px 30px; }
    .hafl-self .self-result.ng-hide {
      opacity: 0; }
    .hafl-self .self-result h3 {
      font-size: 18px;
      font-weight: 600; }
    .hafl-self .self-result p {
      font-size: 28px;
      line-height: 30px;
      font-weight: 600; }
  .hafl-self .rzslider {
    margin: 25px 0 90px 0;
    width: 70%; }
    .hafl-self .rzslider .rz-bar {
      background: #a2aeb9;
      height: 6px;
      margin-top: -1px; }
    .hafl-self .rzslider .rz-pointer {
      background: none; }
      .hafl-self .rzslider .rz-pointer:after, .hafl-self .rzslider .rz-pointer.rz-active:after {
        background-color: #f9a600;
        top: 5px;
        left: 5px;
        width: 22px;
        height: 22px;
        border-radius: 22px; }
      .hafl-self .rzslider .rz-pointer:hover:after, .hafl-self .rzslider .rz-pointer.rz-active:after {
        background-color: #f9a600;
        -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); }
      .hafl-self .rzslider .rz-pointer:focus, .hafl-self .rzslider .rz-pointer:active {
        border: 0;
        outline: 0; }
    .hafl-self .rzslider .rz-tick {
      height: 30px;
      border-radius: 0;
      width: 2px;
      margin-left: 15px;
      margin-top: -10px;
      background: #677e91; }
      .hafl-self .rzslider .rz-tick .rz-tick-value {
        top: 40px;
        color: #697d91;
        font-size: 16px;
        font-weight: 600; }
      .hafl-self .rzslider .rz-tick:last-child, .hafl-self .rzslider .rz-tick:first-child {
        height: 46px;
        margin-top: -18px; }
        .hafl-self .rzslider .rz-tick:last-child .rz-tick-value, .hafl-self .rzslider .rz-tick:first-child .rz-tick-value {
          top: 48px; }
        .hafl-self .rzslider .rz-tick:last-child:after, .hafl-self .rzslider .rz-tick:first-child:after {
          content: " ";
          display: block;
          width: 20px;
          background: white;
          position: absolute;
          left: 2px;
          height: 30px; }
      .hafl-self .rzslider .rz-tick:first-child:after {
        left: -20px; }
  @media (max-width: 837px) {
    .hafl-self .rzslider {
      width: 90%; }
    .hafl-self .rz-tick .rz-tick-value {
      font-size: 13px !important; }
    .hafl-self .self-result p {
      font-size: 22px;
      line-height: 24px; } }

/*# sourceMappingURL=hafl-self.css.map */