@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), url('https://cdn.stage.universum.renomia.cz/font/NotoSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --mud-elevation-1: -0.025290055200457573px 0.7403088808059692px 3.069444417953491px 0px rgba(0, 56, 101, 0.07), -0.11127624660730362px 3.257359027862549px 6.355555534362793px 0px rgba(0, 56, 101, 0.05) !important;
}

.mud-table-root .mud-table-head .mud-table-cell, .mud-nav-link.active:not(.mud-nav-link-disabled) {
    font-weight: 600 !important;
}

.validation-message {
    color: var(--mud-palette-error);
    margin-top: 3px;
    padding-left: 8px;
    font-size: .75rem;
    line-height: 1.66;
}

/* buttons */
.mud-button {
    padding: 8px 24px;
}

.mud-button-filled-size-small, .mud-button-text-size-small {
    padding: 4px 16px;
    font-size: 12px;
}

.mud-button-filled-size-large, .mud-button-text-size-large {
    padding: 14px 24px;
    font-size: 14px;
}

.mud-button-outlined {
    padding: 7px 23px;
}

.mud-button-outlined-size-small {
    padding: 3px 15px;
    font-size: 12px;
}

.mud-button-outlined-size-large {
    padding: 13px 23px;
    font-size: 14px;
}

.mud-button-filled.mud-button-filled-primary:hover {
    background-color: #003865;
}

.mud-button-filled.mud-button-filled-secondary {
    color: #003E6E;
    background-color: #C6E8F6;
}

.mud-button-filled.mud-button-filled-secondary:hover {
    background-color: #71C5E8;
}

.mud-button-filled.mud-button-filled-primary:focus-visible {
    background-color: var(--mud-palette-primary) !important;
}

.mud-button-filled.mud-button-filled-secondary:focus-visible {
    background-color: #C6E8F6 !important;
}

/* focus with keyboard */
button:focus-visible, a:focus-visible, .mud-list-item:focus-visible {
    outline: 2px solid var(--mud-palette-secondary) !important;
}

.mud-button-outlined:hover {
    background-color: #E3F3FA !important;
}

.mud-button-outlined:focus-visible {
    outline: 1px solid var(--mud-palette-secondary) !important;
    border: 1px solid var(--mud-palette-secondary) !important;
    background-color: var(--mud-palette-white) !important;
}

.mud-button-filled, .mud-button-filled:hover, .mud-button-filled:focus {
    box-shadow: none;
}

input, label {
    font-size: 14px !important;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 1;
}

/* bug fix: mudblazor move grid via negative margin */
.mud-grid-spacing-xs-3, .mud-grid-spacing-xs-10 {
    width: 100%;
    margin: 0;
}

/* dialog */

.mud-dialog {
    padding: 16px;
}

.mud-dialog .mud-dialog-actions {
    padding: 8px 24px;
}

/* breadcrumbs */

.mud-breadcrumbs a:hover {
    text-decoration: underline !important;
}

.mud-breadcrumbs a {
    font-size: 12px;
    color: #787E7D;
}

.mud-breadcrumb-separator {
    color: #71C5E8;
    margin-bottom: -4px !important;
}

/* table */

.mud-simple-table table td {
    vertical-align: middle;
    padding: 2px;
}

.mud-simple-table table td:nth-child(2) {
    width: 1%;
}

.mud-list-item-icon {
    min-width: 35px;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 8px 14px;
}

/* alert */

.mud-alert-text-error {
    border: 1px solid #FF8982;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
}

.mud-alert-text-normal {
    border: 1px solid #C0C4C4;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
}

.mud-alert-text-info {
    border: 1px solid #AADCF1;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
}

.mud-alert-text-success {
    border: 1px solid #66D084;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
}

.mud-alert-text-warning {
    border: 1px solid #F6C276;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
}

.mud-alert-outlined-error {
    border: 1px solid #FF8982;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    background: #FEF1F1 !important;
}

.mud-alert-outlined-normal {
    border: 1px solid #C0C4C4;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    background: #EAEBEB !important;
}

.mud-alert-outlined-info {
    border: 1px solid #AADCF1;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    background: #F1F9FD !important;
}

.mud-alert-outlined-success {
    border: 1px solid #66D084;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    background: #E5F7EA !important;
}

.mud-alert-outlined-warning {
    border: 1px solid #F6C276;
    box-shadow: -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    background: #FEF5E8 !important;
}

.mud-snackbar {
    max-width: none;
}

.mud-toolbar .mud-button-text:hover {
    background-color: #003865;
}

.mud-toolbar-gutters {
    padding-left: 16px;
    padding-right: 16px;
}

/* custom styles */

.rock-vheight {
    height: 100vh;
}

.rock-link:hover {
    border: 2px solid #2FA7EB;
    color: #2FA7EB;
}

.rock-divider-lightblue {
    border: 1px solid #71C5E8;
}

.rock-nonclickable-item {
    pointer-events: none !important;
}

.rock-tooltip {
    text-align: left !important;
    font-weight: normal;
    max-width: 383px;
}

.rock-height-100 {
    height: 100%;
}

.rock-list {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* import */

.disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.rock-drag-drop-input {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
}

.rock-drag-drop-zone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background-color: #F1F5F8;
    z-index: 10;
    border-width: 2px;
    border-style: dashed;
    border-radius: 4px;
    width: 100%;
    margin-top: 16px;
}

.rock-drag-enter {
    background-color: white !important;
}

/* login */

.rock-login {
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
}

.rock-login-list .mud-list-item:first-child {
    display: none;
}

.rock-login-list .mud-divider {
    display: none;
}

.rock-login .mud-button {
    padding: 6px 8px;
}

/* page loader */

.rock-page-loader {
    background: conic-gradient(white, #82CCEB);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    animation: spin 2s linear infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rock-page-loader::before {
    content: '';
    position: absolute;
    width: 78%;
    height: 78%;
    border-radius: 50%;
    background-color: white;
}

.rock-page-loader-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: white;
    box-shadow: -1.36566px 39.9767px 78px rgba(0, 56, 101, 0.0168519), -0.885152px 25.9108px 45.6806px rgba(0, 56, 101, 0.0274815), -0.526033px 15.3984px 24.8444px rgba(0, 56, 101, 0.035), -0.273133px 7.99534px 12.675px rgba(0, 56, 101, 0.0425185), -0.111276px 3.25736px 6.35556px rgba(0, 56, 101, 0.0531481), -0.0252901px 0.740309px 3.06944px rgba(0, 56, 101, 0.07);
    padding: 16px;
}

.rock-page-loader-container span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* footer */

.rock-footer {
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    isolation: isolate;
    margin-top: auto;
}

.rock-footer p {
    color: #787E7D;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

@media screen and (max-width: 600px) {
    h1, h2 {
        font-size: 24px !important;
    }

    h3, h4, h5 {
        font-size: 20px !important;
    }

    h6 {
        font-size: 14px !important;
    }

    .mud-grid-spacing-xs-10 > .mud-grid-item {
        padding: 20px;
    }

    .mud-breadcrumbs {
        padding: 5px;
    }

    .rock-list {
        padding: 0px;
    }

    /* login */

    .rock-login span {
        font-size: 0;
    }

    .rock-login .mud-button-icon-start, .rock-login .mud-button-icon-end {
        margin: 0px;
        margin-inline-start: 0px !important;
        margin-inline-end: 0px !important;
    }

    .rock-login-list .mud-list-item:first-child {
        display: inline-block;
    }

    .rock-login-list .mud-divider {
        display: flex;
    }
}