@import url("variables.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/hoverbox_icons.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/admin.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/home.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/header.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/footer.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/register.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/terms.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/legal-document.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/verify.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/login.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/job_post.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/companies.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modals.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_careershub_shell.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/suspend.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_post_postion.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/offer_modals_shared.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_make_offer.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_offer_announcement.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/offer_dock_tab.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_offer_letter.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_offer_response.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/modal_remove_post.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/offer_summary.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("partials/offer_journey_buttons.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("dashboard.css?v=4187e1dd976de8ecc58203034906215993c4df2b");
@import url("messages.css?v=4187e1dd976de8ecc58203034906215993c4df2b");

@import url("https://use.typekit.net/knz8mkx.css?v=4187e1dd976de8ecc58203034906215993c4df2b");

/*=======================================================================================================================================
========== Defaults =====================================================================================================================
=========================================================================================================================================*/

/*419 page*/
  .page419 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
  }
  .page419 figure {
    margin: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;  
  }
  .page419 figure img {
      position: relative;
      object-fit: cover;
      width: 100%;
      height: 100%;
  }

  .page419 h1 {
      position: relative;
      color: #fff;
      font-weight: 500 !important;
      text-transform: uppercase;
      font-size: 30px !important;
      margin-bottom: 10px !important;
      width: 100%;
  }
  @media (max-width: 767px) {
    .page419 h1 {
        font-size: 22px !important;
    }
  }
  .page419 h4 {
      position: relative;
      color: #fff;
      font-weight: 500 !important;
      text-transform: uppercase;
      font-size: 16px !important;
      margin-bottom: 10px !important;
      width: 100%;
  }
  @media (max-width: 767px) {
    .page419 h4 {
      font-size: 15px !important;
    }
  }
  .errorWrap {
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center;
      background-color: rgb(0 0 0 / 66%);
      padding: 130px 40px;
      border: 1px solid #fff;
  }
  @media (max-width: 767px) {
    .errorWrap {
        width: 95%;
    } 
  }
  .errorWrap a {
      color: #fff
  }
  
  .errorWrap a:hover {
      color: #c11616;
  }

/* end 419 page*/


/*=======================================================================================================================================
========== Headings =====================================================================================================================
=========================================================================================================================================*/
.cormorant-headings {
  font-family: cormorant, sans-serif;
  font-style: italic;
  font-size: 1.7rem !important;
  position: relative;
	top: -5px;
	left: -8px;
  text-transform: capitalize !important;
}

.cormorant-heading-offset-reset {
  top: -2px !important;
  left: 0px !important;
  margin: 0 !important;
}

.baigeBackground {
	background-color: var(--baige);
}

html,
body {
  height: 100%;
  
}
@media (min-width: 768px) {
  .desktopOnly {
    display: block;
  }
  .mobileOnly {
    display: none !important;
  }  
}
@media (max-width: 767px) {
  .mobileOnly {
    display: block ;
  }
  .desktopOnly {
    display: none !important;
  }  
}

.noScroll {
  overflow: hidden !important;
}

main {
  position: relative;
  margin-top: 71px;
}

main.minHeaderHeight {
  height: calc(100% - 71px);
}

.minheightQuery  {
  height: auto;
}
@media (min-height: 820px) {
  .minheightQuery  {
    /* height: calc(100% - 71px); */
  }
}

.colDefault {
  position: relative;
}

.dontShow,
.dontShowForNow {
  display: none !important;
}

.hiddenInput {
  display: none;
}

.sorryPage {
    height: calc(100vh - 169px) !important;
    margin-top: 0px;
    position: fixed;
}
.sorryPage .innerWrapSorry {
    background-image: url(../../images/login_image.webp);
    height: calc(100% - 0px) !important;
    margin-top: 0px;
    padding: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    justify-items: center;
    align-content: center;
}
.sorryPage .innerWrapSorry .sorryImg {
    margin-bottom: 15px;
    margin-top: -60px;
}
.sorryPage .innerWrapSorry .sorryImg img {
    height: 60px;
}
.sorryPage .innerWrapSorry h2 {
    color: #fff;
    margin-bottom: 40px !important;
    margin-top: 30px !important;
}
.sorryPage .innerWrapSorry span {
    color: #fff;
    line-height: 20px;
    font-size: 15px;
}
.sorryPage .innerWrapSorry .btn-1 {
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  border: 0px;
  margin-top: 40px;
}
.sorryPage .innerWrapSorry .btn-1:hover {
     background: linear-gradient(to right, #4f9301, #63b702);;
}


/* === Typography ==== */

body#myBody {
  font-size: 18px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.05em;
  background-color: #e4e4e4;
  background-image: url(../../images/bg-watch.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
}

#myBody h1 {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

#myBody h2 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 0px;
  /* line-height: 24px; */
  margin-top: 4px;
}

#myBody .colHome h2.cormorant-headings {
  font-size: 58px !important;
}

#myBody .loginContent .leftTitle .titleBlock {
  padding: 0 15px;
}

#myBody .loginContent .leftTitle h2 {
  font-size: 36px !important;
  left: 5px;
  width: 100px;
  
  @media (max-width: 767px) {
    width: unset;
  }
}

strong {
  font-weight: 700 !important;
}
/* ============ ON PAGE LOADER ==========================================================================
====================================================================================================*/
#loader.active {
    opacity: 0;
    display: none;
}
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    background-color: #ffffff;
}

#loader .innerWrap .logoLoader {
    position: absolute;
    left: 50%;
    top: 43%;
    width: 100px;
    height:  100px;    
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
    text-align: center;
}



/* === checkboxs and radio buttons ==== */


/*RADIO BTN*/
input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block !important;
    position: relative;
    background-color: var(--baige);
    color: #fff !important;
    top: 0px;
    height: 16px;
    width: 16px !important;
    border: 1px solid var(--prime)  !important;
    border-radius: 0px !important;
    cursor: pointer;
    margin-right: 8px;
    outline: none !important;
    padding: 2px !important;
    margin-top: 6px !important;
    --bs-form-check-bg: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

/*if you want a tick*/
[type="checkbox"]:checked::before,
[type="radio"]:checked::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%)translateX(-50%);
    width: 13px;
    height: 13px;
    background-color: #be1616;
    border-radius: 0%;
    content: "";
}
[type="checkbox"]:checked::after,
[type="radio"]:checked::after {
    background-image: url(../../images/ts-cs-tick-white.svg);
    background-size: contain;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    top: 50%;
    left:50%;
    transform: translateX(-50%)translateY(-50%);
}


[type=checkbox]:hover,
[type="radio"]:hover {
     background-color: #f7f7f7;
}

[type=checkbox]:checked,
[type="radio"]:checked {
    background-color: #ba1515 !important;
    --bs-form-check-bg-image: none !important;
}


/* === Image cover - contain ==== */

img[data-object-fit="contain"] {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

img[data-object-fit*="cover"] {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* === Tool tips ==== */
.hasToolTip .toolTip  {
  position: absolute;
  top: 67px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #58595b;
  color: #fff;
  border-radius: 2px;
  white-space: nowrap;
  font-size: 15px;
  padding: 0px 20px;
  border: 2px solid #414042;
  opacity: 0;
  transition: all 0.4s;
  line-height: 21px;
  visibility: hidden;
}

.hasToolTip.topIconProfile .toolTip  {
  top: 74px;
}

.hasToolTip.matching .toolTip  {
  top: 44px;
  z-index: 150;  
}

.hasToolTip.save .toolTip ,
.hasToolTip.saved .toolTip  {
  top: 38px;
  z-index: 150;  
}

.hasToolTip.calcError .toolTip{
  top: 44px;
  z-index: 150;  
}

/*.saveIconWrap .hasToolTip.save .toolTip,
.saveIconWrap.active .hasToolTip.saved .toolTip  {
  opacity: 0;
  visibility: hidden;
}

.saveIconWrap .hasToolTip.saved .toolTip,
.saveIconWrap.active .hasToolTip.save .toolTip   {
  opacity: 1;
  visibility: visible;
}*/

.hasToolTip:hover .toolTip  {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.5s;
}

.hasToolTip .toolTip::before {
  content: "";
  position: absolute;
  top: -12px;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #58595b;
}


.hasToolTip .toolTip::after {
  content: "";
  position: absolute;
  top: -15px;
  z-index: 8;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 15px solid #414042;
}



/* === Colours (tokens in variables.css) ==== */

.bgBlue {
  background-color: var(--second);
}

.colorWhite {
  color: #ffffff;
}

/* Buttons */

.shadowTransParentButton {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
  background-color: transparent !important;
}

#sendReportButton {
  box-shadow: var(--makeOffer-field-shadow);
}

/* === Btn Defaults ====*/
.tsBtn {
  border: 0px;
  position: relative;
  box-shadow: none;
  background-color: transparent;
  color: var(--careershub-navy);
  /* font-style: italic; */
  font-weight: 600;
}

.btnSquare {
  border: 0px;
  position: relative;
  display: table;
  outline: none;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 16px;
  padding: 4px 30px 4px;
  /* transition: all 0.4s; */
}

.btnSquare.btnWhite  {
  background: linear-gradient(to right,#fff, #fff);
  box-shadow: inset 0 0 0px 1px transparent;
  transition: all 0s;
  color: #000;
}

.btnSquare.btnWhite:active,
.btnSquare.btnWhite:focus,
.btnSquare.btnWhite:hover  {
  background: #fff;
  box-shadow: inset 0 0 0px 1px transparent;
  color: #fff;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));  
}


.btnSquare.btnRed  {
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  
  box-shadow: inset 0 0 0px 1px transparent;
  transition: all 0s;
}

.btnSquare.btnRed:active,
.btnSquare.btnRed:focus,
.btnSquare.btnRed:hover  {
  background: #fff;
  box-shadow: inset 0 0 0px 1px transparent;
  color: #fff;
  background: linear-gradient(to right, #4f9301, #63b702);
}

.btnSquare.btnRedWhite  {
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 0px 1px transparent;
}

.btnSquare.btnRedWhite:active,
.btnSquare.btnRedWhite:focus,
.btnSquare.btnRedWhite:hover  {
  background: #fff;
  box-shadow: inset 0 0 0px 1px #fff;
  color: #000;
  background: linear-gradient(to right, #4f9301, #63b702);
  border: 1px solid transparent !important;
  box-shadow: 0px 0px 0px 1px transparent;
  color: #fff;
}

.btnSquare.btnBlue  {
  background-color: #3e3e64;
  box-shadow: inset 0 0 0px 1px  #3e3e64;
}

.btnSquare.btnBlue:active,
.btnSquare.btnBlue:focus,
.btnSquare.btnBlue:hover  {
  background-color: transparent;
  box-shadow: inset 0 0 0px 1px #fff;
}

.btnSquare.btnBlueWhite  {
  background-color: #3e3e64;
  box-shadow: inset 0 0 0px 1px  #3e3e64;
}

.btnSquare.btnBlueWhite:active,
.btnSquare.btnBlueWhite:focus,
.btnSquare.btnBlueWhite:hover  {
  background-color: #fff;
  color: #3e3e64;
  box-shadow: inset 0 0 0px 1px #fff;
}


.btnSquare.btnBlueWhite.uploadImage  {
    background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
    color: #fff;
    box-shadow: inset 0 0 0px 1px transparent;
}


.btnSquare.btnBlueWhite.uploadImage:focus,
.btnSquare.btnBlueWhite.uploadImage:active,
.btnSquare.btnBlueWhite.uploadImage:hover {
background-color: #63b702;
    background: linear-gradient(to right, #4f9301, #63b702);
}

.btnSquare.btnRedblack  {
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 0px 1px transparent;
}

.btnSquare.btnRedblack:active,
.btnSquare.btnRedblack:focus,
.btnSquare.btnRedblack:hover  {
  background-color: #000;
  background: linear-gradient(to right, #000, #000);  
  box-shadow: inset 0 0 0px 1px #000;
}

.btnSquare.btnTrans  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
}

.btnSquare.btnTrans.active {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;  
}

.btnSquare.btnTrans.active,
.btnSquare.btnTrans:active,
.btnSquare.btnTrans:focus,
.btnSquare.btnTrans:hover  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;  
}


.btnSquare.btnTrans.getStarted:active,
.btnSquare.btnTrans.getStarted:focus,
.btnSquare.btnTrans.getStarted:hover  {
  background-color: #fff !important;
  /* background: linear-gradient(to right,transparent, transparent); */
  background: linear-gradient(to right, #4f9301, #63b702);
  box-shadow: inset 0 0 1px #000;
  font-weight: 500;
  color: #fff;
}


/* == Red back ===*/
.btnSquare.btnRedBack  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 0px 1px #fff;

}

.btnSquare.btnRedBack::before {
    content: "";
    display: none;
    top: 2px;
    background-position: left;
    position: relative;
    /* margin-right: 8px; */
    width: 17px;
    background-repeat: no-repeat;
    /* display: inline-block; */
    height: 17px;
}

.btnSquare.btnRedBack::before  {
  background-image: url(../../images/back-arrow-white.svg);
  opacity: 1;
  z-index: 5;
}

.btnSquare.btnRedBack.active,
.btnSquare.btnRedBack:active,
.btnSquare.btnRedBack:focus,
.btnSquare.btnRedBack:hover  {
  background-color: transparent;
  background: linear-gradient(to right, #000,  #000);
  box-shadow: inset 0 0 1px #000;
}

/* == Red clear Filter ===*/
.btnSquare.clearFilter  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  /* box-shadow: inset 0 0 0px 1px #fff; */
  padding: 4px 20px 8px;
  border-radius: 2px;
}

.btnSquare.clearFilter::before {
    content: "";
    top: 2px;
    background-position: left;
    position: relative;
    margin-right: 8px;
    width: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
}

.btnSquare.clearFilter::before  {
  background-image: url(../../images/back-arrow-white.svg);
  opacity: 1;
  z-index: 5;  
}

.btnSquare.clearFilter.active,
.btnSquare.clearFilter:active,
.btnSquare.clearFilter:focus,
.btnSquare.clearFilter:hover  {
  background-color: transparent;
  background: linear-gradient(to right, #000,  #000);
  box-shadow: inset 0 0 1px #000;
  color: #fff;
}

/* == Red Save ===*/
.btnSquare.btnSave  {
  background-color: #fff;
  background: linear-gradient(to right, #fff, #fff);
  box-shadow: inset 0 0 0px 1px transparent;
  padding: 12px 10px 14px;
  color: #000;
  font-weight: 500 !important;
}
.btnSquare.btnSave.editProfileCompany  {
  width: 100%;
  margin-top: 28px;
  /* opacity: 0; */
  /* visibility: hidden; */
}



.btnSquare.btnSave.active,
.btnSquare.btnSave:active,
.btnSquare.btnSave:focus,
.btnSquare.btnSave:hover  {
  /* background-color: transparent; */
  /* background: linear-gradient(to right, #000,  #000); */
  box-shadow: inset 0 0 1px #000;
  color: #fff;
  background-color: #63b702;
  background: linear-gradient(to right, #4f9301, #63b702);
}

/* == Trans back ===*/
.btnSquare.btnTransBack  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
}

.btnSquare.btnTransBack::before,
.btnSquare.btnTransBack::after {
    content: "";
    top: 2px;
    background-position: left;
    position: absolute;
    left: 31%; 
    transform: translateX(-50%);
    top: 7px;
    width: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
}

.btnSquare.btnTransBack:hover::after,
.btnSquare.btnTransBack::before  {
  opacity: 1;
}

.btnSquare.btnTransBack:hover::before,
.btnSquare.btnTransBack::after  {
  opacity: 0;
}

.btnSquare.btnTransBack::before  {
  /* background-image: url(../../images/back-arrow-white.svg); */
}

.btnSquare.btnTransBack::after  {
  /* background-image: url(../../images/back-arrow-black.svg); */
}

.btnSquare.btnTransBack.active,
.btnSquare.btnTransBack:active,
.btnSquare.btnTransBack:focus,
.btnSquare.btnTransBack:hover  {
  background-color: transparent;
  background: linear-gradient(to right, #fff, #fff);
  color: #000;
  /* font-weight: 500; */
  box-shadow: inset 0 0 1px transparent;
}


/* == Back Company ===*/
.btnSquare.btnCompany  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 0px 1px transparent;
  padding: 11px 40px 13px 70px;
  border-radius: 2px;
  margin: 30px auto;
}

.btnSquare.btnCompany::before,
.btnSquare.btnCompany::after {
    content: "";
    top: 2px;
    background-position: left;
    position: absolute;
    left: 18%;
    transform: translateX(-50%);
    top: 10px;
    width: 27px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
}

.btnSquare.btnCompany:hover::after,
.btnSquare.btnCompany::before  {
  opacity: 1;
}

.btnSquare.btnCompany:hover::before,
.btnSquare.btnCompany::after  {
  opacity: 0;
}

.btnSquare.btnCompany::before  {
  background-image: url(../../images/header-companies.svg);
}

.btnSquare.btnCompany::after  {
  background-image: url(../../images/header-companies.svg);
}

.btnSquare.btnCompany.active,
.btnSquare.btnCompany:active,
.btnSquare.btnCompany:focus,
.btnSquare.btnCompany:hover  {
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  background: linear-gradient(to right, #4f9301, #63b702);
  box-shadow: inset 0 0 1px transparent;
}


/* == Trans back black outline ===*/
.btnSquare.btnTransBackOutline  {
  background-color: transparent;
  box-shadow: inset 0 0 0px 1px transparent!important;
  color:#000;
  border: 0px solid transparent !important;
  background: linear-gradient(to right, #fff, #fff);
}
.nextPrevBtnWrap .btnSquare.btnTransBackOutline  {
  background-color: transparent;
  box-shadow: inset 0 0 0px 1px #000!important;
  border: 1px solid transparent !important;
}
.nextPrevBtnWrap .btnSquare.btnTransBackOutline:hover  {
  background-color: transparent;
  box-shadow: inset 0 0 0px 1px transparent!important;
  border: 1px solid transparent !important;
}

.btnSquare.btnTransBackOutline::before,
.btnSquare.btnTransBackOutline::after {
    content: "";
    top: 2px;
    background-position: left;
    position: absolute;
    left: 31%; 
    transform: translateX(-50%);
    top: 7px;
    width: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
}

.btnSquare.btnTransBackOutline:hover::after,
.btnSquare.btnTransBackOutline::before  {
  opacity: 1;
}

.btnSquare.btnTransBackOutline:hover::before,
.btnSquare.btnTransBackOutline::after  {
  opacity: 0;
}

.btnSquare.btnTransBackOutline::before  {
  /* background-image: url(../../images/back-arrow-black.svg); */
}

.btnSquare.btnTransBackOutline::after  {
  /* background-image: url(../../images/back-arrow-white.svg); */
}

.btnSquare.btnTransBackOutline.active,
.btnSquare.btnTransBackOutline:active,
.btnSquare.btnTransBackOutline:focus,
.btnSquare.btnTransBackOutline:hover  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;
  color: #fff;
}

/* == Trans Next black outline ===*/
.btnSquare.btnTransNextOutline  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #000;
  color:#000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--offerJourney-btn-gap);
}

.btnSquare.btnTransNextOutline::before,
.btnSquare.btnTransNextOutline::after {
  display: none;
}

.btnSquare.btnTransNextOutline .offerJourneyBtnArrow {
  flex: 0 0 1.15rem;
}

.btnSquare.btnTransNextOutline.disableBTN .offerJourneyBtnArrow {
  opacity: 0.5;
}

.btnSquare.btnTransNextOutline.active,
.btnSquare.btnTransNextOutline:active,
.btnSquare.btnTransNextOutline:focus,
.btnSquare.btnTransNextOutline:hover  {
  background-color: transparent;
  background: var(--careershub-red);
  box-shadow: inset 0 0 1px transparent;
  color: #fff;
  border-radius: 2px;
}


/* == Trans dash filter ===*/
.btnSquare.btnDashBackFilter  {
  background-color: #ffffff;
  background: linear-gradient(to right, transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
  border-radius: 4px;
  transition: padding 0.4s;
  padding: 10px 30px;
  font-weight: 300;
  text-transform: none;
  color: #000;
}
.btnSquare.btnDashBack  {
  position: relative;
}


.btnSquare.btnDashBack.hasToolTip .toolTip {
  position: absolute;
  left: 50%;
  top: 50px;
  font-size: 14px;
  text-transform: none;
}

.btnSquare.btnDashBack.hasToolTip .toolTip::after,
.btnSquare.btnDashBack.hasToolTip .toolTip::before {
  position: absolute;
  left: 50%;
  font-size: 11px;
}

.btnSquare.btnDashBack figure {
  position: relative;
  margin: -5px 0px 0px;
}

.scrolled  .btnSquare.btnDashBack figure {
  position: relative;
  margin: -3px 0px 0px;
}
.btnSquare.btnDashBack figure img {
  position: relative;
  height: 32px;
}
.btnSquare.btnDashBack:hover figure img.onHover,
.btnSquare.btnDashBack figure img.load {
  position: relative;
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.btnSquare.btnDashBack:hover figure img.load,
.btnSquare.btnDashBack figure img.onHover {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  top: 0px;
  left: 0px;
}





.btnSquare.btnDashBackFilter  {
  position: relative;
}
.btnSquare.btnDashBackFilter.hasToolTip .toolTip {
  position: absolute;
  left: 50%;
  top: 50px;
  font-size: 14px;
  text-transform: none;
}

.btnSquare.btnDashBackFilter.hasToolTip .toolTip::after,
.btnSquare.btnDashBackFilter.hasToolTip .toolTip::before {
  position: absolute;
  left: 50%;
  font-size: 11px;
}

.btnSquare.btnDashBackFilter.hasToolTip .toolTip {
  position: absolute;
  left: 50%;
  top: 57px;
  font-size: 14px;
  text-transform: none;
}

.btnSquare.btnDashBackFilter.hasToolTip .toolTip::after,
.btnSquare.btnDashBackFilter.hasToolTip .toolTip::before {
  position: absolute;
  left: 50%;
  font-size: 11px;
}

.btnSquare.btnDashBackFilter figure {
  position: relative;
  margin: 0px;
}

.btnSquare.btnDashBackFilter figure img {
  position: relative;
  height: 32px;
}
.btnSquare.btnDashBackFilter:hover figure img.onHover,
.btnSquare.btnDashBackFilter figure img.load {
  position: relative;
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.btnSquare.btnDashBackFilter:hover figure img.load,
.btnSquare.btnDashBackFilter figure img.onHover {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  top: 0px;
  left: 0px;
}
/* == Trans Next black outline ===*/
.btnSquare.btnTransNextOutline  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #000;
  color:#000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--offerJourney-btn-gap);
}

.btnSquare.btnTransNextOutline::before,
.btnSquare.btnTransNextOutline::after {
  display: none;
}

.btnSquare.btnTransNextOutline .offerJourneyBtnArrow {
  flex: 0 0 1.15rem;
}

.btnSquare.btnTransNextOutline.disableBTN .offerJourneyBtnArrow {
  opacity: 0.5;
}

.btnSquare.btnTransNextOutline.active,
.btnSquare.btnTransNextOutline:active,
.btnSquare.btnTransNextOutline:focus,
.btnSquare.btnTransNextOutline:hover  {
  background-color: transparent;
  background: var(--careershub-red);
  box-shadow: inset 0 0 1px transparent;
  color: #fff;
}


/* == Trans dash ===*/
.btnSquare.btnDashBack  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
  border-radius: 0px;
  transition: padding 0.4s;
  padding: 0px 20px;
}
/*.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack:hover  {
  background: linear-gradient(to right,#fff, #fff);
  color: #212147;
}

.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::after,
.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::before {
    content: "";
    background-position: left;
    position: relative;
    top: 4px;
    margin-right: 5px;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
}


.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack:focus::after,
.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack:hover::after,
.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::before  {
  opacity: 1;
}

.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack:focus::before,
.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack:hover::before,
.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::after  {
  opacity: 0;
}

.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::before  {
  background-image: url(../../images/header-dashboard.svg);
}

.jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::after  {
  background-image: url(../../images/header-dashboard-blue.svg);
  left: 30px;
  position: absolute;
  top: 14px;
}


.scrolled .jobPostTopBar .topBarInnerWrap .btnSquare.btnDashBack::after  {
  top: 9px;
}




.btnSquare.btnDashBack.active,
.btnSquare.btnDashBack:active,
.btnSquare.btnDashBack:focus,
.btnSquare.btnDashBack:hover  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  color: #fff;
  font-weight: 500;
  box-shadow: inset 0 0 1px transparent;
}*/

/* == View Job ===*/
.btnSquare.btnViewJob  {
  background-color: var(--careershub-red);
  background-image: none;
  color: #fff;
  border: 0px solid transparent;
  /* font-weight: 500; */
  box-shadow: inset 0 0 1px transparent;
  transition: background-color var(--btn-hover-transition);
  border-radius: 2px;
}

.btnSquare.btnViewJob:has(.btnViewJobContent) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btnViewJobContent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.btnViewJobIcon {
  position: relative;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.btnViewJobIcon::before,
.btnViewJobIcon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity var(--btn-hover-transition);
}

.btnSquare.btnViewJob .btnViewJobIcon::before,
.btnSquare.btnViewJob:hover .btnViewJobIcon::after {
  opacity: 1;
}

.btnSquare.btnViewJob:hover .btnViewJobIcon::before,
.btnSquare.btnViewJob .btnViewJobIcon::after {
  opacity: 0;
}

.btnViewJobIcon::before {
  background-image: url(../../images/applicant-view-job.svg);
}

.btnViewJobIcon::after {
  background-image: url(../../images/applicant-view-job.svg);
}

.btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before,
.btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::after {
    content: "";
    top: 3px;
    background-position: left;
    position: absolute;
    left: 22%;
    margin-right: 8px;
    transform: translateX(-50%);
    top: 8px;
    width: 15px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    transition: opacity var(--btn-hover-transition);
}

.editJob .btnSquare.btnViewJob.btnViewOnly:not(:has(.btnViewJobIcon))::before,
.editJob .btnSquare.btnViewJob.btnViewOnly:not(:has(.btnViewJobIcon))::after,
.editJob .btnSquare.btnViewJob.viewing:not(:has(.btnViewJobIcon))::before,
.editJob .btnSquare.btnViewJob.viewing:not(:has(.btnViewJobIcon))::after {left: 39%;top: 16px;}

.btnSquare.btnViewJob:not(:has(.btnViewJobIcon)):focus::after,
.btnSquare.btnViewJob:not(:has(.btnViewJobIcon)):hover::after,
.btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before  {
  opacity: 1;
}
@media (max-width: 767px) {
  .btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before,
  .btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::after {
    opacity: 1 !important;
    display: none;
  }
}

.btnSquare.btnViewJob:not(:has(.btnViewJobIcon)):focus::before,
.btnSquare.btnViewJob:not(:has(.btnViewJobIcon)):hover::before,
.btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::after  {
  opacity: 0;
}
@media (max-width: 767px) {
  .btnSquare.btnMessage .btnMessageIcon::before,
  .btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before  {
    opacity: 0;
    display: none;
  }
}

.btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before  {
  background-image: url(../../images/applicant-view-job.svg);
}
@media (max-width: 767px) {
  .btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before {
    display: none;
  }
}

.btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::after  {
  background-image: url(../../images/applicant-view-job.svg);
}


.imgHoverParent.activeSend:hover .loadImg,
.imgHoverParent.activeSend .loadImg,
.imgHoverParent:hover .hoverImg,
.loadImg  {
  opacity: 1;
  visibility: visible;
  position: relative;
}
.imgHoverParent.activeSend .hoverImg,
.imgHoverParent:hover .loadImg,
.hoverImg  {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}

.dateLogoBlock .imgHoverParent:hover .hoverImg  {

  top: -28px;
}

.btnSquare.btnViewJob.active,
.btnSquare.btnViewJob:active,
.btnSquare.btnViewJob:focus,
.btnSquare.btnViewJob:hover  {
  background-color: #63b702;
  /* border: 1px solid transparent; */
  box-shadow: inset 0 0 1px transparent;
}

/* == View Apply ===*/
.btnSquare.btnPostPostion  {
    background-color: transparent;
    background: linear-gradient(to right,transparent, transparent);
    box-shadow: inset 0 0 0px 1px #fff;
    color: #fff;
    padding: 8px 10px 10px 20px;
    margin-top: 38px;
    border-radius: 0px;
}

.btnSquare.btnPostPostion::after {
    content: "";
    top: 3px;
    background-position: left;
    position: relative;
    margin-left: 21px;
    transform: translateX(-50%);
    top: 5px;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
}


.btnSquare.btnPostPostion::after  {
  background-image: url(../../images/posted-on-white.svg);
}


.btnSquare.btnPostPostion.active,
.btnSquare.btnPostPostion:active,
.btnSquare.btnPostPostion:focus,
.btnSquare.btnPostPostion:hover  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  color: #fff;
  font-weight: 500;
  box-shadow: inset 0 0 1px transparent;
}



/* == btn Similar ===*/
.btnSquare.btnSimilar  {
    background-color: transparent;
    background: linear-gradient(to right,transparent, transparent);
    box-shadow: inset 0 0 0px 1px #fff;
    color: #fff;
    padding: 8px 10px 10px 20px;
    margin-top: 24px;
    border-radius: 0px;
}

.btnSquare.btnSimilar::after {
    content: "";
    top: 3px;
    background-position: left;
    position: relative;
    margin-left: 21px;
    transform: translateX(-50%);
    top: 5px;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
}


.btnSquare.btnSimilar::after  {
  background-image: url(../../images/similar-jobs-load-white.svg);
  top: 4px !important;
}


.btnSquare.btnSimilar.active {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  color: #fff;
  font-weight: 500;
  box-shadow: inset 0 0 1px transparent;
}
 
.btnSquare.btnSimilar:active,
.btnSquare.btnSimilar:focus,
.btnSquare.btnSimilar:hover  {
  background-color: transparent;
      background: linear-gradient(to right, #4f9301, #63b702) !important;
}


/* == btnEditPost ===*/
.btnSquare.btnEditPost {
    background-color: transparent;
    background: linear-gradient(to right,transparent, transparent);
    box-shadow: inset 0 0 0px 1px #000;
    color: #000;
    padding: 15px 20px 17px 4px;
}

.btnSquare.btnEditPost::before,
.btnSquare.btnEditPost::after {
    content: "";
    background-position: left;
    position: absolute;
    right: 10px;
    margin-right: 8px;
    transform: translateX(-50%);
    top: 12px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 15px;
}


.btnSquare.btnEditPost.active::after,
.btnSquare.btnEditPost:focus::after,
.btnSquare.btnEditPost:hover::after,
.btnSquare.btnEditPost::before {
  opacity: 1;
}

.btnSquare.btnEditPost:focus::before,
.btnSquare.btnEditPost:hover::before,
.btnSquare.btnEditPost::after {
  opacity: 0;
}

.btnSquare.btnEditPost::before {
  background-image: url(../../images/edit-cover-letter-load.svg);
}

.btnSquare.btnEditPost::after {
  background-image: url(../../images/edit-cover-letter-rollover.svg);
}

.btnSquare.btnEditPost.active,
.btnSquare.btnEditPost:focus,
.btnSquare.btnEditPost:active,
.btnSquare.btnEditPost:hover {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  color: #fff;
  font-weight: 500;
  box-shadow: inset 0 0 1px transparent;
}


/* == View Apply ===*/
.btnSquare.btnApply {
  background-color: var(--careershub-red);
  background-image: none;
  color: #fff;
  border: 0px solid transparent;
  /* font-weight: 500; */
  box-shadow: inset 0 0 1px transparent;
  transition: background-color var(--btn-hover-transition);
}

.btnSquare.btnApply:has(.btnApplyContent) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btnApplyContent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.btnApplyIcon {
  position: relative;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  align-self: center;
}

.btnApplyIcon::before,
.btnApplyIcon::after {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity var(--btn-hover-transition);
}

.btnSquare.btnApply .btnApplyIcon::before,
.btnSquare.btnApply:hover .btnApplyIcon::after {
  opacity: 1;
}

.btnSquare.btnApply:hover .btnApplyIcon::before,
.btnSquare.btnApply .btnApplyIcon::after {
  opacity: 0;
}

.btnApplyIcon::before {
  background-image: url(../../images/applicant-apply.svg);
}

.btnApplyIcon::after {
  background-image: url(../../images/applicant-apply.svg);
}

.btnSquare.btnMessage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px 8px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #000;
    border-radius: 4px;
    width: 49%;
    background-color: #fff !important;
    background: linear-gradient(to right, #fff, #fff);
    transition: background-color var(--btn-hover-transition), border-color var(--btn-hover-transition), color var(--btn-hover-transition), background var(--btn-hover-transition);
}

.btnMessageContent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
}

.btnMessageIcon {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.btnSquare.btnApply:not(:has(.btnApplyIcon))::before,
.btnSquare.btnApply:not(:has(.btnApplyIcon))::after {
    content: "";
    top: 3px;
    background-position: left;
    position: absolute;
    right: 14%;
    margin-right: 8px;
    transform: translateX(-50%);
    top: 6px;
    width: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    transition: opacity var(--btn-hover-transition);
}

.btnSquare.btnApply.jobCard:not(:has(.btnApplyIcon))::before,
.btnSquare.btnApply.jobCard:not(:has(.btnApplyIcon))::after {
    top: 7px;
    right: 16%;
}
@media (max-width: 1500px) {
  .btnSquare.btnApply.jobCard:not(:has(.btnApplyIcon))::before,
  .btnSquare.btnApply.jobCard:not(:has(.btnApplyIcon))::after,
  .btnSquare.btnApply.jobCard .btnApplyIcon::before,
  .btnSquare.btnApply.jobCard .btnApplyIcon::after {
      display: none;
  }
}

.btnMessageIcon::before,
.btnMessageIcon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity var(--btn-hover-transition);
}

.btnSquare.btnApply:not(:has(.btnApplyIcon)):hover::after,
.btnSquare.btnApply:not(:has(.btnApplyIcon))::before {
  opacity: 1;
}

.btnSquare.btnApply:not(:has(.btnApplyIcon)):hover::before,
.btnSquare.btnApply:not(:has(.btnApplyIcon))::after  {
  opacity: 0;
}

.btnSquare.btnMessage .btnMessageIcon::before,
.btnSquare.btnMessage:hover .btnMessageIcon::after {
  opacity: 1;
}

.btnSquare.btnMessage:hover .btnMessageIcon::before,
.btnSquare.btnMessage .btnMessageIcon::after {
  opacity: 0;
}

@media (max-width: 767px) {
  .btnSquare.btnMessage .btnMessageIcon::after,
  .btnSquare.btnApply:not(:has(.btnApplyIcon))::after {
    opacity: 1 !important;
  }
}
@media (max-width: 767px) {
  .btnSquare.btnApply:not(:has(.btnApplyIcon))::before {
    opacity: 0;
    display: none;
  }
}
.btnMessageIcon::before {
  background-image: none;
  background-color: var(--careershub-navy);
  mask: var(--hoverbox-icon-message) center / contain no-repeat;
  -webkit-mask: var(--hoverbox-icon-message) center / contain no-repeat;
}


.btnSquare.btnApply:not(:has(.btnApplyIcon))::before {
  background-image: url(../../images/applicant-apply.svg);
}


.editPost .btnSquare.btnApply:not(:has(.btnApplyIcon))::before {
  background-image: url(../../images/edit-cover-letter-load.svg);
}

.btnSquare.btnApply:not(:has(.btnApplyIcon))::after {
  background-image: url(../../images/applicant-apply.svg);
}
@media (max-width: 767px) {
  .btnSquare.btnApply:not(:has(.btnApplyIcon))::after {
    display: none;
  }
}


.btnMessageIcon::after {
  background-image: none;
  background-color: #fff;
  mask: var(--hoverbox-icon-message) center / contain no-repeat;
  -webkit-mask: var(--hoverbox-icon-message) center / contain no-repeat;
}

/*.btnSquare.btnApply::after {
  background-image: url(../../images/edit-cover-letter-rollover.svg);
}
*/
.btnSquare.btnApply.active,
.btnSquare.btnApply:active,
.btnSquare.btnApply:hover {
  background-color: #63b702;
  background-image: none;
  color: #fff;
  border: 0px;
  box-shadow: none;
}

.btnSquare.btnMessage.active,
.btnSquare.btnMessage:active,
.btnSquare.btnMessage:hover  {
    background-color: #333;
    background-color: #63b702;
    background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
    color: #fff;
    border: 0px;
    box-shadow: none;
}

.btnSquare.btnMessage:hover  {
  border: 1px solid transparent;
}

@media (prefers-reduced-motion: reduce) {
  .btnSquare.btnViewJob,
  .btnSquare.btnApply,
  .btnSquare.btnMessage,
  .btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::before,
  .btnSquare.btnViewJob:not(:has(.btnViewJobIcon))::after,
  .btnSquare.btnApply:not(:has(.btnApplyIcon))::before,
  .btnSquare.btnApply:not(:has(.btnApplyIcon))::after,
  .btnApplyIcon::before,
  .btnApplyIcon::after,
  .btnViewJobIcon::before,
  .btnViewJobIcon::after,
  .btnMessageIcon::before,
  .btnMessageIcon::after {
    transition: none;
  }
}

/* == View Apply ===*/
.btnSquare.btnViewProfile  {
    background-color: transparent;
    background: linear-gradient(to right,transparent, transparent);
    box-shadow: inset 0 0 0px 1px #000;
    color: #000;
    padding: 3px 20px 5px 4px;
}

.btnSquare.btnViewProfile::before,
.btnSquare.btnViewProfile::after {
    content: "";
    top: 3px;
    background-position: left;
    position: absolute;
    left:  19%;
    margin-right: 8px;
    transform: translateX(-50%);
    top: 7px;
    width: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
}

.btnSquare.btnViewProfile:focus::after,
.btnSquare.btnViewProfile:hover::after,
.btnSquare.btnViewProfile::before  {
  opacity: 1;
}

.btnSquare.btnViewProfile:focus::before,
.btnSquare.btnViewProfile:hover::before,
.btnSquare.btnViewProfile::after  {
  opacity: 0;
}

.btnSquare.btnViewProfile::before  {
  background-image: url(../../images/profile-fingerprint-black.svg);
}

.editPost .btnSquare.btnViewProfile::after,
.editPost .btnSquare.btnViewProfile::before  {
  background-image: url(../../images/saved-trash.svg);
  width: 26px !important;
  height: 24px !important;
  top: 15px !important;
}

.btnSquare.btnViewProfile::after  {
  background-image: url(../../images/profile-fingerprint-white.svg);
}

.editPost .btnSquare.btnViewProfile::after  {
  background-image: url(../../images/saved-trash-white.svg);
}

.btnSquare.btnViewProfile.active,
.btnSquare.btnViewProfile:active,
.btnSquare.btnViewProfile:focus,
.btnSquare.btnViewProfile:hover  {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  color: #fff;
  font-weight: 500;
  box-shadow: inset 0 0 1px transparent;
}

/* == Trans Next ===*/
.btnSquare.btnTransNext  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
}

.btnSquare.btnTransNext::after {
  content: "";
  top: 2px;
  background-position: center;
  background-size: 1.05rem;
  position: relative;
  margin-left: 8px;
  width: 17px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
}

.btnSquare.btnTransNext.disableBTN::after {
  opacity: 0.5;
}

.btnSquare.btnTransNext::after  {
  background-image: url(../../images/advance-journey-arrow.svg);
  opacity: 1;
  z-index: 5;  
}

.btnSquare.btnTransNext.active {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;
}

.btnSquare.btnTransNext.active:hover,
.btnSquare.btnTransNext.active:active,
.btnSquare.btnTransNext.active:focus,
.btnSquare.btnTransNext.active:hover  {
  background-color: transparent;
  background: linear-gradient(to right, #000, #000);
  box-shadow: inset 0 0 1px transparent;
  background: linear-gradient(to right, #4f9301, #63b702);
  border: 1px solid transparent;
  box-shadow: inset 0 0 1px transparent;
}

.btnSquare.btnTransNext.individualFormSubmit.active:hover,
.btnSquare.btnTransNext.individualFormSubmit.active:active,
.btnSquare.btnTransNext.individualFormSubmit.active:focus,
.btnSquare.btnTransNext.individualFormSubmit.active:hover  {
    background: linear-gradient(to right, #4f9301, #63b702);
}

/* == Trans Next ===*/
.btnSquare.btnTransSend  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
}

.btnSquare.btnTransSend::after {
  transform: rotateY(0deg);
  content: "";
  top: 2px;
  background-position: left;
  position: relative;
  margin-left: 8px;
  width: 14px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
}

.btnSquare.btnTransSend.disableBTN::after {
  opacity: 0.5;
}

.btnSquare.btnTransSend.disableBTN::after  {
  background-image: url(../../images/msg-send_button_black.svg);
}
@media (max-width: 768px) {
  .btnSquare.btnTransSend::after,
  .btnSquare.btnTransSend.disableBTN::after  {
    display: none;
  } 
  .btnSquare.btnTransSend.disableBTN  {
    background: linear-gradient(to right, transparent, transparent) !important;
  } 
  .btnSquare.btnTransSend  {
    background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  } 
}
.btnSquare.btnTransSend::after  {
  background-image: url(../../images/send.svg);
}

.btnSquare.btnTransSend.active {
  background-color: transparent;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;
}

.btnSquare.btnTransSend.active:hover,
.btnSquare.btnTransSend.active:active,
.btnSquare.btnTransSend.active:focus,
.btnSquare.btnTransSend.active:hover  {
  background-color: transparent;
  background: linear-gradient(to right, #000,  #000);
  box-shadow: inset 0 0 1px transparent;
}

/*=== Trans white ===*/
.btnSquare.btnTransWhite  {
  background-color: transparent;
  background: linear-gradient(to right,transparent, transparent);
  box-shadow: inset 0 0 0px 1px #fff;
}

.btnSquare.btnTransWhite.active,
.btnSquare.btnTransWhite:active,
.btnSquare.btnTransWhite:focus,
.btnSquare.btnTransWhite:hover  {
  background-color: #fff;
  background: linear-gradient(to right, #fff, #fff);
  box-shadow: inset 0 0 1px #fff;
  color: #000;
}

.btnDefault {
  position: relative;
  display: table;
  outline: none;
  text-decoration: none;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
  font-size: 18px;
  padding: 3px 35px 4px;
  border-radius: 20px;
  /* transition: all 0.4s; */
  font-weight: 500;
}

.btnDefault:active,
.btnDefault:focus,
.btnDefault:hover {
  position: relative;

}

/* === Text Link  ====*/

.textLink {
  text-decoration: none;
}

.textLink.textLinkWhite {
  text-decoration: none;
  color: #fff;
}

.textLink.textLinkWhite:active,
.textLink.textLinkWhite:focus,
.textLink.textLinkWhite:hover {
  text-decoration: underline;
}

/* === Disable BTN  ====*/
.btnSquare.disableBTN {
  position: relative;
  /* background-color: #cdcdcd4a; */
  color: #939393;
  box-shadow: inset 0 0 0px 1px #878787;
  pointer-events: none;
}

/* === Btn type 1  ====*/
.btnDefault.btn-1 {
  position: relative;
  background-color: transparent;
  border: 1px solid #fff;
  text-transform: uppercase;
}

.btnDefault.btn-1:active,
.btnDefault.btn-1:focus,
.btnDefault.btn-1:hover {
  border: 1px solid #63b702;
  background-color: #63b702;
}

/* === Btn type 2  ====*/
.btnDefault.btn-2 {
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
}

.btnDefault.btn-2:active,
.btnDefault.btn-2:focus,
.btnDefault.btn-2:hover {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}

/* === Btn type 3  ====*/
.btnDefault.btn-3 {
  position: relative;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;
  color: #fff;
  border:0px;
}

.btnDefault.btn-3:active,
.btnDefault.btn-3:focus,
.btnDefault.btn-3:hover {
  box-shadow: inset 0 0 1px #fff;
  background: linear-gradient(to right,transparent, transparent);
  color: #fff;
  border:0px;

}


/* === Btn type 4  ====*/
.btnDefault.btn-4 {
  position: relative;
  box-shadow: inset 0 0 0px #bd1616;
  background: linear-gradient(to right,transparent, transparent);
  color: #bd1616;
  border: 1px solid #bd1616;
}

.btnDefault.btn-4:active,
.btnDefault.btn-4:focus,
.btnDefault.btn-4:hover {
  box-shadow: inset 0 0 0px #fff;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  color: #fff;
  border: 1px solid transparent;
}


/* === Btn type 3  ====*/
.btnDefault.btnRedGreen {
  position: relative;
  background: linear-gradient(to right, rgba(var(--primeRGBDark)), rgba(var(--primeRGBLight), 1));
  box-shadow: inset 0 0 1px transparent;
  color: #fff;
  border:0px;
}

.btnDefault.activateProfileBtn::before  {
  background-image: url(../../images/activate-profile-icon.svg);
  opacity: 1;
  z-index: 5;
  content: "";
  top: 2px;
  background-position: left;
  position: relative;
  margin-right: 8px;
  width: 18px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
}

.btnDefault.btnRedGreen.activateProfileBtn {
  font-size: 18px;
  padding: 2px 13px 4px;
  height: 58px;
  border-radius: 70px;
  z-index: 10;
  width: 314px;
  letter-spacing: 0.05em;
  font-weight: 300;
}

.submitWrap:active .btnDefault.btnRedGreen,
.submitWrap:focus .btnDefault.btnRedGreen,
.submitWrap:hover .btnDefault.btnRedGreen {
  box-shadow: inset 0 0 1px #fff;
  background: linear-gradient(to right, #63b702, #63b702);
  color: #fff;
  border:0px;
  box-shadow: inset 0 0 1px transparent;
}

/* === Btn type trans  ====*/
.btnDefault.btnTrans {
  position: relative;
  background-color: transparent;
  border: 1px solid #fff;
}

.btnDefault.btnTrans:active,
.btnDefault.btnTrans:focus,
.btnDefault.btnTrans:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
}

/* === Btn type trans 2  ====*/
.btnDefault.btnTrans2 {
  position: relative;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 40px;
}

.btnDefault.btnTrans2:active,
.btnDefault.btnTrans2:focus,
.btnDefault.btnTrans2:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #fff;
}


/* === block floats  ====*/
.blockFloat {
  position: relative;
  margin: 50px auto 50px;
}
.registerPasswordStep  .blockFloat {
  width: 720px;
}

.blockFloat .lineForBlock,
.blockFloat .titleBlock {
  opacity: 1;
  transition: all 0.4s;
}

.blockFloat .stepDenied .lineForBlock,
.blockFloat .stepDenied .titleBlock {
    opacity: 0;
    padding: 0px 30px 0px !important;
    display: none !important;
}


.blockFloat .titleBlock.hasLeftAng::before,
.blockFloat .titleBlock.hasRightAng::after {
  position: absolute;
  bottom: 0px;
  width: 0;
  height: 0;
  display: block;
  content: "";
  z-index: 10;
}

.blockFloat .titleBlock.hasLeftAng::before {
    left: -16px;
    border-left: 17px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 38px solid rgb(var(--primeRGBLight));
}

.blockFloat .titleBlock.hasRightAng::after {
    right: -15px;
    border-left: 0px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 40px solid rgb(var(--primeRGBDark));
}
@media (max-width: 767px) {
  .blockFloat .titleBlock.hasRightAng::after {
      display: none;
  }
}

.blockFloat .centTitle .titleBlock {
  position: relative;

}

.blockFloat .leftTitle .titleBlock {
  position: relative;

}

.blockFloat .redColour .titleBlock {
    position: relative;
    background: linear-gradient(to right, rgba(var(--primeRGBLight)), rgba(var(--primeRGBDark), 1));
    padding: 6px 50px 8px;
    display: inline-block;
    z-index: 50;
    top: 0.1em;
}

.blockFloat .redColour .titleBlock h2 {
    position: relative;
    letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .blockFloat .redColour .titleBlock h2 {
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-left: 7px;
    margin-top: 0px !important;
    text-transform: uppercase;
  }
}


.blockFloat .redColour .titleBlock.hasRightAng  {
  border-top-right-radius: 15px;
}

.blockFloat .redColour .titleBlock.hasLeftAng  {
  border-top-left-radius: 15px;
}

.blockFloat .leftLine,
.blockFloat .rightLine {
    position: absolute;
    width: calc(50% + 0px);
    top: 2.28em;
    height: 8px;
    z-index: 6;
}

.blockFloat .leftLine {
  left: 0px;
}

.blockFloat .rightLine {
  left: auto;
  right: 0px;
}


.blockFloat .redColour .leftLine {
  background-color: #c11616;
}

.blockFloat .redColour .rightLine {
  background-color: #8b1111;
}

/* For suspended accounts */


/*=======================================================================================================================================
========== End Defaults =================================================================================================================
=========================================================================================================================================*/


/* Nikolai CSS */
.innerWrapForm div.inputWrap input.emailExists {
  color: #c11616 !important;
  -webkit-text-fill-color: #c11616 !important;
}

span.jobName {
  font-size: 14px !important;
}

/* Mobile */
@media (max-width: 767px) {
	.applicantDashHome .dashBody {
		margin-top: 62px;
	}
}

.adminDashPage .dashBody {
  margin-top: 141px;
}

.viewingBusinessProfile .dashBody {
  margin-top: 150px;
}

.addSecondUserOptionWrapper:hover .addSecondUserOption {
  color: var(--careershub-green);
}

/* Mobile only */
@media (max-width: 767px) {
  .jobApplySentAnimation {
    left: 17px;
  }
}