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

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

.pagination{text-align:center; cursor:pointer;}

/* ------------------------------- company page css - added 15/10/2019 - 10:47am ------------------------------- */


.company_breadcrumb{display:block; width:1280px; max-width:90%; font-size:0.8rem; color:#333; background:#fff; margin:1rem auto;}
.company_breadcrumb a{color:#666;}
.company_breadcrumb a:hover{color:#0704e1;}
.company_breadcrumb_box{display:inline-block; width:50%; padding:15px 0; vertical-align:middle;}
.company_breadcrumb_box span{font-weight:600; color:#000;}

.company_search_box{display:inline-block; width:48%; text-align:right; padding:10px 0; vertical-align:middle;}
.company_search_box form{margin:0;}
.company_search_text{display:inline-block; width:75%; height:35px; line-height:35px; font-size:0.85rem; font-family:'Noto Sans', sans-serif; color:#000; 
                     border:1px solid #ddd; border-radius:5px; padding:0 2.5%; margin-right:2%; vertical-align:top; outline:none;}
.company_search_text:focus{border:1px solid #0704e1;}
.company_search_result{border:1px solid #0704e1;}
.company_search_submit{display:inline-block; width:22%; height:35px; font-size:0.85rem; font-family:'Noto Sans', sans-serif; color:#fff; background:#0704e1;
                       border:2px solid #0704e1; border-radius:5px; vertical-align:top;}
.company_search_submit:hover{color:#0704e1; background:#fff;}


.company_container{display:block; width:100%; border-top:1px solid #f1f1f1;}

.company_box{display:block; width:1280px; max-width:90%; margin:1rem auto;}

/*.company_title{display:block; width:100%; font-family:'Noto Sans', sans-serif; font-size:1.65rem; line-height:2.5rem; font-weight:600; text-transform:uppercase; */
/*               text-align:center; color:#202020; margin:0 auto 1rem; letter-spacing:1px;}*/

.company_column_feat{display:inline-block; width:14.25%; height:200px; margin:1.5% 1.5% 0 0; padding:2% 2% 1%; vertical-align:top; border-radius:10px;
                     background:rgba(7,50,162,0.05); box-shadow:2px 2px 5px 1px rgba(7,50,162,0.25);
                     -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
                     -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.company_column_feat:hover{background:#fff; cursor:pointer;}

.company_logo_box_feat{display:block; width:100%; height:65px; margin:0 auto; text-align:center;}
.company_logo_box_feat img{display:inline-block; width:auto; max-width:80%; min-height:25px; max-height:55px;}

.company_name_feat{display:block; font-size:18px; line-height:22px; font-weight:600; color:#000; margin:4% 0 0; text-align:left;
                   height:45px; min-height:45px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
                   overflow:hidden; text-overflow:ellipsis;}

.company_feat_separator{display:block; width:20px; height:20px; vertical-align:middle; margin:2rem auto;
                        background:url('https://assets.jobstore.my/images/icon/icon_separator_x.png') no-repeat center/contain;}

.company_column{display:inline-block; width:22.65%; height:365px; margin:0 2% 1.5% 0; padding:0; vertical-align:top; border-radius:10px;
                border:1px solid #ddd; box-shadow:2px 2px 5px 1px rgba(221,221,221,0.25); -webkit-transition: all 0.2s ease-in-out; 
                -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.company_column:hover{background:#f2f2f2; cursor:pointer;}

.company_column_box{display:block; width:80%; height:220px; text-align:left; padding:0 10% 10%; position:relative;}

.company_banner{display:block; width:100%; height:125px; object-fit:contain; border-bottom:1px solid #eee; border-radius:10px 10px 0 0;}

.company_logo_box{display:block; width:100%; height:65px; margin:-10% auto 1rem; text-align:left;}
.company_logo_box img{display:inline-block; width:50px; height:50px; background:#fff; border:1px solid #eee; border-radius:5px; object-fit:contain;}
.company_logo_box .no_logo{display:inline-block; width:auto; max-width:90%; min-height:25px; max-height:45px;}

.company_title{display:block; line-height:1.25rem; font-size:0.9rem; font-weight:700; color:#000; margin:0; text-align:left; text-transform:none;
              display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
              
.company_name{display:block; line-height:1rem; font-size:0.9rem; font-weight:700; color:#000; margin:0; text-align:left;
              /*height:45px; min-height:45px;*/ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
							overflow:hidden; text-overflow:ellipsis;}

.company_info{display:block; width:100%; height:50px; margin:0.5rem auto 1rem;}
.company_info_text{display:block; line-height:1.25rem; font-size:0.8rem; color:#666;}

.company_ext{display:block; width:80%; border-top:1px solid #ddd; padding:1rem 0 0; margin:0 auto; position:absolute; bottom:0;}
.company_ext_info_box{display:inline-block; width:65%; font-size:0.7rem; color:#0704e1; vertical-align:middle;}
.company_ext_info_box:hover{color:#333;}

.company_ext_view_box{display:inline-block; width:33%; font-size:0.7rem; color:#0704e1; vertical-align:middle;}
.company_ext_view{display:block; width:80px; max-width:100%; height:30px; line-height:30px; color:#0704e1; background:#fff; border:1px solid #0704e1; 
                  border-radius:25px; text-align:center; float:right; padding:0 10px 0 25px; 
                  background:url('https://assets.jobstore.my/images/icon/icon_fwd_blue.png') no-repeat center left 15px/13px;}
.company_ext_view:hover{color:#fff; background:url('https://assets.jobstore.my/images/icon/icon_fwd_white.png') #0704e1 no-repeat center left 15px/13px;}


/* --------------------------- pagination css - updated 13/09/2023 - 10:04am --------------------------- */ 

.company_box_pagination{display:block; width:1280px; max-width:90%; text-align:center; margin:3rem auto 1.5rem;}
.pagination{display:block; width:100%; height:auto; font-family:'Noto Sans', sans-serif; text-align:center; margin:1.5rem auto 3rem;}
.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 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 p{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;}


/* ---------------------------------------------------------------------------------------------- */
/* -------------------------- media css - updated 15/10/2019 - 11:20am -------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {
	
  .company_container{display:block; padding-top:0;}
  
  .company_breadcrumb_box, .company_search_box{display:block; width:100%; float:none; margin:0 auto;}
  .company_search_text{width:65%;}
  .company_search_submit{width:30%;}
  
  .company_box{display:block; width:85%; max-width:85%;}
  .company_column_feat, .company_column{display:block; width:100%; margin:1rem auto 2rem;}
  .company_name{font-size:1.25rem; margin:8% 0;}
  .company_ext_box{font-size:1rem;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
  
  .company_container{display:block; padding-top:0;}
  
  .company_breadcrumb_box, .company_search_box{display:block; width:95%; text-align:left; float:none; margin:0 auto;}
  .company_search_text{width:67%;}
  .company_search_submit{width:30%;}
  
  .company_column_feat, .company_column{display:inline-block; width:46.5%; margin:0 2.5% 2.5% 0;}
	
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
	
  .company_container{display:block; padding-top:0;}
  
  .company_breadcrumb_box, .company_search_box{display:block; width:95%; text-align:left; float:none; margin:0 auto;}
  .company_search_text{width:67%;}
  .company_search_submit{width:30%;}
  
  .company_column_feat, .company_column{display:inline-block; width:46.5%; margin:0 2.5% 2.5% 0;}
	
}

@media only screen and (min-width: 801px) and (max-width: 920px) {
	
  .company_breadcrumb_box, .company_search_box{display:block; width:95%; text-align:left; float:none; margin:0 auto;}
  .company_search_text{width:74%;}
  
	.company_box{display:block; width:88%; max-width:90%; text-align:center;}
	.company_box_pagination{display:block; width:78%; max-width:78%;}
	
  .company_column_feat, .company_column{display:inline-block; width:46.5%; margin:0 2.5% 2.5% 0;}
	
}

@media only screen and (min-width:921px) and (max-width: 1023px) {
	
	.company_box{display:block; width:92%; max-width:92%; text-align:center;}
	.company_box_pagination{display:block; width:90%; max-width:90%;}
	
  .company_column_feat, .company_column{display:inline-block; width:30.5%;}
	
}

@media only screen  and (min-width: 1024px) and (max-width: 1279px) {
	
	.company_box{display:block; width:92%; max-width:92%; text-align:center;}
	.company_box_pagination{display:block; width:90%; max-width:90%;}
	
	.company_column_feat, .company_column{display:inline-block; width:30.5%;}
	
}

@media only screen  and (min-width: 1280px) and (max-width: 1439px) {
	
	.company_box{display:block; width:92%; max-width:92%; text-align:center;}
	.company_box_pagination{display:block; width:90%; max-width:90%;}
	
	.company_column_feat, .company_column{display:inline-block; width:22.5%;}
	
}

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

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
  .company_container{display:block; padding-top:0;}
  
  .company_breadcrumb_box, .company_search_box{display:block; width:100%; float:none; margin:0 auto;}
  .company_search_text{width:65%;}
  .company_search_submit{width:30%;}
  
  
  .company_box{display:block; width:85%; max-width:85%;}
  .company_column_feat, .company_column{display:block; width:100%; margin:1rem auto 2rem;}
  .company_name{font-size:1.25rem; margin:8% 0;}
  .company_ext_box{font-size:1rem;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .company_container{display:block; padding-top:0;}
  
  .company_breadcrumb_box, .company_search_box{display:block; width:92%; text-align:left; float:none; margin:0 auto;}
  .company_search_text{width:67%;}
  .company_search_submit{width:30%;}
  
  .company_column_feat, .company_column{display:inline-block; width:46.5%; margin:0 2.5% 2.5% 0;}
	
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------- END media css - updated 15/10/2019 - 11:20am -------------------------- */
/* -------------------------------------------------------------------------------------------------- */