@shadowLineHeight :8px;

hr {
  margin: 4px;
  display: inline-block;
  border: 0;
  width: 100%;
}

hr.shadow {
  border-top: 1px solid #cccccc;
  height: @shadowLineHeight ;
  .gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}

hr.dashed {
  border-top: 1px dashed @gray-light;
}

.back-link {
  .removeLinkDecoration;
  font-size: 40px;
  float: left;
  margin-top: 17px;
  margin-right: 20px;
}

.removeLinkDecoration {
  text-decoration: none;
  &:focus {
    text-decoration: none;
  }
  &:hover {
    text-decoration: none;
  }
  &:active {
    text-decoration: none;
  }
  &:visited {
    text-decoration: none;
  }
}

.isolateAlert {
  .alert {
    margin-top: 5px !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
}

.tab-mobile-borders {
  &:first-child {
    a {
      border-top-left-radius: 6px;
      border-top-right-radius: 0px;
    }
    a:before {
      border-top-left-radius: 6px;
      border-top-right-radius: 0px;
    }
  }
  &:last-child {
    a {
      border-top-right-radius: 6px;
    }
    a:before {
      border-top-right-radius: 6px;
    }
  }
}

.nav-tabs.nav-justified.tab-mobile {
  @media @phone {
    li {
      display: table-cell;
      width: 1%;
      &.active {
        a {
          .tab-mobile-borders;
          box-shadow: 0px -3px 6px 0px rgba(67, 134, 179, 0.21);
          border-color: white;
        }
      }
      .tab-mobile-borders;
      .tab-price {
        font-size: 16px;
      }
    }
  }
}

.tooltip--inline {
  display: inline-block;
}

.tooltip--right {
  display: block;
  float: right;
}

.sideHighlight(@color: @brand-primary) {
  padding-left:@side-highlight-padding-left;
  position: relative;
  &:before {
    content: "";
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: @color;
    border-radius: 4px;
    position:absolute;
  }
}