/* Account, employer and billing pages.
   Load AFTER the current jfc-home-redesign.css. Existing site pages are untouched. */
.jfc-account-heading {
  padding: 38px 0 !important;
  height: auto !important;
  background: linear-gradient(115deg, #11294a, #154771 72%, #156478);
}
.jfc-account-heading h1,
.jfc-account-heading h3 {
  margin: 0;
  color: #fff !important;
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.035em;
  text-transform: none;
}
.jfc-account-heading .page-caption {
  margin: 0 !important;
  padding: 0 !important;
}
.jfc-account-heading p {
  max-width: 850px;
  margin: 12px 0 0;
  color: #deebf6;
  line-height: 1.7;
}
.jfc-account-heading .query,
.jfc-account-heading .query a {
  color: #deebf6 !important;
  font-size: 13px !important;
}
.jfc-account-content {
  min-height: 420px;
  padding: 34px 0 70px !important;
  background: var(--jfc-surface, #f4f7fb);
  color: #000;
}
.jfc-account-content *,
.jfc-account-heading * { box-sizing: border-box; }
.jfc-account-content .container .container {
  width: 100%;
  padding: 0;
}
.jfc-account-content .login,
.jfc-account-card,
.jfc-account-register .box {
  margin: 0;
  padding: 30px;
  border: 1px solid var(--jfc-line, #e4eaf1);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20,36,59,.045);
}
.jfc-account-content .login:after { display: block; clear: both; content: ""; }
.jfc-account-content .contctxt {
  margin: 0 0 23px;
  padding: 0;
  border: 0;
  color: var(--jfc-ink, #14243b);
  background: transparent;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}
.jfc-account-content .formint { padding: 0; }
.jfc-account-content .input-wrap { margin: 0 0 20px; }
.jfc-account-content label,
.jfc-account-content .input-group-addon {
  display: block;
  width: auto;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: #14243b;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
.jfc-account-content input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]),
.jfc-account-content select,
.jfc-account-content textarea {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 13px;
  border: 1px solid #dce5ef;
  border-radius: 9px !important;
  color: #000;
  background: #f8fafc;
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
}
.jfc-account-content input[type="file"] { height: auto !important; padding: 10px !important; }
.jfc-account-content textarea { height: 120px; padding: 12px; }
.jfc-account-content input:focus,
.jfc-account-content select:focus,
.jfc-account-content textarea:focus {
  outline: none;
  border-color: #8bb9f6;
  box-shadow: 0 0 0 3px rgba(23,105,224,.12);
}
.jfc-account-content input[type="checkbox"],
.jfc-account-content input[type="radio"] {
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  margin: 0 8px 0 0 !important;
  transform: none !important;
  zoom: 1 !important;
  vertical-align: middle;
  accent-color: #1769e0;
}
.jfc-account-content .sbutn,
.jfc-account-content .theme-btn,
.jfc-account-content .buttonCls,
.jfc-account-content input[type="submit"],
.jfc-account-content input[type="button"],
.jfc-account-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 22px;
  border: 0;
  border-radius: 9px;
  color: #fff !important;
  background: #1769e0 !important;
  box-shadow: 0 7px 16px rgba(23,105,224,.14);
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}
.jfc-account-content .sbutn:hover,
.jfc-account-content input[type="submit"]:hover,
.jfc-account-content input[type="button"]:hover,
.jfc-account-button:hover { background: #1054bb !important; color: #fff; }
.jfc-account-content .errorMSG,
.jfc-account-content .errorMSGN { color: #b42318; font-size: 13px; line-height: 1.5; }
.jfc-account-content .errorMSGN { margin: 0 0 16px; }
.jfc-account-content .errorMSGN:empty { display: none; }
.jfc-account-content .star { color: #b42318; }
.jfc-account-content .newuser {
  margin: 24px 0 0;
  padding-top: 18px;
  border-top: 1px solid #e4eaf1;
  color: #000;
  text-align: center;
  font-size: 13px;
}
.jfc-account-auth .sbutn,
.jfc-account-auth .buttonCls { width: 100%; }
.jfc-account-auth > .container > .row,
.jfc-account-wide > .container > .row {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  margin: 0;
}
.jfc-account-auth > .container > .row:before,
.jfc-account-auth > .container > .row:after,
.jfc-account-wide > .container > .row:before,
.jfc-account-wide > .container > .row:after { display: none; }
.jfc-account-auth > .container > .row > div:empty,
.jfc-account-wide > .container > .row > div:empty { display: none; }
.jfc-account-auth > .container > .row > div:not(:empty) {
  float: none;
  width: 100%;
  max-width: 520px;
  padding: 0;
  margin: 0 auto;
}
.jfc-account-wide > .container > .row > div:not(:empty) {
  float: none;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0;
}
.jfc-account-content #Menu2 {
  width: 100% !important;
  margin: 0 auto 24px !important;
  padding: 0 !important;
}
.jfc-account-content #Menu2 table,
.jfc-account-content table:has(#Menu2) {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.jfc-account-content table:has(#Menu2) > tbody > tr > td { padding: 0; }
.jfc-account-content table:has(#Menu2) > tbody > tr:first-child:has(td:only-child) { height: 0; }
.jfc-account-content #Menu2 tr {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  align-items: stretch;
  gap: 6px;
  margin: 0;
}
.jfc-account-content #Menu2 td:not([id]) { display: none; }
.jfc-account-content #Menu2 td[id] {
  display: flex;
  flex: initial;
  width: auto !important;
  min-width: 0;
  min-height: 38px;
  height: auto !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px 8px;
  border: 1px solid #dce7f5;
  border-radius: 8px !important;
  background: #edf4fe !important;
  color: #1769e0 !important;
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
}
.jfc-account-content #Menu2 td[id] a {
  color: #1769e0 !important;
  line-height: 1.25;
  text-decoration: none;
}
.jfc-account-content #Menu2 td[id] span { display: none !important; }
.jfc-account-content #Menu2 td[id] br { display: none; }
.jfc-account-content #Menu2 td[id] a:focus-visible {
  outline: 2px solid #1769e0;
  outline-offset: 2px;
}
.jfc-account-content #Menu2 td[id]:hover { background: #deebfd !important; }
.jfc-account-content #Menu2 td[style*="background-color:orange"],
.jfc-account-content #Menu2 td[style*="background-color:#559E38"] {
  background: #1769e0 !important;
}
.jfc-account-content #Menu2 td[style*="background-color:orange"] a,
.jfc-account-content #Menu2 td[style*="background-color:#559E38"] a { color: #fff !important; }
.jfc-account-password .latestJobNewdetail {
  float: none;
  width: 100%;
  max-width: 630px;
  margin: 24px auto 0 !important;
  padding: 30px;
  border: 1px solid #e4eaf1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20,36,59,.045);
}
.jfc-account-password .latestJobNewdetail > div { width: 100% !important; }
.jfc-account-password .registerh2 { margin: 0 0 12px; color: #14243b; font-size: 23px; font-weight: 700; }
.jfc-account-password .registerh2 > span { display: block; float: none !important; margin: 8px 0 0 !important; font-size: 12px; font-weight: 400; }
.jfc-account-password .tr-single-box,
.jfc-account-password .tr-single-body { padding: 0; border: 0; box-shadow: none; }
.jfc-account-password .row { margin: 0; }
.jfc-account-password .col-md-4 { float: none; width: 100%; padding: 0; }
.jfc-account-password .col-md-4 p { margin-bottom: 20px; }
.jfc-account-register .jobDescriptionSection { float: none; margin: 0; }
.jfc-account-register .create-company { padding: 0; background: transparent; }
.jfc-account-register .box { margin-bottom: 24px; }
.jfc-account-register .box-header { padding: 0; border: 0; background: transparent; }
.jfc-account-register .box-header h4 { margin: 0 0 20px; font-size: 21px; font-weight: 700; }
.jfc-account-register .box-header h3.star { margin: -10px 0 18px; font-size: 12px; font-weight: 400; }
.jfc-account-register .box-body { padding: 0; }
.jfc-account-register .box-body .row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  margin: 0 0 20px;
}
.jfc-account-register .box-body .row:before,
.jfc-account-register .box-body .row:after { display: none; }
.jfc-account-register .box-body .row > [class*="col-"] {
  float: none; width: auto; min-width: 0; padding: 0;
}
.jfc-account-register .box-body .col-sm-8 { grid-column: 1 / -1; }
.jfc-account-register .label2 { font-size: 14px; }
.jfc-account-register form > .row { margin: 0 0 16px; }
.jfc-account-register form > .row > div { padding-left: 0 !important; padding-right: 0; }
.jfc-account-register .tmobile-left { float: none; margin: 0; }
.jfc-account-posting > #Menu2 { width: min(1180px,calc(100% - 40px)) !important; }
.jfc-account-posting .latestJobPosting > h3 { margin: 0 0 24px; font-size: 24px; font-weight: 700; }
.jfc-account-posting .jfc-posting-balance {
  float: none !important;
  margin: 0 0 22px;
  padding: 16px;
  border-radius: 9px;
  background: #f0f6ff;
  color: #000 !important;
  font-size: 13px !important;
  line-height: 1.8;
}
.jfc-account-posting .option1,
.jfc-account-posting .option2 {
  float: none !important;
  width: 100%;
  margin: 18px 0 0 !important;
  padding: 24px;
  border: 1px solid #dce7f5;
  border-radius: 12px;
  background: #f8fbff;
}
.jfc-account-posting .option_premium-posting,
.jfc-account-posting .option_premium-posting2 {
  float: none !important;
  width: 100%;
  height: auto !important;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: inherit;
}
.jfc-account-posting .option_premium-posting { font-size: 21px; font-weight: 700; }
.jfc-account-posting .option_premium-posting a { color: #1769e0 !important; }
.jfc-account-posting .option_premium-posting2 { margin: 9px 0 0 28px; width: auto; font-size: 14px; }
.jfc-account-posting .option_premium-posting2 a { color: #000 !important; }
.jfc-account-content .registerClassHeight { display: none; }
.jfc-table-scroll { max-width: 100%; overflow-x: auto; margin: 24px 0 12px; }
.jfc-table-help { margin: 16px 0 -12px; font-size: 12px; color: #000; }
.jfc-account-content .jfc-data-table {
  width: 100% !important;
  min-width: 640px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 13px;
}
.jfc-account-content .jfc-data-table td { padding: 15px 12px; border-bottom: 1px solid #e4eaf1; text-align: left; }
.jfc-account-content .jfc-data-table tr:first-child { background: #142f51 !important; color: #fff; }
.jfc-account-content .jfc-data-table tr:first-child td { font-size: 12px; }
.jfc-account-content .jfc-data-table td[style*="color:#C00000"] { color: #000 !important; }
.jfc-account-content .jfc-data-table input[type="button"] { min-height: 38px; padding: 8px 13px; font-size: 12px; }
.jfc-account-confirmation .jfc-confirmation-mark {
  display: flex; width: 58px; height: 58px; align-items: center; justify-content: center;
  margin: 16px auto; border-radius: 50%; background: #e9f9f2; color: #128765;
  font-size: 30px;
}
.jfc-account-confirmation .jfc-confirmation-title { text-align: center; font-size: 24px; font-weight: 700; color: #14243b; }
.jfc-account-confirmation .jfc-confirmation-message { max-width: 760px; margin: 22px auto; line-height: 1.8; overflow-wrap: anywhere; }
.jfc-account-plans .pricing-section {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px;
  width: 100%; margin: 0; padding: 0;
}
.jfc-account-plans .plan-details {
  display: flex; flex-direction: column; float: none; width: auto; margin: 0;
  padding: 25px 22px; border: 1px solid #e4eaf1; border-radius: 16px;
  background: #fff; box-shadow: 0 8px 24px rgba(20,36,59,.045);
}
.jfc-account-plans .plan-header { padding: 0; background: transparent; color: #14243b; font-size: 20px; font-weight: 700; }
.jfc-account-plans .currency { margin: 20px 0 12px; color: #1769e0; font-size: 35px; font-weight: 700; line-height: 1.25; }
.jfc-account-plans .currency em { display: block; color: #000; font-size: 13px; font-weight: 400; font-style: normal; }
.jfc-account-plans .start-at { margin: 0 0 22px; font-size: 12px; color: #000; line-height: 1.6; }
.jfc-account-plans .plan-total { padding-top: 18px; border-top: 1px solid #e4eaf1; color: #000; font-size: 13px; }
.jfc-account-plans .add-plan { margin: auto 0 0; padding-top: 18px; }
.jfc-account-plans .jfc-account-button { width: 100%; }
.jfc-account-plans .jfc-plan-note { margin-top: 22px; font-size: 13px; }
@media (max-width: 900px) {
  .jfc-account-plans .pricing-section { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jfc-account-register .box-body .row { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .jfc-account-heading { padding: 29px 0 !important; }
  .jfc-account-content { padding: 24px 0 48px !important; }
  .jfc-account-content .login,
  .jfc-account-card,
  .jfc-account-register .box,
  .jfc-account-password .latestJobNewdetail { padding: 22px; }
  .jfc-account-content #Menu2 tr { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jfc-account-register .box-body .row { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .jfc-account-plans .pricing-section { grid-template-columns: minmax(0,1fr); }
  .jfc-account-content .sbutn,
  .jfc-account-content input[type="submit"] { width: 100%; }
  .jfc-account-posting .option1,
  .jfc-account-posting .option2 { padding: 18px; }
  .jfc-account-posting .option_premium-posting { font-size: 18px; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .jfc-account-content #Menu2 tr { grid-template-columns: repeat(3,minmax(0,1fr)); }
}