@charset "UTF-8";

/*
 *	jQuery Touch Optimized Sliders "R"Us
 *
 *	Copyright (c) 2013 Fred Heusschen
 *	www.frebsite.nl
 *
 *	Plugin website:
 *	tosrus.frebsite.nl
 *
 *	Dual licensed under the MIT and GPL licenses.
 *	http://en.wikipedia.org/wiki/MIT_License
 *	http://en.wikipedia.org/wiki/GNU_General_Public_License
 */
.tos-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.tos-wrapper.tos-fixed {
  background-color: #0a0a0a;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
}

.tos-wrapper.tos-inline {
  position: relative;
}

.tos-wrapper * {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.tos-slider {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.tos-slide {
  -webkit-overflow-scrolling: touch;
  line-height: 1px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.tos-slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.tos-slide.tos-loading {
  background: url("/common/lib/tosros/img/tos-preloader-black.png") center
    center no-repeat transparent;
}

.tos-wrapper.tos-fixed .tos-slide.tos-loading {
  background-image: url("/common/lib/tosros/img/tos-preloader-white.png");
}

.tos-slide > * {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}

.tos-wrapper.tos-fill .tos-slide > * {
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
}

.tos-content {
  background-color: #fff;
  color: #333;
  white-space: normal;
  text-align: left;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 30px;
  overflow: auto;
}

.tos-caption {
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(10, 10, 10, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgba(10, 10, 10, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    bottom,
    rgba(10, 10, 10, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 50px 30px 20px 30px;
  bottom: 0;
  left: 0;
}

.tos-prev,
.tos-next,
.tos-close,
.tos-play,
.tos-zoom:after {
  background: center center no-repeat #000;
  border: 1px solid #666;
  border-radius: 5px;
  display: block;
  width: 40px;
}

.tos-caption,
.tos-prev,
.tos-next,
.tos-close,
.tos-play,
.tos-zoom:after {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
  position: absolute;
}

.tos-wrapper.tos-desktop:hover .tos-prev,
.tos-wrapper.tos-desktop:hover .tos-next,
.tos-wrapper.tos-desktop:hover .tos-close,
.tos-wrapper.tos-desktop:hover .tos-play {
  opacity: 0.7;
}

.tos-wrapper.tos-desktop:hover .tos-prev:hover,
.tos-wrapper.tos-desktop:hover .tos-next:hover,
.tos-wrapper.tos-desktop:hover .tos-close:hover,
.tos-wrapper.tos-desktop:hover .tos-play:hover {
  opacity: 0.9;
}

.tos-wrapper.tos-desktop:hover .tos-caption {
  opacity: 1;
}

.tos-wrapper.tos-desktop:hover .tos-disabled.tos-prev,
.tos-wrapper.tos-desktop:hover .tos-disabled.tos-next {
  opacity: 0.2;
}

.tos-wrapper.tos-desktop:hover .tos-disabled.tos-prev:hover,
.tos-wrapper.tos-desktop:hover .tos-disabled.tos-next:hover {
  opacity: 0.2;
}

.tos-wrapper.tos-touch .tos-play {
  opacity: 0.9;
}

.tos-wrapper.tos-touch.tos-hover .tos-prev,
.tos-wrapper.tos-touch.tos-hover .tos-next,
.tos-wrapper.tos-touch.tos-hover .tos-close {
  opacity: 0.9;
}

.tos-wrapper.tos-touch.tos-hover .tos-caption {
  opacity: 1;
}

.tos-wrapper.tos-touch.tos-hover .tos-disabled.tos-prev,
.tos-wrapper.tos-touch.tos-hover .tos-disabled.tos-next {
  opacity: 0.2;
}

.tos-zoom:hover:after {
  opacity: 0.7;
}

.tos-prev,
.tos-next {
  height: 70px;
  margin-top: -35px;
  top: 50%;
}

.tos-prev.tos-disabled,
.tos-next.tos-disabled {
  cursor: default;
}

.tos-prev {
  background-image: url("/common/lib/tosros/img/tos-prev.png");
  left: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.tos-next {
  background-image: url("/common/lib/tosros/img/tos-next.png");
  right: 20px;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

.tos-close {
  background-image: url("/common/lib/tosros/img/tos-close.png");
  height: 40px;
  top: 20px;
  right: 20px;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.tos-play {
  background-color: rgba(0, 50, 100, 0.5);
  background-image: url("/common/lib/tosros/img/tos-play.png");
  background-position: 25px center;
  border-radius: 80px;
  border: 5px solid #eee;
  width: 80px;
  height: 80px;
  margin: -45px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.tos-zoom {
  position: relative;
  display: inline-block;
}

.tos-zoom:after {
  content: "";
  background-image: url("/common/lib/tosros/img/tos-zoom.png");
  height: 40px;
  margin: -22px;
  top: 50%;
  left: 50%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .tos-prev {
    background-image: url("/common/lib/tosros/img/tos-prev-retina.png");
    background-size: 16px 22px;
  }

  .tos-next {
    background-image: url("/common/lib/tosros/img/tos-next-retina.png");
    background-size: 16px 22px;
  }

  .tos-close {
    background-image: url("/common/lib/tosros/img/tos-close-retina.png");
    background-size: 20px 20px;
  }

  .tos-play {
    background-image: url("/common/lib/tosros/img/tos-play-retina.png");
    background-size: 44px 44px;
  }

  .tos-slide.tos-loading {
    background-image: url("/common/lib/tosros/img/tos-preloader-black-retina.png");
    background-size: 22px 22px;
  }

  .tos-wrapper.tos-fixed .tos-slide.tos-loading {
    background-image: url("/common/lib/tosros/img/tos-preloader-white-retina.png");
    background-size: 22px 22px;
  }
}

.job-buttons {
  position: absolute;
  top: 6px;
  right: 0;
}

legend,
div.legend {
  border-bottom: 2px solid #83b4bc;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.dashboard-chart div.legend {
  border-bottom: none;
}

legend strong,
div.legend strong {
  font-size: 18px;
  font-weight: 600;
  margin-left: 50px;
}

.placeholder-fix:focus::-webkit-input-placeholder {
  color: transparent;
}

.placeholder-fix:focus::-webkit-textarea-placeholder {
  color: transparent;
}

.placeholder-fix:focus::-moz-placeholder {
  color: transparent;
}

.placeholder-fix:-moz-placeholder {
  color: transparent;
}

.control-label {
  font-size: 16px;
  font-weight: 500;
}

.green {
  color: green;
}

.dropdownArrow {
  position: absolute;
  top: -17px;
  left: 20px;
  width: 12px;
  height: 23px;
  background: transparent url("pofDu5dSzB3bUYD3Bq6pwfTpJKDv0TPvYOuVZi8Xz0J.png")
    no-repeat 0 0;
}

.dropdown-menu {
  margin-top: 10px;
}

.arrow-right {
  display: inline-block;
  width: 11px;
  height: 14px;
  background: transparent url("vmUdM86GxOOotjh4ybk0Za4kddUtKkYjcHSd9ERdH17.png")
    no-repeat 0 0;
}

.job-code {
  position: relative;
  width: 300px;
  height: 50px;
  font-size: 14px;
  color: #f26b25;
  text-align: right;
}

.job-code-icon {
  display: inline-block;
  width: 43px;
  height: 18px;
  vertical-align: middle;
  background: transparent url("2VPHKsWnUc6vmIwTltkyUL0QPy6i9td7iXEEjIZgUQs.png")
    no-repeat 0 0;
}

.job-code-content {
  line-height: 20px;
  text-align: left;
}

.job-code-title {
  line-height: 20px;
  text-align: left;
}

.job-title-icon {
  float: left;
  width: 52px;
  height: 25px;
  background: transparent url("0aCMHyQ83wtnrLWZ1UqCzkfBPV31BHzRdVRaqig964Z.png")
    no-repeat 0 0;
}

.location-icon {
  float: left;
  width: 24px;
  height: 35px;
  margin-left: 15px;
  background: transparent url("gjvlpOovXPvr9UwAXowBlmanxyZV6FzTCPvGSrhjmFA.png")
    no-repeat 0 0;
}

.sharing-icon {
  float: left;
  width: 51px;
  height: 51px;
  margin-left: 15px;
  background: transparent url("oYP9WNYWCkGzXYlBDZvwbYqvDdwufBr6EkdKAKZyEtU.png")
    no-repeat 0 0;
}

.company-icon {
  float: left;
  width: 26px;
  height: 27px;
  margin-left: 15px;
  background: transparent url("3J3t06lSYQ9vCKIjZS3XEKWhVmBv23dvMutOomtkFx.png")
    no-repeat 0 0;
}

#editTemplatePanel {
  padding: 0;
}

#editTemplatePanel.noQuestions .previewPanel,
#editTemplatePanel.noQuestions .templateEditorSelector {
}

#editTemplatePanel .settingsPanel {
  clear: both;
}

#editTemplatePanel .settingsPanel h1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

#editTemplatePanel.noQuestions .settingsPanel {
  display: block;
}

#editTemplatePanel.noQuestions .navgatePanel {
  display: none;
}

#editTemplatePanel .noQuestionsSettingsPanel {
  text-align: center;
}

.navgatePanel {
  width: 100%;
  min-height: 30px;
  text-align: center;
}

.navgatePanel > ul {
  display: inline-block;
  list-style: none;
  margin-left: 0px;
}

.navgatePanel > ul > li {
  display: inline-block;
  vertical-align: middle;
}

.navgatePanel > ul > li a:hover {
  text-decoration: none;
}

.newer-template-info {
  padding-top: 80px;
  padding-left: 15%;
  padding-right: 15%;
  line-height: 20px;
}

.newer-template-info strong {
  margin-left: -25px;
  font-weight: 600;
  font-size: 16px;
}

.newer-template-info .btn {
  font-weight: 500;
  font-size: 16px;
}

.newer-template-info ul {
  list-style: none;
  margin-left: 0px;
}

.newer-template-info ul li {
  margin-top: 15px;
}

.new-question-text {
  padding: 10px 10% 10px 19%;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}

.new-question-text img {
  position: relative;
  top: -20px;
}

.previewPanel {
  margin-top: 45px;
  min-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 30px 30px 100px;
  border: 1px solid #cecece;
  border-radius: 0;
  position: relative;
}

.previewPanel > .readonlyMask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  cursor: not-allowed;
}

.previewPanel .question {
  position: relative;
  margin-left: 0;
  border-radius: 0;
}

.previewPanel .question > .reviewGuide {
  position: absolute;
  width: 170px;
  left: 100%;
  top: 0;
  margin-left: 10px;
  border: 1px solid #cecece;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.previewPanel .question > .reviewGuide.not-expanded > .reviewGuideContent {
  display: none;
}

.previewPanel .question > .reviewGuide h1 {
  font-weight: normal;
  font-size: 14px;
  line-height: 31px;
  text-align: center;
  background: #7bb6b9;
  color: #000000;
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: pointer;
}

.previewPanel .question > .reviewGuide textarea {
  width: 158px !important;
  height: 225px;
  resize: none;
  border: none;
  background: none;
  margin: 0;
  font-size: 11px;
}

.previewPanel .answerOptionsPanel {
  background: #f5f5f5;
  border-top: #cecece 1px solid;
  padding: 20px 20px;
  margin-left: -25px;
  margin-right: -25px;
  margin-top: 40px;
}

.previewPanel .answerOptionsPanel .scoringEnablePanel,
.previewPanel .answerOptionsPanel .scoringOptionsPanel {
  vertical-align: top;
  display: inline-block;
  width: 40%;
}

.previewPanel .question .questionPanel {
  position: relative;
}

.previewPanel .question a[data-role="deleteQuestion"] {
  position: absolute;
  top: 5px;
  right: 5px;
}

.previewPanel .question .questionPanel input[name="questionText"] {
  width: 84%;
  margin-bottom: 15px;
}

.previewPanel .question h1 {
  font-size: 1.4em;
}

.previewPanel .question textarea {
  width: 98% !important;
}

.saveButtonPanel {
  height: 30px;
  border-top: 2px solid #83b4bc;
  padding: 5px;
}

.nav-tabs > li > a {
  border-radius: 0 !important;
}

input.editableWhenFocus {
  border: 1px dashed #cecece;
  box-shadow: none;
}

input.editableWhenFocus:hover {
  border: 1px solid #ffff00;
  background: #ffff99;
}

input.editableWhenFocus:focus {
  border: 1px solid #cecece;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
  background: #ffffff;
}

input.editableWhenFocus:disabled {
  border: none !important;
  background: #ffffff !important;
}

.answerPanel.Slider input.Slider {
  width: 100%;
}

.answerPanel.Slider label {
  display: inline-block;
  width: 19%;
  text-align: center;
}

.answerPanel .dayOfWeek {
  margin: 35px 0px;
}

audio {
  width: 180px;
}

#templatesPanel table tr > td:last-of-type,
#templatesPanel table tr > th:last-of-type,
#vacancyDescriptionsPanel .actions {
  text-align: right;
}

#templatesPanel h2 a.btn {
  margin-top: 5px;
}

.control-group select[name="selectDescription"] {
  margin-bottom: 10px;
}

#vacancyDescriptionsPanel .description.hidden {
  display: none;
}

.customInfo.row {
  background: #08c;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  margin-left: 0;
  padding: 10px 20px;
}

.customInfo .title {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.4em;
  height: 50px;
}

.customInfo .content li {
  width: 130px;
}

.customInfo .content a {
  color: #ffffff;
}

.customInfo .content a:hover {
  background-color: #08c;
}

input.inputFieldCheckbox {
  margin-right: 5px;
  vertical-align: top;
  margin-top: 9px;
}

input.inputCustomLabel {
  width: 80% !important;
}

a[data-section="field"] {
  height: 30px;
}

.userContainer,
.locationContainer,
.jobContainer {
  margin-top: 5px;
}

.times {
  cursor: pointer;
}

input[type="file"] {
  margin-top: 7px;
  line-height: 1em;
}

.picture-block-preview {
  position: relative;
  display: inline-block;
  margin: 2px;
  width: 250px;
  height: 250px;
  border: 1px solid #cecece;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.picture-block-comment-preview {
  position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: center;
  background: #ffffff;
  border-top: 1px solid #cecece;
  width: 100%;
  padding: 2px 0;
  word-break: break-all;
}

.question-header {
  padding: 5px 0;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid lightgrey;
  cursor: move;
}

.question-header .btn-link {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.question-body {
  padding: 0px 25px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
}

#slider {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 30px;
}

.slider .ui-slider-range {
  background: #009404;
}

.slider .ui-slider-handle {
  border-color: #7c7c7c;
  border-radius: 50%;
  background: #e3e3e3;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.sliderscale,
.sliderlabel {
  position: relative;
  display: block;
}

.sliderlabel {
  height: 25px;
}

.sliderscale > .tick,
.sliderlabel > .tick {
  display: inline-block;
  position: absolute;
  font-size: 12px;
  margin-left: -1.5%;
  padding-top: 8px;
  background: url("6IdNwmcANdkaTqFGPPQIStOofMEUDYuIV0o0nwOozqx.png") no-repeat
    10px 0;
  color: #7c7c7c;
  text-align: center;
  min-width: 25px;
}

.sliderlabel > .tick {
  background-position: 10px bottom;
  padding-top: 0;
  padding-bottom: 4px;
  min-width: 20px;
  text-align: center;
}

.ui-slider {
  background: #7c7c7c !important;
  border: none;
}

.sliderBackground {
  background: #7c7c7c !important;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
}

.Slider .ui-slider-range {
  margin-left: -10px;
  padding-right: 10px;
}

.incomplete-message {
  height: 20px;
  padding: 4px;
  width: 450px;
  font-size: 12px;
  background-color: #fcf8e3;
  color: #c09853;
  display: none;
}

.warning .incomplete-message {
  display: block;
}

.saving {
  position: absolute;
  top: 10px;
  left: 36%;
  padding-left: 92px;
  background: url("g6viReA6MzNgSkrLFqICUGXSpkYNnDD6Ox1NpNIcnej.gif") no-repeat
    center;
  display: none;
}

#sortable {
  margin: 0;
}

#sortable li {
  list-style: none;
}

.sortable-placeholder {
  border: 1px dashed lightgrey;
}

.create-team-section {
  margin: 20px 0px;
  padding: 0px 20px;
}

.create-team-title {
  font-size: 18px;
  font-weight: 600;
  font-weight: 700;
}

.create-team-content {
  font-size: 14px;
  font-weight: 500;
  margin: 20px 0px;
  padding-left: 40px;
}

.create-team-content .well {
  width: 450px;
}

#teamDashboardPanel {
  position: relative;
}

.team-navigation {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 418px;
  padding-top: 100px;
  top: 0;
  left: -45px;
  background: url("VWETDIvmN5yrPwjPFSy9yPrFOok1uZ9kyLCLMLN5BrK.png") no-repeat
    top;
}

.team-navigation li.active {
  background: url("Dg1aFoXKVu3lIuTyYqgLqvLlI2kiIlauRAnBFRaJ9lD.png") no-repeat
    80px center;
  height: 30px;
}

.team-navigation ul {
  padding-right: 20px;
  list-style: none;
}

.team-navigation li {
  list-style: none;
  margin-bottom: 15px;
  padding-left: 15px;
  height: 30px;
  line-height: 30px;
}

.team-navigation li > a {
  vertical-align: middle;
  display: inline-block;
}

.team-navigation ul li a {
  width: 80px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.team-title {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.team-content {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  top: 0px;
  right: 0px;
}

.team-user-section {
  height: 30px;
  margin-bottom: 15px;
}

.team-user-section > div {
  display: inline-block;
}

.team-user-buttons {
  position: relative;
  margin: 5px 0px;
  height: 50px;
}

.team-user-buttons a {
  width: 150px;
  height: 35px;
  opacity: 1 !important;
  font-size: 14px;
  font-weight: 600;
}

.team-user-buttons .btn-group {
  margin-left: 100px;
  z-index: 3;
}

.team-user-buttons .line {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 100%;
  border-bottom: 2px solid #83b4bc;
}

.team-users-table {
  padding-top: 10px;
}

.team-users-table thead {
  border-bottom: 2px solid #83b4bc;
}

.team-users-table th {
  font-size: 14px;
  font-weight: 500;
  vertical-align: top !important;
}

.team-users-table th.templates,
.team-users-table th.jobs,
.team-users-table th.credits,
.team-users-table td.templates,
.team-users-table td.jobs,
.team-users-table td.credits {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.team-users-table th.permission,
.team-users-table td.permission {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  width: 100px;
}

.team-users-table td.credits {
  text-align: left;
  padding-left: 43px;
}

.team-share-button {
  width: 88px;
  height: 24px;
  background: url("2Qcuju0HquqUwLkilUYF1lFklOcBT8Xar4X1NWwGmNK.png") no-repeat
    center;
}

.team-share-button a {
  font-size: 10px;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
}

.team-share-button a:hover {
  color: #999999;
}

a.switch-btn {
  width: 35px;
  height: 16px;
  border: 1px solid transparent;
  box-shadow: none;
}

a.switch-btn:active {
  box-shadow: none;
}

a.switch-btn.off {
  background: url("LehVKD2vWpPDOXd7jIWqtPA1FTAmvz9XRafLlDNFmSh.png") no-repeat
    center;
  background-size: cover;
}

a.switch-btn.on {
  background: url("7MRaGXBKNxRtMd084wDx0ELPm4HFxcXATh3IbU47fXf.png") no-repeat
    center;
  background-size: cover;
}

.team-icon-users {
  display: inline-block;
  height: 30px;
  padding-left: 40px;
  background: url("gIBD0zfhmL3X4lZoXmSYmLa95caGO5B3sByg7InIzo.png") no-repeat
    left center;
}

.team-icon-users:hover,
li.active .team-icon-users {
  background: url("uMNHawF6XmYiLWgCY27wHFYdri3pu1imXM93NUjBURs.png") no-repeat
    left center;
  color: #f26b25;
}

.team-icon-user {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("Yz03jUbDIaAo4uI69OwQN6OVZDz5eNMqRU0wv7E0aFa.png") no-repeat
    center;
}

.team-icon-setting {
  display: inline-block;
  height: 30px;
  padding-left: 40px;
  background: url("6iLFQH6BSAzGDAGIMFXguwv3cqUrTXSsBGcOZDRXaSE.png") no-repeat
    left center;
}

.team-icon-setting:hover,
li.active .team-icon-setting {
  background: url("CVBIQfmmPvASoPLNviRTEfssPAXFNJQOUGRsl1b0wjr.png") no-repeat
    left center;
  color: #f26b25;
}

.team-icon-activity {
  display: inline-block;
  height: 30px;
  padding-left: 40px;
  background: url("5FldV7JVx9rB40XC1kFIIpTNNuBg1GdKRYZ8Nu9g9gO.png") no-repeat
    left center;
}

.team-icon-activity:hover,
li.active .team-icon-activity {
  background: url("5FldV7JVx9rB40XC1kFIIpTNNuBg1GdKRYZ8Nu9g9gO.png") no-repeat
    left center;
  color: #f26b25;
}

.team-icon-account {
  display: inline-block;
  height: 30px;
  padding-left: 40px;
  background: url("S60vbSQlpwSLfUqYyX97racTGJlkW2KQHMvA81pyM6M.png") no-repeat
    left center;
}

.team-icon-account:hover,
li.active .team-icon-account {
  background: url("tiMUjc3a859ksD6xdlOTCd2dJWo5TL8Yo9nFP0cvMSm.png") no-repeat
    left center;
  color: #f26b25;
}

.team-icon-sharing {
  display: inline-block;
  width: 50px;
  height: 28px;
  padding-left: 40px;
  padding-top: 3px;
  margin-top: 4px;
  background: url("2ACj5Z97bCcL62KwaM4K8RNxqSNFgZ5VMVaFIsZKbTI.png") no-repeat;
}

.team-icon-csv {
  width: 32px;
  height: 20px;
  background: url("Rivr8pwKBOBtqKXoxAMs22TdUXROwXDWl2flUZS6GMB.png") no-repeat
    center;
}

.team-icon-email {
  width: 25px;
  height: 20px;
  background: url("fC8WFfWSzkU6jUsoYnGr1IicYmNCyAgJXVPYQVmUpdu.png") no-repeat
    center;
}

.team-icon-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 11px;
  background: url("DXJ3Fg5odXrc3reFaKAKhGeFSpjKgHJsAsfZSTkn6ag.png") no-repeat
    center;
}

.team-icon-add-user {
  width: 31px;
  height: 22px;
  background: url("goeoodD512otUDva6W14OpIJzs4k7O7i4Mjd7O7zDzV.png") no-repeat
    center;
}

.team-icon-user-info {
  display: inline-block;
  width: 100px;
  height: 23px;
  margin-top: 8px;
  padding-left: 27px;
  background: url("s8reG4lOVYCrh8oli620pWEbsKhgNuGKQuubDAe0IjG.png") no-repeat;
}

.team-icon-permission {
  display: inline-block;
  width: 100px;
  height: 23px;
  margin-top: 8px;
  padding-left: 27px;
  background: url("s8reG4lOVYCrh8oli620pWEbsKhgNuGKQuubDAe0IjG.png") no-repeat;
}

.team-icon-transfer {
  display: inline-block;
  width: 23px;
  height: 18px;
  margin-right: 2px;
  vertical-align: middle;
  background: url("B6okHG4pBr1ZhWuyGwhz9mNEoq3L56puijo2BuV8J4P.png") no-repeat
    center;
}

.team-icon-user-setting {
  width: 20px;
  height: 20px;
  background: url("HFM9KvMBFCdPm3635hk8KQPCm9hkdjXmWZxG900pvuA.png") no-repeat;
}

.open .team-icon-user-setting {
  width: 20px;
  height: 20px;
  background: url("Z9ZVAEquLysGgUlaZxiIk8pf9AnWvhETKLeHwFRx0Pl.png") no-repeat;
}

.team-setting-section {
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
  padding-left: 20px;
  padding-top: 15px;
}

.team-setting-section > div {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid #83b4bc;
  margin-bottom: 15px;
}

.team-setting-section label {
  padding-left: 50px;
}

.team-account-section {
  position: relative;
  padding-top: 15px;
}

.team-account-section table {
  margin-left: 30px;
}

.team-account-section table td {
  padding: 10px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}

#teamDashboardPanel h4 {
  padding-bottom: 5px;
  border-bottom: 1px solid #cecece;
}

#dashboardPanel {
  text-align: left;
}

.dashboardPanel {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  height: 220px;
  width: 45%;
  margin: 20px 10px;
  border: 1px #41a3b4 solid;
  border-radius: 5px;
  background: #ffffff;
  position: relative;
}

.dashboard-title {
  width: 100%;
  height: 20px;
  background-color: #41a3b4;
  margin-bottom: 2px;
  border-radius: 4px;
}

.dashboard-content {
  position: absolute;
  border-top: 1px solid #41a3b4;
  padding: 10px;
  left: 0;
  top: 25px;
  right: 0;
  bottom: 0;
}

.dashboard-content .btn a {
  font-weight: 500;
  font-size: 14px;
}

.dashboardPanel h1 {
  position: absolute;
  top: 5px;
  left: 75px;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
}

.dashboardPanel h2 {
  position: absolute;
  font-weight: 500;
  font-size: 14px;
  top: 30px;
  left: 90px;
  line-height: 20px;
}

.dashboardPanel ul.recent {
  margin-top: 55px;
}

.dashboardPanel ul.recent > li {
  display: inline-block;
  font-weight: 300;
  font-size: 12px;
  list-style: none;
  width: 30%;
  vertical-align: top;
}

.dashboardPanel ul a {
  color: #333;
}

.dashboardPanel ul a:hover {
  text-decoration: none;
  color: #f26b25;
}

.dashboardPanel .seeAll {
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.dashboardPanel .seeAll:hover {
  text-decoration: none;
  color: #f26b25;
}

.dashboardPanel .creditDisplay {
  text-align: center;
  clear: both;
}

.dashboardPanel .creditDisplay .caption {
  font-size: 14px;
  display: block;
}

.dashboardPanel .creditDisplay .amount {
  font-weight: 500;
  font-size: 20px;
  display: block;
  margin: 5px 0;
}

.dashboardPanel .creditDisplay .totalApplications {
  font-size: 12px;
  display: block;
}

.dashboard-icon-templates {
  display: inline-block;
  width: 46px;
  height: 52px;
  background: url("eOAuQ1iqpZaWntHSw955EAV4h7XGMG53nXg9UfNYbna.png") no-repeat
    center;
}

.dashboard-icon-jobs {
  display: inline-block;
  width: 48px;
  height: 55px;
  background: url("DxFFHFyJZNn0Oyh1hMK1uCmRIuqM6SIxy8uW56N8QbP.png") no-repeat
    center;
}

.dashboard-icon-applications {
  display: inline-block;
  width: 56px;
  height: 64px;
  background: url("kXDeATa1e8hxrFpxdMYdY3jTGpBXK96pa4EOdHKA0nm.png") no-repeat
    center;
}

.dashboard-icon-account {
  display: inline-block;
  width: 49px;
  height: 53px;
  background: url("8gj1PeE2D4YOTDsgUQm8PAja74Eo8deg2X11SSOxgsB.png") no-repeat
    center;
}

.dashboard-icon-plus {
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url("d2D6CBYmDVlTL0EOjiUoJ7f5cQKLKnX8IFRk6DYsUxy.png") no-repeat
    center;
}

.dashboardChartPanel {
  width: 920px;
  height: 320px;
  text-align: center;
}

.dashboardWeeklyChartPanel {
  width: 650px;
}

.dashboard-chart-content {
}

.dashboard-chart {
  margin: auto;
}

.dashboard-chart-title {
  margin: auto;
}

.dashboard-chart-options {
  margin: auto;
  text-align: right;
  padding-right: 100px;
  height: 50px;
}

.weekly-chart-selection {
  position: absolute;
  top: 30px;
  right: 23px;
  text-align: left;
}

.horizontal-chart-selection {
  position: absolute;
  top: 30px;
  right: 100px;
  text-align: left;
}

.dashboardTweetPanel {
  width: 240px;
  height: 320px;
  text-align: center;
}

.dashboardPanel .tweetDiv {
  display: inline-block;
  width: 240px;
  height: 260px;
  vertical-align: middle;
}

.dashboardPanel .rotatingtweets {
  display: block;
  height: 235px;
  margin: 0 20px;
}

.dashboardPanel .rotatingtweets .rotatingtweet {
  height: 260px;
  margin-top: 25px;
}

.dashboardPanel .rotatingtweets .rotatingtweet p:first-child {
  border-bottom: 1px solid #41a3b4;
}

.dashboardPanel .rotatingtweets .rotatingtweet > p {
  cursor: pointer;
}

.team-account-section.subscription-history .plan-selection-container.fade {
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.team-account-section.subscription-history .subscription-container .title {
  display: none;
}

.team-account-section.subscription-history .coupon-wrapper {
  margin-bottom: 10px;
}

.resetQueryField {
  font-size: 12px;
}

li.notificationMenuItem .unreadCount {
  position: relative;
  top: -5px;
  left: 2px;
  font-weight: bold;
}

.table th,
.table td {
  vertical-align: middle;
}

.loading {
  background: url("g6viReA6MzNgSkrLFqICUGXSpkYNnDD6Ox1NpNIcnej.gif") no-repeat
    center;
  background-position-x: 0px;
  padding-left: 20px;
  display: none;
}

.templateEditorSelector {
  margin: -15px 15px 15px;
  background: #f5f5f5;
  padding: 5px 10px;
  border: #cecece 1px solid;
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.templateName {
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: bold;
  font-family: "Poppins-Bold";
}

.templateName .pull-right {
  font-size: 12px;
  line-height: 18px;
}

.template-settings,
#guide-link {
  font-family: "Open Sans";
  font-weight: normal;
  display: block;
  text-align: right;
}

.template-settings {
  cursor: pointer;
  text-align: left;
  display: inline-block;
  font-size: 12px;
  margin-left: 15px;
}

.paging {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 12px;
  margin-left: 15px;
}

.paging .disabled {
  color: #bcbec0;
}

#editTemplatePanel input[name="templateName"] {
  max-width: 768px;
}

.inline-checkboxes.sharing {
  background: #ffffff;
  padding: 0;
  border: #cecece 1px solid;
  border-radius: 3px;
}

.updown-icon,
.updown-icon.up {
  background: url("qvNdDH6Pe3XclunmITmA0UnVrrpC4OSC4qwByzoMRTP.png") no-repeat 0
    0;
  display: inline-block;
  height: 8px;
  width: 13px;
  vertical-align: middle;
}

.updown-icon.down {
  background: url("rZKeKzuicgr4Ry6eaJgZqIpR7GHmd71MjZ7Hun07dwv.png") no-repeat 0
    0;
}

.expand-sharing {
  cursor: pointer;
}

#quotaErrorMessage {
  display: none;
}

.wrapper.limited #jobs-nav,
.wrapper.limited #templatesMenu,
.wrapper.limited li.notificationMenuItem,
.wrapper.limited .dashboardPanel {
  display: none !important;
}

.wrapper.limited #quotaErrorMessage {
  display: block;
}

.wrapper {
  background-color: #ffffff !important;
}

#bonusCreditPanel {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0px;
  z-index: 2;
}

#bonusCreditPanel #collapseContent {
  /*overflow: visible;*/
  background: #ffffff;
}

#bonusCreditPanel .accordion-heading {
  background: #46a3b3;
  color: #ffffff;
}

#free-credit-accordion {
  margin-bottom: 0px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

#free-credit-accordion .accordion-toggle {
  height: 60px;
  padding: 0px 20px;
  display: block;
}

#free-credit-accordion .accordion-group {
  margin-bottom: 0;
  border: none;
}

#free-credit-accordion .sharingTitle {
  line-height: 60px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.2em;
  text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.25);
}

#free-credit-accordion .currentCredit {
  display: inline-block;
  background: #f0eeee;
  border: 1px solid #999999;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: 12px;
  text-align: center;
  color: #333333;
  font-size: 12px;
  margin-top: 7px;
}

#free-credit-accordion .currentCredit #myCredits {
  font-size: 14px;
  font-weight: bold;
}

.credit-email-input {
  margin-right: 10px;
  margin-bottom: 5px !important;
}

.freeCreditTasKList li {
  border-bottom: 1px solid #777;
  padding: 10px;
}

th.credits > small {
  color: #41a3b4;
}

td.credits > small {
  font-size: 11px;
  display: inline-block;
  text-align: center;
  width: 50px;
}

td.credits > .btn-group {
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
}

td.credits > .btn-group > a {
  margin: 0;
  padding: 0;
}

td.credits span.received,
td.credits span.given {
  border: 1px solid #333333;
  display: inline-block;
  width: 50px;
  text-align: center;
}

td.credits span.received {
  background-color: #8bd090;
}

td.credits span.given {
  background-color: #58a9f5;
}

.candidate-answser-options li {
  margin-top: 8px;
}

.slider-range {
  margin-bottom: 20px;
  width: 900px;
}

.slider-time-range {
  width: 500px;
  margin-bottom: 40px;
}

.slider-scale {
  position: relative;
  width: 900px;
}

.slider-scale .yellowMaximum,
.slider-scale .redMaximum {
  position: absolute;
  width: 3px;
  height: 20px;
  background: #ff0000;
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-radius: 2px;
  left: 50%;
  top: -4px;
}

.slider-scale .yellowMaximum {
  background: #ffff00;
  border-color: #ffff00;
}

.slider-scale-time {
  position: relative;
  width: 500px;
}

.slider-scale > .tick {
  position: absolute;
  top: 15px;
  font-size: 12px;
  margin-left: -1.5%;
  padding-top: 8px;
  background: url("6IdNwmcANdkaTqFGPPQIStOofMEUDYuIV0o0nwOozqx.png") no-repeat
    10px 0;
  color: #7c7c7c;
  text-align: center;
  min-width: 25px;
}

.slider-li {
  position: relative;
  height: 20px;
  margin-top: 50px;
}

.slider-li .slider-content {
  position: absolute;
  left: 0;
}

.slider-li .slider-scale-container {
  position: absolute;
  right: 0;
}

.ui-slider-handle {
  border-color: #7c7c7c;
  border-radius: 50%;
  background: #e3e3e3;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.slider-scale > .slider-tick-value {
  position: absolute;
  top: -30px;
  font-size: 12px;
  height: 25px;
  background: url("6IdNwmcANdkaTqFGPPQIStOofMEUDYuIV0o0nwOozqx.png") no-repeat
    11px 16px;
  color: #7c7c7c;
  text-align: center;
  min-width: 25px;
}

.ui-state-disabled {
  opacity: 1 !important;
}

.ui-widget-header {
  background-color: #019401 !important;
}

#statusLabel,
.statusLabel {
  line-height: 30px;
  margin: 0 10px;
  text-align: center;
  display: inline-block;
  color: #999999;
}

.freeCreditTasKList {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.freeCreditTasKList .plusCredits {
  font-size: 1.5em;
  color: #1f994b;
}

.freeCreditTasKList li .credit-type-icon {
  display: inline-block;
  width: 30px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

.freeCreditTasKList li.EmailShare .credit-type-icon {
  background-image: url("JsTfouAImbnPnngJy2XmuflKrQ9DgScYPBvxAEwzaEE.png");
}

.freeCreditTasKList li.FacebookShare .credit-type-icon {
  background-image: url("bnTdpKQaIlWtm758yAMQg5Tq6Mfu6DNqTkkEVII0uVW.png");
}

.freeCreditTasKList li.FacebookLike .credit-type-icon {
  background-image: url("bnTdpKQaIlWtm758yAMQg5Tq6Mfu6DNqTkkEVII0uVW.png");
}

.freeCreditTasKList li.TwitterShare .credit-type-icon {
  background-image: url("KoH1zGR3o6Y21BaEMkRyNHp8wzNokZHLtOyj5nosyds.png");
}

.freeCreditTasKList li.TwitterFollow .credit-type-icon {
  background-image: url("KoH1zGR3o6Y21BaEMkRyNHp8wzNokZHLtOyj5nosyds.png");
}

.freeCreditTasKList li.GooglePlus .credit-type-icon {
  background-image: url("9PZjBLAu3lyqwtf7GRmU62wxFyWfGGngDICdPOtK2C0.png");
}

.icon-tick {
  width: 16px;
  height: 16px;
  background-position: center center;
  background-image: url("xWWYZB4sQS4LMzX46KiTtksSW70ssC5x870lfkWLG8y.png");
}

.icon-error {
  width: 16px;
  height: 16px;
  background-position: center center;
  background-image: url("oqtCR2TlA0yuyoUA47eYcZnIXBzy4fLYshJG53f1EAW.png");
}

.olli-alert {
  margin: 0;
  display: block;
  padding: 5px 10px;
  vertical-align: middle;
  text-align: center;
  clear: both;
  border-bottom: 2px solid #83b4bc;
}

.templateHeaderPanel {
  padding-left: 30px;
}

.scoringRangeEditor input[type="number"] {
  width: 50px;
}

.scoringRangeEditor > span {
  display: block;
}

.scoringRangeEditor > span > label {
  width: 25px !important;
  height: 27px;
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #333333;
  vertical-align: top;
  color: #ffffff;
  line-height: 27px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  text-align: center;
}

table .colorScore {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #333333;
  border-radius: 3px;
  cursor: pointer;
}

.candidate-answser-options .optionScore {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #333333;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  color: #000000;
  line-height: 16px;
}

.scoringRangeEditor .white > label,
.scoreSelector.white,
table .colorScore.white,
.candidate-answser-options .optionScore.white {
  background: #ffffff;
}

.scoringRangeEditor .black > label,
.scoreSelector.black,
table .colorScore.black,
.candidate-answser-options .optionScore.black {
  background: #020202;
}

.scoringRangeEditor .red > label,
.scoreSelector.red,
table .colorScore.red,
.candidate-answser-options .optionScore.red {
  background: #ff0000;
}

.scoringRangeEditor .yellow > label,
.scoreSelector.yellow,
table .colorScore.yellow,
.candidate-answser-options .optionScore.yellow {
  background: #ffff00;
}

.scoringRangeEditor .green > label,
.scoreSelector.green,
table .colorScore.green,
.candidate-answser-options .optionScore.green {
  background: #00be00;
}

.scoringRangeEditor .disregarded > label,
.scoreSelector.disregarded,
table .colorScore.disregarded,
.candidate-answser-options .optionScore.disregarded {
  background: #010101;
}

.scoringOptionsPanel .scoreSelector {
  width: 25px !important;
  height: 27px;
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #666666;
  vertical-align: middle;
  color: #ffffff;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}

.scoringOptionsPanel .scoreSelector.selected {
  border-width: 4px;
  border-color: #333333;
}

.answerPanel.MultipleChoice .input-append {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 10px;
}

.answerPanel.MultipleChoice span.option {
  display: block;
  margin-bottom: 10px;
}

#applicantsBrowsePanel .email-btn {
  background: transparent url("fC8WFfWSzkU6jUsoYnGr1IicYmNCyAgJXVPYQVmUpdu.png")
    no-repeat center center;
  width: 25px;
  height: 35px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
  cursor: pointer;
}

#applicantsBrowsePanel .email-btn.disabled {
  background: transparent url("QY0TiSbvfY7JCeYAMEriAWVf7YkJ1LshPUyBjrN93sP.png")
    no-repeat center center;
  cursor: default;
}

.picture-wall-panel-preview ul {
  list-style: none;
}

.picture-wall-panel-preview ul li {
  margin: 10px;
}

.picture-wall-panel-preview ul li a {
  height: 50px;
  color: #333;
}

.picture-wall-panel-preview ul li a:hover {
  text-decoration: none;
}

.picture-with-link-comment {
  display: inline-block;
  margin-left: 10px;
}

.picture-preview-link {
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url("83wvysVGRxSC1FdKrGw9QBNKJvBvRgn425JicBuz1T1.png");
  background-size: 16px 16px;
  display: inline-block;
  top: 3px;
}

.team-icon-request {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("VgzcPOzOSgeBp3UOcWNFIduBHhonDRzZtSF6rcAH57e.png") no-repeat
    center;
}

.time-availability-container {
  width: 100%;
  height: 20px;
  border-radius: 2px;
  margin-top: 15px;
  padding: 5px;
}

.time-block {
  position: relative;
  width: 7.2%;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #b9b59d;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.time-block:last-child {
  margin-right: 0px;
}

.time-block-on {
  background-color: #37852d;
}

.time-label {
  position: absolute;
  font-size: 10px;
  color: #cccccc;
  left: -8px;
  top: -23px;
}

#disregardBar {
  clear: both;
  text-align: left;
  padding: 10px 30px 5px;
  border-bottom: 2px solid #83b4bc;
  border-top: 2px solid #83b4bc;
}

#disregardBar .disregardLabel {
  background: #020202;
  border: 1px solid #000000;
  padding: 3px 10px;
  color: #ffffff;
  border-radius: 4px;
  display: inline-block;
  width: 30px;
}

#disregardBar .disregardLabel input[type="checkbox"] {
  margin-left: 0;
  float: right;
}

.buttonbar {
  margin: 10px 0;
  padding: 5px 5px;
  border: 1px solid #dedede;
  height: 35px;
  border-radius: 4px;
}

.buttonbar .input-append {
  margin-bottom: 0;
  margin-top: 2px;
}

.actions-bar {
  margin-bottom: 10px;
}

.actions-bar div {
  display: inline-block;
}

.actions-bar li a {
  cursor: pointer;
}

/** .time-block:hover {
	background-color: hsl(113, 49%, 35%);
} */

#label-container {
  padding: 5px 10px;
  overflow-y: auto;
  height: 100px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

#label-container .a-label {
  position: relative;
  width: 110px;
  height: 20px;
  margin: 5px 10px;
  padding: 3px;
  padding-right: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  float: left;
  overflow: hidden;
  cursor: pointer;
}

#label-container .icon-remove {
  position: absolute;
  top: 0;
  right: 0;
}

#reviewGuidePanel {
  position: absolute;
  right: 0;
  top: 90px;
  width: 300px;
  bottom: -20px;
  background: transparent;
  z-index: 2;
}

#reviewGuidePanel.expanded {
  background: #faf7f2;
  border-left: 1px solid #cecece;
}

#reviewGuidePanel .reviewGuideSection {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 10px;
  padding: 10px 25px 10px 10px;
  background: white;
  border: 1px solid #cecece;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
}

#reviewGuidePanel.expanded .reviewGuideSection {
  display: block;
}

#reviewGuidePanel .reviewGuideSection h1 {
  font-size: 13px;
  color: #4682b4;
  margin: 0 0 5px;
  line-height: 16px;
}

#reviewGuidePanel .reviewGuideSection pre {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  background: none;
  border: none;
  padding: 0;
}

.questionRow {
  padding: 30px 0;
}

#reviewGuideTab {
  background: url("/admin/css/images/tab.png") no-repeat top right;
  width: 40px;
  height: 105px;
  position: absolute;
  right: 0;
  margin-top: -52px;
  z-index: 2;
}

#reviewGuidePanel.expanded #reviewGuideTab {
  background: url("/admin/css/images/tab.png") no-repeat top right;
  width: 40px;
  height: 105px;
  position: absolute;
  right: 100%;
  margin-top: -52px;
  z-index: 2;
}

.lock-settings-image-preview {
  display: inline-block;
  width: 300px;
  height: 200px;
  background-size: 300px 200px;
  background-repeat: no-repeat;
  margin: 10px;
}

.lock-settings-video-preview {
  position: relative;
  display: inline-block;
  width: 400px;
  height: 200px;
  margin: 10px;
}

.lock-settings-video-preview i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.lock-settings-video-preview video {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
}

th.sortable .order {
  color: #cecece;
}

th.sortable.asc .order,
th.sortable.desc .order {
  color: #333333;
}

.videoPlaceholder {
  background: url("/admin/css/images/spinner.gif") no-repeat center center;
  width: 380px;
  height: 240px;
  border: 1px solid #cecece;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  position: relative;
}

.videoPlaceholder > .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  text-align: center;
  padding: 0 0 10px;
  color: #cecece;
}

.audioPlaceholder {
  background: url("/admin/css/images/spinner.gif") no-repeat center center;
  width: 380px;
  height: 100px;
  border: 1px solid #cecece;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  position: relative;
}

.audioPlaceholder > .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  text-align: center;
  padding: 0 0 10px;
  color: #cecece;
}

.signatureAnswerBox {
  width: 70%;
  margin: 10px 15% 10px;
  text-align: center;
  padding: 20px 0 40px;

  position: relative;
}

.signatureAnswerBox > .caption {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 20px;
  border-top: 1px solid #cecece;
  color: #cecece;
}

.signatureAnswerBox > .cross {
  position: absolute;
  bottom: 15px;
  left: -8px;
  color: #cecece;
}

.questionRow audio {
  width: 300px;
}

.modal-footer {
  padding: 7px 7px 7px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.modal.wide {
  width: 700px;
  margin: -250px 0 0 -350px;
}

.modal .modal-body.nopadding {
  padding: 0;
}

.modal .modal-body.noscrolling {
  overflow-y: hidden;
}

#settingsBar {
  clear: both;
  text-align: left;
  padding: 0 30px;
  border-bottom: 2px solid #83b4bc;
}

#settingsBar label {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#settingsBar label.heading {
  width: 150px;
  font-weight: bold;
}

#settingsBar label.subheading {
  text-align: left;
  padding-right: 20px;
  width: 130px;
  font-weight: bold;
  display: block;
  color: #333333;
}

#settingsBar label.subsubheading {
  text-align: right;
  padding-right: 20px;
  width: 130px;
  font-weight: normal;
  color: #333333;
}

#settingsBar label.fullheading {
  width: 100%;
}

#settingsBar label.radio {
  margin-right: 5px;
}

#settingsBar > .setting {
  margin: 4px 0 2px;
}

#switcher {
  background: rgba(255, 255, 255, 0.85);
  padding: 2px 0;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  z-index: 5;
  width: 100%;
  line-height: 20px;
}

#welcomeModal {
  width: 673px;
  height: 349px;
  margin: -250px 0 0 -336.5px;
  border: 1px solid #009500;
  border-radius: 0;
  text-align: center;
}

#welcomeModal h1 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 38px;
  color: #009500;
  margin: 20px 0;
  font-weight: normal;
}

#welcomeModal h2 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
  color: #000000;
  width: 70%;
  display: inline-block;
  line-height: 20px;
  margin: 10px auto 30px;
  font-weight: normal;
}

#welcomeModal img {
  display: inline-block;
  margin: 10px auto 30px;
}

#welcomeModal .closeBtn {
  color: #009500;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px;
}

label span.requiredLabel {
  float: right;
  color: #dd0000;
  font-size: 11px;
}

.fileUpload {
  border: 1px solid #cecece;
  height: 100px;
  border-radius: 4px;
  margin-bottom: 5px;
  background-size: cover;
  position: relative;
}

.fileUpload .fileUploadLabel {
  text-align: center;
  width: 100%;
  display: block;
  color: #aaaaaa;
  margin-top: 30px;
  background: url("/imgs/admin/uploadplus.png") no-repeat center bottom;
  height: 60px;
  position: relative;
  z-index: 2;
}

label.fileUploadLabel input[type="file"] {
  filter: alpha(opacity: 0);
  opacity: 0;
  margin-right: 5px;
}

label.uploadedFile {
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  height: 100%;
  background-repeat: no-repeat;
}

label.logoUploadLabel input[type="file"] {
  filter: alpha(opacity: 0);
  opacity: 0;
  margin-right: 5px;
}

label.fileUploadLabel {
  display: inline-block;
  margin-top: 7px;
  margin-right: 5px;
  width: 250px;
  height: 35px;
  background: url("/imgs/admin/camera.png") no-repeat right center;
}

.fileUpload .fileUploadLabel input[type="file"] {
  position: absolute;
  right: 50%;
  height: 50px;
  text-align: right;
  margin-right: -50px;
}

.fileUpload.logo {
  width: 220px;
  height: 220px;
  background-position: center;
  background-size: 100% !important;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
}

.fileUpload.logo .fileUploadLabel {
  margin-top: 80px;
}

.fileUpload.video {
  height: 200px;
}

.fileUpload.video .fileUploadLabel {
  margin-top: 60px;
}

.fileUpload .videoPlaceholder {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.fileUpload .video-js {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

ul.horizontal-list {
  list-style: none;
  margin: 0;
  width: 10000px;
  overflow: hidden;
  position: relative;
}

ul.photo > li {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
}

ul.testimonial > li {
  width: 430px;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

ul.testimonial > li input[type="text"] {
  width: 255px;
  margin-right: 2px;
}

.navgatePanel > ul > li.btn-primary a {
  color: #ffffff;
}

.compactDateSelector select {
  width: 80px;
}

.compactDateSelector select.date-hour-selector,
.compactDateSelector select.date-minute-selector {
  width: 50px;
}

.showTemplateOptionsPanel {
  text-align: right;
  clear: both;
}

.showTemplateOptionsPanel button {
  vertical-align: top;
  margin-right: 10px;
  border-radius: 0;
}

.template-settings-container {
  max-width: 768px;
  margin: 30px;
}

.template-settings-container dl {
  text-align: center;
}

.template-settings-container .hst-control-group input {
  width: 50%;
}

.template-settings-container select {
  margin-top: 15px;
  width: 50%;
}

#editTemplatePanel .create-name {
  display: none;
}

#editTemplatePanel.noQuestions .create-name {
  display: block;
}

#editTemplatePanel.noQuestions .name {
  display: none;
}

.template-settings:hover,
.template-settings:active,
.template-settings:focus {
  text-decoration: underline;
}

.template-settings.save {
  display: none;
}

#editTemplatePanel .template-settings .save,
#editTemplatePanel.showOptions .template-settings .edit {
  display: none;
}

#editTemplatePanel .template-settings .edit,
#editTemplatePanel.showOptions .template-settings .save {
  display: inline-block;
}

#editTemplatePanel .template-settings-container {
  display: none;
}

#editTemplatePanel.noQuestions .template-settings-container,
#editTemplatePanel.showOptions .template-settings-container {
  display: block;
}

#editTemplatePanel.noQuestions .template-settings,
#editTemplatePanel.noQuestions .pagingButtons {
  display: none;
}

#editTemplatePanel.showOptions .settingsPanel {
  display: block;
}

#editTemplatePanel .previewPanel,
#editTemplatePanel .pagingButtons {
  display: block;
}

#editTemplatePanel.showOptions .previewPanel,
#editTemplatePanel.showOptions .pagingButtons {
  display: none;
}

#editTemplatePanel.showOptions .noQuestionsSettingsPanel {
  display: none;
}

#editTemplatePanel.showOptions .showTemplateOptionsBtn {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#editTemplatePanel.noQuestions .saveOptionsSettingsPanel {
  display: none;
}

#editTemplatePanel.noQuestions.showOptions .saveOptionsSettingsPanel {
  display: block;
  text-align: center;
}

#editTemplatePanel.showOptions .saveOptionsSettingsPanel {
  display: block;
  text-align: center;
}

.template-settings-container .settingsPanel {
  text-align: left;
}

#editTemplatePanel > h1 {
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "Poppins-Bold";
}

#editTemplatePanel > h1 .version {
  font-size: 12px;
}

.printBtn {
  background: transparent url("/admin/css/images/print.png") no-repeat;
  margin-left: 10px;
  padding: 9px 10px 7px 35px;
  vertical-align: middle;
}

#spinner {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
}

#spinner .spinnerPanel {
  background-image: url(/imgs/apploi-gradient.png);
  background-size: cover;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  padding: 0;
  margin: -50px 0 0 -50px;
  text-align: center;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.25);
}

#spinner.animated .spinnerPanel {
  transition: opacity 500ms ease-in-out;
  opacity: 0;
}

#spinner .spinnerPanel .spinningWheel {
  background: url(/imgs/loading/loading_white_loop.gif) center center/140px
    140px no-repeat;
  width: 100px;
  height: 100px;
}

a[data-role="uploadJob"] {
  margin-right: 5px;
}

.file-box {
  position: relative;
  width: 340px;
  margin-bottom: 9px;
}

.file-box .txt {
  height: 22px;
  border: 1px solid #cdcdcd;
  width: 180px;
  margin-bottom: 0;
}

.file-box .browseBtn {
  width: 70px;
}

.file-box .file {
  position: absolute;
  top: 0;
  right: 60px;
  height: 24px;
  filter: alpha(opacity: 0);
  opacity: 0;
  width: 280px;
}

.file-box [data-role="updateOptions"],
.file-box [data-action="remove-video"] {
  margin-top: 5px;
}

h3 a.btn {
  margin-right: 5px;
}

.archiveBtn {
  width: 80px;
  height: 30px;
  border: none;
  background: url("o9meZLzHbb85FXamiGrtHriNpN5pyjoE0JKlfI5nrjO.png") no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
}

form legend > p,
form div.legend > p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px;
}

form .well > label > b {
  display: inline-block;
  width: 90px;
  vertical-align: middle;
  text-align: right;
}

#reportForm .well select,
#reportForm .well input {
  width: 120px;
}

#reportForm .well input {
  float: right;
}

#reportForm .reportcontainer {
  text-align: center;
}

#reportForm .reportsection {
  background: #fdfdfd;
  border: 1px solid #ececec;
  display: inline-block;
  height: 235px;
  width: 400px;
  vertical-align: top;
  text-align: left;
}

#reportForm .reportsection h1 {
  font-size: 15px;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
  line-height: 18px;
}

#reportForm .reportsection ul {
  margin-left: 40px;
}

#reportForm .reportsection li {
  list-style: none;
}

#reportForm ul.collapsible {
  margin-top: 5px;
}

#reportForm .reportsection li > input[type="checkbox"] {
  margin-top: 0;
}

#reportForm .reportsection li.collapsed ul.collapsible {
  display: none !important;
}

#reportForm .reportsection .sectionTitle {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

#reportForm .form-actions {
  text-align: center;
}

#reportForm .reportsection .sectionTitle > .updown {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: transparent url(/admin/css/images/downicon.png) no-repeat center
    center;
}

#reportForm .reportsection li.collapsed .sectionTitle > .updown {
  background: transparent url(/admin/css/images/upicon.png) no-repeat center
    center;
}

#reportForm .dropdown-menu {
  text-align: left;
}

#reportDateModal form {
  text-align: center;
}

#reportDateModal input {
  width: 100px;
  text-align: left;
}

button.addStageTemplate,
button.stageModeButton {
  width: 235px !important;
}

.stage-controls select,
.stage-controls button {
  margin-bottom: 10px;
  margin-right: 10px;
}

.browseApplicantsTable td.datetime {
  width: 130px;
}

ul.stages {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #cecece;
}

ul.stages > li:not(:last-child) {
  list-style: none;
  border-bottom: 1px solid #cecece;
}

ul.stages .stageMode {
  display: inline-block;
  height: 60px;
  vertical-align: top;
  width: 40px;
  line-height: 60px;
  font-size: 25px;
  text-align: center;
  border-right: 1px solid #cecece;
}

ul.stages .stageMode.Automatic,
ul.stages .stageMode.Stage1 {
  background: #ababab;
  color: #ffffff;
}

ul.stages .stageMode.Manual {
  background: #ffffff;
  color: #ababab;
}

ul.stages .stageDetails {
  display: inline-block;
  height: 60px;
  vertical-align: top;
  width: 218px;
  font-size: 0.8em;
}

ul.stages .stageDetails > div {
  margin: 5px;
}

td.stage a.expandLink {
  display: none;
  font-size: 10px !important;
}

td.stage a.collapseLink {
  display: inline;
  font-size: 10px !important;
}

td.stage.collapsed ul.stages > li:not(:first-child) {
  display: none;
}

td.stage.collapsed a.expandLink {
  display: inline;
}

td.stage.collapsed a.collapseLink {
  display: none;
}

td.stage,
th.stage {
  width: 270px;
  min-width: 270px;
}

td.name {
  min-width: 137px;
}

td.jobTitle {
  min-width: 168px;
}

#stageReviewPanel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: url("/imgs/admin/blanktrans20.png") repeat 0 0;
  z-index: 1000;
}

#stageReviewPanel .pagingButtons {
  width: 300px;
  margin: 25px auto;
  display: block;
  text-align: center;
}

#stageReviewPanel .pagingButtons .btn {
  border-radius: 0;
  width: 100px;
}

#stageReviewPanel .inviteToNextStage.btn {
  border-radius: 0;
  background: #009500;
  position: absolute;
  right: 50px;
  top: 15px;
  color: #ffffff !important;
  text-shadow: none !important;
}

#stageReviewPanel .reviewHistory.btn {
  border-radius: 0;
  position: absolute;
  left: 50px;
  top: 15px;
}

th.sortable {
  cursor: pointer;
}

/** temporary changes */
/** button.addStageTemplate {
	display: none;
}

td.stage, th.stage {
	display: none;
}

td.name {
	min-width: 180px;
}

td.jobTitle {
	min-width: 220px;
}


/** temporary changes */

.homeDashboardPanel {
  border: 1px solid #009500;
  border-radius: 5px;
}

.homeDashboardPanel.twothird {
  width: 65%;
  display: inline-block;
  vertical-align: top;
}

.homeDashboardPanel.onethird {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}

.homeDashboardPanel h1 {
  background: #009500;
  height: 55px;
  line-height: 55px;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 23px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
}

.homeDashboardPanel.checklistPanel h1 {
  height: 70px;
  line-height: 45px;
}

.homeDashboardPanel h1 .hint {
  font-size: 13px;
  line-height: 15px;
}

.homeDashboardPanel.onethird h1 .hint {
  font-size: 12px;
  line-height: 13px;
  text-transform: none;
}

.checklistPanel.homeDashboardPanel ul {
  list-style: none;
  text-align: center;
}

.checklistPanel.homeDashboardPanel li {
  color: #009500;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 20px;
}

.checklistPanel.homeDashboardPanel li > a {
  color: #009500;
}

.checklistPanel.homeDashboardPanel li > a:hover {
  color: #009500;
  text-decoration: none;
}

.checklistPanel.homeDashboardPanel li .numbered {
  font-size: 38px;
  font-weight: bold;
  color: #009500;
  margin: 25px 0 10px;
}

.checklistPanel.homeDashboardPanel.onethird ul {
  text-align: left;
}

.checklistPanel.homeDashboardPanel.onethird li {
  text-transform: capitalize;
  line-height: 50px;
}

.checklistPanel.homeDashboardPanel.onethird li img {
  margin-left: 0;
  margin-right: -10px;
}

.checklistPanel.homeDashboardPanel.onethird li a {
  color: #333333;
}

.homeDashboardPanel p {
  text-align: center;
  margin: 10px 0;
}

.homeDashboardPanel.jobsPanel h1 {
  margin-bottom: 0;
  position: relative;
}

.homeDashboardPanel.jobsPanel table {
  width: 100%;
}

.homeDashboardPanel.jobsPanel table td {
  padding: 5px 5px;
  font-size: 16px;
}

.homeDashboardPanel.jobsPanel thead {
  background: #fcfadd;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.homeDashboardPanel.jobsPanel table td {
  border: 1px solid #009500;
  height: 40px;
}

.homeDashboardPanel.jobsPanel table tbody {
  text-align: center;
}

.homeDashboardPanel.jobsPanel table .publishedDate {
  color: #aaaaaa;
  font-size: 12px;
}

.homeDashboardPanel.jobsPanel table a {
  color: #333333;
}

.homeDashboardPanel.jobsPanel table tr.unpublished a {
  color: #999999;
}

.controls.bordered {
  border: 1px solid #ababab;
  border-radius: 4px;
  overflow: hidden;
}

.controls .navbar {
  margin-bottom: 0;
}

.controls .navbar-inner {
  background: #f6f6f6;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #cecece;
  padding: 0 5px;
}

.controls .navbar-inner .caret {
  background: url("/imgs/admin/downarrow.png") no-repeat center center;
  width: 15px;
  height: 15px;
  border: none;
  margin-top: 4px !important;
  margin-left: 4px !important;
  padding: 0;
}

.sharing.controls .sharing-selector {
  display: none;
}

.sharing.controls .navbar-inner {
  border: none;
}

.sharing.controls.expanded .sharing-selector {
  display: block;
}

.sharing.controls.expanded .navbar-inner {
  border-bottom: 1px solid #cecece;
}

.sharing.controls .half {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  padding: 0 10px;
  margin: 10px 0;
}

.sharing.controls .navbar-inner .caret {
  background: url("/imgs/admin/dbldownarrow.png") no-repeat center center;
  width: 15px;
  height: 17px;
  border: none;
  margin-top: 4px !important;
  margin-left: 4px !important;
  padding: 0;
}

.sharing.controls.expanded .navbar-inner .caret {
  background-image: url("/imgs/admin/dbluparrow.png");
}

#vacancyForm .basic-section,
#vacancyForm .template-section,
#vacancyForm .scoring-section,
#vacancyForm .stage-section,
#vacancyForm .confirmation-section {
  display: none;
}

#vacancyForm.basic-section .basic-section {
  display: block;
}

#vacancyForm.template-section .template-section {
  display: block;
}

#vacancyForm.confirmation-section .confirmation-section {
  display: block;
}

#vacancyForm.scoring-section .scoring-section {
  display: block;
}

#vacancyForm.stage-section .stage-section {
  display: block;
}

#vacancyForm.confirmation-section .nextButton {
  visibility: hidden;
}

#vacancyForm.basic-section .prevButton {
  visibility: hidden;
}

#vacancyForm fieldset {
  width: 700px;
}

#vacancyForm.is-new .existingJobButtons {
  visibility: hidden;
}

#vacancyForm.scoring-section.is-new .existingJobButtons {
  visibility: visible;
}

#vacancyForm > p {
  text-align: center;
  margin-bottom: 20px;
}

#vacancyForm h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #009500;
  font-size: 20px;
}

.template-container,
.scoring-container,
.confirmation-container {
  border: 2px solid #009500;
  border-radius: 8px;
  margin: 0 auto;
  width: 800px;
}

.confirmation-container {
  width: 800px;
  position: relative;
  padding: 0 0 40px 0;
}

fieldset.template-section,
fieldset.scoring-section,
fieldset.confirmation-section {
  width: 100% !important;
}

.template-container h1,
.scoring-container h1,
.confirmation-container h1 {
  background: #009500;
  margin: 0;
  color: #ffffff;
  text-align: center;
  font-size: 22px;
  line-height: 35px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  padding: 0;
}

.template-container h1 .hint,
.scoring-container h1 .hint,
.confirmation-container h1 .hint {
  font-size: 12px;
  line-height: 23px;
}

ul.templateGroups {
  padding: 0;
  margin: 0;
}

ul.templateGroups .groupName {
  width: 100%;
  display: inline-block;
}

ul.templateGroups li ul.templates {
  display: none;
}

ul.templateGroups > li {
  list-style: none;
  text-align: center;
  line-height: 40px;
  border-bottom: 2px solid #fafafa;
  font-size: 16px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.templateGroups li.disabled,
span.disabled {
  cursor: default;
}

ul.templateGroups li.expanded ul.templates {
  display: block;
}

ul.templateGroups li.expanded .groupName {
  background: #efefef;
}

ul.templates {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #009500;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

ul.templates > li {
  list-style: none;
  display: inline-block;
  width: 190px;
  background: #009500;
  border-radius: 4px;
  color: #ffffff;
  position: relative;
  height: 60px;
  line-height: 60px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 10px 5px;
  vertical-align: top;
  font-size: 16px;
}

ul.templates > li.selected {
  background: #f26b25;
}

ul.templates > li > .previewLink {
  position: absolute;
  right: 5px;
  top: 0;
  height: 20px;
  display: block;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  padding: 0 0 0 20px;
  background: url("/imgs/admin/eye.png") no-repeat left center;
}

ul.templates > li > .templateCreatorName {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  display: block;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #cecece;
  padding: 0;
  overflow: hidden;
}

ul.templates ul.dropdown-menu {
  text-align: left;
  margin-bottom: 100px;
}

ul.templates ul.dropdown-menu > li {
  margin: 0 10px;
}

ul.templates ul.dropdown-menu > li.selected {
  background: url("/admin/css/images/tick.png") no-repeat left center;
}

ul.templates .seeMoreLink {
  display: none;
}

ul.templates.hideMore .extraActions,
ul.templates.hideMore .seeLessLink,
ul.templates.hideMore > li:nth-child(n + 7) {
  display: none;
}

ul.templates.hideMore .seeMoreLink {
  display: block;
}

ol.scoringQuestions {
  margin: 0;
  padding: 0;
}

ol.scoringQuestions > li {
  padding: 10px 10px;
  border-bottom: 2px solid #fafafa;
  list-style: none;
}

.scoring-container .emptyMessage {
  padding: 30px;
  text-align: center;
}

ol.scoringQuestions .scoringOptionsPanel {
  margin-left: 35%;
  margin-top: 10px;
}

ul.scoringOptions {
  margin-left: 20%;
  list-style: decimal;
}

ul.scoringOptions .scoringOptionsPanel {
  margin-left: 10px;
  display: inline-block;
}

ol.scoringQuestions li.question a.disabled,
ul.scoringOptions span.disabled {
  cursor: default;
}

.confirmation-container h3 {
  font-size: 16px;
  padding: 0 40px;
}

.confirmation-container p {
  font-size: 16px;
  padding: 0 40px;
  color: #000000;
}

.confirmation-container h3,
.confirmation-container h3 > a {
  color: #009500;
}

.confirmation-container .unpublishedOverlay {
  background: white;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
  padding: 220px 100px;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}

.homeDashboardPanel select[name="sortBy"] {
  width: 130px;
  font-size: 11px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.returnToJobButtonBar {
  padding: 10px;
  text-align: center;
  border-top: 2px solid #83b4bc;
}

.jobsPanel a.seeMoreJobsLink {
  position: absolute;
  top: 320px;
  right: 0;
  text-transform: capitalize;
  font-size: 16px;
  color: #009500;
  width: 100%;
  text-align: right;
}

.downloadResumeBtn {
  background: url("/imgs/admin/download.png") no-repeat 0 0;
  width: 150px;
  height: 34px;
  display: inline-block;
  border: 0;
  border-radius: 0;
}

.alert-error.hidden {
  display: none;
}

.alert.unpaid {
  margin-top: 14px;
  margin-bottom: 0;
  padding-top: 0;
  color: #5e5c5e;
  border-color: #9f9d9f;
  padding-left: 75px;
  background: #f8f7f8 url("3r8ZlgCam70gxEssIIamAT0BGAleb4YJCIErHtWmbvQ.png")
    no-repeat 10px center;
  background-size: 50px 50px;
}

#vacanciesPanel {
  margin: 0 30px;
}

#vacanciesPanel span.unpaid {
  font-weight: normal;
  font-size: small;
  line-height: 1.42857;
  width: 50%;
}

.sr-only {
  font-size: small;
}

.ui-tooltip {
  font-size: small;
}

#no-jobs-notice,
#loading-jobs-notice {
  text-align: center;
  font-size: 12px;
}

.icon-hire-green {
  background: url("/imgs/thumbsup_green.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.icon-hire-gray {
  background: url("/imgs/thumbsup_gray.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.icon-hire-black {
  background: url("/imgs/thumbsup_black.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.label-PENDING {
  background-color: #333333;
}

.label-SENT {
  background-color: #468847;
}

.label-APPROVED {
  background-color: #f89406;
}

.label-REJECTED {
  background-color: #b94a48;
}

.blockUI {
  z-index: 2000 !important;
}

.blockMsg {
  z-index: 2011 !important;
}

#host-name {
  display: none;
}

.breadcrumbs {
  font-family: "Poppins-Medium";
  font-size: 14px;
  position: relative;
}

/*---------Style making question template view--------- */
.warning-information-top {
  width: 872px;
  border-color: rgb(234, 200, 206);
  color: rgb(168, 54, 55);
  text-align: justify;
  margin-left: 23.8%;
  margin-top: 1px;
  padding: 0.5em;
  display: block;
  background: rgb(239, 213, 214);
  display: none;
}

.warning-information-bottom {
  width: 872px;
  border-color: rgb(234, 200, 206);
  color: rgb(168, 54, 55);
  text-align: justify;
  margin-left: 23.8%;
  margin-bottom: 1px;
  padding: 0.5em;
  display: block;
  background: rgb(239, 213, 214);
  display: none;
}

/*---- Style jobs vacancy----*/
.check {
  vertical-align: baseline;
}

.breadcrumbs .applicant-pager {
  position: absolute;
  top: 0;
  right: 0;
}

#vacancyForm {
  border: 1px solid #f7f8f9;
  border-top-color: #ced1d5;
}

#edit-job-container {
  padding: 15px;
  position: relative;
}

#edit-job-actions {
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 12px;
}

#edit-job-actions a {
  color: #c1bebc;
}

#edit-job-actions i {
  font-size: 16px;
}

#required-legend {
  position: absolute;
  color: #ef4778;
  font-size: 11px;
  position: absolute;
  left: 10px;
  top: 10px;
}

#truman-container {
  padding: 30px 45px;
  max-width: 1200px;
  margin: 0 auto;
}

#actions-header {
  text-align: center;
  padding-left: 30px;
}

#link-header {
  text-align: center;
}

#page-size-menu,
#description-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f7f8f9;
  margin-top: 0;
  margin-left: -15px;
  padding: 10px 0;
  font-weight: normal;
  font-size: 11px;
}

#page-size-menu #all {
  padding-top: 10px;
}

/*----- Report Styles -----*/
.options-app-positions,
.options-app-time,
.options-jobs-positions,
.options-jobs-time,
.options-map-jobs,
.options-map-app,
.options-by-region,
.options-by-state,
.options-by-city,
.options-by-region-job,
.options-by-state-job,
.options-by-city-job,
#filters,
#filters-job,
#filter-job-code,
#filter-team,
#filter-job-code-jobs,
#filter-team-jobs,
.custom-time,
.custom-time-job,
.options-by-name-job,
#filter-app {
  background: white;
  border: 2px solid #d3d3d3;
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
}

.option-li {
  display: none;
}

.c-pointer {
  cursor: pointer;
}

.contain ul {
  padding: 1em;
  margin: 0 !important;
}

.contain ul li {
  list-style: none;
  padding: 5px 0;
  width: 120px;
  margin: 0;
}

.contain form {
  margin: 0;
}

.down {
  cursor: pointer;
}

.contain input[type="radio"] {
  -webkit-appearance: checkbox;
  /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;
  /* Firefox */
  -ms-appearance: checkbox;
  /* not currently supported */
}

#deviceType,
#deviceType-job {
  width: 120px;
  padding-bottom: 0.5em;
}

#jobCodes-map {
  overflow-y: scroll;
  height: 130px;
  width: 160px;
  margin-top: 1em;
}

#teamNames,
#teamNames-job,
#jobCodes,
#jobCodes-job {
  overflow-y: scroll;
  height: 130px;
  min-width: 270px;
  margin-top: 1em;
  width: auto;
}

#regions,
#states,
#cities,
#regions-job,
#states-job,
#cities-job {
  overflow-y: scroll;
  height: 120px;
  width: 130px;
}

#jobCodes label,
#teamNames label,
#jobCodes-job label,
#teamNames-job label,
#regions label,
#states label,
#cities label,
#regions-job label,
#states-job label,
#cities-job label,
#jobCodes-map label {
  font-size: 0.9em;
  font-weight: inherit;
}

#filters label,
#filters-job label {
  font-weight: inherit;
}

#filter i {
  font-size: 1.5em;
  color: white;
  background-color: #7d7c7a;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 5px;
  z-index: 3;
  position: absolute;
  left: 25%;
  top: 80%;
  cursor: pointer;
  display: none;
}

#reset i {
  font-size: 1.5em;
  color: white;
  background-color: #7d7c7a;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
  z-index: 3;
  position: absolute;
  left: 55%;
  top: 80%;
  cursor: pointer;
  display: none;
}

#close i {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 90%;
  cursor: pointer;
  display: none;
}

.check-li {
  text-align: center;
  width: 150px !important;
}

#check-custom i,
#check-custom-job i {
  font-size: 1.5em;
  color: white;
  background-color: #7d7c7a;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
  cursor: pointer;
}

input[name="startDate"],
input[name="endDate"],
input[name="startDateJob"],
input[name="endDateJob"] {
  width: 150px;
}

#back-code,
#back-team,
#custom,
#back-custom,
#back-app {
  cursor: pointer;
}

#custom-input,
#custom-input-job {
  visibility: hidden;
}

.contain input[type="checkbox"],
.contain input[type="radio"] {
  vertical-align: top;
}

.report-red {
  background-color: red;
  border-radius: 5px;
  border: solid 1px #d3d3d3;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}

.report-yellow {
  background-color: yellow;
  border-radius: 5px;
  border: solid 1px #d3d3d3;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}

.report-green {
  background-color: green;
  border-radius: 5px;
  border: solid 1px #d3d3d3;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}

.report-black {
  background-color: black;
  border-radius: 5px;
  border: solid 1px #d3d3d3;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}

@media (min-width: 991px) {
  .div-filters {
    padding: 0 !important;
    width: 120px !important;
  }

  .showing {
    width: 100px !important;
  }

  #applicants-table .unread td:first-child {
    border-left: none !important;
  }
}

.showing {
  font-family: "Poppins";
  font-weight: bold;
}

.option-app,
.option-job,
.showing {
  padding-left: 0 !important;
}

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading-spinner {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}

@charset "UTF-8";

/* This CSS resource incorporates links to web font and font software which is the valuable copyrighted property of House Industries and/or its suppliers. You expressly agree to not copy, install, redistribute, convert, modify, or reverse engineer this font software. Please contact House Industries with any ques- tions regarding Web Fonts: http://www.houseind.com */
@font-face {
  font-family: "Open Sans";
  src: url("/webfonts/opensans-regular-webfont.eot");
  src: url("/webfonts/opensans-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/webfonts/opensans-regular-webfont.woff") format("woff"),
    url("/webfonts/opensans-regular-webfont.ttf") format("truetype"),
    url("/webfonts/opensans-regular-webfont.svg#Neutraface") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Open Sans";
  src: url("/webfonts/opensans-italic-webfont.eot");
  src: url("/webfonts/opensans-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("/webfonts/opensans-italic-webfont.woff") format("woff"),
    url("/webfonts/opensans-italic-webfont.ttf") format("truetype"),
    url("/webfonts/opensans-italic-webfont.svg#Neutraface") format("svg");
  font-style: italic;
  font-weight: normal;
}

body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.neutraface-header {
  font-family: "Poppins-Bold";
}

.neutraface {
  font-family: "Poppins";
}

.applicant-actions {
  font-size: 20px;
  margin: 0 5px;
}

.push-to-ats2 {
  margin: 0 5px;
  font-size: 18px;
}

#downloadResume {
  width: 300px;
  object-fit: contain;
  left: 50%;
  top: 50%;
  border-radius: 0px;
  margin-left: -150px;
  margin-top: -200px;
  border: 0;
}

.Apploi-Pro-Plan {
  font-family: "Poppins";
  font-weight: bolder;
  font-size: 23px;
  margin-left: 27px;
  margin-top: 3px;
  letter-spacing: 0.8px;
  color: #ffffff;
  line-height: 1;
}

.Need-help-or-have {
  width: 259px;
  height: 34px;
  margin-left: 27px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #fff;
  padding: 1em 0;
  width: 250px;
  font-size: 14px;
}

.modalbutton {
  background-color: #f05d91;
  color: #f0f1f1;
  height: 60px;
  font-size: 16px;
  border: none;
  border-bottom: #b1265e 2px solid;
  margin-left: 24.7px;
  margin-top: 15px;
  font-family: "Poppins-Bold";
}

#doneButton {
  width: 150px;
  margin-left: 75px;
  margin-bottom: 0.5em;
}

.welcomeLinks,
.welcomeLinks:hover {
  color: #fff;
  text-decoration: underline;
}

#x-close2 {
  color: #fff !important;
  opacity: 0.8;
  font-weight: 100 !important;
  cursor: pointer;
  margin-right: 15.9px;
  font-size: 20px;
}

.congratsImage {
  width: 350px;
  height: 104px;
  object-fit: contain;
}

.hst-alert-purple {
  position: relative;
  padding: 8px 35px 8px 14px;
  margin: 15px 45px 30px;
  border: 4px solid #8f5da7;
  color: #8f5da7;
  background-color: transparent;
  border-radius: 3px;
  text-align: center;
}

.hst-alert-purple .alert-header {
  font-family: "Poppins";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
}

.hst-alert-purple .alert-body {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}

.hst-alert-purple .alert-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #8f5da7;
  opacity: 1;
}

.hst-alert-purple.no-margin {
  margin: 0;
}

.hst-alert-mint {
  position: relative;
  padding: 8px 35px 8px 14px;
  margin: 15px 45px 30px;
  border: 4px solid #54c992;
  color: #54c992;
  background-color: transparent;
  border-radius: 3px;
  text-align: center;
}

.hst-alert-mint .alert-header {
  font-family: "Poppins";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
}

.hst-alert-mint .alert-body {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}

.hst-alert-mint .alert-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #54c992;
  opacity: 1;
}

.hst-alert-mint.no-margin {
  margin: 0;
}

.hst-alert-magenta {
  position: relative;
  padding: 8px 35px 8px 14px;
  margin: 15px 45px 30px;
  border: 4px solid #ef4778;
  color: #ef4778;
  background-color: transparent;
  border-radius: 3px;
  text-align: center;
}

.hst-alert-magenta .alert-header {
  font-family: "Poppins";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
}

.hst-alert-magenta .alert-body {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}

.hst-alert-magenta .alert-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #ef4778;
  opacity: 1;
}

.hst-alert-magenta.no-margin {
  margin: 0;
}

.hst-alert-orange {
  position: relative;
  padding: 8px 35px 8px 14px;
  margin: 15px 45px 30px;
  border: 4px solid #f38244;
  color: #f38244;
  background-color: transparent;
  border-radius: 3px;
  text-align: center;
}

.hst-alert-orange .alert-header {
  font-family: "Poppins";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
}

.hst-alert-orange .alert-body {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}

.hst-alert-orange .alert-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #f38244;
  opacity: 1;
}

.hst-alert-orange.no-margin {
  margin: 0;
}

.push-to-ats {
  font-size: 18px !important;
  margin-right: 8px !important;
  top: 0 !important;
}

#validation-alert {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 0;
  width: 66%;
  opacity: 0;
  margin: 0 auto 30px;
  border-width: 0;
  padding: 0;
  transition: opacity 750ms ease-in-out, height 750ms ease-in-out;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#validation-alert.is-visible {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  opacity: 1;
  margin: 0 auto 30px;
  padding: 8px 35px 8px 14px;
  border-width: 3px;
}

#validation-alert .alert-body {
  transition: opacity 750ms ease-in-out;
}

.hst-modal .hst-alert-purple,
.hst-modal .hst-alert-magenta {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 15px;
}

.empty-notice {
  margin-top: 60px;
  text-align: center;
  font-family: "Poppins-Bold";
}

.hst-label.question-label {
  font-family: "Poppins-Bold";
  font-size: 18px;
}

.answer {
  margin: 30px 0 0 30px;
}

.answer-multichoice i {
  font-size: 24px;
}

.answer-multichoice i ~ i {
  color: #939598;
}

.answer-multichoice span {
  margin-right: 15px;
}

.slider-container {
  width: 678px;
  position: relative;
}

.slider-container svg {
  border-radius: 2px;
}

.tick {
  height: 36px;
  width: 3px;
  border-radius: 3px;
  position: absolute;
  top: -7px;
  background-color: rgba(0, 0, 0, 0.25);
}

.current-tick {
  width: 24px;
  height: 24px;
  position: absolute;
  background-color: #eee;
  border-radius: 24px;
  top: -2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
}

.current-tick .tick-label {
  position: relative;
  top: -20px;
  font-weight: bold;
}

.color-label {
  position: absolute;
  top: -18px;
  color: #bcbec0;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.application-container {
  border: solid 1px #f7f8f9;
  padding-bottom: 30px;
}

.application-container-top {
  height: 1.5px;
  background-color: rgba(163, 170, 175, 0.5);
}

.applicant-profile {
  padding-left: 50px;
  padding-top: 37px;
  margin: 0px !important;
}

.application-review h4 {
  font-family: "Poppins";
  text-transform: uppercase;
  font-size: 19px;
  letter-spacing: 0.8px;
}

.application-review h3 {
  font-family: "Poppins";
  font-size: 28px;
  text-transform: uppercase;
}

.application-review h3 i {
  transition: transform 500ms ease-in-out;
  transform: none;
}

.application-review h3 i.active {
  transform: rotateX(180deg);
}

#profile-container,
#question-container {
  margin: 15px 50px;
}

#pictureWall {
  margin: 30px;
}

#pictureWall .photo-container {
  display: inline-block;
}

#pictureWall .photo-preview {
  border-radius: 2px;
}

.time-block {
  background-color: #d1d3d4;
}

.day-availability {
  margin: 30px 0;
}

.time-availability-container {
  margin-top: 30px;
}

.availability-row {
  margin: 15px 0;
}

.day-availability .availability-row .time-block.time-block-on {
  background-color: #63307e;
}

.questionRow {
  padding-top: 0px !important;
  padding: 15px 0;
}

.time-label {
  left: -11px;
}

.btn-gold,
a.btn-gold {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins-Medium";
  background-color: #00a1ab;

  font-weight: bold;
  font-size: 14px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #00a1ab;
}

.btn-gold-jobs {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #fff;
  letter-spacing: 1.5px;
  font-family: "Poppins" !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 2px 10px;
  border: 1px solid #fcb040;
  background-color: #faa341 !important;
  box-shadow: inset 0 -2px 0 0 #ed8141 !important;
  margin: 0 7.5px;
}

.simple-button-job,
a.simple-button-job,
a.simple-button-job:hover {
  width: 60px;
  height: 14px;
  padding: 15px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1.5px;
  color: #57585b !important;
  top: 0px !important;
}

a.btn-gold-jobs,
a.btn-gold-jobs:hover {
  text-decoration: none;
  color: #ffffff;
  padding: 12px 17px !important;
  font-size: 14px !important;
}

.section-divider {
  width: 100%;
  height: 4px;
  background-color: #f7f7f7;
  box-shadow: inset 0 -1px 0 0 #d1d3d4;
  padding: 0px 15px;
  margin-left: -15px !important;
  margin: 40px 0px;
}

.modal-title {
  text-transform: uppercase;
  margin-left: 30px;
  font-size: 16px;
  color: #ffffff;
  font-weight: bolder;
  font-family: "Poppins";
  padding-top: 1.2em;
  letter-spacing: 1.4px;
}

.input-modal {
  width: 270px;
  height: 30px !important;
  border-radius: 2px !important;
  border: solid 1px #cecbcb !important;
  margin-left: 31px;
  margin-top: 10px;
  margin-bottom: 17px !important;
}

#saveDescription,
.description-modal,
#basicInfo,
.basic-info-modal,
#questionTemplate,
.question-template-modal,
#autoArchive,
.auto-archive-modal,
.scoring-modal,
#scoringModal {
  border-radius: 0px;
  border: 0px;
  max-width: initial;
  padding: 0px;
  margin: 0px;
  width: 350px;
  object-fit: contain;
  left: 50%;
  top: 32%;
  margin-left: -175px;
}

.communication-modal,
#communicacionModal,
.send-notification-modal,
#sendNotification,
.send-notification-to-archives-modal,
#sendNotificationToArchives,
.redirect-button-modal {
  border-radius: 0px;
  border: 0px;
  max-width: initial;
  padding: 0px;
  margin: 0px;
  width: 350px;
  object-fit: contain;
  left: 50%;
  top: 32%;
  margin-left: -175px;
}

#redirectButton,
.pre-app-modal,
#preAppModal,
.email-link-modal,
#emailLinkModal,
.saved-description-modal,
#savedDescriptionModal,
.address-modal,
#saveAddress,
.saved-address-modal,
#savedAddressModal {
  border-radius: 0px;
  border: 0px;
  max-width: initial;
  padding: 0px;
  margin: 0px;
  width: 350px;
  object-fit: contain;
  left: 50%;
  top: 32%;
  margin-left: -175px;
}

#questionTemplate,
#autoArchive,
#communicacionModal,
.communication-modal,
.send-notification-to-archives-modal,
#sendNotificationToArchives {
  top: 26% !important;
}

.scoring-modal,
#scoringModal,
.redirect-button-modal,
#redirectButton {
  top: 23%;
}

.popup-information {
  text-align: justify;
  padding: 18px 23px;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.6;
  color: #323232;
  padding-bottom: 12px;
}

.popup-information2 {
  background-color: #f7f7f7;
  font-size: 12px;
  font-family: "Open Sans";
  padding: 15px 23px;
  text-align: justify;
  color: #323232;
}

.question-modal {
  text-align: center;
  padding: 7px 0px;
  border-top: 3px solid #f7f7f7;
}

.autoarchive-example {
  background-color: #fff;
  padding: 12px 0px;
  border-top: 3px solid #f7f7f7;
}

.auto-archive-example-name {
  color: #939597;
  font-size: 12px;
  padding: 4px 23px;
  margin: 0px;
}

.auto-archive-example-stars {
  font-size: 16px;
  margin-left: 47px;
  margin-right: 22px;
  color: #939597;
}

.auto-archive-example-dots {
  font-size: 15px;
  color: #000;
}

.scoring-example-checkbox {
  font-size: 18px;
  margin-left: 15px;
  color: #57585b;
}

.scoring-example-checkbox-text {
  font-weight: bold;
  margin-left: 15px;
  font-size: 14px;
}

.scoring-example-title {
  font-weight: bold;
  text-align: center !important;
  margin-bottom: 0px;
  font-size: 14px;
  background-color: #f7f7f7;
  padding-top: 15px;
}

.popup-information2 p {
  margin-bottom: 0px;
}

.communication-input {
  padding: 4px 10px !important;
  width: 53%;
  height: 38px !important;
  margin-top: -10px;
  border-radius: 0px !important;
  box-shadow: none !important;
}

.gray-border {
  border: solid 1px #f0f1f1 !important;
}

.blue-border {
  border: solid 1px #4a90e2 !important;
}

.input-message {
  margin-top: 5px !important;
  margin-bottom: 20px !important;
  margin-left: 7px !important;
}

.input-edit {
  font-size: 21px !important;
  padding: 15px;
  display: inline-block;
  color: #939597;
}

.input-ok {
  font-size: 21px !important;
  padding: 15px;
  display: inline-block;
  color: #fff;
}

.make-template-icon {
  font-size: 16px;
  margin-left: 5px;
}

.delete-description,
.delete-address {
  margin-top: 4px;
  font-size: 16px;
  color: #bbbdc0;
  cursor: pointer;
  margin-right: 10px;
}

.delete-description:hover,
.delete-address:hover {
  color: #333333;
}

.close,
.close:hover {
  color: #fff !important;
  opacity: 0.8;
  font-weight: 100 !important;
  cursor: pointer;
  font-size: 24px;
  margin-top: 16px !important;
  margin-right: 13px !important;
}

.edit-template {
  color: #4b92e2;
  margin-left: 10px;
  text-decoration: none;
  cursor: pointer;
  font-weight: normal;
}

.video-tips,
#videoTips {
  border-radius: 0px;
  border: 0px;
  max-width: initial;
  padding: 0px;
  margin: 0px;
  width: 350px;
  object-fit: contain;
}

.btn-gold,
.btn-gold:hover,
.btn-gold:active,
.btn-gold:focus,
a.btn-gold,
a.btn-gold:hover,
a.btn-gold:active,
a.btn-gold:focus {
  color: white;
}

.btn-gold:hover,
.btn-gold:focus,
a.btn-gold:hover,
a.btn-gold:focus {
  border-color: #008189;
  background-color: #008189;
}

.btn-gold:active,
.btn-gold:active:focus,
a.btn-gold:active,
a.btn-gold:active:focus {
  border-color: #008189;
  background-color: #008189;
}

.btn-gold:focus,
a.btn-gold:focus {
  outline: 5px auto #008189;
}

.btn-gold:active:focus,
a.btn-gold:active:focus {
  outline: 5px auto #008189;
}

.btn-gold.disabled,
a.btn-gold.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-gold,
a.btn-inverse-gold {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  font-weight: bold;
  font-family: "Poppins" !important;
  font-size: 14px;
  border-radius: 2px !important;
  padding: 3px 10px;
  box-shadow: 0 0 0 1px #00a1ab inset !important;
  border: 1px solid #00a1ab;
  margin: 0 7.5px;
}

.btn-inverse-gold,
.btn-inverse-gold:hover,
.btn-inverse-gold:active,
.btn-inverse-gold:focus,
a.btn-inverse-gold,
a.btn-inverse-gold:hover,
a.btn-inverse-gold:active,
a.btn-inverse-gold:focus {
  color: #00a1ab;
}

.btn-inverse-gold:hover,
.btn-inverse-gold:focus,
a.btn-inverse-gold:hover,
a.btn-inverse-gold:focus {
  border-color: #008189;
  color: #008189;
}

.btn-inverse-gold:active,
.btn-inverse-gold:active:focus,
a.btn-inverse-gold:active,
a.btn-inverse-gold:active:focus {
  border-color: #00595e;
  color: #00595e;
}

.btn-inverse-gold:focus,
a.btn-inverse-gold:focus {
  outline: 5px auto #00a1ab;
}

.btn-inverse-gold:active:focus,
a.btn-inverse-gold:active:focus {
  outline: 5px auto #00a1ab;
}

.btn-magenta,
a.btn-magenta {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins";
  background-color: #ef4778;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #ef4778;
  margin: 0 7.5px;
}

.btn-magenta,
.btn-magenta:hover,
.btn-magenta:active,
.btn-magenta:focus,
a.btn-magenta,
a.btn-magenta:hover,
a.btn-magenta:active,
a.btn-magenta:focus {
  color: white;
}

.btn-magenta:hover,
.btn-magenta:focus,
a.btn-magenta:hover,
a.btn-magenta:focus {
  border-color: #ed3067;
  background-color: #ed3067;
}

.btn-magenta:active,
.btn-magenta:active:focus,
a.btn-magenta:active,
a.btn-magenta:active:focus {
  border-color: #d7134c;
  background-color: #d7134c;
}

.btn-magenta:focus,
a.btn-magenta:focus {
  outline: 5px auto #f15e89;
}

.btn-magenta:active:focus,
a.btn-magenta:active:focus {
  outline: 5px auto #d7134c;
}

.btn-magenta.disabled,
a.btn-magenta.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-magenta,
a.btn-inverse-magenta {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins";
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #ef4778;
  margin: 0 7.5px;
}

.btn-inverse-magenta,
.btn-inverse-magenta:hover,
.btn-inverse-magenta:active,
.btn-inverse-magenta:focus,
a.btn-inverse-magenta,
a.btn-inverse-magenta:hover,
a.btn-inverse-magenta:active,
a.btn-inverse-magenta:focus {
  color: #ef4778;
}

.btn-inverse-magenta:hover,
.btn-inverse-magenta:focus,
a.btn-inverse-magenta:hover,
a.btn-inverse-magenta:focus {
  border-color: #ed3067;
  color: #ed3067;
}

.btn-inverse-magenta:active,
.btn-inverse-magenta:active:focus,
a.btn-inverse-magenta:active,
a.btn-inverse-magenta:active:focus {
  border-color: #d7134c;
  color: #d7134c;
}

.btn-inverse-magenta:focus,
a.btn-inverse-magenta:focus {
  outline: 5px auto #f15e89;
}

.btn-inverse-magenta:active:focus,
a.btn-inverse-magenta:active:focus {
  outline: 5px auto #d7134c;
}

.btn-purple,
a.btn-purple {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins";
  background-color: #8f5da7;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #8f5da7;
  margin: 0 7.5px;
}

.btn-purple,
.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus,
a.btn-purple,
a.btn-purple:hover,
a.btn-purple:active,
a.btn-purple:focus {
  color: white;
}

.btn-purple:hover,
.btn-purple:focus,
a.btn-purple:hover,
a.btn-purple:focus {
  border-color: #815398;
  background-color: #815398;
}

.btn-purple:active,
.btn-purple:active:focus,
a.btn-purple:active,
a.btn-purple:active:focus {
  border-color: #654177;
  background-color: #654177;
}

.btn-purple:focus,
a.btn-purple:focus {
  outline: 5px auto #9a6eb0;
}

.btn-purple:active:focus,
a.btn-purple:active:focus {
  outline: 5px auto #654177;
}

.btn-purple.disabled,
a.btn-purple.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-purple,
a.btn-inverse-purple {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins";
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #8f5da7;
  margin: 0 7.5px;
}

.btn-inverse-purple,
.btn-inverse-purple:hover,
.btn-inverse-purple:active,
.btn-inverse-purple:focus,
a.btn-inverse-purple,
a.btn-inverse-purple:hover,
a.btn-inverse-purple:active,
a.btn-inverse-purple:focus {
  color: #8f5da7;
}

.btn-inverse-purple:hover,
.btn-inverse-purple:focus,
a.btn-inverse-purple:hover,
a.btn-inverse-purple:focus {
  border-color: #815398;
  color: #815398;
}

.btn-inverse-purple:active,
.btn-inverse-purple:active:focus,
a.btn-inverse-purple:active,
a.btn-inverse-purple:active:focus {
  border-color: #654177;
  color: #654177;
}

.btn-inverse-purple:focus,
a.btn-inverse-purple:focus {
  outline: 5px auto #9a6eb0;
}

.btn-inverse-purple:active:focus,
a.btn-inverse-purple:active:focus {
  outline: 5px auto #654177;
}

.btn-black,
a.btn-black {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins";
  background-color: #333333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #333333;
  margin: 0 7.5px;
}

.btn-black,
.btn-black:hover,
.btn-black:active,
.btn-black:focus,
a.btn-black,
a.btn-black:hover,
a.btn-black:active,
a.btn-black:focus {
  color: white;
}

.btn-black:hover,
.btn-black:focus,
a.btn-black:hover,
a.btn-black:focus {
  border-color: #262626;
  background-color: #262626;
}

.btn-black:active,
.btn-black:active:focus,
a.btn-black:active,
a.btn-black:active:focus {
  border-color: #0d0d0d;
  background-color: #0d0d0d;
}

.btn-black:focus,
a.btn-black:focus {
  outline: 5px auto #404040;
}

.btn-black:active:focus,
a.btn-black:active:focus {
  outline: 5px auto #0d0d0d;
}

.btn-black.disabled,
a.btn-black.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-black,
a.btn-inverse-black {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins";
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #333333;
  margin: 0 7.5px;
}

.btn-inverse-black,
.btn-inverse-black:hover,
.btn-inverse-black:active,
.btn-inverse-black:focus,
a.btn-inverse-black,
a.btn-inverse-black:hover,
a.btn-inverse-black:active,
a.btn-inverse-black:focus {
  color: #333333;
}

.btn-inverse-black:hover,
.btn-inverse-black:focus,
a.btn-inverse-black:hover,
a.btn-inverse-black:focus {
  border-color: #262626;
  color: #262626;
}

.btn-inverse-black:active,
.btn-inverse-black:active:focus,
a.btn-inverse-black:active,
a.btn-inverse-black:active:focus {
  border-color: #0d0d0d;
  color: #0d0d0d;
}

.btn-inverse-black:focus,
a.btn-inverse-black:focus {
  outline: 5px auto #404040;
}

.btn-inverse-black:active:focus,
a.btn-inverse-black:active:focus {
  outline: 5px auto #0d0d0d;
}

.btn-Monthly,
a.btn-Monthly {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins";
  background-color: #a67eb9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #a67eb9;
  margin: 0 7.5px;
}

.btn-Monthly,
.btn-Monthly:hover,
.btn-Monthly:active,
.btn-Monthly:focus,
a.btn-Monthly,
a.btn-Monthly:hover,
a.btn-Monthly:active,
a.btn-Monthly:focus {
  color: white;
}

.btn-Monthly:hover,
.btn-Monthly:focus,
a.btn-Monthly:hover,
a.btn-Monthly:focus {
  border-color: #9a6eb0;
  background-color: #9a6eb0;
}

.btn-Monthly:active,
.btn-Monthly:active:focus,
a.btn-Monthly:active,
a.btn-Monthly:active:focus {
  border-color: #815398;
  background-color: #815398;
}

.btn-Monthly:focus,
a.btn-Monthly:focus {
  outline: 5px auto #b18fc2;
}

.btn-Monthly:active:focus,
a.btn-Monthly:active:focus {
  outline: 5px auto #815398;
}

.btn-Monthly.disabled,
a.btn-Monthly.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-Monthly,
a.btn-inverse-Monthly {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins";
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #a67eb9;
  margin: 0 7.5px;
}

.btn-inverse-Monthly,
.btn-inverse-Monthly:hover,
.btn-inverse-Monthly:active,
.btn-inverse-Monthly:focus,
a.btn-inverse-Monthly,
a.btn-inverse-Monthly:hover,
a.btn-inverse-Monthly:active,
a.btn-inverse-Monthly:focus {
  color: #a67eb9;
}

.btn-inverse-Monthly:hover,
.btn-inverse-Monthly:focus,
a.btn-inverse-Monthly:hover,
a.btn-inverse-Monthly:focus {
  border-color: #9a6eb0;
  color: #9a6eb0;
}

.btn-inverse-Monthly:active,
.btn-inverse-Monthly:active:focus,
a.btn-inverse-Monthly:active,
a.btn-inverse-Monthly:active:focus {
  border-color: #815398;
  color: #815398;
}

.btn-inverse-Monthly:focus,
a.btn-inverse-Monthly:focus {
  outline: 5px auto #b18fc2;
}

.btn-inverse-Monthly:active:focus,
a.btn-inverse-Monthly:active:focus {
  outline: 5px auto #815398;
}

.btn-Quarterly,
a.btn-Quarterly {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins";
  background-color: #c394c3;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #c394c3;
  margin: 0 7.5px;
}

.btn-Quarterly,
.btn-Quarterly:hover,
.btn-Quarterly:active,
.btn-Quarterly:focus,
a.btn-Quarterly,
a.btn-Quarterly:hover,
a.btn-Quarterly:active,
a.btn-Quarterly:focus {
  color: white;
}

.btn-Quarterly:hover,
.btn-Quarterly:focus,
a.btn-Quarterly:hover,
a.btn-Quarterly:focus {
  border-color: #ba84ba;
  background-color: #ba84ba;
}

.btn-Quarterly:active,
.btn-Quarterly:active:focus,
a.btn-Quarterly:active,
a.btn-Quarterly:active:focus {
  border-color: #a863a8;
  background-color: #a863a8;
}

.btn-Quarterly:focus,
a.btn-Quarterly:focus {
  outline: 5px auto #cda4cd;
}

.btn-Quarterly:active:focus,
a.btn-Quarterly:active:focus {
  outline: 5px auto #a863a8;
}

.btn-Quarterly.disabled,
a.btn-Quarterly.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-Quarterly,
a.btn-inverse-Quarterly {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins";
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #c394c3;
  margin: 0 7.5px;
}

.btn-inverse-Quarterly,
.btn-inverse-Quarterly:hover,
.btn-inverse-Quarterly:active,
.btn-inverse-Quarterly:focus,
a.btn-inverse-Quarterly,
a.btn-inverse-Quarterly:hover,
a.btn-inverse-Quarterly:active,
a.btn-inverse-Quarterly:focus {
  color: #c394c3;
}

.btn-inverse-Quarterly:hover,
.btn-inverse-Quarterly:focus,
a.btn-inverse-Quarterly:hover,
a.btn-inverse-Quarterly:focus {
  border-color: #ba84ba;
  color: #ba84ba;
}

.btn-inverse-Quarterly:active,
.btn-inverse-Quarterly:active:focus,
a.btn-inverse-Quarterly:active,
a.btn-inverse-Quarterly:active:focus {
  border-color: #a863a8;
  color: #a863a8;
}

.btn-inverse-Quarterly:focus,
a.btn-inverse-Quarterly:focus {
  outline: 5px auto #cda4cd;
}

.btn-inverse-Quarterly:active:focus,
a.btn-inverse-Quarterly:active:focus {
  outline: 5px auto #a863a8;
}

.btn-Yearly,
a.btn-Yearly {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Poppins";
  background-color: #de9fc8;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  border-radius: 2px;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #de9fc8;
  margin: 0 7.5px;
}

.btn-Yearly,
.btn-Yearly:hover,
.btn-Yearly:active,
.btn-Yearly:focus,
a.btn-Yearly,
a.btn-Yearly:hover,
a.btn-Yearly:active,
a.btn-Yearly:focus {
  color: white;
}

.btn-Yearly:hover,
.btn-Yearly:focus,
a.btn-Yearly:hover,
a.btn-Yearly:focus {
  border-color: #d88cbe;
  background-color: #d88cbe;
}

.btn-Yearly:active,
.btn-Yearly:active:focus,
a.btn-Yearly:active,
a.btn-Yearly:active:focus {
  border-color: #cb66a8;
  background-color: #cb66a8;
}

.btn-Yearly:focus,
a.btn-Yearly:focus {
  outline: 5px auto #e5b2d3;
}

.btn-Yearly:active:focus,
a.btn-Yearly:active:focus {
  outline: 5px auto #cb66a8;
}

.btn-Yearly.disabled,
a.btn-Yearly.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-inverse-Yearly,
a.btn-inverse-Yearly {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins";
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 10px;
  border: 1px solid #de9fc8;
  margin: 0 7.5px;
}

.btn-inverse-Yearly,
.btn-inverse-Yearly:hover,
.btn-inverse-Yearly:active,
.btn-inverse-Yearly:focus,
a.btn-inverse-Yearly,
a.btn-inverse-Yearly:hover,
a.btn-inverse-Yearly:active,
a.btn-inverse-Yearly:focus {
  color: #de9fc8;
}

.btn-inverse-Yearly:hover,
.btn-inverse-Yearly:focus,
a.btn-inverse-Yearly:hover,
a.btn-inverse-Yearly:focus {
  border-color: #d88cbe;
  color: #d88cbe;
}

.btn-inverse-Yearly:active,
.btn-inverse-Yearly:active:focus,
a.btn-inverse-Yearly:active,
a.btn-inverse-Yearly:active:focus {
  border-color: #cb66a8;
  color: #cb66a8;
}

.btn-inverse-Yearly:focus,
a.btn-inverse-Yearly:focus {
  outline: 5px auto #e5b2d3;
}

.btn-inverse-Yearly:active:focus,
a.btn-inverse-Yearly:active:focus {
  outline: 5px auto #cb66a8;
}

.btn-lg,
a.btn-lg {
  padding: 8px 16px !important;
  font-size: 16px !important;
}

.btn-gold-jobs {
  padding: 12px 17px !important;
  font-size: 14px !important;
}

.edit-job-footer {
  text-align: right;
  width: 100%;
  margin: 30px 0;
  position: relative;
  padding-bottom: 32px;
}

.edit-job-footer #btn-btt {
  position: absolute;
  right: 0;
}

.btn-inverse-black.btn-inverse-disabled {
  margin: 15px 0 0;
  color: #bcbec0;
  border-color: #bcbec0;
  cursor: not-allowed;
}

.hst-dropdown .dropdown-toggle i {
  -webkit-transition: -webkit-transform 400ms linear;
  transition: transform 400ms linear;
}

.hst-dropdown.open .dropdown-toggle i {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.hst-dropdown.open .current i {
  -webkit-transform: none;
  transform: none;
}

.hst-dropdown .dropdown-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #f7f8f9;
  margin-top: 0;
  margin-left: -15px;
  padding: 10px 0;
  font-weight: normal;
  font-size: 11px;
  background-clip: border-box;
}

.hst-dropdown .dropdown-menu > li > a:hover,
.hst-dropdown .dropdown-menu > li > a:focus,
.hst-dropdown .dropdown-menu > .dropdown-scroller > li > a:hover,
.hst-dropdown .dropdown-menu > .dropdown-scroller > li > a:focus {
  background-color: #e6e6e6;
  color: #423f3d;
  background-image: none;
  outline: 0;
}

.hst-dropdown .dropdown-menu > li.active > a,
.hst-dropdown .dropdown-menu > li > a:active,
.hst-dropdown .dropdown-menu > .dropdown-scroller > li.active > a,
.hst-dropdown .dropdown-menu > .dropdown-scroller > li > a:active {
  background-color: #a3aaaf;
  color: white;
  background-image: none;
}

.hst-dropdown .hst-label {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bolder;
}

.hst-select {
  font-size: 13px;
  font-family: "Open Sans";
  font-weight: normal;
}

.hst-select .dropdown-toggle {
  color: #423f3d;
  font-weight: bolder;
  cursor: pointer;
  text-decoration: none;
}

.hst-select.open .dropdown-toggle {
  color: #0088cc;
}

.hst-select .dropdown-scroll-down,
.hst-select .dropdown-scroll-up {
  text-align: center;
}

.hst-select .dropdown-scroll-down i,
.hst-select .dropdown-scroll-up i {
  -webkit-transform: none;
  transform: none;
  font-weight: bolder;
  font-size: 13px;
}

.hst-select .dropdown-scroll-down.disabled i,
.hst-select .dropdown-scroll-up.disabled i {
  color: #f1f2f3;
}

.hst-select .dropdown-scroller {
  max-height: 250px;
  overflow-y: hidden;
}

.hst-select .dropdown-scroller li > a:hover,
.hst-select .dropdown-scroller li > a:focus {
  background-color: #e6e6e6;
  color: #423f3d;
  background-image: none;
  outline: 0;
}

.hst-select .dropdown-scroller li.active > a,
.hst-select .dropdown-scroller li > a:active {
  background-color: #a3aaaf;
  color: white;
  background-image: none;
}

#description-menu2,
#address-menu,
#address-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 2px #f7f8f9;
  margin-top: 10px;
  margin-left: 15px;
  padding: 20px 0px;
  font-weight: normal;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 1.6;
  color: #423f3d;
}

.description-list {
  margin-bottom: 10px;
}

.job-description {
  font-family: "Open Sans" !important;
  text-transform: none !important;
  font-size: 16px !important;
  line-height: 1.4;
  letter-spacing: 0.7px;
  color: #333333;
  font-weight: normal !important;
}

#description-dropdown,
#address-dropdown {
  margin-bottom: 15px;
}

.description-title {
  padding-top: 18px !important;
  padding-bottom: 15px !important;
}

#parent-industry-select,
#child-industry-select {
  display: inline-block;
}

#parent-industry-select,
#parent-industry-select .dropdown-menu,
#child-industry-select,
#child-industry-select .dropdown-menu {
  min-width: 200px;
}

.dropdown-form {
  width: 450px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 15px;
}

.dropdown-form textarea {
  resize: vertical;
}

.dropdown-form .hst-label {
  font-size: 16px;
}

.dropdown-form .hst-label:first-child {
  margin-top: 0;
}

.dropdown-form .hst-control-group {
  padding-bottom: 0;
}

.dropdown-form .hst-control-group input,
.dropdown-form .hst-control-group textarea {
  width: 100%;
  box-sizing: border-box;
}

.dropdown-form form {
  margin-bottom: 0;
}

#invite-dropdown {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 25px;
  left: -130px;
  padding: 15px;
}

#invite-dropdown label {
  margin: 0;
  display: block;
}

#invite-dropdown input {
  width: calc(100% - 25px);
}

#invite-dropdown #name-group input {
  width: calc(50% - 25px);
}

#invite-dropdown button {
  width: 33%;
  margin: 0 auto;
  display: block;
}

#truman-container .action-dropdown a {
  color: #333333;
  top: auto;
  line-height: 20px;
  font-size: 11px;
  font-weight: normal;
  font-family: "Open Sans";
  text-transform: none;
  display: block;
  margin: 0;
}

.action-job-buttons {
  position: relative;
  line-height: 47px;
}

.search-job-page {
  padding-right: 0;
  margin-top: 0 !important;
}

.actions .hst-dropdown.open .dropdown-toggle i {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.applicants-actions {
  padding: 8px;
  padding-right: 30px !important;
}

#select-by-color i {
  transition: none;
}

#select-by-color ul > li > a,
#select-by-state ul > li > a {
  font-family: "Open Sans";
  font-weight: normal;
  font-size: 11px;
  display: block;
  padding: 3px 20px;
  clear: both;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
  text-transform: none;
}

#selected-state:hover {
  text-decoration: none;
}

.hst-checkbox {
  display: none !important;
}

.hst-checkbox + label:before {
  font-family: "Truman";
  font-size: 16px;
  display: inline-block;
  content: "";
  color: #bcbec0;
  cursor: pointer;
}

.hst-checkbox + label {
  display: inline-block;
}

table .hst-checkbox + label {
  margin-right: 15px;
}

.hst-checkbox:checked + label:before {
  content: "";
  color: #00a1ab;
}

.sharing .hst-checkbox + label {
  display: inline-block;
  margin-right: 30px;
}

.hst-input,
.hst-control-group input,
.hst-control-group textarea {
  padding: 20px 10px;
  color: #58595b;
  font-family: "Open Sans";
  border-radius: 2px;
  border: 1px solid #d1d3d4;
}

.hst-input::-webkit-input-placeholder,
.hst-control-group input::-webkit-input-placeholder,
.hst-control-group textarea::-webkit-input-placeholder,
.hst-input:-moz-input-placeholder,
.hst-control-group input:-moz-input-placeholder,
.hst-control-group textarea:-moz-input-placeholder,
.hst-input::-moz-input-placeholder,
.hst-control-group input::-moz-input-placeholder,
.hst-control-group textarea::-moz-input-placeholder,
.hst-input::-ms-input-placeholder,
.hst-control-group input::-ms-input-placeholder,
.hst-control-group textarea::-ms-input-placeholder {
  color: #d1d3d4;
}

.hst-control-group {
  padding-bottom: 15px;
}

.hst-control-group input,
.hst-control-group textarea {
  width: 100%;
  box-sizing: border-box;
}

.hst-control-group input {
  height: 38px;
  padding: 0 10px;
}

.hst-control-group .hst-control-label {
  float: left;
  width: 160px;
  font-family: "Poppins";
  font-weight: bold;
  text-transform: uppercase;
  line-height: 40px;
  text-align: right;
  display: block;
}

.hst-control-group .hst-controls {
  line-height: 40px;
  margin-left: 180px;
}

.hst-control-group .hst-controls p {
  margin-bottom: 0;
}

.hst-control-group .hst-controls input {
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  width: 214px;
  margin-bottom: 0;
}

.hst-control-group .hst-controls.editable p {
  width: 200px;
  margin: 0 11px;
}

.hst-control-group .picker .picker__date-display {
  background-color: #da3d73;
}

.hst-control-group .picker .picker__weekday-display {
  background-color: #b3235e;
}

.hst-control-group .picker .picker__day.picker__day--today,
.hst-control-group .picker .picker__close,
.hst-control-group .picker .picker__today {
  color: #ef4778;
}

.hst-control-group .picker .picker__nav--prev:hover,
.hst-control-group .picker .picker__nav--next:hover {
  color: #ef4778;
  background-color: transparent;
}

.hst-control-group .picker .picker__nav--prev:hover::before,
.hst-control-group .picker .picker__nav--next:hover::before {
  border-right-color: #ef4778;
  border-left-color: #ef4778;
}

.hst-control-group .picker .picker__day--selected,
.hst-control-group .picker .picker__day--selected:hover,
.hst-control-group
  .picker
  .picker--focused
  .hst-control-group
  .picker
  .picker__day--selected {
  background-color: #ef4778;
  color: white;
}

.hst-control-group
  .picker
  .picker__day.picker__day--today.picker__day--selected {
  color: white !important;
}

#user-mailing-info .hst-control-group {
  padding-bottom: 0;
}

#user-mailing-info .hst-control-label {
  width: 60px;
}

#user-mailing-info .hst-controls {
  margin-left: 90px;
}

#user-mailing-info label {
  height: 40px;
  line-height: 40px;
  margin: 0;
}

#vacancyForm label,
#preview-job-container label,
label.hst-label {
  font-family: "Poppins-Medium";
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}

#vacancyForm label .sublabel,
#preview-job-container label .sublabel,
label.hst-label .sublabel {
  font-family: "Open Sans";
  text-transform: none;
  font-weight: normal;
  font-size: 12px;
  color: #bcbec0;
}

.create-job {
  text-transform: none !important;
  font-size: 26px !important;
  margin-bottom: 7px !important;
  letter-spacing: 1.2px;
}

.required-field,
.optional-field {
  font-family: "Open Sans" !important;
  font-size: 12px !important;
  color: #939597 !important;
  letter-spacing: 0px !important;
  font-weight: lighter !important;
  text-transform: none !important;
}

.section-title {
  font-family: "Poppins" !important;
  font-weight: bold !important;
  font-size: 20px !important;
  margin-top: 15px;
  margin-bottom: 40px !important;
  letter-spacing: 1.2px;
  color: #003d37;
}

.arrow-dropdown {
  font-size: 24px;
  color: #bbbdc0;
}

#preview-job-container .hst-control-group {
  padding-bottom: 5px;
}

label.optional::after {
  position: relative;
  top: -2.5px;
  content: "(optional)";
  margin-left: 15px;
  font-family: "Open Sans";
  text-transform: none;
  color: #bcbec0;
  font-size: 13px;
  font-weight: normal;
}

.hst-radio-group {
  position: relative;
  margin-bottom: 15px;
}

.hst-radio-group .hst-radio-label {
  margin-bottom: 0;
  font: normal 13px/15px "Open Sans";
}

.hst-radio-group small {
  color: #bcbec0;
  font: italic normal 10px/12px "Open Sans";
}

.hst-radio-group input ~ .hst-radio-label {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

input.hst-radio {
  display: none;
}

input.hst-radio ~ .hst-radio-label:before {
  font-family: "Truman";
  display: inline-block;
  content: "";
  font-size: 15px;
  color: #bcbec0;
  cursor: pointer;
}

input.hst-radio ~ .hst-radio-label.indented:before {
  margin-right: 30px;
}

input.hst-radio:checked ~ .hst-radio-label:before {
  content: "";
  color: #fcb040;
}

tr.disabled {
  color: #d1d3d4;
}

tr.disabled .hst-radio-label:before {
  cursor: not-allowed;
  color: #e6e7e9 !important;
}

.inline-radio-group {
  display: inline-block;
}

.inline-radio-group label {
  margin-right: 30px;
}

.inline-radio-group label:before {
  margin-right: 15px;
}

input.hst-switch {
  display: none;
}

input.hst-switch ~ label {
  position: relative;
  display: block;
  height: 1em;
  width: 2.2em;
  background-color: #d1d3d4;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

input.hst-switch ~ label::after {
  position: absolute;
  left: -0.1em;
  top: -0.1em;
  display: block;
  width: 1.3em;
  height: 1.3em;
  border-radius: 100px;
  background-color: #939598;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

input.hst-switch:checked ~ label {
  background-color: #fdc572;
}

input.hst-switch:checked ~ label::after {
  left: 1em;
  background: #fcb040;
}

.hst-switch-group {
  position: absolute;
  top: 50%;
  right: 15px;
}

#coupon-input:focus {
  border-color: #a863a8;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #cb66a8;
}

.form-search {
  position: relative;
}

.form-search i {
  font-size: 24px;
  position: relative;
  top: 5px;
}

.form-search input {
  font-family: "Open Sans";
  border: 0;
  border-bottom: 1px solid #bcbec0;
  border-radius: 0;
}

.form-search input,
.form-search input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-search input:focus {
  border-bottom-color: #939598;
}

.photo-container {
  height: 285px;
  width: 285px;
}

.logo-container,
.photo-container {
  position: relative;
  border: 1px solid #f9fafb;
  border-radius: 2px;
}

.logo-container .photo-preview,
.photo-container .photo-preview {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.logo-container .photo-upload,
.photo-container .photo-upload {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: white;
  line-height: 25px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 0;
  height: 25px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom-left-radius: 3px;
}

.logo-container .photo-upload i,
.photo-container .photo-upload i,
.logo-container .photo-delete i,
.photo-container .photo-delete i {
  line-height: 25px;
  font-size: 12px;
  margin: 0 0 0 5px;
}

.logo-container .photo-delete,
.photo-container .photo-delete {
  left: 0px;
  width: 33%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: white;
  line-height: 25px;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 0;
  height: 25px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  border-bottom-left-radius: 3px;
}

.logo-container {
  float: left;
  height: 325px;
  width: 325px;
  margin-left: 30px;
  margin-top: 30px;
}

.logo-container .photo-preview {
  background-size: contain;
}

.photo-gallery {
  margin: 0 -5px;
}

.photo-gallery .photo-container {
  display: inline-block;
  margin: 5px;
}

.see-all-job {
  font-size: 12px;
  margin-right: 5px;
}

.hst-native-select {
  height: 38px;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
}

#charactersLeft {
  font-family: "Open Sans";
  font-weight: normal;
  float: right;
  color: #bcbec0;
  font-size: 11px;
  padding-right: 20px;
}

#noteCharactersLeft {
  font-family: "Open Sans";
  font-size: 12px;
  letter-spacing: 0.6px;
  float: right;
  color: #939597;
  padding-right: 0px;
  float: right;
}

.add-note {
  font-size: 16px !important;
  letter-spacing: 1.4px;
  color: #ffffff;
}

#commentsTextArea {
  font-family: "Poppins-Regular";
  font-size: 14px !important;
  letter-spacing: 0.5px;
  background-color: #f7f7f7;
  border: 0px;
  resize: none;
  color: #57585b;
  height: 150px;
  box-shadow: none !important;
  padding: 0px !important;
}

#commentsTextArea:focus {
  outline: 0px;
}

.cancelNote,
.cancelNote:hover {
  width: 103px;
  padding: 12px 0px;
  text-decoration: none;
  height: 14px;
  text-transform: uppercase;
  font-family: "Poppins-Bold";
  font-size: 14px;
  letter-spacing: 1.5px;
  text-align: center;
  color: #333333;
}

.saveNote,
.updateNote {
  font-size: 14px !important;
  letter-spacing: 1.5px;
  text-align: center !important;
  background-color: #faa341 !important;
  box-shadow: inset 0 -2px 0 0 #ed8141;
  padding: 12px 18px !important;
  margin-right: 0px;
  border: 0px !important;
}

.noteButtons {
  display: flex;
  float: right;
}

#commentBox {
  border: 1px solid #003d37;
  display: inline-block;
  width: 506px;
  padding: 10px;
  background-color: #f7f7f7;
}

.note-modal {
  border: 1px solid #c6c8cc;
  border-top: 0px;
}

.note-modal-header {
  background-color: #a861a9;
  border-bottom: 0px;
  padding: 15px;
}

,
:hover {
  margin-right: 0 !important;
  margin-top: 3px !important;
}

.location-append {
  line-height: 40px;
}

.location-append.active {
  background-color: transparent;
  border-color: transparent;
  border: 0;
}

.location-append i {
  line-height: 40px;
  font-size: 28px;
  width: 40px;
}

.location-append input {
  line-height: 40px;
  height: 40px;
  width: 750px;
}

.location-append .add-on {
  height: 40px;
  padding: 0;
  line-height: 40px;
}

.forbidden-action {
  color: #e2e2e2 !important;
  cursor: not-allowed;
  font-size: 16px;
  margin-right: 10px;
}

.compactDateSelector {
  font-size: 14px;
}

.hst-btn-group input {
  height: 30px;
  border-radius: 2px 0 0 2px;
  border-right: 0;
  font-size: 12px;
}

.hst-btn-group input + a,
.hst-btn-group input + button {
  line-height: 26px;
  position: relative;
  margin-left: -3px;
  top: -3px;
  border-radius: 0 2px 2px 0;
}

#vacancy-title-modal {
  text-transform: capitalize;
}

.job-link {
  font-size: 18px;
  color: #888888;
  cursor: pointer;
}

.share-job-link {
  width: 410px;
  background-color: #fff;
  border: 1px solid #bbbdc0;
}

.link-modal-body {
  width: 410px;
  background-color: #622b7d;
}

.copy-link-box {
  background-color: #622b7d;
  display: inline-flex;
  padding: 20px 45px;
  padding-bottom: 10px;
}

.close-link-modal,
.close-link-modal:hover {
  margin-right: 1em !important;
  margin-top: 0.9em !important;
}

.go-to-text,
.share-this-job,
.link-input {
  font-family: "Open Sans";
}

.share-this-job {
  font-size: 16px;
  color: #fff;
  padding: 10px;
  letter-spacing: 1px;
}

.go-to-text {
  width: 84px;
  height: 17px;
  font-size: 12px;
  color: #8f5ba7;
  cursor: pointer;
}

.link-input {
  width: 205px;
  border: 1px solid #979797 !important;
  border-radius: 0 !important;
  padding: 16px 10px !important;
  border-right: 0 !important;
  font-size: 16px !important;
  color: #57585b !important;
}

.job-link-button {
  width: 52px;
  height: 54px;
  background-color: #faa341;
  box-shadow: inset 0 -2px 0 0 #ed8141;
  cursor: pointer;
}

.job-link-icon {
  color: #fff;
  padding: 14px;
  font-size: 25px;
  float: left;
}

.facebook-outer,
.linkedin-outer,
.twitter-outer,
.craigslist-outer {
  width: 320px;
  height: 50px;
  cursor: pointer;
}

.facebook-outer {
  background-color: #3a599a;
}

.twitter-outer {
  background-color: #6aaee0;
  margin: 0 37px;
}

.linkedin-outer {
  background-color: #0d84be;
}

.craigslist-outer {
  background-color: #562d87;
}

.footer-modal {
  font-size: 14px;
  margin-top: 15px;
}

.footer-modal.i.large.icon,
.footer-modal.i.large.basic.icon {
  vertical-align: baseline;
  cursor: pointer;
}

.fa-craigslist {
  background-repeat: no-repeat;
  margin-top: 10px;
  background-image: url(/imgs/icons/craigslist.png);
  margin-left: 8px;
  background-size: contain;
}

.job-published,
.job-shared {
  font-family: "Poppins-Bold";
  font-size: 17px !important;
  line-height: 1.1;
  letter-spacing: 1.6px;
  color: #ffffff;
}

.published-message {
  font-size: 16px;
  color: #57585b;
  margin-left: 37px !important;
  margin-right: 25px;
  margin-bottom: 30px;
}

.published-message-bold {
  font-size: 18px;
  color: #57585b;
  font-weight: bold;
  margin-left: 37px !important;
  margin: 20px 10px;
}

#Job-published-modal,
.share-modal {
  top: 50%;
  margin-top: -370px;
  left: 50%;
  margin-left: -200px;
  max-width: 100%;
}

.share-modal-link,
.share-job-link {
  border: 1px solid rgb(209, 211, 212) !important;
}

.close-save-publish-modal,
.close-save-publish-modal:hover {
  margin: 0px !important;
  margin-top: 1px !important;
}

.job-shared {
  padding: 12px 0px;
  display: inline-flex;
  margin-left: 29px;
}

.job-shared-text {
  width: 377px;
  height: 42px;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #57585b;
}

.share-on {
  width: 155px;
  font-family: "Open Sans";
  font-size: 14px;
  color: #ffffff;
  display: inline-flex;
  margin: 15px;
}

.social-link:hover {
  text-decoration: none;
}

.job-shared-button {
  width: 50px;
  height: 51px;
  background-color: #bbbdc0;
  box-shadow: inset 0 -2px 0 0 #939597;
  cursor: pointer;
}

#batch-upload-jobs {
  margin-top: -8px;
}

.link-tracking-copy-icon {
  color: rgb(69, 145, 120);
  display: none;
  padding-left: 0px !important;
  padding: 12px;
  font-size: 20px;
  float: right;
  cursor: pointer;
}

.link-tracking-close-icon {
  color: #ec4950;
  font-size: 20px;
  padding-right: 0px !important;
  padding: 12px;
  float: left;
  cursor: pointer;
}

.link-tracking-icon:hover {
  color: #37ad65;
}

.link-tracking-icon {
  color: #939597;
  font-size: 20px;
  float: right;
  cursor: pointer;
  padding: 12px;
}

.tracking-links {
  width: 268px;
  height: 51px;
  background-color: #f7f7f7;
  box-shadow: inset 0 1px 0 0 #c6c8cc,
    inset 0 -1px 0 0 rgba(196, 200, 204, 0.45);
  cursor: pointer;
}

.tracking-links-selected {
  background-color: #f1f1f2 !important;
  box-shadow: inset 0 2px 0 0 #c6c8cc,
    inset 0 -1px 0 0 rgba(197, 200, 204, 0.32) !important;
}

.tracking-links-list {
  display: inline-block !important;
  margin-top: -5px;
  height: 208px;
  overflow: scroll;
}

.tracking-links-text {
  font-family: "Open Sans";
  font-size: 16px;
  color: #57585b;
  float: left;
  padding: 14px;
  text-align: left;
}

.options-tracking:hover {
  background-color: #f0f1f1;
  box-shadow: inset 0 -1px 0 0 rgba(197, 200, 204, 0.45),
    inset 0 1px 0 0 #939597;
}

.options-tracking-modal:hover {
  background-color: #f0f1f1;
  box-shadow: inset 0 0px 0 0 rgba(197, 200, 204, 0.45), inset 0 0px 0 0 #939597 !important;
  border-width: 1px;
  border-style: solid;
  border-color: #8b8484;
  width: 316px;
  border-left: 0px;
  border-right: 0px;
  background-color: #f0f1f1;
}

.options-tracking {
  height: 48px;
  width: 313px;
  background-color: #f7f7f7;
  box-shadow: inset 0 -1px 0 0 rgba(196, 200, 204, 0.45);
}

.options-tracking-link {
  width: 311px;
  height: 48px;
  background-color: rgba(138, 205, 166, 0.15);
  border: solid 1px rgba(99, 181, 139, 0.8);
}

.list-tracking::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}

.list-tracking::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

#credits-exchange {
  margin-bottom: 30px;
}

#credits-exchange .hst-control-group {
  padding-bottom: 0;
}

#credits-exchange .hst-btn-group {
  text-align: center;
}

#credits-exchange .hst-btn-group input {
  width: 50px;
}

#credits-exchange .hst-btn-group button,
#credits-exchange .hst-btn-group a {
  width: 110px;
}

#vacancyForm .job-stage {
  margin-top: 30px;
}

#vacancyForm .job-stage label {
  font-size: 15px;
  font-family: "Poppins-Bold";
}

#vacancyForm .job-stage .color-score i {
  position: absolute;
  right: 15px;
}

#vacancyForm .job-stage .template-select {
  margin-right: 30px;
  width: 200px;
  display: inline-block;
}

#vacancyForm .job-stage .template-select ul {
  max-width: 200px;
}

#vacancyForm .job-stage .template-select li a {
  white-space: normal;
}

#vacancyForm .job-stage .scoring-select ul {
  width: 180px;
}

.disabled-select {
  font-size: 13px;
  font-weight: bold;
  color: #bcbec0;
}

.addStageTemplate,
.removeStage {
  cursor: pointer;
  display: block;
}

.addStageTemplate.disabled,
.removeStage.disabled {
  color: #bcbec0;
  text-decoration: none;
  cursor: text;
}

.addStageTemplate {
  margin-top: 1em;
}

.removeStage {
  font-size: 12px;
  margin-bottom: 10px;
}

.search-footer {
  margin-top: 15px;
  font-size: 12px;
  text-align: right;
  padding-right: 15px;
}

.fileupload-link {
  position: relative;
  display: inline-block;
}

.fileupload-link input {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 16px;
}

.hst-password-security {
  display: inline-block;
  width: 216px;
}

.hst-password-security .pw-unit {
  float: left;
  width: 33%;
}

.hst-password-security input {
  margin-top: -5px;
}

.hst-password-security i {
  margin-top: -2px;
}

.hst-password-security h5 {
  font-size: 12px;
}

.team-checkbox,
.team-option {
  display: inline-block;
}

.team-checkbox {
  margin-left: 15px;
}

#truman-header {
  position: relative;
  height: 70px;
  min-height: 70px;
  padding-top: 0px;
  padding-left: 60px;
  padding-right: 60px;
  font-weight: bolder;
  font-family: "Poppins";
  text-transform: uppercase;
  background-color: #423f3d;
}

#truman-header .current-indicator {
  color: #fcb040;
  font-size: 10px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

#truman-header .brand-logo {
  display: inline-block;
  float: left;
  height: 40px;
  padding: 15px;
}

#truman-header .brand-logo img {
  height: 40px;
  width: auto;
}

#truman-header .tab-left,
#truman-header .tab-right {
  content: "";
  position: absolute;
  top: 70px;
  height: 20px;
  border-top: 20px solid #423f3d;
  z-index: 1;
}

#truman-header .tab-left {
  left: 0px;
  border-right: 40px solid transparent;
}

#truman-header .tab-right {
  right: 0px;
  border-left: 40px solid transparent;
}

#truman-header #left-navs,
#truman-header #right-navs {
  list-style: none;
}

#truman-header #left-navs > li > a,
#truman-header #left-navs > li > a:hover,
#truman-header #left-navs > li > a:visited,
#truman-header #left-navs > li > a:active,
#truman-header #left-navs > li > a.active,
#truman-header #right-navs > li > a,
#truman-header #right-navs > li > a:hover,
#truman-header #right-navs > li > a:visited,
#truman-header #right-navs > li > a:active,
#truman-header #right-navs > li > a.active {
  color: white;
  text-decoration: none;
  display: block;
  line-height: 40px;
  padding: 15px;
}

#truman-header #left-navs > li > a:hover,
#truman-header #left-navs > li > a:focus,
#truman-header #right-navs > li > a:hover,
#truman-header #right-navs > li > a:focus {
  background-color: #363434;
  -moz-box-shadow: inset 0 -3px 0 0 #ffd36b;
  -webkit-box-shadow: inset 0 -3px 0 0 #ffd36b;
  box-shadow: inset 0 -3px 0 0 #ffd36b;
  outline: 0;
}

#truman-header #left-navs > li.open > a,
#truman-header #left-navs > li > a:active,
#truman-header #left-navs > li.active > a,
#truman-header #right-navs > li.open > a,
#truman-header #right-navs > li > a:active,
#truman-header #right-navs > li.active > a {
  background-color: #292727;
  -moz-box-shadow: inset 0 -3px 0 0 #fec65e;
  -webkit-box-shadow: inset 0 -3px 0 0 #fec65e;
  box-shadow: inset 0 -3px 0 0 #fec65e;
  outline: 0;
}

#truman-header #left-navs ul,
#truman-header #right-navs ul {
  font-family: "Open Sans";
  text-transform: none;
  border-radius: 0;
  font-size: 12px;
  padding: 10px 0;
  margin-top: -10px;
}

#truman-header #left-navs ul > hr,
#truman-header #right-navs ul > hr {
  margin: 10px 0;
}

#truman-header #left-navs i.hst-open-in-new,
#truman-header #right-navs i.hst-open-in-new {
  color: #939598;
  margin-left: 2px;
}

#truman-header #left-navs,
#truman-header #left-navs > li {
  float: left;
}

#truman-header #right-navs {
  font-weight: lighter;
}

#truman-header #right-navs,
#truman-header #right-navs > li {
  float: right;
}

#truman-header #user-navs > li > a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

#truman-header #team-navs {
  right: 0;
  left: auto;
  text-align: right;
  min-width: 175px;
}

#truman-header #team-navs > li > a {
  padding-left: 18px;
  padding-right: 18px;
}

#truman-header.switched {
  padding-top: 20px;
}

#truman-header.switched .tab-left,
#truman-header.switched .tab-right {
  top: 90px;
}

#switcher-ghost {
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  -webkit-transition: -webkit-transform 2s linear;
  transition: transform 2s linear;
}

#switcher-ghost img {
  height: 40px;
  width: auto;
}

#switcher-ghost.switched {
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}

.hst-header {
  position: relative;
  margin-bottom: 20px;
}

.hst-header h3 {
  margin: 0;
  line-height: 50px;
  font-family: "Poppins-Bold";
  font-size: 20px;
  letter-spacing: 0.5px;
  color: #003d37;
}

.tooltip-inner {
  line-height: 30px;
}

.action-save {
  color: #6d6e71;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 10px;
}

.action-save.disabled {
  color: #bcbec0;
  cursor: default;
}

.action-save i {
  font-size: 14px;
}

.action-save .hst-save {
  -webkit-transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transform: rotateY(0deg);
}

.action-save .hst-save.active {
  transform: rotateY(90deg);
}

.action-save .hst-save.reverse {
  webkit-transition: none;
  transition: none;
  transform: rotateY(-90deg);
}

.action-save .hst-check-mdi {
  color: #3eaf6a;
  -webkit-transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transform: rotateY(0deg);
}

.action-save .hst-check-mdi.active {
  -webkit-transition: none;
  transition: none;
  transform: rotateY(-90deg);
}

.action-save .hst-check-mdi.reverse {
  transform: rotateY(90deg);
}

.action,
.actions-row a:not(.hst-btn),
.hst-header .actions a:not(.hst-btn) {
  position: relative;
  top: 7px;
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Poppins";
  text-decoration: none;
}

.action,
.actions-row a:not(.hst-btn),
.hst-header .actions a:not(.hst-btn),
.action:visited,
.actions-row a:visited:not(.hst-btn),
.hst-header .actions a:visited:not(.hst-btn) {
  color: #9b9b9b;
}

.action:active,
.actions-row a:active:not(.hst-btn),
.hst-header .actions a:active:not(.hst-btn),
.action:focus,
.actions-row a:focus:not(.hst-btn),
.hst-header .actions a:focus:not(.hst-btn),
.action:hover,
.actions-row a:hover:not(.hst-btn),
.hst-header .actions a:hover:not(.hst-btn) {
  color: #58595b;
  outline: 0;
}

.action.active,
.actions-row a.active:not(.hst-btn),
.hst-header .actions a.active:not(.hst-btn) {
  color: #fcb040;
}

.action i,
.actions-row a:not(.hst-btn) i,
.hst-header .actions a:not(.hst-btn) i {
  font-size: 24px;
  position: relative;
  top: 3px;
}

#datepicker-trigger,
#datepicker-trigger:hover {
  cursor: pointer;
  text-decoration: none;
  color: #4b92e2;
}

.template-field {
  border: 1px solid #d1d3d4;
  padding: 10px 20px;
  width: 50%;
  display: inline-block;
}

.create-job-actions,
.edit-job-footer {
  border-radius: 0px;
}

.question-icon {
  font-size: 24px;
  color: #333333;
  cursor: pointer;
  margin-left: 4px;
}

.communication-question-icon {
  font-size: 20px;
  color: #333333;
  padding-right: 18px;
  margin-left: 15px;
  cursor: pointer;
}

.checkbox-communication {
  font-size: 23px;
  margin-right: 15px;
  cursor: pointer;
}

.applicant-current-state,
.applicant-current-state:hover {
  top: 1px;
  margin-right: 0px;
  color: #333333;
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 12px;
}

.applicant-sources-link {
  display: inline-flex;
  margin-top: 15px;
  font-family: "Poppins-Bold";
  font-size: 14px;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.actions-row,
.hst-header .actions {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 50px;
}

.actions-row a,
.hst-header .actions a {
  margin: 0 15px;
}

.actions-row.open .dropdown-toggle,
.hst-header .open.actions .dropdown-toggle,
.actions-row.open .dropdown-toggle:hover,
.hst-header .open.actions .dropdown-toggle:hover,
.actions-row.open .dropdown-toggle:focus,
.hst-header .open.actions .dropdown-toggle:focus,
.actions-row.open .dropdown-toggle:active,
.hst-header .open.actions .dropdown-toggle:active {
  color: #fcb040;
}

.dropdown-jobs {
  display: flex;
}

#multi-select-icons {
  display: none;
  font-size: 24px;
  line-height: 50px;
  margin-left: 50px;
  -webkit-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
}

#multi-select-icons.transparent {
  opacity: 0;
}

#multi-select-icons a {
  cursor: pointer;
  color: #bcbec0;
}

#multi-select-icons a:hover,
#multi-select-icons a:focus,
#multi-select-icons a:active {
  color: #58595b;
  outline: 0;
}

#add-new-job {
  margin-right: 0;
  z-index: 1;
  position: relative;
}

.jobs-subheader {
  position: relative;
  height: 50px;
}

.jobs-subheader .vacancy-count {
  float: left;
}

.jobs-subheader .vacancy-count,
.jobs-subheader .hst-pagination,
.jobs-subheader .no-pagination {
  line-height: 50px;
}

.hst-translate {
  line-height: 40px;
  font-size: 24px;
  color: #a3aaaf;
  cursor: pointer;
}

.cancel-language {
  float: right;
  line-height: 20px;
  font-size: 13px;
}

.cancel-language:hover,
.cancel-language:focus,
.cancel-language:active {
  color: #ea4750;
}

.stage-icons {
  line-height: 24px;
  font-size: 24px;
  width: 25px;
  height: 35px;
}

.stage-icons .stage-text {
  font-family: "Open Sans";
  line-height: 25px;
  font-size: 13px;
  font-weight: bold;
  color: #e6e7e9;
}

.stage-icons .unreviewed {
  color: #fcb040;
}

.stage-icons .unreviewed ~ .stage-text {
  color: white;
}

.stage-icons .reviewed {
  color: #d1d3d4;
}

.stage-icons .reviewed ~ .stage-text {
  color: white;
}

.stage-icons .incomplete {
  color: white;
}

.stage-icons .current {
  color: #939598;
}

.stage-icons .current ~ .stage-text {
  color: white;
}

a:hover .stage-text,
a:active .stage-text,
a:focus .stage-text {
  color: #b7babb;
}

a:hover .stage-icons .unreviewed,
a:active .stage-icons .unreviewed,
a:focus .stage-icons .unreviewed {
  color: #fb9b0e;
}

a:hover .stage-icons .unreviewed ~ .stage-text,
a:active .stage-icons .unreviewed ~ .stage-text,
a:focus .stage-icons .unreviewed ~ .stage-text {
  color: white;
}

a:hover .stage-icons .reviewed,
a:active .stage-icons .reviewed,
a:focus .stage-icons .reviewed {
  color: #b7babb;
}

a:hover .stage-icons .reviewed ~ .stage-text,
a:active .stage-icons .reviewed ~ .stage-text,
a:focus .stage-icons .reviewed ~ .stage-text {
  color: white;
}

.popover-trigger .stage-icons,
.popover-trigger .stage-text {
  line-height: 35px;
}

.small-link {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
  margin-left: 15px;
  letter-spacing: 0px;
}

.job-indicators {
  color: #939598;
}

.hst-dl {
  margin-top: 30px;
}

.hst-dl dt {
  width: auto;
}

#spinner {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5000;
}

#spinner .spinnerPanel {
  background-image: url(/imgs/apploi-gradient.png);
  background-size: cover;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  padding: 0;
  margin: -50px 0 0 -50px;
  text-align: center;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.25);
}

#spinner.animated .spinnerPanel {
  transition: opacity 500ms ease-in-out;
  opacity: 0;
}

#spinner .spinnerPanel .spinningWheel {
  background: url(/imgs/loading/loading_white_loop.gif) center center/140px
    140px no-repeat;
  width: 100px;
  height: 100px;
}

.questions {
  margin-top: 10px !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px !important;
}

.notesIcon,
.archiveIcon {
  margin: 0px !important;
}

.reviewHistory,
.note,
.archive,
.ats,
.email,
.share {
  top: 8px !important;
}

.icons a {
  margin: 0 10px !important;
}

.profile-dl {
  margin-top: 20px;
  line-height: 1.1em !important;
}

.profile-dl span {
  margin-left: 10px;
}

.profile-dl dt {
  width: 200px;
  text-align: left;
}

.profile-dl dd {
  margin-left: 230px;
}

.profile-dl dt,
.profile-dl dd {
  margin-bottom: 15px;
}

.date-dl dt {
  width: 120px;
}

.date-dl dd {
  margin-left: 150px;
}

.hst-modal {
  position: fixed;
  z-index: 1050;
  top: 50%;
  left: 50%;
  width: 300px;
  font-size: 11px;
  background-color: white;
  border: 2px solid #d1d3d4;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.hst-modal .hst-modal-header {
  padding: 10px 15px;
  font-family: "Poppins-Bold";
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 2px solid #d1d3d4;
}

.hst-modal .hst-modal-header > *:first-child {
  margin: 0;
}

.hst-modal .hst-modal-header > *:last-child {
  margin-bottom: 0;
}

.hst-modal .hst-modal-header .subheader {
  font-size: 11px;
}

.hst-modal .hst-close {
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 10px;
  font-size: 16px;
  color: #333333;
}

.hst-modal .hst-modal-body {
  padding: 15px;
}

.hst-modal .hst-modal-body label {
  font-family: "Poppins";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
}

.hst-modal .hst-modal-body label.small {
  margin: 0;
  font-family: "Poppins-Bold";
}

.hst-modal-backdrop {
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
}

.two-button-footer a,
.two-button-footer button {
  width: 33%;
  cursor: pointer;
}

.two-button-footer a + a,
.two-button-footer button + button {
  position: absolute;
  right: 15px;
}

.one-button-footer {
  text-align: center;
}

.one-button-footer a,
.one-button-footer button {
  width: 33%;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.35;
  filter: alpha(opacity=35);
}

#email-editor {
  width: 50%;
}

#email-editor input,
#email-editor textarea {
  width: calc(100% - 25px);
}

#email-editor textarea {
  resize: vertical;
}

.hst-modal-override.modal {
  border: 2px solid #d1d3d4;
  border-radius: 0;
  background-clip: none;
  -webkit-background-clip: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.hst-modal-override.modal h3 {
  font-family: "Poppins-Bold";
  font-size: 18px;
}

.hst-modal-override.modal .modal-footer {
  background-color: white;
}

.hst-modal-override.modal label {
  font-family: "Poppins-Bold";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}

.hst-modal-override.modal label.small {
  font-size: 11px;
  margin: 0;
  font-family: "Poppins-Bold";
}

.promo-modal.modal {
  background-image: url(/imgs/magentaGradient.png);
  background-size: cover;
  min-height: 50vh;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 3px;
  color: white;
  text-align: center;
}

.promo-modal.modal,
.promo-modal.modal .modal-body,
.promo-modal.modal .modal-footer,
.promo-modal.modal .modal-header {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.promo-modal.modal .modal-header {
  font-family: "Poppins-Bold";
  padding: 30px;
}

.promo-modal.modal .modal-body {
  font-family: OpenSans;
  padding: 15px 45px;
}

.promo-modal.modal .modal-footer {
  background-color: transparent;
}

.promo-modal.modal .btn-white {
  display: inline-block;
  color: white;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins-Bold";
  font-size: 16px;
  border-radius: 2px;
  padding: 5px 15px;
  border: 3px solid white;
  margin: 15px;
}

.promo-modal.modal .btn-white:hover,
.promo-modal.modal .btn-white:focus {
  outline: 0;
  background-color: white;
  color: #b3235e;
}

.promo-modal.modal .btn-white:active {
  color: #b3235e;
  background-color: #f1f2f2;
  border-color: #f1f2f2;
}

.promo-modal.modal .small-link {
  color: white;
  cursor: pointer;
  font-size: 11px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

.promo-modal.modal .small-link:hover,
.promo-modal.modal .small-link:focus,
.promo-modal.modal .small-link:active {
  color: #f1f2f2;
}

.applicant-name {
  font-family: "Open Sans" !important;
  font-weight: bold !important;
  font-size: 20px !important;
  display: inline-block;
  text-transform: capitalize !important;
}

.hst-pagination,
.no-paginations {
  position: absolute;
  right: 0;
  top: 0;
}

.applicants-icons {
  float: left;
}

.applicant-pagination .hst-pagination,
.applicant-pagination .no-paginations {
  position: relative;
  right: auto;
  top: auto;
  margin: 0;
}

.hst-pagination {
  font-size: 0;
  list-style: none;
}

.hst-pagination > li {
  display: inline-block;
}

.hst-pagination > li > a,
.hst-pagination > li > i {
  color: #58595b;
  padding: 5px;
  font-size: 11px;
  text-decoration: none;
}

.hst-pagination > li > a {
  cursor: pointer;
}

.hst-pagination > li > a:hover,
.hst-pagination > li > a:active,
.hst-pagination > li > a:focus {
  color: #faaf40;
}

.hst-pagination > li.current,
.hst-pagination > li.disabled {
  cursor: auto;
  padding: 5px;
  font-size: 11px;
}

.hst-pagination > li.current {
  color: #003d37;
  font-weight: bolder;
}

.hst-pagination > li.disabled {
  color: #bcbec0;
}

.no-paginations {
  font-size: 11px;
  color: #58595b;
  padding: 5px;
}

.pagingButtons a {
  cursor: pointer;
}

.pagingButtons .disabled {
  text-decoration: none;
  cursor: default;
  color: #bcbec0;
}

.pagingButtons .disabled:hover,
.pagingButtons .disabled:active,
.pagingButtons .disabled:focus {
  color: #bcbec0;
}

.applicant-pager {
  font-size: 11px;
  color: #58595b;
  float: right;
  font-family: "Open Sans";
  font-weight: bold;
}

.applicant-pager i {
  font-size: 20px;
  position: relative;
  top: 2px;
}

.applicant-pager .disabled {
  color: #d1d3d4;
  text-decoration: none;
  cursor: text;
}

.panel-plan {
  min-height: 180px;
}

.panel-plan .label-business {
  font-weight: 400;
}

.panel-plan.selected {
  outline: auto #98dae9 15px;
}

.panel-plan .panel-heading {
  overflow: hidden;
  height: 37px;
}

.panel-plan .panel-body {
  padding: 0px;
  min-height: 135px;
  position: relative;
}

.panel-plan .price-header {
  color: #5e5c5e !important;
  text-align: center;
  font-weight: 300;
  font-size: 32px;
}

.panel-plan .per-month {
  margin-bottom: 10px;
}

.panel-plan .panel-footer {
  overflow: hidden;
  height: 54px;
}

.panel-package {
  display: inline-block;
  width: 25%;
  margin: 0 15px;
  transition: transform 300ms ease-in-out;
}

.panel-package.selected {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.panel-package .panel-heading {
  padding: 6px 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: white;
  text-align: center;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 1.3em;
  text-transform: uppercase;
}

.panel-package .panel-body {
  position: relative;
  padding: 15px;
  min-height: 200px;
  background-color: #f9fafb;
  color: #6d6e71;
}

.panel-package .subheader {
  font-size: 15px;
  margin: 15px 0px;
  font-weight: bolder;
  text-align: center;
}

.panel-package .action-btn {
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50%;
  font-size: 14px;
  font-family: "Open Sans";
}

.panel-package .savings {
  position: absolute;
  bottom: 50px;
  width: 100%;
  margin-left: -15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}

.panel-package.panel-Quarterly .panel-heading {
  background-color: #8b4d8b;
}

.panel-package.panel-Quarterly .p-circle {
  border-color: #a863a8;
}

.panel-package.panel-Quarterly .btn-feature:active,
.panel-package.panel-Quarterly .btn-feature:hover,
.panel-package.panel-Quarterly .btn-feature:focus,
.panel-package.panel-Quarterly .apploi-link:active,
.panel-package.panel-Quarterly .apploi-link:hover,
.panel-package.panel-Quarterly .apploi-link:focus {
  border-color: #a863a8;
  color: #a863a8;
}

.panel-package.panel-Quarterly .savings {
  color: #ba84ba;
}

.panel-package.panel-Yearly .panel-heading {
  background-color: #be4092;
}

.panel-package.panel-Yearly .p-circle {
  border-color: #cb66a8;
}

.panel-package.panel-Yearly .btn-feature:active,
.panel-package.panel-Yearly .btn-feature:hover,
.panel-package.panel-Yearly .btn-feature:focus,
.panel-package.panel-Yearly .apploi-link:active,
.panel-package.panel-Yearly .apploi-link:hover,
.panel-package.panel-Yearly .apploi-link:focus {
  border-color: #cb66a8;
  color: #cb66a8;
}

.panel-package.panel-Yearly .savings {
  color: #d88cbe;
}

.panel-package.panel-Monthly .panel-heading {
  background-color: #734a87;
}

.panel-package.panel-Monthly .p-circle {
  border-color: #8f5da7;
}

.panel-package.panel-Monthly .btn-feature:active,
.panel-package.panel-Monthly .btn-feature:hover,
.panel-package.panel-Monthly .btn-feature:focus,
.panel-package.panel-Monthly .apploi-link:active,
.panel-package.panel-Monthly .apploi-link:hover,
.panel-package.panel-Monthly .apploi-link:focus {
  border-color: #8f5da7;
  color: #8f5da7;
}

.panel-package.panel-Monthly .savings {
  color: #a67eb9;
}

.p-circle {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: white;
  font-weight: 500;
  margin: 0 auto;
  border: 70px solid black;
  border-radius: 70px;
}

.p-circle .price {
  min-width: 80px;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.p-circle .price h1 {
  margin: 0;
}

.p-circle .price small {
  font-size: 12px;
  font-weight: normal;
}

.popover {
  z-index: 99999;
  font-size: 11px;
  background-color: #d1d3d4;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  transform: translateY(45%);
  -webkit-transform: translateY(45%);
  -ms-transform: translateY(45%);
}

.popover .arrow {
  display: none;
}

.popover .popover-inner {
  background-color: white;
}

.popover .popover-title {
  background-color: white;
  padding: 10px 15px;
  font-family: "Poppins";
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 2px solid #d1d3d4;
  border-radius: 0;
  font-weight: bolder;
}

.popover .popover-content {
  padding: 15px;
}

.label-question,
.popover-warning {
  position: relative;
  top: -2px;
  left: 4px;
  font-size: 14px;
}

.popover-warning {
  color: #ef4778;
}

.popover-warning:hover,
.popover-warning:active,
.popover-warning:focus {
  color: #b3235e;
}

.stage-popover {
  position: absolute;
  top: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  width: 75%;
  min-width: 220px;
  box-sizing: border-box;
  border: 2px solid #d1d3d4;
  text-align: left;
}

.stage-popover .stage-icon-container {
  text-align: center;
}

.stage-popover .stage-panel {
  padding: 10px;
  position: relative;
  background-color: white;
}

.stage-popover .stage-panel strong {
  margin-right: 15px;
}

.stage-popover .stage-panel .date {
  color: #bcbec0;
  font-style: italic;
}

.stage-popover .stage-panel .state-action {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.stage-popover .stage-panel:first-child .state-action {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: auto;
  bottom: 10px;
}

.stage-popover .stage-panel:not(:last-child) {
  border-bottom: 1px solid #d1d3d4;
}

.stage-popover .stage-panel.incomplete {
  background-color: #f9fafb;
}

.applicant-review-stages {
  position: relative;
  display: inline-block;
  margin-left: 30px;
}

.applicant-review-stages .stage-popover {
  top: -6px;
}

.dashboard-chart-options {
  position: relative;
}

.report-section {
  margin-bottom: 45px;
}

.report-section label.neutraface-header {
  margin-bottom: 8px;
  margin-top: 8px;
}

.highcharts-container svg > rect {
  stroke-width: 0;
}

.highcharts-container svg > text:last-child {
  display: none;
}

.highcharts-container .highcharts-legend text,
.highcharts-container .highcharts-axis text {
  font-family: "Poppins-Bold";
  font-weight: bold;
}

.horizontal-scroller {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.horizontal-scroller-container {
  position: relative;
}

.horizontal-scroller-container > .scroller {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  right: -70px;
  top: 40px;
}

.photo-scroller > .scroller {
  top: -52px;
  left: 80px;
}

.testimonial-scroller > .scroller {
  top: -52px;
  left: 140px;
}

.horizontal-scroller-container > .scroller > a {
  color: #bcbec0;
  cursor: pointer;
  font-size: 40px;
  font-weight: normal;
  margin-right: 5px;
}

.horizontal-scroller-container > .scroller > a:hover {
  text-decoration: none;
}

.horizontal-list {
  transition: margin-left 200ms linear;
}

.hst-table {
  margin-top: 30px;
}

.hst-table a {
  text-decoration: none;
  cursor: pointer;
}

.hst-table th {
  font-family: "Poppins";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

.hst-table th:first-child {
  padding-left: 30px;
}

.hst-table th:last-child {
  padding-right: 30px;
}

.hst-table th a {
  color: black;
}

.hst-table th i {
  margin-right: -12px;
}

.hst-table tr {
  vertical-align: top;
}

.hst-table tr:last-child td {
  border-bottom: 1px solid #f7f8f9;
}

.hst-table td {
  border-top: 1px solid #f7f8f9;
  font-family: "Open Sans";
  font-size: 12px;
}

.hst-table td:first-child {
  border-left: 1px solid #f7f8f9;
  padding-left: 30px;
}

.hst-table td:last-child {
  border-right: 1px solid #f7f8f9;
  padding-right: 30px;
}

.hst-table thead th {
  border-bottom: 1px solid #ced1d5;
}

.hst-table tbody tr:nth-child(odd) td,
.hst-table tbody tr:nth-child(odd) th {
  background-color: white;
}

.hst-table tbody tr:nth-child(even) td,
.hst-table tbody tr:nth-child(even) th {
  background-color: #f7f8f9;
}

.hst-table .bottom-border {
  border-bottom: 1px solid #ced1d5;
}

.browseJobsTable tr.unpublished a,
.browseJobsTable tr.unpublished td,
.templatesTable tr.unpublished a,
.templatesTable tr.unpublished td {
  color: #888888;
}

tr.share-links {
  padding: 5px;
  display: none;
}

tr.share-links td {
  /*border: 0px */
  padding: 4px;
  text-align: left !important;
  font-size: smaller;
  white-space: nowrap;
  vertical-align: top;
}

.browseJobsTable .actions,
.browseJobsTable .creator-name,
.browseJobsTable .title,
.browseJobsTable .applications {
  white-space: nowrap !important;
}

.browseJobsTable td.text-right,
.browseJobsTable th.text-right {
  text-align: right;
}

.browseJobsTable td.time {
  vertical-align: top;
}

.browseJobsTable .icon-time {
  margin-top: 2px;
}

table.superadmin td.username {
  color: #0088cc;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

table.superadmin td.username:hover,
table.superadmin td.username:active,
table.superadmin td.username:focus {
  color: #005580;
}

.team-table .email {
  padding-top: 15px;
  padding-bottom: 15px;
}

td.actions {
  position: relative;
  min-width: 120px;
}

td.actions .actions-more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}

td.actions .hidden-icons,
td.actions .actions-more > i {
  color: #bcbec0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 22px;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
}

td.actions .hidden-icons.transparent,
td.actions .actions-more > i.transparent {
  opacity: 0;
}

td.actions a,
td.actions a:visited {
  color: #bcbec0;
}

td.actions a:active,
td.actions a:focus,
td.actions a:hover {
  color: #58595b;
  outline: 0;
}

td.actions a.watcher,
td.actions a.private-job,
td.actions a.publish-job {
  color: #bcbec0;
}

td.actions a.watcher:hover,
td.actions a.private-job:hover,
td.actions a.publish-job:hover {
  color: #58595b;
}

td.actions a.watcher[data-watching="true"],
td.actions a.private-job[data-private="true"],
td.actions a.publish-job[data-published="true"] {
  color: #0088cc;
}

td.actions a.watcher[data-watching="true"]:hover,
td.actions a.private-job[data-private="true"]:hover,
td.actions a.publish-job[data-published="true"]:hover {
  color: #005580;
}

#credits-table {
  width: 100%;
  margin-bottom: 30px;
}

#credits-table td {
  width: 50%;
}

#credits-table td + td {
  text-align: right;
}

#credits-table .name {
  text-transform: capitalize;
}

#applicants-table {
  margin-top: 0;
  margin-bottom: 8px;
}

#applicants-table * {
  box-sizing: border-box;
}

#applicants-table th:first-child,
#applicants-table td:first-child {
  padding-left: 8px;
}

#applicants-table th:last-child,
#applicants-table td:last-child {
  padding-right: 8px;
}

#applicants-table label {
  display: table-cell;
}

#applicants-table tbody td,
#applicants-table thead th {
  text-align: right;
}

#applicants-table tbody td.vacancyDescription,
#applicants-table thead th.vacancyDescription {
  text-align: right;
}

#applicants-table .name {
  text-align: left;
}

#applicants-table th.rating {
  min-width: 125px;
}

#applicants-table .rating,
#applicants-table .color-score,
#applicants-table .stage {
  text-align: center;
}

#applicants-table .unread td:first-child {
  border-left: 4px solid white;
}

#applicants-table .unread:nth-child(odd):not(:last-child) td {
  border-bottom: 5px solid white;
}

#applicants-table .unread:nth-child(odd):not(:first-child) td {
  border-top: 5px solid white;
}

#applicants-table .unread:nth-child(even) td {
  border-top: 5px solid white;
}

#applicants-table .unread:nth-child(even):not(:last-child) td {
  border-bottom: 5px solid white;
}

#applicants-table .jobTitle a {
  font-weight: normal;
}

#applicants-table .colorBag {
  background-color: #fcb040;
}

#applicantsBrowsePanel tr.unread .jobTitle a {
  font-weight: normal;
}

.color-score i {
  font-size: 18px;
}

.color-score .disregarded i,
.color-score i.black {
  color: #333333;
}

i.red {
  color: #ea4750;
}

i.yellow {
  color: #fedf31;
}

i.green {
  color: #3eaf6a;
}

.stars {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 0;
  color: #bcbec0;
}

.stars .star {
  cursor: pointer;
  font-size: 24px;
}

.stars > .star:hover:before,
.stars > .star:hover ~ .star:before,
.stars > .star.on:before {
  text-align: center;
  position: absolute;
  font-size: 25px;
  font-family: Truman;
  margin-top: 3px;
  content: "";
  color: #fcb040;
}

.one-star > .star.on:hover {
  color: #fcb040;
}

.one-star > .star.on:hover:before {
  content: "";
}

.stars-applicant {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 0;
  color: #bcbec0;
  margin-left: 20px;
  display: inline-flex;
}

.stars-applicant .star-applicant {
  cursor: pointer;
  font-size: 24px;
}

.stars-applicant > .star-applicant:hover:before,
.stars-applicant > .star-applicant:hover ~ .star-applicant:before,
.stars-applicant > .star-applicant.on:before {
  text-align: center;
  position: absolute;
  font-size: 25px;
  font-family: Truman;
  content: "";
  color: #fcb040;
}

.one-star-applicant > .star-applicant.on:hover {
  color: #fcb040;
}

.one-star.applicant > .star-applicant.on:hover:before {
  content: "";
}

#template-settings-table {
  margin-top: 15px;
  margin-bottom: 15px;
}

#template-settings-table th,
#template-settings-table td {
  text-align: center;
  padding: 4px;
}

#template-settings-table th:first-child,
#template-settings-table td:first-child {
  text-align: left;
  padding-left: 45px;
}

#template-settings-table th.subheader,
#template-settings-table td.subheader {
  padding-left: 30px;
}

#scheduled-reports-table td:first-child,
#scheduled-reports-table th:first-child {
  padding-left: 15px;
}

#scheduled-reports-table td:not(:last-child),
#scheduled-reports-table th:not(:last-child) {
  text-align: left;
}

#scheduled-reports-table td:last-child,
#scheduled-reports-table th:last-child {
  text-align: center;
}

#scheduled-reports-table td {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 40px;
}

#current-user td.username {
  font-weight: bold;
  color: black;
}

#current-user td.username:hover {
  color: black;
}

#current-user td.username .team-leave-team {
  font-weight: normal;
}

.question {
  padding-left: 30px;
  padding-bottom: 60px;
  border-bottom: 1px dashed #d1d3d4;
}

.question .popover-warning {
  font-size: 20px;
  display: none;
}

.question.warning .popover-warning {
  display: inline-block;
}

.dragger {
  font-size: 24px;
  color: #d1d3d4;
  position: absolute;
  top: 11px;
  left: -5px;
}

.audio-warning {
  padding-bottom: 20px;
}

.question-header {
  position: relative;
  padding-left: 30px;
}

.question-header h5 {
  font-family: "Poppins-Bold";
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  width: 140px;
}

.question-header .required-switch {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.question-header .hst-switch + label {
  display: inline-block;
  font-size: 10px;
  top: 6px;
  margin-left: 5px;
}

.question-header .hst-switch + label::after {
  top: -0.17em;
}

.question-header button {
  margin-top: 5px;
}

.question-types {
  margin: 0 30px;
}

.question-types.new .question-type {
  animation-name: glow;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.question-types.new .question-type:nth-child(1) {
  animation-delay: 0s;
}

.question-types.new .question-type:nth-child(2) {
  animation-delay: 0.1s;
}

.question-types.new .question-type:nth-child(3) {
  animation-delay: 0.4s;
}

.question-types.new .question-type:nth-child(4) {
  animation-delay: 0.75s;
}

.question-types.new .question-type:nth-child(5) {
  animation-delay: 1s;
}

.question-types.new .question-type:nth-child(6) {
  animation-delay: 1.25s;
}

.question-types.new .question-type:nth-child(7) {
  animation-delay: 1.6s;
}

.question-types.new .question-type:nth-child(8) {
  animation-delay: 1.9s;
}

@keyframes glow {
  0% {
    border-color: #8f5da7;
    color: #8f5da7;
  }

  100% {
    border-color: #ef4778;
    color: #ef4778;
  }
}

.question-type {
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  height: 30px;
  width: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #003d37;
  border-radius: 30px;
  color: #003d37;
}

.question-type i {
  line-height: 30px;
  font-size: 18px;
  text-align: center;
  width: 30px;
}

.question-type.active {
  background-color: #002e29;
  border-color: #002e29;
  color: white !important;
}

.question-type.active:hover,
.question-type.active:focus {
  background-color: #002e29;
  border-color: #002e29;
  color: white;
}

.question-type:hover,
.question-type:focus {
  border-color: #002e29;
  color: #002e29;
}

.question-type:active {
  background-color: #002e29;
  border-color: #002e29;
  color: white !important;
}

.dropdown-menu.review-guide {
  width: 250px;
  margin-left: -90px;
  margin-top: 10px;
  padding: 5px;
}

.dropdown-menu.review-guide,
.dropdown-menu.review-guide * {
  box-sizing: border-box;
}

.dropdown-menu.review-guide label,
.dropdown-menu.review-guide textarea {
  font-size: 12px;
}

.answer-form .date-select {
  width: 33%;
}

.answerPanel.Slider label {
  width: auto;
}

.answerPanel .slider {
  height: 5px !important;
  margin-top: 30px;
}

.answerPanel .hst-switch + label {
  width: 2.2em;
  top: 5px;
  font-size: 10px;
  margin-left: 15px;
}

.answer-scoring {
  margin-bottom: 30px;
}

.scoring-options {
  margin: 30px 0;
}

.scoring-options .scoring-option {
  margin: 15px 0;
}

.scoring-options .score-text {
  display: inline-block;
  width: 175px;
  margin-right: 15px;
}

.scoring-options .disregard-option {
  margin-top: 30px;
}

.scoring-options i {
  font-size: 18px;
}

.scoring-options .label-question i {
  font-size: 14px;
  position: relative;
  top: 2px;
}

.scoring-options i.red {
  color: #ea4750;
}

.scoring-options i.yellow {
  color: #fedf31;
}

.scoring-options i.green {
  color: #3eaf6a;
}

.scoring-options input {
  width: 40px;
  margin: 0 15px;
}

.scoring-choice-options {
  margin-bottom: 30px;
}

.scoring-choice-options label {
  display: inline-block;
  margin-right: 30px;
}

.scoring-choice-options .scoreSelector {
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: black;
  border-radius: 15px;
  opacity: 0.25;
  position: relative;
  top: 3px;
  margin: 0 2.5px;
}

.scoring-choice-options .scoreSelector.red {
  background-color: #ea4750;
}

.scoring-choice-options .scoreSelector.yellow {
  background-color: #fedf31;
}

.scoring-choice-options .scoreSelector.green {
  background-color: #3eaf6a;
}

.scoring-choice-options .scoreSelector.selected {
  opacity: 1;
}

.answerPanel .option input {
  max-width: 350px;
  margin-bottom: 0;
}

.answerPanel .option input + a {
  font-size: 12px;
  margin-left: 15px;
  position: relative;
  top: 5px;
}

.settingsPanel {
  text-align: left;
}

#disregardBelowScore {
  margin-left: 45px;
  width: calc(50% - 45px);
  display: block;
}

.example-time-select {
  margin-bottom: 30px;
}

.example-time-select i {
  font-size: 16px;
  color: #d1d3d4;
  cursor: not-allowed;
  margin-right: 30px;
}

.example-time-select i.checked {
  color: #6d6e71;
}

.add-new-button {
  text-align: center;
  margin-top: 60px;
}

.select-type {
  text-align: center;
  margin: 75px;
  font-family: "Poppins";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

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

.display-block {
  display: block;
}

.magenta {
  color: #ef4778 !important;
}

.job-owner,
.job-owner:hover {
  color: #000;
}

.plan-box {
  width: 250px;
  height: 422.6px;
  margin: 15px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e2e3e3;
  text-align: center;
}

.plan-title {
  font-size: 18px;
  font-family: "Poppins-Bold";
  letter-spacing: 3.3px;
}

.plan-free {
  color: #6bbd97;
}

.plan-basic {
  color: #f58239;
}

.plan-pro {
  color: #a861a9;
}

.plan-enterprise {
  color: #dd3973;
}

.plan-price {
  font-size: 40px;
  color: #3c3d41;
  font-weight: bolder;
}

.plan-per-month {
  font-size: 15px;
  line-height: 2.3;
  color: black;
  font-weight: bold;
}

.plan-specifications {
  font-size: 14px;
  line-height: 1.8;
  color: #656b6f;
}

.plan-button {
  width: 174.7px;
  height: 60px;
  font-family: "Poppins-Bold";
  font-size: 18px;
  color: #f0f1f1;
  border: 0px;
  letter-spacing: 0.1em;
}

.plan-button-free {
  background-color: #6bbd97;
  border-bottom: solid 3px #447f64;
  margin-top: 45px;
}

.plan-button-basic {
  background-color: #f58239;
  border-bottom: solid 3px #f9a243;
  margin-top: 45px;
}

.plan-button-pro {
  background-color: #a763a7;
  border-bottom: solid 3px #632f7e;
  margin-top: 45px;
}

.plan-button-enterprise,
.download-resume-button {
  background-color: #f05e90;
  border-bottom: solid 3px #b3235e;
  margin-top: 0.5em;
}

.plan-current-free-message {
  font-size: 18px;
  color: #6bbd97;
  font-weight: bolder;
  margin-top: 45px;
}

.plan-current-free-box {
  border: solid 1px #7dcba7;
}

.plan-current-basic-message {
  font-size: 18px;
  color: #f58239;
  font-weight: bolder;
  margin-top: 45px;
}

.plan-current-basic-box {
  border: solid 1px #f99159;
}

.plan-current-pro-message {
  font-size: 18px;
  color: #a763a7;
  font-weight: bolder;
  margin-top: 45px;
}

.plan-current-pro-box {
  border: solid 1px #a861a9;
}

.plan-current-enterprise-message {
  font-size: 18px;
  color: #f05e90;
  font-weight: bolder;
  margin-top: 0.7em;
}

.plan-current-enterprise-box {
  border: solid 1px #ed769e;
}

/*Truman Tour*/

#step-5 {
  margin-top: 30px !important;
}

#step-6,
#step-7 {
  margin-top: 25px !important;
}

#step-1,
#step-2,
#step-3,
#step-4 {
  margin-top: 24px !important;
}

#step-7 {
  margin-left: -18px !important;
}

#step-0,
#step-1,
#step-2,
#step-3,
#step-4,
#step-5,
#step-6,
#step-7,
#step-8 {
  border-radius: 0px;
  border: 0px;
  max-width: initial;
  padding: 0px;
  margin: 0px;
  width: 350px;
  object-fit: contain;
  margin-left: -43px;
}

.header-pointer {
  width: 350px;
  height: 60px;
  background-color: #a861a9;
}

.mask {
  font-size: 11px;
  color: #c3c3c3;
  padding: 0px 2px;
}

.buttonTour {
  width: 111px !important;
  height: 30px;
  background-color: #faa341;
  border: 0px;
  box-shadow: inset 0 -2px 0 0 #ed8141;
  margin-bottom: 1.5em;
  margin-left: 0px;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  margin-top: 10px;
}

.tourModalTitle {
  font-size: 16px;
  margin-left: 32px;
  color: #ffffff;
  font-weight: bolder;
  font-family: "Poppins";
  padding-top: 1.2em;
  letter-spacing: 1.4px;
}

.tour-modal-details {
  font-family: "Open Sans", sans-serif;
  margin: 21px;
  margin-left: 45px;
  width: 280px;
  color: #262626;
  line-height: 1.6;
  font-size: 14px !important;
}

.dont-show-me {
  height: 19px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #939597;
}

.exitTour {
  margin-top: 21px;
  margin-right: 13px;
}

#center-tour {
  left: 50%;
  top: 30%;
  width: 50px;
  height: 50px;
  position: absolute;
}

div.arrow {
  border-bottom-color: transparent !important;
}

div.arrow::after {
  border-bottom-color: #a861a9 !important;
}

@media (max-height: 768px) {
  .share-modal {
    top: 45%;
    left: 50%;
    margin-left: -200px;
    margin-top: -260px;
    min-height: 490px;
    max-width: 600px;
  }

  #Job-published-modal {
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -300px;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .plan-box {
    width: 210px;
    height: 515px;
  }

  .plan-free,
  .plan-enterprise,
  .plan-four {
    margin-top: 30px;
  }

  .old-plans {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .plan-button-pro,
  .plan-button-basic,
  .plan-button-free {
    margin-top: 95px !important;
  }

  .plan-current-free-message,
  .plan-current-basic-message,
  .plan-current-pro-message {
    margin-top: 90px !important;
  }

  .plan-one {
    margin-top: 30px;
  }

  .new-plans {
    margin-bottom: 8.6em !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .plan-box {
    width: 300px;
  }

  .job-description {
    font-size: 14px !important;
  }

  .communication-question-icon {
    margin-left: 10px !important;
    padding-right: 0px !important;
  }

  .checkbox-communication {
    margin-right: 5px !important;
  }

  a.btn-gold-jobs,
  a.btn-gold-jobs:hover {
    padding: 12px 8px !important;
  }

  .template-field {
    width: 45% !important;
  }
}

/* Template Section*/

.disregarded-title {
  margin-left: 27px;
  margin-top: 23px;
  height: 30px;
}

.disregarded-scoring {
  margin-left: 71px;
  margin-bottom: 15px;
}

.disregarded-text {
  font-family: "Open Sans";
  font-size: 12px;
  color: #57585b;
  margin-top: 2em;
  font-weight: lighter;
}

.unactive-disregarded-text {
  font-family: "Open Sans";
  color: #57585b;
  opacity: 0.5;
  font-size: 12px;
  margin-top: 2em;
  font-weight: lighter;
}

.what-scoring {
  font-family: "Open Sans";
  font-size: 12px;
  color: #4b92e2;
  margin-left: 3px;
  font-weight: lighter;
  cursor: pointer;
}

.unactive-what-scoring {
  color: #4b92e2;
  font-family: "Open Sans";
  font-size: 12px;
  margin-left: 3px;
  opacity: 0.5;
}

.disregarded-check {
  display: inline-block;
  margin-left: 10px;
}

.disregarded-panel {
  border: solid 1px #f0f1f1;
  margin-top: 30px;
  padding-bottom: 20px;
}

.active-p {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.6;
  color: #57585b;
  font-weight: lighter;
}

.unactive-p {
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 1.6;
  color: #57585b;
  opacity: 0.5;
  font-weight: lighter;
}

#intercom-composer {
  display: none;
}

html,
body {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.h_iframe iframe {
  width: 100%;
  height: 1100px;
}

.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
}

.btn-flat.disabled {
  color: #b3b3b3;
  cursor: default;
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block;
  }
}

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: 20% auto;
  }
}

/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #e3f2fd;
}

.picker__frame {
  margin: 0 auto;
  max-width: 325px;
}

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
  }
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin: 0.75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__select--month.browser-default {
  display: inline;
  background-color: #ffffff;
  width: 40%;
}

.picker__select--year.browser-default {
  display: inline;
  background-color: #ffffff;
  width: 25%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05);
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

.picker__table th,
.picker__table td {
  text-align: center;
}

.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}

/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

.picker__day--outfocus {
  display: none;
  padding: 0.75rem 0;
  color: #fff;
}

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden;
}

.picker__date-display {
  text-align: center;
  background-color: #26a69a;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #a1ded8;
}

.picker__weekday-display {
  background-color: #1f897f;
  padding: 10px;
  font-weight: 200;
  letter-spacing: 0.5;
  font-size: 1rem;
  margin-bottom: 15px;
}

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem;
}

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400;
}

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.picker__box {
  padding: 0;
}

.picker__calendar-container {
  padding: 0 1rem;
}

.picker__calendar-container thead {
  border: none;
}

.picker__table {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.picker__day--infocus {
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}

.picker__day.picker__day--today {
  color: #26a69a;
}

.picker__day.picker__day--today.picker__day--selected {
  color: #fff;
}

.picker__weekday {
  font-size: 0.9rem;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  background-color: #26a69a;
  color: #ffffff;
}

.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus,
.picker--focused .picker__day--selected.picker__day--outfocus {
  background-color: #a1ded8;
}

.picker__footer {
  text-align: right;
  padding: 5px 10px;
}

.picker__close,
.picker__today {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #26a69a;
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767;
}

button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus {
  background-color: #a1ded8;
}

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: 0.75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}

/***************
      Range
***************/
.range-field {
  position: relative;
}

input[type="range"],
input[type="range"] + .thumb {
  cursor: pointer;
}

input[type="range"] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0px;
  padding: 0;
}

input[type="range"] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #26a69a;
  top: 10px;
  margin-left: -6px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type="range"] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #26a69a;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type="range"] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}

input[type="range"] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"] {
  -webkit-appearance: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #26a69a;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type="range"] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type="range"]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none;
}

input[type="range"]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  margin-top: -5px;
}

/*hide the outline behind the border*/
input[type="range"]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input[type="range"]:focus::-moz-range-track {
  background: #ccc;
}

input[type="range"]::-ms-track {
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type="range"]::-ms-fill-lower {
  background: #777;
}

input[type="range"]::-ms-fill-upper {
  background: #ddd;
}

input[type="range"]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
}

input[type="range"]:focus::-ms-fill-lower {
  background: #888;
}

input[type="range"]:focus::-ms-fill-upper {
  background: #ccc;
}