.table-my-value {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid;
    border-color: #d5d8db;
}



.table-my-value tbody tr:hover {
    background-color: #f5f5f5;
}

.table-my-volny tbody tr:hover {
        background-color: #f5f5f5;
        font-weight: bold;
    }

.table-my-volny {
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid;
}

.bold-font {
    font-weight: bold;
}

.table-my-value tbody tr td:nth-child(even) {
    font-weight: bold;
}

table.table-my-value.record tbody tr td:nth-child(n+2):nth-child(-n+4),
table.table-my-value.record tbody tr td:nth-child(n+6):nth-child(-n+8) {
    font-weight: bold;
}

.table-my-value .green_one {
    background-color: #50F1E7;
}

.table-my-value .green_two {
    background-color: #52CCAB;
}

.good {
    background-color: #4ff0e6;
}

.fair {
    background-color: #51ccaa;
}

.moderate {
    background-color: #f0e641;
}

.poor {
    background-color: #ff5150;
}

.very_poor {
    background-color: #960132;
}

.extrely_poor {
    background-color: #7d2181;
}


.header {
    background-color: var(--rz-header-background-color);
    min-height: var(--rz-header-min-height);
    border-bottom: var(--rz-header-border);
    color: var(--rz-header-color);
    box-shadow: var(--rz-header-shadow);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


@media only screen and (max-width: 600px) {
    .header-padding {
        padding-top: 5.1rem; /* hodnota pro obrazovky s maximální šířkou 600px */
    }
}

@media only screen and (max-width: 430px) {
    .header-padding {
        padding-top: 6.1rem; /* hodnota pro obrazovky s maximální šířkou 400px */
    }
}

@media only screen and (max-width: 320px) {
    .header-padding {
        padding-top: 8.4rem; /* hodnota pro obrazovky s maximální šířkou 400px */
    }
}


@media only screen and (max-width: 600px) {
    .header-padding1 {
        padding-top: 5.3rem; /* hodnota pro obrazovky s maximální šířkou 600px */
    }
}

@media only screen and (max-width: 430px) {
    .header-padding1 {
        padding-top: 6.3rem; /* hodnota pro obrazovky s maximální šířkou 400px */
    }
}

@media only screen and (max-width: 320px) {
    .header-padding1 {
        padding-top: 8.6rem; /* hodnota pro obrazovky s maximální šířkou 400px */
    }
}




.rz-sidebar {
    background-color: var(--rz-sidebar-background-color);
    border-right: var(--rz-sidebar-border-right);
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: var(--rz-sidebar-z);
    width: var(--rz-sidebar-width);
    opacity: 1;
    transition: var(--rz-transition-all);
}


.footer {
    padding: var(--rz-footer-padding);
    border-top: var(--rz-footer-border);
    background-color: #404040;
    color: var(--rz-footer-color);
}


/*.rz-card {
    padding: var(--rz-card-padding);
    border-radius: var(--rz-card-border-radius);
    box-shadow: var(--rz-card-shadow);
    background-color: var(--rz-card-background-color);
}*/


.rz-panel-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    font-size: var(--rz-panel-menu-font-size);
    font-weight: var(--rz-panel-menu-font-weight);
    color: var(--rz-panel-menu-color);
    background-color: var(--rz-panel-menu-background-color);
}

.icon-preview div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    width: 50px;
}

.select-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
}

.hidden {
    display: none;
}

figure.highcharts-figure {
max-width: 100%;
height: auto;
}

:host /deep/ .rz-card {
width: 100%;  
max-width: 100%; 
}


.bordered-datepicker {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 8px 8px 8px;
    width: 220px;
    height: 40px;
}

.bordered-datepicker:hover {
    border-color: #000;
}

.bordered-datepicker2.mud-picker-inline {
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    padding: 2px 8px 8px 8px;
}

.bordered-datepicker2:hover {
    border-color: #000;
}

.bordered-datepicker .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root,
.bordered-datepicker2 .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    padding: 0px !important;
}

.bordered-datepicker:focus-within {
    border: 2px solid #4240d2;
}

.bordered-datepicker2.mud-picker-inline:focus-within {
    border: 2px solid #4240d2;
}

.bordered-datepicker .mud-input::before,
.bordered-datepicker2 .mud-input::before {
    border-bottom: 0px !important;
}

.bordered-datepicker .mud-input:focus-within.mud-input-underline:after,
.bordered-datepicker2 .mud-input:focus-within.mud-input-underline:after {
    transform: scaleX(0) !important;
}

.bordered-datepicker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text,
.bordered-datepicker2 .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0px !important;
}

.photos_stan img {
    width: 100%;
    border-radius: 10px;
    transition: transform 0.3s;
    cursor: pointer;
    display:flex;
}

.photos_stan img:hover {
    transform: scale(1.1);
}

.photos_stan2 {
    display: flex;
    justify-content: center;
    align-items: center;
/*    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;*/
}

.photos_stan2 img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.photos_stan2 .mud-dialog-content {
    padding: 0px !important;
}

.thumb-image {
    max-height: 150px;
    max-width: 100%;
    object-fit: contain;
}

@media (min-width: 768px) {
    .thumb-image {
        max-height: 200px;
    }
}

@media (min-width: 1200px) {
    .thumb-image {
        max-height: 250px;
    }
}

.rz-list {
    margin: 0;
    padding-left: 1.25rem;
    list-style-type: disc;
}