.form-input{height:50px; line-height:50px; border:1px solid #ddd; border-radius:10px;}
.form-limit{padding-right:35px;}

/* ------------------------------------------------- signup css - updated 28/3/2017 - 12:35pm ---------------------------------------------- */

.reset_ribbon{display:block; width:100%; height:auto; font-size:1rem; font-weight:600; color:var(--primary); background:#ecf8ff; text-align:center;
							padding:1rem 0; margin:0 auto;}

.enter_container{display:block; width:100%; border-top:#f1f1f1;}

.jobseeker_login_error{display:flex; justify-content:center; align-items:center; gap:5px; width:100%; color:var(--red);
											 font-size:0.9rem; font-weight:600; text-align:center; margin:1rem auto;}
.jobseeker_enter_error{display:flex; align-items:center; gap:5px; color:var(--red); font-size:11px; font-weight:500; margin:5px 0;}

.jobseeker_enter_message{display:block; font-size:0.85rem; line-height:1.25rem; font-weight:600; color:var(--darker-gray); margin:2rem 0;}
.jobseeker_enter_message_star{display:inline-block; font-size:12px; font-weight:300; color:var(--red); padding-right:5px; vertical-align:top;}


.jobseeker_box{display:block; width:1280px; max-width:90%; text-align:center; padding:3rem 0; margin:0 auto;}

.jobseeker_left_box{display:inline-block; width:45%; vertical-align:top;}

.jobseeker_right_box{display:inline-block; width:44%; vertical-align:top;}


/* -------- blog section CSS - completed 03/10/2023 --------------- */

.blog_content{display:block; width:100%; text-align:left;}

.blog_pic{display:block; width:100%; margin:0 auto 2rem;}
.blog_pic_img{display:block; width:100%; height:350px; object-fit:cover; border:1px solid #ddd; border-radius:10px;}

.blog_title{display:block; width:100%; line-height:1.5rem; font-size:1.1rem; font-weight:600; color:#000; text-align:left; margin:1rem auto 0;}

.blog_details{display:block; width:100%; line-height:1.5rem; font-size:0.75rem; color:#000; text-align:left; margin:0 auto;}
.blog_details_info{display:inline-block; font-size:0.7rem; font-weight:500; color:#000; vertical-align:middle;}
.blog_details_separator{display:inline-block; font-size:0.7rem; color:#000; margin:0 2px; vertical-align:middle;}

.blog_more{display:block; width:110px; height:30px; line-height:30px; font-size:0.85rem; font-weight:600; color:var(--darker-gray); text-align:center; 
					 border:1px solid var(--darker-gray); border-radius:25px; margin:1rem 0;}
.blog_more:hover{color:#fff; background:var(--darker-gray);}


/* -------- signup box CSS - added 04/10/2023 - 10:59am --------------- */

.jobseeker_box_form_section{display:block; width:400px; max-width:95%; text-align:left; padding:15px 35px; border:1px solid var(--lighter-gray);
													  border-radius:10px; -webkit-box-shadow:0px 0px 10px 5px rgba(221, 221, 221, 1); 
														-moz-box-shadow:0px 0px 10px 5px rgba(221, 221, 221, 1); box-shadow:0px 0px 10px 5px rgba(221, 221, 221, 1); 
														margin:0 auto 2rem;}

.jobseeker_note{display:block; width:100%; line-height:1.25rem; font-size:0.7rem; font-weight:500; color:var(--darker-gray); text-align:center; margin:0 0 1rem;}

.jobseeker_signup_social_google{display:block; width:100%; border:1px solid #ddd; border-radius:10px; padding:3.5% 1.5%; vertical-align:top;}
.jobseeker_signup_social_google:hover{background:#f7f7fe; border:1px solid #9b9af3; cursor:pointer;}


/* -------- login box CSS - added 03/10/2023 - 04:14pm --------------- */

.jobseeker_box_login_section{display:block; width:300px; max-width:80%; text-align:left; padding:5% 10%; border:1px solid #ddd; border-radius:10px;
														 -webkit-box-shadow:0px 0px 10px 5px rgba(221,221,221,1); -moz-box-shadow:0px 0px 10px 5px rgba(221,221,221,1); 
														 box-shadow:0px 0px 10px 5px rgba(221,221,221,1); margin:0 auto 2rem;}

.jobseeker_login_line{display:inline-block; height:1px; width:30%; border-top:1px solid #ddd; vertical-align:middle;}
.jobseeker_login_opt{display:inline-block; width:35%; line-height:1.5rem; font-size:1rem; font-size:0.7rem; color:var(--darker-gray); text-align:center; vertical-align:middle;}

.jobseeker_login_req{display:block; width:100%; line-height:1.25rem; font-size:0.7rem; font-weight:500; color:var(--primary); text-align:center; margin:0 0 1rem;}
.jobseeker_login_req:hover{color:var(--darker-gray);}

.jobseeker_login_social_google{display:flex; justify-content:center; align-items:center; width:50%; height:40px; text-align:center; border:1px solid #ddd; border-radius:10px;}
.jobseeker_login_social_google:hover{background:#f7f7fe; border:1px solid #9b9af3; cursor:pointer;}

.jobseeker_login_social_apple{display:flex; justify-content:center; align-items:center; width:50%; height:40px; text-align:center; object-fit:contain; border:1px solid #ddd; border-radius:10px;}
.jobseeker_login_social_apple:hover{background:#f7f7fe; border:1px solid #9b9af3; cursor:pointer;}

.jobseeker_login_social_email{display:inline-block; width:25%; border:1px solid #ddd; border-radius:10px; padding:3.5% 1.5%; vertical-align:top;}
.jobseeker_login_social_email:hover{background:#f7f7fe; border:1px solid #9b9af3; cursor:pointer;}

.jobseeker_login_social_google img, .jobseeker_login_social_apple img, .jobseeker_login_social_email img{display:block; width:20px; height:20px; margin:0 auto;}


/* -------------------------- enter css - completed 04/10/2023 - 02:26pm ----------------------------- */

.jobseeker_box_enter_block{display:block; width:100%; text-align:center; margin:0 auto;}

.jobseeker_enter_title{display:block; width:100%; line-height:2rem; font-size:1.5rem; font-weight:700; color:#000; margin:1rem 0;}
.jobseeker_enter_subtitle{display:block; width:100%; line-height:1.5rem; font-size:0.8rem; font-weight:500; color:#666; margin:1rem 0;}

.jobseeker_enter_form_each{display:block; width:100%; position:relative; margin:25px 0 0;}
.jobseeker_enter_form_label{display:block; font-size:0.65rem; color:var(--darker-gray); background:#fff; position:absolute; top:-8px; left:4%; padding:0 2.5%;}

.jobseeker_enter_mark{position:absolute; top:16px; right:10px;}


.jobseeker_enter_form_email{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:var(--darker-gray); border:1px solid #ddd; border-radius:10px; 
														padding:0 12% 0 6%; margin:1.5rem auto; outline:none; 
														background:url('https://assets.jobstore.my/images/icon/icon_emailat_grey.png') no-repeat center right 10px/18px;}
.jobseeker_enter_form_email:focus{border:1px solid var(--primary);}

.see_password{display:block; width:25px; height:25px; background:url('https://assets.jobstore.my/images/icon/icon_eye_seehover.png') no-repeat center/20px; 
							position:absolute; top:10; right:13%;  cursor:pointer;}
.see_password:hover{display:block; width:25px; height:25px; background:url('https://assets.jobstore.my/images/icon/icon_eye_see.png') no-repeat center/20px;
										position:absolute; top:10; right:13%; cursor:pointer;}
										
.jobseeker_enter_form_email_error{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:#000; border:1px solid #c00; border-radius:10px; 
																	padding:0 12% 0 6%; margin:1.5rem auto 0; outline:none; 
																	background:url('https://assets.jobstore.my/images/icon/icon_emailat_grey.png') no-repeat center right 10px/18px;}
.jobseeker_enter_form_email_error:focus{border:1px solid var(--red);}

.jobseeker_enter_form_password{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:var(--darker-gray); border:1px solid #ddd; border-radius:10px; 
															 padding:0 12% 0 6%; margin:1.5rem auto; outline:none;
															 background:url('https://assets.jobstore.my/images/icon/icon_padlock_grey.png') no-repeat center right 10px/18px;}
.jobseeker_enter_form_password:focus{border:1px solid var(--primary);}

.jobseeker_enter_form_password_error{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:#000; border:1px solid #c00; border-radius:10px; 
																		 padding:0 12% 0 6%; margin:1.5rem auto 0; outline:none;
																		 background:url('https://assets.jobstore.my/images/icon/icon_padlock_grey.png') no-repeat center right 10px/18px;}
.jobseeker_enter_form_password_error:focus{border:1px solid var(--red);}

.jobseeker_enter_form_confirmpassword{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:var(--darker-gray); border:1px solid #ddd; border-radius:10px; 
																			padding:0 12% 0 6%; margin:1.5rem auto 0; outline:none;}
.jobseeker_enter_form_confirmpassword:focus{border:1px solid var(--primary);}

.jobseeker_enter_form_confirmpassword_error{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:#000; border:1px solid #c00; border-radius:10px; 
																						padding:0 12% 0 6%; margin:1.5rem auto 0; outline:none;}
.jobseeker_enter_form_confirmpassword_error:focus{border:1px solid var(--red);}

.jobseeker_enter_form_fname{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:var(--darker-gray); border:1px solid #ddd; border-radius:10px; 
														padding:0 12% 0 6%; margin:1.5rem auto; outline:none;
														background:url('https://assets.jobstore.my/images/icon/icon_nametag_grey.png') no-repeat center right 10px/18px;}
.jobseeker_enter_form_fname:focus{border:1px solid var(--primary);}

.jobseeker_enter_form_fname_error{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:#000; border:1px solid #c00; border-radius:10px; 
																	padding:0 12% 0 6%; margin:1.5rem auto 0; outline:none; 
																	background:url('https://assets.jobstore.my/images/icon/icon_nametag_grey.png') no-repeat center right 10px/18px;}
.jobseeker_enter_form_fname_error:focus{border:1px solid var(--red);}

.jobseeker_enter_form_lname{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:var(--darker-gray); border:1px solid #ddd; border-radius:10px; 
														padding:0 12% 0 6%; margin:1.5rem auto; outline:none;}
.jobseeker_enter_form_lname:focus{border:1px solid var(--primary);}

.jobseeker_enter_form_lname_error{display:block; width:100%; height:45px; line-height:40px; font-size:0.8rem; color:#000; border:1px solid #c00; border-radius:10px; 
																	padding:0 12% 0 6%; margin:1.5rem auto 0; outline:none;}
.jobseeker_enter_form_lname_error:focus{border:1px solid var(--red);}


.jobseeker_enter_form_email:focus + .jobseeker_enter_form_label, .jobseeker_enter_form_fname:focus + .jobseeker_enter_form_label, .jobseeker_enter_form_lname:focus + .jobseeker_enter_form_label,
.jobseeker_enter_form_password:focus + .jobseeker_enter_form_label, .jobseeker_enter_form_confirmpassword:focus + .jobseeker_enter_form_label{color:var(--primary);}

.jobseeker_box_enter_opt{display:block; width:100%; margin:1rem auto;}

.jobseeker_enter_line_opt{display:block; height:1px; width:100%; border-top:1px solid #ddd; margin:2rem auto;}

/* ---------------------------------------------------------------------------------------------- */
/* -------------------------- media css - updated 04/10/2023 - 02:29pm -------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media only screen and (min-width:481px) and (max-width:660px) {
	
	.jobseeker_left_box{display:none; width:95%; padding:0; margin:1rem auto;}
 	.jobseeker_right_box{display:block; width:95%; padding:0; margin:1rem auto;}
 	
}

@media only screen and (min-width:661px) and (max-width:720px) and (orientation:portrait) {
  
 	.jobseeker_left_box{display:none; width:95%; padding:0; margin:1rem auto;}
 	.jobseeker_right_box{display:block; width:95%; padding:0; margin:1rem auto;}
 	
}

@media only screen and (min-width:721px) and (max-width:920px) {
	
 	.jobseeker_left_box{display:none; width:95%; padding:0; margin:1rem auto;}
 	.jobseeker_right_box{display:block; width:95%; padding:0; margin:1rem auto;}
 	
}

@media only screen and (min-width:921px) and (max-width:1023px) {
	
 	.jobseeker_left_box{display:none; width:95%; padding:0; margin:1rem auto;}
 	.jobseeker_right_box{display:block; width:95%; padding:0; margin:1rem auto;}
 	
}

@media only screen  and (min-width:1024px) and (max-width:1200px) {
	
}

@media only screen  and (min-width:1201x) and (max-width:1439px) {
	
}

@media only screen  and (min-width:1440px) and (max-width:1600px) {
	
}

@media only screen and (max-device-width:480px) and (orientation:portrait) {
	
 	.jobseeker_left_box{display:none; width:95%; padding:0; margin:1rem auto;}
 	.jobseeker_right_box{display:block; width:95%; padding:0; margin:1rem auto;}
 	
}

@media only screen and (max-device-width:720px) and (orientation:landscape) {
  
 	.jobseeker_left_box{display:none; width:95%; padding:0; margin:1rem auto;}
 	.jobseeker_right_box{display:block; width:95%; padding:0; margin:1rem auto;}
 	
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------- END media css - updated 04/10/2023 - 02:29pm -------------------------- */
/* -------------------------------------------------------------------------------------------------- */