﻿html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 48px;
    background: var(--mud-palette-background, #F3F4F5) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    background-color: var(--mud-palette-dark);
}


.page-title {
    height: 150px;
    min-height: 150px;
    background: url('/images/wov_yellow.png');
    background-repeat: repeat;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    padding-left: 24px;
}

@media(min-width: 960px) {
    .page-title .mud-typography {
        padding-left: 24px;
        padding-right: 24px;
        max-width: 960px;
        margin-right: auto;
        vertical-align: middle;
        line-height: 150px;
    }
}

@media (max-width: 600px) {
    .mud-xs-table .mud-table-cell:before {
        padding-right: 0px !important;
        padding-inline-end: 0px !important;
    }

    .mud-xs-table .mud-table-cell {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
        flex-direction: column;
    }
}

.more-options-on-contact-btn {
    font-weight: bold;
    min-width: fit-content;
    min-height: fit-content;
    height: 100%;
}

.date-list {
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    margin-top: 6px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.izvestitel-bg-transparent{
    background-color:transparent !important;
}

.izvestitel-text-red{
    color:indianred !important;
}

.loading_container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    width: 456px;
    height: 255px;
}

.loading_container h3 {
    text-align: center;
    font: normal normal 800 32px/40px Mulish;
    letter-spacing: 0px;
    color: var(--color-headline-text);
    opacity: 1;
}

.loading_container .card {
    text-align: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: end; /* vertical */
    width: 408px;
    height: 179px;
    padding-bottom: 30px;
}

.loading_container h4 {
    width: 360px;
    height: 23px;
    text-align: center;
    font: normal normal 800 18px/24px Mulish;
    letter-spacing: 0px;
    color: var(--color-sidebar);
    opacity: 1;
}

.template-placeholder-btn {
    font-weight: bold;
    min-width: fit-content;
    min-height: fit-content;
}

.mud-input.mud-input-filled, .mud-input.mud-input-outlined.mud-input-adorned-end {
    background-color: var(--mud-palette-white) !important;
}
.mud-progress-circular {
    display: inline-block;
    color: var(--mud-palette-primary, rgb(242, 226, 6));
}