/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* Jobs Listing View & Grid View */
.sswp_load_more_posts {
    text-align: center;
    padding: 20px;
    clear: both;
}
article.job-list-v1, article.ssjob-grid {
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    background: #fff;
    margin-bottom: 30px;
    padding: 0 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-box-shadow: 0 5px 25px 0 rgb(41 128 185 / 15%);
    box-shadow: 0 5px 25px 0 rgb(41 128 185 / 15%);
    position: relative;
    overflow: hidden;
    padding: 20px 25px;
}
/* Jobs Grid views  2 col, 3 Col, 4 Col */
article.ssjob-grid {
    text-align: center;
}
.ss-job-listing-grid .row .sm-clearfix {
    clear: both;
}

/* Jobs Filter View */
.current_filter_view {
    margin: 15px 20px 20px 20px;
    background: #fff;
    padding: 15px 0;
}
.current_filter_view .row {
    margin: 0;
}
.grid_view_filter article.job-grid {
    width: 100%;
    background: #fff;
    padding: 1em;
    overflow: hidden;
    cursor: pointer;
    display: block;
    min-height: 285px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}
#ssjob-filter-main-content .grid_view_filter{
    display: none;
}
.grid_view_filter {
    padding: 20px 0;
}
.grid_view_filter .row {
    margin: 0;
}
.ss-job-listing-grid .job-information > div {
    padding: 5px 0 5px 0;
}
.ss-job-listing-grid .button_container {
    -ms-flex: 60%;
    flex: 60%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.button_container button {
    background: none;
    padding: inherit;
}
.ss-job-listing-grid aside.sidebar header {
    display: flex;
    padding: 1px 10px;
    background: #f4f4f4;
    align-items: center;
    height: 60px;
}
.ss-job-listing-grid .sidebar-wrapper, .ss-job-listing-grid .sidebar-wrapper aside {
    padding: 0;
    margin-bottom: 20px;
}
div#ssjob-filter-main-content {
    padding: 0;
    background: #f4f4f4;
}
#ssjob-filter-main-content h3, .job-single-filter-template h3  {
    margin: 0;
    background: #01a1eb;
    padding: 0.28em 0.8em;
    display: flex;
    align-items: center;
    height: 60px;
    color: #000;
}
.filter-listing-form {
    padding-top: 10px;
}
.filter-listing-form label.heading-label {
    font-weight: bold;
}
.button_container button.list_view {
    margin-right: 7px;
}
.ss-job-listing-grid aside.sidebar header label {
    color: #000;
    margin-bottom: 0;
}
.ssjob-filter-listing-form .ssj-form-group {
    border: none;
    padding-right: 10px;
    padding-left: 0;
}
.ssjob-filter-listing-form .ssj-form-group li.list-item {
    padding-bottom: 5px;
    padding-top: 8px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 0 !important;
    list-style: none;
}
.ssjob-filter-listing-form .ssj-form-group label {
    color: #2e2f30;
    font-weight: normal;
    margin-left: 10px;
}
.ssjob-filter-listing-form input#filter_title {
    border: 1px solid #dde6ef;
    border-radius: 60px;
    height: 40px;
}
/* Job Single Page Temp 1 */
.job-single-v2 .job-detail-header, .job-single-v2 .job-detail-description, .sidebar-job aside {
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #eaeff5;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-bottom: 30px;
}
ul.list-detail-candidate {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
ul.list-detail-candidate li {
    flex-grow: 1;
    width: 33%;
}
.job-single-v2 .sidebar-job ul {
    list-style: none;
}
.job-single-v2 .sidebar-job ul li {
    margin-bottom: 20px;
}
.job-single-v2 .job-detail-description .detail-wrapper-header, .sidebar-job aside .widget-title {
    border-bottom: 1px solid #eaeff5;
    padding: 14px 20px;
    margin-bottom: 10px;
}
.ssj-detail-temp-two .ss-job-detail-sidebar {
    border-top: 2px solid #eaeff5;
    padding-top: 20px;
}
.ssj-v1-content-block {
    clear: both;
}
.hide-extra-companies{
    display: none;
}
.form-fiessj-login_email label.ssjob-label:after,
.form-fiessj-login_password label.ssjob-label:after,
.form-fiessj-registration_email label.ssjob-label:after,
.ssj-form-group.required .control-label:after{
    content: "*";
    color: #dc3545;
}
.sswp-require-field {
    border: 1px solid #dc3545 !important;
}
label.ssjob-label.label-ss_job_r_guest {
    display: inline-block;
}
/* JOB Listing */
.ss-job-listing-grid span.ssjob-label {
    font-weight: 600;
    margin-right: 10px;
}
.job-detail-v1 {
    border-bottom: 2px solid;
}
a#additional_btn {
    font-weight: bold;
    text-decoration: underline;
}
.ssjob-main h2 {
    margin-top: 15px;
    margin-bottom: 0;
}

span.ssjob-contentssjob__JobCategory {
    display: block;
}
span.ssjob-contentssjob__City, .ssjob-contentssjob__State {
    color: #2e2f30 !important;
    font-weight: 600;
}
article.job-single-filter-template {
    background: #f4f4f4;
    margin-top: 20px;
}
.job-single-filter-template .ssjob-main {
    background: #fff;
    margin: 28px 0;
}
.job-single-filter-template .sidebar-job aside {
    background: #fff;
    margin-top: 25px;
}
.job-single-filter-template .ssjob-main .filter-detail-wrapper {
    padding: 10px 30px;
}
/*.job-single-filter-template h4.ss-job-detail-heading {
    margin-top: 10px;
    color: #46474a;
    font-size: 1.6em;
    font-weight: 500;
}*/
.job-single-filter-template .ssjob-content.detail-wrapper-body {
    font-size: 1em;
    color: #46474a;
}
.job-single-filter-template .job-detail-detail h2.ssjob-title.job-title {
    overflow: hidden;
    margin-bottom: 0.2em;
    margin-top: 1em;
    display: block;
    text-decoration: none;
}
.job-single-filter-template span.ssjob-content.value.ssjob-JobType {
    display: block;
    display: block;
    margin-bottom: 1em;
    font-size: 1.2em;
    color: #2e2f30;
    font-weight: 600;
}
.job-single-filter-template span.ssjob-content.value.ssjob-City, span.ssjob-content.value.ssjob-State {
    color: #939597;
    font-weight: 500;
    font-size: 1.1em;
}
.filter-ssjob-buttons a.ssj-btn {
    width: 100%;
    padding: 0.5em;
    margin-top: 1em;
}
/* Job Registration Page */
.ssjob-registration-form .ssj-form-group.ssjob-hidden {
    display: none;
}
.sswp_interested_block_temp_one button, .sswp_interested_block_temp_three button {
    width: 100%;
    margin: 5px 0;
}
div#sswp_interest_message, div#sswp_not_interest_message {
    display: inline-block;
}
span.get_random_string {
    font-weight: bold;
    font-style: italic;
}
/* loader CSS */
.ssj-loader  div#main-content, .ssjob-registration-form.ssj-loader {
    opacity: 0.6;
}
.ssj-roller {
  display: none;
  position: relative;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  z-index: 111112;
  margin: 0 auto;
  /* transform: translateY(-50%); */
  opacity: 1;
}
.ssj-roller div {
  animation: ssj-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.ssj-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2271b1;
  margin: -4px 0 0 -4px;
}
.ssj-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.ssj-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.ssj-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.ssj-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.ssj-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.ssj-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.ssj-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.ssj-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.ssj-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.ssj-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.ssj-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.ssj-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.ssj-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.ssj-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.ssj-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.ssj-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes ssj-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* loader End CSS */
@media screen and (max-width: 600px) {
    ul.list-detail-candidate li {
        width: 100%;
    }
}
dl.ssj-accordion dd {
    padding-left: 0;
    margin: 0px;
}
.ssjob-filter-listing-form .ssj-form-group label {
    margin-left: 0;
}
dl.ssj-accordion input[type=checkbox], dl.ssj-accordion input[type=radio] {
    margin-right: 0;
}
.ssjob-filter-listing-form .ssj-form-group li.list-item {
    border: 0;
    padding: 0;
}
dl.ssj-accordion a:hover , dl.ssj-accordion a:focus ,
dl.ssj-accordion input[type=checkbox]:focus, dl.ssj-accordion input[type=radio]:focus {
    outline: none;
}
.ssjob-filter-listing-form .ssj-form-group {
    margin-bottom: 0;
}
dl.ssj-accordion dt {
    margin-bottom: 10px;
}
.ssjob-filter-listing-form .ssj-form-group .ssj-form-group-inner.inner {
    margin-bottom: 10px;
}
.ssjob-filter-listing-form .ssj-form-group ul {
    margin-top: 0;
    padding-left: 4px;
    max-height: 130px;
    overflow-y: auto;
    margin-left: 0;
}
dl.ssj-accordion dt a {
    position: relative;
    width: 100%;
    display: block;
    font-weight: 500;
}
dl.ssj-accordion dt a[aria-expanded="false"]:before {
    content: "-";
    right: 0;
    position: absolute;
    font-size: 30px;
    top: -10px;
    font-weight: normal;
}
body dl.ssj-accordion dt a[aria-expanded="true"]:before {
    content: "+";
    right: 0;
    position: absolute;
    font-size: 30px;
    top: -10px;
}
/*body dl.ssj-accordion dt:first-child a[aria-expanded="false"]:before  {
    content: "-" !important;
}
body dl.ssj-accordion dt:first-child a[aria-expanded="true"]:before {
   content: "+" !important;
}*/
.ssjob-filter-listing-form {
    padding: 0px 10px;
}
.ssjob-filter-listing-form .ssj-form-group label {
    font-size: 0.82em;
}
/* Related Jobs */
.ssj-related-items h4.ssjob-title {
    margin-bottom: 0;
    font-size: 18px;
}
.ssj-related-inner-content span {
    font-size: 14px;
}
.ssj-related-items {
    border-bottom: 1px solid #eaeff5;
    padding: 20px 0;
}
.ssj-related-items:last-child {
    border: none;
}
.ssj-related-jobs h2.ssjob-title {
    margin-bottom: 20px;
    font-size: 20px;
}
.ssj-related-jobs {
    padding: 10px 0;
}
/*//Typeahead CSS*/
.ssj-accordion .ssj-form-group-inner.inner span.twitter-typeahead {
    width: 100%;
}
.typeahead, .tt-query, .tt-hint {
    width: 213px !important;
}
.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 213px;
}
.tt-suggestion {
    font-size: 16px;  /* Set suggestion dropdown font size */
    padding: 3px 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    background-color: #0097CF;
    color: #FFFFFF;
}
.tt-suggestion p {
    margin: 0;
}
.ss-job-logout-block.ssjob-main {
    padding: 30px 50px;
    background: #f5f5f5;
}
span.ssj-welcome-msg {
    font-size: 30px;
    color: #000;
    font-weight: bold;
}
.ssjob-buttons.ssjob__Jo_button.ssj-logout {
    padding-top: 20px;
}
.ssj-apply-now-block {
    padding: 10px;

}
.ssj-apply-now-block .filter-ssjob-buttons {
    padding: 20px;
    background: #fff;
}
.ssj-apply-top-block {
    display: none;
}
@media only screen and (max-width: 1024px){
    .ssj-apply-top-block {
        display: block;
    }
    .ssj-apply-bottom-block{
        display: none;
    }
}