/* Variables */
/* Typography */
/* Mixins */
/*loading spinner using css and one element*/
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #505050, 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.5), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.7), 1.8em -1.8em 0 0em #505050, 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.5), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.7), 2.5em 0em 0 0em #505050, 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.5), 2.5em 0em 0 0em rgba(80, 80, 80, 0.7), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.5), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.7), 0em 2.5em 0 0em #505050, -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.2), -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.5), 0em 2.5em 0 0em rgba(80, 80, 80, 0.7), -1.8em 1.8em 0 0em #505050, -2.6em 0em 0 0em rgba(80, 80, 80, 0.2), -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.5), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.7), -2.6em 0em 0 0em #505050, -1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(80, 80, 80, 0.2), 1.8em -1.8em 0 0em rgba(80, 80, 80, 0.2), 2.5em 0em 0 0em rgba(80, 80, 80, 0.2), 1.75em 1.75em 0 0em rgba(80, 80, 80, 0.2), 0em 2.5em 0 0em rgba(80, 80, 80, 0.2), -1.8em 1.8em 0 0em rgba(80, 80, 80, 0.5), -2.6em 0em 0 0em rgba(80, 80, 80, 0.7), -1.8em -1.8em 0 0em #505050;
  }
}
/* Legacy Icons */
.AboutTypeIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.AboutTypeIcon.Company {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Contact {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Opportunity {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Position {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Match {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Candidate {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Recruiter {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.CandidateApplication {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.ScheduledItem {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -64px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.RecruiterCommisionPlan,
a .AboutTypeIcon.RecruiterCommisionPlan:hover,
.AboutTypeIcon.RecruiterCommisionPlan:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/10.png');
}
.AboutTypeIcon.CandidateReference,
a .AboutTypeIcon.CandidateReference:hover,
.AboutTypeIcon.CandidateReference:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/11.png');
}
.AboutTypeIcon.Timesheet {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -96px -16px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Agreement {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Invoice {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Note,
a .AboutTypeIcon.Note:hover,
.AboutTypeIcon.Note:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/18.png');
}
.AboutTypeIcon.Transaction,
a .AboutTypeIcon.Transaction:hover,
.AboutTypeIcon.Transaction:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/19.png');
}
.AboutTypeIcon.VendorManager,
a .AboutTypeIcon.VendorManager:hover,
.AboutTypeIcon.VendorManager:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/20.png');
}
.AboutTypeIcon.ClientProject {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -32px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Vendor {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px 0px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.VendorContact {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.EmailTemplate,
a .AboutTypeIcon.EmailTemplate:hover,
.AboutTypeIcon.EmailTemplate:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/50.png');
}
.AboutTypeIcon.PrintTemplate,
a .AboutTypeIcon.PrintTemplate:hover,
.AboutTypeIcon.PrintTemplate:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/51.png');
}
.AboutTypeIcon.InvoiceTemplate,
a .AboutTypeIcon.InvoiceTemplate:hover,
.AboutTypeIcon.InvoiceTemplate:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/52.png');
}
.AboutTypeIcon.Address,
a .AboutTypeIcon.Address:hover,
.AboutTypeIcon.Address:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/60.png');
}
.AboutTypeIcon.CompanyDepartment,
a .AboutTypeIcon.CompanyDepartment:hover,
.AboutTypeIcon.CompanyDepartment:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/62.png');
}
.AboutTypeIcon.LegalCase {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -16px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Litigation,
a .AboutTypeIcon.Litigation:hover,
.AboutTypeIcon.Litigation:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/71.png');
}
.AboutTypeIcon.MarketingCampaign {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -32px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Seed {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -48px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.HRNetPage,
a .AboutTypeIcon.HRNetPage:hover,
.AboutTypeIcon.HRNetPage:hover {
  background: url('../../../../../Mvc/Content/Images/icons/abouttypes/100.png');
}
.AboutTypeIcon.Requirement,
.AboutTypeIcon.ObjectRequirement {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: 0px -64px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Shift {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -128px -112px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.DivisionMarket {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -128px -80px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.AboutTypeIcon.Division {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -80px -48px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.icon-shift {
  background: url(../../../../../Mvc/Content/Images/Icons/AboutTypes/IconSprite.png) no-repeat !important;
  background-position: -128px -112px !important;
  width: 16px;
  height: 16px;
  display: inline-block;
}