:root {
--wpjp-primary-color: #3baeda;
--wpjp-secondary-color: #333333;
--wpjp-body-font-color: #575757;
--wpjp-border-color: #e9ecef; --wpjp-background-color: #f6f6f6; --wpjp-card-background: #ffffff;
--wpjp-highlight-color: #FFC300; --wpjp-success-color: #28a745;
--wpjp-warning-color: #17a2b8;
--wpjp-danger-color: #dc3545; --wpjp-main-heading: 32px; --wpjp-second-sub-heading: 27px; --wpjp-sub-heading: 22px; --wpjp-body-font-size: 17px;  --wpjp-card-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
--wpjp-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
--wpjp-focus-shadow-color: 0 0 0 3px rgba(98, 36, 198, 0.25);
--wpjp-error-color: #e53e3e;
--wpjp-error-focus-shadow: 0 0 0 3px rgba(229, 62, 62, 0.25);
}
#wjportal-emp-cp-wrp{
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
a {
text-decoration: none;
color: var(--wpjp-primary-color); transition: color 0.3s, opacity 0.3s;
}
a:hover {
color: var(--wpjp-secondary-color);
}
#wjportal-emp-cp-wrp .wjportal-cp-top{
width: 100%;
border: 1px solid var(--wpjp-border-color);
padding:20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
flex-wrap: wrap;
border-top: 5px solid var(--wpjp-primary-color);
background: linear-gradient(to bottom, var(--wpjp-primary-color), var(--wpjp-secondary-color));
}
.wjportal-cp-user{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.wjportal-user-logo {
width: 120px;
height: 120px;
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--wpjp-border-color); box-shadow: 0 0 0 2px var(--wpjp-border-color);
flex-shrink: 0;
background-color: white;
padding: 5px;
}
.wjportal-user-logo-image {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.wjportal-user-name {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: #fff;
line-height: 1.2;
}
.wjportal-user-tagline {
font-size: var(--wpjp-body-font-size);
color: #fff; 
margin-top: 2px;
font-weight: 500;
}
.wjportal-cp-user-action {
margin-left: auto;
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
} .wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-job,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-my-companies,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-decoration: none;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid transparent;
transition: all 0.2s ease;
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-border-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile{
background-color: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-job:hover,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-my-companies:hover,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile:hover{
background-color: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile:hover{
background-color: #ffffff;
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-secondary-color);
} .wjportal-cp-user-act-btn {
display: inline-flex;
align-items: center;
gap: 0.5em; } .wjportal-cp-user-act-btn::before {
content: "";
display: inline-block;
width: 1em; height: 1em;  background-color: currentColor;  -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
} .wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-job::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
} .wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-my-companies::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
} .wjportal-cp-user-act-profile-edit-profile::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
}   #wjportal-emp-cp-wrp .wjportal-cp-box.box1 { border-top: 4px solid #3498db; }
#wjportal-emp-cp-wrp .wjportal-cp-box.box2 { border-top: 4px solid #30cd72; }
#wjportal-emp-cp-wrp .wjportal-cp-box.box3 { border-top: 4px solid #f5a623; }
#wjportal-emp-cp-wrp .wjportal-cp-box.box4 { border-top: 4px solid #bd10e0; }  #wjportal-emp-cp-wrp .wjportal-cp-box.box1 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%234A90E2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="2" y="7" width="20" height="14" rx="2" ry="2"%3E%3C/rect%3E%3Cpath d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"%3E%3C/path%3E%3C/svg%3E');
} #wjportal-emp-cp-wrp .wjportal-cp-box.box2 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%2330cd72" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"%3E%3C/path%3E%3Cpolyline points="14 2 14 8 20 8"%3E%3C/polyline%3E%3Cpolyline points="9 15 11 17 15 13"%3E%3C/polyline%3E%3C/svg%3E');
} #wjportal-emp-cp-wrp .wjportal-cp-box.box3 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23f5a623" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 22V10h-4v12M18 22V8h-4M10 22V14h-4v8M22 22H2"%3E%3C/path%3E%3C/svg%3E');
} #wjportal-emp-cp-wrp .wjportal-cp-box.box4 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23bd10e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z"%3E%3C/path%3E%3C/svg%3E');
} .wjportal-cp-left {
flex: 0 0 280px; 
border-radius: 10px;
height: max-content;
position: sticky;
top: 4.5rem;
padding: 0;
overflow: hidden;
min-height: 800px;
}
.wjportal-cp-right {
flex: 1; 
min-width: 550px;
}  #wjportal-emp-cp-wrp .wjportal-cp-sec-title,
.wjportal-my-invoices-sec-tit-txt {
font-size:var(--wpjp-sub-heading);
color: var(--wpjp-text-secondary);
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp #wpjobportal-center .wjportal-cp-sec-title{
margin-bottom: 20px;
}
#wjportal-emp-cp-wrp h3.wjportal-section-title{
font-size:var(--wpjp-body-font-size);
color: var(--wpjp-secondary-color);
font-weight: 600;
padding: 15px 0 15px 0;
padding-left: 0;
margin: 0;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp .wjportal-jobs-list.wpjobportal-list-item-is-featured{
border: 1px solid #ffb63b;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
} .wjportal-cp-right {
flex: 1; 
min-width: 550px;
}  #wjportal-emp-cp-wrp  .wjportal-cp-sec-title,
.wjportal-my-invoices-sec-tit-txt {
font-size:var(--wpjp-sub-heading);
color: var(--wpjp-text-secondary);
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp  #wpjobportal-center .wjportal-cp-sec-title{
margin-bottom: 20px;
}
h3.wjportal-section-title{
font-size:var(--wpjp-body-font-size);
color: var(--wpjp-secondary-color);
font-weight: 600;
padding: 15px 0 15px 0;
padding-left: 0;
margin: 0;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp  .wjportal-jobs-list.wpjobportal-list-item-is-featured{
border: 1px solid #ffb63b;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
}
#wjportal-emp-cp-wrp  .wjportal-cp-short-links-wrp {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
padding: 10px 24px;
text-align: center;
margin-bottom: 20px;
} #wjportal-emp-cp-wrp  .wjportal-cp-short-links-list {
display: flex;
flex-direction: column;
gap: 4px;
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor {
display: flex;
align-items:flex-start;
gap: 12px;
padding: 10px 10px 10px 10px;
text-decoration: none;
color: var(--wpjp-wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
font-weight: 500;
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor:hover {
background-color: var(--wpjp-background-color);
color: var(--wpjp-primary-color);
filter: none;
border-radius: 8px;
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor img {
width: 24px;
height: 24px;
filter: grayscale(1) opacity(0.6);
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor:hover img{
filter: unset;
}
#wjportal-emp-cp-wrp span.wjportal-cp-link-text {
text-align: left;
}
#wjportal-emp-cp-wrp  .app-status {
display: flex;
align-items: center;
font-weight: 600;
font-size: 0.9em;
padding: 5px 10px;
border-radius: 20px;
background: var(--wpjp-bg-body);
flex-shrink: 0;
}
.wjportal-cp-graph-wrp.wjportal-cp-sect-wrp,
.wjportal-cp-sect-wrp.wjportal-applied-resume-wrp{
width: 100%;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
border: 1px solid var(--wpjp-border-color);
}
#wjportal-emp-cp-wrp .wjportal-cp-right .wjportal-resume-list-wrp .wjportal-resume-app-title{
background-color: var(--wpjp-background-color);
border: 1px solid var(--wpjp-border-color);
padding: 13px 5px;
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
font-weight: 600;
margin: 15px 0;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-logo{
flex-shrink: 0;
width: 100px;
height: 100px;
border-radius: 6px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp span.wjportal-resume-name {
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
text-decoration: none;
font-weight: 700;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-listing-skills-data-text,
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-right-wrp,
#wjportal-emp-cp-wrp .wjportal-resume-list  .wjportal-resume-list-btm-wrp{
display: none;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-middle-wrp{
width: 100%;
}    @media (max-width: 1280px) { :root {
--wpjp-main-heading: 2.0em;
--wpjp-second-sub-heading: 1.5em;
--wpjp-sub-heading: 1.15em;
--wpjp-body-font-size: 0.95em;
}
} @media (max-width: 1080px) { :root {
--wpjp-main-heading: 1.8em;
--wpjp-second-sub-heading: 1.4em;
--wpjp-sub-heading: 1.1em;
--wpjp-body-font-size: 0.95em;
} #wjportal-emp-cp-wrp {
flex-direction: column;
gap: 20px;
} .wjportal-cp-left,
.wjportal-cp-right {
flex: 1 1 100%;
min-width: 100%;
min-height: auto;
position: static; top: auto;
}
.wjportal-cp-left { min-height: auto;
margin-bottom: 20px;
}
.wjportal-cp-right { padding: 0;
width: 100%;
}
.wjportal-cp-boxes { grid-template-columns: repeat(3, 1fr);
justify-content: center;
}
} @media (max-width: 767px) { :root {
--wpjp-main-heading: 1.6em;
--wpjp-second-sub-heading: 1.3em;
--wpjp-sub-heading: 1.0em;
--wpjp-body-font-size: 0.9em;
} .wjportal-cp-boxes {
grid-template-columns: repeat(2, 1fr);
padding-top: 20px;
} .wjportal-cp-top {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
.wjportal-cp-user { width: auto;
margin-bottom: 20px;
}
.wjportal-cp-user-action {
margin-left: 0;
justify-content: flex-start;
width: 100%;
} #wjportal-emp-cp-wrp .wjportal-resume-status-dashboard-data {
flex-direction: column;
padding: 1rem;
gap: 1rem;
}
#wjportal-emp-cp-wrp .wjportal-resume-data { width: 100%;
}
#wjportal-emp-cp-wrp .wjportal-progress-bar-container{ width:100%; } .wjportal-table-wrp {
min-width: unset; border: none;
}
.wjportal-table-wrp thead {
display: none;
}
.wjportal-table-wrp tbody,
.wjportal-table-wrp tr {
display: block;
}
.wjportal-table-wrp tbody tr {
margin-bottom: 15px;
border: 1px solid var(--wpjp-border-color);
border-radius: 4px;
}
.wjportal-table-wrp td {
display: block;
text-align: right;
border-bottom: 1px dotted var(--wpjp-border-color);
position: relative;
padding: 10px 15px;
}
.wjportal-table-wrp td::before { content: attr(data-th); 
font-weight: bold;
float: left;
color: var(--wpjp-primary-color);
}
.wjportal-table-w50 {
width: 100%; 
}
} @media (max-width: 650px) { :root {
--wpjp-main-heading: 1.5em;
--wpjp-second-sub-heading: 1.2em;
--wpjp-sub-heading: 1.0em;
--wpjp-body-font-size: 0.9em;
} .wjportal-cp-user-act-btn {
width: 100%;
justify-content: center;
}
.wjportal-cp-user-action {
gap: 8px;
} #wjportal-emp-cp-wrp div#wpjobportal-center {
padding: 15px;
margin-bottom: 20px;
}
} @media (max-width: 480px) { :root {
--wpjp-main-heading: 1.4em;
--wpjp-second-sub-heading: 1.1em;
--wpjp-sub-heading: 0.95em;
--wpjp-body-font-size: 0.85em;
}
.wjportal-cp-user{
justify-content: center;
}
.wjportal-jobseeker-cp-data-top-middle-wrap{
text-align: center;
} .wjportal-cp-boxes {
grid-template-columns: 1fr; margin-top: 10px;
padding-top: 10px;
gap: 15px;
}
#wjportal-emp-cp-wrp .wjportal-cp-box-top::before{
top: 11px;
right: 0px;
left: 0;
margin: auto;
text-align: center;
}
.wjportal-applied-job-resume-status {
top: 88% !important;
right: 0rem !important;
} .wjportal-user-logo {
width: 80px;
height: 80px;
} #wjportal-emp-cp-wrp .wjportal-jobs-list-top-wrp {
width: 100%;
flex-direction: column;
padding: 1rem;
gap: 1rem;
} .wjportal-cp-user-act-btn {
padding: 8px 12px;
} #wjportal-emp-cp-wrp .wjportal-cp-short-links-wrp {
padding: 10px 15px;
}
.wjportal-cp-box-num {
font-size: 30px;
}
.wjportal-cp-box-tit {
margin-top: 50px;
}
}