@media (min-width: 600px) {
    .mud-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.mud-card-header {
    padding: 12px;
}

.mud-card-content {
    padding: 12px;
}

.mud-card-header-actions {
    align-self: center !important;
}

.mud-nav-link:hover {
    color: var(--mud-palette-text-primary);
}

.mud-icon-size-grid-action .mud-icon-size-small {
    font-size: 1.75rem;
}

.mud-icon-size-grid-action .mud-icon-size-medium {
    font-size: 2.25rem;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform: translate(0, 1.5px) scale(.85);
}

.extraSmall svg {
    font-size: 1.2rem !important;
}

.mud-tooltip-root.mud-tooltip-inline {
    display: unset !important;
}

.mud-color-white {
    color: #ffffff !important;
}

.mud-color-white > button {
    color: #ffffff !important;
}

.standard-color {
    color: var(--mud-palette-text-primary);
}

.skeleton-full{
    transform: none !important;
}

.page-content-navigation-navlink {
    &.active {
        .mud-nav-link {
            color: var(--mud-palette-primary);
            border-color: var(--mud-palette-primary);
            background-color: transparent;
        }
    }

    &.section-error {
        .mud-nav-link {
            color: var(--mud-palette-error);
            /*border-color: var(--mud-palette-error);*/
            background-color: transparent;
            font-weight: bold;
        }
    }
    
    .mud-nav-link {
        padding: 4px 16px 4px 16px;
        color: var(--mud-palette-text-secondary);
        border-left: 2px solid var(--mud-palette-action-disabled-background);

        &.active {
            color: var(--mud-palette-primary);
            border-color: var(--mud-palette-primary);
            background-color: transparent;
        }

        .mud-nav-link-text {
            margin-left: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}

.nav-link-smallicon {
    .mud-nav-link {
        .mud-nav-link-text {
            margin-left: 15px;
        }

        .mud-icon-root {
            font-size: 1.3em;
            padding-top: 2px;
            padding-left: 4px;
        }
    }
}

.mudblazor-invisible-validation {
    margin-top: 0 !important;

    .mud-input-control-input-container {
        .mud-input {
            display: none !important;
        }
    }
}

.md-w-80{
    width: 80% !important;
}

.mud-form .mud-form-global-error {
    color: var(--mud-palette-error) !important;
}

.mud-form .mud-form-hidden-error {
    display:none !important;
}

.mud-item-clear-padding-top{
    padding-top: 0 !important;
}