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

body{position:relative;}
::-webkit-input-placeholder{font-family:'Baloo 2', cursive; font-weight:400; color:#888; font-size:13px; letter-spacing:0.5px;}
::-moz-placeholder{font-family:'Baloo 2', cursive; font-weight:400; color:#888; font-size:13px; letter-spacing:0.5px;}
:-moz-placeholder{font-family:'Baloo 2', cursive; font-weight:400; color:#888; font-size:13px; letter-spacing:0.5px;}
:-ms-input-placeholder{font-family:'Baloo 2', cursive; font-weight:400; color:#888; font-size:13px; letter-spacing:0.5px;}

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

.header_mobile_bar{display:none;}


/* ----------------------- HEADER MOBILE CSS - UPDATED 24/07/2023 - 10:26AM ------------------------- */

.header_center_search_opt_title{display:none; font-size:1rem; color:#666;}
.header_center_search_buttons{display:block; width:100%; height:auto; line-height:30px; margin:1.5rem auto 0;}

.header_mobile_bar{display:block; width:100%; height:auto; padding:0; border-bottom:1px solid #ddd; -webkit-box-shadow:0px 5px 10px 0px rgba(221,221,221,0.5);
									 -moz-box-shadow:0px 5px 10px 0px rgba(221,221,221,0.5); box-shadow:0px 5px 10px 0px rgba(221,221,221,0.5);}

.header_mobile_menu{display:inline-block; width:20% !important; height:50px; float:left;}
.header_mobile_menu_icon{display:block; width:100%; height:100%; background:url('https://asset.jobstore.com/images/menu_hamburger_dark.png') no-repeat center/20px;}
.header_mobile_branding{display:inline-block; width:58% !important; height:50px;}
.header_mobile_branding_logo{display:block; width:100%; height:100%; 
														 background:url('https://asset.jobstore.com/images/branding/jobstore_logo_blue.png') no-repeat center/150px;}
.header_mobile_search{display:inline-block; width:20% !important; height:50px; float:right;}
.header_mobile_search_icon{display:block; width:100%; height:100%; background:url('https://asset.jobstore.com/images/icon_search_dark.png') no-repeat center/20px;}

.header_mobile_menu_box{display:none; width:100%; height:100vh; background:#fff; box-shadow:0 0 5px #ddd; position:absolute; top:0; left:0; z-index:1000;}
.header_mobile_menu_list{display:block; width:88%; min-height:80vh; height:auto; margin:2.5% auto; border:1px solid white;}

.header_mobile_menu_branding{display:inline-block; width:20%; height:50px;
														 background:url('https://asset.jobstore.com/images/branding/jobstore_icon_blue.png') no-repeat center left/40px;}

.header_mobile_menu_close{display:inline-block; width:20%; height:50px; float:right;
													background:url('https://asset.jobstore.com/images/icon_x_black.png') no-repeat center right 5px/15px;}

.header_mobile_menu_user{display:block; width:80%; font-family:'Baloo 2', cursive; margin:1rem auto;}
.header_mobile_menu_header{display:block; font-size:22px; font-weight:600; color:#333; margin:1rem auto;}
.header_mobile_menu_pic{display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; margin-right:2%; vertical-align:middle;}
.header_mobile_menu_header_title{display:inline-block; width:auto; max-width:100%; height:30px; line-height:30px; font-size:1.25rem; font-weight:600; color:#333;}
.header_mobile_menu_header_admin{display:inline-block; width:auto; max-width:100%; height:30px; line-height:30px; font-size:1.25rem; font-weight:600; color:#333; 
																 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.header_mobile_menu_header_name{display:inline-block; width:auto; max-width:90%; height:30px; line-height:30px; font-size:1.25rem; font-weight:600; color:#333; 
																white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.header_mobile_menu_user_each{display:block; width:100%; line-height:2.25rem; font-size:1rem; font-family:'Baloo 2', cursive; 
															font-weight:400; color:#333; margin:0 auto;}
.header_mobile_menu_user_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:1.5rem auto;}

.header_mobile_search_container{display:none; width:auto; max-width:100%; padding:4% 8%; box-shadow:0 0 5px #ddd;}
.header_mobile_search_block{display:block; width:100%; height:auto;}
.header_mobile_search_title{display:block; width:100%; height:40px; line-height:40px; font-size:1.25rem; font-weight:600; font-family:'Baloo 2', cursive; 
														color:#333; margin:0 auto 1rem;}
.header_mobile_search_each{display:block; width:100%; margin:1rem auto;}
.header_mobile_search_container input, .header_mobile_search_container select, .header_mobile_search_each input, .header_mobile_search_each select,
.header_center_search_opt_loc_select, .header_loc_dropdown_link, .header_loc_dropdown a{font-size:1rem !important;}

.header_top{height:auto; padding:1rem 0;}
#header_top{background:linear-gradient(to right, rgba(255,255,255,0.25), rgba(255,255,255,0.25)), url('https://assets.jobstore.com/images/search/search_MY.jpg') no-repeat center left/cover !important;}

.header_center_search{margin:1rem auto;}
.header_center_search_keyword_box, .header_center_search_location_box{display:block; width:100%; border-radius:5px; padding:0; margin:0 auto 1rem;}
.header_center_search_keyword_title, .header_center_search_location_title/*, .header_center_search_location_pin*/{display:none;}
.header_center_search_keyword_textbox, .header_center_search_location_textbox{display:inline-block; width:90%; height:50px; padding:0 5%; margin:0 auto;}
.header_center_search_keyword_clear, .header_center_search_location_clear{width:5%; text-align:center; right:13%;}
.header_center_search_submit{display:block; width:100%; height:50px; background:#ed2f39; border-radius:5px; padding:0;}

.header_center_filter{display:none; background:rgba(255,255,255,0.35); margin:1rem auto;}
.header_mobile_filter{display:block; line-height:1.8rem; text-align:center; font-size:1rem; color:#333;}
.header_filter_dropdown_clear{display:block; margin:0 auto 1rem; text-align:center;}
.header_center_filter_each{display:block; width:100%;}

.header_filter_droppick, .header_filter_droppick_sel{padding:0 1.5rem;}
#dropdown1, #dropdown2, #dropdown3, #dropdown4, #dropdown5{width:86%; left:0;}

/* ----------------------- END HEADER MOBILE CSS - UPDATED 24/07/2023 - 10:26AM ------------------------- */


.company_header{display:block; width:100%; height:auto; border-bottom:1px solid #f4f4f4;}
.company_header .company_header_container{display:block; width:1080px; max-width:90%; height:80px; margin:0 auto; padding:0; font-family:'Baloo 2', cursive;}

.company_header .company_branding{display:inline-block; width:auto; height:80px; /*line-height:80px;*/ vertical-align:middle;}
.company_header .company_branding .company_branding_logobox{display:table; width:150px; /*height:100%;*/ height:50px; margin:15px 0;}
.company_header .company_branding .company_branding_logobox .company_branding_logo{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.company_header .company_nobranding img{display:inline-block; width:auto; height:45px; opacity:0.6; margin:18px 0; vertical-align:middle;}
.company_header .company_nobranding img:hover{outline:none; opacity:1.0;}

.company_header .company_control_left{display:inline-block; width:48%; height:80px; line-height:80px; vertical-align:top;}

.company_header .company_control_right{display:inline-block; width:48%; height:80px; line-height:80px; float:right; text-align:right; vertical-align:top;}

.company_header .company_menu{display:inline-block; height:80px; line-height:80px; vertical-align:middle;}
.company_header .company_menu a{display:inline-block; font-size:0.85rem; font-weight:400; letter-spacing:1px; text-transform:uppercase; 
																color:#545454; margin:0 10px;}
.company_header .company_menu a:hover{color:#ed2f39; outline:none;}

.company_control_mobile_back{display:none;}
.company_control_mobile_menu{display:none;}
#company_mobile_menu{display:none;}


/* --------------------------------- popup css for sign in - added 20/01/2023 - 03:15pm -------------------------------------- */

#pop_up_background{display:none; position:absolute; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.5); position:fixed;z-index:999;}
.signup_pop_up_box{display:none; width:350px; height:auto; text-align:center; font-family:'Baloo 2', cursive; background:#fff;border-radius:10px; 
                   z-index:9999999999; position:absolute; top:15vh; left:38%; transform:translate(0, 0);}

.popup_blueheader{display:block; width:350px; height:95px; background:#ed2f39; border-radius:10px 10px 0 0;}
.popup_triangle{height:0; width:0; border-left:176px solid transparent; border-right:176px solid transparent;
                border-bottom:0 solid transparent; border-top:1.5rem solid #ed2f39; margin-top:-1px; margin-left:-1px;}

.pop_up_header{display:block; margin:0 auto 30px; width:100%; text-transform:capitalize; padding:25px 0 0; text-align:center; }
.pop_up_header img{width:20px;}
.popup_title{display:block; font-size:15px; line-height:35px; font-weight:600; color:#fff; margin-top:5px;}

.popup_cancel{font-size:16px; text-align:right; width:auto; text-decoration:none; line-height:50px; color:#fff; font-family:'Segoe UI', sans-serif; position:absolute; right:20; outline:none;}
.popup_cancel:hover{color:#eee; outline:none;}

.popup_error{display:block; color:#f00; text-align:center; margin:1rem auto;}

.popup_box{display:block; width:85%; height:auto; margin:2rem auto;}
.popup_block{display:block; width:100%; text-align:left; position:relative;}
.popup_block_option{display:block; margin:20px auto;}
.popup_block_button{display:block; height:100px;}

.popup_text::-webkit-input-placeholder{font-family:'Baloo 2', cursive; font-weight:400; color:#888; font-size:0.85rem;}
.popup_text::-moz-placeholder{font-family:'Baloo 2', cursive; font-weight:400; color:#888; font-size:0.85rem;}

.popup_text{display:block; width:100%; height:40px; line-height:40px; font-size:0.9rem; color:#ed2f39;font-family:'Baloo 2', cursive;
            border:1px solid #ddd; border-radius:3px; padding:0 15px; margin:1rem auto; vertical-align:top;}
.popup_text:focus{outline:none; border:1px solid #ed2f39;}

.popup_see_password{display:block; width:25px; height:25px; background:url('https://asset.jobstore.com/images/icon_seehover.png') no-repeat center right/20px; 
                    position:absolute; top:10; right:10; cursor:pointer;}
.popup_see_password:hover{display:block; width:25px; height:25px; background:url('https://asset.jobstore.com/images/icon_see.png') no-repeat center right/20px; 
                          position:absolute; top:10; right:10; cursor:pointer;}

.popup_line{display:block; border-bottom:1px solid #ddd; margin:1rem auto;}
.popup_separator_line{display:inline-block; width:15%; border-bottom:1px solid #ddd; margin:1rem auto; vertical-align:middle;}
.popup_separator_opt{display:inline-block; width:auto; max-width:55%; font-size:0.85rem; margin:5%; vertical-align:middle;}

.popup_prob{display:block; width:100%; height:30px; line-height:30px; font-size:0.85rem; font-weight:500; color:#444;}
.popup_prob:hover{color:#ed2f39; outline:none;}

.popup_signin{display:block; width:100%; height:35px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center; font-family:'Baloo 2', cursive;
              background:#ed2f39; border:1px solid #ed2f39; border-radius:3px; padding:0 2.5%; margin:1rem auto; cursor:pointer;}
.popup_signin:hover{background:#fff; border:1px solid #ed2f39; color:#ed2f39; outline:none;}
.popup_signup{display:block; width:100%; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#ed2f39; text-align:center;
              font-family:'Baloo 2', cursive; background:#fff; border:1px solid #ed2f39; border-radius:3px; margin:1rem auto;}
.popup_signup:hover{background:#ed2f39; color:#fff; outline:none;}

/* --------------------------------- END popup css for sign in - added 12/4/2018 - 11:21am - updated 20/01/2023 - 03:15pm -------------------------------------- */


/* ---------------- footer css - added 27/07/2023 - 12:29pm ----------------------- */

.footer{display:block; width:100%; text-align:center; background:#fff; padding:2rem 0 1rem; margin:0 auto; border-top:1px solid #eee;}

.footer_social{display:block; width:auto; margin:0 auto;}
.footer_social_fb{display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; vertical-align:middle; margin:0 0.25%; border:2px solid #3d6ad6; background:#3d6ad6;}
.footer_social_fb i.fa-facebook-f{font-size:22px; color:#fff; margin-top:5px;}
.footer_social_fb:hover{background:#fff;}
.footer_social_fb:hover i.fa-facebook-f{color:#3d6ad6 !important;}

.footer_social_twt{display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; vertical-align:middle; margin:0 0.25%; border:2px solid #03a9f4; background:#03a9f4;}
.footer_social_twt i.fa-twitter{font-size:20px; color:#fff; margin-top:5px;}
.footer_social_twt:hover{background:#fff;}
.footer_social_twt:hover i.fa-twitter{color:#03a9f4 !important;}

.footer_social_li{display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; vertical-align:middle; margin:0 0.25%; border:2px solid #0077b5; background:#0077b5;}
.footer_social_li i.fa-linkedin{font-size:20px; color:#fff; margin-top:5px;}
.footer_social_li:hover{background:#fff;}
.footer_social_li:hover i.fa-linkedin{color:#0077b5 !important;}

.footer_copyright{display:block; line-height:2.5rem; font-size:0.85rem; color:#666; margin:0 auto;}
.footer_copyright span{font-weight:600; color:#ed2f39;}

/* ---------------- END footer css - added 27/07/2023 - 12:29pm ----------------------- */


/* -------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- media CSS - updated 24/07/2023 - 10:26am ---------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {
	
}

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

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

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

@media only screen and (min-width: 1201px) 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) {
  
}

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

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------- END media CSS - updated 24/07/2023 - 10:26am ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */