/* Red
================================================== */
.mandatory,
.red-notice,
.red {
	color: red !important;
}


/* Orange
================================================== */
.logo p {
	color: #f7a715;
}

.dashboard-nav ul li a.view-detail-btn:hover {
    background-color: #d26b07;
}


/* Reddish Pink
================================================== */
button.button.delete-btn {
	background-color: #ffe9e9;
    color: #de5959;
}

button.button.delete-btn:hover {
    background-color: #ffcbcb;
    color: #ec2020;
}


/* White
================================================== */
.dashboard-nav ul li a .nav-tag i,
.dashboard-nav ul li a.view-detail-btn {
	color: white;
}



/* Green
================================================== */
.dashboard-nav ul li a .nav-tag {
	background-color: rgb(54, 189, 120);
}

.dashboard-nav ul li.whatsapp-li {
    background-color: rgb(54 189 120 / 13%);
}

.dashboard-nav ul li.whatsapp-li a,
.dashboard-nav ul li.whatsapp-li a i {
	color: green;
}

.dashboard-box .button.green:not(.ico):hover {
	background-color: #3cb65d;
    box-shadow: 0 3px 8px rgb(64 182 96 / 15%);
}

.view-uploaded-doc-btn {
	background-color: rgb(54 189 120 / 13%);
	box-shadow: 0 3px 8px rgb(64 182 96 / 15%);

	i {
		color: rgb(54, 189, 120);
	}

	&:hover {
		background-color: rgb(54 189 120 / 20%);
	}
}


/* Gray
================================================== */
.button.dark:not(.ico):hover {
	background-color: #4a4a4a !important;
}


/* Light Gray
================================================== */
hr {
	color: #dbdbdb;
}

.dashboard-box,
.dashboard-content-inner .small-footer,
.dashboard-sidebar {
    background-color: rgb(255 255 255 / 96%);
}

/* Transparent
================================================== */
.dashboard-content-container {
    background-color: transparent;
}