.msgClass span {
    color: #c41e00;
    text-shadow: 
        0 0 5px rgba(196, 30, 0, 0.5),
        0 0 10px rgba(196, 30, 0, 0.3),
        0 0 15px rgba(196, 30, 0, 0.2);
    background: linear-gradient(45deg, #c41e00, #e82300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: brightness(0.85) contrast(1.1);
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}

.msgClass span::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, 
                rgba(255, 255, 255, 0.1), 
                rgba(255, 255, 255, 0.05));
    pointer-events: none;
}

#loginLogo{
	float: right;
}
#no-gutters{
	border-bottom: solid 1px #ffffff91;
}

#welcomeMessage{
	font-size:14px;
}

#footerRow{
	font-size: 12px;
}

#designedByImage{
	width: 130px;
}

#footerBody{
	margin: 0px;
}

#percentageFontWeight{
	font-size: 20px;
}

#line-chart{
	height: 250px;
}

#barChart{
	min-height: 250px; 
	height: 250px; 
	max-height: 250px; 
	max-width: 100%;
}
#donutChart{
	min-height: 250px;
	height: 250px;
	max-height: 250px;
	max-width: 100%;
}
#donutChartDiv{
	line-height: 1;
}
#box2Right{
	padding: 0px;
}
#box2RightSpan{
	font-weight: bold; 
	font-size: 15px
}
#statusTableRows{
	cursor: pointer; 
	font-weight: bold;
}
#statusTableRowsPercentage{
	vertical-align: middle; 
	text-align: right;
}
#statusTableRowsWithoutPercenatge{
	width: 30%; 
	font-weight: bold;
	text-align: right;
}
#statusTableRowsWithoutPercenatgeRed{
	cursor: pointer; 
	color: red; 
	font-weight: bold; 
	text-align: right
}
#tableInwardReport{
	width: 100%";
}

#contentFragment{
	min-height: 720px;
}

.custom-gradient-btn {
    background: linear-gradient(90deg, #0e0d56, #a20c00);
    border: none;
    color: #ffffff;
    transition: all 0.3s ease;
}

.custom-gradient-btn:hover, .custom-gradient-btn:focus {
    opacity: 0.9;
    color: #ffffff;
}

.custom-gradient-btn-primary {
    background: #0e0d56;
    border: none;
    color: #ffffff;
    transition: all 0.3s ease;
}

.custom-gradient-btn-primary:hover, .custom-gradient-btn:focus {
    opacity: 0.9;
    color: #ffffff;
}

.card-header{
	background: linear-gradient(90deg, #0e0d56, #a20c00);
    border: none;
    color: #ffffff;
    transition: all 0.3s ease;
}

.dropdown-item.logoutButtonColor {
  background-color: #a20c00;
  color:#ffffff
}

.dscAction.text-center{
	width: 15%;
}

.left-modal {
    position: fixed;
    top: 0%;
    left: 0;
    transform: translateY(-200%); /* Centers the modal vertically */
    margin-left: 150px; /* Space from the left edge of the screen */
    z-index: 1050; /* Ensure the modal appears above other content */
}