vaadin-radio-button[disabled] > label {
    color: var(--lumo-contrast-60pct);
}

vaadin-radio-button > label > span {
    font-weight: 400 !important;
}

h2 {
    font-size: larger;
}

vaadin-details-summary {
    cursor: pointer;
}

vaadin-horizontal-layout[slot="navbar"] {
    padding-left: 0;
}

#logo {
    padding-top: 10px;
    padding-bottom: 5px;
}

#menu {
    padding-top: 0;
    padding-left: 10px;
}

#novinky {
    overflow-y: auto;
    border: 1px solid lightgrey;
    padding: 5px 10px;
    border-radius: var(--lumo-border-radius-s);
    white-space: pre-line;
    box-sizing: border-box;
}

#menu a, #menu vaadin-button[theme~="tertiary-inline"], #novinky-button {
    cursor: pointer;
    color: rgba(27, 43, 65, 0.69);
    font-size: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 32px;
}

#menu a, vaadin-details vaadin-details-summary {
    line-height: 32px;
    font-size: 16px;
    /*border: 1px solid red;*/
}

#menu a:hover, #menu vaadin-button[theme~="tertiary-inline"]:hover, #novinky-button:hover {
    color: var(--lumo-contrast-80pct);
    text-decoration: none;
}

vaadin-button[theme~="tertiary-inline"] {
    cursor: pointer;
}

.no-top-padding {
    padding-top: 0;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.top-margin-m {
    margin-top: var(--lumo-space-m);
}

.bottom-margin-m {
    margin-bottom: var(--lumo-space-m);
}

.top-margin-s {
    margin-top: var(--lumo-space-s);
}

.bottom-margin-s {
    margin-bottom: var(--lumo-space-s);
}

#results-div {
    box-sizing: border-box;
    overflow-y: auto;
}

vaadin-details {
    margin: 0;
}

vaadin-details vaadin-details-summary {
    padding: 0;
}

vaadin-details::part(content) {
    padding: 0px 0px 0 20px;
}

.line-wrap {
    white-space: pre;
    text-wrap: initial;
}

vaadin-dialog-overlay::part(content) {
    padding: 0;
}

vaadin-dialog-overlay::part(title) {
    margin-inline-start: 0px;
}

vaadin-dialog-overlay::part(header) {
    padding-bottom: 0;
}

#results-div {
    overflow: scroll;
    text-wrap: nowrap;
    border: 1px solid lightgrey;
    border-radius: 6px;
    padding: 3px 10px;
}

#results-div span {
    margin-right: 20px;
}

.info-div {
    height: 34px;
    margin: 4px 0;
    background: aliceblue;
    border: 1px solid lightblue;
    border-radius: var(--lumo-border-radius-m);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 var(--lumo-space-s);
    font-family: var(--lumo-font-family);
    font-size: var(--lumo-font-size-s);
    font-weight: 500;
    color: var(--_lumo-button-color, var(--lumo-primary-text-color));
    justify-content: space-around;
    gap: var(--lumo-space-s);
}

.advanced-search-on-info vaadin-icon {
    height: var(--lumo-icon-size-s);
}

div#error-text-area {
    border: 1px solid lightgray;
    white-space: pre;
    text-wrap: nowrap;
    overflow: auto;
    font-size: 12px;
    border-radius: 2px;
    padding: 5px;
}

span.label-span {
    font-family: var(--lumo-font-family);
    font-size: var(--lumo-font-size-m);
    line-height: var(--lumo-line-height-xs);
    font-weight: 500;
    color: var(--lumo-secondary-text-color);
}

div.spacing-div {
    flex-wrap: wrap;
    column-gap: var(--lumo-space-m);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

vaadin-grid::part(WARNING) {
    color: darkorange;
}

vaadin-grid::part(ERROR) {
    color: red;
}

vaadin-grid::part(SUCCESS) {
    color: green;
}

vaadin-grid::part(pracovnik-ukoncen), vaadin-combo-box-item.pracovnik-ukoncen {
    color: orangered;
}

.segment-div {
    font-weight: 500;
    width: 100%;
    border-bottom: 1px solid lightgrey;
}

.akce-pracovnici-div {
    font-size: 14px;
    display: table-row-group;
}

.akce-pracovnici-header-div {
    font-weight: 500;
}

.akce-pracovnici-div > div {
    display: table-row;
}

.akce-pracovnici-div > div > div {
    display: table-cell;
    padding-right: 8px;
    padding-top: 2px;
}

.akce-pracovnici-div > div:first-child > div {
    padding-top: 0px;
}

.anketa-parent-layout {
    background: #e5e5e5;
    min-height: 100%;
}

.anketa-layout {
    background: white;
    font-family: Arial;
}

.zakaznik-anketa-view.anketa-layout {
    border: 1px solid #ababab;
    border-radius: 5px;
    padding: 30px;
    margin: 30px;
    box-shadow: 0 0 15px 4px #b7b7b7;
}

.anketa-layout h2 {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.anketa-layout h3 {
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

.anketa-layout h4 {
    width: 600px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 15px;
}

.ankety-h4-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.anketa-layout span {
    font-weight: 600;
}

.anketa-layout .center-layout {
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.anketa-layout .group-layout {
    border: 1px solid lightgray;
    border-radius: 5px;
}

vaadin-radio-group.spread {
    width: 100%;
}

vaadin-radio-group.spread::part(group-field) {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-around;
}

.radio-group-label {
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audit-znamky, .radio-group-label {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    font-weight: 400;
}

div.hodnoceni-auditoru {
    display: table;
    justify-items: start;
    width: 100%;
}

div.hodnoceni-auditoru > div {
    display: table-row;
}

div.hodnoceni-auditoru > div > div {
    display: table-cell;
}

.auditor-header {
    align-content: center;
    font-weight: 600;
    border: 2px solid grey;
    border-right: none;
    text-align: center;
    border-bottom: none;
}

.auditor-header:last-child {
    border-right: 2px solid grey;
}

div.hodnoceni-auditoru > div:nth-child(2) {
    font-weight: 600;
}

div.hodnoceni-auditoru > div:nth-child(2) > div {
    border: 2px solid grey;
}

div.hodnoceni-auditoru > div:nth-child(2) > div {
    border: 2px solid grey;
    text-align: center;
    border-right: none;
}

div.hodnoceni-auditoru > div:nth-child(2) > div:last-child {
    border-right: 2px solid grey;
}

div.znamka-header {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 3px;
}

vaadin-radio-group.no-item-label vaadin-radio-button label {
    display: none;
}

div.znamka-option {
    text-align: center;
    border: 2px solid grey;
    border-top: none;
    border-right: none;
    width: 138px;
}

div.znamka-option:last-child {
    border-right: 2px solid grey;
}

div.hodnoceni-auditoru > div > div:first-child {
    border: 2px solid grey;
    border-right: none;
    border-top: none;
}

div.hodnoceni-auditoru > div:last-child > div:first-child {
    border-right: none;
    border-bottom: 2px solid grey;
}

div.hodnoceni-auditoru > div:nth-child(2) > div:first-child {
    border-top: 2px solid grey;
}

div.hodnoceni-auditoru > div:first-child > div:first-child {
    border: none;
}

div.hodnoceni-auditoru vaadin-radio-group {
    height: 25px;
}

div.hodnoceni-auditoru-question > div:first-child {
    line-height: 20px;
    padding: 10px;
}

.no-wrap {
    text-wrap-mode: nowrap;
}

.prinos-auditu-label {
    width: 100%;
    text-align: center;
}

.audit-znamky {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.audit-znamky vaadin-radio-group vaadin-radio-button:first-child {
    padding-left: 0;
}

.audit-znamky vaadin-radio-group vaadin-radio-button {
    padding-left: 10px;
}

.audit-znamky > div {
    width: 30%;
    display: flex;
    align-items: center;
}

.audit-znamky > div:first-child {
    flex-direction: row-reverse;
    padding-right: 30px;
    text-align: end;
}

.audit-znamky > div:last-child {
    flex-direction: row;
    padding-left: 30px;
    text-align: start;
}

.blue {
    color: blue;
}

.radio-group-110::part(group-field), .radio-group-135::part(group-field) {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0 0 20px;
}

.radio-group-110::part(group-field) {
    height: 110px;
}

.radio-group-135::part(group-field) {
    height: 135px;
}

#result-text-area, #content-text-area {
    width: 100%;
    overflow-wrap: break-word;
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 8px;
    box-sizing: border-box;
}