:root {
	--primary-color: #002d5d;
	--secondary-color: #ed7800;
	--primary-hover: #00244A;
	--primary60: #002d5d;
	--primary70: #00244A;
	--secondary60: #ed7800;
}

h1 {
    padding-bottom: 20px;
}
.job-content-location {
display: none;
}
label[id="files.Other.file_label"]{
    visibility: hidden;
    position: relative;
}
label[id="files.Other.file_label"]:after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'ISG Passport Style Photo: (PNG/JPEG)';
}
label[id="user.address1_label"]{
    visibility: hidden;
    position: relative;
}
label[id="user.address1_label"]:after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Current Address Line 1';
}
label[id="user.address2_label"]{
    visibility: hidden;
    position: relative;
}
label[id="user.address2_label"]:after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Current Address Line 2';
}

#job-application-form label[id*=".response."][id$=".degree_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".degree_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Degree / Licensure Area';
}
#job-application-form label[id*=".response."][id$=".qualification_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".qualification_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Qualification Gained (Degree Name or Licensure Type)';
}
#job-application-form label[id*=".response."][id$=".institution_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".institution_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Institution Name / Issuing Body';
}
#job-application-form label[id*=".response."][id$=".datecompl_label"]{
    visibility: hidden;
    position: relative;
}
#job-application-form label[id*=".response."][id$=".datecompl_label"]::after{
    visibility: visible;
    position: absolute;
    bottom: 0.5;
    left: 0;
    content: 'Date Gained (Issue Date)';
}
.app-subheader {
  position: relative;           /* enable pseudo-element positioning */
  padding-top: 1em;             /* give space for the line */
}

.app-subheader::before {
  content: "_________________________________________________________________________________________________________________";
  display: block;
  margin-bottom: 0.5em;         /* space between the underscores and your header text */
  font-family: inherit;         /* match the same font as your header */
  font-size: 0.8em;             /* tweak size so the “line” looks right */
  color: ##ed7800;                  /* line color */
  white-space: nowrap;          /* keep it on one line */
  overflow: hidden;             /* if it’s too long, it’ll simply clip */
}
.app-subheader {
font-size: 24px;
margin-top: 0px !important;
padding-top: 0px !important;
}



#job-application-form h3
 {
font-size: 24px;
margin-top: 0px !important;
padding-top: 0px !important;
}


#job-application-form h4
 {
font-size: 20px;
margin-top: 0px !important;
padding-top: 0px !important;
margin-bottom: -20px;
}
#job-application-form {
border: none;
}
body a:link {
    color: #012d5d;
}
body a:visited {
    color: #ed7800;
}
#job-application-form label {
font-weight: 600;
line-height: 1.4;
    color: #292C2E;
}
.multi-option-container.yesno-radios {
    padding-top: 10px;
}
.form-control.ob.radio .ob-radio-button {
color: #216ba5
}
#job-application-form h3:not(.app-subheader) {
  display: none;
}

button.ob.button.iconButton.light.medium[aria-label*="Add More Education History"] > span:not(.material-icons) {
  display: none;              /* hide old label */
}

button.ob.button.iconButton.light.medium[aria-label*="Add More Education History"]::after {
  content: "Add New Record";
  margin-left: 8px;      
  font: inherit;             
  color: inherit;
  line-height: 1;     
}


.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.ob.grid.css-15j76c0 > h4 {
  font-size: 0 !important;          /* hide original text */
  line-height: 0  !important;
  position: relative  !important;
}

.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.ob.grid.css-15j76c0 > h4::after {
  content: "Education and Licensure Record";
  font-size: 24px;  
  line-height: 1.2;
  color: inherit;    
}
.eop_survey .user-content:not(.job-content-body.user-content) {
  font-size: 0 !important;          /* hide original text */
  line-height: 0  !important;
  position: relative  !important;
}


.eop_survey .user-content:not(.job-content-body.user-content)::before{
  font-size: 24px;  
font-weight: bold;
color: #15772c !important;
  line-height: 1.2;
  white-space: pre-wrap;
   content: "Application Received ✓ \A \A";
}

.eop_survey .user-content:not(.job-content-body.user-content)::after{
  font-size: 20px;  
color: #28282c;
  line-height: 1.2;  
  white-space: pre-wrap;
   content: "We've received your application for a position at International Schools Group (ISG). Thank you! \AOur hiring managers will review your application, and we'll be contacting qualified applicants soon. \A  \A Next Steps:\A 1. Locate this email confirmation in your inbox and add it to your contacts to ensure you receive future emails.\A \A
Thanks!\A \A ISG Recruitment Team\A International Schools Group";
}