/* ----- BOOTSTRAP ----- */
.btn {
    font-size: calc(7px + (15 - 7) * ((100vw - 300px) / (1600 - 300))) !important;
}

.d-none-lite { /* pro odkazy na sebe sama s použitím template */
    display: none;
}

.border-gray {
    border-color: gray !important;
}

.place-self-center {
    place-self: center !important;
}

.align-center {
    align-items: center !important;
}

.card {
    /*border-color: gray;*/
    border-color: #a2a9b1;
}

.select2-container .select2-results__options {
    max-height: 250px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y;
}

/* Make Select2 results scrollable on mobile */
.select2-container--bootstrap-5 .select2-results > .select2-results__options{
    max-height: 50vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
/* (nice-to-have) keep long tag lists smooth on iOS */
.select2-container--bootstrap-5 .select2-selection__rendered{
    -webkit-overflow-scrolling: touch;
}

/*.fs-small {
    font-size: 75% !important;
}*/

.fs-small {
    font-size: 85% !important;
}

.w-fit-content {
    width: fit-content !important;;
}

.w-fill-available {
    width: -webkit-fill-available !important;;
}

.form-control {
    font-size: 1em;
}

/* ---- PAGINATION ----- */
.active>.page-link, .page-link.active{
    color: white;
    font-weight: bold;
    background-color: var(--essens-blue);
    border-color: var(--essens-blue);
}

/* ---- SELECT 2 ----- */
/* křížek pro allowClear = true u select2 inicializace */
.select2 .select2-selection__clear {
    position: absolute !important;
    top: 50% !important;
    right: 2.25rem !important;
    left: auto !important;
    transform: translateY(-50%);
    width: .75rem;
    height: .75rem;
}

#select2 .select2-selection__rendered {
    padding-right: 3.25rem !important;
}

.select2 .select2-selection__arrow {
    right: .75rem !important;
}

/* ----- ALERT ----- */
.alert-tip-subtle {
    --bs-alert-padding-x: .5rem;
    --bs-alert-padding-y: .5rem;
    --bs-alert-margin-bottom: .5rem;
    --bs-alert-color: #cccccc; /*f8f9fa*/
    --bs-alert-bg: #2b2f33;
    --bs-alert-border-color: #3a3f44;
    --bs-alert-link-color: #ffffff;
}