:root {
    --primary-1: #0D0D0D;
    --primary-2: #1A1A1A;
    --primary-3: #2E2E2E;
    --primary-4: #737684;
    --primary-5: #A29FA8;

    --secondary-1: #3B1CFA;
    --secondary-2: #EBEBF6;
    --secondary-3: #FFFAF1;
    --secondary-4: #F6F6F6;

    --color-primary: var(--primary-2);
    --color-primary-hover: var(--primary-3);
    
    --login-background: linear-gradient(180deg, var(--primary-1) 3.5%, var(--primary-3));
    --login-welcome-image: url("/javax.faces.resource/pages/login/dark-light/image.png.xhtml?ln=images");
    
    --menu-background: var(--primary-2);
    --menu-item-background: var(--primary-3);
    --menu-item-color: #ffffff;
    --menu-item-default-border: var(--secondary-1);
    
    --top-menu-background: var(--menu-background);
    --top-menu-color: #ffffff;

    --content-background: var(--secondary-4);
    
    --dialog-header-background: var(--primary-3);
    
    --dashboard-stats-1: rgb(255 206 216 / 50%);
    --dashboard-stats-2: rgb(255 245 221 / 50%);
    --dashboard-stats-3: rgb(215 236 251 / 50%);
    --dashboard-stats-4: rgb(219 242 242 / 50%);
    --dashboard-stats-5: rgb(229 229 229);
    --dashboard-stats-color: #333333;
    
    --button-background: #2951d3;
    --button-background-hover: #143C96;
    --button-color: #ffffff;

    --secondary-color: #007ad9;
    --third-color: #cb2d3e;
    --third-hover-color: #ef473a;
    --chart-color-1: #f16157;
    --chart-color-2: #754dc6;
    --chart-color-3: #348ac7;
    --chart-color-4: #5e8f32;
    --chart-color-5: #607d8b;
    --chart-color-6: #e91e63;
    
    --public-card-background: var(--primary-3);
}

body {
	background-color: var(--content-background);
}

/* Login */
.login-panel-body {
	background: var(--login-background);
}
.login-panel .left-side .panel-image {
    background-image: var(--login-welcome-image);
}
.login-panel .right-side .title {
	color: #cbcbcb;
}
.login-panel .ui-corner-all {
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.login-panel .ui-inputfield {
	padding: 7.3px 12px;
	background-color: #f2f3f7;
}
.login-panel .secondary-text {
	color: #cbcbcb;
}
/* Buttons */
.ui-button.button-ok {
	background: var(--button-background);
	color: var(--button-color);
}
.ui-button.button-ok:HOVER {
	background: var(--button-background-hover);
}

/* Menu */
.menu-vertical {
	background-color: var(--menu-background);
}

.menu-vertical .company-logo img {
	max-height: 40px;
}

.menu-vertical .menu-items a,
.menu-vertical .menu-items .ui-accordion .ui-accordion-header {
	color: var(--menu-item-color);
}

.menu-vertical .menu-items a:HOVER,
.menu-vertical .menu-items a.active,
.menu-vertical .menu-items .ui-accordion .ui-accordion-header:HOVER {
	background: var(--menu-item-background);
    color: var(--menu-item-color);
}

.menu-accordion-option.active{
	background: var(--menu-item-background) !important;
    color: var(--menu-item-color);
}

.menu-vertical .menu-items .ui-accordion-content {
    margin-bottom: 0;
    padding: 0;
    background: var(--menu-item-background);
}

.option-color-selected-dashboard {
    width: 7px;
    background: var(--menu-item-default-border);
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.option-color-selected-recruit {
    width: 7px;
    background: #FF6600;
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.option-color-selected-sales {
    width: 7px;
    background: #10C7FF;
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.option-color-selected-communications {
    width: 7px;
    background: #DE7DD2;
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.option-color-selected-analytics {
    width: 7px;
    background: #FFD81A;
    height: 49px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.menu-vertical i.icon::before {
	content: none !important;
}
.menu-vertical i.icon.notifications {
	background: url("/javax.faces.resource/pages/lotus/menu-notifications.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.dashboard {
	background: url("/javax.faces.resource/pages/lotus/menu-dashboard.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.recruit {
	background: url("/javax.faces.resource/pages/lotus/menu-recruit.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.sales {
	background: url("/javax.faces.resource/pages/lotus/menu-sales.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.communications {
	background: url("/javax.faces.resource/pages/lotus/menu-communications.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.analytics {
	background: url("/javax.faces.resource/pages/lotus/menu-analytics.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.joboffers {
	background: url("/javax.faces.resource/pages/lotus/menu-joboffer.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.candidates {
	background: url("/javax.faces.resource/pages/lotus/menu-candidates.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.database {
	background: url("/javax.faces.resource/pages/lotus/menu-database.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.clientsimg {
	background: url("/javax.faces.resource/pages/lotus/menu-clientsimg.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.newsfeed {
	background: url("/javax.faces.resource/pages/lotus/menu-newsfeed.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.emailer {
	background: url("/javax.faces.resource/pages/lotus/menu-emailer.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.kpi {
	background: url("/javax.faces.resource/pages/lotus/menu-kpi.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.validation {
	background: url("/javax.faces.resource/pages/lotus/menu-validation.svg.xhtml?ln=images") no-repeat;
}
.menu-vertical i.icon.reports {
	background: url("/javax.faces.resource/pages/lotus/menu-reports.svg.xhtml?ln=images") no-repeat;
}

.menu-vertical i.icon.people::before {
	content: "\f2bb" !important;
}

.menu-vertical i.icon.clients::before {
	content: "\f4fb" !important;
}

/* Top Menu */
.menu {
	background: var(--top-menu-background);
}
.menu a, .menu .name {
	color: var(--top-menu-color);
}
.menu .name {
	border-right: none;
	padding-right: 5px;
}

/* Statistics */
.card.statistics.s1 {
	background: var(--dashboard-stats-1) !important;
}
.card.statistics.s2 {
	background: var(--dashboard-stats-2) !important;
}
.card.statistics.s3 {
	background: var(--dashboard-stats-3) !important;
}
.card.statistics.s4 {
	background: var(--dashboard-stats-4) !important;
}
.card.statistics.s5 {
	background: var(--dashboard-stats-5) !important;
}

/* Cards */
.card {
	border: 1px solid #e2e1e3;
	box-shadow: none;
}
.card .header {
	background: #ffffff;
	color: #333333;
}
.card.returned {
    border: 1px solid #ff0303;
    box-shadow: none !important;
}
.card.statistics .header {
    color: var(--dashboard-stats-color);
}
.card.statistics .content {
	color: var(--dashboard-stats-color);
}
.card.candidates-public-title-card {
	background: var(--public-card-background);
}

/* Notifications */
.menu-vertical .menu-items a div.notification {
	background: #EBA32A;
}

/* Dialogs */
.ui-dialog .ui-dialog-titlebar {
	background: var(--dialog-header-background);
}

/* DataScroller */
.ui-datascroller-item:hover {
	box-shadow: none !important;
}
.ui-datascroller-item:hover .card {
    border-color: #2E2E2E;
    border-width: 2px;
}
.ui-datascroller-item:hover .card.returned {
	border: 2px solid #ff0303;
}

/* --- Branding Customizations --- */

/* PrimeFaces fileUpload buttons (primaryColor) */
.ui-fileupload-choose {
	background: var(--button-background) !important;
	border-color: var(--button-background) !important;
	color: #ffffff !important;
}
.ui-fileupload-choose:HOVER {
	background: var(--button-background-hover) !important;
	border-color: var(--button-background-hover) !important;
}

/* Secondary Color mappings (Dropdowns, switches, toggles) */
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight,
.ui-selectcheckboxmenu-header .ui-chkbox-box.ui-state-active,
.ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active,
.ui-inputswitch.ui-inputswitch-checked,
.ui-inputswitch.ui-state-active,
.ui-toggleswitch.ui-toggleswitch-checked,
.ui-toggleswitch.ui-state-active {
	background: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
}

/* Third Color mappings (Cancel, Delete, Clear Filter) */
.ui-button.button-cancel,
.button-cancel,
.ui-button.button-clear,
.button-clear {
	background: var(--third-color) !important;
	border-color: var(--third-color) !important;
	color: #ffffff !important;
}
.ui-button.button-cancel:HOVER,
.button-cancel:HOVER,
.ui-button.button-clear:HOVER,
.button-clear:HOVER {
	background: var(--third-hover-color) !important;
	border-color: var(--third-hover-color) !important;
}
.option-table.delete, .option-table.remove, .option-table.clear {
	color: var(--third-color) !important;
}
.option-table.delete:HOVER, .option-table.remove:HOVER, .option-table.clear:HOVER {
	color: var(--third-hover-color) !important;
}

/* Side Menu Accents (Extended Palette) */
.option-color-selected-dashboard {
	background: var(--chart-color-1) !important;
}
.option-color-selected-recruit {
	background: var(--chart-color-2) !important;
}
.option-color-selected-sales {
	background: var(--chart-color-3) !important;
}
.option-color-selected-communications {
	background: var(--chart-color-4) !important;
}
.option-color-selected-analytics {
	background: var(--chart-color-5) !important;
}

/* Candidate Board Headers (Extended Palette) */
div[id$="POSTULATED"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-1) !important;
}
div[id$="REVIEW_BY_RECRUITMENT"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-2) !important;
}
div[id$="REVIEW_BY_TI"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-3) !important;
}
div[id$="APPROVED_MBC"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-4) !important;
}
div[id$="REJECTED_MBC"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-5) !important;
}
div[id$="APPROVED_CLIENT"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-4) !important;
}
div[id$="REJECTED_CLIENT"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-5) !important;
}

/* Button Info & Button Light styling (primaryColor) */
.ui-button.button-info {
	background: var(--button-background) !important;
	border-color: var(--button-background) !important;
	color: #ffffff !important;
}
.ui-button.button-info:HOVER {
	background: var(--button-background-hover) !important;
	border-color: var(--button-background-hover) !important;
}
.ui-button.button-light,
.ui-button.button-light.ui-state-default {
	border: 1px solid var(--button-background) !important;
	color: var(--button-background) !important;
	background: #FFFFFF !important;
}
.ui-button.button-light:HOVER {
	background: #f7f7f7 !important;
	border-color: var(--button-background-hover) !important;
	color: var(--button-background-hover) !important;
}

/* selectOneButton active color (secondaryColor) */
.ui-selectonebutton .ui-button.ui-state-active {
	background: var(--secondary-color) !important;
	background-color: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
	color: #FFFFFF !important;
}

/* Dashboard Status Cards (Extended Palette) */
.card.statistics.s1 {
	background: var(--chart-color-1) !important;
}
.card.statistics.s2 {
	background: var(--chart-color-6) !important;
}
.card.statistics.s3 {
	background: var(--chart-color-2) !important;
}
.card.statistics.s4 {
	background: var(--chart-color-4) !important;
}
.card.statistics.s5 {
	background: var(--chart-color-5) !important;
}

/* Job Offers Board Column Headers (Extended Palette) */
div[id$="BOARD_NOT_STARTED"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-1) !important;
}
div[id$="BOARD_REVIEW_BY_TI"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-3) !important;
}
div[id$="BOARD_REVIEW_BY_DESIGN"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-6) !important;
}
div[id$="BOARD_REVIEW_BY_RECRUITMENT"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-2) !important;
}
div[id$="BOARD_IN_RECRUITMENT"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-2) !important;
}
div[id$="BOARD_COMPLETED"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-4) !important;
}
div[id$="BOARD_REVIEW_BY_MBC"] .ui-datascroller-header .card {
	border-top-color: var(--chart-color-3) !important;
}