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


body{display:block; width:100%; margin:0; font-family:'Noto Sans', sans-serif; text-rendering:auto; box-sizing:border-box;}
a{color:#3ab54a; text-decoration:none; outline:none;}
a:hover{color:#267E1B; text-decoration:none; outline:none;}
p{font-size:0.8rem; margin:0; padding:0;}

::-webkit-input-placeholder{color:#888; font-size:0.95rem; font-family:'Zilla Slab', sans-serif;}
:-moz-placeholder{/* Firefox 18- */color:#888; font-size:0.95rem; font-family:'Zilla Slab', sans-serif;}
::-moz-placeholder{/* Firefox 19+ */color:#888; font-size:0.95rem; font-family:'Zilla Slab', sans-serif;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset;-webkit-text-fill-color:#267E1B !important;}

form{margin:3rem auto 1.5rem;}

/* ---- ------------------------------------------------------------------------------ ----- */

.enter_container{display:block; width:100%; height:auto; margin:0 auto;}

.enter_box{display:block; width:1220px; max-width:90%; margin:3rem auto;}

.enter_signup_box{display:block; width:/*65%*/720px; max-width:100%; font-family:'Noto Sans', sans-serif; margin:0 auto;}

.enter_signin_box{display:block; width:400px; max-width:100%; font-family:'Noto Sans', sans-serif; margin:0 auto;}

.signup_login_google{display:flex; align-items:center; justify-content:center; gap:15px; width:100%; max-width:400px;
                     height:45px;line-height:45px; font-size: 1.1rem; font-weight: 500; font-family: 'Noto Sans', sans-serif; 
                     color:#333; text-align:center; background:#fff; border:1px solid #ddd; border-radius:5px; margin:1rem auto;}
.signup_login_google img{width: 20px;height:auto;}

.login_social_box{display:flex; justify-content:center; align-items:center; gap:15px;}
.login_social_google{display:flex; justify-content:center; align-items:center; width:50%; height:45px; line-height:45px; 
                     border:1px solid #ddd; border-radius:5px;}
.login_social_google img{width:25px;}
.login_social_google:hover{background:rgba(58,181,74,0.05); border:1px solid #3ab54a; cursor:pointer;}

.login_social_apple{width:50%; height:45px; line-height:45px; border:1px solid #ddd; border-radius:5px; object-fit:scale-down;}
.login_social_apple:hover{background:rgba(58,181,74,0.05); border:1px solid #3ab54a; cursor:pointer;}


.enter_title{display:block; width:100%; line-height:2.85rem; font-size:2.5rem; font-weight:600; font-family:'Zilla Slab', serif; color:#333; text-align:center; margin:0 auto 2rem;}
.enter_subtitle{display:block; width:100%; line-height:1.5rem; font-size:0.85rem; font-weight:400; color:#5f6a7d; text-align:center; margin:0 auto;}
.enter_subtitle a{outline:none; color:#5AA751;}
.enter_subtitle a:hover, .enter_subtitle a:focus{outline:none; color:#267E1B; text-shadow:0px 0px 1px rgba(255,255,255,1);}

.enter_signin_terms{display:block; width:100%; line-height:1.85rem; font-size:0.9rem; font-weight:500; color:#000; text-align:center; margin:0.5rem auto;}

.enter_signup_terms{display:block; width:100%; line-height:1.85rem; font-size:0.9rem; font-weight:500; color:#000; margin:0.5rem auto;}
.enter_signup_terms div{display:inline-block; max-width:90%; line-height:1.5rem; font-size:0.75rem; vertical-align:top;}

.enter_signup_notice{display:block; width:100%; line-height:1.85rem; font-size:0.85rem; font-weight:600; color:#000; text-align:center; margin:1rem auto;}

.enter_signup_option{display:block; width:450px; max-width:90%; line-height:1.85rem; font-size:0.9rem; font-weight:500; color:#000; text-align:center; margin:1rem auto;}


.enter_section{display:block; width:100%; margin:2rem auto;}
.enter_section_title{display:block; width:95%; font-size:16px; font-weight:400; color:#5f6a7d; text-transform:uppercase; margin-bottom:1rem;}

.enter_section_line{display:inline-block; width:35px; border-bottom:2px solid #3AB54A; vertical-align:middle;}
.enter_section_line_or{display:inline-block; width:35px; font-size:0.75rem; color:#000; text-align:center; vertical-align:middle;}

.enter_section_flex{display:flex; flex-wrap:wrap; width:100%; margin:0; padding:0; justify-content:space-between; gap:15px; margin:15px auto;}
.enter_section_flexbox{width:48.5%;}
.enter_section_flexwhole{width:100%;}

.enter_required{display:block; font-size:0.9rem; font-weight:400; font-family:'Noto Sans', sans-serif; line-height:1rem; color:#ff778e; text-align:center; margin:1rem auto;}
.enter_required_star{display:inline-block; font-size:0.8rem; line-height:1rem; color:#ff778e; margin-right:5px;}
.enter_notice_star{display:inline-block; font-size:0.8rem; line-height:1rem; color:#ff778e; margin-right:5px; vertical-align:top;}

.enter_label{display:block; width:100%; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#666; 
             text-transform:none; font-family:'Noto Sans', sans-serif;}

.enter_text{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:400;
            color:#267E1B; padding:0 2.5%; border:1px solid #ddd; border-radius:5px; vertical-align:top;}

.enter_text_error{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem;
                  font-weight:300; color:#000; padding:0 2.5%; border:1px solid #f00; border-radius:5px; vertical-align:top;}


.enter_select{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:400; 
              color:#267E1B; padding:0 2.5%; border:1px solid #ddd; border-radius:5px; appearance:none; -webkit-appearance:none; -moz-appearance:none;
              background:url(https://assets.jobstra.com.au/web/images/icon/icon_arrow_down.png) no-repeat center right 10px/10px; vertical-align:top; cursor:pointer;}

.enter_select_error{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.85rem; 
                    font-weight:400; color:#000; padding:0 2.5%; border:1px solid #f00; border-radius:5px; appearance:none; -webkit-appearance:none; 
                    -moz-appearance:none; background:url(https://assets.jobstra.com.au/web/images/icon/icon_arrow_down.png) no-repeat center right 10px/10px; 
                    vertical-align:top; cursor:pointer;}

.enter_textarea{display:block; width:100%; min-height:85px; height:85px; max-height:200px; resize:vertical; line-height:18px;
                font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:400; color:#267E1B; padding:2.5%; 
                border:1px solid #ddd; border-radius:5px; vertical-align:top;}

.enter_textarea_error{display:block; width:100%; min-height:85px; height:85px; max-height:200px; resize:vertical; line-height:18px;
                      font-family:'Noto Sans', sans-serif; font-size:0.85rem; font-weight:300; color:#000; padding:2.5%; 
                      border:1px solid #f00; border-radius:5px; vertical-align:top;}

.enter_text:focus, .enter_select:focus, .enter_textarea:focus{outline:none; border:1px solid #3AB54A;}

.enter_text_error:focus, .enter_select_error:focus, .enter_textarea_error:focus{outline:none; border:1px solid #c00;}


.enter_error{display:block; width:100%; font-size:12px; color:#f00; margin:5px 0 15px;}
.enter_error_signin{display:block; width:100%; font-size:0.85rem; color:#f00; text-align:center; margin:5px 0 15px;}

.enter_tos, .enter_reminder{display:block; width:100%; font-size:12px; font-weight:600;}
.enter_tos a, .enter_reminder a{color:#5AA751;}
.enter_tos a:hover, .enter_reminder a:hover{color:#267E1B; outline:none;}

.enter_submit{display:block; width:100%; height:40px; font-size:0.85rem; font-weight:600; font-family:'Noto Sans', sans-serif; color:#000;
              text-transform:uppercase; text-align:center; background:#FFD700; border:1px solid #FFD700; border-radius:5px; margin:0.5rem auto;}
.enter_submit:hover{outline:none; color:#000; background:#F2CC00; cursor:pointer;}

.enter_cta{display:flex;align-items: center; justify-content: center; height:40px; font-size:0.85rem;
           font-weight:600; font-family:'Noto Sans', sans-serif; color:#3ab54a; text-transform:uppercase; text-align:center; 
           background:transparent; border:1px solid #3ab54a; border-radius:5px; margin:1rem auto 15px;}
.enter_cta:hover{outline:none; color:#fff; background:#3ab54a; cursor:pointer;}


.see_password{display:block; width:25px; height:25px; background:url('https://uploads.bighire.my/web/images/icon/icon_eye_seehover.png') no-repeat center/20px; 
							position:absolute; bottom:10px; right:10px; cursor:pointer;}
.see_password:hover{background:url('https://uploads.bighire.my/web/images/icon/icon_eye_see.png') no-repeat center/20px;}


/* -------------------- header media css - updated 14/03/2023 - 10:41am ------------------------- */

@media only screen and (min-width: 240px) and (max-width: 480px) {
  
  .enter_section_flex{flex-direction:column;}
  .enter_section_flexbox{width:100%;}
  
}

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
  .enter_section_flex{flex-direction:column;}
  .enter_section_flexbox{width:100%;}
  
}

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

@media only screen and (min-width: 721px) and (max-width: 1023px) {
  
}

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

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

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

/* -------------------- END header media css - updated 14/03/2023 - 10:41am ------------------------- */

