:root {
    --top-menu-height: 43px;
    --focus-border-color: #4d90fe;
}

* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
}

html,
textarea,
input,
select {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

body {
    font-size: 1rem;
}

a:link,
a:active,
a:visited,
body.Mobile a:hover {
    color: #1f65a6;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: var(--focus-border-color);
    font-weight: bold;
}

a * {
    color: inherit;
}

span.DisabledLink {
    color: #ff831f;
    font-weight: bold;
}


div.PageContent {
    margin: 14px 10px 28px 10px;
}

textarea,
input
{
    box-sizing: border-box;
}

img.TinyIcon {
    height: 24px;
    vertical-align: middle;
    margin-right: 6px;
}

img.SmallIcon {
    height: 32px;
    vertical-align: middle;
    margin-right: 6px;
}

img.TinyFlag {
    height: 24px;
    vertical-align: middle;
    margin-right: 6px;
    border-radius: 6px;
    margin-bottom: 1px;
    border: 1px solid #666;
}

/* Elementy formularza: */
.mud-button {
    background: #eee;
    border: 1px solid #888;
    padding: 4px 6px;
    color: #555;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
    text-transform: none;
}

.mud-button img {
    border-width: 0px;
    vertical-align: middle;
    margin-right: 5px;
}

.mud-button:hover {
    border: 1px solid #444;
    color: #000;
    box-shadow: 0 0 4px #aaa;
}

.mud-button:focus,
.mud-button:active {
    outline-width: 0;
    border: 1px solid var(--focus-border-color);
    box-shadow: 0 0 0px 1px var(--focus-border-color);
}


.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 15px;
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    transition: border-width,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
    border-color: var(--mud-palette-action-default)
}

.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-width: 2px;
    border-color: var(--focus-border-color);
}

/* Alerty: */
.mud-alert {
    border-radius: var(--forms-rounding);
    display: inline-block;
}

.mud-alert-text-normal {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-dark-hover);
    border: 2px solid var(--mud-palette-dark);
}

.mud-alert-text-tertiary {
    color: var(--mud-palette-tertiary-darken);
    background-color: var(--mud-palette-tertiary-hover);
    border: 2px solid var(--mud-palette-tertiary);
}

.mud-alert-text-info {
    color: var(--mud-palette-info-darken);
    background-color: var(--mud-palette-info-hover);
    border: 2px solid var(--mud-palette-info);
}

.mud-alert-text-success {
    color: var(--mud-palette-success-darken);
    background-color: var(--mud-palette-success-hover);
    border: 2px solid var(--mud-palette-success);
}

.mud-alert-text-warning {
    color: var(--mud-palette-warning-darken);
    background-color: var(--mud-palette-warning-hover);
    border: 2px solid var(--mud-palette-warning);
}

.mud-alert-text-error {
    color: var(--mud-palette-error-darken);
    background-color: var(--mud-palette-error-hover);
    border: 2px solid var(--mud-palette-error);
}