@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&display=swap');

body{width:100%; margin:0; font-family:'Noto Sans', sans-serif; font-size:14px; line-height:18px; color:#333;}
a{color:#3ab54a; text-decoration:none; outline:none !important;}
a:hover{color:#000; text-decoration:none; outline:none !important;}

p{display:block; -webkit-margin-before:1em; -webkit-margin-after:1em; -webkit-margin-start:0px; -webkit-margin-end:0px;}
ul{display:block; list-style-type:none; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; -webkit-padding-start:0;
	 margin:0; padding:0;}
ul li{list-style-type:none;}

input::-webkit-input-placeholder{color:#aaa; font-size:0.8rem; font-family:'Noto Sans', sans-serif;}
input:-moz-placeholder{/* Firefox 18- */color:#aaa; font-size:0.8rem; font-family:'Noto Sans', sans-serif;}
input::-moz-placeholder{/* Firefox 19+ */color:#aaa; font-size:0.8rem; font-family:'Noto Sans', sans-serif;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color:#333;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=number]{-moz-appearance:textfield;}


/* ---------------------------------- simplified apply - completed on 15/05/2025 - 02:18pm ------------------------------- */

.apply_container{display:block; width:100%; /*background:#fafafa;*/ border-top:1px solid #eaeaea;}

.apply_content{width:1200px; max-width:90%; margin:3rem auto;}

.apply_block{display:flex; justify-content:flex-start; align-items:flex-start; width:100%; flex-wrap:wrap;}

.apply_detailsbox{width:72%; margin:0;}

.apply_sidebox{margin-left:5%;}

.apply_side_links{display:block; width:100%;}
.apply_linktitle{line-height:2.5rem; font-size:1.15rem; font-weight:600; margin:0.5rem auto;}
.apply_linksearch{line-height:2rem; font-size:0.95rem; font-weight:400;}
.apply_linksearch a{color:#3ab54a;}
.apply_linksearch a:hover{color:#000;}


.apply_header{width:100%; line-height:2rem; font-size:1.1rem; font-weight:500; font-family:'Noto Sans', sans-serif; color:#666; 
							text-align:left; margin-bottom:2rem;}

.apply_jobblock{display:flex; justify-content:space-between; align-items:flex-start;}
.apply_jobtitle{line-height:2.25rem; font-size:2rem; font-weight:700; font-family:'Zilla Slab', serif; color:#000; text-align:left; margin:0 auto;}
.apply_jobinfo{display:flex; align-items:center; flex-wrap:wrap; line-height:1.85rem; font-size:0.85rem; color:#666; margin:0 auto 3rem;}
.apply_jobinfo span{color:#888; margin:0 10px;}

.apply_jobblock i{line-height:2.5rem; font-size:1rem; color:#3ab54a;}
.apply_jobblock i:hover{color:#000;}

.apply_submittedbox{display:flex; flex-direction:column; justify-content:center; align-items:center; line-height:2.5rem; font-size:1.5rem; font-weight:700;
										background:rgba(58,181,74,0.025); border:1px dotted rgba(58,181,74,0.5); border-radius:5px; padding:5%; margin-bottom:3rem;}
.apply_submitprevbox{display:flex; flex-direction:column; justify-content:center; align-items:center; line-height:2.5rem; font-size:1.5rem; font-weight:700;
										background:#f8f8f8; border:1px dotted #f1f1f1; border-radius:5px; padding:5%; margin-bottom:3rem;}
.apply_submiterrorbox{display:flex; flex-direction:column; justify-content:center; align-items:center; line-height:2.5rem; font-size:1.5rem; font-weight:700;
										background:#f8f8f8; border:1px dotted #f1f1f1; border-radius:5px; padding:5%; margin-bottom:3rem;}
.apply_submitdone{color:#3ab54a;}
.apply_submitprev{color:#000;}
.apply_submitinfo{width:100%; line-height:1.85rem; font-size:1rem; font-family:'Noto Sans', sans-serif; color:#000; margin:2rem auto;}

.apply_submiterrorinfo{display:flex; align-items:flex-start; gap:15px; font-size:1.25rem;}
.apply_submiterrorinfo i{font-size:2rem; color:#c00;}


.apply_formbox{/*border-bottom:1px solid #ddd; padding-bottom:2rem;*/}

.apply_quickopt{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:15px; margin-top:3rem;}


.form_container{display:flex; flex-direction:column; justify-content:space-between; align-items:center; width:100%; margin:0 auto;}

.apply_form_box{display:flex; justify-content:flex-start; align-items:flex-start; width:100%; margin:0 auto 1.5rem;}

.apply_form_input{display:flex; flex-direction:column; width:60%;}

.apply_form_title{display:flex; align-items:center; gap:10px; width:40%; line-height:2.5rem; font-size:1.05rem; font-weight:600; color:#888;}

.apply_form_text{width:100%; height:45px; line-height:45px; color:#3ab54a; border:1px solid #ddd; border-radius:5px; padding:0 15px;}
.apply_form_text:hover, .apply_form_text:focus{border:1px solid #3ab54a; outline:none;}

.apply_form_error{color:#000; border:1px solid #f00;}
.apply_form_error:hover, .apply_form_error:focus{border:1px solid #c00; outline:none;}

.apply_block_title{display:flex; align-items:center; gap:10px; width:100%; line-height:2.5rem; font-size:1.25rem; font-weight:600; color:#333;}

.apply_notice_asterisk{font-size:12px; font-weight:300; color:#df2e3c;}
.apply_notice_error{line-height:1.85rem; font-size:0.75rem; font-weight:600; color:#f00;}


.apply_submit{width:fit-content; height:45px; font-size:0.85rem; font-weight:600; color:#fff; text-transform:uppercase;
							background:#3ab54a; border:1px solid #3ab54a; border-radius:5px; outline:none; margin-top:1rem; margin-left:auto;
							padding:0 25px; cursor:pointer;}
.apply_submit:hover, .apply_submit:focus{color:#3ab54a; background:transparent;}


/* -------------------------- resume - added 15/05/2025 - 10:31am -------------------------- */

.resume_container{display:block; width:100%; margin:1rem auto 0;}
.apply_resumebox{display:flex; flex-direction:column; width:100%;}


.apply_upload_box{display:flex; flex-direction:column; justify-content:flex-start; align-items:center; width:60%; margin:0 auto;}


.apply_resume_upload{display:flex; justify-content:space-between; align-items:flex-start; width:100%; border:1px solid #e5e5e5; border-radius:5px;}
.apply_resume_upload:hover{border:1px solid #3ab54a;}

.apply_resume_selected{display:flex; justify-content:center; align-items:center; width:100%; height:45px; line-height:45px;
											 background:#fff; border:1px solid #ddd; border-radius:5px;}
.apply_resume_filename{color:#888; font-size:0.8rem; font-weight:400; max-width:90%; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.apply_resume_errorbox{font-size:0.8rem; color:#f00;}

.apply_resume_note{line-height:2rem; font-size:0.75rem; font-weight:400; color:#666; text-align:center;}

/*#resume{display:flex; width:100%; width:0.1px; height:0.1px;  opacity:0; overflow:hidden; position:absolute; z-index:-1;}*/
/*#resume + label{width:25%; height:45px; line-height:45px; font-size:13px; font-weight:600; color:#3ab54a; text-align:center; */
/*                background:#f2f2f2; border:1px solid #dbdbdb; border-radius:5px; cursor:pointer;}*/
/*#resume + label:hover{background:#fff; border:1px solid #ccc;}*/

input[type=file]{width:100%; height:45px; line-height:45px; font-weight:600; background:#f8f8f8; border-radius:5px;}
input[type=file]:hover{cursor:pointer;}
input[type=file]::file-selector-button{width:125px; height:45px; line-height:45px; font-weight:500; color:#000; background:#fff; 
																			 border:0px; border-right:1px solid #e5e5e5; margin-right:20px; transition:.5s;}
input[type=file]::file-selector-button:hover{background:#eee; border:0px; border-right:1px solid #e5e5e5; cursor:pointer;}


.apply_resume_content{width:70%;}
.apply_resume_content form{margin:0;}

/*.popup_header{display:block; width:100%;}*/
/*.popup_title{display:inline-block; font-size:18px; color:#333; vertical-align:top;}*/
/*.popup_cancel{display:inline-block; font-size:16px; float:right; font-family:Verdana, sans-serif; vertical-align:top;*/
/*              margin:-15px 0 0 0;}*/
/*#popup_background{display:none; position:absolute;height:100%;width:100%;top:0;left:0;background:#333;position:fixed; z-index:99999999;}*/
/*#resume_box{display:none; width:30%; height:auto; padding:35px 25px 45px; border:solid 1px #aaa; box-shadow:0 0 4px #666;*/
/*            -moz-box-shadow:0 0 4px #666; -webkit-box-shadow:0 0 4px #666; border-radius:3px; background:#fff;*/
/*            font-family:'Noto Sans', sans-serif; font-size:11px; top:35%; right:32%; position:fixed; z-index:9999999999; color:#333;}*/

/*.popup_upload{display:block; width:100%; margin:25px auto 0; color:#666; }*/
/*.popup_group{display:inline-block; min-width:100px; vertical-align:middle;}*/
/*.popup_group input{cursor:pointer;}*/

/*.popup_button{display:inline-block; min-width:100px; vertical-align:middle; float:right; margin-right:10px;}*/
/*.popup_submit{display:inline-block; width:100%; height:25px; padding:0 15px; color:#fff; background:#3ab54a; border:1px solid #3ab54a;*/
/*              float:right; cursor:pointer;}*/
/*.popup_submit:hover, .popup_submit:focus{outline:none; background:#366ecc; border:1px solid #366ecc;}*/

/* -------------------------- END resume - added 15/05/2025 - 10:31am -------------------------- */


/* -------------------------- quick apply content - updated 15/05/2025 - 11:37am -------------------------- */

.apply_quickbox{display:flex; justify-content:center; align-items:center; width:100%; padding:2.5%;		
								font-size:0.85rem; font-weight:600; color:#000; background:#eee; box-sizing:border-box;}

.apply_rec{display:block; width:100%; margin:40px 0 0;}

.apply_rectitle{display:block; width:100%; font-size:1.15rem; font-weight:600; color:#333; text-align:left; vertical-align:top; border-bottom:1px solid #ddd; padding:0 0 15px;}

.apply_recbox{display:block; width:100%; margin:0 0 25px;}

.apply_recjobs{display:flex; justify-content:space-between; align-items:center; line-height:1.5rem; border-bottom:1px solid #ddd; padding:3% 1.5%;}
.apply_recinfo{display:inline-block; width:65%; vertical-align:middle; text-align:left;}

.apply_recjobtitle{display:block; width:100%; font-size:14px; font-weight:600; color:#3ab54a; text-transform:uppercase;}
.apply_recjobtitle:hover{color:#3ab54a; outline:none;}

.apply_recjobdetail{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.apply_recjobdetail span{margin:0 10px;}
.apply_recjobcompany{font-size:0.85rem; color:#333;}
.apply_recjobloc{font-size:0.8rem; color:#999;}
.apply_recsalary{font-size:0.8rem; color:#888;}

.apply_recapply{display:flex; justify-content:flex-end; align-items:flex-end; width:34%; text-align:left;}
.apply_recapply form{display:flex; justify-content:flex-end; align-items:flex-end; width:100%;}

.apply_recapplybutton{width:60%; height:35px; font-size:0.85rem; font-weight:500; font-family:'Noto Sans', sans-serif; color:#3ab54a;
											text-align:center; text-transform:none; background:#eee; border:1px solid #eee; border-radius:3px; cursor:pointer;}
.apply_recapplybutton:hover, .apply_recapplybutton:focus{outline:none; color:#000; background:#d6d6d6; border:1px solid #d6d6d6;}

.apply_recapplylink{display:block; width:60%; height:35px; line-height:35px; font-size:0.8rem; font-weight:500; font-family:'Noto Sans', sans-serif; 
										color:#3ab54a; text-align:center; text-transform:none; background:#eee; border:1px solid #eee; border-radius:3px; cursor:pointer;}
.apply_recapplylink:hover, .apply_recapplylink:focus{outline:none; color:#000; background:#d6d6d6; border:1px solid #d6d6d6;}


.apply_recappliedjob{display:block; width:60%; height:35px; font-size:1rem; font-weight:400; font-family:'Noto Sans', sans-serif; color:#3ab54a; cursor:crosshair;
											text-align:center; text-transform:none; background:#ddd; border:1px solid #ddd; border-radius:3px; float:right; vertical-align:middle;}


/* ------------------------------------------------------------------------------------------------- */
/* -------------------------- media css - updated on 15/05/2025 - 02:17pm -------------------------- */
/* ------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:240px) and (max-width:480px) {
	
	.apply_jobblock{align-items:flex-end;}
	
	.apply_detailsbox, .apply_sidebox{width:100%; margin:1rem auto;}
	.apply_form_box{flex-direction:column;}
	
	.apply_upload_box, .apply_form_title, .apply_form_input, .apply_form_text, .apply_submit{width:100%;}
	
	.apply_quickbox{padding:5%;}
	.apply_recjobs{flex-direction:column; padding:5% 0;}
	.apply_recinfo, .apply_recapply{width:100%;}
	.apply_recjobdetail span{display:none;}
	.apply_recjobcompany, .apply_recjobloc, .apply_recsalary{display:block; width:100%;}
	.apply_recapplylink{width:fit-content; padding:0 25px;}
	
}

@media only screen and (min-width:481px) and (max-width:660px) {
	
	.apply_jobblock{align-items:flex-end;}
	
	.apply_detailsbox, .apply_sidebox{width:100%; margin:1rem auto;}
	.apply_form_box{flex-direction:column;}
	
	.apply_upload_box, .apply_form_title, .apply_form_input, .apply_form_text, .apply_submit{width:100%;}
	
	.apply_quickbox{padding:5%;}
	.apply_recjobdetail span{display:none;}
	.apply_recjobcompany, .apply_recjobloc, .apply_recsalary{display:block; width:100%;}
	.apply_recapplylink{width:fit-content; padding:0 25px;}
	
}

@media only screen and (min-width:661px) and (max-width:720px) and (orientation:portrait) {
	
}

@media only screen and (min-width:721px) and (max-width:920px) {
	
	.apply_detailsbox{width:85%; margin:1rem 0;}
	.apply_sidebox{display:none;}
	
	.apply_recjobs{padding:5% 0;}
	.apply_recinfo{width:70%}
	.apply_recapply{width:30%;}
	.apply_recapplylink{width:fit-content; padding:0 25px;}
	
}

@media only screen and (min-width:921px) and (max-width:1024px) {
	
	.apply_detailsbox{width:77%; margin:1rem 0;}
	.apply_sidebox{display:none;}
	
	.apply_recjobs{padding:5% 0;}
	.apply_recinfo{width:70%}
	.apply_recapply{width:30%;}
	.apply_recapplylink{width:fit-content; padding:0 25px;}
	
}

@media only screen  and (min-width:1025px) and (max-width:1200px) {
	
	.apply_detailsbox{width:77%; margin:1rem 0;}
	.apply_sidebox{display:none;}
	
	.apply_recinfo{width:70%}
	.apply_recapply{width:30%;}
	.apply_recapplylink{width:fit-content; padding:0 25px;}
	
}

@media only screen and (max-device-width:480px) and (orientation:portrait) {
	
}

@media only screen and (max-device-width:720px) and (orientation:landscape) {
	
	.apply_detailsbox{width:100%; margin:1rem auto;}
	.apply_sidebox{display:none;}
	
	.apply_recinfo{width:70%;}
	.apply_recapply{width:30%;}
	
}

/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------- END media css - updated on 15/05/2025 - 02:17pm -------------------------- */
/* ----------------------------------------------------------------------------------------------------- */