.dashboardCardWrapper {
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	/*margin-top: 15px;*/
}

.custTopMargin {
	margin-top: 20px;
}

.sideCardMargin {
	margin-top: 20px;
}

.setDefaultheight {
	height: 300px;
	display: block;
}


.dashboardCardWrapper .profilePicture {
	width: 100%;
	height: 100%x;
	border-radius: 50%;
	margin: 15px;
	word-wrap: break-word;
}
.dashboardCardWrapper .profileForCEO {
	width: 100%;
	height: 90%;
	border-radius: 50%;
	margin: 50px;
	word-wrap: break-word;
}
.configEditPOBtn {
    color: #d69116;    
    cursor: pointer;
}

.configClosePOBtn {
    color: #f05050;    
    cursor: pointer;
}

.imgWraapper {
	height: 100%;
	width: 100%;
}

.SupplierimgWraapper {
	height: 70%;
	width: 70%;
}

.dashboardCardWrapper .profileContent {
	text-align: center;
	font-family: arial;
	font-size: 18px;
	padding: 10px 10px 10px 0px;
	font-weight: 600;
	color: #000;
	margin-top: 25px;
}

/*.dashboardCardWrapper .profileContent p:first-child {
	font-weight: 600;
	color: #000;
	line-height: initial;

}*/

.dashboardCardWrapper .cardHeader {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-family: "verdana";
	font-size: 16px;
}

.dashboardCardWrapper .profileHeader {
	text-align: center;
	color: #fff;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	bottom: -10px;
	left: 0px;
	right: 0px;
	width: 90%;
}

.dashboardCardWrapper .headcolor1 {
	background-color: #ac7676;
}
.dashboardCardWrapper .headcolor2 {
	background-color: #8d9daf;
}
.dashboardCardWrapper .headcolor3 {
	background-color: #a789ac;
}
.dashboardCardWrapper .headcolor4 {
	background-color: #78a49d;
}
.dashboardCardWrapper .headcolorDynamic:nth-child(n+1) {
	background-color: #ac7676;
}
.dashboardCardWrapper .headcolorDynamic:nth-child(n+2) {
	background-color: #8d9daf;
}

.dashboardCardWrapper .empDirSearch {
	padding: 10px;
}

.dashboardCardWrapper .empSearchResult {
	padding: 10px;
}
.dashboardCardWrapper .empSearchResult .searchImage {
	height: 50px;
	width: 50px;
	line-height: initial;
}
.dashboardCardWrapper .empSearchResult p {
	line-height: 1.2;
}
.dashboardCardWrapper .empSearchResult p:first-child {
	font-weight: 600;
}

.dashboardCardWrapper .importantCotacts {
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	
}
.dashboardCardWrapper .importantCotacts .searchImage {
	height: 50px;
	width: 50px;
	line-height: initial;
}
.dashboardCardWrapper .importantCotacts p {
	line-height: 1.2;
}
.dashboardCardWrapper .importantCotacts p:first-child {
	font-weight: 600;
}

.dashboardCardWrapper .importantCotacts .impContact {
	padding: 10px 0px;
}

.dashboardCardWrapper .importantCotacts .impContact:hover {
	background-color: #5a5a5a;
	color: #fff;
	cursor: pointer;
}

.dashboardNotificaton {
	min-height: 250px;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
}

.calanderCard {
	/*max-height: 350px;*/
	overflow-x: hidden;
	overflow-y: auto;
}

/*.dashboardCardWrapper .style-5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.dashboardCardWrapper .style-5::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.dashboardCardWrapper .style-5::-webkit-scrollbar-thumb {
    background-color: #332b2b;
}*/

.dashboardNotificaton .notifRow {
	cursor: pointer;
	padding: 10px;
}

.dashboardNotificaton .notifRow:hover {
	background-color: #5a5a5a;
	color: #fff;
	cursor: pointer;
}

.dashboardNotificaton .notifIcon {
	font-size: 1.6em;
    color: #fff;
    padding: 10px;
    border-radius: 25px;
}

.dashboardNotificaton .rejIcon {
	background-color: #c13939;
}

.dashboardNotificaton .reqIcon {
	background-color: #bd9301;
}

.dashboardNotificaton p{
	line-height: 1.2;
}

.dashboardNotificaton .requestTitle {
	font-weight: 600;
}

.dashboardCardWrapper .cstmCardBody {
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

.dashboardCardWrapper .cstmSupplierCardBody {
	height: 600px;
	overflow-x: hidden;
	overflow-y: auto;
}

.dashboardCardWrapper .cstCardImg {
	width: 100%;
	height: 250px;
}

.dashboardCardWrapper .cstBtn {
    bottom: 0px;
    position: absolute;
    right: 10px;
    padding: 10px;
    background-color: #474748;
    color: #fff;
}

.dashboardCardWrapper .selfmanagerBadge {
	color: #fff;
	background-color: #852396;
	padding: 5px;
}

.defaultWaterMark {
	display: block;
	width: 100%;
	height: 200px;
	position: relative;
}

.defaultWaterMark h1 {
	top: 50%;
    left: 50%;
	border: 5px dashed rgba(137,134,134,0.3);
	position: absolute;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	padding: 15px;
	color: rgba(137,134,134,0.3);
	border-radius: 25px;
}

.dashboardCarousel .carousel-inner {
	min-height: 250px;
}

.leftSlide {
	float: right;

}

.leftSlide a{
	color: #fff;
	margin-right: 10px;
}

.rightSlide {
	float: left;

}

.rightSlide a{
	color: #fff;
	margin-left: 10px;
}

.cstmCardBody .poExpiryFlag {
	border-left: 5px solid #c80000;
	margin-bottom: 5px;
}

.cstmCardBody .toBeExpiryFlag {
	border-left: 5px solid #f4c621;
	margin-bottom: 5px;
}

.cstmCardBody .hrRepTitle {
	margin-left: 10px;
}

.employeeNameWrap {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	
}

.messgDate {
	text-align: right;
}

.messgBody {
	text-align: justify;
	font-size: 16px;
}