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

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

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

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

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

div.main-login {
    margin-top: 80px;
}

    div.main-login section div:first-child {
        background-color: initial !important;
    }

    div.main-login img {
        height: initial;
        max-height: 24vh;
        max-width: 100%;
        padding: 0 !important;
    }

header.mud-appbar {
    background: linear-gradient(to right, var(--mud-palette-appbar-background) 220px, #ffffff 100px, #ffffff);
}

div.mud-toolbar button {
    color: #ffffff !important;
}

div.mud-toolbar div.mud-menu button {
    color: #000000 !important;
}

header img.main-logo {
    vertical-align: middle;
    height: 64px;
    max-width: initial;
}

header div.mud-menu {
    color: #212529;
}

@media (max-width: 600px) {
    header.mud-appbar {
        background: linear-gradient(to right, var(--mud-palette-appbar-background) calc(10% + 64px), #a9835c, #ffffff 70%);
    }

    header img.main-logo {
        height: initial;
        max-width: calc(100vw - 64px);
    }
}