.form-control-xs {
    height: calc(1em + .400rem + 2px) !important;
    padding: .100rem .25rem !important;
    font-size: .9rem !important;
    line-height: 1.8;
    border-radius: .2rem;
}

.lb-sm {
    font-size: 12px;
}

.screen-content {
    margin-top: 60px;
    margin-bottom: 60px;
    height: calc(100vh - (60px + 60px));
}

::-webkit-input-placeholder { /* Edge */
    opacity: .5 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: .5 !important;
}

::placeholder {
    opacity: .5 !important;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}


/*grid*/
.bg-highlight {
    background-color: Highlight !important;
}

.bg-multiselect {
    background-color: greenyellow !important;
}

.table-condensed {
    font-size: .85rem;
}

thead th {
    position: sticky;    
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

    /*thead th:first-child {
        border-left: 1px solid #dee2e6;
        border-top-left-radius: 4px;
    }

    thead th:last-child {
        border-top-right-radius: 4px;
        border-right: 1px solid #dee2e6;
    }*/

/*grid*/

/*modal dialog*/
.modal-dialog-full {
    height: 90%; /* = 90% of the .modal-backdrop block = %90 of the screen */
}

.modal-content-full {
    height: 100%; /* = 100% of the .modal-dialog block */
}
.modal-xl-wider {   
   max-width: 1300px;
}
.right-panel {
    position: fixed;
    inset: 0 0 0 auto;
    width: 400px;
    background: white;
    border-left: 1px solid #ccc;
    box-shadow: -8px 0 16px rgba(0,0,0,0.25);
    transition: transform 0.3s ease;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    /* minimální výška panelu – zabrání „zmrznutí“ při prázdném obsahu */
    min-height: 100vh;
}

.panel-header {
    flex: 0 0 auto;
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    background: #f8f9fa;
}

.panel-body {
    flex: 1 1 auto; /* zabere zbývající prostor */
    padding: 1.5rem;
    /* ŽÁDNÉ height / min-height / max-height – necháme flex řídit */
}

.panel-footer {
    flex: 0 0 auto;
    padding: 1rem;
    border-top: 1px solid #ddd;
    background: #f8f9fa;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
}

/*modal dialog*/