.sectionHeader {
    background-image: linear-gradient(to bottom right, #4c4c4c, #575757);
}

.gradient-card {
    background: white;
    padding: 16px;
    border-radius: 8px;
    box-shadow: var(--mud-elevation-3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 4px solid #4c4c4c;
}

.appBarLogo, .appBarLogoLarge {
    content: url("/themes/FourCorners/AppBarLogo.png");
    height: 40px;
}

.loginLogo {
    content: url("/themes/FourCorners/LoginLogo.png");
    width: 550px;
}

.btn-primary {
    text-transform: uppercase;
    border: none;
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #2d2d2d !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #575757 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #2d2d2d !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #9f9f9f !important;
}