@keyframes slideInFromLeftFirst {

  
  
0% {
    transform: translateX(-100%);
  }
  
100% {
    transform: translateX(0);
  }

}

@keyframes slideInFromLeftSecond {

  
  
0% {
    transform: translateX(-70%);
  }
  
100% {
    transform: translateX(0);
  }

}

@keyframes slideInFromLeftThird {

  
  
0% {
    transform: translateX(-70%);
  }
  
100% {
    transform: translateX(0);
  }

}

@keyframes progressing {

  
  
0% {
    opacity: 0.2;
  }
  
50% {
    opacity: 0.9;
  }
  
100% {
    opacity: 0.2;
  }

}

@import "https://fast.fonts.net/lt/1.css?apiType=css&c=cd2d8db6-5f56-4ddc-a945-bc5a906f2e72&fontids=674411,694015,694021";

@font-face {
  font-family: LibreFranklin-Light;
  src: local('Libre Franklin Light'), local('LibreFranklin-Light'), url(https://fonts.gstatic.com/s/librefranklin/v2/1_DGDtljMiPWFs5rl_p0yGISN6_59ECOhaitw-i87uk.woff2) format('woff2');
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: LibreFranklin-Regular;
  src: local('Libre Franklin'), local('LibreFranklin-Regular'), url(https://fonts.gstatic.com/s/librefranklin/v2/PFwjf3aDdAQPvNKUrT3U77v_weys7n7jZxU_6MdmmbI.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: LibreFranklin-Medium;
  src: local('Libre Franklin Medium'), local('LibreFranklin-Medium'), url(https://fonts.gstatic.com/s/librefranklin/v2/1_DGDtljMiPWFs5rl_p0yH0EyttSSCsW3UCOJCoIBvw.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

#app {
  background: #f5f5f5;
  color: #333333;
  font-size: 20px;
  font-family: LibreFranklin-Light;
  height: 100%;
}

#app button {
  outline: none;
}

#app a {
  color: #3fb2bb;
  height: inherit;
}

#app a:hover {
  text-decoration: none;
  color: #2f8c92;
}

#app .btn {
  color: #fff;
  background: #3fb2bb;
  border-radius: 0;
  border: none;
  align-self: flex-start;
  padding: 10px;
}

#app .btn:hover {
  color: #fff;
  background: #2f8c92;
}

#app .btn:focus {
  color: #fff;
  background: #2f8c92;
}

#app .btn-border {
  color: #00C0D1 !important;
  background: transparent !important;
  border: solid 1px;
  border-color: #3fb2bb;
}

#app .btn-border:hover {
  background: #fff;
  color: #333333;
}

#app .btn-border:focus {
  background: #fff;
  color: #333333;
}

#app .divider {
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 10px;
}

#app .btn-border {
  width: auto;
  background: transparent;
  padding: 16px 0;
  color: #3fb2bb;
  border: solid 1px;
  border-color: #3fb2bb;
}

#app .btn-border:hover {
  color: #3fb2bb;
  background: transparent;
}

#app .holder .labels {
  margin-bottom: 10px;
}

#app .error-msg {
  font-size: 12px;
  font-family: LibreFranklin-Light;
  color: #ea0000;
  margin: 6px 0 0;
}

#app .form-control {
  border: 1px solid #979797;
}

#app .form-control:focus, #app .form-control:active {
  border: 1px solid  #3fb2bb;
  box-shadow: none;
}

#app .form-control.error {
  border: 1px solid #ea0000;
}

#app .rc-dropdown:focus, #app .rc-dropdown:active {
  box-shadow: none;
  outline: none;
}

#app .rc-dropdown .chosen-single span {
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 100;
  color: #444444;
}

#app .rc-dropdown.error {
  border: 1px solid #ea0000;
}

#app .rc-dropdown a {
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: none;
}

#app .chosen-container-active.chosen-container-active .chosen-single {
  box-shadow: none;
  border: 1px solid #00C0D1;
  border-bottom: #fff;
}

#app .chosen-container-active.chosen-container-active .chosen-drop {
  box-shadow: none;
  border: 1px solid #00C0D1;
  border-top: none;
  border-radius: 0;
}

#app .chosen-container .chosen-results li.highlighted {
  background: #00C0D1;
}

#app .quill-holder {
  position: relative;
}

#app .quill-holder.error .ql-container.ql-snow {
  border-color: #ea0000;
}

#app .quill-holder.error .ql-toolbar.ql-snow {
  border-color: #ea0000;
  border-bottom-color: #ccc;
  border-width: 1px;
}

#app .ql-toolbar {
  background: #f0f0f0;
}

#app .ql-editor {
  background: #fff;
  height: 500px;
  font-size: 16px;
  font-family: LibreFranklin-Light;
}

#app .ql-editorfocus {
  border: 1px solid #3fb2bb;
}

#app .ql-editor.ql-blank:before {
  font-weight: 300;
  color: #aaa;
  opacity: 0.8;
  font-family: LibreFranklin-Regular;
}

#app .ql-blank {
  font-weight: 100;
  font-style: italic;
}

#app .ql-blank::-webkit-input-placeholder {
  font-weight: 100;
  font-style: italic;
  color: red;
}

#app .rc-typeahead-suggestions-container {
  width: 490px;
  border: 1px solid #3fb2bb;
  padding: 0 5px;
  font-size: 14px;
  background: #fff;
  border-top: none;
  color: #444;
  z-index: 20;
}

#app .rc-typeahead-suggestions-container .rc-typeahead-suggestion {
  background: #fff;
}

#app .rc-typeahead-suggestions-container .rc-typeahead-suggestion.active {
  background: #f4f4f4;
}

#app .check-holder {
  position: relative;
}

#app .check-holder .info {
  margin-left: 10px;
  font-family: LibreFranklin-Regular;
  font-size: 14px;
  font-weight: 300;
}

#app .check-holder span {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #aaaaaa;
}

#app .check-holder span:after {
  width: 9px;
  top: 3px;
  height: 5px;
  border: 2px solid #3fb2bb;
  transform: rotate(-45deg);
  border-right: none;
  position: absolute;
  border-top: none;
  content: '';
  background: transparent;
  opacity: 0;
  left: 3px;
}

#app .check-holder input[type="checkbox"] {
  visibility: hidden;
}

#app .check-holder input[type="checkbox"]:checked + span:after {
  opacity: 1;
}

#app .popover {
  border-radius: 0;
  font-family: LibreFranklin-Regular;
}

#app .popover .popover-content {
  padding: 0;
}

#app .tooltip {
  font-family: LibreFranklin-Light;
}

#app .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#app input::placeholder, #app textarea::placeholder {
  font-weight: 100;
  font-style: italic;
  color: #999999;
}

#app .dropdown {
  height: auto;
}

#app th {
  font-size: 13px;
  font-family: LibreFranklin-Medium;
  font-weight: 400;
  line-height: 24px;
  border-top: none;
}

#app th.day-enabled {
  font-size: 10px;
}

#app th.sort-col {
  background-color: rgba(255,255,255,0.6);
}

#app th .col-header {
  color: #000;
  font-weight: 400;
}

#app th .arrow-down-ra, #app th .arrow-up-ra {
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin: 0 0 0 5px;
}

#app th .arrow-down-ra.disabled, #app th .arrow-up-ra.disabled {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

#app th .arrow-down-ra {
  border-top: 6px solid #9a9a9a;
  border-bottom: 6px solid transparent;
  position: relative;
  top: 8px;
}

#app th .arrow-up-ra {
  border-top: 6px solid transparent;
  border-bottom: 6px solid #9a9a9a;
  padding: 2px 0 0;
}

#app .checkbox-container input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}

#app .checkbox-container input[type="checkbox"]:disabled + .checkmark {
  cursor: not-allowed;
}

#app .alerts {
  width: 100%;
  position: absolute;
  top: 50px;
}

#app .alerts .ra-alert {
  height: 43px;
  font-size: 16px;
  text-align: center;
  font-family: LibreFranklin-Regular;
  z-index: 10;
}

#app .alerts .ra-alert.success {
  background-color: #b4e5b7;
}

#app .alerts .ra-alert.error {
  background-color: #f8d7da;
}

#app .logo {
  width: 162px;
  height: 30px;
  margin: 10px 30px 10px 0;
}

#app .lo-header-holder {
  background-color: #231f20;
  width: 100%;
}

#app .lo-header-holder .lo-header {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}

#app .lo-header-holder .logo-holder {
  margin-left: 15px;
}

#app .lo-header-holder .logo {
  float: left;
  margin-bottom: 9px;
}

#app .lo-header-holder .logo a img {
  width: 162px;
}

#app .login-button {
  margin: 15px 19px 0 auto;
}

#app .login-button a {
  font-size: 16px;
  letter-spacing: 1px;
  padding-right: 4px;
  color: #aaaaaa;
}

#app .chosen-container-single .chosen-single {
  border: none;
  box-shadow: none;
  border-radius: 0;
}

#app .header {
  font-family: LibreFranklin-Regular;
  background: #231f20;
  height: 50px;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header {
    display: none;
  }

}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header.mobile {
    flex-flow: column nowrap;
    display: flex;
  }

}

@media (min-width: 768px) {

  
  
  #app .header.mobile {
    display: none;
  }

}

#app .header .header-content {
  background: #231f20;
  color: #fff;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

#app .header .left-menu {
  margin: 0 0 0 15px;
}

#app .header .left-menu-dropdown {
  margin-left: -15px;
}

#app .header .right-menu {
  margin-left: auto;
}

#app .header img.profile-picture {
  width: 24px;
  height: 24px;
  clip-path: circle(50% at 50% 50%);
  overflow: hidden;
  margin: 0 5px 0 0;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header img.profile-picture {
    width: 25px;
    height: 25px;
  }

}

#app .header .home-icon {
  color: #fff;
  text-decoration: none;
}

#app .header .menu-holder {
  width: 100px;
}

#app .header .menu-holder.superuser {
  width: 125px;
}

#app .header .menu-holder.superuser .arrow-up-ra, #app .header .menu-holder.superuser .arrow-down-ra {
  left: 95px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder.superuser {
    width: 200px;
  }

}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder {
    width: 200px;
    height: 50px;
    transition: height 0.5s;
    background-color: #231f20;
  }

}

#app .header .menu-holder.account-menu {
  width: auto;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder.account-menu {
    width: 200px;
    background-color: #231f20;
    align-items: flex-start !important;
    z-index: 100;
  }

}

@media (min-width: 768px) {

  
  
  #app .header .menu-holder.account-menu {
    align-items: flex-end;
  }

}

#app .header .menu-holder.account-menu.active {
  background: #231f20;
}

#app .header .menu-holder.account-menu.active .profile-name-holder {
  background: #666666;
}

#app .header .menu-holder.account-menu .dropdown {
  margin: 0;
  font-family: LibreFranklin-Regular;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder.account-menu .dropdown {
    width: 200px;
  }

}

#app .header .menu-holder.account-menu .dropdown .btn {
  background: #3fb2bb;
  width: 260px;
  margin: 26px 13px;
  font-size: 16px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder.account-menu .dropdown .btn {
    width: 175px;
  }

}

#app .header .menu-holder.account-menu .dropdown .btn:hover {
  color: #fff;
  background: #2f8c92;
}

#app .header .menu-holder.account-menu .dropdown a {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder.account-menu .menu-stripe {
    width: 180px;
  }

}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder.account-menu .profile-name-holder {
    width: 200px;
  }

}

#app .header .menu-holder.account-menu .profile-name-holder button {
  padding: 10px 20px;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header .menu-holder.account-menu .profile-name-holder button {
    padding: 10px;
  }

}

#app .header .menu-holder.account-menu .profile-name-holder a.upload-a-photo {
  height: 50px;
  background: #ef8f1c url(/img/exclamation.svg?v=125) no-repeat 92% 50%;
  color: #fff;
  text-decoration: none;
  line-height: 50px;
  font-size: 16px;
  padding: 0 42px 0 10px;
}

#app .header .menu-holder.account-menu .arrow-up-ra, #app .header .menu-holder.account-menu .arrow-down-ra {
  left: -10px;
}

#app .header .menu-holder.account-menu .arrow-up-ra {
  top: 17px;
}

#app .header .menu-holder.account-menu .arrow-down-ra {
  top: 24px;
}

#app .header .menu-holder .menu-divider {
  width: 250px;
}

#app .header .menu-holder .menu-stripe {
  margin: 0 10px;
  width: 230px;
  height: 1px;
  background: #999;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder .menu-stripe {
    width: 180px;
  }

}

#app .header .menu-holder .header-menu {
  height: 50px;
  border: none;
  padding: 10px;
  text-align: left;
  overflow: visible;
  font-size: 16px;
  border-radius: 0;
  background: #231f20;
  color: #9a9a9a;
}

#app .header .menu-holder .header-menu:focus {
  outline: none;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header .menu-holder .header-menu {
    width: 100%;
  }

}

#app .header .menu-holder .arrow-down-ra, #app .header .menu-holder .arrow-up-ra {
  width: 0px;
  height: 0px;
  display: inline-block;
  position: relative;
  left: 68px;
  float: left;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

#app .header .menu-holder .arrow-down-ra {
  top: -27px;
  border-top: 6px solid #9a9a9a;
  border-bottom: 6px solid transparent;
}

#app .header .menu-holder .arrow-up-ra {
  top: -33px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid white;
}

#app .header .menu-holder .active {
  color: #fff;
  background: #4D4D4B;
  box-shadow: none;
}

#app .header .menu-holder .dropdown {
  z-index: 1;
  background: #666666;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .header .menu-holder .dropdown {
    width: 200px !important;
  }

}

#app .header .menu-holder .dropdown a {
  font-size: 16px;
  font-family: LibreFranklin-Light;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
}

#app .header .menu-holder .dropdown a:hover {
  color: #09AEBC;
}

#app .header .menu-holder .dropdown .btn {
  background: #4D4D4B;
  width: 150px;
}

#app .header .menu-holder .dropdown .btn:hover {
  color: #3fb2bb;
}

#app .header .menu-holder.active {
  cursor: pointer;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header .menu-holder.active {
    height: auto;
  }

}

#app .header .menu-holder.active .header-menu {
  background: #666666;
  color: #fff;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .header .jobs-menu.active, #app .header .search-menu.active, #app .header .superuser.active {
    height: 135px;
  }

}

#app .nav-tabs {
  border: rgb(247, 245, 240);
  font-family: LibreFranklin-Regular;
}

#app .nav-tabs li.active a, #app .nav-tabs li.active a:hover {
  background: #f5f5f5;
  border: none;
  color: #343434;
}

#app .nav-tabs li a {
  background: #fafafa;
  font-size: 16px;
  color: #aaa;
  border-radius: 0;
  border: none;
  margin: 0 3px;
  padding-left: 30px;
  padding-right: 30px;
}

#app .nav-tabs li a:hover {
  background: #f5f5f5;
}

#app .level1 {
  font-family: LibreFranklin-Light;
}

#app .job-menu {
  z-index: 10;
}

#app .rc-div-table {
  font-size: 14px;
  border: none;
}

#app .rc-div-table-header div {
  background: #f5f5f5;
  border: none;
}

#app .rc-div-table-row {
  font-size: 14px;
}

#app .rc-div-table-row .rc-box {
  overflow: hidden;
}

#app .char-count {
  width: 100%;
  text-align: right;
  font-size: 11px;
  color: #959595;
  margin: 5px 0 0;
}

#app .account-management .contact-info {
  margin: 10px 0;
}

#app .account-management .contact-info a.contact {
  padding-left: 40px;
}

#app .account-management .contact-info a.contact.email-rep {
  background: transparent url(/img/rl-email-icon.svg?v=125) 10px 10px no-repeat;
  background-size: 20px 20px;
}

#app .account-management .contact-info a.contact.call-rep {
  background: transparent url(/img/rl-phone-icon.svg?v=125) 10px 10px no-repeat;
  background-size: 20px 20px;
}

#app .account-management .contact-info p, #app .account-management .contact-info a {
  font-size: 14px !important;
  padding: 0 1em !important;
  margin: 4px 0 !important;
}

#app .footer-container {
  position: relative;
  margin-top: auto;
}

#app .footer-container .footer {
  width: 100%;
  min-height: 186px;
  background: #231f20;
  padding: 10px;
  position: relative;
  z-index: 10;
}

#app .footer-container .footer .content {
  width: 100%;
  max-width: 968px;
  margin: 0 auto;
  min-height: 0px;
  height: auto;
}

#app .footer-container .footer .content .logo {
  text-align: left;
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

#app .footer-container .footer .content .logo a img {
  width: 162px;
}

#app .footer-container .footer .links {
  width: 20%;
  margin-right: auto;
}

#app .footer-container .footer .sublinks {
  text-align: left;
  padding: 2px 0;
}

#app .footer-container .footer .sublinks a {
  color: #cdcccc;
  font-size: 14px;
}

#app .footer-container .footer .sublinks p {
  margin: auto;
}

#app .footer-container .footer .sublinks-social {
  padding-top: 1.5em;
  float: right;
  text-align: right;
}

#app .footer-container .footer .sublinks-social a {
  padding: 3px;
}

#app .footer-container .footer .sublinks-social .social {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/img/social_media_transparent_bg.png?v=125);
  background-repeat: no-repeat;
  background-size: 148px auto;
}

#app .footer-container .footer .sublinks-social .twitter {
  background-position: -10px -6px;
}

#app .footer-container .footer .sublinks-social .facebook {
  background-position: -36px -6px;
}

#app .footer-container .footer .sublinks-social .instagram {
  background-position: -61px -6px;
}

#app .footer-container .footer .sublinks-social .linkedin {
  background-position: -88px -6px;
}

#app .footer-container .footer .copyright {
  font-size: 14px;
  color: #cdcccc;
}

#app .footer-container .footer #links .sublinks {
  text-align: left;
  line-height: 2em;
}

#app .footer-container .contact-slide-up {
  line-height: 15px;
  width: 201px;
  right: 20px;
  font-family: LibreFranklin-Light;
  height: 102px;
  padding: 6px 10px;
  -webkit-transition: .4s;
  transform: translateY(-47px);
  position: absolute;
  cursor: pointer;
  box-shadow: 0 3px 6px 0 #555;
  font-size: 12px;
  background-color: #fbbc48;
  border-radius: 2px;
  transition: .4s;
}

#app .footer-container .contact-slide-up.up {
  transform: translateY(-100px);
}

#app .footer-container .contact-slide-up a {
  color: #231f20;
  height: auto;
}

#app .footer-container .contact-slide-up .contact {
  margin-left: 30px;
  margin-bottom: 3px;
  line-height: 18px;
}

#app .footer-container .contact-slide-up .contact:before {
  background-image: url(/img/talk-bubble@3x.png?v=125);
  position: absolute;
  content: '';
  height: 21px;
  width: 24px;
  background-size: 24px 21px;
  left: 10px;
  top: 8px;
}

#app .footer-container .contact-slide-up .label {
  font-size: 12px;
  padding: 0;
}

#app .footer-container .contact-slide-up .name {
  font-family: LibreFranklin-Medium;
}

#app .modal-box {
  border-radius: 0;
  background: #f5f5f5;
  padding: 24px;
  position: relative;
  width: 600px;
}

#app .modal-box .modal-title {
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 30px;
  font-family: LibreFranklin-Regular;
}

#app .modal-box .modal-message {
  padding: 0;
  font-size: 16px;
  font-family: LibreFranklin-Light;
  color: #ea0000;
}

#app .modal-box .modal-body {
  width: 100%;
  padding: 0;
}

#app .modal-box .modal-close {
  position: absolute;
  top: 31px;
  right: 31px;
  cursor: pointer;
  width: 23.7px;
  height: 23.7px;
  background-image: url(/img/x.svg?v=125);
}

#app .modal.promote-job .modal-box {
  border-radius: 0;
  background: #f5f5f5;
  padding: 50px;
  width: 660px;
}

#app .modal.promote-job .modal-box .modal-title {
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 36px;
  letter-spacing: -.2px;
  font-weight: 100;
  font-family: LibreFranklin-Light;
  color: #999999;
}

#app .modal.promote-job .modal-box .modal-body {
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
}

#app .modal.promote-job .modal-box button {
  background-color: #ef8f1c;
  width: 100%;
  margin: 37px 0 0 !important;
  font-size: 20px;
  font-weight: 300;
  font-family: LibreFranklin-Light;
}

#app .modal.promote-job .modal-box button:hover, #app .modal.promote-job .modal-box button:focus {
  background-color: #ef8f1c;
}

#app .modal.purchase-for-job .modal-box {
  padding: 50px 98.5px 41px 85px;
  width: 750px;
}

#app .modal.purchase-for-job .modal-box .modal-title {
  width: 100%;
  font-size: 36px;
  font-weight: 300;
  font-family: LibreFranklin-Light;
  color: #4a4a4a;
  line-height: 1;
}

#app .modal.purchase-for-job .modal-box .modal-body {
  width: 100%;
}

#app .modal.purchase-for-job .modal-box .modal-body ul {
  margin: 0;
  padding: 20px 0 0 34px;
}

#app .modal.purchase-for-job .modal-box .modal-body ul li {
  font-size: 20px;
}

#app .modal.purchase-for-job .modal-box .modal-body .modal-list-disclaimer {
  font-size: 14px;
  font-weight: 300;
  color: #999999;
  line-height: 2.14;
  height: 30px;
  padding: 0 0 0 34px;
  margin: -5px 0 0;
}

#app .modal.purchase-for-job .modal-box .modal-disclaimer {
  width: 534px;
  font-size: 14px;
  font-weight: 300;
  color: #999999;
  margin: 41px 0 0;
}

#app .modal.purchase-for-job .modal-box button {
  background-color: #ef8f1c;
  width: 300px;
  margin: 37px 0 0;
  font-size: 20px;
  font-weight: 300;
  font-family: LibreFranklin-Light;
}

#app .modal.purchase-for-job .modal-box button:hover, #app .modal.purchase-for-job .modal-box button:focus {
  background-color: #ef8f1c;
}

#app .modal.purchase-again .modal-box {
  padding: 52px 50px 53px;
  width: 773px;
}

#app .modal.purchase-again .modal-box .modal-title {
  width: 100%;
  font-size: 36px;
  letter-spacing: -.2px;
  font-weight: 100;
  font-family: LibreFranklin-Light;
  color: #999999;
}

#app .modal.purchase-again .modal-box .modal-body {
  width: 100%;
  font-size: 16px;
}

#app .modal.purchase-again .modal-box button {
  background-color: #ef8f1c;
  width: 100%;
  margin: 37px 0 0;
  font-size: 20px;
  font-weight: 300;
  font-family: LibreFranklin-Light;
}

#app .modal.purchase-again .modal-box button:hover, #app .modal.purchase-again .modal-box button:focus {
  background-color: #ef8f1c;
}

#app .main {
  background: #f5f5f5;
  min-height: calc(100% - 50px - 186px);
}

#app .content-holder {
  width: 100%;
  background: #f5f5f5;
  padding-bottom: 10px;
}

#app .content {
  margin: 0 auto;
  height: 100%;
  width: 1000px;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .content {
    width: 345px;
  }

}

#app .title-box {
  margin: 48px auto 0;
  width: 1000px;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .title-box {
    width: 345px;
  }

}

#app .title-box .subtitle {
  font-size: 14px;
}

#app .form-control {
  border-radius: 0;
  box-shadow: none;
}

#app .rc-div-table-header {
  font-family: LibreFranklin-Medium;
}

#app .title-container {
  width: 100%;
  position: relative;
  background: #fff;
}

#app .title-container .title {
  font-size: 36px;
  font-family: LibreFranklin-Light;
  line-spacing: -.2px;
}

#app .title-container .subtitle {
  margin-bottom: 24px;
  font-size: 14px;
  font-family: LibreFranklin-Regular;
}

#app .circle-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-left: 15px;
}

#app .login {
  font-size: 16px;
}

#app .login .content {
  width: 100%;
  max-width: 1000px;
  margin: 100px auto;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .login .content {
    margin: 30px auto;
  }

}

#app .login .form-col .login-disclaimers {
  padding: 0 50px;
}

#app .login .form-col .login-form {
  padding: 20px 50px;
}

#app .login .form-col .login-form.change-password {
  padding: 20px 0;
}

#app .login .form-col .title {
  font-size: 52px;
  margin-bottom: 20px;
  line-height: 1.2em;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .login .form-col .title {
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
  }

}

#app .login .form-col .error-msg {
  color: #ea0000;
  font-size: 16px;
  font-family: LibreFranklin-Regular;
  margin: 5px 0 20px;
}

#app .login .form-col .login {
  margin: 30px 0 20px !important;
  width: 100%;
  font-size: 16px;
  height: 50px;
  font-family: LibreFranklin-Regular;
}

#app .login .form-col .login .btn {
  width: 100%;
}

#app .login .privacy-policy-agreement {
  font-size: 16px;
  margin: 0 0 20px;
  font-family: LibreFranklin-Regular;
}

#app .login img.secure-site-img {
  width: 150px;
  height: 65px;
}

#app .login .forgot-password-link {
  font-size: 16px;
  font-family: LibreFranklin-Regular;
}

#app .login a {
  font-size: 16px;
}

#app .info {
  font-size: 16px;
  font-family: LibreFranklin-Regular;
  color: #444444;
  margin-bottom: 24px;
}

#app .login-info {
  padding: 75px 20px 20px 60px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .login-info {
    padding: 10px 0;
  }

}

#app .login-info .title {
  font-family: LibreFranklin-Medium;
  margin: 0;
}

#app .login-info .password-info .info {
  margin: 0 0 10px;
}

#app .login-info .password-info .protect-your-privacy {
  margin: 0 0 30px;
}

#app .login-info .password-info .password-info-list-item {
  margin: 0 0 10px;
}

#app .login-info .password-info .password-info-list-item .list-item, #app .login-info .password-info .password-info-list-item .list-item-example {
  padding: 0 0 0 16px;
}

#app .login-info .password-info .password-info-list-item .list-item {
  position: relative;
  font-family: LibreFranklin-Medium;
  font-size: 16px;
  width: 100%;
}

#app .login-info .password-info .password-info-list-item .list-item:before {
  position: absolute;
  left: 0;
  content: "-";
  padding: 0;
}

#app .login-info .list-item-example {
  font-family: LibreFranklin-Regular;
  font-size: 16px;
}

#app .info-group {
  margin: 0 0 40px;
}

#app .account .row {
  margin: 0 0 0 3px;
  width: 100%;
}

#app .account .divider {
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 0;
}

#app .account .title-container {
  margin: 0 auto;
  min-height: 170px;
}

#app .account .title-container .title-box {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#app .account .title-container .title-box .level1 {
  font-size: 36px;
  letter-spacing: -.2px;
  margin-top: 40px;
}

#app .account .title-container .title-box .account-info {
  margin-bottom: 30px;
}

#app .account .title-container .title-box .button-group {
  position: absolute;
  top: 100px;
  right: 0px;
  padding: 0;
}

#app .account input {
  padding: .3em .8em;
}

#app .account .info-box {
  margin: 40px 0;
}

#app .account .info-box .holder {
  width: 45%;
}

#app .account .info-box .company-site-holder {
  width: 93%;
}

#app .account .info-box .site-holder {
  width: 100%;
}

#app .account .info-box .email-holder {
  width: 630px;
}

#app .account .info-box .phone-holder {
  width: 300px;
}

#app .account .info-box .ext-holder {
  width: 150px;
}

#app .account .info-box .street-holder, #app .account .info-box .city-holder, #app .account .info-box .state-dd-holder, #app .account .info-box .zip-holder, #app .account .info-box .country-dd-holder {
  width: 32%;
}

#app .account .info-box .title {
  margin: 0;
  font-family: LibreFranklin-Regular;
  font-size: 24px;
  color: #666666;
}

#app .account .info-box .subtitle {
  font-size: 16px;
  margin: 10px 0;
}

#app .account .form-control {
  border: none;
  font-size: 16px;
}

#app .account .form-control:disabled {
  background: #FFFFFF url(/img/lock.svg?v=125) 97% 50% no-repeat;
}

#app .account .form-control.error {
  border: 1px solid #ed4e3d;
}

#app .account .password-col {
  width: 416px;
}

#app .account .password-col .holder {
  width: 100%;
}

#app .account .ats-col .holder {
  width: 100%;
}

#app .account .ats-col .api-key-holder, #app .account .ats-col .ats-dropdown-holder, #app .account .ats-col .job-board-token-holder {
  max-width: 416px;
}

#app .account .ats-col .api-key-holder .info, #app .account .ats-col .ats-dropdown-holder .info, #app .account .ats-col .job-board-token-holder .info {
  font-size: 12px;
  margin: 0;
  color: #999;
}

#app .account .ats-col .lever-desc {
  font-size: 16px;
  margin: 10px 0;
}

#app .account .ats-col .lever-desc span {
  font-family: LibreFranklin-Medium;
}

#app .account .ats-info p {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 25px;
}

#app .account .social.info-box {
  position: relative;
  width: 1000px;
}

#app .account .social.info-box .holder {
  width: 490px;
}

#app .account .social.info-box .rc-input-text {
  width: 100%;
}

#app .account .personal.info-box {
  position: relative;
  width: 70%;
}

#app .account .personal.info-box .rc-input-text {
  width: 100%;
}

#app .account .personal.info-box .rc-input-text .company-site {
  width: 650px;
}

#app .account .dropdown {
  width: 100%;
}

#app .account .holder.country-holder, #app .account .holder.state-holder {
  width: 100%;
  height: 40px;
}

#app .account .nav-tabs {
  position: relative;
  bottom: 0;
}

#app .account .biography {
  width: 1000px;
}

#app .account .biography .sample-bio {
  font-size: 16px;
  background: #e3e3e3;
  padding: 20px;
  margin-bottom: 10px;
}

#app .account .biography .sample-bio h1 {
  font-size: 20px;
}

#app .account .biography a {
  cursor: pointer;
}

#app .account .biography .bio {
  height: 200px;
}

#app .account .hidden-info {
  background: #e3e3e3;
  padding: 20px;
  width: 100%;
  margin: 0;
}

#app .account .hidden-info .head-text {
  font-size: 36px;
  color: #666666;
  font-family: LibreFranklin-Light;
  margin-top: 0;
}

#app .account .hidden-info .hidden-info-desc {
  background: transparent url(/img/eye_crossout.svg?v=125) 0 8px no-repeat;
  color: #333333;
  font-size: 14px;
  line-height: 36px;
  padding-left: 40px;
}

#app .account .photo {
  width: 25%;
}

#app .account .photo .photo-header {
  font-size: 14px;
  font-family: LibreFranklin-Regular;
}

#app .account .sub-info {
  top: auto;
  right: auto;
}

#app .account .button-group {
  padding: 50px 0;
}

#app .account .button-group .btn {
  width: 107px;
  padding: 0;
  font-size: 16px;
  height: 50px;
  background-color: #3fb2bb;
}

#app .account .button-group .btn-border {
  background: none;
  box-sizing: border-box;
  margin: 0;
}

#app .account .password-save-btn, #app .account .ats-save-btn {
  padding-top: 30px;
}

#app .account .subscriptions-info .cell1 {
  width: 450px;
}

#app .account .subscriptions-info .status {
  width: 100px;
  color: #aaa;
  font-family: LibreFranklin-Regular;
  font-size: 16px;
  line-height: 34px;
  padding: 0 0 0 20px;
}

#app .account .subscriptions-info .subscriptions-row {
  font-size: 14px;
}

#app .account .subscriptions-info .subscriptions-row a {
  margin-top: 5px;
  cursor: pointer;
}

#app .account .subscriptions-info .subscriptions-row .sub-icon {
  width: 31px;
  height: 26px;
  margin: 2px 45px 0 25px;
  background-size: 31px 26px;
}

#app .account .subscriptions-info .subscriptions-row .check {
  background-image: url(/img/checkmark.png?v=125);
}

#app .account .subscriptions-info .subscriptions-row .nein {
  background-image: url(/img/nein.png?v=125);
}

#app .account .subscriptions-info .subscriptions-row .title {
  color: #231f20;
  font-size: 16px;
  font-family: LibreFranklin-Medium;
}

#app .profile-image {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 5px 0 0;
  cursor: pointer;
}

#app .profile-image .loading-icon-holder {
  position: absolute;
  top: 40%;
  left: 45%;
}

#app .profile-image img {
  width: 100%;
  height: 100%;
}

#app .profile-image button {
  position: absolute;
  left: 5%;
  bottom: 5%;
  width: 90%;
  font-size: 16px;
  height: 50px;
}

#app .profile-image button:hover {
  background-color: #3fb2bb;
}

#app .photo-disclaimer {
  font-size: 11px;
}

#app .account-panel-alert-bar {
  position: fixed;
  z-index: 100;
  top: 0;
}

#app .search {
  background-color: #fff;
}

#app .search .whoops-page {
  text-align: center;
  padding-top: 70px;
}

#app .search .whoops-page h1 {
  font-family: LibreFranklin-Regular;
}

#app .search .whoops-page p {
  font-size: 16px;
}

#app .search .content {
  min-height: auto;
}

#app .search .content-holder {
  position: relative;
  padding-bottom: 0;
  min-height: auto;
}

#app .search .arrow-down-ra, #app .search .arrow-up-ra {
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin: 0 0 0 5px;
}

#app .search .arrow-down-ra.disabled, #app .search .arrow-up-ra.disabled {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

#app .search .arrow-down-ra {
  border-top: 8px solid #3fb2bb;
  border-bottom: 6px solid transparent;
  position: relative;
  top: 8px;
}

#app .search .arrow-up-ra {
  border-top: 6px solid transparent;
  border-bottom: 8px solid #3fb2bb;
  padding: 2px 0 0;
}

#app .search .input-label {
  font-size: 14px;
}

#app .search .chosen-container-active.chosen-container-active .chosen-single {
  box-shadow: none;
  border: none;
  border-bottom: #fff;
}

#app .search .chosen-container-active.chosen-container-active .chosen-drop {
  box-shadow: none;
  border: 1px solid #e3e3e3;
  border-top: none;
  border-radius: 0;
}

#app .search .chosen-container .chosen-results li.highlighted {
  background: none;
  color: #333333;
}

#app .search .rc-typeahead-suggestions-container {
  width: 100%;
  border: 1px solid #e3e3e3;
}

#app .search .holder .labels {
  margin-bottom: 5px;
}

#app .search .rc-dropdown .chosen-single {
  height: 28px;
}

#app .search .rc-dropdown .chosen-single span {
  font-size: 13px;
  height: 28px;
  line-height: 23px;
}

#app .search .search-tooltip {
  max-width: 200px;
  font-size: 13px;
  padding: 7px 10px;
  margin: 0;
}

#app .search .search-tooltip .bold {
  font-family: LibreFranklin-Medium;
}

#app .search .fields-holder .fields {
  width: 100%;
  margin-bottom: 20px;
}

#app .search .fields-holder .fields .holder {
  width: 30%;
  max-height: 300px;
  position: relative;
}

#app .search .title-box {
  background: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
}

#app .search .title-box .divider {
  background: #f5f5f5;
  height: 2px;
  width: 100%;
  margin: 0 0 20px;
}

#app .search .title-box .search-title-container {
  width: 30%;
}

#app .search .title-box .search-title-container .holder {
  width: 100%;
}

#app .search .title-box .search-title-container .check-holder .info {
  font-size: 13px;
  color: #333;
}

#app .search .left-menu {
  font-size: 36px;
}

#app .search .result-header {
  font-family: LibreFranklin-Light;
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px;
}

#app .search .result-header .filter a {
  padding: 0 5px;
  cursor: pointer;
}

#app .search .result-header .filter .active {
  color: #231f20;
  font-family: LibreFranklin-Regular;
  cursor: auto;
}

#app .search .results-wrapper {
  table-layout: fixed;
  width: 1000px;
  margin-top: 31px;
  box-sizing: border-box;
}

#app .search .results-wrapper .white-bottom-border-2 {
  border-bottom: 2px solid #fff;
}

#app .search .results-wrapper .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#app .search .results-wrapper td {
  position: relative;
  padding: 6px 20px 20px 0;
  box-sizing: border-box;
  vertical-align: top;
}

#app .search .results-wrapper td p {
  min-height: 18px;
}

#app .search .results-wrapper tr {
  position: relative;
}

#app .search .results-wrapper thead {
  table-layout: fixed;
  padding-bottom: 8px;
  font-family: LibreFranklin-Medium;
  font-size: 13px;
}

#app .search .results-wrapper thead th {
  table-layout: fixed;
  padding-right: 20px;
  box-sizing: border-box;
  font-weight: 400;
}

#app .search .results-wrapper thead tr {
  height: 24px;
}

#app .search .results-wrapper .candidate-name {
  width: 200px;
  max-width: 227px;
}

#app .search .results-wrapper .candidate-name a {
  font-size: 16px;
}

#app .search .results-wrapper .location {
  max-width: 115px;
  width: 115px;
  font-size: 13px;
  line-height: 1.85em;
  font-weight: 300;
}

#app .search .results-wrapper .education {
  width: 80px;
}

#app .search .results-wrapper .desired {
  width: 60px;
}

#app .search .results-wrapper .job-title {
  width: 197px;
}

#app .search .results-wrapper .company-name {
  width: 170px;
}

#app .search .results-wrapper .job-length {
  width: 83px;
  padding-right: 0;
}

#app .search .candidate {
  font-family: LibreFranklin-Regular;
  font-weight: 300;
  font-size: 13px;
  min-height: 24px;
  border-bottom: 2px solid #fff;
  padding: 1rem 0;
  cursor: pointer;
}

#app .search .candidate:hover {
  background-color: #fff;
}

#app .search .blurred {
  cursor: auto;
}

#app .search .blurred:hover {
  background-color: #f5f5f5;
}

#app .search .candidate-viewed {
  opacity: 0.5;
}

#app .search .slider-label {
  color: #3fb2bb;
}

#app .search .advanced-search-btn {
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}

#app .search .advanced-search-btn span.arrow-down-ra {
  top: 12px;
  position: relative;
}

#app .search .advanced-search-btn span.arrow-up-ra {
  top: -11px;
  position: relative;
}

#app .search .new-search-btn {
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}

#app .search .edit {
  width: 12px;
  height: 22px;
  background: transparent url(/img/icon_pencil.svg?v=125) no-repeat 0 0;
  padding: 0px 10px;
  position: relative;
  top: 2px;
}

#app .search .remove {
  color: #3fb2bb;
  font-weight: 600;
  line-height: 1;
}

#app .search .title-container {
  width: 100%;
  padding-bottom: 20px;
  min-height: 190px;
}

#app .search .title-container .title-box {
  width: 1000px;
  margin: 0 auto;
}

#app .search .title-container .title {
  margin-top: 0;
  font-size: 14px;
  font-family: inherit;
}

#app .search .title-container .advanced-fields {
  width: 1000px;
  margin-bottom: 20px;
}

#app .search .title-container .advanced-fields .search-company-container {
  width: 25%;
}

#app .search .title-container .advanced-fields .search-company-container .holder {
  width: 100%;
}

#app .search .title-container .advanced-fields .search-company-container .check-holder .info {
  font-size: 13px;
  color: #333;
}

#app .search .title-container .advanced-fields .holder {
  width: 25%;
}

#app .search .title-container .advanced-fields .rc-label {
  font-size: 14px;
}

#app .search .title-container .advanced-fields input.form-control {
  height: 28px;
}

#app .search .title-container .advanced-fields .name-holder {
  width: 235px;
}

#app .search .title-container .btn {
  background: #3fb2bb;
  color: #fff;
  border-radius: 0;
  border: none;
  padding: 15px 40px;
  font-size: 16px;
}

#app .search .title-container .search-btn-container {
  width: 38%;
  padding-top: 40px;
}

#app .search .title-container .search-btn {
  background: #3fb2bb;
}

#app .search .title-container .search-btn:hover {
  background: #2f8c92;
}

#app .search .title-container .search-btn.disabled {
  background: #ccc;
  cursor: auto;
  opacity: 1;
}

#app .search .title-container .search-btn-icon {
  height: 44px;
  background: #3fb2bb;
  color: #fff;
  padding: 5px;
  border-radius: 0;
  font-size: 34px;
  line-height: 34px;
  position: relative;
}

#app .search .title-container .search-btn-icon:hover {
  background: #2f8c92;
}

#app .search .title-container .search-btn-icon.disabled {
  background: #ccc;
  cursor: not-allowed;
}

#app .search .title-container .fields .rc-popover-anchor-wrapper {
  position: relative;
  height: 44px;
  top: 26px;
}

#app .search .title-container .form-control {
  background: #f5f5f5;
  border: none;
  height: 44px;
}

#app .search .title-container .chosen-single {
  background: #f5f5f5;
  color: #231f20;
  border: none;
}

#app .search .title-container .email-alert-label {
  font-size: 13px;
  margin-right: 10px;
  line-height: 30px;
}

#app .search .fields-holder {
  width: 1000px;
  position: relative;
}

#app .search .fields-holder .fields {
  margin: 10px 0;
}

#app .search .fields-holder .fields .holder {
  flex: auto;
}

#app .search .blur-row {
  max-width: 1000px;
}

#app .search .js-modal {
  background: #fff;
  border-radius: 0;
}

#app .search .no-result {
  font-size: 13px;
  margin-top: 50px;
  margin-bottom: 30px;
}

#app .search .no-result .bold {
  font-family: LibreFranklin-Medium;
}

#app .search .rc-slider {
  width: 300px;
}

#app .search .slider-input-container .rc-box {
  position: relative;
}

#app .search .salary-input .rc-box {
  position: relative;
}

#app .search .rc-popover-anchor-wrapper {
  z-index: 10;
}

#app .search.pre-approved .results-section {
  background-color: #fff;
}

#app .search.pre-approved .pre-approve-result-container {
  text-align: center;
  background-color: #fff;
  min-height: 550px;
  font-size: 30px;
  background-image: url(/img/rl-onboarding-bg.png?v=125);
  background-position: -120px 0;
}

#app .search.pre-approved .pre-approve-result-container h1 {
  padding: 0;
  margin-top: 210px;
  font-family: LibreFranklin-Medium;
}

#app .search.pre-approved .pre-approve-result-container p {
  padding: 0;
  margin: 0;
}

#app .search.pre-approved .pre-approve-result-container span {
  font-family: LibreFranklin-Medium;
}

#app .search.pre-approved .alert-bar {
  height: 72px;
  background-color: #ef8f1c;
}

#app .search.pre-approved .alert-bar .alert-message {
  max-width: 1000px;
  width: 100%;
  color: #fff;
  margin: 0 auto;
  padding-left: 50px;
}

#app .search.pre-approved .alert-bar .alert-message span {
  font-family: LibreFranklin-Medium;
}

#app .search.pre-approved.first-time .alert-bar {
  height: 110px;
  background-color: #ef8f1c;
}

#app .search.pre-approved.first-time .alert-bar .alert-message {
  padding-left: 0;
  font-size: 28px;
}

#app .search.pre-approved.first-time .alert-bar .alert-message span {
  font-family: LibreFranklin-Medium;
}

#app .search.pre-approved.first-time .alert-bar .alert-message p {
  margin: 0;
  padding: 0;
  font-size: 20px;
}

#app .search.pre-approved.first-time .alert-bar .alert-message .em {
  font-size: 13px;
  margin: 0;
  padding: 0;
  font-style: italic;
}

#app .search.pre-approved.first-time .pre-approve-search-header {
  width: 1000px;
  margin: 20px auto 50px;
  position: relative;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields {
  width: 60%;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .search-tooltip {
  max-width: 250px;
  font-size: 13px;
  padding: 20px;
  margin: 0;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields p {
  font-size: 18px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .form-control {
  background: #f5f5f5;
  border: none;
  height: 44px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .rc-label {
  font-family: LibreFranklin-Medium;
  text-transform: uppercase;
  font-size: 14px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .salary-input {
  margin-bottom: 20px;
  margin-right: 0;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .rc-popover-anchor-wrapper {
  z-index: auto;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .rc-slider {
  width: 100%;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .chosen-container {
  width: 100px;
  height: 44px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .chosen-container .chosen-single {
  height: 44px;
  background-color: #f5f5f5;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .chosen-container .chosen-single span {
  line-height: 38px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .search-btn {
  width: 600px;
  padding: 15px 40px;
  font-size: 16px;
  outline: none;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approve-search-fields .search-btn.disabled {
  background: #ccc;
  cursor: auto;
  opacity: 1;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info {
  width: 30%;
  margin-top: 50px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .title {
  font-size: 22px;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .divider {
  background: #231f20;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .info-icon {
  width: 100%;
  height: 54px;
  padding-left: 70px;
  margin: 10px 0;
  color: #959595;
  font-size: 16px;
  line-height: 50px;
  background-repeat: no-repeat;
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .info-icon.download_resume {
  background-image: url(/img/download_resume.svg?v=125);
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .info-icon.contactinfo {
  background-image: url(/img/contactinfo.svg?v=125);
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .info-icon.location {
  background-image: url(/img/location.svg?v=125);
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .info-icon.salary_data {
  background-image: url(/img/salary_data.svg?v=125);
}

#app .search.pre-approved.first-time .pre-approve-search-header .pre-approved-info .info-icon.yoe {
  background-image: url(/img/yoe.svg?v=125);
}

#app .search .skills-location {
  padding: 5px 12px;
}

#app .search .skills-location .box-header {
  display: none;
}

#app .search .checkbox-container label {
  font-size: 12px;
  color: #999;
}

#app .resume-holder {
  background: #f5f5f5;
  padding: 0 20px;
}

#app .no-resume {
  text-align: center;
  font-size: 24px;
  padding: 93px 0 40px;
  color: #aaa;
  font-family: LibreFranklin-Regular;
}

#app .resume-iframe {
  border: none;
}

#app .js-nav-bar {
  padding: 10px;
}

#app .js-nav-bar a {
  padding: 10px;
  cursor: pointer;
}

#app .js-nav-bar:hover {
  text-decoration: none;
  color: #2f8c92;
}

#app .js-modal {
  position: relative;
}

#app .js-modal .btn-holder {
  position: absolute;
  right: 100px;
  top: 50px;
}

#app .js-modal .btn-holder .btn {
  margin: 2px;
  width: 100px;
  padding: 15px;
}

#app .js-modal .btn-holder .more-holder {
  background: #fff;
  border: solid 1px;
  border-color: #3fb2bb;
  margin: 2px;
}

#app .js-modal .btn-holder .more-holder.active {
  padding: 10px;
}

#app .js-modal .btn-holder .more-holder .btn {
  margin: auto;
  padding: 5px 0;
  background: #fff;
  color: #3fb2bb;
  font-family: LibreFranklin-Regular;
}

#app .js-modal .btn-holder .more-holder a {
  font-size: 14px;
  padding: 3px;
  margin: 0 20px;
}

#app .js-info {
  padding: 10px 40px;
  height: 185px;
}

#app .js-info .js-name {
  font-size: 36px;
}

#app .application-bar {
  width: 100%;
  height: 50px;
  color: #fff;
  background-color: #666666;
  font-size: 13px;
  font-family: LibreFranklin-Regular;
}

#app .application-bar .application-info {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

#app .application-bar .dismiss-candidate .loader {
  margin-top: 3px!important;
  margin-bottom: 3px!important;
  height: 14px;
  width: 14px;
}

#app .candidate-profile .fa-overlay {
  left: 50%;
  top: 0;
  margin: 175px 0 0 -330px;
  box-shadow: 0 3px 6px 0 #555;
  border-top: 1px solid #aaa;
}

#app .email-modal .form-control {
  border: none;
}

#app .email-modal .modal-box {
  padding: 0;
  width: 800px;
}

#app .email-modal .email-form {
  background: #f5f5f5;
  width: 500px;
  padding: 36px 50px 45px;
}

#app .email-modal .rc-label {
  font-size: 16px;
  margin: 10px 0;
}

#app .email-modal textarea:focus {
  border: none;
}

#app .email-modal .title {
  font-size: 36px;
  color: #666666;
  font-family: LibreFranklin-Light;
  margin: 0 0 6px;
}

#app .email-modal .email-input {
  width: 100%;
}

#app .email-modal .email-input .greeting-dropdown {
  width: 100%;
  max-height: 270px;
}

#app .email-modal .email-link {
  font-size: 14px;
  margin: 5px 0 0;
}

#app .email-modal button {
  width: 100%;
  margin: 24px 0 0;
  font-size: 20px;
  font-family: LibreFranklin-Regular;
  background-color: #3fb2bb;
}

#app .email-modal button:hover {
  background-color: #2f8c92;
}

#app .email-modal .templates {
  width: 300px;
  background: #e3e3e3;
  padding: 117px 30px 0 35px;
}

#app .email-modal .templates .rc-label {
  height: 31px;
  width: 100%;
  border-bottom: 2px solid #ffffff;
}

#app .email-modal .templates .template-list div div {
  position: relative;
}

#app .email-modal .templates .template-list .template-list-item-holder:hover {
  background-color: #fff;
  opacity: 0.6;
}

#app .email-modal .templates .template-list .template-list-item-holder .rc-box {
  width: 100%;
}

#app .email-modal .templates .template-list .template-list-item-holder .rc-box .rc-box {
  position: relative;
}

#app .email-modal .templates .template-list .template-list-item-holder .template {
  font-size: 14px;
  margin: 5px 0;
  color: #999;
  cursor: pointer;
  width: 100%;
}

#app .email-modal .templates .template-list .template-list-item-holder .template.active:before {
  background-image: url(/img/arrow_line.svg?v=125);
  position: absolute;
  content: '';
  height: 11px;
  width: 9px;
  left: -15px;
  top: 9px;
}

#app .email-modal .templates .template-list .template-list-item-holder .delete-template {
  width: 17px;
  height: 17px;
  margin: 6.5px 5px 0 0;
  position: absolute;
  right: 30px;
  cursor: pointer;
}

#app .email-modal .templates .no-templates {
  font-size: 16px;
}

#app .action-text-input-holder {
  width: 100%;
  position: relative;
}

#app .action-text-input-holder .action-text-input {
  width: 100%;
}

#app .action-text-input-holder .action-input-link {
  position: absolute;
  right: 0;
  font-size: 16px;
  margin: 5px 10px 0 0;
}

#app .marketing-home {
  min-width: 100%;
  background-color: #f5f5f5;
}

#app .marketing-home .form-control:focus {
  box-shadow: none;
  border-color: inherit;
  -webkit-box-shadow: none;
}

#app .marketing-home div {
  text-align: center;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home div {
    width: 100%;
  }

}

#app .marketing-home .container {
  max-width: 1000px;
  width: 100%;
  align-self: center;
}

#app .marketing-home .content {
  width: 100%;
  min-height: 0px;
  height: auto;
  background: #231f20;
}

#app .marketing-home .divider {
  background: #fff;
  width: 90%;
  max-width: 1000px;
  clear: both;
  height: 2px;
  border: solid 1px #cccccc;
  margin: 0 auto;
  opacity: 0.6;
}

#app .marketing-home h2 {
  font-size: 40px;
  font-family: LibreFranklin-Regular;
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home h2 {
    font-size: 30px;
  }

}

#app .marketing-home h2 .break {
  display: inline-block;
}

#app .marketing-home h1 {
  font-family: LibreFranklin-Light;
  font-size: 64px;
  text-align: center;
  color: #ffffff;
  font-weight: 100;
  margin: 0 auto;
  margin-top: 140px;
  max-width: 700px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home h1 {
    font-size: 33px;
    margin-top: 50px;
  }

}

#app .marketing-home h3 {
  font-family: LibreFranklin-Light;
  font-size: 40px;
  color: #333333;
  font-weight: normal;
  margin: 57px 0 45px;
}

#app .marketing-home .row {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

#app .marketing-home .info-container {
  padding-left: 75px;
  padding-right: 75px;
}

#app .marketing-home .info-item .title {
  font-family: LibreFranklin-Medium;
  font-size: 48px;
  color: #3fb2bb;
}

#app .marketing-home .info-item .img {
  background-color: transparent;
  background-size: 126px;
  background-position: bottom center;
  width: 215px;
  height: 126px;
  background-repeat: no-repeat;
}

#app .marketing-home .info-item .img.mh-demographic-image {
  background-image: url(/img/mh-demographic-image.svg?v=125);
}

#app .marketing-home .info-item .img.mh-engagement-image {
  background-image: url(/img/mh-engagement-image.svg?v=125);
}

#app .marketing-home .info-item .img.mh-fastest-growing-image {
  background-image: url(/img/mh-fastest-growing-image.svg?v=125);
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .info-item .img {
    width: 100%;
  }

}

#app .marketing-home .info-item .caption {
  color: #333333;
  font-size: 16px;
  font-family: LibreFranklin-Regular;
  text-align: center;
}

#app .marketing-home .info-item .img-caption {
  color: #333333;
  font-size: 16px;
  font-family: LibreFranklin-Regular;
  text-align: center;
  width: 215px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .info-item .img-caption {
    width: 100%;
    margin: 20px;
  }

}

#app .marketing-home .info-item .mh-demographic-image-img {

}

#app .marketing-home .mh-header-img {
  background: url(/img/hire_faster.jpg?v=125) no-repeat ;
  background-size: cover;
  height: 512px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .mh-header-img {
    height: 363px;
  }

}

#app .marketing-home .ladders-clients {
  margin: 0 auto 65px;
}

#app .marketing-home .ladders-clients img {
  width: 100%;
  max-width: 1000px;
}

#app .marketing-home .login-section {
  background-color: #231f20;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

#app .marketing-home .login-section .logo-holder {
  margin-left: 15px;
}

#app .marketing-home .login-section .logo {
  float: left;
  margin-bottom: 15px;
}

#app .marketing-home .login-section .logo a img {
  width: 162px;
}

#app .marketing-home .login-button {
  margin: 15px 19px 0 auto;
}

#app .marketing-home .login-button a {
  font-size: 16px;
  letter-spacing: 1px;
  padding-right: 4px;
  color: #aaaaaa;
}

#app .marketing-home .feature-row-1 {
  margin-bottom: 20px;
  margin-top: 22px;
  padding-bottom: 10px;
  padding-left: 5%;
  padding-right: 5%;
}

#app .marketing-home .feature-row {
  max-width: 1000px;
  margin: 10px auto;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .feature-row {
    margin: 9px auto;
  }

}

@media (max-width: 1000px) {

  #app .marketing-home .feature-row .feature-row {
    width: 100%;
  }

}

#app .marketing-home .feature-row h4 {
  font-size: 30px;
  font-family: LibreFranklin-Regular;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .feature-row h4 {
    margin-top: 0;
  }

}

#app .marketing-home .feature-row .feature-info {
  width: 100%;
  max-width: 450px;
  margin: 30px auto;
  padding: 0 20px;
  align-self: center;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .feature-row .feature-info {
    padding: 0 !important;
    margin: 0;
  }

}

#app .marketing-home .featured-row .full-title {
  font-size: 40px;
  font-family: LibreFranklin-Regular;
  margin: 30px auto 30px;
  max-width: 1000px;
}

@media (max-width: 625px) {

  #app .marketing-home .featured-row .full-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 10px;
  }

}

#app .marketing-home .featured-row div.full-subtitle {
  font-size: 18px;
  font-family: LibreFranklin-Regular;
  color: #333333;
  margin: 0 30px 40px;
}

#app .marketing-home .infographic-row {
  background-color: #fff;
  padding-bottom: 30px;
  margin-top: 0;
  margin-bottom: 0;
}

#app .marketing-home .email-wrapper {
  background: #000;
  position: fixed;
  padding-bottom: 15px;
  width: 100%;
}

#app .marketing-home .bottom-form {
  padding-bottom: 100px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .bottom-form {
    padding: 0 15px;
  }

}

#app .marketing-home .bottom-form .email-hint-bottom-container {
  position: relative;
  margin: 0 auto;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .bottom-form .email-hint-bottom-container {
    max-width: 340px;
    margin: 0 auto;
  }

}

#app .marketing-home .bottom-form .email-hint-bottom-container .message {
  margin: 20px auto;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .bottom-form .email-hint-bottom-container .message {
    line-height: 15px;
    padding-top: 5px;
  }

}

#app .marketing-home .bottom-form .email-hint-bottom-container .email-hint-container {
  position: relative;
  top: 0;
}

#app .marketing-home .bottom-form .email-form {
  margin-top: 19px;
  position: relative;
  max-width: 620px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .bottom-form .email-form {
    max-width: 340px;
  }

}

#app .marketing-home .bottom-form .email-hint-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50px;
}

#app .marketing-home .bottom-form .icons {
  height: 0px;
}

#app .marketing-home .email-form {
  background: #ffffff;
  width: 95%;
  max-width: 620px;
  margin: auto;
  padding: 12px;
  padding-left: 0px;
  margin-top: 25px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .email-form {
    background: transparent;
    max-width: 340px;
    width: 100%;
    margin-top: 10px;
  }

}

#app .marketing-home .email-form .username-input {
  width: 70%;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .email-form .username-input {
    width: 100%;
  }

}

#app .marketing-home .email-form .get-started-btn {
  margin-right: 10px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .email-form .get-started-btn {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }

}

#app .marketing-home .email-form .btn {
  font-size: 16px;
  width: 100%;
  padding: 15px;
  padding-bottom: 11px;
  padding-top: 11px;
}

#app .marketing-home .email-form .get-started {
  height: 44px;
}

#app .marketing-home .email-form .get-started .loader {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

#app .marketing-home .email-form .form-control {
  font-size: 20px;
}

#app .marketing-home .email-form .email-holder .rc-input-text {
  width: 100%;
}

#app .marketing-home .email-form .email-holder input {
  font-size: 18px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .email-form .email-holder input {
    font-size: 16px;
    height: 50px;
    margin-bottom: 20px;
  }

}

#app .marketing-home .feature-info p {
  text-align: left;
  font-size: 18px;
}

#app .marketing-home .feature-info h4 {
  text-align: left;
  color: #333333;
  font-weight: bold;
}

#app .marketing-home .email-hint-container {
  margin-top: 20px;
  margin: 20px auto 0;
  width: 100%;
  max-width: 616px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .email-hint-container {
    margin-top: 0;
  }

}

#app .marketing-home .email-hint-container div {
  background-color: #52cf5a;
  width: 602px;
  height: 42px;
  color: #fff;
  padding: 10px;
  padding-top: 2px;
  text-align: left;
}

#app .marketing-home .email-hint-container .icons {
  width: 42px;
  height: 42px;
  float: left;
  position: absolute;
  top: 0px;
  padding-top: 12px;
  left: 0px;
  padding-left: 18px;
}

#app .marketing-home .email-hint-container .valid-msg .icons {
  background: rgba(82, 206, 90, 1);
  padding-left: 12px;
}

#app .marketing-home .email-hint-container .error-msg .icons {
  background: rgba(255, 50, 38, 1);
}

#app .marketing-home .email-hint-container .valid-msg-corp .icons {
  background: rgba(68, 68, 68, .5);
  padding-left: 17px;
}

#app .marketing-home .email-hint-container .message {
  font-size: 14px;
  width: 100%;
  max-width: 620px;
  margin-top: 15px;
  position: relative;
  padding-left: 70px;
  padding-top: 10px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .email-hint-container .message {
    padding-top: 0;
  }

}

#app .marketing-home .email-hint-container .error-msg {
  background: rgba(255, 50, 38, .25);
}

#app .marketing-home .email-hint-container .valid-msg {
  background: rgba(82, 206, 90, .25);
}

#app .marketing-home .email-hint-container .valid-msg-corp {
  background: rgba(68, 68, 68, .5);
}

#app .marketing-home .email-hint-container .valid-msg-corp img {
  margin-right: 0px;
}

#app .marketing-home .half {
  align-self: center;
  margin: 30px auto;
}

#app .marketing-home .featured-row .premium {
  position: relative;
  margin: 0 auto;
  height: 30px;
  width: 100px;
  top: -15px;
  background: url(/img/premium.jpg?v=125) no-repeat;
  background-size: 100px 30px;
}

#app .marketing-home .featured-row .divider {
  position: relative;
  overflow: visible;
  height: 1px;
  border-collapse: collapse;
  opacity: 0.9;
}

#app .marketing-home ul.get-started-list {
  text-align: left;
  font-size: 16px;
}

#app .marketing-home .client-list {
  background-color: #fff;
}

#app .marketing-home .routing {
  width: 100%;
  max-width: 340px;
  font-size: 20px;
  line-height: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 42px;
  align-self: center;
}

#app .marketing-home .plan-btn-container {
  padding: 20px 0 !important;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .marketing-home .plan-btn-container {
    padding: 10px 0 0 !important;
  }

}

#app .post-job {
  color: #666666;
  letter-spacing: 0.4px;
}

#app .post-job .no-comm {
  margin-top: 20px;
  font-size: 14px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .info-tool-tip {
  margin: 17px 10px 0;
  height: 22px;
}

#app .post-job .roles-tooltip {
  width: 280px;
  margin: 25px 40px;
  font-size: 14px;
}

#app .post-job .roles-tooltip .title {
  margin-bottom: 20px;
}

#app .post-job .info {
  color: #444444;
}

#app .post-job .quill-holder {
  margin-top: 20px;
}

#app .post-job .holder {
  margin-top: 20px;
}

#app .post-job .progress-status {
  background: #fff;
  -webkit-animation: slideInFromLeftFirst 1s ease-out 0s 1;
  animation: slideInFromLeftFirst 1s ease-out 0s 1;
}

#app .post-job .progress-status .bar {
  width: 30%;
  height: 8px;
  background: #3fb2bb;
}

#app .post-job .progress-status .arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #3fb2bb;
}

#app .post-job .content-holder {
  justify-content: flex-start;
  padding-bottom: 0;
}

#app .post-job .content-holder .content {
  justify-content: flex-start;
  height: initial;
}

#app .post-job .form-control {
  font-size: 16px;
  height: 48px;
}

#app .post-job .divider {
  margin: 20px 0 0 ;
  height: 2px;
  background: #e3e3e3;
}

#app .post-job .title-wrapper {
  width: 100%;
  background: #fff;
  display: flex;
}

#app .post-job .title-wrapper .title-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

#app .post-job .title-wrapper .title {
  flex: 0 0 auto;
  max-width: 1000px;
  width: 100%;
  margin: 32px auto;
  font-size: 36px;
  font-family: LibreFranklin-Light;
  color: #333333;
  letter-spacing: -.2px;
}

#app .post-job .job-desc {
  height: 240px;
  font-size: 20px;
}

#app .post-job .job-desc ul {
  list-style: disc;
  font-size: 20px;
}

#app .post-job #quill-wrapper-job-desc {
  margin-bottom: 5px;
}

#app .post-job .exp-picker {
  margin-top: 5px;
  margin-right: -30px;
}

#app .post-job .exp-picker .rc-tabs {
  padding: 0 10px;
}

#app .post-job .exp-picker .rc-tabs .btn:after {
  width: 20px;
  height: 20px;
  content: url(/img/Oval.svg?v=125);
  position: absolute;
  top: -8px;
  right: -8px;
}

#app .post-job .exp-picker .rc-tabs button.btn.active:after {
  width: 20px;
  height: 20px;
  content: url(/img/SelectedIcon.svg?v=125);
  position: absolute;
  top: -8px;
  right: -8px;
}

#app .post-job .exp-picker .input-label {
  margin-bottom: 5px;
  font-size: 10px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .exp-picker .btn {
  width: 150px;
  margin-right: 16px;
  padding: 15px 0;
  background: #fff;
  color: #3fb2bb;
  box-shadow: none;
  font-size: 16px;
}

#app .post-job .exp-picker .btn:focus {
  outline: none;
}

#app .post-job .exp-picker .active {
  background: #3fb2bb;
  color: #fff;
}

#app .post-job .denomination-tabs {
  margin-top: 20px;
}

#app .post-job .denomination-tabs .input-label {
  margin-bottom: 0px;
  font-size: 10px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .denomination-tabs .input-label.exterior {
  margin-bottom: 5px;
}

#app .post-job .denomination-tabs .holder {
  margin-top: 0;
}

#app .post-job .denomination-tabs .btn {
  width: 80px;
  margin-right: 2px;
  background: #fff;
  height: 40px;
  color: #3fb2bb;
  box-shadow: none;
  font-size: 16px;
}

#app .post-job .denomination-tabs .btn:focus {
  outline: none;
}

#app .post-job .denomination-tabs .active {
  background: #3fb2bb;
  color: #fff;
}

#app .post-job .min-max-slider {
  width: 510px;
  margin: 20px 0 60px 40px;
  font-size: 16px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .min-max-slider .slider-label {
  margin-bottom: 10px;
}

#app .post-job .role-dropdown {
  width: 380px;
  height: 40px;
}

#app .post-job .holder .labels {
  margin-bottom: 0;
}

#app .post-job .input-label {
  font-size: 10px;
  font-family: LibreFranklin-Regular;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#app .post-job .name {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .bonus-holder {
  width: 100%;
}

#app .post-job .bonus-holder .labels {
  display: none;
}

#app .post-job .comp-holder .entry-holder {
  margin-top: 40px;
  padding-right: 40px;
  width: 42%;
}

#app .post-job .comp-holder .entry-holder .info.rc-label {
  position: relative;
  top: -8px;
  line-height: 10px;
}

#app .post-job .comp-holder .title {
  margin: 20px 0 0;
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Light;
  color: #666666;
}

#app .post-job .comp-holder .holder .form-control {
  width: 100%;
  height: 40px;
}

#app .post-job .comp-holder .salary-labels {
  width: 490px;
}

#app .post-job .comp-holder .comp-label {
  width: 180px;
  text-align: left;
  color: #444444;
  font-size: 16px;
  line-height: 27px;
}

#app .post-job .comp-holder .comp-info {
  width: 200px;
  text-align: left;
  color: #444444;
  font-size: 16px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .comp-holder .comp-range .rc-label {
  margin: 12px 5px;
  color: #666666;
  font-size: 10px;
  text-transform: uppercase;
}

#app .post-job .comp-holder .comp-range .holder {
  margin-top: 0px;
}

#app .post-job .comp-holder .total-comp {
  padding: 50px 0 50px 111px;
  width: 550px;
  border-radius: 12px;
  align-self: flex-start;
  background: url(/img/Line.svg?v=125) transparent no-repeat 0 40px;
}

#app .post-job .comp-holder .total-comp .error-msg {
  margin-bottom: 19px;
}

#app .post-job .comp-holder .total-comp .amount {
  width: 100%;
  font-size: 36px;
  font-family: LibreFranklin-Regular;
  color: #444444;
}

#app .post-job .comp-holder .total-comp .amount-sub {
  width: 100%;
  font-size: 18px;
  margin-top: 30px;
  color: #4a4a4a;
}

#app .post-job .error-msg {
  margin-top: 5px;
}

#app .post-job .company-holder .rc-dropdown.error {
  border: 1px solid #ed4e3d;
}

#app .post-job .company-holder .holder {
  margin-top: 10px;
}

#app .post-job .company-holder .title {
  margin: 20px 0 10px;
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Light;
  color: #666666;
}

#app .post-job .company-holder .form-control {
  margin-right: 20px;
  width: 490px;
  height: 48px;
  font-size: 16px;
}

#app .post-job .company-holder .dropdown {
  margin-right: 20px;
  width: 490px;
  border: solid 1px #979797;
}

#app .post-job .company-holder .company-name-holder {
  margin-top: 10px;
}

#app .post-job .company-holder .company-name-holder .form-control:disabled {
  background-color: #fff;
}

#app .post-job .company-holder .location-holder {
  margin-top: 20px;
}

#app .post-job .company-holder .location-holder .selected-locations {
  width: 490px;
}

#app .post-job .company-holder .location-holder .selected-locations .location-tags {
  flex-wrap: wrap;
}

#app .post-job .company-holder .location-holder .location-tag {
  float: left;
  color: #3fb2bb;
  font-family: LibreFranklin-Regular;
  font-size: 14px;
  border: 1px solid #3fb2bb;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}

#app .post-job .company-holder .location-holder .location-tag .loc {
  padding: 4px 17px 4px 13px;
}

#app .post-job .company-holder .location-holder .location-tag .btn {
  padding: 4px 10px 0 0;
  background: transparent;
  color: #3fb2bb;
  font-size: 14px;
  outline: none;
  font-family: LibreFranklin-Medium;
}

#app .post-job .company-holder .location-holder .location-tag .btn:active {
  box-shadow: none;
}

#app .post-job .company-holder .rec-holder {
  margin-top: 0;
  padding: 7px;
  background: #e3e3e3;
}

#app .post-job .company-holder .rec-holder img {
  height: 34px;
  width: 34px;
  border-radius: 20px;
}

#app .post-job .company-holder .rec-holder .name {
  padding: 5px 10px 0;
  margin: 0;
  font-size: 18px;
  font-family: LibreFranklin-Regular;
}

#app .post-job .rec-profile {
  width: 490px;
}

#app .post-job .preview-holder {
  margin-top: 60px;
  height: 120px;
  background: #fff;
}

#app .post-job .preview-btn {
  margin: 27px auto 5px;
  width: 300px;
  padding: 16px 0;
  font-size: 20px;
  letter-spacing: 0.4px;
  background-color: #ef8f1c;
}

#app .post-job .preview-btn:hover {
  background-color: #ef8f1c;
}

#app .post-job .preview-btn:active {
  background-color: #ef8f1c;
}

#app .post-job .preview-btn:focus {
  background-color: #ef8f1c;
}

#app .check-holder .info {
  color: #444444;
}

#app .check-holder span {
  top: 2px;
}

#app .sub-info {
  height: 17px;
  font-size: 14px;
  color: #999999;
  position: relative;
  top: -3px;
  right: 21px;
}

#app .ql-toolbar.ql-snow {
  border: 1px solid #979797;
}

#app .ql-container.ql-snow {
  border: 1px solid #979797;
}

#app .ql-container {
  height: initial;
}

#app .post-job-preview .job-desc {
  font-size: 20px;
}

#app .post-job-preview .job-desc ul li {
  margin-left: 18px;
  margin-bottom: 8px;
  line-height: 24px;
}

#app .post-job-preview .bar {
  width: 60%;
  height: 8px;
  background: #3fb2bb;
}

#app .post-job-preview .arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #3fb2bb;
}

#app .post-job-preview .progress-status {
  background: #fff;
  -webkit-animation: slideInFromLeftSecond 1s ease-out 0s 1;
  animation: slideInFromLeftSecond 1s ease-out 0s 1;
}

#app .post-job-preview .progress-status .bar {
  background: #3fb2bb;
}

#app .post-job-preview .progress-status .arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #3fb2bb;
}

#app .post-job-preview .dark {
  position: absolute;
  width: 100%;
}

#app .post-job-preview .dark .bar {
  width: 30%;
  background: #2f8c92;
  z-index: 10;
}

#app .post-job-preview .dark .arrow {
  border-left: 4px solid #2f8c92;
}

#app .post-job-preview .banner-container {
  margin: auto auto 0;
  height: 100px;
  width: 100%;
  background: #fff;
}

#app .post-job-preview .banner-container.bottom .button-group {
  width: 1000px;
  margin: 0 auto;
}

#app .post-job-preview .banner-container .banner-title {
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Regular;
}

#app .post-job-preview .banner-container .button-group {
  margin-left: auto;
}

#app .post-job-preview .banner-container .button-group .btn {
  width: 300px;
  font-size: 20px;
  margin: 0 5px;
  padding: 16px 0;
  border: 1px solid #ef8f1c;
}

#app .post-job-preview .banner-container .button-group .btn-border {
  width: 150px;
  background: #fff;
  padding: 16px 0;
  color: #ef8f1c;
}

#app .post-job-preview .banner-container .title-box {
  margin-top: 0;
}

#app .post-job-preview .total-salary {
  font-family: LibreFranklin-Regular;
}

#app .post-job-preview .salary-details {
  font-size: 16px;
}

#app .post-job-preview .publish-btn {
  margin: 27px auto 5px;
  width: 300px;
  padding: 16px 0;
  font-size: 20px;
  letter-spacing: 0.4px;
  background-color: #ef8f1c;
}

#app .post-job-preview .publish-btn:hover {
  background-color: #ef8f1c;
}

#app .post-job-preview .publish-btn:active {
  background-color: #ef8f1c;
}

#app .post-job-preview .publish-btn:focus {
  background-color: #ef8f1c;
}

#app .post-job-publish .progress-status {
  background: #fff;
  -webkit-animation: slideInFromLeftThird 1s ease-out 0s 1;
  animation: slideInFromLeftThird 1s ease-out 0s 1;
}

#app .post-job-publish .progress-status .bar {
  width: 100%;
  height: 8px;
  background: #3fb2bb;
}

#app .post-job-publish .progress-status .arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #3fb2bb;
}

#app .post-job-publish .dark {
  position: absolute;
  width: 70%;
}

#app .post-job-publish .dark .bar {
  width: 100%;
  height: 8px;
  background: #2f8c92;
  z-index: 10;
}

#app .post-job-publish .dark .arrow {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #2f8c92;
}

#app .post-job-publish .banner-container {
  margin: 0 auto;
  width: 100%;
  background: #fff;
}

#app .post-job-publish .banner-container .title-box {
  flex: 1 0 auto;
  margin-top: 0;
}

#app .post-job-publish .banner-container .banner-title {
  margin: 24px 0;
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Regular;
}

#app .post-job-publish .banner-container .banner-title.promote {
  margin: 35px 0 0 ;
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Light;
}

#app .post-job-publish .banner-container banner-subtitle {
  font-size: 20px;
  font-family: LibreFranklin-Regular;
}

#app .post-job-publish .title {
  margin: 42px 42px 28px;
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Regular;
}

#app .post-job-publish .bullet {
  margin: 0 42px;
  font-size: 20px;
  line-height: 30px;
}

#app .post-job-publish .blt {
  margin-right: 15px;
}

#app .post-job-publish .details {
  margin: 0 68px;
  font-size: 14px;
  color: #999;
}

#app .post-job-publish .detail {
  font-size: 14px;
  color: #999;
}

#app .post-job-publish span.pjl-count {
  color: #ef8f1c;
  font-size: 40px;
  font-family: LibreFranklin-Medium;
}

#app .post-job-publish .promote-view {
  margin: 40px 20px 0 0;
  width: 618px;
  height: 420px;
  background: #fff;
}

#app .post-job-publish .promote-view .publish-btn {
  margin: 37px auto;
  padding: 16px 0;
  width: 303px;
  background: #ef8f1c;
  font-size: 20px;
}

#app .post-job-publish .publish-view {
  margin-top: 40px;
  width: 380px;
  height: 420px;
  background: #fff;
}

#app .post-job-publish .publish-view .publish-btn {
  margin: 39px auto 0;
  padding: 16px 16px;
  background: #fff;
  border: 1px solid #ef8f1c;
  color: #ef8f1c;
  font-size: 20px;
  font-family: LibreFranklin-Regular;
}

#app .post-job-publish .promote-btn {
  margin: 52px 0 49px;
  padding: 16px 51px;
  background: #ef8f1c;
  font-family: LibreFranklin-Regular;
  font-size: 20px;
}

#app .post-job-publish .promote-holder {
  margin-bottom: 14px;
}

#app .post-job-publish .promote-pub {
  width: 745px;
}

#app .post-job-publish .promote-pub .title {
  margin: 46px 0 20px;
  font-family: LibreFranklin-Light;
  font-size: 36px;
  letter-spacing: -.2px;
  line-height: 1.12;
}

#app .post-job-publish .promote-pub .sub-title {
  margin-top: 19px;
  font-size: 28px;
  font-family: LibreFranklin-Light;
}

#app .post-job-publish .promote-pub .bullet {
  margin: 0 5px;
}

#app .post-job-publish .promote-pub .details {
  margin: 0 27px;
}

#app .post-job-publish .promote-pub .promote-btn {
  margin: 35px 0 0;
  padding: 16px 76px;
}

#app .post-job-publish .promote-pub .publish-btn {
  margin-bottom: 29px;
  padding: 10px 16px;
  background: none;
  color: #ef8f1c;
  font-size: 20px;
  font-family: LibreFranklin-Light;
}

#app .post-job-publish .promote-pub .publish-btn.underline {
  margin-top: 19px;
  text-decoration: underline;
  padding: 0;
}

#app .post-job-publish .promote-pub .qual {
  margin: 0;
  width: 690px;
}

#app .post-job-publish .promote-banner {
  margin-top: 55px;
  width: 255px;
  height: 449px;
}

#app .pagination .left-pagination, #app .pagination .right-pagination {
  width: 25%;
}

#app .pagination .pages {
  width: 50%;
}

#app .pagination .link {
  font-size: 13px;
  padding: 6.5px 8.45px;
  border: solid 1px #3fb2bb;
  text-align: center;
  cursor: pointer;
  margin: 0 .15em;
}

#app .pagination .link.selected, #app .pagination .link:hover {
  background-color: #3fb2bb;
  color: #ffffff;
}

#app .pagination .link.next, #app .pagination .link.prev {
  padding-top: .3em;
}

#app .pagination .link.next {
  margin-left: .5em;
}

#app .pagination .link.prev {
  margin-right: .5em;
}

#app .pagination .link .arrow {
  font-size: 1.25em;
}

#app .pagination .ellipsis {
  padding: 0 .25em;
  color: #959595;
}

#app .preview.job .content-holder .left-col {
  width: 70%;
}

#app .preview.job .content-holder .right-col {
  width: 30%;
}

#app .preview.job .content-holder .right-col .apply-btn {
  margin-right: 0;
  margin-left: 0;
}

#app .read-more-expand {
  background-color: #fff;
  padding: 10px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
}

#app .read-more-expand .read-more-label {
  font-size: 18px;
  margin: 0;
  color: #333333;
}

#app .job-desc.read-more {
  height: 360px;
  overflow: hidden;
}

#app .job .title-container {
  min-height: 0;
}

#app .job .title-container .title {
  margin: 10px 0 0;
}

#app .job .title-container .title-box {
  justify-content: space-between;
  margin-top: 0;
}

#app .job .title-container .title-box .job-title {
  font-size: 24px;
  font-family: LibreFranklin-Regular;
  font-weight: 300;
  line-height: 1.33;
}

#app .job .title-container .title-box .title-in {
  line-height: 1.33;
  font-size: 24px;
  font-family: LibreFranklin-Regular;
  padding: 0 5px;
}

#app .job .title-container .title-box .back-to-jobs {
  margin-top: 16px;
  font-family: LibreFranklin-Regular;
  font-size: 14px;
  color: #3fb2bb;
}

#app .job .title-container .title-box .rc-hyperlink-href {
  margin-top: 40px;
  font-family: LibreFranklin-Regular;
  font-size: 14px;
  color: #3fb2bb;
}

#app .job .title-container .title-box .chosen-container-single .chosen-single {
  font-family: LibreFranklin-Light;
  background: #fff;
  padding: 0;
  height: auto;
}

#app .job .title-container .title-box .chosen-container-single .chosen-single span {
  font-size: 22px;
  line-height: 30px;
  color: #3fb2bb;
  text-decoration: underline;
  padding: 0 4px;
}

#app .job .title-container .title-box .label {
  color: #aaa;
  font-family: LibreFranklin-Regular;
  font-size: 14px;
}

#app .job .nav-tabs {
  margin: 25px 0 0;
}

#app .job .content-holder .cols {
  align-content: space-between;
}

#app .job .content-holder .job-title {
  font-size: 36px;
  letter-spacing: -.2px;
  font-family: LibreFranklin-Light;
  margin: 40px 0 20px;
  max-width: 760px;
}

#app .job .content-holder .save-job {
  margin: 7px 20px 0 10px ;
  text-align: center;
  font-size: 20px;
  font-family: LibreFranklin-Medium;
  color: #3fb2bb;
  opacity: 0.5;
}

#app .job .content-holder .apply-btn {
  margin: 40px 5px;
  padding: 16px 55px;
  background: #3fb2bb;
  color: #fff;
  font-size: 20px;
  font-family: LibreFranklin-Regular;
  opacity: 0.5;
}

#app .job .content-holder .sal-rec {
  margin: 30px 0;
  font-size: 20px;
  font-family: LibreFranklin-Regular;
}

#app .job .divider {
  width: 100%;
  height: 2px;
  background: #fff;
  margin-bottom: 30px;
}

#app .job .logo {
  margin: 3px 10px 0 0;
  height: 40px;
}

#app .job .job-details {
  font-size: 18px;
  font-family: LibreFranklin-Regular;
}

#app .job .job-desc {
  font-family: LibreFranklin-Regular;
}

#app .job .promote-job-btn {
  margin-top: 15px;
  font-size: 20px;
  font-family: LibreFranklin-Regular;
}

#app .post.thank-you .table tbody th {
  border: none;
}

#app .post.thank-you .table {
  margin-top: 40px;
  font-size: 13px;
  font-family: LibreFranklin-Regular;
}

#app .post.thank-you .table td {
  border-top: 1px solid #fff;
}

#app .post.thank-you .table td td {
  border: none;
}

#app .post.thank-you .table td.title {
  width: 170px;
}

#app .post.thank-you .table td.title td.company {
  width: 170px;
}

#app .post.thank-you .table th {
  font-size: 13px;
  font-family: LibreFranklin-Medium;
  font-weight: 400;
  line-height: 24px;
  border-top: none;
}

#app .post.thank-you .table .location {
  min-width: 150px;
}

#app .post.thank-you .candidate-title {
  font-size: 24px;
  margin-top: 60px;
}

#app .post.thank-you .candidate-title span {
  font-family: LibreFranklin-Regular;
}

#app .post.thank-you .banner-wrapper {
  background-color: #e7f0f0;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}

#app .post.thank-you .banner-wrapper .banner-content {
  width: 1000px;
  margin: 0 auto;
}

#app .post.thank-you .banner-wrapper-bottom {
  background-color: #e7f0f0;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
}

#app .post.thank-you .banner-wrapper-bottom .banner-content {
  width: 1000px;
  margin: 0 auto;
}

#app .post.thank-you .banner-title {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding-top: 32px;
}

#app .post.thank-you .banner-container {
  position: relative;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}

#app .post.thank-you .banner-container .banner-container {
  width: 1000px;
}

#app .post.thank-you .banner-container .banner-title {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding-top: 32px;
}

#app .post.thank-you .banner-container .banner-text {
  font-size: 16px;
  padding-bottom: 28px;
}

#app .post.thank-you .banner-container .title-box {
  width: 100%;
  margin-top: 0;
}

#app .post.thank-you .progress-bar {
  height: 10px;
  background-color: #00828b;
  border: solid 1px #00828b;
  width: 100%;
}

#app .post.thank-you .promo-box {
  width: 50%;
}

#app .post.thank-you .you-have-job-prom {
  font-size: 24px;
  font-weight: 500;
  color: #ef8f1c;
  font-family: LibreFranklin-Medium;
}

#app .post.thank-you .job-prom-container {
  padding-bottom: 28px;
}

#app .post.thank-you .job-prom-container .you-have-job-prom {
  font-size: 24px;
  font-weight: 500;
  color: #ef8f1c;
  font-family: LibreFranklin-Medium;
}

#app .post.thank-you button.orange {
  color: white;
  background-color: #ef8f1c;
  width: 300px;
  padding: 10px;
  border: none;
  border-radius: 0;
  margin-top: 10px;
  font-size: 20px;
}

#app .post.thank-you button.orange label {
  font-size: 20px;
  font-family: LibreFranklin-Light;
  font-weight: 200;
}

#app .post.thank-you .btn-border {
  width: 300px;
  font-size: 18px;
}

#app .iframe-container {

}

#app .modal-window {
  position: relative;
  width: 928px;
  height: 637px;
  display: block;
  padding: 0;
}

#app .iframe-window {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
}

#app .close-btn {
  position: absolute;
  top: 0;
  right: 0;
}

#app .candidate-profile .get-full-access-bar {
  font-size: 16px;
  font-family: LibreFranklin-Regular;
  background-color: #f5f5f5;
  padding: 10px 0 5px;
}

#app .candidate-profile .get-full-access-bar .lock {
  width: 10px;
  height: 13px;
  margin: 4px 5px 0 0;
}

#app .candidate-profile .get-full-access-bar a {
  margin: 0 0 0 3px;
}

#app .candidate-profile .candidate-header-holder {
  background: #fff;
}

#app .candidate-profile .candidate-scroller {
  width: 1000px;
  margin: 0 auto;
  padding: 16px 0;
  font-size: 13px;
  font-family: LibreFranklin-Regular;
  border-bottom: solid 2px #f5f5f5;
}

#app .candidate-profile .candidate-scroller .previous-candidate, #app .candidate-profile .candidate-scroller .next-candidate {
  color: #aaa;
}

#app .candidate-profile .candidate-scroller a.previous-candidate:hover {
  color: #3fb2bb;
}

#app .candidate-profile .candidate-scroller a.previous-candidate:hover:before {
  background: transparent url(/img/caret-teal.svg?v=125) 0 0 no-repeat;
  background-size: 12px 9px;
}

#app .candidate-profile .candidate-scroller .previous-candidate {
  padding: 0 0 0 18px;
}

#app .candidate-profile .candidate-scroller .previous-candidate:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
}

#app .candidate-profile .candidate-scroller .previous-candidate:before {
  background: transparent url(/img/caret.svg?v=125) 0 0 no-repeat;
  margin-left: -18px;
  margin-top: -1px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

#app .candidate-profile .candidate-scroller a.next-candidate:hover {
  color: #3fb2bb;
}

#app .candidate-profile .candidate-scroller a.next-candidate:hover:after {
  background: transparent url(/img/caret-teal.svg?v=125) 0 0 no-repeat;
  background-size: 12px 9px;
}

#app .candidate-profile .candidate-scroller .next-candidate {
  padding: 0 19px 0 0;
}

#app .candidate-profile .candidate-scroller .next-candidate:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
}

#app .candidate-profile .candidate-scroller .next-candidate:after {
  background: transparent url(/img/caret.svg?v=125) 0 0 no-repeat;
  margin: 3px 0 0 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#app .candidate-profile .candidate-info-holder {
  width: 1000px;
  margin: 0 auto;
  padding: 0 10px 20px 20px;
  min-height: 220px;
}

#app .candidate-profile .action-btn {
  width: 150px;
  padding: 0!important;
}

#app .candidate-profile .resume-actions {
  position: absolute;
  top: 40px;
  right: 20px;
}

#app .candidate-profile .resume-actions .resume-action {
  font-size: 16px;
  line-height: 1.4;
  font-family: LibreFranklin-Regular;
}

#app .candidate-profile .resume-holder {
  background: #f5f5f5;
}

#app .candidate-profile .resume-iframe {
  border: none;
}

#app .candidate-profile .resume-upload-date-tag {
  position: absolute;
  top: 72px;
  right: 52px;
  background: #d6d6d6;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-family: LibreFranklin-Regular;
}

#app .candidate-profile .candidate-last-active {
  color: #f87b31;
  font-family: LibreFranklin-Medium;
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

#app .candidate-profile .candidate-last-active:before {
  background-image: url(/img/clock@3x.png?v=125);
  background-size: 24px 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: '';
}

#app .cropper-holder .img-holder {
  height: 480px;
  width: 540px;
}

#app .cropper-holder .img-holder img {
  max-width: 100%;
  max-height: 100%;
}

#app .cropper-holder button {
  height: 50px;
}

#app .cropper-holder .zoom-holder div:first-child {
  margin: 0 20px 0 0;
}

#app .cropper-holder .zoom-holder .zoom {
  padding: 0 30px;
}

#app .cropper-holder .crop-btn {
  font-size: 16px;
  padding: 0 80px;
}

#app .modal.profile-image-modal .modal-body {
  width: auto;
}

#app .superuser .nav-tabs {
  margin: 19px 0 0;
}

#app .superuser .tab-body {
  padding: 10px 0;
}

#app .superuser .superuser-form {
  padding: 15px;
  width: 50%;
}

#app .superuser .superuser-form .btn {
  margin: 10px 0 0;
  font-size: 16px;
}

#app .superuser .inline-form .holder {
  width: 80%;
}

#app .superuser .inline-form .btn {
  height: 35px;
  padding: 6px 10px;
}

#app .superuser .edit-permissions-form {
  margin: 15px 0 0;
}

#app .superuser .unlimited-disclaimer {
  font-size: 13px;
  margin: 0 0 10px;
}

#app .superuser .sales-inventory-form {
  width: 100%;
}

#app .superuser .inventory-dropdown-holder {
  margin: 0 0 10px;
}

#app .superuser .inventory-dropdown-holder .inventory-dropdown {
  width: 100%;
  margin: 5px 0 0;
}

#app .superuser .load-inventory-form {
  width: 75%;
}

#app .superuser .load-inventory-form .inline-form .holder {
  width: 50%;
}

#app .superuser .load-inventory-form .btn {
  margin-left: 10px;
}

#app .superuser .inventory-action-form {
  width: 25%;
}

#app .superuser .inventory-table {
  margin: 10px 0 0;
}

#app .superuser .inventory-table th.action, #app .superuser .inventory-table td.action {
  width: 118px;
}

#app .superuser .inventory-table th.type, #app .superuser .inventory-table td.type {
  width: 165px;
}

#app .superuser .inventory-table th.qty, #app .superuser .inventory-table td.qty {
  width: 70px;
}

#app .superuser .inventory-table th.insert-date, #app .superuser .inventory-table td.insert-date {
  width: 118px;
}

#app .superuser .feature-job-form {
  margin: 10px 0 0;
}

#app .superuser .feature-job-form .promotion-form {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px dotted black;
}

#app .superuser .feature-job-form .promotion-form .feature-job-dates {
  margin: 10px 0 0;
}

#app .dropdown {
  border: none;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .onboarding-input {
    padding: 0 !important;
  }

}

#app .signup-form-holder {
  width: 100%;
  max-width: 620px;
  margin: 100px auto;
  font-family: LibreFranklin-Light;
  font-weight: 100;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .signup-form-holder {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 30px auto;
  }

}

#app .signup-form-holder .title {
  line-height: 1.12;
  color: #333333;
  text-align: center;
  font-size: 36px;
  font-weight: 100;
  width: 100%;
  letter-spacing: -.2px;
  height: 62px;
  margin: 0px;
}

#app .signup-form-holder >p {
  color: #666666;
  font-size: 24px;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .signup-form-holder >p {
    font-size: 16px;
    color: #231f20;
  }

}

#app .signup-form-holder .continue {
  width: 100%;
  height: 56px;
  background-color: #3fb2bb;
  font-size: 20px;
  margin: 25px 5px;
}

#app .signup-form {
  font-family: LibreFranklin-Light;
  font-weight: 100;
  margin-bottom: 25px;
}

#app .signup-form * {
  font-family: LibreFranklin-Light!important;
}

#app .signup-form .error-border {
  border: 1px solid #ff3333 !important;
}

#app .signup-form .extra-input-msg {
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #666666;
}

#app .signup-form input {
  border: solid 0.5px #979797;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #444;
}

#app .signup-form .holder .labels {
  margin: 0;
}

#app .signup-form .rc-label {
  height: 10px;
  font-size: 10px;
  color: #666666;
  letter-spacing: 0.5px;
  line-height: 1;
}

#app .signup-form .name-inputs .holder, #app .signup-form .phone-inputs .holder, #app .signup-form .company-inputs .holder {
  width: 50%;
}

#app .signup-form .input-label {
  margin: 15px 0 5px;
}

#app .signup-form .rc-v-box .rc-label {
  margin: 15px 0 5px;
  text-transform: uppercase;
}

#app .signup-form .input-box {
  margin-bottom: 10px;
}

#app .signup-form .form-control:focus {
  border: solid 0.5px #3fb2bb;
  box-shadow: none;
}

#app .signup-form .company-type {
  width: 100%;
  flex: 0 0 auto !important;
}

#app .signup-form .company-type a {
  height: 40px !important;
}

#app .signup-form .chosen-container {
  max-height: initial;
}

#app .signup-form .error-border-sdd a {
  border: solid 1px #ea0000 !important;
}

#app .signup-form .chosen-single {
  padding: 0 0 0 11px;
}

#app .signup-form .chosen-single span {
  font-size: 18px !important;
  line-height: 26px !important;
  height: 40px !important;
}

#app .signup-form .error-msg {
  color: #ea0000;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 0.2px;
}

#app .signup-form .password-lable {
  color: #848383;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 18px;
}

#app .signup-form .password-hint-container {
  font-size: 12px;
}

#app .signup-form .password-hint-container .error-msg {
  line-height: 16px;
  position: relative;
}

#app .signup-form .password-hint-container .valid-msg {
  color: #666666;
  line-height: 16px;
  letter-spacing: 0.2px;
  position: relative;
}

#app .signup-form .password-hint-container .valid-msg .check-ok {
  width: 5px;
  height: 9px;
  border: solid #06c20f;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 134px;
  transform: rotate(40deg);
  top: 4px;
}

#app .get-full-access {
  background: url(/img/cafe_man_flip.jpg?v=125);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #231f20;
}

#app .get-full-access.main {
  min-height: 100%;
}

#app .get-full-access .header {
  font-family: LibreFranklin-Regular;
  background: #231f20;
}

#app .get-full-access .header .logo {
  height: 30px;
  margin: 10px 0;
}

#app .get-full-access .header .header-content {
  background: #231f20;
  color: #fff;
  margin: 0 auto;
}

#app .get-full-access .header .header-content .home-icon {
  margin: 0 auto;
}

#app .get-full-access .body .headline-holder {
  width: 100%;
  height: 56px;
  margin-top: 61px;
}

#app .get-full-access .body .headline-holder .headline {
  width: 830px;
  font-family: LibreFranklin-Light;
  font-size: 80px;
  font-weight: 100;
  line-height: 0.7;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
}

#app .get-full-access .body .sub-headline-holder {
  width: 100%;
  margin-top: 26px;
}

#app .get-full-access .body .sub-headline-holder .sub-headline {
  line-height: 1.33;
  width: 830px;
  font-family: LibreFranklin-Light;
  height: 32px;
  margin: 0 auto;
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  color: #ffffff;
}

#app .get-full-access .body .form-box {
  width: 830px;
  background-color: #f5f1ec;
  margin: 23px auto 0;
}

#app .get-full-access .body .form-box .contact-sales-form {
  padding: 10px 50px 0 30px !important;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row {
  width: 395px;
  margin: 21px 0 0;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-label {
  font-size: 14px;
  font-family: LibreFranklin-Light;
  font-weight: 300;
  line-height: 0.71;
  text-align: left;
  color: #666666;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-element {
  width: 50%;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-element.full-width {
  width: 100%;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-element input, #app .get-full-access .body .form-box .contact-sales-form .form-row .form-element textarea {
  border: none;
  border-radius: 0;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-element input {
  width: 185px;
  margin: 9px 0 0;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-element textarea {
  margin: 9px 0 0;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .form-element + .form-element {
  margin-left: 14px;
}

#app .get-full-access .body .form-box .contact-sales-form .form-row .error-msg {
  font-size: 12px;
  color: red;
}

#app .get-full-access .body .form-box .contact-sales-form .submit-btn {
  margin: 16px 0 38px;
  width: 100%;
}

#app .get-full-access .body .form-box .full-access-info {
  width: 355px;
  background-color: #ece6df;
}

#app .get-full-access .body .form-box .full-access-info .info-title {
  width: 221px;
  height: 32px;
  font-size: 20px;
  font-family: LibreFranklin-Medium;
  margin: 67px 59px 0 75px;
}

#app .get-full-access .body .form-box .full-access-info .info-divider {
  width: 236px;
  height: 2px;
  opacity: 0.15;
  border: solid 1px #000000;
  margin: 2px auto 11px;
}

#app .get-full-access .body .form-box .full-access-info ul {
  margin: 0 0 0 78px;
  list-style: disc;
  padding: 0;
}

#app .get-full-access .body .form-box .full-access-info ul li {
  font-size: 16px;
  font-family: HelveticaNeue-Light;
  font-weight: 300;
  line-height: 2.5;
  color: #aaaaaa;
}

#app .get-full-access .body .form-box .full-access-info ul li span {
  color: #333333;
}

#app .get-full-access .body .legal {
  width: 830px;
  height: 17px;
  margin: 15px auto 0;
}

#app .get-full-access .body .legal .legal-holder {
  margin: 0 auto;
}

#app .get-full-access .body .legal .legal-holder .legal-text {
  padding: 0 17px;
  color: #e3e3e3;
  font-family: LibreFranklin-Light;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  color: #e3e3e3;
}

#app .get-full-access .body .legal .legal-holder .legal-divider {
  color: #e3e3e3;
}

#app .get-full-access .alert-bar {
  background-color: #b4e5b7;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
}

#app .get-full-access .alert-bar .alert-message {
  padding: 10px 0;
  text-align: center;
}

#app .get-full-access .alert-bar .close-alert-bar {
  position: absolute;
  right: 20px;
  top: 0;
  line-height: 50px;
  font-family: LibreFranklin-Medium;
  cursor: pointer;
}

#app .create-account-modal {
  overflow-y: scroll;
}

#app .create-account-modal .modal-box {
  width: 690px;
}

#app .create-account-modal .modal-box .modal-body {
  width: 100%;
}

#app .create-account-modal .modal-box .modal-body .btn {
  width: 100%;
  background-color: #3fb2bb;
  margin: 10px 0 0;
}

#app .create-account-modal .modal-box .modal-body .btn:hover {
  background-color: #2f8c92;
}

#app .create-account-modal .modal-box .modal-title {
  font-family: LibreFranklin-Light;
  color: #999;
  font-size: 36px;
  letter-spacing: -.2px;
  margin-bottom: 0;
}

#app .create-account-modal .modal-box .modal-sub-header {
  font-size: 16px;
  margin: 5px 0 15px;
}

#app .create-account-modal .modal-box .disclaimer {
  color: #aaa;
  font-size: 16px;
  font-family: LibreFranklin-Regular;
  margin: 10px 0;
}

#app .create-account-modal .modal-box .already-a-member {
  font-size: 16px;
  color: #aaa;
  margin: 15px 0 0;
}

#app .create-account-modal .modal-box .already-a-member .login-link {
  margin: 0 0 0 5px;
}

.faqs .title {
  font-size: 52px;
  margin-bottom: 40px;
}

.faqs .sublinks {
  margin-bottom: 10px;
}

.faqs .answers .text {
  font-size: 20px;
  width: 800px;
  font-family: LibreFranklin-Regular;
}

.faqs .divider {
  margin: 30px 0 30px 30px;
  height: 2px;
  background: #e3e3e3;
}

.faqs .feedback {
  width: 490px;
}

.faqs .feedback .title {
  font-size: 30px;
  margin: 10px 0;
}

.terms-and-conditions .content-holder {
  margin-top: 108px;
}

.terms-and-conditions .title {
  font-size: 52px;
  margin-bottom: 40px;
}

.terms-and-conditions .terms {
  font-size: 13px;
  font-family: LibreFranklin-Regular;
}

#app .job-feeds .content {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  padding: 30px 30px;
}

#app .referral-hiring {
  padding-bottom: 40px;
}

#app .referral-hiring .title {
  font-size: 52px;
  margin-top: 40px;
}

#app .referral-hiring .deck {
  text-align: center;
}

#app .referral-hiring .deck .learn-more {
  cursor: pointer;
  padding-right: 16px;
  background-repeat: no-repeat;
  background-position: center right;
}

#app .referral-hiring .deck .learn-more.carat-down {
  background-image: url(/img/down-carat.svg?v=125);
}

#app .referral-hiring .deck .learn-more.carat-up {
  background-image: url(/img/up-carat.svg?v=125);
}

#app .referral-hiring .more-text {
  margin-top: 30px;
}

#app .referral-hiring .more-text p {
  margin-bottom: 20px;
}

#app .referral-hiring .infographic {
  margin-top: 50px;
}

#app .referral-hiring .infographic .item {
  width: 13%;
  background-size: 95px;
  background-color: transparent;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 100px;
  text-align: center;
  background-position: top center;
}

#app .referral-hiring .infographic .item.enroll {
  background-position: top left;
  background-image: url(/img/signup.png?v=125);
}

#app .referral-hiring .infographic .item.tell {
  background-image: url(/img/wordout.png?v=125);
}

#app .referral-hiring .infographic .item.hires {
  background-image: url(/img/free_referrals.png?v=125);
}

#app .referral-hiring .infographic .item .text {
  font-size: 24px;
}

#app .referral-hiring .infographic .item .arrow {
  width: 237px;
  background-position: top left;
  top: 40px;
  background-repeat: no-repeat;
  height: 14px;
  position: absolute;
  background-color: transparent;
  background-image: url(/img/arrow.png?v=125);
  left: 145px;
}

#app .referral-hiring .form-row {
  margin-top: 50px;
}

#app .referral-hiring .form-row .referral-form {
  width: 50%;
}

#app .referral-hiring .form-row .referral-form .form-header {
  font-size: 24px;
}

#app .referral-hiring .form-row .referral-form .input-label {
  color: #999999;
  font-size: 16px;
}

#app .referral-hiring .form-row .referral-form .form-control {
  font-size: 21px;
  height: 48px;
  margin-bottom: 10px;
}

#app .referral-hiring .form-row .referral-form .referral-btn {
  width: 100%;
  font-size: 16px;
}

#app .referral-hiring .form-row .image-wrapper {
  align-self: center;
}

#app .referral-hiring .form-row .referral-signup-image {
  background-image: url(/img/referral-hiring.gif?v=125);
  background-color: transparent;
  background-size: 320px;
  background-position: bottom left;
  width: 320px;
  height: 320px;
}

#app .referral-hiring .roles-tooltip {
  width: 280px;
  margin: 25px 40px;
  font-size: 14px;
}

#app .referral-hiring .info-tool-tip {
  height: 22px;
}

#app .referral-hiring .tooltip-wrapper {
  position: relative;
}

#app .email-verification .content {
  width: 100%;
  max-width: 660px;
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .email-verification .content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 30px;
  }

}

#app .email-verification .content .teal {
  color: #3fb2bb;
}

#app .email-verification .content h1 {
  font-size: 36px;
  letter-spacing: -.2px;
}

#app .email-verification .content .desc {
  font-size: 24px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .email-verification .content .desc {
    font-size: 16px;
    text-align: center;
  }

}

#app .email-verification .content .code-input-view {
  margin: 30px 0 0;
}

#app .email-verification .content .code-input-view .labels {
  margin-bottom: 5px;
}

#app .email-verification .content .code-input-view .input-label {
  font-size: 10px;
}

#app .email-verification .content .code-input-view input {
  height: 48px;
  font-size: 21px;
  padding: 0.3em 0.8em;
  width: 500px;
}

#app .email-verification .content .code-input-view .btn {
  height: 48px;
  width: 150px;
  font-size: 16px;
}

#app .email-verification .content .error {
  font-size: 16px;
  color: #ff3226;
  margin-bottom: 0;
}

#app .email-verification .content .re-send {
  font-size: 14px;
  margin-top: 20px;
}

#app .email-verification .content .re-send .link {
  cursor: pointer;
}

#app .email-verification .content .re-send span {
  margin-right: 5px;
}

#app .email-verification .content .code-input {
  max-width: 470px;
}

@media (min-width: 320px) and (max-width: 767px) {

  #app .email-verification .content .code-input {
    max-width: 100%;
  }

}

#app .email-verification .content .verify-btn {
  margin-top: 18px;
}

#app .pricing {
  width: 100%;
  font-family: LibreFranklin-Light;
}

#app .pricing .content-holder {
  max-width: 1000px;
  margin: 0 auto;
}

#app .pricing h1 {
  font-size: 36px;
  font-family: LibreFranklin-Light;
  margin-top: 77px;
}

#app .pricing h2 {
  font-family: LibreFranklin-Medium;
}

#app .pricing .pricing-table {
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 2px 4px 0 #d6d6d6;
  margin: 30px 0 50px 0;
}

#app .pricing .pricing-table table {
  width: 100%;
}

#app .pricing .pricing-table tr {
  border-bottom: 1px solid #d6d6d6;
}

#app .pricing .pricing-table th {
  font-family: LibreFranklin-Light;
  padding: 10px 30px;
  width: 310px;
  font-size: 16px;
  color: #333;
}

#app .pricing .pricing-table td {
  padding: 10px 20px;
  width: 230px;
  text-align: center;
  border-left: 1px solid #d6d6d6;
}

#app .pricing .pricing-table .cat-title {
  font-size: 36px;
  line-height: 40px;
}

#app .pricing .title-cell {
  vertical-align: top;
  font-size: 24px;
  color: #fff;
}

#app .pricing .title-cell p {
  font-size: 16px;
  padding: 10px 0;
  line-height: 1.25;
}

#app .pricing .title-cell.basic {
  background: #b0bd3c;
}

#app .pricing .title-cell.individual {
  background: #73486f;
}

#app .pricing .title-cell.enterprise {
  background: #f87b31;
  border-radius: 0 7px 0 0;
}

#app .pricing .btn-container {
  border-bottom: none;
}

#app .pricing .btn-container .btn {
  font-size: 20px;
  width: 180px;
  margin-top: 30px;
  margin-bottom: 56px;
}

#app .pricing .btn-container .current-plan {
  background-color: #ccc;
}

#app .pricing .mobile-view {
  display: none;
}

@media (max-width: 768px) {

  #app .pricing .content-holder {
    text-align: center;
    width: 100%;
  }
  
  #app .pricing .content-holder .mobile-view {
    display: block;
  }
  
  #app .pricing .content-holder h1 {
    margin: 30px 0;
  }
  
  #app .pricing .content-holder h2 {
    margin-top: 30px;
  }
  
  #app .pricing .content-holder .car-title {
    background-color: #fff;
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #d6d6d6;
  }
  
  
  
  #app .pricing .content-holder .title-cell p {
    padding: 10px 20px;
  }
  
  #app .pricing .content-holder .title-cell.enterprise {
    border-radius: 0;
  }
  
  #app .pricing .content-holder ul {
    padding: 20px 0 0 30px;
    margin: 0;
    background-color: #fff;
  }
  
  #app .pricing .content-holder li {
    list-style: none;
    font-size: 16px;
    text-align: left;
    margin: 15px 0;
  }
  
  #app .pricing .content-holder img {
    margin-right: 18px;
  }
  
  #app .pricing .btn-container {
    background-color: #fff;
  }
  
  #app .pricing .pricing-table {
    display: none;
  }

}

#app .page-404 .info {
  max-width: 366px;
  color: #b19673;
  margin: 200px 50px 0 545px;
}

#app .page-404 .info .link {
  color: #5397e3;
  cursor: pointer;
}

#app .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  top: 2px;
}

#app .switch input {
  display: none;
}

#app .switch-label {
  position: absolute;
  cursor: pointer;
  padding: 0 0 0 26px;
  font-size: 13px;
  line-height: 24px;
  color: #fff;
}

#app .switch-label.on {
  padding: 0 26px 0 10px;
  background-color: transparent;
}

#app .slider {
  bottom: 0;
  transition: .4s;
  top: 0;
  background-color: #ccc;
  cursor: pointer;
  right: 0;
  position: absolute;
  -webkit-transition: .4s;
  left: 0;
}

#app .slider:before {
  width: 16px;
  height: 16px;
  -webkit-transition: .4s;
  position: absolute;
  content: '';
  background-color: #fff;
  border-radius: 50%;
  bottom: 4px;
  transition: .4s;
  left: 4px;
}

#app .slider.round {
  border-radius: 24px;
}

#app .on {
  background-color: #3fb2bb;
}

#app .on:before {
  transform: translateX(26px);
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
}

#app .recruiter-admin .content {
  padding: 0;
  margin-bottom: 60px;
}

#app .recruiter-admin .title-container {
  min-height: 0;
}

#app .recruiter-admin .title-container .title-box {
  margin: 30px auto;
}

#app .dashboard {
  font-family: LibreFranklin-Regular;
  background-color: #f5f5f5;
  padding: 30px 0 60px;
  font-size: 12px;
  color: #3a3a3a;
}

#app .dashboard .promote-link {
  text-align: center;
}

#app .dashboard .team-member-dropdown-container {
  width: 202px;
  margin-left: auto;
  height: 20px;
  position: relative;
  top: 4px;
}

#app .dashboard .sub-title {
  margin-left: auto!important;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .dashboard .sub-title {
    margin-left: 0!important;
  }

}

#app .dashboard .engagement-usage {
  line-height: 18px;
}

#app .dashboard .candidate-info {
  line-height: 15px;
}

#app .dashboard .position-left {
  width: 100%;
  max-width: 170px;
}

#app .dashboard .position-middle {
  width: 100%;
  max-width: 510px;
}

#app .dashboard .position-right {
  width: 100%;
  max-width: 338px;
}

#app .dashboard .top-right {
  line-height: 18px;
}

#app .dashboard .dashboard-list {
  margin-bottom: 10px;
  max-width: 290px;
}

#app .dashboard .dashboard-action-btn {
  margin: 0 auto;
  align-self: center;
  background: #00C0D1;
}

#app .dashboard .no-data-message {
  text-align: center;
  width: 330px;
  font-size: 16px;
  margin: 20px 0 20px 62px;
  font-family: LibreFranklin-Regular;
}

#app .dashboard .no-applicants {
  width: 471.84px;
  height: 420px;
  position: relative;
  top: 0;
  left: -12px;
  text-align: center;
  background: transparent url(/img/application-demo-placeholder.jpg?v=125) no-repeat 0 15px;
  background-size: 471.84px;
}

#app .dashboard .no-applicants-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(187, 187, 187, 0.8);
}

#app .dashboard .no-applicants-message {
  background-color: #fff;
  position: relative;
  padding: 5px 25px;
  top: 45%;
}

#app .dashboard .no-applicants-promote {
  width: 369px;
  margin: 0 auto;
  top: 10%;
  font-size: 14px;
  font-family: LibreFranklin-Medium;
  padding: 10px 25px 30px;
}

#app .dashboard .no-applicants-promote .promote-btn {
  align-self: center;
  margin-top: 20px;
}

#app .dashboard .app-demo-placeholder {
  opacity: 0.6;
  margin-top: 20px;
}

#app .dashboard .zero-state {
  font-size: 14px;
}

#app .dashboard .ad-citihire {
  font-size: 14px;
}

#app .dashboard .ad-citihire .ad-text-citihire {
  width: 60%;
}

#app .dashboard .ad-citihire .ad-image-citihire {
  width: 96px;
  height: 150px;
  margin-top: 5px;
}

#app .dashboard .btn {
  width: 165px;
}

#app .dashboard .top-stat {
  text-align: center;
  width: 30%;
}

#app .dashboard .top-stat .row1 {
  font-size: 14px;
  width: 83%;
  margin: 0 auto;
}

#app .dashboard .top-stat .row2 {
  font-family: LibreFranklin-Medium;
  font-size: 30px;
}

#app .dashboard .top-stat .row3 {
  font-size: 12px;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .dashboard .top-stat {
    width: 100%;
  }

}

#app .dashboard #barchart-education {
  height: 100px;
}

#app .dashboard .barchart-education-svg {
  width: 330px;
}

#app .dashboard .barchart-education-svg rect {
  fill: #fbbc48;
}

#app .dashboard .barchart-education-svg text {
  fill: #000000;
  font-family: LibreFranklin-Light;
  font-size: 12px;
}

#app .dashboard .experience-chart-container {
  width: 330px;
  height: 100px;
}

#app .dashboard .barchart-experience .experience-range text {
  fill: #000000;
  font-family: LibreFranklin-Light;
  font-size: 12px;
}

#app .dashboard .barchart-experience .applicants {
  fill: #F97C0D;
}

#app .dashboard .barchart-experience .site-average {
  fill: #d6d6d6;
}

#app .dashboard .rec {
  width: 40%;
  height: 20px;
  font-size: 12px;
  color: #3a3a3a;
}

#app .dashboard .rec:before {
  position: relative;
  top: 2px;
  display: inline-block;
  content: "";
  background-color: #F97C0D;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

#app .dashboard .rec.average-rec:before {
  background-color: #d6d6d6;
}

#app .dashboard .salary-chart-container {
  width: 330px;
  height: 24px;
}

#app .dashboard .salary-range-1 {
  fill: #005221;
}

#app .dashboard .salary-range-2 {
  fill: #168716;
}

#app .dashboard .salary-range-3 {
  fill: #76be4e;
}

#app .dashboard .salary-range-4 {
  fill: #9ee973;
}

#app .dashboard .salary-range-5 {
  fill: #cdeeac;
}

#app .dashboard .salary-chart-legend {
  max-width: 320px;
}

#app .dashboard .salary-chart-legend .rec {
  width: 33%;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-1 {
  width: 32%;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-1:before {
  background-color: #005221;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-2:before {
  background-color: #168716;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-3:before {
  background-color: #76be4e;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-4 {
  width: 34%;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-4:before {
  background-color: #9ee973;
}

#app .dashboard .salary-chart-legend .rec.salary-range-rec-5:before {
  background-color: #cdeeac;
}

#app .dashboard .loading-circle {
  margin-top: 100px;
}

#app .team-members-summary .sub-title, #app .team-jobs .sub-title {
  margin: 0 0 0 10px;
}

#app .team-members-summary table, #app .team-jobs table {
  background: transparent;
  margin: 0 auto;
}

#app .team-members-summary table .table-row, #app .team-jobs table .table-row {
  background-color: #fafafa;
  border-bottom: 2px #fff solid;
}

#app .team-members-summary tr, #app .team-jobs tr {
  border: none;
  background-color: transparent;
}

#app .team-members-summary tr th, #app .team-jobs tr th {
  padding: 4px 12px !important;
}

#app .team-members-summary tr th:first-child, #app .team-jobs tr th:first-child {
  text-align: left;
}

#app .team-members-summary tr td, #app .team-jobs tr td {
  padding: 10px;
}

#app .team-members-summary tr td:first-child, #app .team-jobs tr td:first-child {
  text-align: left;
}

#app .teams-modal .modal-box {
  width: 600px;
}

#app .teams-modal .modal-body, #app .teams-modal .modal-title {
  width: 100%;
}

#app .confirm-modal .modal-body, #app .confirm-modal .modal-title {
  width: 600px;
}

#app .create-project-input {
  width: 713px;
}

#app .modal.save-candidate .modal-box {
  width: 800px;
  max-height: 550px;
  overflow-y: auto;
}

#app .modal.save-candidate .create-project-input {
  width: 380px;
}

#app .rc-point-wrapper .input-group {
  width: 100%;
}

#app .rc-point-wrapper .input-group .rc-h-box {
  width: 100%;
}

#app .rc-point-wrapper .input-group label.dropdown-button {
  width: 100%;
  font-size: 16px;
  margin: 0 0 12px;
  border: 1px solid #cccccc;
  border-radius: 2px;
}

#app span.dropdown-button.activator.input-group-addon {
  display: none;
}

#app .chosen-container-active.chosen-container-active .chosen-single {
  box-shadow: none;
  border: 1px solid #00C0D1;
  border-bottom: #fff;
}

#app .chosen-container-active.chosen-container-active .chosen-drop {
  box-shadow: none;
  border: 1px solid #00C0D1;
  border-top: none;
  border-radius: 0;
}

#app .chosen-container-active.chosen-container-active .chosen-drop a {
  padding: 0;
  margin: 0;
}

#app .component-dropdown .rc-point-wrapper .input-group {
  width: 100%;
}

#app .component-dropdown .rc-point-wrapper .input-group .rc-h-box {
  width: 100%;
}

#app .component-dropdown .rc-point-wrapper .input-group label.dropdown-button {
  width: 100%;
  font-size: 14px;
  margin: 0 0 12px;
  border: 1px solid #cccccc;
  border-radius: 2px;
}

#app .component-dropdown span.dropdown-button.activator.input-group-addon {
  display: none;
}

#app .component-dropdown .rc-dropdown .chosen-single {
  height: 30px;
  padding: 0;
}

#app .component-dropdown .rc-dropdown .chosen-single span {
  padding: 7px 4px 6px 12px;
  height: 30px;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
}

#app .component-dropdown .chosen-container-active.chosen-container-active .chosen-single {
  box-shadow: none;
  border: 1px solid #00C0D1;
  border-bottom: #fff;
}

#app .component-dropdown .chosen-container-active.chosen-container-active .chosen-drop {
  box-shadow: none;
  border: 1px solid #00C0D1;
  border-top: none;
  border-radius: 0;
}

#app .component-dropdown .chosen-container-active.chosen-container-active .chosen-drop a {
  padding: 0;
  margin: 0;
}

#app .component-dropdown .chosen-container .chosen-results li {
  font-family: LibreFranklin-Light;
  font-size: 14px;
}

#app .component-dropdown .chosen-container .chosen-results li:hover {
  background: #cccccc;
  color: #fff;
}

#app .component-dropdown .chosen-container .chosen-results li.highlighted {
  background: #00C0D1;
  color: #fff;
}

#app .component-dropdown.saved-searches {
  width: 235px;
}

#app .component-dropdown.saved-searches .chosen-container {
  width: 100%;
}

#app .component-dropdown.saved-searches .saved-search-loading-ani img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#app .component-dropdown.search-sort-by {
  width: 127px;
}

#app .component-dropdown.search-view {
  width: 125px;
}

#app .component-dropdown.distance-dropdown {
  width: 95px;
  position: absolute;
  right: 1px;
  top: 19px;
}

#app .component-dropdown.distance-dropdown .chosen-container-single {
  border: none !important;
}

#app .component-dropdown.distance-dropdown .chosen-container-single .chosen-single {
  height: 28px;
  background-color: #f5f5f5;
}

#app .location {
  height: 30px;
  border: 1px solid #cccccc;
}

#app .range-dropdown .rc-dropdown .chosen-single {
  height: 40px;
  padding: 8px 0px 8px 4px;
  background: ;
}

#app .range-dropdown .rc-dropdown .chosen-single span {
  padding: 6px 4px 6px 10px;
  height: 40px;
  max-height: 28px;
  font-size: 16px;
  font-style: italic;
  line-height: 14px;
  color: #000000;
}

#app .range-dropdown .chosen-container .chosen-results li {
  font-family: LibreFranklin-Light;
  font-size: 16px;
  color: #000000;
}

#app .range-dropdown .chosen-container .chosen-results li:hover {
  background: #cccccc;
  color: #fff;
}

#app .range-dropdown .chosen-container .chosen-results li.highlighted {
  background: #00C0D1;
  color: #fff;
}

#app .standard-dropdown .rc-dropdown .chosen-single {
  height: 40px;
  padding: 8px 0px 8px 4px;
  background: ;
}

#app .standard-dropdown .rc-dropdown .chosen-single span {
  padding: 6px 4px 6px 10px;
  height: 40px;
  max-height: 28px;
  font-size: 16px;
  font-style: ;
  line-height: 14px;
  color: #000000;
}

#app .standard-dropdown .chosen-container .chosen-results li {
  font-family: LibreFranklin-Light;
  font-size: 16px;
  color: #000000;
}

#app .standard-dropdown .chosen-container .chosen-results li:hover {
  background: #cccccc;
  color: #fff;
}

#app .standard-dropdown .chosen-container .chosen-results li.highlighted {
  background: #00C0D1;
  color: #fff;
}

#app .secondary-dropdown .rc-dropdown .chosen-single {
  height: 40px;
  padding: 8px 0px 8px 4px;
  background: #d6d6d6;
}

#app .secondary-dropdown .rc-dropdown .chosen-single span {
  padding: 6px 4px 6px 10px;
  height: 40px;
  max-height: 28px;
  font-size: 16px;
  font-style: ;
  line-height: 14px;
  color: #000000;
}

#app .secondary-dropdown .chosen-container .chosen-results li {
  font-family: LibreFranklin-Light;
  font-size: 16px;
  color: #000000;
}

#app .secondary-dropdown .chosen-container .chosen-results li:hover {
  background: #cccccc;
  color: #fff;
}

#app .secondary-dropdown .chosen-container .chosen-results li.highlighted {
  background: #00C0D1;
  color: #fff;
}

#app .tertiary-dropdown .rc-dropdown .chosen-single {
  height: 40px;
  padding: 8px 0px 8px 4px;
  background: ;
}

#app .tertiary-dropdown .rc-dropdown .chosen-single span {
  padding: 6px 4px 6px 10px;
  height: 40px;
  max-height: 28px;
  font-size: 14px;
  font-style: ;
  line-height: 14px;
  color: #000000;
}

#app .tertiary-dropdown .chosen-container .chosen-results li {
  font-family: LibreFranklin-Light;
  font-size: 14px;
  color: #000000;
}

#app .tertiary-dropdown .chosen-container .chosen-results li:hover {
  background: #cccccc;
  color: #fff;
}

#app .tertiary-dropdown .chosen-container .chosen-results li.highlighted {
  background: #00C0D1;
  color: #fff;
}

#app .rc-popover-anchor-wrapper {
  z-index: 11;
}

#app .candidate-profile .rc-tabs li {
  width: 200px;
  text-align: center;
}

#app .candidate-profile .rc-tabs li a {
  font-size: 14px;
}

@media (min-width: 320px) and (max-width: 767px) {

  
  
  #app .no-padding-mobile {
    padding: 0!important;
  }

}

input[type="range"] {
  -webkit-appearance: none;
  height: 1px;
  width: 100%;
  background: transparent;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"].multirange {
  padding: 0;
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
}

input[type="range"].multirange::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 13px;
  width: 13px;
  background: #00c0d1;
  border: 1px solid white;
  border-radius: 30px;
}

input[type="range"].multirange::-webkit-slider-thumb:hover {
  background: #2f8c92;
}

input[type="range"].multirange.original {
  position: absolute;
  background: #3fb2bb;
}

input[type="range"].multirange.original:hover {
  background: #2f8c92;
}

input[type="range"].multirange.original::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
}

input[type="range"].multirange.original::-webkit-slider-thumb:hover {
  background: #2f8c92;
}

input[type="range"].multirange.original::-moz-range-thumb {
  height: 13px;
  width: 13px;
  z-index: 1;
  background: #00c0d1;
  border: none;
}

input[type="range"].multirange.original::-moz-range-thumb:hover {
  background: #2f8c92;
}

input[type="range"].multirange::-moz-range-track {
  border-color: transparent;
  height: 1px;
  background: #00c0d1;
}

input[type="range"].multirange.ghost::-moz-range-thumb {
  height: 13px;
  width: 13px;
  z-index: 1;
  background: #00c0d1;
  border: none;
}

input[type="range"].multirange.ghost::-moz-range-thumb:hover {
  background: #2f8c92;
}

input[type="range"].multirange.original::-ms-range-thumb {
  height: 13px;
  width: 13px;
  z-index: 1;
  background: #00c0d1;
  border: none;
}

input[type="range"].multirange.original::-ms-range-thumb:hover {
  background: #2f8c92;
}

input[type="range"].multirange::-ms-range-track {
  border-color: transparent;
  background: #00c0d1;
}

input[type="range"].multirange.ghost::-ms-range-thumb {
  height: 13px;
  width: 13px;
  z-index: 1;
  background: #00c0d1;
  border: none;
}

input[type="range"].multirange.ghost::-ms-range-thumb:hover {
  background: #2f8c92;
}

input[type="range"].multirange.ghost {
  position: relative;
  background: #00c0d1;
}