/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 4, 2016, 7:31:52 AM
    Author     : Kurvin
*/
/*HL-356*/
#single-jobs-content .membership-info.bottom {
  display: block;
  padding: 10% 20px 20px; }
#single-jobs-content .profile-right-col {
  float: right; }
  #single-jobs-content .profile-right-col .dashboard-right {
    width: 364px !important;
    position: fixed; }

.membership-timeline .timeline {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 165px;
  height: 8px;
  background: url("../images/timeline-bg.png") repeat-x 0 0 rgba(0, 0, 0, 0.2);
  /*background: #13192E;*/
  border-radius: 4px; }
  .membership-timeline .timeline .timeline-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    background: #7bd62b; }
    .membership-timeline .timeline .timeline-bar:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7px 6px 7px;
      border-color: transparent transparent rgba(21, 28, 50, 0.2) transparent;
      position: absolute;
      top: 17px;
      right: -5px;
      margin-left: -6px; }
.membership-timeline .tooltip-container {
  width: 100%;
  padding: 0 45px;
  position: relative;
  height: 1px; }
  .membership-timeline .tooltip-container .inner-tooltip-container {
    position: relative;
    height: 1px; }
    .membership-timeline .tooltip-container .inner-tooltip-container .timeline-tooltip {
      height: auto;
      top: 15px;
      margin-left: -55px;
      display: block;
      border-radius: 3px;
      position: absolute;
      font-family: 'proxima_nova_rgbold';
      font-weight: normal;
      font-style: normal;
      font-size: 10px;
      line-height: 10px;
      letter-spacing: 0.5px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      padding: 10px 5px 5px 5px;
      background-color: rgba(21, 28, 50, 0.2);
      box-sizing: border-box; }
      .membership-timeline .tooltip-container .inner-tooltip-container .timeline-tooltip b {
        font-family: 'proxima_nova_rgbold';
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        display: block;
        margin-bottom: 9px; }

.membership-info.bottom {
  background-color: #2b375e;
  padding: 10% 20px 20px;
  margin-bottom: 10px;
  color: #fff; }
  .membership-info.bottom .membership-requirements-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    .membership-info.bottom .membership-requirements-list li {
      font-family: 'proxima_novasemibold';
      font-weight: normal;
      font-style: normal;
      font-size: 16px;
      line-height: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      .membership-info.bottom .membership-requirements-list li a {
        color: #fff;
        display: block;
        padding: 16px 10px 14px 2px;
        position: relative; }
      .membership-info.bottom .membership-requirements-list li .zmdi {
        padding-right: 10px; }
      .membership-info.bottom .membership-requirements-list li span {
        float: right;
        background-color: rgba(0, 0, 0, 0.2);
        font-family: 'proxima_novasemibold';
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        line-height: 20px;
        color: white;
        border-radius: 3px;
        padding: 3px 4px 1px;
        max-width: none;
        margin-left: 5px; }
  .membership-info.bottom .percentage-indicator {
    text-align: center; }
    .membership-info.bottom .percentage-indicator span {
      font-size: 20px;
      line-height: 24px;
      color: #fff;
      margin: 0;
      left: 18%; }
  .membership-info.bottom .membership-timeline {
    width: 100%;
    padding-bottom: 5px;
    height: 80px;
    margin-top: 100px; }
    .membership-info.bottom .membership-timeline .timeline-wrapper {
      padding-bottom: 0px;
      margin: 0px !important; }
      .membership-info.bottom .membership-timeline .timeline-wrapper .badge {
        width: 76px;
        position: absolute;
        bottom: 45px;
        left: -18px; }
    .membership-info.bottom .membership-timeline .timeline-wrapper.AHL #ahl {
      width: 85px; }
    .membership-info.bottom .membership-timeline .timeline-wrapper.MHL #mhl {
      width: 85px; }
    .membership-info.bottom .membership-timeline .timeline-wrapper.FHL #fhl {
      width: 85px; }
    .membership-info.bottom .membership-timeline .status-wrapper {
      position: absolute;
      z-index: 10;
      top: -18px;
      color: #fff;
      padding: 5px;
      background-color: rgba(0, 0, 0, 0.2);
      height: 40px;
      width: 40px;
      border-radius: 50%; }
      .membership-info.bottom .membership-timeline .status-wrapper .status-icon.locked:before {
        content: '\f191';
        font-family: 'Material-Design-Iconic-Font';
        font-size: 25px; }
      .membership-info.bottom .membership-timeline .status-wrapper .status-icon {
        position: absolute;
        padding-left: 6.5px; }
      .membership-info.bottom .membership-timeline .status-wrapper:nth-child(1) {
        left: 12%; }
      .membership-info.bottom .membership-timeline .status-wrapper:nth-child(2) {
        left: 44%; }
      .membership-info.bottom .membership-timeline .status-wrapper:nth-child(3) {
        left: 77%; }
    .membership-info.bottom .membership-timeline:after {
      content: ' ';
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      width: 100%;
      left: 0;
      top: 50px;
      position: relative;
      display: block; }
  .membership-info.bottom .membership-button-container {
    text-align: center;
    padding-top: 20px; }
    .membership-info.bottom .membership-button-container .btn {
      width: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      padding: 12px 70px 12px; }
    .membership-info.bottom .membership-button-container a {
      color: #fff; }

.membership-info.bottom.MHL {
  background-color: #8b8b8b; }
  .membership-info.bottom.MHL .membership-timeline .status-wrapper .status-icon.checked:before {
    content: '\f26b';
    font-family: 'Material-Design-Iconic-Font';
    font-size: 25px; }
  .membership-info.bottom.MHL .membership-timeline .status-wrapper:nth-child(1) {
    background: #7bd62b;
    background: #7bd62b; }
  .membership-info.bottom.MHL .membership-timeline .status-wrapper:nth-child(2) {
    background: #7bd62b;
    background: #7bd62b; }

.membership-info.bottom.FHL {
  background-color: #bc8b0f; }
  .membership-info.bottom.FHL .membership-timeline .status-wrapper .status-icon.checked:before {
    content: '\f26b';
    font-family: 'Material-Design-Iconic-Font';
    font-size: 25px; }
  .membership-info.bottom.FHL .membership-timeline .status-wrapper:nth-child(3) {
    background: #7bd62b; }

.membership-info.bottom.AHL .membership-timeline .status-wrapper .status-icon.checked:before {
  content: '\f26b';
  font-family: 'Material-Design-Iconic-Font';
  font-size: 25px; }
.membership-info.bottom.AHL .membership-timeline .status-wrapper:nth-child(1) {
  background: #7bd62b; }

.logged-in-sticky-sidebar footer {
  padding-top: 50px; }

.strike-through:before {
  content: ' ';
  border-bottom: 1px solid #fff;
  width: 100%;
  position: relative;
  display: block;
  top: 25.5px; }

@media (max-width: 1024px) {
  .membership-info.bottom .membership-timeline .timeline-wrapper .badge {
    width: 64px;
    position: absolute;
    bottom: 45px;
    left: -16px; }
  .membership-info.bottom .membership-timeline .timeline-wrapper.AHL #ahl {
    width: 72px; }
  .membership-info.bottom .membership-timeline .timeline-wrapper.MHL #mhl {
    width: 85px; }
  .membership-info.bottom .membership-timeline .timeline-wrapper.FHL #fhl {
    width: 85px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .membership-info.bottom .membership-timeline .timeline-wrapper .badge {
    width: 100px;
    position: absolute;
    bottom: 45px;
    left: -35px; }
  .membership-info.bottom .membership-timeline .timeline-wrapper.AHL #ahl {
    width: 120px; }
  .membership-info.bottom .membership-timeline .timeline-wrapper.MHL #mhl {
    width: 120px; }
  .membership-info.bottom .membership-timeline .timeline-wrapper.FHL #fhl {
    width: 120px; } }
@media (max-width: 991px) {
  .dashboard-feed {
    width: 100%; } }
@media (max-width: 350px) {
  .membership-info.bottom .membership-button-container .btn {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 18px 20px 17px; } }