@import url(//fonts.googleapis.com/css?family=Niramit|Fira+Sans:300,400,500,600,700,800,900);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

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

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

:-webkit-autofill{background:transparent !important; -webkit-text-fill-color:#333 !important; font-family:'Noto Sans', sans-serif;}

input, select, textarea{font-family:'Noto Sans', sans-serif;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#aaa;}
::-webkit-scrollbar-thumb:hover{background:#888;}


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

.uni_error_all{font-size:0.85rem; line-height:1.85rem; font-weight:600; color:#c00; text-align:center; padding:20px 5%;
               margin:0 auto 3rem; background:#ffe6e6; border:1px solid #ffcdcd;}

.uni_error{display:block; height:25px; line-height:25px; color:#f00; padding-left:1%; margin-bottom:1rem; font-family:'Noto Sans', sans-serif;}

.uni_ribbon_message{display:block; background:#d9e7ff; color:#0704e1; font-weight:600; padding:10px 0; text-align:center;}

.uni_ribbon_error{display:block; color:#f00; font-weight:600; padding:10px 0; text-align:center;}


.uni_top{
         /*display:flex; justify-content:space-between; align-items:center; */
         /*width:1024px; max-width:90%;*/
         border-bottom:1px solid #f1f1f1; /*padding:0 2.5%;*/ margin:0 auto;}

.uni_top_center{display:flex; justify-content:space-between; align-items:center; width:1128px; max-width:95%; gap:5%; margin:0 auto;}

.uni_top_brand{width:225px;}

.uni_top_search_menu{display:flex; justify-content:space-between; align-items:center; width:100%;}


.uni_top_search{display:flex; justify-content:flex-start; align-items:center; width:auto; height:35px; line-height:35px; 
                background:#f1f1f1; border:1px solid #f1f1f1; border-radius:25px; padding:0 15px 0 20px;}
.uni_top_search form{margin:0;}
.uni_top_search:focus-within{background:#eaeaea;}
.uni_search_text{width:350px; height:35px; font-size:0.8rem; background:transparent; border:none; outline:none;}
.uni_search_text:focus{background:#eaeaea;}
.uni_search_submit{width:25px; height:25px; font-size:1rem; color:#666; background:transparent; border:none;}
.uni_search_submit:hover{color:#000; cursor:pointer;}
.uni_search_text:focus ~.uni_search_submit{background:#eaeaea;}

.uni_top_menu{display:flex; justify-content:flex-end; align-items:center; gap:15px;}

.uni_menu_button_clear{width:fit-content; height:35px; line-height:35px; font-size:0.8rem; color:#0704e1; text-align:center;
                       background:#fff; border:1px solid #0704e1; border-radius:25px; padding:0 15px; box-sizing:border-box;}
.uni_menu_button_clear:hover{color:#fff; background:#0704e1;}

.uni_menu_button_blue{width:fit-content; height:35px; line-height:35px; font-size:0.8rem; color:#fff; text-align:center;
                      background:#0704e1; border:1px solid #0704e1; border-radius:25px; padding:0 15px; box-sizing:border-box;}
.uni_menu_button_blue:hover{color:#0704e1; background:#fff;}


.uni_top_logo{width:125px; height:85px; object-fit:contain;}

.uni_top_opt{display:flex; align-items:center; width:100%; gap:15px;}

.uni_menu_opt{display:flex; justify-content:center; align-items:center; width:35px; height:35px; font-size:1rem; font-weight:600;
              border:1px solid #ddd; border-radius:50%; gap:1px; position:relative; cursor:pointer;}
.uni_menu_opt:hover{background:#eee; border:1px solid #aaa;}
.uni_menu_opt i{font-size:1.15rem;}

.uni_menu_opt_list{display:none; width:85px; height:auto; line-height:2rem; font-size:0.8rem; font-weight:400; color:#333; background:#fff; 
                   border:1px solid #f1f1f1; border-radius:3px; box-shadow:0 0 10px #ddd; padding:20px; position:absolute; top:60px; right:0; z-index:1000;}

.uni_menu_user{display:flex; justify-content:center; align-items:center; width:35px; height:35px; border:1px solid #ddd; border-radius:50%; 
               position:relative; cursor:pointer;}
.uni_menu_user:hover{border:1px solid #aaa;}

.uni_menu_uni_pic{width:100%; height:100%; object-fit:contain; border-radius:50%;}
.uni_menu_user_pic{width:100%; height:100%; object-fit:cover; border-radius:50%;}
.uni_menu_user_arrow{font-size:/*8px*/12px; color:#333; background:#eee; border:1px solid #ddd; border-radius:50%; 
                     /*padding:2px;*/ position:absolute; bottom:-2px; right:-2px;}

.uni_menu_user_list{display:none; width:100px; height:auto; line-height:2rem; font-size:0.8rem; color:#333; background:#fff; 
                    border:1px solid #f1f1f1; border-radius:3px; box-shadow:0 0 10px #ddd; padding:20px; position:absolute;
                    top:60px; right:0; z-index:1000;}


.uni_menu_list_line{width:100%; border-bottom:1px solid #eee; margin:0.85rem auto;}


.uni_fixed{position:fixed !important; width:225px; height:auto; max-height:90vh; top:10; z-index:1000;}

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


.main_container{width:100%; padding:0; margin:0 auto;}

.main_body{display:flex; justify-content:start; align-items:flex-start; width:1128px; max-width:95%; gap:5%;
           padding:1rem 0 0; margin:0 auto; position:relative;}

.main_center{width:/*550px*/100%; max-width:100%; min-height:50vh; flex-wrap:nowrap; padding-top:1rem;}
.main_side{width:225px; min-height:500px; height:auto; flex-shrink:0;}

.main_search{width:100%; min-height:50vh; flex-wrap:nowrap;}



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

.side_menu_block{border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 auto 1rem;}
.side_menu_footer{font-size:0.7rem; color:#333; padding:0 0 1rem; margin:0 auto 1rem;}
.side_menu_footer div{font-size:0.75rem; color:#000; margin:0.5rem auto;}

.side_menu_each{display:flex; flex-direction:row; justify-content:start; align-items:center; gap:15px;
                /*line-height:2.5rem;*/ font-size:0.8rem; font-weight:400; color:#000; padding:10px 0;}
/*.side_menu_each i{width:35px; font-size:1rem; font-weight:600;}*/

.side_menu_list{color:#000;}
.side_menu_list:hover{color:#0704e1;}

.side_menu_header{font-size:0.9rem; font-weight:600; color:#000;}
.side_menu_subheader{line-height:1.5rem; font-size:0.8rem; font-weight:300; color:#333;}

.side_menu_brand{width:30px; height:30px; border:1px solid #ddd; border-radius:50%; object-fit:contain;}

.side_menu_box{display:flex; justify-content:space-between; align-items:center; width:100%;}

.side_menu_title{display:flex; justify-content:space-between; align-items:center; width:fit-content; gap:15px;}
.side_menu_icon{width:35px; font-size:1.25rem; font-weight:600; text-align:center;}
.side_menu_logo{width:25px; height:25px; object-fit:contain; border-radius:5px;}
.side_menu_count{width:fit-content; height:20px; line-height:20px; font-size:0.8rem; color:#000; text-align:center;
                 background:#eee; border-radius:25px; padding:0 15px;}
.side_menu_on{font-weight:600; color:#000;}

.side_menu_line{border-top:1px dashed #ddd; margin:10px auto;}

.side_menu_more{display:flex; justify-content:center; align-items:center; width:30px; height:30px; font-size:0.8rem; 
                background:#eee; border:1px solid #eee; border-radius:50%;}
.side_menu_button{width:fit-content; font-size:0.7rem; color:#fff; background:#333; border-radius:25px; padding:2px 10px;}

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

.uni_header{/*width:1128px*/; max-width:100%; margin:0 auto;}

.uni_header_line{display:block; margin:1rem auto 0; box-shadow:0px -2px 0px #eee inset;}

.uni_header_banner{display:flex; flex-direction:column; height:auto; max-height:500px; border-bottom:1px solid #eee;
                   border-radius:3px; padding-bottom:2rem; margin-bottom:2rem; position:relative;}
.uni_header_info{}
.uni_header_menu{display:flex; gap:35px; line-height:2rem; font-size:0.85rem; font-weight:600; color:#000; margin:2rem auto 0; 
                 box-shadow:0px -2px 0px #eee inset;}

.uni_banner_img{width:100%; max-height:400px; object-fit:cover; border-radius:3px;}
.uni_banner_brand{display:flex; margin-top:-40px;}

.uni_banner_logo{flex:1; z-index:100;}
.uni_banner_logo_img{width:100px; height:100px; object-fit:contain; background:#fff; border:3px solid #f1f1f1; border-radius:50%; margin-left:25px;}

.uni_logo_none{position:relative; width:100px; height:100px; z-index:1000; margin-left:25px;}
.uni_logo_none_img{width:95px; height:95px; object-fit:contain; background:#fff; border:3px solid #f1f1f1; border-radius:50%;}
.uni_logo_none_icon{display:flex; justify-content:center; align-items:center; width:50px; height:50px; 
                    font-size:1.25rem; font-weight:500; color:#fff; position:absolute; top:25px; left:25px; background:#000; 
                    border:1px solid #aaa; border-radius:50%; opacity:0.5;}

.uni_banner_menu{display:flex; flex:3; flex-direction:row; justify-content:flex-end; align-items:center; margin-top:auto; gap:15px;}

.uni_banner_social{display:flex; justify-content:center; align-items:center; width:35px; height:35px; line-height:35px; font-size:18px; color:#888; 
                    border:1px solid #aaa; border-radius:50%;}
.uni_banner_social:hover{border:1px solid #666; color:#333;}

.uni_banner_edit{width:auto; height:35px; line-height:35px; font-weight:600; color:#fff; background:#333;
                 border:1px solid #333; border-radius:25px; padding:0 25px; cursor:pointer;}
.uni_banner_edit:hover{color:#000; background:#fff;}


.uni_info_name{line-height:2rem; font-size:1.15rem; font-weight:600; color:#000; margin:1rem 0;}
.uni_info_about{line-height:1.5rem; font-size:0.85rem; font-weight:400; color:#333; margin:1rem 0 2rem;}
.uni_info_content{display:flex; justify-content:start; align-items:start; flex-direction:row; gap:15px; 
                  line-height:1.85rem; font-size:0.75rem; font-weight:300; color:#000;}
.uni_info_content a{color:#0704e1;}
.uni_info_content a:hover{color:#000;}

.uni_footer{width:100%; border-top:1px solid #ddd; padding:2rem 0; margin:0 auto;}

.uni_footer_options{display:flex; justify-content:center; align-items:center; gap:25px; width:1128; max-width:90%; margin:2rem auto;}
.uni_footer_select{width:auto; max-width:185px; height:35px; line-height:35px; font-size:0.85rem; border:1px solid #333; border-radius:3px;
                   background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_black.png') no-repeat center right 10px/10px; 
                   padding:0 35px 0 15px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.uni_footer_select:focus{outline:none; border:1px solid #0704e1;}

.uni_footer_content{display:flex; justify-content:space-between; align-items:start; width:1128; max-width:90%; margin:2rem auto;}
.uni_footer_logo{width:125px; object-fit:contain;}
.uni_footer_menu{display:flex; align-items:start; gap:0 50px; line-height:2rem;}


/*------------------------------------------------------------------------------------ */
/* ============= University Create / Signup - added 20/12/2024 - 03:53pm ============= */
/*------------------------------------------------------------------------------------ */

.uni_enter_grad_container{display:block; width:450px; max-width:90%; border-top:#f1f1f1; margin:0 auto;}

.uni_admin_container{display:block; width:1024px; max-width:90%; border-top:#f1f1f1; margin:0 auto;}
.uni_enter_container{display:block; width:1128px; max-width:90%; border-top:#f1f1f1; margin:0 auto;}

.uni_login_box{width:550px; padding:2rem 0; margin:0 auto;}

/*.uni_login_logo{display:block; width:125px; height:85px; object-fit:contain; margin:0;}*/

.uni_login_password_check{display:block; width:35px; height:auto; color:#333; position:absolute; bottom:15px; right:0; cursor:pointer;}
.uni_login_password_check:hover{color:#0704e1;}


.uni_signup_box{display:block; width:100%; font-family:'Noto Sans', sans-serif; padding:2rem 0;}
.uni_signup_box form{width:640px; max-width:100%; margin:0;}

.uni_enter_title{display:block; width:100%; line-height:2rem; font-size:1.25rem; font-weight:600; color:#000;
								 text-transform:uppercase; margin:1rem auto;}
.uni_enter_subtitle{display:block; width:100%; line-height:1.5rem; font-size:0.8rem; font-weight:500; color:#666; text-transform:none;}

.uni_enter_notice{display:block; width:90%; font-size:0.85rem; line-height:22px; color:#000; font-weight:600; text-align:center;
                     padding:15px 5%; margin:15px auto 50px; border:1px dotted #aaa; border-radius:3px;}
.uni_enter_notice .uni_enter_company{font-weight:600; color:#0704e1;}

.uni_enter_section{display:block; width:100%; margin:25px auto 55px;}
.uni_enter_section input{font-family:'Noto Sans', sans-serif;}

.uni_enter_section_title{display:block; width:95%; line-height:1.85rem; font-size:1rem; font-weight:400; color:#5f6a7d; text-transform:uppercase;}
.uni_enter_section_line{display:block; width:80px; border-bottom:4px solid #0704e1; margin-bottom:2rem;}

.uni_enter_section_flex{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
                        width:100%; margin:0; padding:0; margin:15px auto;}
.uni_enter_section_flexbox{width:48.5%;}
.uni_enter_section_flexwhole{display:block; width:100%; vertical-align:top;}


.uni_enter_text{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.8rem; font-weight:400;
                color:#333; padding:0 10px; border:1px solid #ddd; border-radius:3px; vertical-align:top;}

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

.uni_enter_select{display:block; width:100%; height:40px; line-height:40px; font-family:'Noto Sans', sans-serif; font-size:0.8rem; font-weight:400; 
                  color:#333; padding:0 10px; border:1px solid #ddd; border-radius:3px; appearance:none; -webkit-appearance:none; -moz-appearance:none;
                  background:url('https://assets.jobstore.com/images/arrow_down.png') no-repeat center right 10px/10px; 
                  vertical-align:top; cursor:pointer;}

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

.uni_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.8rem; font-weight:400; color:#333; padding:10px; 
                    border:1px solid #ddd; border-radius:3px; vertical-align:top;}

.uni_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.8rem; font-weight:300; color:#000; padding:10px; 
                          border:1px solid #f00; vertical-align:top;}

.uni_enter_text:focus, .uni_enter_select:focus, .uni_enter_textarea:focus{outline:none; border:1px solid #0704e1;}

.uni_enter_text_error:focus, .uni_enter_select_error:focus, .uni_enter_textarea_error:focus{outline:none; border:1px solid #c00;}


.uni_enter_label{display:block; width:100%; line-height:1.85rem; font-size:0.85rem; font-weight:600; color:#666; 
                 text-transform:none; font-family:'Noto Sans', sans-serif;}
.uni_enter_sublabel{font-size:0.8rem; color:#000; margin:0;}

.uni_enter_required{display:block; font-size:0.85rem; font-weight:400; font-family:'Noto Sans', sans-serif; line-height:1rem; color:#ff778e; 
                    text-align:right; margin:0 auto 1rem;}
.uni_enter_required_star{display:inline-block; font-size:0.8rem; line-height:1rem; color:#ff778e;}

.uni_enter_submit{display:block; width:100%; height:40px; font-size:0.85rem; font-weight:600; color:#fff; text-transform:uppercase; 
                  text-align:center; font-family:'Noto Sans', sans-serif; background:#0704e1; border:1px solid #0704e1; border-radius:3px;}
.uni_enter_submit:hover{outline:none; color:#0704e1; background:#fff; cursor:pointer;}


.uni_enter_tos, .uni_enter_reminder{display:block; width:100%; line-height:1.5rem; font-size:0.75rem; font-weight:600;}
.uni_enter_tos a, .uni_enter_reminder a{color:#0704e1;}
.uni_enter_tos a:hover, .uni_enter_reminder a:hover{color:#0704e1; outline:none;}

.uni_enter_error{display:block; width:100%; font-size:12px; color:#f00; margin:5px 0 15px;}

/*---------------------------------------------------------------------------------------- */
/* ============= END University Create / Signup - added 20/12/2024 - 03:53pm ============= */
/*---------------------------------------------------------------------------------------- */


/*------------------------------------------------------------------------------------------------------- */
/* ============= University MANAGE - member, partner, studen - updated 13/01/2025 - 12:03pm ============= */
/*------------------------------------------------------------------------------------------------------- */

/* STUDENTS & MEMBERS */

.uni_invite_section_title{display:flex; justify-content:space-between; align-items:center; line-height:1.85rem;
                          font-size:1rem; font-weight:400; color:#5f6a7d; text-transform:uppercase;}
.invite_sample{font-size:0.8rem; font-weight:500;  color:#333; text-transform:none; text-decoration:underline dotted #ddd 1px; cursor:pointer;}
.invite_sample:hover{color:#0704e1; text-decoration:underline dotted #333 1px;}
.uni_invite_section_line{display:block; width:80px; border-bottom:4px solid #0704e1; margin-bottom:2rem;}

.invite_sample_hidden{visibility:hidden;}

.uni_message_section_flex{display:flex; flex-wrap:wrap; margin:0; padding:15px 0; justify-content:space-between; align-item:start; gap:5px;}
.uni_invite_section_flex{display:flex; flex-wrap:wrap; width:600px; max-width:90%; margin:0; padding:15px 0;
                         justify-content:space-between; align-item:start; gap:5px;}
.uni_invite_section_flexbox{display:flex; justify-content:space-between; flex-direction:column; /*width:250px; max-*/ width:48.5%;}
.uni_invite_section_flexwhole{display:block; width:100%; vertical-align:top;}

.uni_invite_box{display:block; max-width:100%; font-family:'Noto Sans', sans-serif; padding:2rem 0 5rem;}
.uni_invite_box form{width:100%; margin:0;}

.uni_message_box{display:block; max-width:100%; font-family:'Noto Sans', sans-serif; padding:2rem 0;}
.uni_message_box form{width:100%; margin:0;}

.uni_invite_opt{display:none;}

.uni_invite_select .uni_invite_radiomark{top:2px !important;}
.uni_invite_file{display:flex; justify-content:center; align-items:center; width:100%; color:#888; text-align:center; 
                 border:1px dotted #888; border-radius:3px; padding:2.5% 1.5%; box-sizing:border-box;}
#uni_upload_box input[type=file]{display: none;}
.uni_invite_file:hover{color:#000; border:1px dashed #333;}
.uni_file_upload_icon{font-size:1rem; color:#888; margin-right:15px;}
.uni_file_upload_text{font-size:0.85rem; font-weight:600;}

.uni_invite_file_download{height:30px; line-height:30px; font-size:0.8rem; font-weight:600; color:#0704e1; text-decoration:underline; background:#fff;
                          border:1px solid transparent; border-radius:3px; text-align:center; padding:0 25px; margin:0.5rem auto 1rem;}
.uni_invite_file_download:hover{text-decoration:none; border:1px dotted #0704e1;}

.uni_invite_radio{flex:1; gap:15px; position:relative; padding-left:25px; cursor:pointer; font-size:0.85rem; color:#333;
                  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.uni_invite_radio input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.uni_invite_radiomark{position:absolute; left:0; top:7px; height:15px; width:15px; background-color:#eee; border-radius:50%;}
.uni_invite_radio:hover input ~ .uni_invite_radiomark{background-color:#ccc;}
.uni_invite_radio input:checked ~ .uni_invite_radiomark{background-color:#0704e1;}
.uni_invite_radiomark:after{content:""; position:absolute; display:none;}
.uni_invite_radio input:checked ~ .uni_invite_radiomark:after{display:block;}

.uni_invite_radio .uni_invite_radiomark:after{left:4px; top:4px; width:7px; height:7px; border-radius:50%; background:white;
/*left:4px; top:1px; width:3px; height:9px;  border:solid white; border-width:0 3px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);*/}


.uni_message_check{display:flex; justify-content:space-between; align-items:center; padding-bottom:1rem;
                   /*border-bottom:1px dotted #ddd; margin-bottom:1rem;*/}
.uni_message_off{color:#000 !important; background:#fff !important; pointer-events:none; opacity:0.5;}

.uni_message_button{width:fit-content; font-size:0.75rem; font-weight:600; color:#fff; background:#333; border:1px solid #333;
                    border-radius:25px; padding:8px 15px; margin-left:auto; cursor:pointer;}
.uni_message_button:hover{color:#000; background:#fff;}


.uni_invite_checkbox{display:block; position:relative; padding-left:15px; margin-bottom:15px; cursor:pointer;
                     -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.uni_invite_checkbox input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.uni_invite_checkmark{position:absolute; top:0; left:0; height:15px; width:15px; border:1px solid #ddd; border-radius:2px; background-color:#eee;}
.uni_invite_checkbox:hover input ~ .uni_invite_checkmark{background-color:#ccc;}
.uni_invite_checkbox input:checked ~ .uni_invite_checkmark{background-color:#0704e1; border:1px solid #0704e1; border-radius:2px;}
.uni_invite_checkmark:after{content:""; position:absolute; display:none;}
.uni_invite_checkbox input:checked ~ .uni_invite_checkmark:after{display:block;}
.uni_invite_checkbox .uni_invite_checkmark:after{left:4px; top:1px; width:3px; height:8px; border:solid white; border-width:0 3px 3px 0;
                                                 -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.uni_invite_submit{height:40px; font-size:0.8rem; font-weight:600; color:#fff; /*text-transform:uppercase;*/ text-align:center; 
                   background:#0704e1; border:1px solid #0704e1; border-radius:3px; padding:0 25px;}
.uni_invite_submit:hover{outline:none; color:#0704e1; background:#fff; cursor:pointer;}

.uni_invite_cancel{height:40px; line-height:40px; font-size:0.8rem; font-weight:600; color:#333; /*text-transform:uppercase;*/ text-align:center;
                   background:#ddd; border:1px solid #ddd; border-radius:3px; padding:0 25px;}
.uni_invite_cancel:hover{outline:none; color:#0704e1; background:#fff; border:1px solid #333; cursor:pointer;}



.uni_member_box{width:100%; min-height:50vh; font-family:'Noto Sans', sans-serif; padding:2rem 0 2rem;}

.uni_member_list{display:grid; grid-template-columns:repeat(3, 1fr); justify-content:space-evenly; align-items:center; gap:15px; margin:0 auto;}


.uni_member_user_label{/*display:inline-block; width:30%; height:40px; line-height:40px; vertical-align:top;*/
   width:30%; text-align:left;
}
.uni_member_user_func_label{/*display:inline-block; width:30%; height:40px; line-height:40px; vertical-align:top;*/
  display:block; width:100%; text-align:left; line-height:2rem; font-size:0.9rem;
}

.uni_member_user_input{display:block; width:100%; height:auto;}

.uni_member_user_text{display:inline-block; width:100%; height:40px; line-height:40px; border:1px solid #ddd; border-radius:5px; padding:0 15px;}
.uni_member_user_text:hover, .uni_member_user_text:focus{border:1px solid #0704e1; outline:none;}
.uni_member_user_text_error{color:#000; border:1px solid #f00;}


/*switch & slider*/
.switch{display:block; height:40px; position:relative;}
.switch input {display:none;}
.switch_caption a2{display:none;}
.switch_notice{display:none;}
.switch_caption{display:block;}
.switch_caption a1{display:block; width:100%; line-height:1.85rem; font-size:0.8rem; text-align:left; cursor:default;}


.slider{position:absolute; width:100%; cursor:pointer; top:0; left:0; right:0; bottom:0; color:#fff; background:#ddd; border:1px solid #d0d0d0;
        border-radius:5px; -webkit-transition: .4s; transition: .4s; outline:none;}
.slider:focus{outline:none;}

.slider:before{position:absolute; content:""; width:50%; height:34px; color:#fff; background:rgba(7,4,225,1); border-radius:5px;
               left:4px; bottom:2px; -webkit-transition: .4s; transition: .4s;}

input:checked + .slider{/*background-color:#0704e1;*/ background-color:#ddd; outline:none;}
input:focus + .slider{/*box-shadow:0 0 1px #2196F3;*/}
input:checked + .slider:before{-webkit-transform:translateX(97%); -ms-transform:translateX(97%); -moz-transform:translateX(97%);
                               transform:translateX(97%);}

.slider_on{font-size:0.7rem; font-weight:600; position:absolute; transform:translate(-50%,-50%); top:50%; left:75%;}
.slider_off{font-size:0.7rem; font-weight:600; position:absolute; transform:translate(-50%,-50%); top:50%; left:25%;}

.slider_on, .slider_off{display:inline-block; width:49%; text-align:center; vertical-align:top;}

/*.switch{display:inline-block; width:50%; height:40px; position:relative; margin-left:2%;}*/
/*.switch input {display:none;}*/
/*.switch_caption a2{display:none;}*/
/*.manage_switch_notice{display:none;}*/

/*.slider{position:absolute; width:100%; cursor:pointer; top:0; left:0; right:0; bottom:0; color:#fff; background:#ddd; border:1px solid #d0d0d0;*/
/*        border-radius:5px; -webkit-transition: .4s; transition: .4s; outline:none;}*/
/*.slider:focus{outline:none;}*/

/*.slider:before{position:absolute; content:""; width:50%; height:34px; color:#fff; background:rgba(7,4,225,1); border-radius:5px;*/
/*               left:2px; margin-right:2px; bottom:2px; -webkit-transition: .4s; transition: .4s;}*/

/*.slider_on, .slider_off{font-size:0.7rem !important; font-weight:600 !important;}*/


.uni_manage_block{/*display:inline-block; width:32%; margin:1rem 1% 0 0; vertical-align:top;*/}
.uni_manage_block_invite{line-height:1.85rem; text-align:center; margin:1rem auto 0;}


.uni_manage_copy{width:100%; font-weight:600; color:#0704e1; text-align:center; cursor:pointer;}
.uni_manage_copy:hover{color:#000;}


.uni_manage_copy_tooltip{visibility:hidden; width:275px; height:auto; line-height:22px; color:#fff; font-weight:400; text-align:center; padding:8px 15px; 
              background:rgba(7,50,162,0.7); border-radius:6px; position:absolute; z-index:1; bottom:85%; left:-50%; margin-left:-35px; opacity:0; 
              transition:opacity 0.3s;}

.uni_manage_copy_tooltip::after{content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style: solid;
                    border-color:rgba(7,50,162,0.7) transparent transparent transparent;}

.uni_manage_copy_tooltip b{color:#fff; text-shadow:0px 0px 4px rgba(0,0,0,1);}

.tooltip{position:absolute;z-index:1030;display:block;font-size:0.8rem;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}
.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}


.uni_manage_block_add{/*grid-column: 1 / -1;*/}
.uni_manage_block_add_button{display:flex; justify-content:center; align-items:center; gap:15px;
                             height:190px; color:#0704e1; border:1px dotted #0704e1; border-radius:5px; cursor:pointer;}
.uni_manage_block_add_button:hover{color:#000; border:1px dashed #000;}


.uni_manage_block_form{display:block; margin:1rem 0;}

.uni_manage_member{display:flex; flex-direction:column; justify-content:center; align-items:center; height:150px; text-align:center;
                   border:1px solid #ddd; background:#f8f8f8; border-radius:5px 5px 0 0; padding:0 5%; position:relative;}
.uni_manage_member_opt{/*display:table; width:100%; height:45px; line-height:45px; */
                       display:flex; justify-content:space-between; align-items:center; background:#eee; border:1px solid #ddd; border-top:none;
                       height:40px; border-radius:0 0 5px 5px; padding:0 5px; margin:0 auto;}


.uni_manage_member_details{width:90%;}

.uni_manage_member_name{line-height:1.25rem; font-size:1rem; color:#333; font-weight:600; margin:0.5rem auto;}
.uni_manage_member_email{line-height:1.25rem; font-size:0.85rem; color:#333; margin:0 auto;}
.uni_manage_member_permission{font-size:12px; /*color:#a30000;*/ margin:0.5rem auto;}

.uni_manage_member_owner{color:#030270; font-weight:600;}
.uni_manage_member_no{color:#a30000;}
.uni_manage_member_yes{color:#329932;}


.uni_manage_member_control{text-align:right; position:absolute; top:15px; right:15px; display:flex; gap:15px;}

.uni_manage_member_delete{font-size:1.15rem; font-weight:700; color:#c00; text-align:right; margin-left:auto;}
.uni_manage_member_delete:hover{color:#f00; cursor:pointer;}

.uni_manage_member_edit{font-size:1rem; font-weight:700; color:#888; text-align:right; margin-left:auto;}
.uni_manage_member_edit:hover{color:#333; cursor:pointer;}

.uni_manage_member_password{display:block; color:#0704e1; text-align:center;}
.uni_manage_member_password img{display:inline-block; width:13px; padding-right:5px; vertical-align:middle;}
.uni_manage_member_password a{display:inline-block; vertical-align:middle;}

.uni_manage_member_active{display:inline-block; font-size:0.8rem; font-weight:600; color:#000; margin-left:5%;}
.uni_manage_member_active span{width:15px; font-size:1rem; color:#198C19; padding-right:5px; vertical-align:middle;}

.uni_manage_member_inactive{display:inline-block; text-align:center; font-size:0.8rem; font-weight:600; color:#000; text-transform:capitalize; float:right; margin-right:5%;}

.uni_manage_member_pending{opacity:0.5;}


.uni_manage_add_title{display:flex; justify-content:space-between; align-items:center; line-height:50px; font-size:1rem; font-weight:600; 
                      text-transform:capitalize; background:#f2f2f2; border:1px solid #ddd; border-radius:5px 5px 0 0; padding:0 2.5%;}

.uni_manage_add_button{display:flex; justify-content:space-evenly; align-items:center; margin-left:auto; gap:15px;}

.uni_manage_add_button_blue{width:auto; height:30px; font-size:0.8rem; font-weight:600; font-family:'Noto Sans', sans-serif; 
                            color:#fff; text-align:center; background:#0704e1; border:1px solid #0704e1; border-radius:5px;
                            padding:0 15px; box-sizing:border-box;}
.uni_manage_add_button_blue:hover{outline:none; color:#0704e1; background:transparent; cursor:pointer;}

.uni_manage_add_button_black{width:auto; height:30px; line-height:30px; font-size:0.8rem; font-weight:600; font-family:'Noto Sans', sans-serif; 
                             color:#fff; text-align:center; background:#333; border:1px solid #333; border-radius:5px;
                             padding:0 15px; box-sizing:border-box;}
.uni_manage_add_button_black:hover{outline:none; color:#333; background:#fff; cursor:pointer;}


.uni_manage_add_details{border:1px solid #ddd; border-top:0; background:#fefefe; border-radius:0 0 5px 5px; padding:2rem 0 0; text-align:center;}
.uni_manage_add_details_box{width:500px; max-width:90%; margin:0 auto;}

.uni_manage_details_each{display:flex; justify-content:space-between; align-items:center; width:100%; height:auto; padding:0.5rem 0 1rem; margin:0 auto;}

.uni_manage_details_func{flex-direction:column;}


.uni_manage_error_msg{line-height:1.25rem; font-size:0.8rem; color:#f00; text-align:left; padding:0.5rem 0 0;}

.uni_manage_permission{display:block; font-size:13px; color:#a30000; margin:0.5rem auto;}


.uni_manage_inviter{display:inline-block; font-size:13px; color:#666; font-weight:600; vertical-align:top;}
.uni_manage_invitee{display:inline-block; font-size:14px; color:#333; font-weight:600; vertical-align:top;}


.uni_manage_legend{display:block; max-width:94%; padding:15px 25px; margin:35px 0 25px; background:#f1f9fd; border:1px dashed #333;}
.uni_manage_legend_link{display:inline-block; width:auto; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:600;
											 color:#0704e1; vertical-align:middle;}
.uni_manage_legend_note{display:inline-block; width:auto; font-size:14px; color:#666; vertical-align:middle;}
.uni_manage_legend_note span{color:#000; font-weight:600;}

/*----------------------------------------------------------------------------------------------------------- */
/* ============= END University MANAGE - member, partner, studen - updated 13/01/2025 - 12:03pm ============= */
/*----------------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------- */
/* ============= University EDIT PROFILE - added 27/12/2024 - 11:02am ============= */
/*--------------------------------------------------------------------------------- */

/*.uni_profile_top{display:flex; flex-direction:column; height:500px; border-bottom:1px solid #eee; position:relative;}*/
/*.uni_banner_box{width:100%; height:500px;}*/


.uni_profile_required{display:block; font-size:0.85rem; font-weight:400; font-family:'Noto Sans', sans-serif; line-height:1rem; color:#ff778e; 
                    text-align:right; margin:0 auto 1rem;}
.uni_profile_required_star{display:inline-block; font-size:0.8rem; line-height:1rem; color:#ff778e;}


.uni_profile_save_notice{visibility:hidden; line-height:1.5rem; font-size:0.75rem; color:#000; float:right;}
.uni_profile_save_notice i{color:#ff778e;}

.uni_profile_top{display:flex; flex-direction:column; height:auto; max-height:500px; border-bottom:1px solid #eee;
                 padding-bottom:1.5rem; margin-bottom:1.5rem; position:relative;}

.uni_profile_brand_box{display:flex; /*margin-top:-180px;*/ margin-top:-65px;}

/*.uni_banner_box{display:flex; flex-direction:column;}*/
.uni_logo_box{/*flex:1;*/ width:100px; height:100px; margin-left:25px; z-index:1000;}

.uni_banner_box input[type=file], .uni_logo_box input[type=file]{display:none;}


/*.uni_profile_upload_icon{color:#888; margin-right:8px; vertical-align:middle;}*/
.uni_profile_upload_text{display:flex; justify-content:center; align-items:center; width:50px; height:50px; 
                         font-size:1.25rem; font-weight:500; color:#fff; position:absolute; background:#000; 
                         border:1px solid #aaa; border-radius:50%; opacity:0.5;}

.uni_profile_upload_banner{display:flex; justify-content:center; align-items:center; height:/*400px*/auto; max-height:400px;
                           border-radius:3px; cursor:pointer;}
.uni_profile_upload_banner:hover .profile_file_upload_text{font-weight:600; color:#000; cursor:pointer;}
.uni_profile_upload_banner img{width:100%; height:100%; object-fit:cover; border:1px dashed #ddd; border-radius:3px; margin:0 auto; opacity:0.5;}

.uni_profile_upload_banner:hover .uni_profile_upload_text{opacity:0.85;}
/*.uni_profile_upload_banner:hover .uni_profile_upload_banner img{border:1px solid #aaa;}*/

.uni_profile_upload_logo{display:flex; justify-content:center; align-items:center; height:100%; background:#fff; border-radius:50%; cursor:pointer;}
.uni_profile_upload_logo:hover .profile_file_upload_text{font-weight:600; color:#000; cursor:pointer;}
.uni_profile_upload_logo img{width:100%; height:100%; object-fit:contain; border:3px dotted #ddd; border-radius:50%; 
                             margin:0 auto; opacity:0.5;}

.uni_profile_upload_logo:hover .uni_profile_upload_text{cursor:pointer; opacity:0.85;}

.uni_profile_form form{margin:2rem auto;}
.uni_profile_form_line{border-top:1px solid #ddd; margin:3rem auto;}

.uni_profile_form_header{display:block; width:95%; line-height:1.85rem; font-size:1rem; font-weight:400; color:#5f6a7d; text-transform:uppercase;}
.uni_profile_form_header_line{display:block; width:80px; border-bottom:4px solid #0704e1; margin-bottom:2rem;}

.uni_profile_form_box{display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; margin:0 auto 1.5rem;}

.uni_profile_form_half{width:48.5%;}

.uni_profile_form_title{line-height:2rem; font-size:0.85rem; font-weight:600; color:#333; text-align:left;}


.uni_profile_text{display:block; width:100%; height:40px; line-height:40px; font-size:0.85rem; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.uni_profile_text:hover, .uni_profile_text:focus{border:1px solid #0704e1; outline:none;}

.uni_profile_select{display:block; width:100%; height:40px; line-height:40px; font-size:0.85rem; border:1px solid #ddd; border-radius:3px;
                    background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px;
                    border:1px solid #ddd; border-radius:3px; padding:0 20px 0 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.uni_profile_select:hover, .uni_profile_select:focus{border:1px solid #0704e1; outline:none;}

.uni_profile_about_quill{display:block; width:100%; min-height:300px; height:auto; line-height:18px; max-height:850px; font-size:0.85rem; 
                         font-family:'Noto Sans', sans-serif; color:#0704e1; border:1px solid #ddd; padding:15px !important;}
.uni_profile_about_quill:hover, .uni_profile_about_quill:focus{border:1px solid #0704e1; outline:none;}

.uni_profile_about_textarea{display:block; width:100%; /*min-height:120px; height:120px;*/ height:auto; max-height:120px; 
                            line-height:18px; font-size:0.85rem; font-family:'Noto Sans', sans-serif; color:#000; 
                            border:1px solid #ddd; border-radius:3px; padding:15px !important; resize:none;}
.uni_profile_about_textarea:hover, .uni_profile_about_textarea:focus{border:1px solid #0704e1; outline:none;}

/*.uni_profile_button{display:flex; justify-content:center; align-items:center; width:100%;}*/


.uni_profile_button_save{width:fit-content; height:40px; line-height:40px; font-weight:600; color:#fff; background:#0704e1;
                         border:1px solid #0704e1; border-radius:25px; padding:0 25px; cursor:pointer; box-sizing:border-box;}
.uni_profile_button_save:hover{color:#0704e1; background:#fff;}

.uni_profile_button_submit{display:block; width:100%; height:40px; font-size:0.85rem; font-weight:600; color:#fff; text-transform:uppercase; 
                           text-align:center; font-family:'Noto Sans', sans-serif; background:#0704e1; border:1px solid #0704e1; border-radius:3px;
                           /*padding:0 25%;*/ margin:2rem 0; box-sizing:border-box;}
.uni_profile_button_submit:hover{outline:none; color:#0704e1; background:#fff; cursor:pointer;}

.uni_profile_button_cancel{display:block; height:40px; line-height:40px; font-size:0.85rem; font-weight:600; color:#333; text-transform:uppercase; 
                           text-align:center; font-family:'Noto Sans', sans-serif; background:transparent; border:1px solid #333; border-radius:3px;
                           /*padding:0 25%; margin:2rem 0 2rem 2rem;*/ margin:2rem 0; box-sizing:border-box;}
.uni_profile_button_cancel:hover{outline:none; color:#fff; background:#333; cursor:pointer;}


/*------------------------------------------------------------------------------------- */
/* ============= END University EDIT PROFILE - added 27/12/2024 - 11:02am ============= */
/*------------------------------------------------------------------------------------- */


/*---------------------------------------------------------------------------- */
/* ============= University SETTING - added 13/01/2025 - 12:04pm ============= */
/*---------------------------------------------------------------------------- */

.uni_setting_header_box{display:flex; justify-content:space-between; align-items:start; padding:2rem 0 0; border-top:1px solid #ddd;}

.uni_setting_header{width:55%;}
/*.uni_setting_opt{}*/

.uni_setting_privacy_box{display:block; width:600px; max-width:100%; background:#fff; padding:2rem 0 4rem;}
.uni_setting_privacy_box input[type=checkbox]{display:inline-block; appearance:checkbox; -webkit-appearance:checkbox; -moz-appearance:checkbox;
                                              transform:scale(1.2); vertical-align:middle; margin:10px 15px 0 0;}

.uni_setting_privacy_title{display:flex; justify-content:space-between; align-items:center; line-height:50px; font-size:1rem;
                           font-weight:600; text-transform:capitalize; background:#f2f2f2; border:1px solid #ddd; 
                           border-radius:5px 5px 0 0; padding:0 2.5%;}

.uni_setting_privacy_details{/*border:1px solid #ddd; border-top:0; background:#fefefe; border-radius:0 0 5px 5px; padding:5%;*/
                             width:auto; text-align:center;}

.uni_setting_privacy_each{display:flex; justify-content:space-between; align-items:center; height:auto; padding:0.5rem 0 1rem; margin:0 auto;}

.uni_setting_radio_title{font-size:1rem; line-height:1.85rem; font-weight:600; text-align:left;}
.uni_setting_radio_info{font-size:0.85rem; line-height:1.5rem; font-weight:400; margin:5px 0; text-align:left;}

.uni_setting_buttons{display:flex; justify-content:end; width:100%; text-align:right; margin:1rem auto;}

.uni_setting_button_blue{width:fit-content; height:40px; line-height:40px; font-weight:600; color:#fff; background:#0704e1;
                         border:1px solid #0704e1; border-radius:5px; padding:0 25px; cursor:pointer; box-sizing:border-box;}
.uni_setting_button_blue:hover{color:#0704e1; background:#fff;}

.uni_setting_button_grey{width:fit-content; height:35px; line-height:35px; font-size:0.75rem; font-weight:600; color:#666; background:#f5f5f5;
                         border:1px solid #dfdfdf; border-radius:5px; padding:0 15px; cursor:pointer; box-sizing:border-box;}
.uni_setting_button_grey:hover{color:#000; background:rgba(255,0,0,0.05); border:1px solid rgba(255,0,0,0.5);}

/*-------------------------------------------------------------------------------- */
/* ============= END University SETTING - added 13/01/2025 - 12:04pm ============= */
/*-------------------------------------------------------------------------------- */


/*---------------------------------------------------------------------------------------- */
/* ============== External page - list of jobs - added 30/12/2024 - 10:57am ============== */
/*---------------------------------------------------------------------------------------- */

/*.uni_jobs_banner{display:block; width:100%; height:350px; object-fit:fill; border:1px solid #ddd; border-radius:10px;}*/

.uni_jobs_header{/* 3 box form - max-width:85%;*/ line-height:2rem; font-size:1.55rem; color:#000; text-align:center; 
                 /* 3 box form - margin:3rem auto 5rem;*/ /* 2 box form */ margin:0 auto 3rem;}
.uni_jobs_header span{font-weight:600;}


form#uni_search{margin:0;}


/* ----- original search ---- */
/*.uni_search_form{display:flex; justify-content:space-between; align-items:center; width:100%; height:80px; line-height:80px;}*/

/*.uni_search_form_key{height:auto; flex:1; border:1px solid #ddd; border-radius:10px 0 0 10px; padding:10px 15px;}*/
/*.uni_search_form_loc{height:auto; flex:1; border:1px solid #ddd; border-left:none; border-right:none; border-radius:0; padding:10px 15px;}*/
/*.uni_search_form_type{height:auto; flex:1; border:1px solid #ddd; border-radius:0 10px 10px 0; padding:10px 15px;}*/


/*.uni_search_title{display:flex; align-items:center; gap:10px; font-size:0.9rem; font-weight:500; color:#000; height:35px; line-height:35px;}*/

/*.uni_search_form_text{width:100%; height:35px; line-height:35px; color:#0704e1; border:none; background:transparent; outline:none; padding:0;}*/

/*.uni_search_check{display:flex; justify-content:flex-start; align-items:center; width:100%; height:35px; line-height:35px; flex-wrap:wrap;*/
/*                  font-size:0.9rem; color:#000; line-height:1.85rem;}*/

/*.uni_search_form_check_container{flex:1; gap:15px; position:relative; padding-left:25px; cursor:pointer; font-size:0.85rem; color:#333;*/
/*                                 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}*/
/*.uni_search_form_check_container input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}*/
/*.uni_search_form_checkmark{position:absolute; left:0; top:7px; height:15px; width:15px; background-color:#eee; border-radius:50%;}*/
/*.uni_search_form_check_container:hover input ~ .uni_search_form_checkmark{background-color:#ccc;}*/
/*.uni_search_form_check_container input:checked ~ .uni_search_form_checkmark{background-color:#0704e1;}*/
/*.uni_search_form_checkmark:after{content:""; position:absolute; display:none;}*/
/*.uni_search_form_check_container input:checked ~ .uni_search_form_checkmark:after{display:block;}*/

/*.uni_search_form_check_container .uni_search_form_checkmark:after{left:4px; top:1px; width:3px; height:9px; border:solid white; border-width:0 3px 2px 0;*/
/*                                                                  -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}*/


/*.uni_search_form_submit{width:35px; height:40px; background:none; border:none;}*/


.uni_header_search_form{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eee;
                        padding:5px 0 15px; margin:0 0 25px;}

.header_filter_dropdown_clear{display:inline-block; font-size:0.75rem; font-weight:500; color:#f00; margin:0;}
.header_filter_dropdown_clear:hover{color:#c00;}

.header_filter_dropdown_grid_clear{display:inline-block; font-size:0.75rem; font-weight:500; color:#f00; margin:0;}
.header_filter_dropdown_grid_clear:hover{color:#c00;}

.uni_header_search_loc{display:flex; justify-content:flex-start; align-items:center; width:150px; height:35px; line-height:35px; 
                       background:#f1f1f1; border:1px solid #f1f1f1; border-radius:25px; padding:0 15px 0 20px;}
.uni_header_search_loc form{margin:0;}
.uni_header_search_loc:focus-within{background:#eaeaea;}
.uni_search_text_loc{width:125px; height:35px; font-size:0.8rem; background:transparent; border:none; outline:none;}
.uni_search_text_loc:focus{background:#eaeaea;}
.uni_search_submit_loc{width:25px; height:25px; font-size:0.8rem; color:#666; background:transparent; border:none;}
.uni_search_submit_loc:hover{color:#000; cursor:pointer;}
.uni_search_submit_loc i{font-size:1rem;}
.uni_search_text_loc:focus ~.uni_search_submit_loc{background:#eaeaea;}


.uni_header_total_box{display:flex; justify-content:space-between; align-items:center; gap:25px;}
.uni_header_clear{display:flex; align-items:center; justify-content:center;}
.uni_header_total{font-size:0.85rem; font-weight:600; color:#000; margin:0 10px;}

.uni_header_filter{display:flex; align-items:flex-start; justify-content:flex-start; gap:15px;}
.uni_header_filter_each{position:relative; width:fit-content;}

.header_filter_droppick{width:fit-content; line-height:2rem; font-size:0.75rem; color:#444; background:#eee; 
                        border:1px solid #f1f1f1; border-radius:25px; padding:0 15px; cursor:pointer;
                        display:flex; align-items:center; justify-content:space-between;}
.header_filter_droppick_sel{width:auto; max-width:200px; line-height:2rem; 
                            font-size:0.75rem; color:#0704e1; background:rgba(7,4,225,0.05); border:1px solid rgba(7,4,225,0.1); 
                            border-radius:25px; padding:0 15px; cursor:pointer;}
.header_filter_droppick i{color:#888; font-size:/*0.65rem*/1rem;}
.header_filter_droppick_sel i{color:#333; font-size:/*0.65rem*/0.85rem; vertical-align:middle;}
.header_filter_droppick:hover{background:#eaeaea;}

.droppick_sel_cat{display:inline-block; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.dropdown{display:none; width:auto; font-size:0.8rem; color:#333; background:#fff; position:absolute; margin-top:5px; left:/*-10*/0; z-index:1000; 
          white-space:nowrap; padding:15px 25px; box-shadow:0 0 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
          -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.15); border-radius:5px;}
.dropdown div{display:block; width:100%; height:35px; line-height:35px; color:#333;}
.dropdown div:hover{color:#0704e1;}

.dropdown_sel{color:#333; font-weight:600;}

.header_filter_dropdown_remove{color:#c00 !important;}

/*.uni_header_sort{display:flex; gap:10px; white-space:nowrap; align-items:center; margin-left:auto;}*/
/*.uni_sort_title{font-size:0.8rem; color:#000;}*/
/*.uni_sort_select{width:fit-content; height:35px; line-height:35px; font-size:0.8rem; font-weight:600;*/
/*                 background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px;*/
/*                 border:1px solid transparent; padding:0 30px 0 3px; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:none;}*/
/*.uni_sort_select:hover, .uni_sort_select:focus{border:1px solid #fff;}*/

.uni_header_layout{display:flex; white-space:nowrap; align-items:center; font-size:1rem; font-weight:300; margin-left:auto; cursor:pointer;}

.uni_header_layout_list{background:#ddd; border:1px solid #fff; border-radius:10px 0 0 10px; padding:5px 10px;}
.uni_header_layout_grid{background:#ddd; border:1px solid #fff; border-radius:0 10px 10px 0; padding:5px 10px;}

.uni_header_layout_on{color:#fff; background:rgba(7,4,225,0.5);}



/* ============================================= */
/* --- TBD - featured jobs - 4 per row - TBD --- */
/* ============================================= */

.uni_feat_box{display:flex; justify-content:center; align-items:center; max-width:100%; gap:10px; margin:3rem auto 1.5rem;}

.uni_feat_each{display:flex; flex-direction:column; height:200px; border:1px solid #ddd; border-radius:5px;}
.uni_feat_each:hover{background:rgba(7,4,225,0.025); border:1px solid rgba(7,4,225,0.25); cursor:pointer;}

.uni_feat_top{display:flex; flex-direction:row; align-items:center; gap:15px; margin:15px 15px 0;}
.uni_feat_top_logo{width:40px; height:40px; object-fit:contain; border:1px solid #ddd; border-radius:5px;}

.uni_feat_top_comp{font-size:0.8rem; color:#000;}
.uni_feat_top_comp div{font-size:0.7rem; color:#666;}

.uni_feat_top_desc{line-height:1.25rem; font-size:0.8rem; color:#666; margin:15px;}

.uni_feat_top_count{display:flex; justify-content:space-between; align-items:center; line-height:1.25rem; font-size:0.8rem; 
                    border-top:1px solid #ddd; padding:5px 15px; margin-top:auto;}
.uni_feat_top_count span{font-size:0.7rem;}

/* =================================================== */
/* --- END - TBD - featured jobs - 4 per row - TBD --- */
/* =================================================== */

.uni_jobs_container{display:block; width:100%; text-align:left; padding:2rem 0; margin:0 auto;}

.uni_jobs_header_latest{display:flex; justify-content:space-between; align-items:center;  
                        line-height:2rem; font-size:1.65rem; font-weight:900; color:#000; margin-bottom:2rem;}
.uni_jobs_header_latest span{font-size:0.85rem; font-weight:400; text-transform:capitalize; text-decoration:underline;}

.uni_jobs_header_category{display:flex; justify-content:space-between; align-items:center; 
                          line-height:2rem; font-size:1.25rem; font-weight:900; color:#000; margin:2rem 0;}
.uni_jobs_header_category span{font-size:0.85rem; font-weight:400; text-transform:capitalize; text-decoration:underline;}

.uni_jobs_box{display:flex; justify-content:space-between; align-items:flex-start; width:100%;}


.uni_jobs_empty{display:flex; flex-direction:column; align-items:center; max-width:85%; font-size:1.25rem; line-height:2rem; font-weight:600; 
                color:#333; text-align:center; margin:15% auto;}

.uni_jobs_list{display:flex; flex-direction:column; /* 1124px width view - width:680px; max-width:70%;*/ /* centered view - */ width:100%;}

.uni_jobs_each{display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:25px;
               border-bottom:1px solid #eee; padding:2.5% 1.5%;}

.uni_jobs_logo{width:50px; height:50px; object-fit:contain; object-position:center; border:1px solid #eee; border-radius:3px;}

.uni_jobs_title{line-height:1.5rem; font-size:0.85rem; font-weight:600; color:#000; cursor:pointer;}
.uni_jobs_title:hover{color:#0704e1;}
.uni_job_title_on{color:#0704e1;}



.uni_jobs_content{width:100%;}

.uni_jobs_details{display:flex; flex-direction:column; align-items:flex-start; line-height:1.25rem; font-size:0.8rem; color:#444;}
.uni_jobs_current{display:flex; flex-direction:row; align-items:center; gap:10px; color:#000;}
.uni_jobs_current div{color:#888;}
.uni_jobs_info{display:flex; flex-direction:row; align-items:flex-start; gap:5px; color:#888;}

/*.uni_job_each:hover{background:rgba(7,4,225,0.025);}*/
/*.uni_job_each:hover .uni_job_title{color:#0704e1;}*/

.uni_jobs_buttons{display:flex; align-items:center; gap:10px;}
.uni_jobs_button_white{height:35px; line-height:35px; font-size:0.8rem; color:#000; text-align:center; border:1px solid #333; border-radius:3px; padding:0 15px; box-sizing:border-box;}
.uni_jobs_button_white:hover{background:#ddd; cursor:pointer;}
.uni_jobs_button_black{height:35px; line-height:35px; font-size:0.8rem; color:#fff; text-align:center; background:#333; border:1px solid #333; border-radius:3px; padding:0 15px; box-sizing:border-box;}
.uni_jobs_button_black:hover{color:#000; background:#fff; cursor:pointer;}
.uni_jobs_button_blue{height:35px; line-height:35px; font-size:0.8rem; color:#fff; text-align:center; background:#0704e1; border:1px solid #0704e1; border-radius:3px; padding:0 15px; box-sizing:border-box;}
.uni_jobs_button_blue:hover{color:#0704e1; background:#fff; cursor:pointer;}



.uni_jobs_button_opt{line-height:2rem; font-size:0.75rem; color:#888; text-align:center;}
.uni_jobs_button_opt a{text-decoration:underline;}
.uni_jobs_button_opt a:hover{color:#0704e1;}


.uni_jobs_more{display:flex; flex-direction:column; flex-wrap:wrap; width:30%; padding-top:4.5rem;}

.uni_jobs_more_box{height:auto; padding:25px; border:1px solid #ddd; border-radius:3px; margin-bottom:2rem;}
.uni_jobs_more_title{font-size:1.15rem; font-weight:300; color:#000; margin-bottom:2rem;}

.uni_jobs_more_list{line-height:2rem; font-size:0.8rem;}
.uni_jobs_more_list div{margin:1rem 0;}

.uni_form_text{width:100%; height:40px; line-height:40px; border:1px solid #ddd; border-radius:3px; outline:none;}


/*-------------------------------------------------------------------------------------------- */
/* ============== END External page - list of jobs - added 30/12/2024 - 10:57am ============== */
/*-------------------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------- */
/* ============== Job Post - added 31/12/2024 - 11:37am ============== */
/*--------------------------------------------------------------------- */


.uni_job_box{/*width:680px; max-width:70%;*/ display:none; /*width:100%;*/ padding:25px; border:1px dashed #ddd; border-top:0;}

.uni_job_box_close{display:flex; justify-content:flex-end; font-size:1.25rem; color:#f00; margin:0 15px; cursor:pointer;}
.uni_job_box_close:hover{color:#c00;}

.uni_job_banner{display:flex; flex-direction:column; height:auto; position:relative; margin:2rem auto;}
.uni_job_banner_img{width:100%; height:185px; object-fit:cover; border:1px solid #ddd; border-radius:3px;}

.uni_job_logo_img{width:100px; height:65px; border:2px solid #fff; border-radius:3px; margin:-35px 0 0 25px;}

.uni_job_menu{display:flex; justify-content:space-between; align-items:center; gap:15px; padding:0 0 1rem;}

.uni_job_social{display:flex; justify-content:center; align-items:center; gap:25px; font-size:15px; color:#333; }

.uni_job_content{margin:0 auto 3rem;}


.uni_job_content_menu{display:flex; align-items:center; gap:5px; padding:0 0 1rem;}
.uni_job_content_info{font-size:0.75rem; font-weight:500; padding:0.25rem 0.85rem; color:#333; background:#f1f1f1; border-radius:3px; margin:0 0.5rem 0.5rem 0;}

.uni_job_desc{width: 95%; font-size: 0.85rem; font-weight: 400; margin:1rem 0; padding:1rem 5% 0 0; background: #fff; border-top: 1px solid #eee;}

.uni_job_maploc{font-size:0.85rem; font-weight:600; color:#333; text-align:left; margin:0 auto 2rem; 
                padding-left:5%; background:url('https://assets.jobstore.my/images/icon/icon_locpin_outline_dark.png') no-repeat top left / 18px;}

.uni_job_button_blue{width:fit-content; height:35px; line-height:35px; font-size:0.8rem; font-weight:500; color:#fff; text-align:center;
                     background:#0704e1; border:1px solid #0704e1; border-radius:5px; padding:0 15px; margin:1rem 0; box-sizing:border-box;}
.uni_job_button_blue:hover{color:#0704e1; background:#fff;}

/*------------------------------------------------------------------------ */
/* ============== END Job Post - added 31/12/2024 - 11:37am ============== */
/*------------------------------------------------------------------------ */


/*--------------------------------------------------------------------------------- */
/* ============= University VIEW PROFILE - added 24/12/2024 - 10:20am ============= */
/*--------------------------------------------------------------------------------- */

.uni_menu{color:#333; cursor:pointer;}
.uni_menu:hover{color:#000;}
.uni_menu_on{border-bottom:2px solid #0704e1;}

.uni_menu_link{color:#0704e1;}
.uni_menu_link i{font-size:0.9rem; margin:0 5px;}
.uni_menu_link:hover{border-bottom:2px solid #000; cursor:pointer;}

.uni_menu_last{display:flex; gap:25px; line-height:2rem; font-size:0.85rem; font-weight:600; color:#000; box-shadow:0px -2px 0px #eee inset; margin-left:auto;}

.uni_form_search{display:flex; justify-content:space-between; align-items:center; width:600px; max-width:100%; height:40px; line-height:40px;
                 background:rgba(7,4,225, 0.025); border:1px solid rgba(7,4,225,0.25); border-radius:25px; padding:0 1.5% 0 2.5%;}
.uni_form_search_text{width:100%; height:40px; line-height:40px; border:none; background:transparent; outline:none;}
.uni_form_search_submit{width:35px; height:40px; background:transparent; border:none;}

.uni_form_search:focus-within{border:1px solid #0704e1;}



/* EMPLOYERS */
.uni_emp_list{display:grid; max-width:100%; grid-template-columns:repeat(3, 1fr); gap:15px; 
              justify-content:space-between; align-items:center; padding:2rem 0; margin:1rem auto;}

.uni_emp_each{display:flex; flex-direction:column; justify-content:start; align-items:baseline; max-width:250px; height:200px;
              border:2px solid #eee; border-radius:10px; padding:10%;}
.uni_emp_each:hover{background:rgba(7,4,225,0.05);}

.uni_emp_logo{max-width:100%; height:50px; object-fit:contain; object-position:center left; margin-bottom:1rem;}
.uni_emp_name{line-height:1.5rem; font-size:1rem; font-weight:600; color:#333;}
.uni_emp_info{line-height:1.25rem; font-size:0.75rem; color:#444;}

.uni_emp_count{width:fit-content; font-size:0.75rem; background:rgba(7,4,225, 0.05); border:rgba(7,4,225, 0.85); 
               border-radius:15px; color:#444; padding:5px 15px; margin-top:auto;}


/* ALUMNI */

.uni_alum_list{display:flex; flex-direction:column; width:100%; gap:20px; padding:2rem 0; margin:0 auto;}

.uni_alum_each{display:flex; flex-direction:row; align-items:center; gap:25px; border-bottom:1px solid #eee; padding:0 0 5%;}

.uni_alum_pic{width:50px; height:50px; object-fit:contain; object-position:center; border:1px solid #ddd; border-radius:50%;}

.uni_alum_name{line-height:1.5rem; font-size:1rem; font-weight:600; color:#333;}
.uni_alum_info{display:flex; flex-direction:row; align-items:flex-start; gap:10px; line-height:1.5rem; font-size:0.85rem; color:#444;}
.uni_alum_info .uni_alum_current{font-weight:600; color:#000;}

.uni_alum_msg_button{width:fit-content; height:30px; line-height:30px; font-size:0.75rem; font-weight:600; color:#fff;
                     background:#333; border:1px solid #333; border-radius:25px; padding:0 15px; margin-left:auto; cursor:pointer;}
.uni_alum_msg_button:hover{color:#000; background:#fff;}

.uni_alum_info_opt{line-height:2rem; font-size:0.75rem; color:#888; text-align:center;}



/* JOBS */

.uni_job_list{display:flex; flex-direction:column; width:100%; padding:2rem 0; margin:0 auto;}

.uni_job_filter{display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; font-weight:600; color:#000; margin-bottom:2rem;}

.uni_job_sort{display:flex; gap:10px; white-space:nowrap; align-items:center;}
.uni_job_sort form{margin:0;}
.uni_job_sort_select{height:35px; line-height:35px; font-size:0.8rem;
                     background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px;
                     border:1px solid transparent; border-radius:3px; padding:0 25px 0 3px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.uni_job_sort_select:hover, .uni_job_sort_select:focus{border:1px solid #fff; outline:none;}

.uni_job_each{display:flex; flex-direction:row; align-items:flex-start; gap:25px; border-bottom:1px solid #eee; padding:2.5% 1.5%;}

.uni_job_logo{width:50px; height:50px; object-fit:contain; object-position:center; border:1px solid #eee; border-radius:3px;}

.uni_job_title{line-height:1.5rem; font-size:1rem; font-weight:600; color:#000; text-decoration:underline;}
.uni_job_info{display:flex; flex-direction:row; align-items:flex-start; gap:10px; line-height:1.25rem; font-size:0.8rem; color:#444;}
.uni_job_loc{color:#888;}
.uni_job_active{color:#666; margin:0.5rem 0;}
.uni_job_date{font-size:0.8rem; font-weight:300; color:#888; margin-top:0.5rem;}

.uni_job_count{font-size:0.8rem; font-weight:500; color:#444; margin-top:0.5rem;}
.uni_job_count .count_app{color:#000;}
.uni_job_count .count_hired{font-weight:600; color:#0704e1;}
.uni_job_count .count_none{color:#aaa;}
.uni_job_each:hover{background:rgba(7,4,225,0.025);}
.uni_job_each:hover .uni_job_title{color:#0704e1;}


/* EVENTS */

.uni_event_list{display:flex; flex-direction:column; justify-content:flex-start; width:600px; max-width:100%; padding:2rem 0;}

.uni_event_each{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:15px; border-bottom:1px solid #eee; padding:2rem 0;}

.uni_event_organizer{display:flex; flex-direction:row; width:100%; justify-content:flex-start; align-items:center; gap:25px;}
.uni_event_pic{width:40px; height:40px; object-fit:cover; object-position:center; border:1px solid #ddd; border-radius:50%;}

.uni_event_name{line-height:1.5rem; font-size:1rem; font-weight:600; color:#333;}
.uni_event_info{display:flex; flex-direction:row; align-items:flex-start; gap:10px; line-height:1.25rem; font-size:0.85rem; color:#444;}


.uni_event_banner{width:100%; height:250px; object-fit:cover; border:1px solid #ddd; border-radius:3px; margin:0 auto 1rem;}

.uni_event_title{line-height:1.5rem; font-size:1.25rem; font-weight:600; color:#000;}
.uni_event_details{line-height:1.25rem; font-size:0.85rem; color:#333;}


/*------------------------------------------------------------------------------------- */
/* ============= END University VIEW PROFILE - added 24/12/2024 - 10:20am ============= */
/*------------------------------------------------------------------------------------- */

/* ------------------- university - styles - added / updated 13/01/2025 - 12:08pm ------------------------------- */

.uni_radio{display:block; font-size:18px; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; 
					-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.uni_radio input{position:absolute; opacity:0;}
.uni_radio_mark{position:absolute; top:8px; left:0; width:13px; height:13px; background-color:#eee; border-radius:50%;}
.uni_radio:hover input ~ .uni_radio_mark{background-color:#ccc;}
.uni_radio input:checked ~ .uni_radio_mark{background-color:#0704e1;}
.uni_radio_mark:after{content:""; position:absolute; display:none;}
.uni_radio input:checked ~ .uni_radio_mark:after{display:block;}
.uni_radio .uni_radio_mark:after{top:4px; left:4px; width:5px; height:5px; border-radius:50%; background:#fff;}

/* ------------------- END university - styles - added / updated 13/01/2025 - 12:08pm ------------------------------- */


/* ------------------- Popup - CSS - added 20/01/2025 - 01:48pm ------------------- */

.popup_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
               display:flex; justify-content:center; align-items:center; z-index:1000;}

.popup_message{background:#fff; padding:1.5% 2.5% 2.5%; border-radius:5px; width:450px; max-height:80vh; overflow:auto; 
               box-shadow:0 4px 8px rgba(0, 0, 0, 0.2); position:relative;}
               
.popup_content{background:#fff; padding:1.5% 2.5% 2.5%; border-radius:5px; width:550px; max-height:80vh; overflow:auto; 
               box-shadow:0 4px 8px rgba(0, 0, 0, 0.2); position:relative;}
.popup_content h3{margin:0 auto;}
.popup_content h4{line-height:1.85rem; font-weight:400; margin:0 auto 1rem;}
.popup_close{position:absolute; top:25px; right:25px; font-size:1rem; font-weight:600; cursor:pointer;}
.popup_close:hover{color:#f00;}

.mail_container{display:block; min-width:auto; height:auto; margin:0 auto; padding:2.5% 5%; background:#f8f8f8; border:1px solid #f8f8f8;}

.mail_header{display:block; width:100%; height:100px; line-height:100px; font-size:0.825rem; font-weight:600; color:#020f30; margin:0 auto;}

.mail_header_left{display:inline-block; width:44%; height:100px; line-height:100px; vertical-align:top;}
.mail_header_branding{display:block; width:125px; height:85px; object-fit:contain;}

.mail_box{display:block; width:100%; padding:0 0 5%; margin:0 auto;}

.mail_title{display:block; width:100%; line-height:5.5rem; font-size:2.5rem; font-weight:400; color:#111; margin:1rem auto;}
.mail_title_sub{display:block; width:100%; line-height:1.5rem; font-size:1rem; font-weight:600; color:#666; margin:1rem auto;}

.mail_content_invite{display:block; font-size:0.85rem; line-height:1.25rem; font-weight:400; color:#666; text-align:justify; margin:1.5rem auto;}
.mail_content_invite_name{display:inline-block; color:#000; font-weight:700;}
.mail_content_reminder{display:block; font-size:0.85rem; line-height:1.5rem; font-weight:400; color:#444; text-align:justify; margin:1.5rem auto 2rem;}

.mail_content_blockquote_box{display:block; font-size:0.85rem; line-height:1.25rem; font-weight:bold; color:#000; margin:2rem auto;}
.mail_content_blockquote_start{font-size:14px; font-family:Segoe UI, Helvetica, sans-serif; font-style:italic; padding:15px 15px 15px 35px; margin:5px;
                               background:url('https://assets.jobstore.my/images/icon/icon_quoteopen_blue.png') #f1f6ff no-repeat top 5px left 10px/15px;}
.mail_content_blockquote_end{display:block; background:url('https://assets.jobstore.my/images/icon/icon_quoteclose_blue.png') no-repeat bottom right/15px;}

.mail_content_notice{display:block; font-size:0.85rem; line-height:1.5rem; font-weight:400; color:#444; text-align:justify; margin:1.5rem auto 2rem;}

.mail_btn_ok{display:inline-block; width:auto; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center; 
             text-transform:uppercase; background:#0704e1; border:2px solid #0704e1; border-radius:3px; padding:0 2.5rem; margin:1rem 0;}

.mail_footer{display:block; width:100%; line-height:1.85rem; font-size:1rem; padding:2rem 0; border-top:1px solid #ddd;}

.mail_footer_help{display:block; width:100%; font-size:1.25rem !important; font-size:300; color:#333; margin:1rem 0;}

.mail_footer_support{display:block; width:100%; line-height:1.25rem; font-size:0.8rem !important; font-weight:700; color:#000; margin:1rem 0;}
.mail_footer_support span{color:#0704e1; text-decoration:none;}

.mail_footer_links{display:block; width:100%; line-height:1.5rem; font-size:0.75rem !important; font-weight:400; color:#666;
                   text-decoration:none; margin:2rem 0 0;}
.mail_footer_links span{margin:0 0.25rem;}

.mail_footer_divider{display:inline-block; line-height:1rem; font-size:0.8rem; color:#aaa; margin:0 0.25rem; vertical-align:middle;}

.mail_footer_address{display:block; width:100%; line-height:1.25rem; font-size:0.75rem !important; font-weight:400; color:#666; margin:0;}
.mail_footer_copyright, .mail_footer_rights{display:inline-block; font-size:0.7rem; color:#888; margin:2rem 0;}

/* ------------------- END - Popup - CSS - added 20/01/2025 - 01:48pm ------------------- */


/* ------ Analytics page - added 21/01/2025 - 05:20pm - updated 03/02/2025 0 05:49pm ------------- */

.uni_chart_box{display:flex; justify-content:space-between; align-items:center; flex-direction:column; width:100%; 
               gap:25px; padding:1rem 0; margin:1rem auto;}

.uni_chart_empty{display:flex; justify-content:center; align-items:center; height:350px; font-size:1rem; font-weight:600;
                 color:#888; text-align:center; background:#f8f8f8;}

.uni_chart_box_row{display:flex; justify-content:space-between; align-items:flex-end; width:100%; padding:0 0 1rem; box-sizing:border-box;}
.uni_chart_box_col{display:flex; justify-content:space-between; align-items:center; flex-direction:column; width:100%; 
                   border:3px solid #e5f0fc; border-top:none; border-left:none; padding:1.5% 2.5% 5%; margin:0 auto 2rem; box-sizing:border-box;}

.uni_chart_block{width:100%; max-width:100%; box-sizing:border-box;}

.uni_chart_header{text-align:center; margin-bottom:2rem;}
.uni_chart_title{line-height:1.85rem; font-size:1rem; font-weight:600; color:#444; text-transform:uppercase;}
.uni_chart_subtitle{line-height:1rem; font-size:0.8rem; color:#666;}

.uni_chart_each_box{width:45%; border:3px solid #e5f0fc; border-top:none; border-left:none; padding:1.5% 2% 2.5% 1.5%;}

.uni_chart_export{width:100%; font-size:1.35rem; color:#666; text-align:right; cursor:pointer; position:relative; cursor:pointer;}
.uni_chart_export:hover{color:#000;}

.uni_chart_export_opt{display:none; width:auto; height:auto; position:absolute; top:25px; right:0; padding:10px; /*padding:25px 15px;*/
                      background:#fff; border:1px solid #eee; box-shadow:0 2px 5px #ddd;}
.uni_chart_export_list{display:flex; flex-direction:column; justify-content:start; font-size:0.8rem; text-align:left;}
.uni_chart_export_list_each{display:flex; align-items:center; gap:10px; line-height:2rem; color:#333;
                            background:transparent; padding:5px 10px; cursor:pointer;}
.uni_chart_export_list_each:hover{color:#000; background:#ecf4fc;}
.uni_chart_export_list_each i{width:15px; font-size:0.95rem;}


/* ------ END - Analytics page - added 21/01/2025 - 05:20pm - updated 03/02/2025 0 05:49pm ------------- */



/* -------------------- listing page - added 15/10/2018 - 2:15pm -updated 16/10/2018 - 2:29pm -------------------- */

.admin_list_add{display:inline-block; width:auto; height:35px; line-height:35px; padding:0 25px; text-align:center; font-size:0.85rem;
                font-weight:600; color:#fff; background:#020f30; border:1px solid #020f30; border-radius:3px; cursor:pointer;}
.admin_list_add:hover{outline:none; color:#020f30; background:#fff;}


.admin_list_sort{display:inline-block; width:45%; max-width:45%; font-size:15px; text-transform:none; vertical-align:middle;}
.admin_list_sortby{display:inline-block; width:auto; max-width:28%; height:30px; line-height:30px; margin-right:15px; vertical-align:top;}

.admin_list_sortselect{display:inline-block; width:50%; vertical-align:top;}

.admin_list_filter{display:inline-block; max-width:45%; font-size:15px; text-transform:none; vertical-align:middle; float:right; margin-left:5%;}
.admin_list_filterby{display:inline-block; width:auto; max-width:28%; height:30px; line-height:30px; margin-right:15px; vertical-align:top;}

.admin_list_filterselect{display:inline-block; width:70%; vertical-align:top;}
.admin_list_select{display:block; width:100%; height:35px; line-height:35px; font-size:0.85rem; padding:0 10px; cursor:pointer;
									font-family:'Niramit', sans-serif; border:1px solid #ddd; appearance:none; -webkit-appearance:none; -moz-appearance:none; 
									background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') #fff no-repeat center right 10px/10px; vertical-align:top;}
.admin_list_select:hover, .admin_list_select:focus{outline:none; border:1px solid #aaa;}

.admin_list_message{display:block; padding:1rem 0; font-size:1rem; font-weight:600; color:#333; background:rgba(68,138,255,0.15); text-align:center;}

.admin_list_content{display:block; width:100%;}

.admin_list_each{display:block; width:97%; max-width:100%; padding:1.5rem 1.5%; margin:0 auto 2rem; background:#fff; border:1px solid #ddd; box-shadow:0 0 5px #ddd;}

/* ---- TOP BOX ---- */
.admin_list_main{display:block; width:100%; /*padding:0 0 1rem; margin:0 0 0.5rem; border-bottom:1px solid #eee;*/padding:0; margin:0; border-bottom:none;}

/* ---- status ---- */
.admin_list_status_box{width:18px; height:18px; position:relative;}
.admin_list_status_box img{display:block; width:100%; height:100%; cursor:pointer;}
.admin_list_status_box .switch_tooltip{visibility:hidden; width:100px; background:rgba(0,0,0,0.8); font-size:0.8rem; color:#fff; text-align:center; padding:0.5rem; 
                               border-radius:1px; position:absolute; z-index:1; margin:-85px 0 0 -40px;}
.admin_list_status_box:hover .switch_tooltip{visibility:visible;}

.admin_switch_statbox{display:none; min-width:75px; width:auto; text-align:center; background:#fff; border:1px solid #ddd; padding:0.5rem; margin:5px 0 0 -35px;}

.admin_switch_stat_active{color:#0732a2; cursor:pointer;}
.admin_switch_stat_active:hover{color:#000;}

.admin_switch_stat_inactive{color:#666; cursor:pointer;}
.admin_switch_stat_inactive:hover{color:#333;}

.admin_switch_stat_deactivate{color:#800; cursor:pointer;}
.admin_switch_stat_deactivate:hover{color:#c00;}

/* ---- company box ---- */
.admin_list_company{display:inline-block; width:55%; vertical-align:top;}

/* ---- company name ---- */
.admin_list_name_box{display:flex; max-width:90%; justify-content:start; align-items:center; gap:10px;}
.admin_list_companyname{display:flex; max-width:100%; flex-direction:row; justify-content:start; align-items:center; gap:10px;
                        line-height:1.5rem; font-size:1rem; font-weight:600; color:#000;}
.admin_list_companyname a{height:auto;}
.admin_list_companyname a:hover{outline:none; color:#0732a2;}
.admin_list_locality{font-weight:700; color:#666;}
.admin_list_type_dash{display:inline-block; width:auto; font-size:0.8rem; vertical-align:middle;}


/* ---- update profiles ---- */
.admin_list_profiles{display:block; width:95%; margin-top:1rem; float:right; vertical-align:top;}
.admin_list_profiles_title{display:inline-block; width:25%; height:30px; line-height:30px; font-size:0.8rem; font-weight:600; color:#888; vertical-align:top;}

.admin_list_profileselect{display:inline-block; width:74%; height:30px; line-height:30px; border:1px solid #ddd; padding:0 30px 0 5px; 
                          appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family:'Niramit', sans-serif;
                          background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px;}
.admin_list_profileselect:hover, .admin_list_profileselect:focus{outline:none; border:1px solid #0732a2;}

.admin_list_status{display:inline-block; width:13%; line-height:1.5rem; font-size:0.8rem; color:#666; margin:0 3% 0 0; vertical-align:top;}

.admin_list_stat form{display:block; width:100%; height:auto; margin:0;}
.admin_list_selectstat{display:inline-block; width:100%; height:30px; line-height:30px; border:1px solid #ddd; border-radius:3px;
                       padding:0 30px 0 5px; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family:'Niramit', sans-serif;
                       background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px;}
.admin_list_selectstat:hover, .admin_list_selectstat:focus{outline:none; border:1px solid #0732a2;}


.admin_list_details_box{display:flex; max-width:90%; justify-content:start; align-items:center; line-height:1.5rem; font-size:0.85rem; font-weight:400; margin:0.5rem 0;}

.admin_list_joined{display:inline-block; width:auto; font-size:0.8rem; color:#333; margin-right:1rem; vertical-align:middle;}
.admin_list_joined span{color:#000;}

.admin_list_source{display:inline-block; width:auto; color:#666; vertical-align:middle;}
.admin_list_source span{color:#000;}

/* ---- count boxes ---- */
.admin_list_counter{display:inline-block; width:44%; margin-left:0.5%; vertical-align:top; position:relative;}
.admin_list_count{display:block; width:100%; text-align:right; float:none; vertical-align:top;}


/* ---- controls button ---- */
.admin_list_controls{display:block; width:100%; line-height:1.5rem; font-size:0.85rem; font-weight:400; margin:0.5rem 0 0;}
.admin_list_control_box{display:block; width:auto; max-width:100%; margin:0 auto 1rem;}

.admin_list_count_post{display:inline-block; width:80px; font-weight:400; color:#444; text-align:center; cursor:pointer; position:relative;
                       background:#fff; border:1px solid #eee; padding:0.45rem 0; margin-left:2%; vertical-align:top;}

.admin_list_count_post_on{display:inline-block; width:80px; font-weight:600; cursor:pointer; color:#000; text-align:center; 
                          background:rgba(7,50,162,0.05); border:1px solid rgba(7,50,162,0.25); position:relative; padding:0.45rem 0; 
                          margin-left:2%; vertical-align:top;}

.admin_list_count_resume{display:inline-block; width:80px; font-weight:400; color:#444; text-align:center; position:relative;
                         background:#fff; border:1px solid #eee; padding:0.45rem 0; margin-left:2%; vertical-align:top;}

.admin_list_count_resume_on{display:inline-block; width:80px; font-weight:600; color:#000; text-align:center; background:rgba(7,50,162,0.05); 
                            border:1px solid rgba(7,50,162,0.25); position:relative; padding:0.45rem 0; margin-left:2%; vertical-align:top;}

/* posting credits details on hover */
.admin_list_count_post_click{display:block; font-size:0.7rem; font-weight:300; color:#ddd; text-align:center;}
.admin_list_count_post_details{display:none;}
.admin_list_count_post:hover .admin_list_count_post_details,
.admin_list_count_post_on:hover .admin_list_count_post_details{display:block; width:190px; font-weight:400; color:#000; background:/*#020f30;*/ #fff;
                                                               border:1px solid #ddd; box-shadow:0 0 8px #ddd; padding:1rem; margin:10px 0 0 -65px;
                                                               position:absolute; z-index:1000;}

.admin_list_count_post_box{display:block; width:100%; color:#888; text-align:left;}
.admin_list_count_post_each{display:block; width:100%; margin:0.15rem 0;}
.admin_list_count_post_none{display:block; width:100%; color:#333; text-align:center; margin:0.5rem 0 1rem;}
.admin_list_count_post_title{display:inline-block; width:40%; font-size:0.85rem; color:#666; vertical-align:top;}
.admin_list_count_post_num{display:inline-block; width:55%; font-size:0.85rem; font-weight:600; color:#000; vertical-align:top;}

/* resume credits details on hover */
.admin_list_count_resume_details{display:none;}

.admin_list_count_active, .admin_list_count_draft, 
.admin_list_count_terminated{display:inline-block; width:80px; text-align:center; padding:0.2rem 0; margin-left:2%; vertical-align:top; cursor:pointer;
                             background:rgba(0,0,0,0.05); border:1px solid #eee; padding:1rem 0;}

.admin_list_count_active:hover, .admin_list_count_draft:hover,
.admin_list_count_terminated:hover{display:inline-block; width:80px; text-align:center; background:#f6f6f6; vertical-align:top;}

.admin_list_count_active_on{display:inline-block; width:80px; font-weight:600; text-align:center; cursor:pointer; padding:1rem 0; margin-left:2%; 
                         background:rgba(51,211,138,0.15); border:1px solid rgba(51,211,138,0.3); vertical-align:top;}

.admin_list_count_draft_on{display:inline-block; width:80px; font-weight:600; text-align:center; cursor:pointer; padding:1rem 0; margin-left:2%;
                           /* ori pink hue*/ /*background:rgba(255,192,203,0.25); border:1px solid rgba(255,192,203,0.2);*/
                           background:rgba(68,138,255,0.15); border:1px solid rgba(68,138,255,0.1); vertical-align:top;}

.admin_list_count_terminated_on{display:inline-block; width:80px; font-weight:600; text-align:center; cursor:pointer; padding:1rem 0; margin-left:2%;
                                /* ori blue hue */ /*background:rgba(68,138,255,0.15); border:1px solid rgba(68,138,255,0.1);*/
                                background:rgba(2,15,48,0.15); border:1px solid rgba(2,15,48,0.2); vertical-align:top;}

.admin_list_count_num{display:block; width:90%; line-height:1.25rem; font-size:0.85rem; font-weight:600; margin:0 auto;}
.admin_list_count_title{display:block; width:100%; /*line-height:1.5rem;*/ font-size:0.8rem; margin:0 auto;}

.admin_list_bullet{line-height:1.25rem; font-size:0.8rem; color:#aaa; vertical-align:top;}


/*input:read-only{background:#f1f1f1; color:#444;}*/

.admin_list_check_alt_box{display:inline-block; width:85px; max-width:15%; min-height:55px; font-size:0.8rem;
                          line-height:1.5rem; text-align:left; padding:1% 2%; vertical-align:top; border:1px dashed #aaa;}
.admin_list_check_alt{opacity:0; position:absolute;}
.admin_list_check_alt, .admin_list_check_alt_label{display:inline-block; vertical-align:middle; cursor:pointer;}
.admin_list_check_alt + .admin_list_check_alt_label:before{display:inline-block; content:''; background:#fff; border-radius:3px; border:1px solid #aaa;
                                                           width:8px; height:8px; padding:2px; margin-right:17px; text-align:center; vertical-align:middle;}
.admin_list_check_alt:checked + .admin_list_check_alt_label:before{display:inline-block; content:""; width:1px; height:5px; border:solid #0732a2; 
                                                                   border-width:0 3px 3px 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);
                                                                   -ms-transform:rotate(45deg); border-radius:0px; margin:0px 18px 5px 5px;}
.admin_list_check_alt:checked + .admin_list_check_alt_label_no{color:#000; font-weight:900;}

.admin_list_check_alt_label_no{font-weight:600;}


/* ---- SUB BOX ---- */
.admin_list_sub{display:block; width:100%; padding:0; margin:1rem 0 0; /*border-bottom:1px solid #eee;*/}

.admin_left_box{display:inline-block; width:59%; vertical-align:top;}
.admin_right_box{display:inline-block; width:40.5%; /*float:right; margin-left:0.5%;*/ vertical-align:top;}
.admin_whole_block{display:block; width:100%; margin:0 0 1.5rem;}

.admin_block_box{display:block; width:100%; line-height:1.25rem; font-size:0.85rem; font-weight:400; 
                 /*padding:0 0 0.5rem;*/ margin:1rem 0 0; /*border-bottom:1px dashed #ccc;*/}
.admin_block_bottom_box{display:block; width:100%; line-height:1.25rem; font-size:0.85rem; font-weight:400;}



.admin_list_login{display:block; width:100%; min-height:25px; line-height:1.25rem; font-size:0.85rem; color:#000; margin:0 0 0.5rem;}
.admin_list_logintitle{display:inline-block; width:auto; max-width:28%; min-height:30px; line-height:30px; font-weight:600; color:#888; 
                       margin-right:1%; vertical-align:top;}
.admin_list_logindetails{display:inline-block; width:70%; height:30px; line-height:30px; font-weight:600; color:#000; text-align:left; border:1px solid transparent;}
.admin_list_loginupdate{font-size:0.8rem; color:#0732a2; margin-left:1rem; cursor:pointer;}
.admin_list_loginupdate:hover{color:#444;}

/* right box */
.admin_list_passwordbox{display:none; max-width:100%; background:#fff; border:1px solid #ddd; padding:1rem 1rem 1rem 0.5rem; margin:0 0 0.5rem;
                        position:absolute; right:-10;}
/* left box */ 
.admin_list_passwordbox_left{display:none; /*max-width:100%;*/ width:75%; background:#fff; /*border:1px solid #ddd; padding:1rem; margin:-45px 0 0 100px;
                             position:absolute;*/ padding:2.5%; border:1px solid transparent;}

.admin_list_passwordtitle{display:block; width:100%; min-height:30px; line-height:30px; font-weight:600; color:#000;}
.admin_list_passwordtitle span{font-weight:600; color:#888;}

.admin_list_passwordform{display:block; width:100%; margin-top:0.5rem;}

.admin_list_passwordemail{display:inline-block; width:45%; height:30px; line-height:30px; font-weight:600; font-family:'Niramit', sans-serif; border:1px solid #ddd;
                          padding:0 5px; margin:0.5rem 1% 0 0; vertical-align:top;}
.admin_list_passwordnew{display:inline-block; width:45%; height:30px; line-height:30px; font-family:'Niramit', sans-serif;
                        border:1px solid #ddd; padding:0 5px; margin:0.5rem 0; vertical-align:top;}
.admin_list_passwordemail:hover, .admin_list_passwordemail:focus, .admin_list_passwordnew:hover, .admin_list_passwordnew:focus{outline:none; border:1px solid #0732a2;}

.admin_list_passwordsubmit{display:inline-block; width:25%; height:30px; font-weight:600; font-family:'Niramit', sans-serif; color:#fff;
                           background:#0732a2; border:2px solid #0732a2; margin:0.5rem 1%; cursor:pointer; vertical-align:top;}
.admin_list_passwordsubmit:hover, .admin_list_passwordsubmit:focus{outline:none; color:#0732a2; background:transparent;}

.admin_list_passwordcancel{/*display:inline-block; width:auto; height:auto; font-size:1rem; font-weight:600; color:#f00; text-align:right; cursor:pointer;*/
                           display:inline-block; width:18%; height:28px; line-height:30px; font-weight:600; font-family:'Niramit', sans-serif; 
                           color:#fff; text-align:center; background:#ddd; border:1px solid #aaa;  margin:0.5rem 0; cursor:pointer; vertical-align:top;}
.admin_list_passwordcancel:hover{outline:none; background:#aaa; border:1px solid #aaa;}

.admin_list_passworderror{display:block; font-size:0.85rem; font-weight:#c00;}

/* ------------------ admin password checkbox css - added 24/10/2018 - 3:07 pm ------------------ */

.check_container{display:inline-block; position:relative; padding-left:25px; cursor:pointer; font-size:0.8rem; color:#666;
                 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; /*margin:0.5rem 0 0;*/}
.check_container input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.check_mark{position:absolute; top:7px; left:0; height:15px; width:15px; background-color:#eee; border:1px solid #ddd;}

.check_container:hover input ~ .check_mark{background-color:#ccc;}
.check_container input:checked ~ .check_mark{background-color:#0732a2;}
.check_mark:after{content:""; position:absolute; display:none;}
.check_container input:checked ~ .check_mark:after{display: block;}

.check_container .check_mark:after{left:4.5px; top:0.5px; width:3px; height:8px; border: solid white; border-width: 0 3px 3px 0;
                                   -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

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

.admin_list_assignbox{display:block; width:100%; margin:0;}
.admin_list_assigntitle{display:inline-block; width:21%; min-height:30px; line-height:30px; font-weight:600; color:#888; vertical-align:top;}
.admin_list_assigntitle_whole{display:inline-block; width:10.5%; /*min-height:30px; line-height:30px;*/ font-size:0.8rem; font-weight:600; color:#888;
                              padding-top:0.35rem; vertical-align:top;}

.admin_list_assignform{display:inline-block; width:73%; margin-left:1.5%;}
.admin_list_assignform_whole{display:inline-block; width:87.5%; margin-left:1.5%; vertical-align:top;}

.admin_list_assigndetails{display:block; min-height:30px; line-height:30px; vertical-align:top;}
.admin_list_assigndetails_whole{display:inline-block; width:49%; min-height:30px; line-height:30px; vertical-align:top;}

.admin_list_assignselect_whole{display:inline-block; width:/*50%*/46%; float:right;vertical-align:top;}

.admin_list_assignemails{display:inline-block; font-weight:600; color:#000;}
.admin_list_assignremove{display:inline-block; color:#c00; margin:0 0.8rem 0 0.25rem; vertical-align:top;}

.admin_list_assignselect_title{display:inline-block; width:40.5%; height:30px; line-height:30px; font-size:0.8rem; font-weight:600; color:#888; vertical-align:top;}

.admin_list_assignselect{display:inline-block; width:/*54%*/81%; height:30px; line-height:30px; font-family:'Niramit', sans-serif; border:1px solid #ddd;
                         padding:0 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none;  
                         background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px; vertical-align:top;}
.admin_list_assignselect:hover, .admin_list_assignselect:focus{outline:none; border:1px solid #0732a2;}
.admin_list_assignselect_disabled{display:inline-block; width:54%; height:30px; line-height:30px; font-family:'Niramit', sans-serif; color:#ddd;
                                  border:1px solid #eee; padding:0 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none;  
                                  background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px; vertical-align:top;}

.admin_list_assignallselect{display:inline-block; width:/*68%*/38%; height:30px; line-height:30px; font-family:'Niramit', sans-serif; border:1px solid #ddd;
                            padding:0 25px 0 5px; appearance:none; -webkit-appearance:none; -moz-appearance:none; margin-right:1.5%;
                            background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px; vertical-align:top;}
.admin_list_assignallselect:hover, .admin_list_assignallselect:focus{outline:none; border:1px solid #0732a2;}

.admin_list_assignsubmit{display:inline-block; width:/*40%*/17%; height:30px; color:#fff; font-weight:600; font-family:'Niramit', sans-serif; 
                         background:#0732a2; border:2px solid #0732a2; margin-left:1%; vertical-align:top; cursor:pointer;}
.admin_list_assignsubmit:hover, .admin_list_assignsubmit:focus{outline:none; color:#0732a2; background:transparent;}
.admin_list_assignsubmit_disabled{display:inline-block; width:40%; height:30px; color:#0732a2; font-weight:600; font-family:'Niramit', sans-serif; 
                                  background:transparent; border:2px solid #0732a2; margin-left:2%; vertical-align:top; opacity:0.5;}

.admin_list_assignallsubmit{display:inline-block; width:18%; height:30px; color:#0732a2; font-weight:600; font-family:'Niramit', sans-serif; 
                            background:transparent; border:2px solid #0732a2; vertical-align:top; cursor:pointer;}
.admin_list_assignallsubmit:hover, .admin_list_assignallsubmit:focus{outline:none; color:#fff; background:#0732a2;;}


.admin_list_credits{display:block; width:100%; line-height:1.25rem; font-size:0.85rem; font-weight:400; margin:0;}

.admin_list_creditbox{display:block; width:100%; margin:0.5rem auto 1rem;}
.admin_list_creditblock{display:block; width:100%; margin:0.5rem auto 1rem; padding-top:0.5rem; border-top:1px dashed #eee;}

.admin_list_credit_cancel{display:block; width:auto; height:auto; font-size:1rem; font-family:Lucida Sans Unicode, sans-serif; color:#c00; float:right; cursor:pointer;}
.admin_list_credit_cancel:hover{color:#444; font-weight:600;}

.admin_list_creditblock_box{display:block; width:100%; /*border-top:1px dashed #eee;*/ /*background:#f1f8ff;*/ background:#ecf3ff;
                            padding:1rem 1.5%; margin:0.5rem 0 0 -1.5%;}
.admin_list_creditblock_title{display:block; width:auto; font-size:1rem; font-weight:600; /*color:#000;*/ color:#fff; text-align:center; margin:0.5rem auto 1rem;}
.admin_list_creditblock_line{display:block; width:100%; font-size:0.5rem; margin:0.5rem auto; border-bottom:1px solid #ddd;}

.admin_list_creditcount_block{display:block; text-align:center; margin:0 auto 0.5rem;}
.admin_list_credittitle{display:inline-block; font-weight:600; color:#888; /*color:#aaa;*/}
.admin_list_credittitle_block{display:block; font-size:1rem; font-weight:600; color:#666;}

.admin_list_creditpostamount{display:block; width:100%; font-size:0.85rem; font-weight:600; color:#000; /*color:#fff;*/ margin:0.5rem 0;}
.admin_list_creditresumeamount{display:block; width:100%; font-size:0.85rem; font-weight:600; color:#000; /*color:#fff;*/ margin:0.5rem 0;}

.admin_list_creditpostamount_block{display:block; font-size:1rem; font-weight:600; color:#000; /*color:#fff;*/ margin:0.5rem 0;}
.admin_list_creditresumeamount_block{display:inline-block; font-size:1rem; font-weight:600; color:#000; /*color:#fff;*/ margin:0.5rem 0;}

.admin_list_creditform{display:block; width:100%; margin:0.5rem 0;}

.admin_list_credit_info{display:inline-block; min-width:100px; width:auto; font-size:0.85rem; font-weight:400; color:#0704e1; text-decoration:underline; padding:0 10px 0 0;
                        background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 5px/10px; position:relative; cursor:pointer;}
.admin_list_credit_info_drop{display:none; min-width:250px; width:auto; font-size:0.85rem; font-weight:600; color:#000; background:#fff; position:absolute; padding:10px; top:22px; left:0;}
.admin_list_credit_info_drop div{display:block; width:100%;}
.admin_list_credit_info_drop span{font-weight:400; border:1px solid transparent;}


.admin_list_credittype_box{display:inline-block; width:29%; vertical-align:top;}

.admin_list_creditcurrency{display:inline-block; width:30%; height:30px; line-height:30px; font-family:0.9rem; font-family:'Niramit', sans-serif; padding:0 5px; 
                           border:1px solid #ddd; appearance:none; -webkit-appearance:none; -moz-appearance:none; margin-right:2%;
                           background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') #fff no-repeat center right 10px/10px;}
.admin_list_credittype{display:inline-block; width:65%; height:30px; line-height:30px; font-family:0.9rem; font-family:'Niramit', sans-serif; padding:0 25px 0 5px; 
                       border:1px solid #ddd; appearance:none; -webkit-appearance:none; -moz-appearance:none;
                       background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') #fff no-repeat center right 10px/10px;}

.admin_list_creditval_box{display:inline-block; width:10%; margin-left:0.85%; vertical-align:top;}
.admin_list_creditval{display:block; width:100%; height:30px; line-height:30px; text-align:center; padding:0 5px; border:1px solid #ddd; font-family:'Niramit', sans-serif;}

.admin_list_creditdesc_box{display:inline-block; width:18%; margin-left:0.85%; vertical-align:top;}
.admin_list_creditdesc{display:block; width:100%; height:30px; line-height:30px; padding:0 5px; border:1px solid #ddd; font-family:'Niramit', sans-serif;}

.admin_list_submit_box{display:inline-block; width:12%; margin-left:1%; vertical-align:top;}
.admin_list_submit{display:block; width:100%; height:30px; font-weight:600; font-family:'Niramit', sans-serif; color:#0732a2; 
                   background:#fff; border:2px solid #0732a2; cursor:pointer;}

.admin_list_credittype:hover, .admin_list_credittype:focus, .admin_list_creditval:hover, .admin_list_creditval:focus, 
.admin_list_creditdesc:hover, .admin_list_creditdesc:focus{outline:none; border:1px solid #0732a2;}

.admin_list_submit:hover, .admin_list_submit:focus{outline:none; color:#fff; background:#0732a2;}


.admin_list_subcf{display:block; width:100%; margin-top:0.5rem;}
.admin_list_subamount_cf{display:inline-block; font-size:0.85rem; font-weight:600; color:#000; vertical-align:middle;}
.admin_list_subamount_cf span{font-size:0.80rem; font-weight:400; color:#333;}
.admin_list_subremove_cf{display:inline-block; width:auto; max-width:15%; height:25px; line-height:25px; font-size:0.8rem; font-weight:600; 
                         color:#ed2f39; background:#fff; border:2px solid #ed2f39; padding:0 3%; margin-left:4%; vertical-align:middle;}
.admin_list_subremove_cf:hover{color:#fff; background:#ed2f39;}


.admin_list_subamount{display:inline-block; font-size:0.85rem; font-weight:600; color:#000; vertical-align:top;}
.admin_list_subamount span{font-size:0.80rem; font-weight:400;}
.admin_list_subnone{display:inline-block; font-size:0.85rem; font-weight:400; color:#666; vertical-align:top;}

.admin_list_subform{display:block; width:100%; margin:0.5rem auto;}

.admin_list_subselect{display:inline-block; width:79%; height:30px; line-height:30px; font-family:'Niramit', sans-serif; border:1px solid #ddd;
                      padding:0 10px; appearance:none; -webkit-appearance:none; -moz-appearance:none;  
                      background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') #fff no-repeat center right 10px/10px; vertical-align:top;}
.admin_list_subselect:hover, .admin_list_subselect:focus{outline:none; border:1px solid #0732a2;}

.admin_list_subsubmit{display:inline-block; width:18%; height:30px; color:#0732a2; font-weight:600; font-family:'Niramit', sans-serif; 
                      background:#fff; border:2px solid #0732a2; margin-left:1%; vertical-align:top; cursor:pointer;}
.admin_list_subsubmit:hover, .admin_list_subsubmit:focus{outline:none; color:#fff; background:#0732a2;}


.admin_list_optionsbox{display:block; width:100%; padding:1rem 0 0; margin:0 auto; border-top:1px dashed #eee;}

.admin_list_managebox{display:block; width:100%; margin:0.5rem auto 0;}


.admin_list_options_sitetitle{display:block; width:100%; height:30px; line-height:30px; font-weight:600; color:#888; vertical-align:top;}
.admin_list_options_siteform{display:inline-block; width:100%; vertical-align:top;}

.admin_list_options_siteurl{display:inline-block; width:72%; height:30px; line-height:30px; font-size:0.85rem; font-family:'Niramit', sans-serif;
                            padding:0 5px; border:1px solid #ddd;}
.admin_list_options_siteurl:hover, .admin_list_options_siteurl:focus{outline:none; border:1px solid #0732a2;}

.admin_list_options_sitesubmit{display:inline-block; width:25%; height:30px; font-weight:600; font-family:'Niramit', sans-serif; color:#0732a2; 
                               background:transparent; border:2px solid #0732a2; margin-left:1%; cursor:pointer;}
.admin_list_options_sitesubmit:hover, .admin_list_options_sitesubmit:focus{outline:none; color:#fff; background:#0732a2;}


/* .admin_list_options_managetitle{display:inline-block; width:21%; height:30px; line-height:30px; font-weight:600; color:#888; vertical-align:top;} */
.admin_list_options_managepost_box{display:inline-block; width:auto; vertical-align:top;}
.admin_list_options_managepost{display:block; width:120px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
                               background:#ec008b; /*border:1px solid #888;*/ border:2px solid #ec008b;}
.admin_list_options_managepost:hover, .admin_list_options_managepost:focus{outline:none; color:#ec008b; background:transparent;}

.admin_list_options_manageteam_box{display:inline-block; width:auto; margin-left:1%; vertical-align:top;}
.admin_list_options_manageteam{display:block; width:150px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
                               background:#020f30; /*border:1px solid #888;*/ border:2px solid #020f30;}
.admin_list_options_manageteam:hover, .admin_list_options_manageteam:focus{outline:none; color:#020f30; background:transparent;}

.admin_list_options_linkedintitle{display:block; width:100%; height:30px; line-height:30px; font-weight:600; color:#888; vertical-align:top;}
.admin_list_options_linkedinform{display:inline-block; width:100%; vertical-align:top;}
.admin_list_options_linkedinid{display:inline-block; width:67%; height:30px; line-height:30px; font-size:0.85rem; font-family:'Niramit', sans-serif;
                               padding:0 5px; border:1px solid #ddd;}
.admin_list_options_linkedinid:hover, .admin_list_options_linkedinid:focus{outline:none; border:1px solid #0732a2;}
.admin_list_options_linkedinsubmit{display:inline-block; width:30%; height:30px; color:#0732a2; font-weight:600; font-family:'Niramit', sans-serif; 
                                   background:transparent; border:2px solid #0732a2; margin-left:1.5%; cursor:pointer;}
.admin_list_options_linkedinsubmit:hover, .admin_list_options_linkedinsubmit:focus{outline:none; color:#fff; background:#0732a2;}

.admin_list_btn_separator{display:inline-block; height:25px; border-left:1px solid #888; vertical-align:middle; margin:0 0 0 1%;}

/* .admin_list_options_generatetitle{display:inline-block; width:25%; height:30px; line-height:30px; font-weight:600; color:#888; vertical-align:top;} */
.admin_list_options_generate_box{display:inline-block; width:auto; margin-left:1%; vertical-align:top;}
.admin_list_options_generatejs{display:inline-block; width:140px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
                               background:#0732a2; border:2px solid #0732a2;}
.admin_list_options_generatejs:hover, .admin_list_options_generatejs:focus{outline:none; color:#0732a2; background:transparent;}
/* .admin_list_options_generatejs:hover, .admin_list_options_generatejs:focus{outline:none; background:#366ecc; border:2px solid #366ecc;} */

.admin_list_options_generate_perfbox{display:inline-block; width:auto; margin-left:1%; vertical-align:top;}
.admin_list_options_generateperf{display:inline-block; width:150px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
                                 background:#0b91ff; border:2px solid #0b91ff;}
.admin_list_options_generateperf:hover, .admin_list_options_generateperf:focus{outline:none; color:#0b91ff; background:transparent;}


.admin_list_options_generatecf{display:inline-block; width:165px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
                               background:#f49120; border:2px solid #f49120;}
.admin_list_options_generatecf:hover, .admin_list_options_generatecf:focus{outline:none; background:#ed1c24; border:2px solid #ed1c24;}
.admin_list_options_generatecfperf{display:inline-block; width:180px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#f49120; text-align:center;
                                   background:transparent; border:2px solid #f49120;}
.admin_list_options_generatecfperf:hover, .admin_list_options_generatecfperf:focus{outline:none; color:#ed1c24; background:transparent; border:2px solid #ed1c24;}

.admin_list_options_generatebh{display:inline-block; width:150px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#beff01; text-align:center;
                                   background:#231f20; border:2px solid #231f20;}
.admin_list_options_generatebh:hover, .admin_list_options_generatebh:focus{outline:none; color:#231f20; background:#beff01; border:2px solid #beff01;}
.admin_list_options_generatebhperf{display:inline-block; width:150px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#231f20; text-align:center;
                                   background:transparent; border:2px solid #231f20;}
.admin_list_options_generatebhperf:hover, .admin_list_options_generatebhperf:focus{outline:none; color:#231f20; border:2px solid #beff01;}

/* - - - - - add microsite - added 12/07/2019 - 03:39pm - - - - - */
.admin_list_options_microsite_add{display:inline-block; width:125px; height:25px; line-height:25px; font-size:0.85rem; font-weight:600; color:#333; 
                                  text-align:center; background:#eee; border:2px solid #ddd; margin-left:1%; vertical-align:top; cursor:pointer;}
.admin_list_options_microsite_add:hover, .admin_list_options_microsite_add:focus{outline:none; border:2px solid #ddd; background:transparent;}
.admin_list_options_microsite_box{display:none; width:100%; height:35px; line-height:35px; margin:0 auto;}
.admin_list_options_microsite_title{display:inline-block; width:10.5%; min-height:30px; line-height:30px; font-size:0.8rem; font-weight:600; 
                                    color:#888; margin-right:1.25%; vertical-align:top;}
.admin_list_options_microsite_form{display:inline-block; width:70%; height:30px; line-height:30px; font-weight:600; color:#000;
                                   text-align:left; border:1px solid transparent; vertical-align:top;}
.admin_list_options_microsite_text{display:inline-block; width:51.5%; height:30px; line-height:30px; font-weight:600;
                                   font-family:'Niramit', sans-serif; border:1px solid #ddd; padding:0 5px; vertical-align:top;}
.admin_list_options_microsite_text:hover, .admin_list_options_microsite_text:focus{outline:none; border:1px solid #0732a2;}
.admin_list_options_microsite_submit{display:inline-block; width:10.5%; height:30px; font-weight:600; font-family:'Niramit', sans-serif;
                                     color:#0732a2; background:#fff; border:2px solid #0732a2; margin-left:1%; cursor:pointer;}


/* -------------------------- clicks css - added 09/06/2023 - 03:44pm -------------------------- */

.admin_list_clickamount{display:block; width:100%; font-size:0.85rem; font-weight:600; color:#000; margin-top:1rem;}

.admin_list_click_details{font-size:0.85rem; font-weight:400;}
.admin_list_click_details a{color:#0732a2; text-decoration:underline;}
.admin_list_click_details a:hover{color:#000;}

.admin_list_click_detailsinfo{font-size:0.85rem; font-weight:400; color:#333;}
.admin_list_click_detailsinfo span{font-weight:600; color:#000;}


.admin_list_clicktitle{display:block; width:100%; font-weight:600; color:#888;}

.admin_list_clicktitle_head{display:inline-block; padding-right:5px; vertical-align:top;}
.admin_list_clicktitle_update{display:inline-block; vertical-align:top;}

.admin_list_clickcurrent_info{font-size:0.85rem; font-weight:600; color:#0732a2; background-color:#fff; padding:0 5px;}
.admin_list_clickcurrent_info span{font-weight:600; color:#000;}


.admin_list_clickform_box{display:block; width:100%; font-size:0.85rem; font-weight:600; color:#000; margin:0.5rem 0;}
.admin_list_clickform{display:block; width:100%; margin:0;}

.admin_list_clickval_box{display:inline-block; width:33%; margin:0 2% 0 0; vertical-align:top;}
.admin_list_clickval{display:block; width:100%; height:30px; line-height:30px; font-family:'Niramit', sans-serif; text-align:center; padding:0 5px; border:1px solid #ddd; outline:none;}

.admin_list_clicksubmit_box{display:inline-block; width:25%; margin-left:2%; vertical-align:top;}
.admin_list_clicksubmit{display:block; width:100%; height:30px; font-weight:600; font-family:'Niramit', sans-serif; color:#0732a2; 
                        background:#fff; border:2px solid #0732a2; cursor:pointer;}

/* -------------------------- END clicks css - added 09/06/2023 - 03:44pm -------------------------- */


/* -------------------------- TOP pagination css - added 15/10/2018 - 2:43pm -------------------------- */

.pagination_list{display:inline-block; width:auto; max-width:45%; min-height:30px; height:auto; margin:0 0 0 1rem; vertical-align:middle;}
.pagination_next{display:inline-block; width:55px; height:25px; line-height:25px; padding:0 25px 0 10px; text-align:center; font-size:13px;
								 font-weight:600; color:#fff; border:1px solid #020f30; margin-left:2px;
								 background:url(https://assets.jobstore.com/images/icon_nextarrowright.png) #020f30 no-repeat center right 8px/10px;}
.pagination_next:hover{outline:none; color:#020f30; background:url(https://assets.jobstore.com/images/icon_nextarrowright_black.png) #fff no-repeat center right 8px/10px;}
.pagination_prev{display:inline-block; width:55px; height:25px; line-height:25px; padding:0 10px 0 25px; text-align:center; font-size:13px; 
								 font-weight:600; color:#fff; border:1px solid #020f30; margin-right:2px;
								 background:url(https://assets.jobstore.com/images/icon_nextarrowleft.png) #333 no-repeat center left 8px/10px;}
.pagination_prev:hover{outline:none; color:#020f30; background:url(https://assets.jobstore.com/images/icon_nextarrowleft_black.png) #fff no-repeat center left 8px/10px;}


/* --------------------------- pagination css - added 24/10/2023 - 01:40pm --------------------------- */ 

.pagination{display:block; width:auto; height:auto; font-family:'Niramit', sans-serif; text-align:center; margin:1.5rem 0;}
.pagination .leading-5{margin:1rem auto;}
.pagination .text-gray-500{font-weight:700 !important; color:#000 !important;}
.pagination .text-gray-700{font-weight:400 !important; color:#444 !important;}
.pagination .font-medium{font-weight:400 !important; color:#333 !important;}
.pagination .rounded-md.text-gray-500{color:#888 !important; margin:0 10px !important;}
.pagination .cursor-default.-ml-px{color:#333 !important; font-weight:700 !important; background:rgba(11,145,255,0.1); border:1px solid rgba(11,145,255,0.15); 
                                   border-radius:3px; padding:3px 10px !important;}
.pagination .justify-between{display:block; margin:3rem auto 1rem;}
.pagination .justify-between a{text-align:center; color:#000; border:1px solid #fff; border-radius:3px; padding:3px 5px 3px 8px !important; margin:0 3px !important;}
.pagination .justify-between a:hover{background:rgba(11,145,255,0.025); border:1px solid rgba(11,145,255,0.05); border-radius:3px;}
.pagination [aria-disabled="true"] .py-2{font-weight:400 !important; padding:0 10px !important; color:#333 !important; background:#fff !important;}
.pagination [aria-disabled="true"] .text-sm{background:none !important; border:none !important; color:#ccc !important; padding:0 !important; margin:0 !important;}
.pagination .hidden{line-height:2rem;}
.pagination .hidden p{display:none; font-size:0.9rem !important; font-weight:700 !important; color:#000 !important;}
.pagination .hidden span.font-medium{color:#000 !important; font-weight:700 !important;}
[aria-current]:not([aria-current="false"]){color:#333; font-weight:600;}
[aria-current]:not([aria-current="true"]){color:#333; font-weight:400;}
[aria-orientation="vertical"]{flex-direction: column;}
[aria-hidden='true']{display: none;}
.pagination [aria-label="« Previous;"], .pagination [aria-label="Next »"]{display:none !important;}
.pagination.w-5.h-5{display:none!important;}
.pagination svg{display:none!important;}
.pagination a[aria-label="« Previous"]{display:none !important;}


/* -------------------------- END pagination css - added 15/10/2018 - 2:43pm -------------------------- */


/* -------------------- list by status - added 16/10/2018 - 2:28pm - updated 27/11/2018 - 4:05pm -------------------- */

.admin_status{display:inline-block; width:auto; height:30px; line-height:30px; font-size:0.85rem; text-align:center; background:#fff; border:1px solid #ddd;
              padding:0 1rem; margin-left:1rem;}
.admin_status:hover{outline:none; border:1px solid #99cbff; background:rgba(1,127,255,0.05);}
.admin_status_on{display:inline-block; width:auto; height:30px; line-height:30px; font-size:0.85rem; text-align:center; padding:0 1rem; margin-left:1rem; 
                 border:1px solid #99cbff; background:rgba(1,127,255,0.25);}

.list_empbox{display:block; width:96%; height:auto; padding:15px 2%; margin:35px 0; border:1px solid #ddd;}

.list_empdetails{display:inline-block; width:85%; height:auto; vertical-align:middle;}

.list_empname{display:block; width:100%; font-size:1rem; line-height:1.5rem; font-weight:600; color:#333; vertical-align:middle; margin-bottom:1rem;}

.list_empadmin{display:block; width:100%; margin:0; vertical-align:middle;}
.list_empadmin_title{display:inline-block; width:auto; height:auto; line-height:1.5rem; font-size:0.85rem; color:#666;
                     margin-right:1%; vertical-align:top;}
.list_empadmin_list{display:inline-block; width:auto; height:30px; line-height:30px; font-size:1rem; color:#000; vertical-align:top;}
.list_empadmin_email{display:inline-block; width:auto; line-height:1.5rem; font-size:0.85rem; font-family:'Niramit', sans-serif; font-weight:600; margin-right:2%;}
.list_empadmin_none{display:inline-block; width:auto; line-height:1.5rem; font-size:0.85rem; font-family:'Niramit', sans-serif; color:#999; margin:0 2%;}
.list_empadmin_remove{display:inline-block; margin-left:5px; font-size:1rem; font-weight:600; color:#c00;}
.list_empadmin_add{display:inline-block; width:35%; color:#666; vertical-align:top;}
/* .list_empadmin_add form{display:inline-block; width:100%; height:30px; line-height:30px; margin:0;} */

.list_empstatus{display:inline-block; width:13%; font-size:14px; vertical-align:middle; text-align:right; float:right; margin:1rem auto;}
.list_empstatus input[type="submit"]{display:none;}

.list_updatestat{display:inline-block; width:auto; height:30px; line-height:30px; border:1px solid #ddd; padding:0 35px 0 10px; 
                 color:#0732a2; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family:'Niramit', sans-serif;
                 background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat center right 10px/10px;}
.list_updatestat:hover, .list_updatestat:focus{outline:none; color:#0732a2; border:1px solid #0732a2;}


.list_adminlist{display:inline-block; color:#666; vertical-align:middle;}
.list_adminlist form{display:inline-block; width:auto; vertical-align:top;}

.list_adminselect{display:inline-block; width:auto; height:30px; line-height:30px; font-size:0.85rem; font-family:'Niramit', sans-serif;
                  border:1px solid #ddd; appearance:none; -webkit-appearance:none; -moz-appearance:none; 
                  background:url('https://assets.jobstore.com/images/arrow_down.png') no-repeat top 50% right 10px/10px;
                  padding:0 25px 0 5px; margin-right:1%; cursor:pointer; vertical-align:top;}
.list_adminselect_disabled{display:inline-block; width:auto; height:30px; line-height:30px; font-size:1rem; padding:0 10px; color:#ddd; 
                           font-family:'Niramit', sans-serif; border:1px solid #eee; appearance:none; -webkit-appearance:none; -moz-appearance:none; 
                           background:url('https://assets.jobstore.my/images/icon/icon_arrow_down_grey.png') no-repeat top 50% right 10px/10px; vertical-align:top;}
.list_adminselect:hover, .list_adminselect:focus{outline:none; border:1px solid #0732a2;}

.list_adminsubmit{display:inline-block; width:auto; height:30px; color:#0732a2; font-size:0.85rem; font-weight:600; font-family:'Niramit', sans-serif;
                  background:transparent; border:2px solid #0732a2; padding:0 1rem; margin-left:1%; vertical-align:top; cursor:pointer;}
.list_adminsubmit_disabled{display:inline-block; width:auto; height:30px; color:#0732a2; font-size:0.85rem; font-weight:600; opacity:0.5;
                           font-family:'Niramit', sans-serif; background:transparent; border:2px solid #0732a2; margin-left:2%; vertical-align:top;}
.list_adminsubmit:hover, .list_adminsubmit:focus{outline:none; color:#fff; background:#0732a2;}

/* -------------------- -------------------- END List by Status -------------------- -------------------- */



/* --------------------------------------------------------------------------------------------------- */
/* ------------ media css - added 15/10/2018 - 2:14pm - updated 13/01/2025 - 05:42pm ----------------- */
/* --------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 240px) and (max-width: 320px) {
  
  .uni_top{display:none;}
  
  .main_container{padding:2rem 0;}
  .main_body{display:block; width:100%; padding:0; gap:0;}
  .main_side{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  .uni_banner_brand{margin-top:1rem;}
  .uni_banner_logo_img{width:85px; height:85px; margin:0;}
  .uni_banner_menu{margin:0 auto;}
  
  .uni_info_content{flex-direction:column; gap:0; margin-bottom:1rem;}
  
  .uni_header_menu{display:block;}
  
  .uni_search_form{width:90%; margin:0 auto;}
  .uni_search_form_key{border-radius:10px;}
  .uni_search_form_loc{display:none; border:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}
  .uni_search_form_type{display:none;}
  
  .uni_feat_box{display:none;}
  
  .uni_jobs_container{width:90%;}
  .uni_jobs_list{width:100%; max-width:100%;}
  
  .uni_jobs_each{display:grid; grid-template-columns:2fr 10fr}
  
  .uni_jobs_current, .uni_jobs_info{display:block; width:100%;}
  #uni_bullet{display:none;}
  
  .uni_jobs_buttons{display:flex; width:100%; margin:0 auto; grid-column-start: 2;}
  .uni_jobs_buttons div{width:45%; margin:0 auto 1rem;}
  
  .uni_jobs_more{display:none;}
  
  .uni_member_list{display:block;}
  .uni_emp_list{grid-template-columns:repeat(1, 1fr);}
  
  
  .uni_manage_block{margin:0 auto 1rem;}
  .uni_manage_member_opt{height:auto; line-height:1.85rem; flex-direction:column; text-align:left; justify-content:space-evenly;}
  .uni_manage_add_title{height:auto; line-height:1.85rem; flex-direction:column; text-align:left; justify-content:space-evenly; padding:0.85rem 0;}
  
  #invite_member_title, .uni_manage_block_add{display:none;}
  
  /*.uni_manage_add_button{display:block; width:100%; text-align:center; margin:0 auto; gap:15px;}*/
  /*.uni_manage_add_button_blue, .uni_manage_add_button_black{width:90%; margin:0.5rem auto; gap:0; box-sizing:border-box;}*/
  
  /*.uni_manage_details_each{display:block;}*/
  /*.uni_member_user_label{line-height:35px;}*/
  /*.uni_member_user_func_label{line-height:1.85rem; font-size:0.85rem;}*/
  
  
  .uni_banner_box{height:auto;}
  .uni_profile_save_notice{line-height:1rem;}
  .uni_profile_brand_box{display:block; text-align:center; margin:0 auto;}
  .uni_logo_box{display:block; margin:0 auto 1rem;}
  
  .uni_profile_form_box{margin:0 auto;}
  .uni_profile_form_half{width: 100%; margin: 0 auto 1rem;}
  
  .uni_profile_button_submit{margin:2rem auto 1rem;}
  .uni_profile_button_cancel{margin:0 auto;}
  
  .invite_sample{display:none;}
  
  .uni_invite_section_flex, .uni_invite_section_flexbox{display:block; width:100%; max-width:100%; margin:2rem auto 1rem;}
  
  .uni_invite_section_flex{display:block; flex-wrap:wrap; width:100%; max-width:100%; margin:0;}
  .uni_invite_radio{display:block; margin:1rem auto;}
  
  .uni_invite_file_download{display:block; width:100%; padding:0; margin:2rem auto;}
  
  .uni_invite_submit, .uni_invite_cancel{display:block; width:100%; padding:0;}
  
  
  .uni_chart_box canvas{width:100% !important;}
  .uni_chart_box_row{flex-direction:column;}
  .uni_chart_box_col{border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  .uni_chart_each_box{width:100%; border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  
  
  .uni_footer_options, .uni_footer_content{flex-direction:column;}
  .uni_footer_select{width:100%; max-width:90%;}
  .uni_footer_logo{margin-bottom:2rem;}
  
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
  
  .uni_top{display:none;}
  
  .main_container{padding:2rem 0;}
  .main_body{display:block; width:100%; padding:0; gap:0;}
  .main_side{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  .uni_banner_brand{margin-top:1rem;}
  .uni_banner_logo_img{width:85px; height:85px; margin:0;}
  .uni_banner_menu{margin:0 auto;}
  
  .uni_info_content{flex-direction:column; gap:0; margin-bottom:1rem;}
  
  .uni_header_menu{display:block;}
  
  .uni_search_form{width:90%; margin:0 auto;}
  .uni_search_form_key{border-radius:10px;}
  .uni_search_form_loc{display:none; border:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}
  .uni_search_form_type{display:none;}
  
  .uni_feat_box{display:none;}
  
  .uni_jobs_container{width:90%;}
  .uni_jobs_list{width:100%; max-width:100%;}
  
  .uni_jobs_each{display:grid; grid-template-columns:2fr 10fr}
  
  .uni_jobs_current, .uni_jobs_info{display:block; width:100%;}
  #uni_bullet{display:none;}
  
  .uni_jobs_buttons{display:flex; width:100%; margin:0 auto; grid-column-start: 2;}
  .uni_jobs_buttons div{width:45%; margin:0 auto 1rem;}
  
  .uni_jobs_more{display:none;}
  
  .uni_member_list{display:block;}
  .uni_emp_list{grid-template-columns:repeat(1, 1fr);}
  
  
  .uni_manage_block{margin:0 auto 1rem;}
  #invite_member_title, .uni_manage_block_add{display:none;}
  
  
  .uni_banner_box{height:auto;}
  .uni_profile_save_notice{line-height:1rem;}
  .uni_profile_brand_box{display:block; text-align:center; margin:0 auto;}
  .uni_logo_box{display:block; margin:0 auto 1rem;}
  
  .uni_profile_form_box{margin:0 auto;}
  .uni_profile_form_half{width: 100%; margin: 0 auto 1rem;}
  
  .uni_profile_button_submit{margin:2rem auto 1rem;}
  .uni_profile_button_cancel{margin:0 auto;}
  
  .invite_sample{display:none;}
  
  .uni_invite_section_flex, .uni_invite_section_flexbox{display:block; width:100%; max-width:100%; margin:2rem auto 1rem;}
  
  .uni_invite_section_flex{display:block; flex-wrap:wrap; width:100%; max-width:100%; margin:0;}
  .uni_invite_radio{display:block; margin:1rem auto;}
  
  .uni_invite_file_download{display:block; width:100%; padding:0; margin:2rem auto;}
  
  .uni_invite_submit, .uni_invite_cancel{display:block; width:100%; padding:0;}
  
  .uni_chart_box canvas{width:100% !important;}
  .uni_chart_box_row{flex-direction:column;}
  .uni_chart_box_col{border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  .uni_chart_each_box{width:100%; border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  
  .uni_footer_options, .uni_footer_content{flex-direction:column;}
  .uni_footer_select{width:100%; max-width:90%;}
  .uni_footer_logo{margin-bottom:2rem;}
  
}

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
  .uni_top{display:none;}
  
  .main_container{padding:2rem 0;}
  .main_body{display:block; width:100%; padding:0; gap:0;}
  .main_side{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  .uni_search_form{width:90%; margin:0 auto;}
  .uni_search_form_key{border-radius:10px;}
  .uni_search_form_loc{display:none; border:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}
  .uni_search_form_type{display:none;}
  
  .uni_feat_box{display:none;}
  
  .uni_jobs_container{width:90%;}
  .uni_jobs_list{width:100%; max-width:100%;}
  
  .uni_jobs_each{display:grid; grid-template-columns:2fr 10fr}
  
  .uni_jobs_buttons{display:flex; width:100%; margin:0 auto; grid-column-start: 2;}
  .uni_jobs_buttons div{width:45%; margin:0 auto 1rem;}
  
  .uni_jobs_more{display:none;}
  
  .uni_emp_list{grid-template-columns:repeat(1, 1fr);}
  .uni_emp_each{max-width:100%; height:200px; padding:5%;}
  
  .uni_banner_box{height:auto;}
  .uni_profile_save_notice{/*display:none; visibility:hidden;*/ line-height:1rem;}
  .uni_profile_brand_box{display:block; text-align:center; margin:0 auto;}
  .uni_logo_box{display:block; margin:0 auto 1rem;}
  
  .uni_profile_form_box{margin:0 auto;}
  .uni_profile_form_half{width: 100%; margin: 0 auto 1rem;}
  
  .uni_profile_button_submit{margin:2rem auto 1rem;}
  .uni_profile_button_cancel{margin:0 auto;}
  
  
  .uni_member_list{display:block;}
  .uni_manage_block{margin:0 auto 1rem;}
  
  .invite_sample{display:none;}
  
  .uni_invite_section_flex{width:100%; max-width:100%; flex-direction:column;}
  .uni_invite_section_flexbox{width:100%; max-width:100%; margin:1rem auto 0;}
  
  .uni_invite_radio{margin:1rem 0;}
  .uni_invite_submit, .uni_invite_cancel{display:block; width:100%; padding:0;}
  
  .uni_chart_box canvas{width:100% !important;}
  .uni_chart_box_row{flex-direction:column;}
  .uni_chart_box_col{border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  .uni_chart_each_box{width:100%; border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  
  
  .uni_footer_options, .uni_footer_content{flex-direction:column;}
  .uni_footer_select{width:100%; max-width:90%;}
  .uni_footer_logo{margin-bottom:2rem;}
  
  
  .pagination_list{display:none;}
  
  .admin_content_container{display:block; width:100%; margin:0;}
  .admin_main_container{display:block; width:85%; margin:2rem auto;}
  
  .admin_main_header{display:block; width:100%; height:auto; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 auto 2rem;}
  .admin_main_title{display:block; width:100%; margin:0 0 1rem;}
  .admin_option_title{display:block; width:100%; float:none; text-align:left;}
  .admin_status, .admin_status_on{margin:0 2% 0 0;}
  .admin_list_filter{display:block; float:none;}
  
  .admin_list_each{display:block; width:90%; max-width:100%; padding:5%; margin:0 auto 2rem;}
  
  .admin_list_company{display:block; width:100%;}
  .admin_list_name_box{display:inline-block; width:85%; margin-left:1%;}
  .admin_list_details_box{display:block; width:100%; max-width:100%;}
  
  .admin_list_counter{display:block; width:100%; margin-left:0%;}
  .admin_list_count{display:block; width:100%; text-align:center;}
  .admin_list_count_post, .admin_list_count_post_on, 
  .admin_list_count_resume, .admin_list_count_resume_on{display:inline-block; width:44%; margin:3% 1% 0; vertical-align:top;}
  
  .admin_list_count_active, .admin_list_count_active_on, .admin_list_count_draft, .admin_list_count_draft_on,
  .admin_list_count_terminated, .admin_list_count_terminated_on{display:inline-block; width:28%; margin:3% 1% 1rem; vertical-align:top;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem; margin:1rem auto 2rem;}
  .admin_list_logintitle{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_logindetails{display:block; width:100%; height:auto; line-height:1.25rem;}
  .admin_list_passwordemail, .admin_list_passwordnew{display:block; width:100%; margin:0 auto 0.5rem;}
  .admin_list_passwordsubmit{display:inline-block; width:48%; margin:0;}
  .admin_list_passwordcancel{display:inline-block; width:47%; margin-left:2.5%;}
  
  .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:block; width:100%; margin:0 0 0.5rem;}
  .admin_list_passwordform{display:block; width:100%;}
  
  .admin_list_options_managepost_box, .admin_list_options_manageteam_box, .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:block; width:100%; margin:0 auto 0.8rem;}
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf{display:block; width:100%; margin:0 auto;}
  
  .admin_list_clickamount{margin:1rem 0 2rem;}
  .admin_list_clickval_box{display:block; width:100%; margin:0 0 1rem;}
  .admin_list_clicksubmit_box{display:block; width:100%; margin:0;}
  
  .admin_list_options_microsite_add{display:none;}
  .admin_list_options_microsite_box{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:block; width:100%; height:25px; line-height:1.25rem;}
  .admin_list_options_microsite_form{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text, .admin_list_options_microsite_submit{display:block; width:100%; margin:0 auto 1rem;}
  
  .admin_list_count_post:hover .admin_list_count_post_details, 
  .admin_list_count_post_on:hover .admin_list_count_post_details{margin:10px 0 0 -35px;}
    
  .admin_list_profiles{display:block; width:100%; margin:2rem 0 0; float:none;}
  .admin_list_profiles_title{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_profileselect{display:block; width:100%;}
  
  .admin_left_box, .admin_right_box{display:block; width:100%; float:none;}
  .admin_list_creditblock_box{display:block; width:auto; max-width:90%; background:#ecf3ff; padding:1rem 5%; margin:0.5rem 0 0 0;}
  .admin_list_credittitle{display:block; width:100%; margin:1rem auto 0;}
  .admin_list_subamount{display:block; width:100%; margin:0.5rem 0;}
  .admin_list_credittype_box, .admin_list_creditdesc_box, .admin_list_subselect{display:block; width:99%; margin:1% 0;}
  .admin_list_creditval_box{display:inline-block; width:48.5%; margin:1% auto;}
  .admin_list_submit_box, .admin_list_subsubmit, .admin_list_assignallsubmit{display:block; width:100%; margin:3% auto;}
  
  .admin_list_optionsbox{display:block; width:100%; padding:1rem 0 0; margin:1rem auto 0;}
  
  .admin_list_assignselect_whole{display:block; width:100%; margin:1rem auto; float:none;}
  .admin_list_assigntitle_whole{display:block; width:100%;}
  .admin_list_assignform_whole{display:block; width:100%; margin:0 auto 2rem;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  
  .admin_list_assignselect_title{display:block; width:100%;}
  .admin_list_assignallselect{display:block; width:100%; margin:0.5rem auto;}
  
  .admin_list_assigntitle{display:block; width:100%;}
  .admin_list_assignform{display:block; width:100%; margin:0 0 1.5rem;}
  .admin_list_assignselect{display:block; width:100%; margin:0 0 1rem;}
  .admin_list_assignsubmit{display:block; width:100%;}
  
  /* --- list by status --- */
  .list_empbox{display:block; width:90%; height:auto; padding:5%;}
  .list_empdetails{display:block; width:100%;}
  .list_empadmin_title{display:block; width:100%; height:auto; line-height:1.25rem;}
  .list_empadmin_add{display:block; width:100%; margin:1rem 0 0;}
  .list_empadmin_add form{display:block; width:100%; height:auto; line-height:2rem;}
  .list_adminselect{display:inline-block; width:52%;}
  .list_empadmin_list{display:block; width:auto; height:auto; line-height:1.25rem;}
  .list_adminsubmit{display:inline-block; width:44%; margin:0 0 0 1%;}
  
  .list_empstatus{display:block; width:100%; max-width:100%; float:none; text-align:center; margin:1rem 0 0.5rem;}
  .list_updatestat{display:block; border:1px solid #333; color:#0732a2; margin:0 auto;}
  
  .pagination{width:100%;}
  
  .admin_list_sort, .admin_list_filter{display:block; width:100%; max-width:100%; margin:0 0 1rem;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
  
  .uni_top{display:none;}
  
  .main_container{padding:2rem 0;}
  .main_body{display:block; width:100%; padding:0; gap:0;}
  .main_side{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  .uni_search_form{width:90%; margin:0 auto;}
  .uni_search_form_key{border-radius:10px;}
  .uni_search_form_loc{display:none; border:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}
  .uni_search_form_type{display:none;}
  
  .uni_header_search_form{flex-direction:column; gap:15px;}
  .uni_header_filter{width:100%;}
  .uni_header_filter_each{width:25%;}
  .header_filter_droppick{display:flex; justify-content:space-between; align-items:center; width:auto;}
  .uni_header_search_loc{display:block; width:94%;}
  .uni_search_text_loc{width:95%;}
  
  
  .uni_feat_box{display:none;}
  
  .uni_jobs_container{width:100%;}
  .uni_jobs_list{width:100%; max-width:100%;}
  
  .uni_jobs_each{display:grid; grid-template-columns:2fr 10fr}
  
  .uni_jobs_buttons{display:flex; width:100%; margin:0 auto; grid-column-start: 2; justify-content:center; align-items:center;}
  .uni_jobs_buttons div{width:45%; margin:0 auto 1rem;}
  
  .uni_jobs_more{display:none;}
  
  .uni_member_list{grid-template-columns:repeat(2, 1fr);}
  
  .uni_emp_list{grid-template-columns:repeat(2, 1fr);}
  .uni_emp_each{max-width:100%; height:200px; padding:5%;}
  
  
  .uni_footer_options, .uni_footer_content{flex-direction:column;}
  .uni_footer_select{width:100%; max-width:90%;}
  .uni_footer_logo{margin-bottom:2rem;}
  
  .pagination_list{display:none;}
  
  .admin_content_container{display:block; width:100%; margin:0;}
  .admin_main_container{display:block; width:85%; margin:2rem auto;}
  
  .admin_main_header{display:block; width:100%; height:auto; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 auto 2rem;}
  .admin_main_title{display:block; width:100%; margin:0 0 1rem;}
  .admin_option_title{display:block; width:100%; float:none; text-align:left;}
  .admin_status, .admin_status_on{margin:0 2% 0 0;}
  .admin_list_filter{display:block; float:none;}
  
  .admin_list_each{display:block; width:90%; max-width:100%; padding:5%; margin:0 auto 2rem;}
  
  .admin_list_company{display:block; width:100%;}
  .admin_list_name_box{display:inline-block; width:85%; margin-left:1%;}
  .admin_list_details_box{display:block; width:100%; max-width:100%;}
  
  .admin_list_counter{display:block; width:100%; margin-left:0%;}
  .admin_list_count{display:block; width:100%; text-align:center;}
  .admin_list_count_post, .admin_list_count_post_on, 
  .admin_list_count_resume, .admin_list_count_resume_on{display:inline-block; width:44%; margin:3% 1% 0; vertical-align:top;}
  
  .admin_list_count_active, .admin_list_count_active_on, .admin_list_count_draft, .admin_list_count_draft_on,
  .admin_list_count_terminated, .admin_list_count_terminated_on{display:inline-block; width:28%; margin:3% 1% 1rem; vertical-align:top;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem; margin:1rem auto 2rem;}
  .admin_list_logintitle{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_logindetails{display:block; width:100%; height:auto; line-height:1.25rem;}
  .admin_list_passwordemail, .admin_list_passwordnew{display:block; width:100%; margin:0 auto 0.5rem;}
  .admin_list_passwordsubmit{display:inline-block; width:48%; margin:0;}
  .admin_list_passwordcancel{display:inline-block; width:47%; margin-left:2.5%;}
  
  .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:block; width:100%; margin:0 0 0.5rem;}
  .admin_list_passwordform{display:block; width:100%;}
  
  .admin_list_options_managepost_box, .admin_list_options_manageteam_box, .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:block; width:100%; margin:0 auto 0.8rem;}
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf{display:block; width:100%; margin:0 auto;}
  
  .admin_list_options_microsite_add{display:none;}
  .admin_list_options_microsite_box{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:block; width:100%; height:25px; line-height:1.25rem;}
  .admin_list_options_microsite_form{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text, .admin_list_options_microsite_submit{display:block; width:100%; margin:0 auto 1rem;}
  
  .admin_list_count_post:hover .admin_list_count_post_details, 
  .admin_list_count_post_on:hover .admin_list_count_post_details{margin:10px 0 0 -35px;}
    
  .admin_list_profiles{display:block; width:100%; margin:2rem 0 0; float:none;}
  .admin_list_profiles_title{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_profileselect{display:block; width:100%;}
  
  .admin_left_box, .admin_right_box{display:block; width:100%; float:none;}
  .admin_list_creditblock_box{display:block; width:auto; max-width:90%; background:#ecf3ff; padding:1rem 5%; margin:0.5rem 0 0 0;}
  .admin_list_credittitle{display:block; width:100%; margin:1rem auto 0;}
  .admin_list_subamount{display:block; width:100%; margin:0.5rem 0;}
  .admin_list_credittype_box, .admin_list_creditdesc_box, .admin_list_subselect{display:block; width:99%; margin:1% 0;}
  .admin_list_creditval_box{display:inline-block; width:48.5%; margin:1% auto;}
  .admin_list_submit_box, .admin_list_subsubmit, .admin_list_assignallsubmit{display:block; width:100%; margin:3% auto;}
  
  .admin_list_optionsbox{display:block; width:100%; padding:1rem 0 0; margin:1rem auto 0;}
  
  .admin_list_assignselect_whole{display:block; width:100%; margin:1rem auto; float:none;}
  .admin_list_assigntitle_whole{display:block; width:100%;}
  .admin_list_assignform_whole{display:block; width:100%; margin:0 auto 2rem;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  
  .admin_list_assignselect_title{display:block; width:100%;}
  .admin_list_assignallselect{display:block; width:100%; margin:0.5rem auto;}
  
  .admin_list_assigntitle{display:block; width:100%;}
  .admin_list_assignform{display:block; width:100%; margin:0 0 1.5rem;}
  .admin_list_assignselect{display:block; width:100%; margin:0 0 1rem;}
  .admin_list_assignsubmit{display:block; width:100%;}
  
  /* --- list by status --- */
  .list_empbox{display:block; width:90%; height:auto; padding:5%;}
  .list_empdetails{display:block; width:100%;}
  .list_empadmin_title{display:block; width:100%; height:auto; line-height:1.25rem;}
  .list_empadmin_add{display:block; width:100%; margin:1rem 0 0;}
  .list_empadmin_add form{display:block; width:100%; height:auto; line-height:2rem;}
  .list_adminselect{display:inline-block; width:52%;}
  .list_empadmin_list{display:block; width:auto; height:auto; line-height:1.25rem;}
  .list_adminsubmit{display:inline-block; width:44%; margin:0 0 0 1%;}
  
  .list_empstatus{display:block; width:100%; max-width:100%; float:none; text-align:center; margin:1rem 0 0.5rem;}
  .list_updatestat{display:block; border:1px solid #333; color:#0732a2; margin:0 auto;}

  .pagination{width:100%;}
  
  .admin_list_sort, .admin_list_filter{display:block; width:100%; max-width:100%; margin:0 0 1rem;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

@media only screen and (min-width: 721px) and (max-width: 920px){
  
  .uni_top_center{gap:5%;}
  .uni_top_search_menu{gap:25px;}
  #menu_profile, #menu_post, #menu_home, #menu_employer, #menu_jobseeker{display:none;}
  .uni_menu_opt{display:none;}
  .uni_search_text{width:250px;}
  
  
  .main_side.side_menu_right{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  .uni_search_form{width:90%; margin:0 auto;}
  .uni_search_form_key{border-radius:10px;}
  .uni_search_form_loc{display:none; border:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}
  .uni_search_form_type{display:none;}
  
  .uni_feat_box{display:none;}
  
  .uni_jobs_container{width:90%;}
  .uni_jobs_list{width:100%; max-width:100%;}
  
  .uni_jobs_each{display:grid; grid-template-columns:2fr 10fr}
  
  .uni_jobs_buttons{display:flex; width:100%; margin:0 auto; grid-column-start: 2;}
  .uni_jobs_buttons div{width:45%; margin:0 auto 1rem;}
  
  .uni_jobs_more{display:none;}
  
  .uni_member_list{grid-template-columns:repeat(2, 1fr);}
  
  .uni_emp_list{grid-template-columns:repeat(1, 1fr);}
  .uni_emp_each{max-width:100%; height:150px; padding:5%;}
  
  .uni_chart_box canvas{width:100% !important;}
  .uni_chart_box_row{flex-direction:column;}
  .uni_chart_box_col{border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  .uni_chart_each_box{width:100%; border-right:none; padding:0 0 5%; margin:0 auto 2rem;}
  
  
  .uni_footer_options, .uni_footer_content{flex-direction:column;}
  .uni_footer_select{width:100%; max-width:90%;}
  .uni_footer_logo{margin-bottom:2rem;}
  
  
  .pagination_list{display:none;}
  
  .admin_main_title{display:inline-block; width:45%; vertical-align:top;}
  .admin_option_title{/*display:block; margin:0.5rem 0;*/ display:inline-block; width:54%; text-align:right; float:right; vertical-align:top;}
  .admin_list_filter{display:block; float:none;}
  .admin_status, .admin_status_on{margin:0 2% 0 0;}
  .admin_list_filterselect{display:inline-block; width:60%;}
  
  .admin_list_company{display:inline-block; width:48%;}
  .admin_list_counter{display:inline-block; width:50%;}
  
  .admin_list_count_active, .admin_list_count_active_on, .admin_list_count_draft, .admin_list_count_draft_on,
  .admin_list_count_terminated, .admin_list_count_terminated_on{width:30%;}
  
  .admin_list_count_post, .admin_list_count_post_on{display:inline-block; width:46.5%; margin-bottom:0.5rem;}
  .admin_list_count_resume, .admin_list_count_resume_on{display:inline-block; width:46.5%; margin-bottom:0.5rem;}
 
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem; margin:0.5rem 0;}
  .admin_list_logintitle{display:block; width:100%; max-width:100%; margin:0;}
  .admin_list_logindetails, .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:inline-block; width:40%;}
  .admin_list_passwordform{display:inline-block; width:100%;}
  
  .admin_list_control_box{display:block; width:100%;}
  .admin_list_options_managepost_box, .admin_list_options_manageteam_box{display:inline-block; width:47%; margin:0 2% 2% 0;}
  
  .admin_list_btn_separator{display:none;}
  
  .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:inline-block; width:47%; margin:0 2% 2% 0;}
  
  .admin_list_options_microsite_add{display:inline-block; width:25%; margin:0 2% 2% 0;}
  
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf, 
  .admin_list_options_generatecf, .admin_list_options_generatecfperf, .admin_list_options_generatebh, .admin_list_options_generatebhperf{display:block; width:100%;}
  
  /*.admin_list_options_microsite_add{display:none;}*/
  .admin_list_options_microsite_box{display:none; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:inline-block; width:20%; margin-right:2%;}
  .admin_list_options_microsite_form{display:inline-block; width:75%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text{display:inline-block; width:62.5%;}
  .admin_list_options_microsite_submit{display:inline-block; width:30%; margin-left:2%;}
  
  
  .admin_list_profiles{display:block; width:100%; margin:1rem auto; float:none;}
  .admin_list_profiles_title{display:block; width:95%; margin-left:3%;}
  .admin_list_profileselect{display:block; width:95%; margin-left:3%;}
  
  .admin_list_creditblock_line{display:block; margin:0.5rem auto 1rem;}
  
  .admin_left_box, .admin_right_box{display:block; width:100%; margin:0 0 1rem; float:none;}
  
  .admin_list_credittype_box{width:30%;}
  .admin_list_creditcurrency{width:30%;}
  .admin_list_credittype{width:66%;}
  .admin_list_creditdesc_box{width:18%;}
  .admin_list_credittitle{display:block; width:100%; height:30px; line-height:30px;}
  .admin_list_creditpostamount, .admin_list_creditresumeamount{display:block; width:100%;}
  .admin_list_creditform{display:block; width:100%; margin:0.5rem 0;}
  
  .admin_list_subselect{display:inline-block; width:84%;}
  .admin_list_subsubmit{display:inline-block; width:13%; margin-left:1%;}
  
  .admin_list_assigntitle_whole{display:inline-block; width:20%; margin-right:2%;}
  .admin_list_assignform_whole{display:block; width:100%;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  .admin_list_assignselect_whole{display:block; width:100%; margin:0.25rem auto 0;}
  .admin_list_assignselect_title{display:inline-block;width:38%;}
  
  .admin_list_assigntitle{display:block; width:100%;}
  .admin_list_assignform{display:block; width:100%; margin:0;}
  .admin_list_assignselect{display:inline-block; width:77%; margin:0 0 1rem;}
  .admin_list_assignsubmit{display:inline-block; width:20%; margin-left:1%;}
  
  .admin_list_options_linkedinid{display:inline-block; width:77%; margin:0;}
  .admin_list_options_linkedinsubmit{display:inline-block; width:20%; margin-left:1%;}
  
  .list_empadmin_add{display:block; width:100%; margin:1rem 0;}
  
  .pagination{width:100%;}
  
  .admin_option_title{display:block; width:100%; text-align:left; float:none; margin:1rem 0;}
  .admin_list_sort{display:inline-block; width:52%; max-width:52%; vertical-align:top;}
  .admin_list_filter{display:inline-block; width:42%; max-width:42%; vertical-align:top;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

@media only screen and (min-width: 921px) and (max-width: 1024px) {
  
  .main_side.side_menu_right{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  
  .uni_search_form{width:100%; margin:0 auto;}
  /*.uni_feat_box{width:90%;}*/
  /*.uni_jobs_box{width:90%; margin:0 auto;}*/
  .uni_jobs_list{width:100%; max-width:100%;}
  .uni_jobs_more{display:none;}
  
  .uni_member_list{grid-template-columns:repeat(2, 1fr);}
  .uni_emp_list{grid-template-columns:repeat(2, 1fr);}
  
  
  .pagination_list{display:none;}
  
  .admin_main_title{display:inline-block; width:45%; vertical-align:top;}
  .admin_option_title{/*display:block; margin:0.5rem 0;*/ display:inline-block; width:54%; text-align:right; float:right; vertical-align:top;}
  .admin_list_filter{display:block; float:none;}
  .admin_list_filterselect{display:inline-block; width:60%;}
  
  .admin_list_company{display:inline-block; width:60%;}
  .admin_list_counter{display:inline-block; width:38%;}
  
  .admin_list_count_post, .admin_list_count_post_on{display:inline-block; width:46%; margin-bottom:0.5rem;}
  .admin_list_count_resume, .admin_list_count_resume_on{display:inline-block; width:46%; margin-bottom:0.5rem;}
 
  .admin_list_count_active, .admin_list_count_active_on, .admin_list_count_draft, .admin_list_count_draft_on,
  .admin_list_count_terminated, .admin_list_count_terminated_on{width:29.5%;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem; margin:0.5rem 0;}
  .admin_list_logintitle{display:block; width:100%; max-width:100%; margin:0;}
  
  .admin_list_logindetails, .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:inline-block; width:40%;}
  .admin_list_passwordform{display:inline-block; width:100%;}
  
  .admin_list_control_box{display:block; width:100%;}
  .admin_list_options_managepost_box{display:inline-block; width:22%; margin:0 2% 2% 0;}
  .admin_list_options_manageteam_box, .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:inline-block; width:22%; margin:0 2% 0 0;}
  
  .admin_list_btn_separator{display:none;}
  
  .admin_list_options_microsite_add{display:inline-block; width:22%; margin:0 2% 0 0;}
  
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf, .admin_list_options_generatecf, .admin_list_options_generatecfperf,
  .admin_list_options_generatebh, .admin_list_options_generatebhperf{display:block; width:100%;}
  
  .admin_list_profiles{display:block; width:100%; margin:1rem auto; float:none;}
  .admin_list_profiles_title{display:block; width:95%; margin-left:5%;}
  .admin_list_profileselect{display:block; width:95%; margin-left:5%;}
  
  .admin_list_creditblock_line{display:block; margin:0.5rem auto 1rem;}
  .admin_list_credittype_box{width:45%;}
  .admin_list_creditval_box{width:15%;}
  .admin_list_creditdesc_box{width:78%; margin:0.5rem 0;}
  .admin_list_submit_box{width:15%; margin:0.5rem 0 0.5rem 1%;}
  
  .admin_list_subselect{display:inline-block; width:70%;}
  .admin_list_subsubmit{display:inline-block; width:25%;}
  
  .admin_list_assigntitle_whole{display:inline-block; width:15%; margin-right:2%;}
  .admin_list_assignform_whole{display:inline-block; width:80%;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  .admin_list_assignselect_whole{display:block; width:100%; margin:0.25rem auto 0;}
  .admin_list_assignselect_title{display:inline-block; width:25%;}
  .admin_list_assignallselect{display:inline-block; width:54%;}
  
  .list_empadmin_add{display:block; width:100%; margin:1rem 0;}
  
  .admin_option_title{display:block; width:100%; text-align:left; float:none; margin:1rem 0;}
  .admin_list_sort{display:inline-block; width:40%; max-width:40%; vertical-align:top;}
  .admin_list_filter{display:inline-block; width:35%; max-width:35%; vertical-align:top; float:right;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

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

  .main_side.side_menu_right{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  
  .uni_search_form{width:100%; margin:0 auto;}
  /*.uni_feat_box{width:90%;}*/
  /*.uni_jobs_box{width:90%; margin:0 auto;}*/
  .uni_jobs_list{width:100%; max-width:100%;}
  .uni_jobs_more{display:none;}
  
  .uni_member_list{grid-template-columns:repeat(2, 1fr);}
  
  .uni_emp_list{grid-template-columns:repeat(2, 1fr);}
  .uni_emp_each{max-width:100%; height:200px; padding:5%;}
  
  
  /*.uni_search_form{width:90%; margin:0 auto;}*/
  /*.uni_feat_box{width:90%;}*/
  /*.uni_jobs_box{width:90%; margin:0 auto;}*/
  /*.uni_jobs_list{width:100%; max-width:100%;}*/
  /*.uni_jobs_more{display:none;}*/
  
  
  .pagination_list{display:none;}
  
  .admin_main_title{display:inline-block; width:45%; vertical-align:top;}
  .admin_option_title{display:inline-block; width:54%; text-align:right; float:right; vertical-align:top;}
  .admin_list_filter{display:block; float:none;}
  .admin_list_filterselect{display:inline-block; width:60%;}
  
  .admin_list_company{display:inline-block; width:50%;}
  .admin_list_counter{display:inline-block; width:48%;}
  
  .admin_list_count_post, .admin_list_count_resume, .admin_list_count_post_on, .admin_list_count_resume_on,
  .admin_list_count_active, .admin_list_count_draft, .admin_list_count_terminated,
  .admin_list_count_active_on, .admin_list_count_draft_on, .admin_list_count_terminated_on{width:17.5%; margin-left:1%;}
  
  .admin_list_companyname{display:block; width:auto; max-width:100%; margin:0;}
  .admin_list_details_box{display:block; width:100%; max-width:100%;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem;}
  .admin_list_logintitle{display:block; width:100%; max-width:100%; margin:0;}
  
  .admin_list_logindetails, .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:block; width:100%; margin:0;}
  .admin_list_passwordemail{width:/*38%*/41%;}
  .admin_list_passwordnew{width:28%; margin-left:0.5%;}
  .admin_list_passwordsubmit{width:20%; margin:0.5rem 1% 0 0;}
  .admin_list_passwordcancel{width:18%; margin:0.5rem 0 0 1%;}
  .admin_list_passwordform{display:block; width:100%;}
  
  .admin_list_control_box{display:block; width:100%;}
  .admin_list_options_managepost_box{display:inline-block; width:22%; margin:0 1% 0 0;}
  .admin_list_options_manageteam_box{display:inline-block; width:22%; margin:0 1% 0 0;}
  .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:inline-block; width:22%; margin:0 1% 0 0;}
  .admin_list_options_microsite_add{display:inline-block; width:22%; margin:0;}
  
  .admin_list_btn_separator{display:none;}
  
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf, .admin_list_options_generatecf, .admin_list_options_generatecfperf,
  .admin_list_options_generatebh, .admin_list_options_generatebhperf{display:block; width:95%; margin-bottom:1rem;}
  
  /*.admin_list_options_microsite_add{display:none;}*/
  .admin_list_options_microsite_box{display:none; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:inline-block; width:14%; margin-right:2%;}
  .admin_list_options_microsite_form{display:inline-block; width:75%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text{display:inline-block; width:46.5%;}
  .admin_list_options_microsite_submit{display:inline-block; width:23%; margin-left:2%;}
  
  .admin_list_profiles{display:block; width:95%; margin:1rem 0 1rem 5%; float:none;}
  .admin_list_profiles_title{display:inline-block; width:28%;}
  .admin_list_profileselect{display:inline-block; width:70%;}
  
  .admin_list_credittype_box{width:42%;}
  .admin_list_creditcurrency{width:33%;}
  .admin_list_credittype{width:62%;}
  .admin_list_creditval_box{width:17%;}
  .admin_list_creditdesc_box{width:79%; margin:0.5rem 0;}
  .admin_list_submit_box{width:17%; margin:0.5rem 0 0 1%;}
  
  .admin_list_creditblock_line{display:block; margin:0.5rem auto 1rem;}
  
  .admin_left_box{display:inline-block; width:52%;}
  .admin_right_box{display:inline-block; width:46%; margin-left:0.5%;}
  
  .admin_list_subselect{display:inline-block; width:80%;}
  .admin_list_subsubmit{display:inline-block; width:18%;}
  .admin_list_assignform{width:75%;}
  .admin_list_assignselect{width:78%;}
  .admin_list_assignsubmit{width:19.5%; margin-left:1.5%;}
  
  .admin_list_assigntitle_whole{display:inline-block; width:15%; margin-right:2%;}
  .admin_list_assignform_whole{display:inline-block; width:80%;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  .admin_list_assignselect_whole{display:block; width:100%; margin:0.25rem auto 0;}
  .admin_list_assignselect_title{display:inline-block; width:31%;}
  .admin_list_assignallselect{display:inline-block; width:57%; margin-right:0;}
  .admin_list_assignallsubmit{width:10%; margin-left:0.5%;}
  
  .admin_list_options_linkedinid{width:70%;}
  .admin_list_options_linkedinsubmit{width:25%;}
  
  .list_empadmin_add{display:block; width:100%; margin:1rem 0;}
  
  .admin_option_title{display:block; width:100%; text-align:left; float:none; margin:1rem 0;}
  .admin_list_sort{display:inline-block; width:40%; max-width:40%; vertical-align:top;}
  .admin_list_filter{display:inline-block; width:35%; max-width:35%; vertical-align:top; float:right;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

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

  /*.main_side.side_menu_right{display:none;}*/
  /*.main_center{max-width:90%; margin:0 auto;}*/
  
  
  /*.uni_search_form{width:100%; margin:0 auto;}*/
  /*.uni_feat_box{width:90%;}*/
  /*.uni_jobs_box{width:90%; margin:0 auto;}*/
  /*.uni_jobs_list{width:100%; max-width:100%;}*/
  /*.uni_jobs_more{display:none;}*/
  
  /*.uni_search_form{width:90%; margin:0 auto;}*/
  /*.uni_feat_box{width:90%;}*/
  /*.uni_jobs_box{width:90%; margin:0 auto;}*/
  /*.uni_jobs_list{width:100%; max-width:100%;}*/
  /*.uni_jobs_more{display:none;}*/
  
  
  .pagination_list{display:none;}
  
  .admin_main_title{display:inline-block; width:45%; vertical-align:top;}
  .admin_option_title{display:inline-block; width:54%; text-align:right; float:right; vertical-align:top;}
  .admin_list_filter{display:block; float:none;}
  .admin_list_filterselect{display:inline-block; width:60%;}
  
  .admin_list_company{display:inline-block; width:50%;}
  .admin_list_counter{display:inline-block; width:48%;}
  
  .admin_list_count_post, .admin_list_count_resume, .admin_list_count_post_on, .admin_list_count_resume_on,
  .admin_list_count_active, .admin_list_count_draft, .admin_list_count_terminated,
  .admin_list_count_active_on, .admin_list_count_draft_on, .admin_list_count_terminated_on{width:17.5%; margin-left:1%;}
  
  .admin_list_companyname{display:block; width:auto; max-width:100%; margin:0;}
  .admin_list_details_box{display:block; width:100%; max-width:100%;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem;}
  .admin_list_logintitle{display:block; width:100%; max-width:100%; margin:0;}
  
  .admin_list_logindetails, .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:block; width:100%; margin:0;}
  .admin_list_passwordemail{width:/*38%*/41%;}
  .admin_list_passwordnew{width:28%; margin-left:0.5%;}
  .admin_list_passwordsubmit{width:20%; margin:0.5rem 1% 0 0;}
  .admin_list_passwordcancel{width:18%; margin:0.5rem 0 0 1%;}
  .admin_list_passwordform{display:block; width:100%;}
  
  .admin_list_control_box{display:block; width:100%;}
  .admin_list_options_managepost_box{display:inline-block; width:22%; margin:0 1% 0 0;}
  .admin_list_options_manageteam_box{display:inline-block; width:22%; margin:0 1% 0 0;}
  .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:inline-block; width:22%; margin:0 1% 0 0;}
  .admin_list_options_microsite_add{display:inline-block; width:22%; margin:0;}
  
  .admin_list_btn_separator{display:none;}
  
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf, .admin_list_options_generatecf, .admin_list_options_generatecfperf,
  .admin_list_options_generatebh, .admin_list_options_generatebhperf{display:block; width:95%; margin-bottom:1rem;}
  
  /*.admin_list_options_microsite_add{display:none;}*/
  .admin_list_options_microsite_box{display:none; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:inline-block; width:14%; margin-right:2%;}
  .admin_list_options_microsite_form{display:inline-block; width:75%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text{display:inline-block; width:46.5%;}
  .admin_list_options_microsite_submit{display:inline-block; width:23%; margin-left:2%;}
  
  .admin_list_profiles{display:block; width:95%; margin:1rem 0 1rem 5%; float:none;}
  .admin_list_profiles_title{display:inline-block; width:28%;}
  .admin_list_profileselect{display:inline-block; width:70%;}
  
  .admin_list_credittype_box{width:42%;}
  .admin_list_creditcurrency{width:33%;}
  .admin_list_credittype{width:62%;}
  .admin_list_creditval_box{width:17%;}
  .admin_list_creditdesc_box{width:79%; margin:0.5rem 0;}
  .admin_list_submit_box{width:17%; margin:0.5rem 0 0 1%;}
  
  .admin_list_creditblock_line{display:block; margin:0.5rem auto 1rem;}
  
  .admin_left_box{display:inline-block; width:52%;}
  .admin_right_box{display:inline-block; width:46%; margin-left:0.5%;}
  
  .admin_list_subselect{display:inline-block; width:80%;}
  .admin_list_subsubmit{display:inline-block; width:18%;}
  .admin_list_assignform{width:75%;}
  .admin_list_assignselect{width:78%;}
  .admin_list_assignsubmit{width:19.5%; margin-left:1.5%;}
  
  .admin_list_assigntitle_whole{display:inline-block; width:15%; margin-right:2%;}
  .admin_list_assignform_whole{display:inline-block; width:80%;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  .admin_list_assignselect_whole{display:block; width:100%; margin:0.25rem auto 0;}
  .admin_list_assignselect_title{display:inline-block; width:31%;}
  .admin_list_assignallselect{display:inline-block; width:57%; margin-right:0;}
  .admin_list_assignallsubmit{width:10%; margin-left:0.5%;}
  
  .admin_list_options_linkedinid{width:70%;}
  .admin_list_options_linkedinsubmit{width:25%;}
  
  .list_empadmin_add{display:block; width:100%; margin:1rem 0;}
  
  .admin_option_title{display:block; width:100%; text-align:left; float:none; margin:1rem 0;}
  .admin_list_sort{display:inline-block; width:40%; max-width:40%; vertical-align:top;}
  .admin_list_filter{display:inline-block; width:35%; max-width:35%; vertical-align:top; float:right;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
  .admin_content_container{display:block; width:100%; margin:0;}
  .admin_main_container{display:block; width:85%; margin:2rem auto;}
  
  .admin_main_header{display:block; width:100%; height:auto; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 auto 2rem;}
  .admin_main_title{display:block; width:100%; margin:0 0 1rem;}
  .admin_option_title{display:block; width:100%; float:none; text-align:left;}
  .admin_status, .admin_status_on{margin:0 2% 0 0;}
  .admin_list_filter{display:block; float:none;}
  
  .admin_list_each{display:block; width:90%; max-width:100%; padding:5%; margin:0 auto 2rem;}
  
  .admin_list_company{display:block; width:100%;}
  .admin_list_name_box{display:inline-block; width:85%; margin-left:1%;}
  .admin_list_details_box{display:block; width:100%; max-width:100%;}
  
  .admin_list_counter{display:block; width:100%; margin-left:0%;}
  .admin_list_count{display:block; width:100%; text-align:center;}
  .admin_list_count_post, .admin_list_count_post_on, 
  .admin_list_count_resume, .admin_list_count_resume_on{display:inline-block; width:44%; margin:3% 1% 0; vertical-align:top;}
  
  .admin_list_count_active, .admin_list_count_active_on, .admin_list_count_draft, .admin_list_count_draft_on,
  .admin_list_count_terminated, .admin_list_count_terminated_on{display:inline-block; width:28%; margin:3% 1% 1rem; vertical-align:top;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem; margin:1rem auto 2rem;}
  .admin_list_logintitle{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_logindetails{display:block; width:100%; height:auto; line-height:1.25rem;}
  .admin_list_passwordemail, .admin_list_passwordnew{display:block; width:100%; margin:0 auto 0.5rem;}
  .admin_list_passwordsubmit{display:inline-block; width:48%; margin:0;}
  .admin_list_passwordcancel{display:inline-block; width:47%; margin-left:2.5%;}
  
  .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:block; width:100%; margin:0 0 0.5rem;}
  .admin_list_passwordform{display:block; width:100%;}
  
  .admin_list_options_managepost_box, .admin_list_options_manageteam_box, .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:block; width:100%; margin:0 auto 0.8rem;}
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf{display:block; width:100%; margin:0 auto;}
  
  .admin_list_clickamount{margin:1rem 0 2rem;}
  .admin_list_clickval_box{display:block; width:100%; margin:0 0 1rem;}
  .admin_list_clicksubmit_box{display:block; width:100%; margin:0;}
  
  .admin_list_options_microsite_add{display:none;}
  .admin_list_options_microsite_box{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:block; width:100%; height:25px; line-height:1.25rem;}
  .admin_list_options_microsite_form{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text, .admin_list_options_microsite_submit{display:block; width:100%; margin:0 auto 1rem;}
  
  .admin_list_count_post:hover .admin_list_count_post_details, 
  .admin_list_count_post_on:hover .admin_list_count_post_details{margin:10px 0 0 -35px;}
    
  .admin_list_profiles{display:block; width:100%; margin:2rem 0 0; float:none;}
  .admin_list_profiles_title{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_profileselect{display:block; width:100%;}
  
  .admin_left_box, .admin_right_box{display:block; width:100%; float:none;}
  .admin_list_creditblock_box{display:block; width:auto; max-width:90%; background:#ecf3ff; padding:1rem 5%; margin:0.5rem 0 0 0;}
  .admin_list_credittitle{display:block; width:100%; margin:1rem auto 0;}
  .admin_list_subamount{display:block; width:100%; margin:0.5rem 0;}
  .admin_list_credittype_box, .admin_list_creditdesc_box, .admin_list_subselect{display:block; width:99%; margin:1% 0;}
  .admin_list_creditval_box{display:inline-block; width:48.5%; margin:1% auto;}
  .admin_list_submit_box, .admin_list_subsubmit, .admin_list_assignallsubmit{display:block; width:100%; margin:3% auto;}
  
  .admin_list_optionsbox{display:block; width:100%; padding:1rem 0 0; margin:1rem auto 0;}
  
  .admin_list_assignselect_whole{display:block; width:100%; margin:1rem auto; float:none;}
  .admin_list_assigntitle_whole{display:block; width:100%;}
  .admin_list_assignform_whole{display:block; width:100%; margin:0 auto 2rem;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  
  .admin_list_assignselect_title{display:block; width:100%;}
  .admin_list_assignallselect{display:block; width:100%; margin:0.5rem auto;}
  
  .admin_list_assigntitle{display:block; width:100%;}
  .admin_list_assignform{display:block; width:100%; margin:0 0 1.5rem;}
  .admin_list_assignselect{display:block; width:100%; margin:0 0 1rem;}
  .admin_list_assignsubmit{display:block; width:100%;}
    
  /* --- list by status --- */
  .list_empbox{display:block; width:90%; height:auto; padding:5%;}
  .list_empdetails{display:block; width:100%;}
  .list_empadmin_title{display:block; width:100%; height:auto; line-height:1.25rem;}
  .list_empadmin_add{display:block; width:100%; margin:1rem 0 0;}
  .list_empadmin_add form{display:block; width:100%; height:auto; line-height:2rem;}
  .list_adminselect{display:inline-block; width:52%;}
  .list_empadmin_list{display:block; width:auto; height:auto; line-height:1.25rem;}
  .list_adminsubmit{display:inline-block; width:44%; margin:0 0 0 1%;}
  
  .list_empstatus{display:block; width:100%; max-width:100%; float:none; text-align:center; margin:1rem 0 0.5rem;}
  .list_updatestat{display:block; border:1px solid #333; color:#0732a2; margin:0 auto;}
  
  .pagination{width:100%;}
  
  .admin_list_sort, .admin_list_filter{display:block; width:100%; max-width:100%; margin:0 0 1rem;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
 
  .uni_top{display:none;}
  
  .main_container{padding:2rem 0;}
  .main_body{display:block; width:100%; padding:0; gap:0;}
  .main_side{display:none;}
  .main_center{max-width:90%; margin:0 auto;}
  
  .uni_search_form{width:90%; margin:0 auto;}
  .uni_search_form_key{border-radius:10px;}
  .uni_search_form_loc{display:none; border:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}
  .uni_search_form_type{display:none;}
  
  .uni_feat_box{display:none;}
  
  .uni_jobs_container{width:90%;}
  .uni_jobs_list{width:100%; max-width:100%;}
  
  .uni_jobs_each{display:grid; grid-template-columns:2fr 10fr}
  
  .uni_jobs_buttons{display:flex; width:100%; margin:0 auto; grid-column-start: 2; justify-content:center; align-items:center;}
  .uni_jobs_buttons div{width:45%; margin:0 auto 1rem;}
  
  .uni_jobs_more{display:none;}
  
  .uni_member_list{grid-template-columns:repeat(2, 1fr);}
  
  .uni_emp_list{grid-template-columns:repeat(2, 1fr);}
  .uni_emp_each{max-width:100%; height:200px; padding:5%;}
  
  
  .uni_footer_options, .uni_footer_content{flex-direction:column;}
  .uni_footer_select{width:100%; max-width:90%;}
  .uni_footer_logo{margin-bottom:2rem;}
  
  
  /*.uni_top{display:none;}*/
  
  /*.uni_search_form{width:90%; margin:0 auto;}*/
  /*.uni_search_form_key{border-radius:10px;}*/
  /*.uni_search_form_loc{display:none; border-right:1px solid #ddd; border-radius:0 10px 10px 0;}*/
  /*.uni_search_form_type{display:none;}*/
  
  /*.uni_feat_box{display:none;}*/
  
  /*.uni_jobs_container{width:90%;}*/
  /*.uni_jobs_list{width:100%; max-width:100%;}*/
  
  /*.uni_jobs_more{display:none;}*/
  
  /*.uni_footer_options, .uni_footer_content{flex-direction:column;}*/
  /*.uni_footer_select{width:100%; max-width:90%;}*/
  /*.uni_footer_logo{margin-bottom:2rem;}*/
  
  
  
  .pagination_list{display:none;}
  
  .admin_content_container{display:block; width:100%; margin:0;}
  .admin_main_container{display:block; width:85%; margin:2rem auto;}
  
  .admin_main_header{display:block; width:100%; height:auto; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 auto 2rem;}
  .admin_main_title{display:block; width:100%; margin:0 0 1rem;}
  .admin_option_title{display:block; width:100%; float:none; text-align:left;}
  .admin_status, .admin_status_on{margin:0 2% 0 0;}
  .admin_list_filter{display:block; float:none;}
  
  .admin_list_each{display:block; width:90%; max-width:100%; padding:5%; margin:0 auto 2rem;}
  
  .admin_list_company{display:block; width:100%;}
  .admin_list_name_box{display:inline-block; width:85%; margin-left:1%;}
  .admin_list_details_box{display:block; width:100%; max-width:100%;}
  
  .admin_list_counter{display:block; width:100%; margin-left:0%;}
  .admin_list_count{display:block; width:100%; text-align:center;}
  .admin_list_count_post, .admin_list_count_post_on, 
  .admin_list_count_resume, .admin_list_count_resume_on{display:inline-block; width:44%; margin:3% 1% 0; vertical-align:top;}
  
  .admin_list_count_active, .admin_list_count_active_on, .admin_list_count_draft, .admin_list_count_draft_on,
  .admin_list_count_terminated, .admin_list_count_terminated_on{display:inline-block; width:28%; margin:3% 1% 1rem; vertical-align:top;}
  
  .admin_list_login{display:block; width:100%; height:auto; line-height:1.25rem; margin:1rem auto 2rem;}
  .admin_list_logintitle{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_logindetails{display:block; width:100%; height:auto; line-height:1.25rem;}
  .admin_list_passwordemail, .admin_list_passwordnew{display:block; width:100%; margin:0 auto 0.5rem;}
  .admin_list_passwordsubmit{display:inline-block; width:48%; margin:0;}
  .admin_list_passwordcancel{display:inline-block; width:47%; margin-left:2.5%;}
  
  .admin_list_passwordbox_left{width:100%;}
  .admin_list_passwordtitle{display:block; width:100%; margin:0 0 0.5rem;}
  .admin_list_passwordform{display:block; width:100%;}
  
  .admin_list_options_managepost_box, .admin_list_options_manageteam_box, .admin_list_options_generate_box, .admin_list_options_generate_perfbox{display:block; width:100%; margin:0 auto 0.8rem;}
  .admin_list_options_managepost, .admin_list_options_manageteam, .admin_list_options_generatejs, .admin_list_options_generateperf{display:block; width:100%; margin:0 auto;}
  
  .admin_list_options_microsite_add{display:none;}
  .admin_list_options_microsite_box{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_title{display:block; width:100%; height:25px; line-height:1.25rem;}
  .admin_list_options_microsite_form{display:block; width:100%; height:auto; line-height:1.5rem; margin:0 auto 1rem;}
  .admin_list_options_microsite_text, .admin_list_options_microsite_submit{display:block; width:100%; margin:0 auto 1rem;}
  
  .admin_list_count_post:hover .admin_list_count_post_details, 
  .admin_list_count_post_on:hover .admin_list_count_post_details{margin:10px 0 0 -35px;}
    
  .admin_list_profiles{display:block; width:100%; margin:2rem 0 0; float:none;}
  .admin_list_profiles_title{display:block; width:100%; min-height:25px; line-height:1.25rem; margin:0;}
  .admin_list_profileselect{display:block; width:100%;}
  
  .admin_left_box, .admin_right_box{display:block; width:100%; float:none;}
  .admin_list_creditblock_box{display:block; width:auto; max-width:90%; background:#ecf3ff; padding:1rem 5%; margin:0.5rem 0 0 0;}
  .admin_list_credittitle{display:block; width:100%; margin:1rem auto 0;}
  .admin_list_subamount{display:block; width:100%; margin:0.5rem 0;}
  .admin_list_credittype_box, .admin_list_creditdesc_box, .admin_list_subselect{display:block; width:99%; margin:1% 0;}
  .admin_list_creditval_box{display:inline-block; width:48.5%; margin:1% auto;}
  .admin_list_submit_box, .admin_list_subsubmit, .admin_list_assignallsubmit{display:block; width:100%; margin:3% auto;}
  
  .admin_list_optionsbox{display:block; width:100%; padding:1rem 0 0; margin:1rem auto 0;}
  
  .admin_list_assignselect_whole{display:block; width:100%; margin:1rem auto; float:none;}
  .admin_list_assigntitle_whole{display:block; width:100%;}
  .admin_list_assignform_whole{display:block; width:100%; margin:0 auto 2rem;}
  .admin_list_assigndetails_whole{display:block; width:100%;}
  
  .admin_list_assignselect_title{display:block; width:100%;}
  .admin_list_assignallselect{display:block; width:100%; margin:0.5rem auto;}
  
  .admin_list_assigntitle{display:block; width:100%;}
  .admin_list_assignform{display:block; width:100%; margin:0 0 1.5rem;}
  .admin_list_assignselect{display:block; width:100%; margin:0 0 1rem;}
  .admin_list_assignsubmit{display:block; width:100%;}
  
  /* --- list by status --- */
  .list_empbox{display:block; width:90%; height:auto; padding:5%;}
  .list_empdetails{display:block; width:100%;}
  .list_empadmin_title{display:block; width:100%; height:auto; line-height:1.25rem;}
  .list_empadmin_add{display:block; width:100%; margin:1rem 0 0;}
  .list_empadmin_add form{display:block; width:100%; height:auto; line-height:2rem;}
  .list_adminselect{display:inline-block; width:52%;}
  .list_empadmin_list{display:block; width:auto; height:auto; line-height:1.25rem;}
  .list_adminsubmit{display:inline-block; width:44%; margin:0 0 0 1%;}
  
  .list_empstatus{display:block; width:100%; max-width:100%; float:none; text-align:center; margin:1rem 0 0.5rem;}
  .list_updatestat{display:block; border:1px solid #333; color:#0732a2; margin:0 auto;}
  
  .pagination{width:100%;}
  
  .admin_list_sort, .admin_list_filter{display:block; width:100%; max-width:100%; margin:0 0 1rem;}
  .admin_list_sortby, .admin_list_filterby{display:inline-block; width:30%;}
  .admin_list_sortselect, .admin_list_filterselect{display:inline-block; width:65%;}
  
}

/* ------------------------------------------------------------------------------------------------------- */
/* ------------ END media css - added 15/10/2018 - 2:14pm - updated 30/12/2024 - 04:34pm ----------------- */
/* ------------------------------------------------------------------------------------------------------- */