@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --mud-palette-text-primary: #919191 !important;
}

.card-title, .card-title a, .card-title p {
    font-weight: bold !important;
}

a.mud-primary-text {
    color: var(--mud-palette-secondary) !important;
}

.mud-button-filled.mud-button-filled-info {
    font-weight: bold !important;
}

.mud-button-root:disabled {
    color: var(--mud-palette-action-disabled) !important;
}


div.mud-drawer-content {
    background: linear-gradient(to bottom, #000000, var(--mud-palette-drawer-background));
}

header {
    background-image: url(/images/header.png);
    background-repeat: no-repeat;
    background-position: center 58px;
    height: 80px;
}

    header.mud-elevation-1 {
        box-shadow: none;
    }

    header img.main-logo {
        height: 36px;
    }

@media (max-width: 600px) {
    header {
        background-position: center 48px;
        height: 70px;
    }

        header img.main-logo {
            height: 30px;
        }
}