#profileImage{
	font-family: Arial, Helvetica, sans-serif;
	width: 8.438rem;
	height: 8.438rem;
	border-radius: 50%;
	background: #005C8A;
	font-size: 2.5rem;
	color: #fff;
	text-align: center;
	line-height: 8.438rem;
}
.background-profile-white{
	background-color: #fff;
}
.profilepic-max-width{
	max-width:8.438rem;
}
.managerpic-max-width{
	max-width: 6.5rem;
}

#profileImageManager{
	font-family: Arial, Helvetica, sans-serif;
	width: 6.5rem;
	height: 6.5rem;
	border-radius: 50%;
	background: #005C8A;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	line-height: 6.5rem;
}

#profileImageHeader{
	font-family: Arial, Helvetica, sans-serif;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: #005C8A;
	font-size: 0.7rem;
	color: #fff;
	text-align: center;
	line-height: 2rem;
	
}

.background-transparent {
	background-color: transparent;

}
#profileImageHeader:hover{
	/* background-color: #24a5e6 !important; */
}

.team-mate{
	width:3rem;
	height:3rem;
	border-radius:1.25rem;
}

.font-color-grey{
	color:#6A7178;
}

.name-truncate{
	max-width: 13rem;
}
.designation-truncate{
	max-width: 13.5rem;
}

.avatar {
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
}

.close-hover:hover{
	cursor: pointer;
}

.my-profile-drawer [class^="MuiBackdrop-root"], .my-profile-drawer [class^="MuiPaper-root"] {
	position: absolute;
	height: 100%;
	background-color: #F5F5F5;
}
.nav-underline .nav-link.active::after{
	background-color: #005C8A !important;
}

span.collapse-icon-open{
	transform: rotate(180deg) !important;
    color: #005C8A !important;
    width: 0.9375rem !important;
    height: 0.5625rem !important;
	fill: none;
}
span.collapse-icon-closed{
	transform: rotate(90deg) !important;
    color: #005C8A !important;
    width: 0.9375rem !important;
    height: 0.5625rem !important;
	fill: none;
}
.font-bolder{
	font-weight: 900;
}
span.panel-title{
	font-weight: 500;
	font-family: "Gotham Medium";
	font-size: 1rem;
	line-height: 1.5rem;
	color: #101213;
	text-align: center;
}

.MuiPaper-root.MuiDrawer-paper.MuiDrawer-paperAnchorTop.MuiPaper-elevation16{
	box-shadow: none !important;
}

@media screen and (max-width:768px){
	.profile-align{
		text-align: center;
	}
	.profile-align .row{
		justify-content: center;
		align-items: center;
	}
	.profile-align #profileImage{
		margin: 0 auto;
	}
	.profile-align #profileImageManager{
		margin: 0 auto;
	}
	span .profile-align{
		text-align: center;
	}
	div .profile-align{
		text-align: center;
	}
	a .profile-align{
		text-align: center;
	}
}

.notification-count {
    margin: -20px -6px 15px 0px;
    cursor: pointer;
	position: absolute;
}

.notification-count .badge {
	font-size: 0.688rem;
    padding-bottom: 0.1rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.2rem;
	margin: 0;
}

.cp {
	cursor: pointer;
}

/* Index/ Appendix CSS Starts */
.appendix-wrapper {
	margin: auto;
    padding: 2rem;
	width: 90%;
}

.align-items-center {
	align-items: center !important;
}

.cursor-pointer {
	cursor: pointer;
}

.index-card {
	min-height: 55vh;
	margin-bottom: 2rem;
}

.letter-filter-wrapper {
	text-align: center;
	width: 100%;
	min-height: 4rem;
	background: #F8F9FA;
	border: 1px solid #F1F3F5;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem;
}

.letter-container {
	width: 1.5rem;
	height: 1.5rem;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px rgba(51, 56, 64, 0.08);
	border-radius: 18px;
	color: #ADB5BD;
	cursor: pointer;
}

.letter-all {
	width: 2rem;
	height: 2rem;
	display: flex;
    align-items: center;
    justify-content: center;
}

.letter-container-enabled {
	color: #005C8A !important;
}

.index-items-wrapper {
	min-height: 50vh;
}

.index-item-description {
	color: #005C8A !important;
}
.button-text-wrap{
	white-space: nowrap;
}
/* Index/ Appendix CSS Ends */


/* Employee Toolkit CSS Starts */

.et-description {
	line-height: inherit !important;
	font-size: 0.9rem;
}

/* .et-data-item:hover {
	box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
  	transform: translateY(-2px);
} */

.et-data-item {	
	padding-bottom: 1rem;
	/* border: 0.5px solid #adb5bd;
    border-radius: 4px; */
}

.et-data-item:hover {
	transform: translateY(-2px);
	box-shadow: -10px -10px 15px rgba(255,255,255,0.5), 10px 10px 15px rgba(70,70,70,0.12);
}

.action-buttons {
	opacity: 0;
}

.et-data-item:hover .action-buttons {
	opacity: 1;
}

.modal-dialog:focus {
	outline:none;
}

.loader-wrapper {
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
}

/* Employee Toolkit CSS Ends */