.paymentDialogPaper {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 400px !important;
  height: calc(100% - 16px) !important;
  max-height: 600px !important;
  margin: 8px !important;
}

.paymentDialogContainer {
  width: 100%;
  margin: auto auto 0;
}

.paymentDialogPaper .pTitle {
  margin: 16px 0;
  font-size: 32px;
}

.paymentDialogPaper .pTitle .pro {
  color: #fbbc04;
  font-size: 24px;
}

.paymentDialogPaper .pTitle .for {
  margin-left: 8px;
  display: inline-block;
}

.feature {
  padding: 16px;
}

.feature .fTitle, .feature .fDescription {
  font-size: 18px;
}

.feature .fDescription {
  min-height: 45px;
}

.feature .fTitle {
  margin-bottom: 10px;
  font-weight: 600;
}

.points {
  margin: 12px auto auto;
  display: inline-flex;
}

.points .point {
  cursor: pointer;
  background-color: #d9d9d9;
  border-radius: 100%;
  margin: auto 4px;
  padding: 4px;
}

.points .point.selected {
  background-color: #434343;
}

.points .prevIcon {
  cursor: pointer;
  margin-right: 16px;
}

.points .nextIcon {
  cursor: pointer;
  margin-left: 16px;
}

.paymentButtons {
  padding: 16px 36px 10px;
}

.paymentButtonProceed, .paymentButtonCancel {
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  border-style: none;
  border-radius: 100px;
  outline: none;
  width: 100%;
  min-height: 40px;
  margin: 20px auto auto;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 600;
  transition-property: background;
  transition-duration: .2s;
  display: block;
}

.paymentButtonProceed {
  background: #fbbc04;
  height: 50px;
}

.paymentButtonCancel {
  width: initial;
  color: #757575;
  background-color: #fff;
}

.options {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.option {
  cursor: pointer;
  color: #707d86;
  background-clip: padding-box;
  border: 3px solid #fff;
  border-radius: 10px;
  flex-direction: column;
  flex-grow: 1;
  max-width: 140px;
  padding: 14px 4px;
  transition-property: color;
  transition-duration: .25s;
  display: flex;
  position: relative;
}

.option .month {
  margin-top: 5px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}

.option .monthLabel, .option .price, .option .save {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
}

.option .price b {
  font-size: 15px;
}

.option .save {
  color: #396a92;
  margin-bottom: 6px;
  font-weight: 600;
}

.option .topLabel {
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 6px 10px;
  font-size: 7px;
  font-weight: 600;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
}

.option.selected {
  background-color: #f5f7fa;
  border-color: #396a92;
}

.option.selected .month, .option.selected .monthLabel {
  color: #424242;
}

.option.selected .monthLabel {
  font-weight: 600;
}

.option.selected .topLabel {
  color: #fff;
  background-color: #396a92;
  border-radius: 10px 10px 0 0;
  margin: 0 -3px;
  font-size: 11px;
  font-weight: 600;
  top: -16px;
}

.searchBox {
  justify-content: space-between;
  margin: 10px;
  display: flex;
}

.searchTextContainer {
  float: left;
  width: calc(100% - 84px);
  padding: 5px 10px;
}

.searchTextContainer .keywords {
  height: 26px;
  overflow: hidden;
}

.searchTextContainer .keywords.placeHolder {
  font-size: 16px;
}

.searchTextContainer .location {
  font-size: 14px;
}

.searchTextContainer .location.placeHolder, .searchTextContainer .keywords.placeHolder {
  color: #bcbcbc;
}

.searchButton {
  width: 42px !important;
  height: 42px !important;
}

.searchButtonWithText {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.searchSection {
  width: 100%;
  position: absolute;
}

#keyWords, #email, .locationField input, .LocationFieldMain input {
  width: 300px;
  height: 23px;
  font-size: 16px;
  padding: 10px !important;
}

.LocationFieldMain button {
  z-index: 10;
}

.LocationFieldMain div:first-child, .locationField div:first-child {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.nearLabel {
  margin: 8px;
}

.searchDialogContent {
  padding: 10px !important;
}

@media (width <= 768px) {
  .searchBox {
    margin-top: 68px;
  }

  .keywordsField {
    margin-bottom: 10px !important;
  }

  .locationField {
    margin-bottom: 16px !important;
  }

  .searchSectionContent {
    padding: 20px 24px;
  }
}

@media (width >= 769px) {
  .searchSection.centered {
    text-align: center;
    top: calc(30% - 8px);
  }

  .searchBox {
    margin-top: 76px;
  }

  .keywordsField {
    width: 300px;
    vertical-align: middle !important;
  }

  .searchButtonD {
    height: 43px;
    bottom: 0;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .locationField {
    display: inline-flex;
  }

  .locationField div:first-child {
    width: 300px;
  }

  .searchSectionContent {
    align-items: center;
    padding: 20px 16px;
    display: flex;
  }

  .locationValueContainer {
    min-width: 230px;
  }
}

@media (width <= 768px) {
  .clLogo {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .clLogo img {
    max-width: 38px;
    max-height: 38px;
  }

  .clInfo {
    margin-left: 56px;
  }

  .logoSkeleton {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (width >= 769px) {
  .clLogo {
    width: 56px;
    height: 56px;
    margin-left: 24px;
    font-size: 28px;
  }

  .clLogo img {
    max-width: 54px;
    max-height: 54px;
  }

  .clInfo {
    margin-left: 80px;
  }

  .cl .clAvatar {
    width: 54px !important;
    height: 54px !important;
  }

  .logoSkeleton {
    width: 56px !important;
    height: 56px !important;
  }
}

.logoSkeleton {
  border-radius: 4px;
  margin: 16px;
  position: absolute !important;
}

.listActions {
  text-align: right;
  border-top: 1px solid #e1e1e1;
  padding: 0 8px;
}

.cl {
  cursor: pointer;
  vertical-align: top;
  background-color: #fafafa;
  border-top: 1px solid #0000001a;
  outline: 0;
  width: 100%;
  padding: 0;
  display: inline-block;
  position: relative;
}

.cl.selected, .cl:hover {
  background-color: #eee;
}

.cl.cat {
  background-color: #e6f8ff;
}

.cl.cat.selected, .cl.cat:hover {
  background-color: #d9ebf2;
}

.clLogo {
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  align-items: center;
  margin: 16px;
  line-height: 2em;
  display: inline;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.clLogo img {
  border-radius: 4px;
}

.clInfo {
  padding: 13px 16px 11px;
}

.bookmarkIcon {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
}

.clTitle {
  color: #222;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.clCompany {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.clLocation {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0000008a;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.clJobMoreInfoSection {
  color: #0000008a;
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 1.5em;
}

.jobMoreInfo {
  display: inline-block;
}

.jobMoreInfo.rtl {
  margin-left: 8px;
}

.jobMoreInfo.ltr {
  margin-right: 8px;
}

.jobMoreInfo .jobMoreInfoIcon {
  fill: currentColor;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.jobMoreInfo.rtl .jobMoreInfoIcon, .jobMoreInfo.ltr .jobMoreInfoIcon {
  padding-right: 4px;
}

.jobMoreInfo .jobMoreInfoText {
  vertical-align: middle;
}

.histogramObjectText {
  font-size: 14px;
}

.reportInfo {
  border-top: 1px solid #e1e1e1;
  padding: 8px 16px;
  line-height: 1.5;
}

.histogramObjectText a {
  color: #396a92;
}

.expired {
  color: #db4437;
}

.clAvatar {
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.clAvatar.margin {
  margin: 16px;
}

.clAvatar.positionAbsolute {
  position: absolute !important;
}

.clAvatar.header {
  cursor: pointer;
}

.clAvatar.pro {
  box-sizing: border-box;
  border: 2px solid #fbbc04;
}

@media (width >= 769px) {
  .clAvatar.header {
    margin-left: 30px;
  }
}

.modal-content {
  max-width: 216px;
}

.shareButtons {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.shareIcon {
  box-sizing: border-box;
  cursor: pointer;
  background-clip: padding-box;
  border-radius: 50%;
  -ms-flex-align: center;
  box-shadow: 0 2px 5px #00000042;
}

.modalTitle {
  color: #000000de;
  padding-bottom: 19px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.urlToShareContainer {
  margin: 0 3px;
  display: block;
  position: relative;
}

#urlToShare {
  color: #000000de;
  cursor: pointer;
  border: none;
  border-bottom: 1px solid #0000001f;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 4px 0;
  font-size: 16px;
  line-height: 18px;
}

#urlToShare:focus {
  border-bottom: 2px solid #5677fc;
  outline: none;
}

.labelUrlToShare {
  cursor: pointer;
  color: #0000008a;
  padding-top: 11px;
  padding-bottom: 7px;
  font-size: 14px;
  line-height: 16px;
}

.shareDialogActions {
  padding: 8px 24px 16px !important;
}

@media (width <= 768px) {
  .card {
    width: 100%;
    padding-top: 54px;
  }

  .cardHeader, .cardFooter {
    padding: 24px;
  }

  .cardHeader, .jobHuntUsersCardHeader {
    box-sizing: border-box;
    height: 245px;
    position: relative;
  }

  .cardHeaderContent {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .jobTitleSection .shareButton {
    z-index: 200;
    color: #fff;
    opacity: 1;
    vertical-align: middle;
    padding: 15px 24px 16px 0;
    transition-property: opacity;
    transition-duration: .3s;
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
  }

  .shareButton:hover {
    color: #000000de;
    cursor: pointer;
  }

  .jobTitle {
    width: 100%;
    max-height: 3.3em;
    font-size: 28px;
    line-height: 1.1em;
  }

  .jobTitleSection, .jobCompany, .jobLocation {
    color: #fff;
  }

  .cardLogo {
    box-shadow: 0 2px 8px #0003;
  }

  .cardLogo img {
    max-width: 38px;
    max-height: 38px;
  }

  .apply.onTop {
    z-index: 150;
    vertical-align: middle;
    margin: 10px 0;
    position: fixed;
    top: 0;
    right: 65px;
  }

  .apply.onTop button {
    color: #fff !important;
    border-color: #fff !important;
    height: 36px !important;
  }

  .applySection {
    box-sizing: border-box;
  }

  .applySection .buttonContainer {
    min-height: 36px;
  }

  .card.empty {
    height: 100%;
    padding: 25px;
  }

  .jobBadge {
    text-align: center;
    margin-top: 16px;
    padding-bottom: 16px;
  }

  .jobBadge .name, .jobBadge .connectAnyway {
    width: fit-content;
    margin: auto auto 8px;
    padding: 4px 12px;
    display: block;
  }

  .jobBadge .connectAnyway {
    margin-top: 8px;
  }

  .applyButton.orphan {
    min-width: 152px;
    max-width: 180px;
  }

  .bookmarkIconContentText {
    z-index: 150;
    color: #fff;
    opacity: 1;
    vertical-align: middle;
    margin-right: 20px;
    padding: 10px 40px 16px 0;
    font-size: 14px;
    line-height: 40px;
    transition-property: opacity;
    transition-duration: .3s;
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
  }

  .bookmarkIconContent {
    z-index: 150;
    color: #fff;
    opacity: 1;
    vertical-align: middle;
    padding: 10px 90px 16px 0;
    font-size: 15px;
    line-height: 50px;
    transition-property: opacity;
    transition-duration: .3s;
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
  }
}

@media (width >= 769px) {
  .cardLogo img {
    max-width: 38px;
    max-height: 38px;
  }

  .card {
    width: 100%;
    min-height: -webkit-calc(100% - 36px);
    min-height: calc(100% - 36px);
    margin: 16px 16px 4px;
    overflow-y: auto;
  }

  .cardHeader, .cardFooter {
    padding: 32px;
  }

  .jobHuntUsersCardHeader {
    padding: 24px;
  }

  .jobTitleSection .shareButton {
    color: #0000008a;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 4px;
  }

  .jobTitleSection .shareButton.rtl {
    left: 0;
  }

  .jobTitleSection .shareButton.ltr {
    right: 0;
  }

  .jobTitle {
    width: 80%;
    max-height: 2.3em;
    font-size: 30px;
    line-height: 1.15em;
  }

  .jobTitleSection {
    color: #222;
  }

  .jobLocation, .jobCompany {
    color: #0000008a;
  }

  .jobInfoSection {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 32px;
  }

  .card.empty {
    padding-top: 150px;
  }

  .jobBadge {
    text-align: left;
    margin-top: 8px;
    padding-bottom: 8px;
    line-height: 2;
  }

  .jobBadge .name, .jobBadge .connectAnyway {
    padding: 5px 8px;
  }

  .jobBadge .name {
    margin-right: 12px;
  }

  .jobBadge .connectAnyway {
    margin-right: 6px;
    display: inline-block;
  }

  .jobTitleSection .bookmarkIconContentText {
    color: #0000008a;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1;
    font-size: 12px;
    line-height: 40px;
    display: inline-block;
    position: absolute;
  }

  .bookmarkIconContent.ltr {
    margin-right: 85px;
    right: 0;
  }

  .bookmarkIconContent.rtl {
    margin-left: 75px;
    left: 0;
  }

  .bookmarkIconContent {
    color: #0000008a;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1;
    line-height: 54px;
    display: inline-block;
    position: absolute;
    top: 0;
  }
}

.jobBadge {
  direction: ltr;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
}

.jobBadge .name, .jobBadge .connectAnyway {
  border-radius: 12px;
  font-weight: 700;
  line-height: 1;
}

.jobBadge .name {
  color: #fff;
  cursor: default;
  background-color: #ea7600;
}

.jobBadge .connectAnyway {
  color: #000;
  cursor: pointer;
  background-color: #fbbc04;
}

.expiredBadge .name {
  background-color: #db4437;
}

.card {
  vertical-align: top;
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  box-shadow: 0 0 2px #0003;
}

.card.rtl {
  direction: rtl;
}

.cardHeader, .jobHuntUsersCardHeader {
  padding-bottom: 0;
}

.cardFooter {
  padding-top: 0;
}

.jobTitleSection {
  margin-bottom: 12px;
  position: relative;
}

.jobTitle {
  white-space: normal;
  text-overflow: ellipsis;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

.jobCompany {
  margin: 0 0 4px;
}

.jobLocation, .jobCompany {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 1.25em;
  overflow: hidden;
}

.cardLogo {
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  cursor: default;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 2em;
  display: inline-block;
  position: absolute;
}

.cardLogo img {
  border-radius: 4px;
}

.jobInfoSection {
  position: relative;
}

.applySection {
  border-bottom: 1px solid #ebebeb;
  padding: 16px 0;
}

.jobInfoSectionInner {
  display: inline-block;
}

.jobInfoSectionInner.rtl {
  margin-right: 50px;
}

.jobInfoSectionInner.ltr {
  margin-left: 50px;
}

.jobMoreInfoSection {
  color: #0000008a;
  margin: 16px 0;
  font-size: 14px;
}

.jobMoreInfoSection .jobMoreInfo {
  direction: ltr;
  border: 1px solid #0000000d;
  padding: 4px;
}

.jobMoreInfo {
  display: inline-block;
}

.jobMoreInfo.rtl {
  margin-left: 8px;
}

.jobMoreInfo.ltr {
  margin-right: 8px;
}

.jobMoreInfo .jobMoreInfoIcon {
  fill: currentColor;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.jobMoreInfo.rtl .jobMoreInfoIcon, .jobMoreInfo.ltr .jobMoreInfoIcon {
  padding-right: 4px;
}

.jobMoreInfo .jobMoreInfoText {
  vertical-align: middle;
}

.cardFooterLink {
  z-index: 0;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  position: relative;
}

.cardFooterLink .icon {
  z-index: -1;
  fill: currentColor;
  color: #0000008a;
  width: 24px;
  height: 24px;
  padding: 16px 0;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  top: -3px;
}

.cardFooterLink .link {
  box-sizing: border-box;
  color: #000000de;
  text-overflow: ellipsis;
  width: 100%;
  padding: 16px 36px 16px 56px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}

.cardFooterLink .arrow {
  z-index: -1;
  color: #0000008a;
  fill: currentColor;
  width: 24px;
  height: 24px;
  padding: 16px 0;
  line-height: 24px;
  display: inline-block;
  position: absolute;
  top: -3px;
}

.cardFooterLink.ltr .icon {
  left: 0;
}

.cardFooterLink.rtl .icon {
  right: 0;
}

.cardFooterLink.ltr .link {
  padding: 16px 36px 16px 56px;
}

.cardFooterLink.rtl .link {
  padding: 16px 56px 16px 36px;
}

.cardFooterLink.ltr .arrow {
  right: 0;
}

.cardFooterLink.rtl .arrow {
  left: 0;
  transform: scaleX(-1);
}

.tagsSection {
  border-bottom: 1px solid #ebebeb;
  padding: 16px 0 12px;
}

.card.empty {
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
}

.card.empty .icon {
  color: #737373;
  text-align: center;
  padding: 10px;
  font-size: 80px;
}

.modalOption {
  text-align: left;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.reportButton {
  padding-left: 0;
  padding-right: 0;
  color: #757575 !important;
  direction: ltr !important;
  margin-top: 8px !important;
}

.reportButtonReview .icon {
  font-size: 18px;
  transform: rotate(335deg);
  color: #757575 !important;
}

.reportButton .icon {
  margin-right: 4px;
  font-size: 18px;
  transform: rotate(335deg);
}

.reportButton .label {
  text-transform: capitalize;
  color: #000000de;
}

.rdw-editor-wrapper {
  border: 1px solid #f0f0f0;
}

.histogramFooter {
  border-top: 1px solid #0000001a;
}

.histogramFooterLinks {
  padding: 16px;
  font-size: 14px;
  line-height: 1.2;
}

.histogramFooterLinks .label {
  color: #222;
  margin-bottom: 6px;
}

.histogramFooterLinks .links {
  text-align: center;
  word-wrap: break-word;
  width: 100%;
  margin: 0 15px;
  line-height: 1.8;
}

.histogramFooterLinks .links a {
  color: #396a92;
  text-transform: capitalize;
  white-space: pre-wrap;
}

.histogramFooter .links div {
  display: inline-block;
}

@media (width <= 768px) {
  .histogramFooterLinks .links a {
    margin-right: 15px;
  }
}

@media (width >= 769px) {
  .histogramFooterLinks .links a {
    margin-right: 10px;
  }
}

.jobswipePro {
  text-align: center;
  cursor: pointer;
  margin: 16px 16px 0;
  padding: 16px;
}

.jobswipeProCredits {
  text-align: center;
  cursor: default;
  padding: 16px;
}

.jobswipeProCreditsTitle {
  font-weight: bold !important;
}

.jobswipePro .JobSwipeLogo, .jobswipePro .proLogo {
  display: inline;
}

.jobswipePro .JobSwipeLogo {
  color: #424242;
}

.jobswipePro .mtext {
  color: #757575;
  font-size: 14px;
  line-height: 1.3125;
}

.crefitContainer {
  padding: 16px 16px 0;
}

.pageContainer {
  align-items: stretch;
  justify-content: inherit;
  display: flex;
}

.page {
  min-width: 35px !important;
  margin: 0 1px !important;
  font-size: 16px !important;
}

@media (width <= 768px) {
  .histogramSection {
    width: 100%;
    min-height: calc(100% - 65px);
  }
}

@media (width >= 769px) {
  .histogramSection {
    min-width: 368px;
    max-width: 368px;
    margin-left: 16px;
    display: inline-block;
    box-shadow: .5px 0 #0000001a, -.5px 0 #0000001a;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) !important;
  }

  .histogramSection.hidden {
    display: none !important;
  }
}

.histTab {
  min-width: initial !important;
}

.histTab span {
  text-transform: capitalize;
}

.histogramSection {
  background-color: #fafafa;
  height: 100%;
  overflow: hidden auto;
}

.cards {
  margin: 0;
  padding: 0;
}

.histTitle {
  background-color: #fafafa;
  border-top: 1px solid #0000001a;
  padding: 16px;
  font-size: 16px;
}

.hideListButton {
  transform: rotate(180deg);
  margin-right: 8px !important;
  padding: 0 !important;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1) !important;
}

.hideListButton.on {
  transform: rotate(0);
}

.pagesContainer {
  background-color: #fafafa;
  border-top: 1px solid #0000001a;
  justify-content: center;
  padding: 5px 15px;
}

.histogramSpinner {
  text-align: center;
  margin: 16px;
}

.searchCompanies {
  margin-bottom: 16px !important;
}

.searchCompanies input {
  padding: 10px;
}

.histAlert {
  vertical-align: top;
  background-color: #fafafa;
  border-top: 1px solid #0000001a;
  outline: 0;
  width: 100%;
  padding: 0;
  display: inline-block;
  position: relative;
}

.histAlert .alert {
  background-color: #e6f8ff;
  border-radius: 3px;
  margin: 8px 16px;
  padding: 8px;
  line-height: 22px;
  box-shadow: 0 2px 3px #0000001a, 0 0 2px #0003;
}

.clickableText {
  cursor: pointer;
  color: #1861bf;
}

.closeIcon {
  top: 8px;
  right: 16px;
  position: absolute !important;
}

.tag {
  color: #3c4043;
  cursor: pointer;
  white-space: nowrap;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #dfe1e5;
  border-radius: 32px;
  outline: 0;
  margin: 3px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 32px;
  display: inline-block;
  overflow: hidden;
}

.tag.selected {
  color: #396a92;
  background-color: #e8f0fe;
  border: 1px solid #d2e3fc;
}

.tag.rect {
  border-radius: 3px;
}

@media (width <= 768px) {
  .filterSection {
    width: 100%;
    min-height: 48px;
    max-height: 48px;
    bottom: 0;
    overflow: auto;
    box-shadow: 0 0 4px #0000001f, 0 -8px 24px #0000003d;
  }

  .filterTabs {
    background-color: #396a92;
    width: 100%;
    position: fixed;
  }

  .filterTagsSection {
    margin-top: 48px;
  }

  .filterSection.expanded {
    min-height: 200px;
    max-height: 200px;
  }

  .filterTab span {
    opacity: .8;
  }

  .filterTabsLabel, .filterTab span {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
  }

  .filterTab.selected span {
    opacity: initial;
  }

  .filterTab.filtered span {
    color: #f4b400;
    opacity: initial;
  }

  .filterTab.filtered {
    opacity: 1;
  }

  .tabIndicator, .tabIndicator.filtered {
    background-color: #f4b400 !important;
  }

  .filterTabsLabel {
    padding: 16px 0 16px 16px;
  }

  .filterTabsRow {
    margin-left: 100px;
  }

  .filterTagsSection {
    padding: 6px 16px 5px;
  }

  .clearFilter {
    position: relative;
    bottom: 8px;
    color: #fff !important;
    background-color: #ffffff4d !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }

  .clearFilter svg {
    color: #fff !important;
  }
}

@media (width >= 769px) {
  .filterSection {
    width: calc(100% - 32px);
    min-height: 100px;
    max-height: 100px;
    margin: 0 16px;
    top: 138px;
    overflow: hidden;
    box-shadow: 0 2px 4px #00000026;
  }

  .filterSection:hover {
    max-height: 195px;
    overflow: auto;
  }

  .filterTab {
    min-width: initial !important;
  }

  .filterTabs {
    padding-left: 16px;
    padding-right: 16px;
  }

  .filterTabsLabel, .filterTab span {
    color: #0000008a;
    text-transform: capitalize;
    font-size: 14px;
  }

  .filterTab.selected span {
    color: #396a92;
  }

  .filterTab.filtered span {
    color: #f09300;
  }

  .filterTabsLabel {
    padding: 16px 0;
  }

  .filterTabsRow {
    margin-left: 60px;
  }

  .filterTagsSection {
    max-width: 1447px;
    padding: 6px 16px 5px;
  }

  .clearFilter {
    color: #396a92 !important;
    background-color: #f5f5f5 !important;
  }

  .clearFilter svg {
    color: #396a92 !important;
  }

  .tabIndicator {
    background-color: #396a92 !important;
  }

  .tabIndicator.filtered {
    background-color: #f09300 !important;
  }
}

@media (width >= 1200px) {
  .filterSection {
    max-width: 1168px;
    margin: 0 calc(50% - 584px);
  }
}

.filterSection {
  z-index: 2;
  background-color: #fff;
  transition-duration: .6s;
  position: absolute;
}

.filterTabsLabel {
  cursor: default;
  position: absolute;
}

.clearFilter {
  position: relative;
  bottom: 8px;
  font-size: 14px !important;
  font-weight: bold !important;
}

.MuiTab-textColorPrimary-113.MuiTab-selected-115 {
  color: #ff0 !important;
}

.filter-journey {
  background-color: #fff;
  padding: 16px 16px 8px;
}

.profileSection {
  margin: 16px;
  padding: 16px;
  position: relative;
}

.profileListSection {
  position: relative;
}

.sectionTitle {
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}

.sectionText {
  color: #0000008a;
  padding: 5px 0;
  font-size: .8rem !important;
}

.profileActions {
  top: 0;
  right: 0;
  position: absolute !important;
}

.profileButtons {
  text-align: right;
  margin-top: 20px;
}

.profileFieldText {
  margin-top: 5px;
}

.profileField {
  white-space: pre-line;
  margin-top: 10px;
}

.profileField .text {
  color: #000000de;
  font-size: 14px;
  line-height: 1.5em;
}

.profileEditText {
  cursor: pointer;
  color: #396a92;
}

.profileTag {
  direction: ltr;
  margin: 3px !important;
}

.profileField.list .title {
  text-transform: capitalize;
  padding-top: 15px;
  font-size: 15px;
  font-weight: bold;
}

.profileField.list .underTitle {
  text-transform: capitalize;
  color: #757575;
  padding-top: 18px;
}

.profileField.list .location {
  color: #757575;
  padding-top: 8px !important;
}

.profileField.list .description {
  color: #757575;
  padding-top: 8px;
}

.profileField.list .dates {
  color: #757575;
  text-align: right;
  max-width: 25%;
  font-weight: normal;
  position: absolute;
  top: 50px;
  right: 15px;
}

.profileField.list {
  margin-top: 0;
  margin-bottom: 10px;
}

.profileListSection form {
  margin: 10px 0;
}

.profileField .icon {
  display: inline;
}

.profileLink {
  display: flex;
}

.profileLink .icon {
  margin-right: 5px;
}

.profileLink .link {
  margin-top: 4px;
}

.profileBasic .name {
  text-transform: capitalize;
  margin-bottom: 1px;
  font-size: 24px;
  font-weight: 700;
}

.profileBasic .title {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 20px;
}

.profileBasic .location {
  text-transform: capitalize;
  color: #0000008a;
  font-size: 14px;
  line-height: 20px;
}

.profileTag .star, .inputTag {
  color: #bdbdbd !important;
}

.profileTag .selected, .inputTag.selected {
  color: #396a92 !important;
}

.profileAvatar {
  cursor: pointer;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-top: 13px;
  position: relative;
  overflow: hidden;
}

.profileAvatar .clAvatar {
  width: 60px;
  height: 60px;
  font-size: 27px;
}

.profileAvatar .change {
  color: #fff;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  background: #0000008a;
  width: 60px;
  padding: 7px 0;
  font-size: 9px;
  font-weight: bold;
  line-height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.resumeSection {
  border-top: 1px solid #ebebeb;
  padding: 16px 0;
}

@media (width >= 769px) {
  .editProfile {
    width: calc(100% - 384px);
    max-width: 1027px;
    min-height: calc(100% - 36px);
    margin-bottom: 4px;
    overflow-y: auto;
  }

  .profileSection {
    padding: 32px;
  }

  .profileDoneEdit {
    margin: 16px 12px 0 24px !important;
  }

  .profileDoneEdit button {
    margin: 0 8px;
  }

  .profilePromote {
    margin-top: 16px !important;
  }
}

@media (width <= 768px) {
  .editProfile {
    background-color: #fafafa;
    width: 100%;
    padding-top: 54px;
    padding-bottom: 16px;
  }

  .profileSection {
    padding: 16px;
  }

  .profileDoneEdit {
    margin: 16px 12px 0 16px !important;
  }

  .profilePromote {
    margin-top: 16px !important;
  }
}

.jobDescription {
  white-space: pre-line;
  border-bottom: 1px solid #ebebeb;
  padding: 4px 0 12px;
  overflow: auto;
}

.jobDescription .text {
  color: #000000de;
  font-size: 14px;
  line-height: 1.5em;
}

.jobDescription.rtl {
  direction: rtl;
}

.jobDescription.ltr {
  direction: ltr;
}

.readMore {
  color: #4285f4;
  cursor: pointer;
  margin-top: 18px;
  font-size: 14px;
  display: flex;
}

.readMore .icon {
  fill: currentColor;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  line-height: 0;
  display: block;
  position: relative;
}

@media (width >= 769px) {
  .contactSection {
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0;
    margin: 0 !important;
  }

  .contactLink, .contactLink .link {
    color: #0000008a;
  }

  .addBadge {
    border: 1px solid #396a92;
  }
}

@media (width <= 769px) {
  .contactLink, .contactLink .link {
    color: #fff;
  }

  .contactButton {
    box-shadow: 0 2px 8px #0003 !important;
  }
}

.contactButton {
  width: 30px !important;
  height: 30px !important;
  min-height: 25px !important;
  margin-top: 8px !important;
}

.contactButton.ltr {
  margin-right: 16px !important;
}

.contactButton.rtl {
  margin-left: 16px !important;
}

.contactButton .icon {
  height: 15px;
}

.contactLink {
  direction: ltr;
  width: fit-content;
  margin-top: 4px;
  font-size: 14px;
  display: flex;
}

.contactLink .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.contactLink .icon svg {
  height: inherit;
  width: inherit;
}

.contactLink .link {
  font-size: 14px;
  text-decoration: none;
}

.unlockBadge {
  background-color: #fbbc04;
}

.addBadge {
  background-color: #fff;
  color: #396a92 !important;
}

.unlockBadge, .addBadge {
  color: #000;
  cursor: pointer;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  top: 16px;
  width: 15px !important;
  height: 15px !important;
}

.unlockBadge.ltr, .addBadge.ltr {
  left: 20px;
}

.unlockBadge.rtl, .addBadge.rtl {
  left: 36px;
}

.contactContainer {
  display: inline;
  position: relative;
}

.close-modal {
  cursor: pointer;
  color: #000000de;
  z-index: 10;
  border-radius: 50%;
  outline: none;
  width: 24px;
  height: 24px;
  padding: 8px;
  transition: background-color .2s;
  position: absolute;
  top: 13px;
  right: 16px;
}

.mobileHeader {
  z-index: 125;
  width: 100%;
  height: 56px;
  position: fixed;
  top: 0;
}

.mobileHeader.withShadow {
  box-shadow: 0 2px 5px #00000042;
}

.toHistogram {
  color: #fff;
  opacity: 1;
  vertical-align: middle;
  cursor: pointer;
  padding: 16px;
  transition-property: opacity;
  transition-duration: .3s;
  display: inline-block;
  position: absolute;
}

.toHistogram span:first-child {
  fill: currentColor;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.backToJobs {
  margin-left: 5px;
  font-size: 16px;
  display: inline-block;
  position: relative;
  bottom: 6px;
}

.mainJobView {
  width: 100%;
  display: flex;
  position: absolute;
}

.landingPageContainer {
  width: 100%;
}

.landingPageImage {
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.logos {
  width: 100%;
  display: inline-flex;
}

.logo {
  max-width: 130px;
  height: 100%;
  max-height: 60px;
  margin: auto;
  padding: 16px;
  display: inline-flex;
}

.logo svg, .howWorks .icon svg {
  max-height: inherit;
  max-width: inherit;
  height: inherit;
  width: inherit;
}

.footer {
  text-align: center;
  box-sizing: border-box;
  background-color: #f5f6f7;
  border-top: 1px solid #00000026;
}

.footer .termsArea {
  text-align: left;
  max-width: 1200px;
  margin: auto;
  padding: 16px 0;
}

.footer .termsArea a {
  cursor: pointer;
  color: #0009;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33333;
  text-decoration: none;
}

.landingPageSection {
  text-align: center;
  box-sizing: border-box;
  max-width: 1200px;
}

.lpsTitle {
  margin-bottom: 24px !important;
}

.howWorks .subtitle {
  text-transform: uppercase;
}

.footerCaption {
  z-index: 3;
  width: fit-content;
  padding: 5px 10px;
  position: absolute;
  color: #fff !important;
}

.footerCaption a {
  color: #fff;
  text-decoration: none;
}

.searchSectionMain {
  z-index: 2;
  box-sizing: border-box;
}

.landingPageContainer .title {
  color: #fff;
  font-weight: 700;
}

.searchSectionMain .label {
  letter-spacing: 1.2px;
  display: block;
}

.searchSectionMain .keywordsFieldMain, .searchSectionMain .LocationFieldMain {
  height: 55px;
}

.keywordsFieldMain input, .LocationFieldMain input {
  z-index: 5;
  border-radius: 3px;
  width: 100% !important;
}

.keywordsFieldMain fieldSet, .LocationFieldMain fieldSet {
  background-color: #fff;
}

.exploreJobs img {
  box-sizing: border-box;
  height: 100px;
  padding-bottom: 20px;
}

.exploreJobs .jobLink {
  cursor: pointer;
  margin: 16px 0;
  position: relative;
}

.exploreJobs .jobLink:after {
  content: "";
  border-bottom: 2px solid #ccc;
  width: 48px;
  padding: 0 0 8px;
  transition: border-color .2s ease-in-out, padding .2s ease-in-out;
  position: absolute;
  top: 85px;
  right: 50%;
  transform: translateX(50%);
}

.exploreJobs .jobLink:hover:after {
  border-color: #396a92;
  padding: 0 20px 8px;
}

@media (width <= 768px) {
  .landingPageSection {
    margin: 16px 16px 48px;
  }

  .freeSpace {
    margin-top: 250px;
  }

  .howWorks .icon {
    max-height: 60px;
    margin-bottom: 24px;
  }

  .searchSectionMain {
    padding: 16px;
  }

  .searchSectionMain .searchButtolp {
    width: 100%;
  }

  .footerCaption {
    display: none;
  }

  .landingPageContainer .title {
    padding: 16px;
  }

  .logos {
    display: none !important;
  }

  .landingPageImage {
    background-image: url(/static/image/landing_page_mobile.5f8c2ca22f.webp);
    background-position: 0;
    height: 100%;
  }

  .no-webp.landingPageImage {
    background-image: url(/static/image/landing_page_mobile.011cbb01a2.jpg);
  }

  @media (width <= 599px) {
    .landingPageContainer {
      margin-top: 56px;
    }
  }

  @media (width >= 600px) {
    .landingPageContainer {
      margin-top: 64px;
    }
  }
}

@media (width >= 769px) {
  .landingPageSection {
    margin: auto;
    padding: 72px;
  }

  .footer {
    margin: auto;
  }

  .howWorks .icon {
    max-height: 100px;
    margin-bottom: 16px;
  }

  .searchSectionMain .keywordsFieldMain, .searchSectionMain .LocationFieldMain {
    max-width: 350px;
  }

  .searchSectionMain .label {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .landingPageContainer .title br {
    display: none;
  }

  .landingPageContainer {
    height: calc(100% - 64px);
    position: absolute;
    top: 64px;
  }

  .searchSectionMain {
    padding-left: 16px;
    position: relative;
    top: 137px;
  }

  .landingPageContainer .title, .searchSectionMain .label {
    color: #fff;
  }

  .landingPageContainer .title {
    padding-left: 16px;
    position: relative;
    top: 36px;
  }

  .logos {
    max-width: 1200px;
  }

  .landingPageImage {
    background-image: url(/static/image/landing_page.dde775736f.webp);
    background-position: center;
  }

  .no-webp.landingPageImage {
    background-image: url(/static/image/landing_page.0682713660.jpg);
  }

  @media (width <= 1050px) {
    .logos {
      overflow-x: auto;
    }

    .landingPageImage {
      height: calc(100% - 109px);
    }

    .footerCaption {
      top: calc(100% - 138px);
    }
  }

  @media (width >= 1051px) {
    .landingPageImage {
      height: calc(100% - 92px);
    }

    .footerCaption {
      top: calc(100% - 121px);
    }
  }
}

@media (width >= 1200px) {
  .searchSectionMain {
    left: calc(50% - 600px);
  }

  .logos, .landingPageContainer .title {
    margin: 0 calc(50% - 600px);
  }
}

.link {
  color: #396a92;
  cursor: pointer;
}

.loginDialog {
  max-width: 330px !important;
}

.greyText {
  text-align: center;
  color: #7f7f7f;
}

.close-modal {
  cursor: pointer;
  color: #000000de;
  border-radius: 50%;
  outline: none;
  width: 24px;
  height: 24px;
  padding: 8px;
  transition: background-color .2s;
  position: absolute;
  top: 13px;
  right: 16px;
}

.forgotPassword {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 15px;
}

.loginFooterDivider {
  margin-top: 15px !important;
  margin-bottom: 20px !important;
}

.loginPaper {
  max-width: 350px !important;
  margin: 8px !important;
  padding-bottom: 8px !important;
}

.facebookLoginButton, .linkedInLoginButton, .googleLoginButton {
  height: 50px;
  text-transform: none !important;
  margin: 2px 0 !important;
  padding-left: 48px !important;
  font-size: 16px !important;
}

.facebookLoginButton svg, .linkedInLoginButton svg, .googleLoginButton svg {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 8px;
}

.googleLoginButton {
  background: #fff !important;
  border: 1px solid #747775 !important;
  margin-top: 8px !important;
}

.googleLoginButton:hover {
  background-color: #efefef !important;
}

.facebookLoginButton {
  background: #3b5998 !important;
}

.facebookLoginButton:hover {
  background: #293e69 !important;
}

.linkedInLoginButton {
  background: #1a81b9 !important;
}

.linkedInLoginButton:hover {
  background: #0770a9 !important;
}

@media (width >= 500px) {
  .feedback-text {
    width: 356px;
  }

  .orphanApplyDialogPaper {
    padding: 16px 8px 24px;
  }
}

@media (width <= 499px) {
  .feedback-text {
    width: 100%;
  }

  .feedback-dialog-paper {
    width: calc(100% - 32px);
    margin: 16px !important;
  }

  .orphanApplyDialogPaper {
    padding: 0 0 8px;
    margin: 16px !important;
  }
}

@media (width >= 600px) {
  .orContainer {
    cursor: default;
    height: calc(100% - 8px);
    margin: 4px 0;
    position: relative;
  }

  .orContainer .verticalLine {
    background-color: #0000001f;
    width: 1px;
    height: 100%;
    margin: auto;
  }

  .orContainer .orLabel {
    background-color: #fff;
    width: fit-content;
    padding: 8px;
    font-weight: 700;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20.1px);
  }
}

@media (width <= 599px) {
  .orContainer {
    cursor: default;
    position: relative;
  }

  .orContainer .verticalLine {
    background-color: #0000001f;
    width: 100%;
    height: 1px;
    margin: 18px 0;
  }

  .orContainer .orLabel {
    background-color: #fff;
    width: fit-content;
    padding: 8px;
    font-weight: 700;
    position: absolute;
    top: -18px;
    left: calc(50% - 20px);
  }
}

.orphanApplyDialogPaper {
  width: 750px;
  max-width: initial !important;
}

.orphanApplyDialogPaper .options {
  direction: rtl;
  margin-top: 16px;
}

.orphanApplyDialogPaper .options .title {
  font-weight: 700;
}

.orphanApplyDialogPaper .options img {
  border-radius: 50%;
  margin: 16px;
}

.orphanApplyDialogPaper .options .textField, .orphanApplyDialogPaper .options .upload {
  margin: 8px 0;
}

.orphanApplyDialogPaper .terms {
  margin: 8px 0;
  display: block;
}

.orphanApplyJob {
  margin-bottom: 8px;
  position: relative;
  left: -16px;
}

.confirmOrphanApply .subtitle1 {
  padding-bottom: 12px;
  font-weight: 700;
  line-height: 24px;
}

.confirmOrphanApply .passwordForm {
  max-width: 250px;
  margin: auto auto 16px;
}

.confirmOrphanApply .terms {
  margin-top: 16px;
  display: block;
}

.terms a {
  color: #396a92;
}

.alertPaper {
  min-width: 200px;
}

@media (width <= 599px) {
  .matchDialogPaper {
    padding: 0 8px;
  }

  .matchTitleShadow {
    clip-path: polygon(0% 55%, 100% 55%, 100% 100%, 0 100%);
    margin-top: -27.25px;
    font-style: italic;
  }

  .blueShadow {
    margin-right: 11px;
  }

  .lightBlueShadow {
    margin-right: 24px;
  }
}

@media (width >= 600px) {
  .matchDialogPaper {
    padding: 0 32px;
  }

  .matchTitleShadow {
    clip-path: polygon(0% 55%, 100% 55%, 100% 100%, 0 100%);
    margin-top: -36px;
    font-style: italic;
  }

  .blueShadow {
    margin-right: 15px;
  }

  .lightBlueShadow {
    margin-right: 30px;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.matchTitle {
  font-style: italic;
}

.blueShadow {
  text-shadow: -1px -1px #4b9696cc, 1px -1px #4b9696cc, -1px 1px #4b969699, 1px 1px #4b9696cc;
  z-index: -1;
  animation-name: fadeInDown;
  animation-duration: 1s;
}

.lightBlueShadow {
  text-shadow: -1px -1px #4b969666, 1px -1px #4b969666, -1px 1px #4b969666, 1px 1px #4b969666;
  z-index: -1;
  animation-name: fadeInDown;
  animation-duration: 2s;
}

.deleteAlertDialogPaper {
  padding: 20px;
}

.matchItem {
  text-decoration: underline;
}

.matchDialogPaper {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  max-width: 550px !important;
  height: calc(100% - 16px) !important;
  max-height: 650px !important;
  margin: 8px !important;
}

.matchDialogContainer {
  width: 100%;
  margin: 0 auto;
}

.matchCloseButton {
  margin: 0 36px 10px;
}

.matchDialogLines {
  white-space: nowrap;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 700;
}

@media (width <= 599px) {
  .templatesContainer {
    top: 56px;
  }
}

@media (width >= 600px) {
  .templatesContainer {
    height: calc(100% - 97px);
    top: 65px;
  }
}

.templatesContainer {
  box-sizing: content-box;
  width: calc(100% - 32px);
  padding: 16px;
  position: absolute;
}

.templatesContainer .unscrolledColumns {
  height: calc(100% - 18px);
  overflow: hidden;
}

.templatesContainer .unscrolledColumns .column {
  height: 100%;
  overflow: auto;
}

.panelDirty {
  border-left: 2px solid red;
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 300;
  src: url(/static/font/almoni-neue-aaa-regular.6ee186f71e.woff2) format("woff2");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 100;
  src: url(/static/font/almoni-neue-aaa-thin.2ef8a9a1fb.woff2) format("woff2");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 700;
  src: url(/static/font/almoni-neue-aaa-medium.e561f9c2b3.woff2) format("woff2");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 900;
  src: url(/static/font/almoni-neue-aaa-bold.c1a5a2959d.woff2) format("woff2");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 300;
  src: local(almoni-neue-aaa), url(/static/font/almoni-neue-aaa-regular.ce8a1602ed.otf) format("opentype");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 100;
  src: local(almoni-neue-aaa), url(/static/font/almoni-neue-aaa-thin.03b8087f18.otf) format("opentype");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 700;
  src: local(almoni-neue-aaa), url(/static/font/almoni-neue-aaa-medium.1ef772369e.otf) format("opentype");
}

@font-face {
  font-family: almoni-neue-aaa;
  font-weight: 900;
  src: local(almoni-neue-aaa), url(/static/font/almoni-neue-aaa-bold.1f9cfb98ce.otf) format("opentype");
}

html, body {
  height: 100%;
  font-family: Roboto, arial, sans-serif;
  font-size: 100%;
  overflow-x: hidden;
}

body {
  background-color: #fafafa;
  margin: 0;
  padding: 0;
}

.hebrew-text {
  text-align: right;
  direction: rtl;
  font-size: 18px;
  font-family: almoni-neue-aaa, Helvetica, Arial, sans-serif !important;
}

.hebrew-text * {
  font-family: almoni-neue-aaa, Helvetica, Arial, sans-serif !important;
}

.hebrew-text .MuiInputLabel-formControl {
  right: 0;
  left: initial;
}

.hebrew-text .MuiInputLabel-root, .hebrew-text .MuiInputLabel-shrink {
  transform-origin: 100% 0 !important;
}

.hebrew-text .MuiFormHelperText-root {
  text-align: right;
}

.JobSwipeLogo {
  font-family: Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
}

.proLogo {
  color: #fbbc04;
  cursor: default;
  margin-top: 8px !important;
  margin-left: 3px !important;
}

.pageMainContainer {
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.fullMaxWidth {
  max-width: 100% !important;
}

.actionText {
  cursor: pointer;
  color: #396a92;
}

.pac-container {
  z-index: 99999;
}

.headerTab {
  transition-duration: .3s;
  min-width: initial !important;
  padding: 6px 12px !important;
}

.headerTab:not(.selected):hover {
  opacity: 1;
  box-shadow: inset 0 -4px #396a92;
}

.headerTab.afterUser {
  opacity: 1;
}

.headerTab.afterUser span {
  text-transform: capitalize;
  color: #396a92;
  font-size: .95rem;
}

.postNewJob .icon, .postNewJob .text {
  color: #396a92;
}

.sortable-handler {
  touch-action: none;
}

.mainTabIndicator {
  background-color: #396a92 !important;
  height: 4px !important;
}

button {
  box-shadow: none !important;
}

.mainBar {
  background-color: #fff !important;
  box-shadow: 0 2px 4px -1px #0003, 0 0 5px #00000024, 0 1px 10px #0000001f !important;
}

.mainBar.testEnv {
  background-color: #e8f0fe !important;
}

.JSBadge {
  background-color: red;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 12px;
  right: 9px;
}

.terms a {
  color: #396a92;
  text-decoration: none;
}

.terms {
  display: block;
}

.fullWidthContainer {
  width: 100%;
  position: absolute;
}

@media (width <= 599px) {
  .fullWidthContainer {
    height: calc(100% - 56px);
    top: 56px;
  }
}

@media (width >= 600px) {
  .fullWidthContainer {
    height: calc(100% - 65px);
    top: 65px;
  }
}

@media (width <= 599px) {
  .pageMainContainer {
    top: 56px;
  }

  .menuPaper {
    top: 57px !important;
  }

  .pageMainContainer.fullHeight {
    height: calc(100% - 56px);
  }
}

@media (width >= 600px) {
  .pageMainContainer {
    top: 65px;
  }

  .menuPaper {
    top: 65px !important;
  }

  .mainBar .centeredScreen {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .pageMainContainer.fullHeight {
    height: calc(100% - 65px);
  }
}

@media (width >= 1200px) {
  .centeredScreen, .pageMainContainer, .searchSection, .mainJobView {
    max-width: 1200px;
    margin: 0 calc(50% - 600px);
  }
}

@media (width <= 768px) {
  .userMenu {
    min-width: 250px !important;
  }
}

@media (width >= 769px) {
  .userMenu {
    flex-direction: row-reverse;
    display: flex;
  }

  .from-journey-section {
    margin: initial !important;
    width: initial !important;
    position: initial !important;
  }

  .filterSection.from-journey-section {
    margin: 0 16px !important;
  }
}

.userMenu {
  padding: 0;
}

.selectedRadioIcon {
  font-weight: bold;
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.8);
  }

  100% {
    transform: scale(1);
  }
}

.animated-element.active {
  animation: .8s scaleAnimation;
}

.editor-html {
  min-height: 120px;
  padding: 0 12px;
}

.editor-html .public-DraftEditorPlaceholder-root {
  line-height: 1.5;
}