/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 6, 2021, 7:04:40 PM
    Author     : HP
*/
.profile-image {
	width: 100px;
	height: 100px;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 50%;
	object-fit: cover;
}

.profile-image-small {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}


.big-card-numbers {
	text-align: right !important;
	align-items: flex-end;
	padding-top: 10%;
}

.hyperLink {
	color: blue !important;
	text-decoration: underline !important;
}

.Management {
	background-color: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.NonManagement {
	background-color: white;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

.Temporary {
	background-color: pink;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

.Calendar-Submitted {
	background: #fe5d0d !important;
	border: 0px solid #fe5d0d !important;
	color: #ffffff;
}

.Calendar-Rejected {
	background: #e60a31 !important;
	border: 0px solid #fe5d0d !important;
	color: #e60a31;
}

.Calendar-Approved {
	background: #4e9008 !important;
	border: 0px solid #4e9008 !important;
	color: #ffffff;
}

.Calendar-Planned {
	background: #bca709 !important;
	border: 0px solid #bca709 !important;
	color: #ffffff;
}

.Calendar-Completed {
	background: #0936bc !important;
	border: 0px solid #0936bc !important;
	color: #ffffff;
}

.Calendar-Reviewed {
	background: #0936bc !important;
	border: 0px solid #0936bc !important;
	color: #ffffff;
}

/*
    System colours. The --brand-* tokens come from brand-vars.xhtml (company settings).
    Each literal declaration is the fallback for browsers without custom properties;
    each var() fallback covers a page rendered without the token block.
*/
.layout-wrapper .layout-topbar {
	background: linear-gradient(to bottom, #3b63c5, #39a4ff);
	background: var(--brand-gradient, linear-gradient(to bottom, #3b63c5, #39a4ff));
}

.layout-wrapper .layout-topbar #menu-button {
	color: #ffffff;
	color: var(--brand-on-primary, #ffffff);
}

body .ui-button {
	background: #06388d;
	background: var(--brand-accent, #06388d);
	border-color: #06388d;
	border-color: var(--brand-accent, #06388d);
	color: #ffffff;
	color: var(--brand-on-accent, #ffffff);
}