/*
Theme Name:   superio child theme
Description:  Write here a brief description about your child-theme
Author:       talentbank
Author URL:   https://graduatejobs.com.my/wp
Template:     superio
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  superio-child
*/

/* Write here your own personal stylesheet */

.login-form-wrapper .register-info{ margin-top: 0 !important; }

/* .user-1319 .inner-notification-top, .user-17 .inner-notification-top,  */
/* .user-1318 .inner-notification-top, .user-11 .inner-notification-top{ */
    /* display: block !important; */
/* } */

.menu_short_profile li a{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.menu_short_profile li{
	min-height: 57px;
}
p.menu-custom-tooltip {
    z-index: 999999;
    position: absolute;
    padding: 2px 5px;
    color: #fff;
    background: #1967D2;
    border: 1px solid #1967D2;
    border-radius: 5px;
	font-size: 12px;
}

.notificaiton-top .inner-notification-top{ margin-top: 10px; padding: 15px; position: absolute; top: 100%; right: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; transform: translateY(10px); z-index: 5; min-width: 340px; text-align: left;     border-radius: 8px; border: 1px solid #ECEDF2; background: #fff; height: 400px; overflow-y: scroll; }
.notificaiton-top:hover .inner-notification-top{ opacity: 1; visibility: visible; }
.notification-menu{ width: 100%; padding: 0; margin: 0; }
.notification-menu > li.list-item{ float: none; margin-bottom: 10px; }
.notification-menu > li.list-item:last-child { margin-bottom: 0; }
.notification-menu .list-item .notification-item{ padding: 7px 10px; display: flex; align-items: center;}
.notification-item .avatar{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.notification-item .content{ width: calc(100% - 50px); padding-left: 10px; }
.notification-item .notification-text { line-height: 18px; }
.notification-item .notification-text .uname{ color: #1967d2; }
.notification-item .notification-text .job-title{ color: #1967d2; font-size: inherit; }
.notification-item .notification-time{ 
	/* position: absolute; bottom: -10px; right: 0; margin: 5px; */
	float: right; line-height: 18px; color: #1967d2; 
}
.notification-menu .list-item:hover .notification-item{ background-color: #E8F0FA; border-radius: 8px; color: #1967d2; }
.notification-menu .list-item:hover .notification-item.no-notification{ background-color: transparent; }
.inner-notification-top::-webkit-scrollbar{ 
	width: 5px; /* width of the entire scrollbar */ 
	background: transparent;
}
.inner-notification-top::-webkit-scrollbar-track{ 
	background: transparent; /* color of the tracking area */
}
.inner-notification-top::-webkit-scrollbar-thumb{ 
    background-color: #C2C2C2;    /* color of the scroll thumb */
	border-radius: 20px;       /* roundness of the scroll thumb */
	border: 3px solid transparent;  /* creates padding around scroll thumb */
}
.notification-item.unread{ font-weight: 700; }



#_candidate_front .description-error, #_employer_front .description-error{
    color: #ff0000;
    padding: 15px 0 0;
}
#_candidate_front .description-error.img-error, #_employer_front .description-error.img-error{
    padding: 0 0 10px !important;
}

/* disable dash in dropdown in candidate profile and frontend filter start */

.candidate #select2-custom-multiselect-38188777-results li[id^="select2-custom-multiselect-38188777-result-"][id$="-----"],
.candidate #select2-_candidate_languages-results li[id^="select2-_candidate_languages-result-"][id$="-----"],
.candidate #select2-custom-select-56651404-results li[id^="select2-custom-select-56651404-result-"][id$="-----"]{
    pointer-events: none; }
.page-id-1155 ul[id^="select2-"][id$="results"] li[id^="select2-"][id$="-----"]{ pointer-events: none; }
	
/* disable dash in dropdown in candidate profile and frontend filter end */

.select2-container.select2-container--default .select2-results .select2-results__option{ padding: 6px 22px !important; }
.page-id-1699 .child-category-container { margin: 0 0 28px; }

.subwoo-inner .duration { color: #1967d2; }
.short-des .green { color: #5e8d25; font-weight: bold }
.short-des .red { font-size: 18px; color: #bf1b1b; }
.package_row .btn.btn-block { position: absolute; bottom: 71px; width: 70%; left: 15%; }
.package_row .col-sm-4 { display: flex; }
.package_row{ display: flex; }
.package_row .subwoo-inner { padding-bottom: 100px !important; width: 100%; }

.invite-to-apply-form .disabledBtn{ pointer-events: none; }
.header-mobile .notificaiton-top .dropdown-toggle{ display: flex; margin: 0 30px 0 15px; }
.winner-message{ clear: both; color: red; }
.later-year { opacity: 0.5; }
.employer-dashboard-wrapper .statistics .inner-header, .candidate-dashboard-wrapper .statistics .inner-header{ font-size: 14px; }
.my-tooltip {
    position: relative;
    cursor: help;
    display: inline-block;
    border-bottom: 0px dotted black;
    text-decoration: none;
    background: #696969;
    width: 20px;
    height: 20px;
    border-radius: 93px;
    color: white;
    font-size: 15px;
    margin-left: 3px;
    line-height: 21px;
    padding-left: 6px;
}
.my-tooltip .tooltiptext {
    visibility: hidden;
    width: 275px;
    background-color: #5a5a59;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
	line-height: 18px;
    margin-top: 25px;
    margin-left: 15px;
    right: -125px;
}
.my-tooltip .tooltiptext .tool-link { color: #fff; }
.my-tooltip:hover .tooltiptext {
    visibility: visible;
}

.word-count-message {
    text-align: right;
    padding-top: 5px;
    color: #333;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
    font-size: 27px;
    margin-right: 4px;
}
.cropper-example-2-modal .modal-header{
	min-height: 50px;
}
#cropper-example-2{ width: 560px; height: 420px; }
.cmb-form .wp-job-board-pro-uploaded-file-preview .wp-job-board-pro-remove-uploaded-file{
	z-index: 10;
}
.cmb-form .wp-job-board-pro-uploaded-files.multiple_upload .wp-job-board-pro-crop-uploaded-file{
	display: none;
}
.cmb-form .wp-job-board-pro-uploaded-file-preview .wp-job-board-pro-crop-uploaded-file{
	
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #1967d278;
}
.cmb-form .wp-job-board-pro-uploaded-file-preview .wp-job-board-pro-crop-uploaded-file .text {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    text-align: center;
}
.cmb-form .wp-job-board-pro-uploaded-file-preview:hover .wp-job-board-pro-crop-uploaded-file {
    opacity: 1;
}

.top_empoyer_sponser .employer-status {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 17px;
}
.employer_status_200 {
    color: #006dc6;
}
.employer_status_300 {
    color: #b29000;
}
.employer_status_400 {
    color: #660087;
}
.elementor-widget-apus_element_job_board_pro_employers .employer-grid.v2 .employer-logo{
	width: 100% !important;
    height: 100% !important;
    border-radius: 0;	
}
.employer-grid.v2 .employer-title{
	margin: 0 auto;
}
.page-id-1841 .jobs-alert-ordering-wrapper > form.form-superio-ppp {
    display: none;
}
.job-list .employer-logo{
	width: 120px;
    height: 100%;
    border-radius: 0;
}
.job-list .featured-text {
    color: #34a853;
    background-color: #d9fce8;
    border-radius: 5px;
}
.job-list .urgent {
    color: #db0340;
    background-color: #ffc5d7;
    border-radius: 5px;
}
.job-list .remote {
	display: inline-block;
	padding: 1px 20px;
    font-size: 13px;
    color: #6d00a0;
    background-color: #f1dcff;
    border-radius: 5px;
}
.job-list .type-job{
	color: #1967d2;
    background-color: #dde8f8;
    border-radius: 5px;
}
.employer-grid span.featured-text {
    border-radius: 5px;
}
.employer-grid .employer-logo {
    width: 120px !important;
    height: 100% !important;
    border-radius: 0 !important;
	margin-top: 30px !important;
}
.employer-grid .desktop .sponsorship-status{
	position: absolute;
}
.employer-grid .sponsorship-status{
	display: inline-block;
    padding: 1px 15px;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    left: 10px;
    top: 10px;    
}
.sponsorship_status_200{
	background-color: #0018c6;
}
.sponsorship_status_300{
	background-color: #aa8900;
}
.sponsorship_status_400{
	background-color: #5a007c;
}
.page-id-1913 .sidebar-wrapper i.fa.fa-handshake-o:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f2b5';
    font-weight: 100;
}

.page-id-1657 .profile-form-wrapper .title{
	margin-bottom: 5px;
}
.page-id-1657 .profile-form-wrapper .view_profile{
	margin-bottom: 20px;
	display: flow-root;	
}

.results-filter-wrapper .inner{
	align-items: center;
}
.results-filter-wrapper .inner > a{
	width: 100%;
	max-width: 75px;
	margin-top: 0 !important;
}
.toggle-filter-list .ti-minus:before, .toggle-filter-list .ti-plus:before{ font-size: 14px; line-height: 26px; font-weight: bold; }

.job-list .mobile.candidate-applied-job{ display: none; }
.page-id-1653 .applicants .job-list .job-list-content .title-wrapper .label{ font-size: 90%; padding: 5px 8px; font-weight: 400; }

#_job_front .submit-button-wrapper button.btn.btn-theme.btn-inverse { margin-right: 10px; }
#_job_front .btn-publish {
    background: #256ab4;
    border-color: #256ab4;
}
#_job_front .btn-publish:hover {
    background: transparent !important;
    color: #256ab4;
}
#_job_front .btn-preview {
    /* background: #1967d24d; */
    /* border-color: #1967d24d !important; */
	background: #1967d21a;
    border-color: #1967d21a;
    color: #000;
}
#_job_front .btn-draft {
    background: #1967d21a;
    border-color: #1967d21a;
    color: #000;
}
#_job_front .btn-preview:hover,  #_job_front .btn-draft:hover{
    background: transparent;
}
.job-applicants .applicants-wrapper .review-candidate + .review-candidate{ margin-top: 20px; }
body.judge .apus-header .main-sticky-header{ background: #fff; /*box-shadow: 0 2px 6px rgb(0 0 0 / 5%);*/ }
.review-candidate-layout .candidate-information .review-status{ padding: 1px 20px; border-radius: 5px; line-height: 22px; }
.review-candidate-layout .candidate-information .pending{ color: #1967d2; background-color: #dde8f8; font-size: 13px !important; }
.review-candidate-layout .candidate-information .completed{ background: #d9fce8; color: #34A853; font-size: 13px !important; }
.judge .elementor-element.elementor-element-8bff93a.elementor-widget__width-auto.elementor-widget.elementor-widget-apus_element_primary_menu{ display: none; }
.judge .br-wrapper.br-theme-fontawesome-stars { text-align: right; margin-top: -40px; }
.judge .widget_apus_candidate_info, .judge .widget_professional_skills, .judge .widget_apus_candidate_socials{ padding-bottom: 80px !important; }
.judge .sidebar-job .widget .br-wrapper.br-theme-fontawesome-stars{ position: absolute; bottom: 30px; right: 30px; }
.judge .title-wrapper .br-wrapper.br-theme-fontawesome-stars{ float: right; margin-top: 5px; }
.judge.single-candidate .rating-container{ float: right; }
.judge.single-candidate .rating-container .rating-num{ vertical-align: middle; padding: 4px 10px; border-radius: 50%; 
    margin-right: 15px; color: #fff; background: #256ab4; font-size: 12px; }
.judge #apus-header-mobile .flex-middle.justify-content-end a.btn-showmenu.flex-column.flex{ display: none; }
.judge .candidate-rating-form .btn-candidate-rated{ background: #E44343; border-color: #E44343; pointer-events: none; }
.judge .btn-reviewed{ background: #E44343; border-color: #E44343; }
.judge .btn-reviewed:hover{ background: #e62626; border-color: #e62626; border-color: #e62626; } 
.judge .rating-btn-container{ display: flex; align-items: center; justify-content: center; }
.judge .rating-btn-container > *{ width: 50%; margin: 0 5px; }
.judge .review-candidate-layout .ali-right .btn-review{ width: 130px; }


/********** single employer ********/
.cmb2-id--employer-cover-photo .wp-job-board-pro-uploaded-file .wp-job-board-pro-crop-uploaded-file {
    display: none;
}

.employer-top-bar{ margin-bottom: 5px; position: relative; }
.employer-top-bar .employer-cover-photo{ width: 100%; object-fit: cover; }
@media only screen and (max-width: 768px){
    .employer-top-bar .employer-cover-photo{ width: 100%; height: 220px; object-fit: cover; }
}
.employer-detail-header.candidate-detail-header.v1 { background: transparent; }
.candidate-detail-header.employer-detail-header .candidate-thumbnail{ width: 100%; }
.candidate-detail-header.employer-detail-header .employer-logo {
    width: 260px;
    height: 260px;
    border: 1px solid #000;
    border-radius: 0;
    padding: 25px;
}
.candidate-detail-header.employer-detail-header .employer-content-wrapper .candidate-title{ font-size: 36px; } 
.candidate-detail-header.employer-detail-header .candidate-information { width: 100%; }
.employer-detail-header.candidate-detail-header .employer-award-container { margin-top: 30px; }
.candidate-metas-bottom > * { margin-right: 15px; display: inline-block; vertical-align: middle; }
.employer-detail-header.candidate-detail-header .display-status { display: inline-block; padding: 1px 15px; color: #fff; border-radius: 5px; }
.status-container .display-status.featured-text { background: #34A853; font-size: 15px; }
.status-container .display-status.employer-text { background: #1967d2; }
.employer-content-area .employer-detail-description .show_more { overflow: hidden; height: 82px; }
.employer-content-area .employer-detail-description .show_less{ height: auto; overflow: visible; }
.disable_btn{ pointer-events: none; opacity: 0.5; }
.single-employer .job-list .job_btns{ right: 60px; position: absolute; top: 35px; }
.single-employer .job-list .job_btns .job-browse, .single-job_listing .job-list .job_btns .job-browse{ margin-top: 10px; }
.single-employer .job-list .job-list-content .job-metas { margin-bottom: 5px; }
.single-employer .job-list .job-list-content .job-metas ~ .job-metas { margin-bottom: 0; }
.job-list .quick_apply, .job-list .employer_job_meta{ display: none; }
.single-employer .job-list .quick_apply, .single-employer .job-list .employer_job_meta{ display: block; }
.single-employer .job-list .quick_apply .deadline-time, .single-employer .job-list .quick_apply .deadline-closed, 
.single-job_listing .job-list .quick_apply .deadline-time, .single-job_listing .job-list .quick_apply .deadline-closed{
	display: none; 
}
.single-employer .job-list .quick_apply .btn-applied-job-internal, 
.single-job_listing .job-list .quick_apply .btn-applied-job-internal { background: #E44343 !important; border-color: #E44343 !important; width: 100%; color: #fff !important; }
.single-job_listing .job-detail-header .job-detail-buttons .btn-applied-job-internal{  background: #E44343 !important; border-color: #E44343 !important; }
.single-employer .job-list .quick_apply .btn-apply-job-internal { background: #dde8f8; border-color: #dde8f8; color: #000; width: 100%; }
.single-employer #job-candidate-portfolio .row-portfolio > div:nth-child(3n+1){ clear: both !important; }
.single-employer .row-portfolio > div:nth-child(4n+ 1) { clear: none; }
.single-employer #job-candidate-portfolio .portfolio-item{ border-radius: 0; }
.single-employer #job-candidate-portfolio .image-wrapper img { width: 300px; height: 150px; object-fit: cover; }

.single-employer #job-candidate-portfolio .portfolio-item{ margin-bottom: 15px; }
.single-employer #job-candidate-portfolio .gallery_more{ clear: both; }
.single-employer .text-center.more_btn { padding-top: 15px; }
.employer-faq { overflow: auto; }
.employer-faq .faq-accordion {
	background-color: transparent;
    color: #444;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
	margin-top: 20px;
	line-height: 24px;
}
.employer-faq .faq-active, .employer-faq .faq-accordion:hover {
	background-color: #1967d2;
	color: #fff;
}
.employer-faq .faq-panel {
	padding: 0 18px;
	max-height: 0;
	background-color: #fff;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border: 1px solid #d8d8d8;
    border-top: 0;
	border-bottom-color: transparent;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.employer-faq .faq-accordion:first-child {
    margin-top: 0;
}
.faq-panel p {
    margin-top: 20px;
}
.faq-accordion.faq-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.faq-accordion.faq-active + .faq-panel{ border-bottom-color: #d8d8d8; }
.faq-accordion:after{ 
	content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	font-size: 28px;
    margin-top: -2px;
}
.faq-active:after {
    content: "\2212";
	color: #fff;
}
.faq-accordion:hover:after {
    color: #fff;
}
.single-employer .job-detail-employer-info > div > .value { text-align: right; }
.single-employer .job-detail-employer-info > div { align-items: flex-start; }
.single-employer .job-detail-employer-info .title{ width: 40%; }
.single-employer .job-detail-employer-info .title + .value{ width: calc(100% - 40%); }
/*.single-employer .employer_videos { padding-top: 12px; }*/
.single-employer .employer_videos .video_container:not(:last-child) { margin-bottom: 20px; }
.single-employer .video_container .lightbox_videolink:after {
    position: absolute;
    content: "\e6ad";
    left: 50%;
    width: 48px;
    height: 48px;
    margin-left: -34px;
    margin-top: 75px;
    z-index: 63;
    font-family: 'themify';
    color: white;
    font-size: 27px;
    border: 2px solid;
    border-radius: 100px;
    line-height: 45px;
    padding-left: 11px;
}
.single-employer .row.content-single-candidate.row-related { padding-top: 0; margin-top: -60px; }
.employer-benefit .benefit_logo { margin-bottom: 20px; }
.employer-benefit .benefit_logo img{ max-width: 80%; }
.employer-benefit .benefit-inner .tooltip .tooltip-inner{ font-size: 13px; }
.candidate-detail-header .active-status.status {
    display: inline-block;
    padding: 1px 15px 2.5px;
    border-radius: 5px;
    background-color: #1967d226;
}
.candidate-detail-header .active-status.status.online i{
    color: #13bb13;
}
.candidate-detail-header .active-status.status.offline i{
    color: #cb0b0b;
}
.comment-table .avatar-wrapper .avatar img.avatar{
    border-radius: 50%;
    width: 80px;
    height: auto;
    margin: 0 auto;
}
.comment-table tr.comments.unapproved { background-color: #fcf9e8; }
.comment-table .job-table-actions.comment-status .action-button{ display: flex; }


.select2-results > .select2-results__options .select2-results__option{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}	
p.custom-tooltip {
    z-index: 999999;
    position: absolute;
    padding: 2px 5px;
    color: #fff;
    background: #1967D2;
    border: 1px solid #1967D2;
    border-radius: 5px;
	font-size: 12px;
}
.employer-content-wrapper .btn-follow-employer .flaticon-bookmark:before{ font-weight: 900; color: #ffe4ef; font-size: 22px; }
.employer-content-wrapper .btn-unfollow-employer{ background-color: #1967d212 !important; }
.employer-content-wrapper .btn-unfollow-employer .flaticon-bookmark:before { font-size: 22px; font-weight: 900; color: #d40b3f; }
.page-id-1653 .applicants .job-list .job_btns, .page-id-1694 .job-submission-preview-form-wrapper .releated-jobs .job-list 
.job_btns{ float: right; margin-right: 42px; margin-top: 35px; }
#apus_register_form ul.role-tabs.nav.nav-tabs li a { line-height: 38px; padding: 9px 30px; height: 60px; }
.lostpassword-fields .lostpassword-link .back-link{ color: #fff; border-radius: 4px; line-height: 40px; }
.single-employer .widget-open-jobs .job-list .quick_apply a.btn-apply-job-internal-required, .single-employer .widget-open-jobs .job-list .quick_apply a.btn-apply-job-internal{ visibility: hidden; }
.single-employer .widget-open-jobs .job-list .quick_apply a.btn-apply-job-internal-required:after, 
.single-employer .widget-open-jobs .job-list .quick_apply a.btn-apply-job-internal:after,
.single-job_listing .widget.releated-jobs .job-list .quick_apply a.btn-apply-job-internal:after,
.single-job_listing .widget.releated-jobs .job-list .quick_apply a.btn-apply-job-internal-required:after{ 
	visibility: visible;
    content: 'Quick Apply';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #c9dbf0;
    color: black;
    border-color: #c9dbf0;
    font-weight: 400;
    border-radius: 8px;
    line-height: 48px;
}
.single-employer .widget-open-jobs .job-list .job-metas-bottom .tooltip.top{ opacity: 0; }
.single-employer .sidebar-job aside.widget.widget_media_image{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.single-employer .widget_vote_us{ margin-top: -30px; padding-top: 10px !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; }
.single-employer .btn-vote{ width: 200px; background: #ffdb4c; border-color: #ffdb4c; color: #000; }
.single-employer .btn-vote:hover, .single-employer .btn-vote:focus{ color: initial; }
/*.single-employer .widget_vote_us .btn-employer-vote{ background: #ffdb4c; border-color: #ffdb4c; color: #000; }*/
.single-employer .widget_vote_us .btn-employer-votted{ background: #000000e6; color: #fff; border-color: #000000e6; pointer-events: none; opacity: 0.90; }
.job-detail-employer-info .value .category-employer.employer-link{ display: block; }
.single-employer .job-detail-employer-info .job-category .value .category-employer.employer-link {
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.single-employer .widget_gca_voting .employer-gca-voting-inner .voting-image-container{ margin-bottom: 20px; }
.single-employer .widget_gca_voting .employer-gca-voting-inner .voting-image-container:last-child{ margin-bottom: 0 !important; }


/********** single job ********/
.job_listing .job-detail-header.v1 {
    background: transparent;
}
.job_listing .job-detail-header .employer-logo{
	width: 200px;
    height: 200px;
	border: 1px solid #9ca6ae;
    border-radius: 0;
    padding: 10px;
}
.job-employer-wrapper { font-size: 16px; font-weight: 100; }
.job-employer-wrapper i{ margin-right: 5px; line-height: 1; font-size: 18px; }
.job_listing .job-detail-header .job-metas-detail{ font-size: 16px; font-weight: 100; }
.info-detail-job .job-metas-detail-bottom.job-list { padding: 0; border: 0; margin-bottom: 0; }
.job-detail-buttons a.btn-follow.btn-action-job.btn-add-job-shortlist { background: #1967d212 !important; }
.job-content-area .job-detail-description .show_more { overflow: hidden; height: 240px; }
.job-content-area .job-detail-description .show_less{ height: auto; overflow: visible; }
.job-content-area .job-detail-description .inner.show_more:before {
    content: '';
    width: 100%;
    height: 250px;
    position: absolute;
    left: 0;
    background: linear-gradient(to bottom,rgba(255,255,255,0),white);
}
.text-center.more_btn {
    padding-top: 15px;
}
.single-job_listing .job-list .job_btns { right: 60px; position: absolute; top: 35px; }
.single-job_listing .job-list .quick_apply, .single-job_listing .job-list .employer_job_meta{ display: block; }
.single-job_listing .quick_apply a.btn.btn-apply {
    background: #c9dbf0;
    color: black;
    border-color: #c9dbf0;
    border: 0px solid transparent;
	width: 100%;
}
.single-job_listing .widget.releated-jobs .widget-title{ font-size: 20px; }
.single-job_listing .job-detail-employer-info > div { align-items: flex-start; }
.single-job_listing .job-detail-employer-info > div > .value{ text-align: right; }
.single-job_listing .job-metas-detail-bottom.job-list .tooltip.top{ opacity: 0; }
.job_btn_employer{ display: none; }
.single-job_listing .sidebar-job .job-detail-detail .job-category a{ color: #77838F; pointer-events: none; }


.page-id-1841 .job-list .employer_job_meta{ display: block; }
.page-id-1841 .job-list .job-metas.employer_job_meta { margin-top: 5px; }
.page-id-1841 .job-list .job-metas.employer_job_meta .job-salary.with-icon{ max-width: 100%; width: auto; }
.job-list .job-metas-bottom .job-type, .single-job_listing .job-metas-detail-bottom .job-type{ pointer-events: none; }
.jobs-listing-wrapper .job-list .job-metas-bottom .tooltip.top{ opacity: 0; }


/********** single candidate ********/
.single-candidate .candidate-detail-header.v1{ background: transparent; }
.single-candidate .candidate-detail-header.v1 .candidate-thumbnail{ width: 200px; height: 200px; border: 1px solid #9ca6ae; border-radius: 50%;
    padding: 10px; }

.single-candidate .candidate-detail-header.v1 .candidate-logo{ width: 100%; height: 100%; }
.single-candidate .candidate-information .candidate-metas { font-size: 16px; font-weight: 100; line-height: 24px; }
.candidate-information .featured-text{ border-radius: 5px; background-color: #d9fce8; }
.candidate-information .graduate-type { font-size: 14px; padding: 1px 20px; border-radius: 5px;  color: #000; }
.candidate-information .experienced-professional { background: #ff9999; }
.candidate-information .undergraduate { background: #ffffa0; }
.candidate-information .fresh-graduate{ background: #fbd389; }
.single-candidate .candidate-information .candidate-metas-bottom > *{ font-size: 14px !important; }
.single-candidate .job-detail-detail .list li:first-child .value { visibility: inherit; }
.single-candidate .content-single-candidate .sidebar-job .widget-title, 
.single-candidate .content-single-candidate .sidebar-job .widgettitle{ font-size: 20px; }
.single-candidate .content-single-candidate .sidebar-job .widget_apus_candidate_socials .social-title{ font-size: 18px; }
#candidate-professional ul.skill_list{ list-style-type: none; padding-left: 0; }
#candidate-professional ul.skill_list li{ display: inline-block; background: #1967d226; padding: 5px 20px; color: #1967d2; 
    line-height: 20px; margin: 8px 5px 0 0; border-radius: 50px; }
#candidate-professional ul.skill_list li a{ color: #1967d2; }	
.candidate-content-area .job-detail-description .show_more { overflow: hidden; height: 100px; }
.candidate-content-area .job-detail-description .inner.show_more:before{ height: 110px; }
.candidate-content-area .job-detail-description .show_less { height: auto; overflow: visible; }
.single-candidate .text-center.more_btn { padding-top: 15px; }
.my_resume_eduarea .edu_dates { margin-left: 10px; color: #1967D2; font-size: 14px; }
.candidate-detail-education.my_resume_eduarea .edu_center { color: #202124 !important; }
.candidate_media .portfolio-item { border-radius: 0; margin-bottom: 15px; }
.candidate_media .portfolio-item img { width: 300px; height: 150px; object-fit: cover; }
.my_resume_eduarea.color-green .circle { color: #019a01; background: #019a0126; }
.my_resume_eduarea.color-green .year, .my_resume_eduarea.color-green .edu_center,
.candidate-detail-award.my_resume_eduarea.color-yellow .year, .my_resume_eduarea.color-yellow .edu_center { color: #1967D2; }
.my_resume_eduarea .mb0 a.more_desc { color: #1967D2; }
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list{ margin-top: 70px;}
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list li{ width: 33.33333%; margin: 0 0 15px 0;
    padding-right: 15px; float: left; }
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list li img{ object-fit: cover; width: 100%; height: 150px; border: 0; border-radius: 0; outline: none; box-shadow: none; margin: 0 }
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list li p a { border-radius: 4px; left: -40px; top: -10px; padding: 5px 6px; display: inline-block; background-color: #1967d212 !important; color: #1967d2; background: none; visibility: hidden; text-indent: 4000px; transition: all 0.3s ease-in-out 0s; }
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list li p a:after { content: "\e646";
    font-family: 'themify'; font-size: 13px; visibility: visible; padding: 5px 6px; }
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list li p a:hover { background-color: #1967d2 !important; color: #fff; }
#_candidate_front .cmb-repeatable-grouping .cmb-field-list .cmb-attach-list li p a:hover:after { background: #1967d2;     padding: 5px 6px; border-radius: 4px; }


/*.candidate-list.candidate-archive-layout .candidate-info-content .job-metas.row_1 .candidate-institution{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 150px; }*/
.candidate-archive-layout .candidate-info-content .candidate-tags.candidate-bottom.candidate-information > * { margin-right: 10px; font-size: 14px; display: inline-block; }
.candidates-listing-wrapper .candidate-archive-layout .btn-follow{ position: absolute; top: 10px; right: 12px; margin: 0; }
.candidate-list.candidate-archive-layout .btn-follow:hover, .candidate-list.candidate-archive-layout .btn-follow:focus, 
.candidate-list.candidate-archive-layout .btn-follow.added{ background: transparent; }
.candidate-list.candidate-archive-layout .btn-add-candidate-shortlist .flaticon-bookmark:before { color: #ffe4ef; font-weight: 900; }
.candidate-list.candidate-archive-layout .btn-follow .flaticon-bookmark:before{ font-size: 16px; }
.candidates-listing-wrapper .candidate-list.candidate-archive-layout .candidate-logo{ width: 120px; height: 120px; }
.candidates-listing-wrapper .candidate-list.candidate-archive-layout .candidate-logo + .candidate-info-content { width: calc(100% - 120px); }
.title-wrapper .profile-type{ color: #1967d2; font-weight: 300; line-height: 23px; }
.single-candidate .candidate-detail-header .candidate-metas-bottom .tooltip.top,
.candidates-listing-wrapper .candidate-archive-layout .candidate-information .tooltip.top{ opacity: 0; }
.single-candidate #candidate-cv .candidate-detail-cv { padding-right: 22px; }
.single-candidate .my_resume_eduarea .candidate_media .row-portfolio > div:nth-child(4n+1){ clear: none; }
.cmb-type-pw-multiselect .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field,
.cmb-type-pw-taxonomy-multiselect .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field{ height: inherit; }
.single-candidate #job-candidate-award .content .circle{ top: 3px; }
.single-candidate #job-candidate-award .content .edu_stats{ max-width: 600px; }
.single-candidate #job-candidate-achievement-mobile{ margin: 30px 0; }
.single-candidate .total-rate-container{ font-size: 22px; color: #000; }
.single-candidate .total-rate-container p{ margin-bottom: 5px; }
.single-candidate .total-rate-container .score-board{ font-size: 26px; }
.job-submission-preview-form-wrapper .job_listing .job-detail-detail .list li.offered-salary span.suffix{ margin-left: -10px !important; }
.candidate-content-area .sidebar-job .widget_contact_info .candidate-phone .fa-whatsapp{ color: green; font-size: 20px; }

/*#_job_front .cmb2-id--job-featured label, #_job_front .cmb2-id--job-urgent label{ display: inline; }
#_job_front .cmb2-id--job-featured span.quota, #_job_front .cmb2-id--job-urgent span.quota { margin-left: 5px; }*/

#_job_front div[class*="cmb2-id--job-featured"] label, #_job_front div[class*="cmb2-id--job-urgent"] label{ display: inline; }
#_job_front div[class*="cmb2-id--job-featured"] span.quota, #_job_front div[class*="cmb2-id--job-urgent"] span.quota { margin-left: 5px; }


.applicants-job .candidate-list .title-wrapper .label{ font-size: 90%; }
.archived-applicants, .viewed-applicants, .draft-jobs, .my-job-employer .total-jobs, .published-jobs, .archived-jobs, 
.total-posts, .draft-posts, .published-posts, .archived-posts, .total-products, .draft-products, .published-products, .archived-products{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.archived-applicants.loading:before, .viewed-applicants.loading:before, .draft-jobs.loading:before, .my-job-employer .total-jobs.loading:before, .published-jobs.loading:before, .archived-jobs.loading:before, .btn-action-event.loading:before, 
.draft-posts.loading:before, .total-posts.loading:before, .published-posts.loading:before, .archived-posts.loading:before,
.draft-products.loading:before, .total-products.loading:before, .published-products.loading:before, .archived-products.loading:before{
	opacity: 0.9;
}
.archived-applicants:before, .viewed-applicants:before, .draft-jobs:before, .my-job-employer .total-jobs:before, 
.published-jobs:before, .archived-jobs:before, .btn-action-event:before, .draft-posts:before, .total-posts:before, 
.published-posts:before, .archived-posts:before, .draft-products:before, .total-products:before, 
.published-products:before, .archived-products:before{
	content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fff;
    opacity: 0;
    background-image: url(../superio/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px auto;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;	
}
.job-apply-internal-form .btn-candidate-profile{ background: #1967d2; height: auto; }
.candidate-shortlist-wrapper .candidate-info-content .candidate-title a,
.candidate-shortlist-wrapper .candidate-info .candidate-logo a,
.candidate-shortlist-wrapper .candidate-info-content .candidate-location a{ pointer-events: none; }

.my-job-employer .job-table-info .title-wrapper .job-table-metas{ display: block; margin-left: 0; }
.my-job-employer .job-table-info .title-wrapper .featured-text{ color: #34a853; background-color: #d9fce8; border-radius: 5px;
    padding: 1px 20px; }
.my-job-employer .job-table-info .title-wrapper .urgent{ color: #db0340; background-color: #ffc5d7; border-radius: 5px; width: 	auto; font-size: 13px; padding: 1px 20px; }
.my-job-employer .job-table-info .title-wrapper .job-external{ color: #1967d2; background-color: #dde8f8; border-radius: 5px; font-size: 13px; padding: 1px 20px; }

.application-status-label.viewed { color: #000; }
.application-status-label.archived { color: #a52a2a; }
.application-status-label.expired { color: #dcdcdc; }
.my-job-employer .job-applicants .applicants-wrapper{ border-top: none; }


/******** Browse candidate css *********/
.range-filter-inputs{
	display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.range-filter-input{
	width: 100px;
    height: 40px;
    background: #fff;
    outline: none;
    border: 1px solid rgba(0,0,0,.26);
    box-sizing: border-box;
	padding-left: 10px;
    display: inline-block;
	box-shadow: inset 0 1px 0 0 rgb(0 0 0 / 5%);
}
.range-filter-line {
    flex: 1;
    height: 1px;
    background: #bdbdbd;
    margin: 0 10px;
    max-width: 20px;
}
.range-filter-inputs input[type=number]::-webkit-inner-spin-button, 
.range-filter-inputs input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.filter-listing-form-wrapper .btn-range-apply{
	display: flex;
    align-items: center;
    margin-top: 20px;
    width: 240px;
    justify-content: center;
    color: #fff;
    background-color: #1967d2;
    outline: none !important;
    border: 1px solid #1967d2;
    border-radius: 2px;
    padding: 5px;
	cursor: pointer;
}
.filter-listing-form-wrapper .btn-range-apply:hover{
	color: #1967d2;
	border-color: #1967d2;
	background: #fff;
}
.range-filter-error{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    padding: 10px 0;
    color: #ff424f;
}

/* /* Chrome, Safari, Edge, Opera */ */
/* .range-filter-inputs input::-webkit-outer-spin-button, */
/* .range-filter-inputs input::-webkit-inner-spin-button { */
  /* -webkit-appearance: none; */
  /* margin: 0; */
/* } */

/* /* Firefox */ 
/* .range-filter-inputs input[type=number] { */
  /* -moz-appearance: textfield; */
/* } */



/******** single event *******/
.job-detail-header.event-detail-header.v1 { background: transparent; }
.event-metas-bottom > * { margin-right: 10px !important; display: inline-block; vertical-align: middle; padding: 1px 20px; font-size: 13px; border-radius: 5px; color: #fff; }
.event-metas-bottom > *:last-child{ margin-right: 0 !important; }
.event-list .event-category.cat-2189 { background-color: #f66d13; color: #fff; }
.event-list .event-category.cat-2190 { background-color: #f73535; color: #fff; }
.event-list .event-moc.moc-1000 { background-color: #800080; color: #fff; }
.event-list .event-moc.moc-2000 { background-color: #256ab4; color: #fff; }
.event-list .event-price.price-10 { color: #1967d2; background-color: #dde8f8; }
.event-list .event-price.price-20 { color: #fff; background-color: #b0950a; }
.event-list .btn-action-event { width: 30px; height: 30px; line-height: 30px; }
.event-detail-buttons .action > a { margin-right: 15px; }
.event-detail-buttons .action > a:last-child{ margin-right: 0; }
.event-detail-buttons .btn-event-remind, .event-detail-buttons .btn-event-remind:focus { background-color: #099609; border-color: #099609; } 
.event-detail-buttons .btn-event-remind:hover { background-color: #018b01; border-color: #018b01; }
.event-detail-buttons .btn-event-saved { background-color: #E44343; border-color: #E44343; }
.event-detail-buttons .btn-event-saved:hover{ background-color: #db1e1e; border-color: #db1e1e; }
.event-content-area .event-detail-description .show_more { overflow: hidden; height: 140px; }
.event-content-area .event-detail-description .inner.show_more:before{ height: 150px; }

.single-event #job-candidate-portfolio .row-portfolio > div:nth-child(3n+1) { clear: both !important; }
.single-event #job-candidate-portfolio .portfolio-item { margin-bottom: 15px; }
.single-event #job-candidate-portfolio .portfolio-item { border-radius: 0; }
.single-event #job-candidate-portfolio .image-wrapper img { width: 300px; height: 150px; object-fit: cover; }
.share-blog a.instagram { background-color: #69149d; }
.single-event .event-detail-employer-info > div { align-items: flex-start; }
.single-event .event-list .event_btns .event-browse { float: right; margin-right: 28px; margin-top: 35px; }
.event .event-employer-wrapper .employer-name { color: #1967d2; }
.event-list .event-metas { margin-top: 5px; }
.related-events .event-metas .event-address{ margin-top: 5px; line-height: normal; }
.related-events .event-list .event-metas-bottom { margin-top: 8px; }
.single-event .widget_event_location .map-container{ margin-bottom: 20px; }
a.btn-follow.btn-action-event.btn-add-event-bookmark { background-color: transparent; color: #696969; }
a.btn-follow.btn-action-event.added.btn-added-event-bookmark { background-color: #fff; }
.btn-follow.btn-action-event.btn-add-event-bookmark:hover, .btn-follow.btn-action-event.btn-add-event-bookmark:focus{ background-color: transparent; }
.btn-add-event-bookmark .flaticon-bookmark:before{ font-weight: 900; color: #adadad; }
.btn-action-event.loading:before { opacity: 0.9; }
.btn-action-event.added .flaticon-bookmark:before { font-weight: 900; color: #d40b3f; }
.single-event .event-detail-buttons .action .deadline-closed{ margin-bottom: 10px; }
.single-event .sidebar-job.sidebar-event .widget_event_location .map-container iframe{ width: 100%; }

/******* browse event css ********/
body #main-container.page-job-board.layout-type-default:not(.has-filter-top) { margin-top: 50px; }
.event-grid{ box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); position: relative; background-color: #fff; border: 0 solid #818a91;
    transition: all .25s; border-radius: 3px; overflow: hidden; margin-bottom: 30px; }
.event-logo img{ width: 100%; height: 190px; object-fit: cover; overflow: hidden; display: flex; -webkit-justify-content: center; -webkit-align-items: center; }
.event-grid .event-badges{ position: absolute; top: 0; right: 0; margin: 14px; }
.event-grid .event-metas-bottom > *{ border-radius: 12px; margin-right: 5px !important; } 
.event .event-grid .event-employer-avatar { position: relative; padding: 0 30px; width: 100%; height: 0; bottom: 105px; }
.event .event-grid .event-employer-avatar img{ width: 120px; border-radius: 50%; }
.event .event-grid .event-conatent { padding: 0 30px; margin-top: 25px; margin-bottom: 0; }
.event .event-grid .btn-action-event{ position: absolute; top: 240px; right: 10px; }
.event .title-wrapper{ margin-bottom: 5px; }
.event .event-metas { margin-top: 5px; }
.event .event-grid .event-metas > *{ margin-right: 10px; }
.event .event-grid .event-metas i{ font-size: 15px; }
.event .event-grid .event-bottom { padding: 15px 30px; margin-bottom: 0; border-top: 1px solid #eaeaea; display: flex; align-items: center; }
.event .event-grid .event-bottom > * { margin-right: 10px; }
.event .event-grid .event-bottom > *:last-child { margin-right: 0; }
.event .event-grid .event-bottom .event-page-visit { font-size: 13px; }
.event .event-bottom .btn-event { padding: 5px 15px; line-height: 1.5; border-radius: 6px; font-size: 12px; text-transform: uppercase; width: 90px; font-weight: 600; }   
.event .event-bottom .btn-event-join { background-color: #79b530; border-color: #79b530; }
.event .event-bottom .btn-event-join:hover { background-color: #61a216; border-color: #61a216; }
.filter-listing-event .form-group-category i{ font-family: 'Font Awesome 5 Free'; }
.event .event-grid .event-metas > *:last-child { margin-right: 0 !important; }
.event .event-metas.row-2{ margin-top: 5px; }
.event .event-grid .event-metas .event-address{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; width: 100%; }


/******* my events css ********/
.my-events .event-table .upcoming{ color: #196CD3; }
.my-events .event-table .ongoing{ color: #79b530; }

/******* event post css ********/
#_event_front .acf-fields > .acf-field, #_post_front .acf-fields > .acf-field, #_entrepreneur_front .acf-fields > .acf-field{ border-top: 0; }
#_event_front .acf-field[data-width] + .acf-field[data-width], 
#_post_front .acf-field[data-width] + .acf-field[data-width],
#_entrepreneur_front .acf-field[data-width] + .acf-field[data-width]{ border-left: 0; }
#_event_front .acf-url i{ top: 14px; margin-left: 10px; }
#_event_front .acf-url input[type="url"]{ padding-left: 40px !important; }
#_event_front .acf-gallery .acf-gallery-toolbar ul{ margin: 0 7px; }
#_event_front .acf-gallery .acf-gallery-toolbar .acf-hl li{ display: flex; }
#_event_front .acf-gallery select.acf-gallery-sort {
    height: 50px !important;
    width: 100% !important;
    max-width: 156px !important;
    display: block;
    padding: 12px 30px !important;
}
#_event_front .acf-gallery .acf-gallery-attachment .margin{ background: transparent; }
#_event_front .acf-gallery .acf-gallery-attachment .thumbnail{ padding: 0; transform: none; }
#_event_front .acf-gallery .acf-gallery-attachment .thumbnail img{ width: 100%; height: 100%; object-fit: cover; transform: none; }
.acf-form.cmb-form .acf-google-map{ border: 0; } 
.acf-form.cmb-form .acf-google-map .title{ border-bottom: 0; margin-bottom: 15px; }
.acf-form.cmb-form .acf-google-map .title .search {
    height: 60px;
    border: 1px solid #F0F5F7;
    border-radius: 8px;
    padding: 5px 20px;
    background: #F0F5F7;
    font-size: 15px;
    color: #696969;
    transition: all 0.3s ease-in-out 0s;
    line-height: 21px;
	font-weight: 400;
}
.acf-form.cmb-form .acf-google-map.-searching .title .search{ border-bottom: 0; }
.acf-form.cmb-form .acf-google-map.-searching .title .acf-actions, 
.acf-form.cmb-form .acf-google-map .title .acf-icon.-location{ top: 12px; }
.acf-form.cmb-form .acf-google-map.-value .title .acf-icon.-cancel{ top: 10px; color: #444 !important; background: transparent !important; }
.acf-form.cmb-form .acf-google-map.-searching .title .acf-icon.-cancel{ color: #444 !important; background: transparent !important; }
.acf-form.cmb-form .acf-google-map.-searching .title .search:hover .acf-icon.-cancel{ color: #e44343 !important; } 
.acf-form.cmb-form .acf-google-map.-value .title .acf-icon.-cancel:hover{ color: #e44343; }
#_event_front .acf-image-uploader .hide-if-value, #_post_front .acf-image-uploader .hide-if-value,
#_entrepreneur_front .acf-image-uploader .hide-if-value{ margin-top: 25px; }
#_event_front .acf-image-uploader .hide-if-value a.acf-button.button,
#_post_front .acf-image-uploader .hide-if-value a.acf-button.button,
#_entrepreneur_front .acf-image-uploader .hide-if-value a.acf-button.button{ background-color: #1967d212; color: #1967d2; padding: 15px 30px; font-size: 15px; border: none; cursor: pointer; border-radius: 8px; transition: all 0.3s ease-in-out 0s; margin-left: 10px; }

.page-id-1677 .search-orderby-wrapper .btn-all-applicant-download{ border: 1px solid #ECEDF2; border-radius: 8px; background-color: #F0F5F7; padding: 10px 20px; display: inline-block; }
.job-applicants .job-applicant-download { margin-right: 10px; }

/******* blog post css ********/
/*#_post_front .acf-field-628b5f1799f11 .acf-label .description{ position: relative; margin: 20px 0 40px; top: 50px; }
#_post_front .acf-field-628b5f1799f11 .acf-input{ position: absolute; top: 35px; }*/
#_post_front .acf-form-submit, #_entrepreneur_front .acf-form-submit{ margin-top: 15px; padding: 0 12px; }
#_post_front .acf-form-submit input.acf-button.button.button-primary.button-large,
#_entrepreneur_front .acf-form-submit input.acf-button.button.button-primary.button-large{ background: #256ab4; border-color: #256ab4; margin-right: 10px; }
#_post_front input#draft_btn,
#_entrepreneur_front input#draft_btn{ background: #1967d21a; border-color: #1967d24d; color: #000; }
#_post_front .acf-field-628b60b314db0 .acf-taxonomy-field .acf-actions.-hover{ top: 15px; right: 15px; }
#_post_front .acf-field-628b60b314db0 .acf-taxonomy-field .acf-actions.-hover a.acf-icon:hover, 
#_post_front .acf-field-628b60b314db0 .acf-taxonomy-field .acf-actions.-hover a.acf-icon{ background: #256ab4; border-color: #256ab4; color: #fff; }
body .post-submission #message, body .product-submission #message, body .event-submission #message{ padding: 15px; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; margin-bottom: 26px; border: 1px solid transparent; border-radius: 8px; }
body .post-submission #message p, body .product-submission #message p, body .event-submission #message p{ margin-bottom: 0; }


.acf-popup-box.acf-box .title{ padding: 20px; }
#acf-popup .acf-popup-box.acf-box .inner{ margin: 20px ; }
.acf-popup-box.acf-box .title .acf-icon{ background-color: transparent; }
.acf-popup-box.acf-box .title .acf-icon.grey.-cancel:hover{ background: transparent; }
.acf-popup-box.acf-box .title h3{ display: none; }
.acf-popup-box.acf-box .title .acf-icon:before{ vertical-align: text-bottom; color: #77838F; font-size: 22px; }
.acf-popup-box.acf-box .acf-input #term_name{ height: 60px; border: 1px solid #F0F5F7; border-radius: 8px; padding: 5px 20px;
    background: #F0F5F7; width: 100%; color: #696969; font-size: 15px; transition: all 0.3s ease-in-out 0s; outline: none; }
.acf-popup-box.acf-box .inner .acf-field.acf-field-text .acf-label label{ display: none; }
.acf-popup-box.acf-box .inner .acf-field.acf-field-text .acf-label:after{ content: 'Add New Tag'; font-weight: bold; margin: 0 0 3px; }	
.acf-popup-box.acf-box .acf-submit button.acf-submit-button.button.button-primary{ padding: 12px 30px; background: #256ab4;
    border: none; border-color: #256ab4; border-radius: 8px; color: #fff; width: 100%; }
	
	

/******* browse blog post css ********/
.blog-grid .blog-badges .post-category{ background-color: #7e7d7d; }
.post-grid-custom .blog-grid .employer-avatar{ position: relative; padding: 0 30px; width: 100%; height: 0; bottom: 100px; } 
.post-grid-custom .blog-grid .employer-avatar img { width: 120px; border-radius: 50%; }
.post-grid-custom .description{ margin: 10px 0; font-size: 16px; }
.page-template-template-careertips .post-grid-custom .description,
.post-type-archive-entrepreneur .post-grid-custom .description{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; }
.post-grid-custom .blog-grid .blog-post-content{ padding: 0 30px; margin-top: 30px; margin-bottom: 15px; line-height: 22px; }
.post-grid-custom .title-wrapper{ margin-bottom: 5px; line-height: 22px; padding-top: 10px; }
.post-grid-custom .title-wrapper .employer-title.blog-title{ font-size: 20px; }
.post-grid-custom .blog-grid .blog-post-bottom{ padding: 12px 30px; margin-bottom: 0; border-top: 1px solid #eaeaea; display: flex; align-items: center; }
.post-grid-custom .blog-post-bottom .top-info{ margin-top: 0; color: #9d9b9b; width: 100%; line-height: 18px; font-size: 13px; }
/*.post-grid-custom .blog-post-bottom  .top-info > *:before{ width: 4px; height: 4px; background-color: #9d9b9b; }*/
.post-grid-custom .blog-post-bottom .top-info > *:before{ display: none; }
.post-grid-custom .blog-post-bottom .top-info > *{ padding-right: 3px; margin-right: 3px; }
.post-grid-custom .blog-post-bottom .top-info > *:not(:last-child):after{ 
	content: ''; 
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #9d9b9b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
	margin-left: 4px;
}
.filter-listing-post #apus_recent_post-2{ padding: 0; }
.filter-listing-post ul.terms-tagcloud{ list-style-type: none; padding: 0; }
.filter-listing-post ul.terms-tagcloud li.list-item.post-tag {
    text-transform: capitalize;
    margin-bottom: 8px;
    margin-right: 6px;
    font-size: 14px !important;
    display: inline-block;
    padding: 3px 20px;
    transition: all 0.4s ease 0s;
    background: #fff;
    color: #696969;
    border-radius: 4px;
	cursor: pointer;
}
.filter-listing-post ul.terms-tagcloud li.list-item.post-tag:hover, .filter-listing-post ul.terms-tagcloud li.list-item.post-tag:focus, .filter-listing-post ul.terms-tagcloud li.list-item.post-tag.active {
    color: #fff;
    background: #262626;
    border-color: #262626;
}
.filter-listing-post .terms-tagcloud .list-item [type="checkbox"]{ display: none; }
.filter-listing-post .terms-tagcloud .list-item [type="checkbox"] + label{ position: relative; cursor: pointer;      margin-bottom: 0; }


/******* author page css ********/
.archive.author .container-fluid.author-page{ padding: 0 30px; margin-bottom: 30px; }
.archive.author .apus-breadscrumb{ background-color: transparent; margin-bottom: 30px; }
.archive.author .apus-breadscrumb .wrapper-breads{ padding-bottom: 10px; }
.archive.author .post-grid-custom .event-metas-bottom.event-list.event-badges.blog-badges { display: none; }
.archive.author .post-grid-custom .blog-grid .employer-avatar img{ width: 60px; }
.archive.author .post-grid-custom .blog-grid .employer-avatar{ bottom: 30px; }
.archive.author .avatar-image img{ width: 150px; border-radius: 50%; }
.post-grid-custom .blog-post-bottom .post-employer-name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; }
.archive.author .post-grid-custom .description{ overflow: hidden; text-overflow: ellipsis; max-width: 400px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/********** my posts css *********/
.my-posts .job-table.post-table .trash, .my-products .job-table.product-table .trash{ color: #dd0e0e; }

.single-post .top-content-detail-blog .entry-content-detail,
.single-entrepreneur .top-content-detail-blog .entry-content-detail{ padding-top: 25px; }
.single-post .top-content-detail-blog .entry-description h4,
.single-entrepreneur .top-content-detail-blog .entry-description h4{ margin-top: 2px; }

/*********** browse product(entrepreneur) page **********/
.post-type-archive-entrepreneur .page-product { padding-bottom: 20px; padding-top: 30px; }
.widget_custom_recent_post{ padding: 0 !important; }




/************************/
/*     MEDIA QUERY      */
/************************/
@media only screen and (min-width: 1200px){
	.job-detail-header.v1 { padding: 50px 0 !important; }
	.content-job-detail { padding-top: 20px !important; }
	.candidate-list.candidate-archive-layout .btn-follow { opacity: 1; }
	#_event_front .acf-url i{ top: 20px; }
	.post-type-archive-entrepreneur .page-product{ padding-top: 50px; padding-bottom: 70px; }

}

@media only screen and (min-width: 992px){
	.employer-top-bar .employer-cover-photo{ height: 450px; }
	.single-job_listing .job-content-area .col-xs-12.col-md-4.sidebar-job{ padding-left: 55px; } 
	.single-event .event-content-area .col-xs-12.col-md-4.sidebar-event{ padding-left: 55px; }
	.page-template-template-events .sidebar-wrapper.col-md-4.col-sm-12.col-xs-12{ width: 27%; }
	.page-template-template-events div#main-content{ width: 73%; }
	.event .event-grid .event-bottom .event-page-visit{ line-height: 16px; }
	.event .event-grid .event-conatent{ min-height: 135px; }
	.post-grid-custom .blog-grid .blog-post-content{ min-height: 80px; }
}

@media only screen and (min-width: 768px){
	.mobile{
		display: none;
	}
	.tablet{
		display: none;
	}
	.job_listing .job-profile-detail .flex-middle-sm {
		align-items: flex-end;
	}
	.job_listing .job-detail-header.v1 .flex-middle-sm {
		align-items: flex-end;
	}
	.job-detail-header .employer-logo + .info-detail-job{ width: calc(100% - 200px) !important; }
	.single-employer #job-candidate-portfolio .row-portfolio > div:nth-child(3n-1) { padding: 0; }
	
	.single-candidate .candidate-detail-header.v1 .candidate-thumbnail + .candidate-information{ width: calc(100% - 200px); }	
	.single-candidate .candidate-detail-header.v1 .flex-middle-sm{ align-items: flex-end; }
	.candidate-list.candidate-archive-layout .candidate-info-content .job-metas.row_1 { display: flex; align-items: flex-end; }
	.tax-job_listing_type .job-list .job_btns .job-browse{ float: right; margin-right: 42px !important; margin-top: 35px; }
	
	.event .event-detail-header.v1 .flex-middle-sm { align-items: flex-end; }
	.single-event #job-candidate-portfolio .row-portfolio > div:nth-child(3n-1) { padding: 0 0 0 15px; }
	/*.single-event .job-detail-header.v1 .event-detail-buttons .action > a{ margin-bottom: 5px; padding: 7px 25px; }*/
	
	.single-post .image-wrapper .attachment-full.size-full.unveil-image, 
	.single-entrepreneur .image-wrapper img{ height: 421px; width: 100%; object-fit: cover; object-position: center; }
}

@media only screen and (max-width: 767px){
	.desktop{
		display: none !important;
	}
	.tablet{
		display: none !important;
	}
	.page-id-1913 .employer-grid.layout-employer {
		text-align: left;
		padding: 20px 20px 1.5px;
	}
	.page-id-1913 .employer-grid .employer-logo {
		width: 100px !important;
		float: left;
		margin-top: 0 !important;
		margin-right: 20px;
	}
	.page-id-1913 .employer-grid .sponsor.mobile {
		margin-top: 5px;
	}
	.page-id-1913 .employer-grid.layout-employer .sponsor.mobile{ clear: both; }
	.employer-grid .employer-title{ margin-bottom: 0 !important; margin-top: -5px !important; max-width: 17.909rem!important; }
	.employer-grid .job-category .value{ margin-bottom: 0!important; }
	.single-job_listing .employer-top-bar.job-top-cover.container { padding: 0; }
	.job-detail-header.v1 .employer-logo{ width: 260px; height: 260px; }
	.single-job_listing .job-metas-detail > div { display: block; }	
	.job-content-area .job-detail-description .show_more{ height: 390px; }
	.job-content-area .job-detail-description .inner.show_more:before{ height: 400px; }
	.single-job_listing .sidebar-job .widget.releated-jobs { background: transparent; padding: 0; }
	.single-job_listing .releated-jobs .job-list .job_btns, .single-job_listing .releated-jobs .job-list .employer_job_meta{ 
		display: none; 
	}
	.single-job_listing .sidebar-job .widget { background: transparent; padding: 0; }
	.single-job_listing .job-detail-buttons .action{ position: relative; margin-bottom: 10px; }
	.single-job_listing .job-detail-buttons .action .deadline-time{ padding-top: 50px; position: absolute; width: 100%; margin: 0 auto; }
	.single-job_listing .job-detail-buttons .action a.btn.btn-apply.btn-apply-job-internal{ margin: auto; }
	
	/*.page-id-1841 .job-list .job-metas{ display: flex; }*/
	/*.page-id-1841 .job-list .job-list-content .job-metas > div{ vertical-align: middle; }*/
	.page-id-1841 .job-list .job-list-content .job-metas .category-job{ width: auto; }
	
	/* single employer */
	.single-employer .employer-top-bar.container{ padding: 0; }
	.single-employer .employer-detail-header .employer-logo{ margin: 0 auto; width: 78%; height: 78%; }
	.single-employer .employer-detail-header .candidate-information .title-wrapper{ padding-bottom: 5px; }
	.single-employer .employer-content-wrapper .candidate-metas > * { display: block; margin: 0 auto; font-size: 16px; }
	.single-employer .employer-content-wrapper .candidate-title{ font-size: 30px !important; }
	.single-employer .employer-detail-header .candidate-metas-bottom.mobile .send-private-wrapper { margin-top: 0; padding: 0px 15px; 			border-radius: 5px; background-color: #0018c6; text-decoration: none; line-height: 20px; }
	.single-employer .employer-detail-header .candidate-metas-bottom.mobile .send-private-wrapper .send-private-message-btn{ color: #fff;
    text-decoration: none; font-weight: 400; }
	.single-employer .employer-detail-header .candidate-metas-bottom.mobile .btn-action-job { background-color: transparent; height: 35px;
    width: 35px; line-height: 35px; margin: auto; }
	.single-employer .employer-detail-header .candidate-metas-bottom.chat-status-container.mobile { margin-top: 25px; }
	.single-employer .candidate-information .candidate-metas-bottom .status-container { margin-right: 0; }
	.single-employer .employer-detail-header .employer-follow-container.mobile{ text-align: right; padding-bottom: 10px; }
	.single-employer .employer-detail-header .employer-follow-container.mobile .btn-action-job{ background-color: #1967d212; }
	.single-employer .employer-detail-header.candidate-detail-header.v1 { padding-top: 30px; }
	.single-employer .widget-open-jobs .job-list .employer-logo{ display: none; }
	.single-employer .widget-open-jobs .job-list .employer-logo + .job-list-content{ padding-left: 0; }
	.single-employer .widget-open-jobs .job-list .job_btns{ display: none; }
	.single-employer .job_btn_employer{ display: block; margin-top: 20px; }
	.single-employer .widget-open-jobs .job-list .job-list-content .title-wrapper{ padding: 0; }
	.single-employer .widget-open-jobs .job-list .job-list-content .job-metas .category-job{ width: auto; }
	.single-employer .widget-open-jobs .job-list .job-list-content .job-metas{ display: flex; flex-direction: column;
} }
	.single-employer .list-content-candidate .candidate-detail-portfolio.portfolio.mobile .row.row-responsive.row-portfolio{ padding-right: 0; }
	.single-employer .list-content-candidate .candidate-detail-portfolio.portfolio.mobile .education-item .image-wrapper img{ width: 100% !important; }
	.single-employer .sidebar-job.mobile .job-detail-employer-info .employer-location { margin-bottom: 10px; }
	
	.candidate-archive-layout .candidate-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
	.candidates-listing-wrapper .candidate-archive-layout .btn-follow{ top: 12px; }
	.candidate-archive-layout .candidate-info > .flex-middle{ align-items: normal; }
	.candidate-archive-layout .candidate-info-content .job-metas.row_1 > div{ display: flex; margin-right: 10px; }
	.candidate-archive-layout .candidate-info-content .job-metas.row_1 .candidate-institution{ whitespace: -nowrap; overflow: hidden; text-overflow: ellipsis; }
	.candidate-archive-layout .candidate-info-content .title-wrapper .profile-type{ line-height: 23.4px }
	.candidate-list .candidate-tags.candidate-bottom.candidate-information{ display: block; }
	.candidate-archive-layout .candidate-info-content .candidate-tags.candidate-bottom.candidate-information > *{ margin-right: 4px; margin-bottom: 4px; padding: 1px 8px; }
	.candidate-archive-layout .ali-right .btn-apply.btn-invite-apply, .candidate-archive-layout .ali-right .btn-apply.btn-invite-required, .candidate-archive-layout .ali-right .btn-apply.btn-invited-applied{ width: 100%; }
	.candidates-listing-wrapper .candidate-list.candidate-archive-layout .candidate-logo{ width: 96px; height: 96px; }
	.candidates-listing-wrapper .candidate-list.candidate-archive-layout .candidate-logo + .candidate-info-content{ width: calc(100% - 96px); }
	
	.single-candidate .candidate-detail-header.v1 .candidate-top-wrapper .btn-follow{ position: absolute; right: 15px; top: -15px;
    background: transparent; }
	.single-candidate .candidate-detail-header.v1 .candidate-top-wrapper .btn-action-job.btn-follow .flaticon-bookmark:before{ color: #ffe4ef; 
    font-weight: 900; }
	.single-candidate .candidate-detail-header.v1 .candidate-top-wrapper .btn-action-job.added .flaticon-bookmark:before{ color: #d40b3f; }
	.single-candidate .candidate-information .title-wrapper > *{ display: block; margin-left: 0; }
	.single-candidate .candidate-detail-header .candidate-metas-bottom{ margin-top: 30px; }
	.single-candidate .candidate-information .candidate-metas-bottom > * { margin-right: 2px; margin-bottom: 8px; font-size: 13px !important; padding: 1px 8px; }
	.single-candidate .candidate-detail-header .active-status.status{ padding: 1px 8px; margin-left: -8px; }
	.single-candidate .my_resume_eduarea .candidate_media .portfolio-item img{ width: 100%; }
	.single-candidate .my_resume_eduarea .candidate_media .row.row-responsive.row-portfolio{ padding-right: 0; }
	.single-candidate .candidate_media.mobile .text-center.more_btn.mobile { margin: 0 0 20px; clear: both !important; padding-top: 5px; }
	.single-candidate .job-detail-detail .text{ font-size: 15px; }
	.single-candidate .job-detail-detail .value{ width: 45%;}
	.single-candidate .job-detail-detail.candidate-cantact-info .value{ width: 60%; }
	
	/***** candidate dashboard recent applied job *****/
	.page-id-1653 .applicants .job-list .job-browse{ display: block; }
	.page-id-1653 .applicants .job-list .job-list-content .job-title, .page-id-1653 .applicants .job-list .job-list-content 
	.job-metas{ display: inline-grid; }
	.page-id-1653 .applicants .job-list .candidate-applied-job, 
	.page-id-1653 .applicants .job-list .job-metas.candidate-applied-job{ display: none; }
	.page-id-1653 .applicants .job-list .job-metas-bottom{ margin-top: 0; }
	.page-id-1653 .applicants .job-list .title-wrapper.candidate-applied-job{ margin-top: 5px; }
	.page-id-1653 .applicants .job-list .job-list-content .title-wrapper{ margin-bottom: 2px; } 
	.page-id-1653 .applicants .job-list .job-list-content .title-wrapper .label{ margin-left: 0; }
	.page-id-1653 .applicants .job-list .job-metas.candidate-applied-job{ line-height: 20px; }
	
	.judge .title-wrapper .br-wrapper.br-theme-fontawesome-stars{ float: none; text-align: center; }
	.judge .br-wrapper.br-theme-fontawesome-stars{ margin-top: -20px; }

	.event .event-grid .event-employer-avatar{ bottom: 85px; }	
	.event .event-grid .event-employer-avatar img{ width: 100px; }
	.single-event .employer-top-bar.event-top-cover.container { padding: 0; }
	.single-event .list-content-event .sidebar-event.mobile aside > .job-detail-detail{ border: 0; padding: 10px 0; }
	.single-event .list-content-event .sidebar-event.mobile .job-detail-detail .list li{ width: 100%; }
	.single-event .sidebar-event.mobile .widget{ padding: 10px 0 20px; }
	.single-event .sidebar-event.mobile .event-address .details .text{ float: none; }
	.single-event .sidebar-event.mobile .widget_event_location .event-address .details .value{ float: none; text-align: left; width: 100%; }
	.single-event .job-detail-header.v1 .event-detail-buttons .action > a{ padding: 7px 20px; }
	.single-event .sidebar-event.mobile .widget_event_info .job-detail-detail .list .value{ width: 60%; }
	.single-event div#job-candidate-portfolio{ padding-top: 10px; }
	.single-event .list-content-event .candidate-detail-portfolio.portfolio.mobile .row.row-responsive.row-portfolio{ padding-right: 0; }
	.single-event .list-content-event .candidate-detail-portfolio.portfolio.mobile .portfolio-item .image-wrapper img{ width: 100% !important; height: 216px !important; }
	.single-event .list-content-event .widget.releated-jobs.related-events{ padding-top: 10px; }
	.event .event-grid .event-bottom .btn-event{ padding: 10px 15px; }
	.event .event-grid .event-bottom{ display: block; }
	.event .event-grid .event-bottom .event-page-visit{ margin-top: 5px; line-height: 16px; }

	.page-id-1677 .search-orderby-wrapper .btn-all-applicant-download{ margin-top: 15px; }
	.archive.author .avatar-image img{ width: 350px; }
	.archive.author .apus-breadscrumb .breadscrumb-inner .bread-title{ padding-top: 20px !important; }
	
	.single-post .image-wrapper .attachment-full.size-full.unveil-image{ height: 350px; width: 60%; object-fit: cover; object-position: center; }
	.single-entrepreneur .image-wrapper img{ height: 150px; width: 100%; object-fit: cover; object-position: center; }
}

@media only screen and (max-width: 420px){
	.job-list .job-title{
		overflow: hidden;
		white-space: normal;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.candidate-archive-layout .candidate-title{ max-width: 85px; }
	
	/*** register form ***/
	.register-form-wrapper .role-tabs{ overflow-x: hidden; display: block !important; }
	.register-form-wrapper .role-tabs li{ width: 100% !important; }
	.register-form-wrapper .role-tabs li + li{ margin-left: 0 !important; }
	
}

@media only screen and (max-width: 360px){
	.job-list .job-title{
		max-width: 120px;
	}
	.candidate-archive-layout .candidate-title{ max-width: 50px; }

    .event-grid .event-badges{ text-align: right; }
	.single-event .job-detail-header.v1 .event-detail-buttons .action > a{ padding: 5px 12px; font-size: 14px; }
	.single-event .list-content-event .sidebar-event.mobile .widget_event_info .job-detail-detail .list li .text,
	.single-event .list-content-event .sidebar-event.mobile .widget_event_info .job-detail-detail .list li .value{ 
		font-size: 14px; }
	.single-event .list-content-event .sidebar-event.mobile .widget_event_info .job-detail-detail .list li i{ font-size: 20px; }
	
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.desktop{
		display: none;
	}
	.tablet{
		display: block;
	}
	.single-event .job-detail-header.v1 .event-detail-buttons .action > a{ padding: 7px 16px; font-size: 14px; }
	.single-event .tablet{ width: 100% !important; }
	.single-event .list-content-job.list-content-event .sidebar-event.tablet .job-detail-detail{ padding: 0; border: 0; }
	.single-event .list-content-job.list-content-event .sidebar-event.tablet .job-detail-detail .list li{ width: 100%; }
	.single-event .list-content-job.list-content-event .candidate-detail-portfolio.portfolio.desktop,
	.single-event .list-content-job.list-content-event .sharebox-job.desktop{ display: block; }
	.single-event .list-content-job.list-content-event .sharebox-job.desktop{ padding-top: 20px; }
	.single-event .list-content-event .widget.releated-jobs.related-events{ margin-top: 10px; padding-top: 10px; }
	.single-event .list-content-event .widget.releated-jobs.related-events .widget-content .event_btns.desktop{ 
		display: block; }
	.single-event .list-content-event .widget.releated-jobs.related-events .widget-content .event_btns.desktop .btn-browse-job{ 	padding: 7px 20px; font-size: 14px; }

	.page-id-1677 .search-orderby-wrapper .btn-all-applicant-download{ margin-top: 15px; }	
	.archive.author .avatar-image img{ width: 250px; }
	
}

@media only screen and (min-width: 992px) and (max-width: 1160px){
	.single-event .job-detail-header.v1 .event-detail-buttons .action > a{ padding: 7px 15px; }
}