: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;
    
    --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;
}