﻿/** OU barvy vygenerovane pomoci boostrap projektu **/
:root {
    --bs-uo: #314d2d;
}

.btn-uo {
    color: #fff;
    background-color: #314d2d;
    border-color: #314d2d;
}

.btn-uo:hover {
    color: #fff;
    background-color: #102b0d;
    border-color: #0f280c;
}

.btn-check:focus + .btn-uo, .btn-uo:focus {
    color: #fff;
    background-color: #102b0d;
    border-color: #0f280c;
    box-shadow: 0 0 0 0.25rem rgba(54, 81, 51, 0.5);
}

.btn-check:checked + .btn-uo, .btn-check:active + .btn-uo, .btn-uo:active, .btn-uo.active, .show > .btn-uo.dropdown-toggle {
    color: #fff;
    background-color: #0f280c;
    border-color: #0e260b;
}

.btn-check:checked + .btn-uo:focus, .btn-check:active + .btn-uo:focus, .btn-uo:active:focus, .btn-uo.active:focus, .show > .btn-uo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(54, 81, 51, 0.5);
}

.btn-uo:disabled, .btn-uo.disabled {
    color: #fff;
    background-color: #314d2d;
    border-color: #314d2d;
}

.btn-outline-uo {
    color: #314d2d;
    border-color: #314d2d;
}

.btn-outline-uo:hover {
    color: #fff;
    background-color: #314d2d;
    border-color: #314d2d;
}

.btn-check:focus + .btn-outline-uo, .btn-outline-uo:focus {
    box-shadow: 0 0 0 0.25rem rgba(19, 50, 15, 0.5);
}

.btn-check:checked + .btn-outline-uo, .btn-check:active + .btn-outline-uo, .btn-outline-uo:active, .btn-outline-uo.active, .btn-outline-uo.dropdown-toggle.show {
    color: #fff;
    background-color: #314d2d;
    border-color: #314d2d;
}

.btn-check:checked + .btn-outline-uo:focus, .btn-check:active + .btn-outline-uo:focus, .btn-outline-uo:active:focus, .btn-outline-uo.active:focus, .btn-outline-uo.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(19, 50, 15, 0.5);
}

.btn-outline-uo:disabled, .btn-outline-uo.disabled {
    color: #314d2d;
    background-color: transparent;
}

.alert-uo {
    color: #0b1e09;
    background-color: #d0d6cf;
    border-color: #b8c2b7;
}

.alert-uo .alert-link {
    color: #091807;
}

.list-group-item-uo {
    color: #0b1e09;
    background-color: #d0d6cf;
}

.list-group-item-uo.list-group-item-action:hover, .list-group-item-uo.list-group-item-action:focus {
    color: #0b1e09;
    background-color: #bbc1ba;
}

.list-group-item-uo.list-group-item-action.active {
    color: #fff;
    background-color: #0b1e09;
    border-color: #0b1e09;
}

.link-uo {
    color: #314d2d;
}

.link-uo:hover, .link-uo:focus {
    color: #0f280c;
}

.border-uo {
    border-color: #314d2d !important;
}

/* rtl:end:remove */
.text-uo {
    color: #314d2d !important;
}


.bg-uo {
    background-color: #314d2d !important;
}

/* Styl pro světlý režim */
[data-bs-theme="light"] .bg-uo {
  background-color: #314d2d !important;
}

/* Styl pro tmavý režim */
[data-bs-theme="dark"] .bg-uo {
  background-color: #21331e !important;
}


.bg-gradient-1 {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.40), rgba(0, 0, 0, 0.025)) !important;
}

.bg-btn-hover-light-1 {
    --bs-btn-hover-bg: #eeeeee;
}

.bg-hover-dark-1 {
    filter: brightness(100%);
    transition: all 0.2s ease;
}

.bg-hover-dark-1:hover {
    filter: brightness(95%);
}

.bg-hover-dark-2 {
    filter: brightness(100%);
    transition: all 0.2s ease;
}

.bg-hover-dark-2:hover {
    filter: brightness(90%);
}

.table-cellspacing1 {
    border-spacing: 0.2rem;
    border-collapse: separate;
}

.normal-wrap {
    white-space: normal!important;
}

.no-wrap {
    white-space: nowrap !important;
}

.pre-wrap {
    white-space: pre-wrap !important;
}

.pre-spaces {
    white-space: pre !important;
}

.uo-show-charlen {
    text-align: left;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0.6rem !important;
    height: 0.5rem !important;
    position: relative;
    white-space: nowrap;
    z-index: 0 !important;
    font-size: 60%;
}

.dropdown-item {
    white-space: normal;
}

.border-light-darker {
    border-color: #ced4da
}

.uo-autocomplete-cont {
    /*the container must be positioned relative:*/
    position: relative;
    height: 0;
}

.uo-autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: scroll;
    max-height: 25rem;
}

.uo-autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.uo-autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.uo-autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #cfe2ff !important;
    color: black !important;
}

body {
    min-height: 100vh;
    position: relative;
}

main {
    min-height: calc(100vh - 7.0625rem); /*odsazeni shora dle vysky menu + vyska footeru*/
}

.uo-active {
    background-color: #cfe2ff !important;
    color: black !important;
}

.uo-selected {
    background-color: #0D6EFD !important;
    color: white !important;
}

.btn-white {
    color: #000;
    background-color: #fff!important;
}

.form-label, .form-check-label {
    font-weight: 600;
    /*color: #333333;*/
}

.form-label {
    margin-bottom: 0.15rem !important;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem; /* Automaticky dává mezery mezi tlačítky bez extra margin-right */
}

/*
.btn-toolbar > :not(:last-child)
{
    margin-right: 0.5rem
}*/

.btn-toolbar .btn-group button {
    margin-right: 0;
}

.popover {
    max-width: 50%
}

/*[disabled], [readonly] {
    cursor: not-allowed !important;
    pointer-events: none !important;
}
*/
/*
[disabled] * {
    cursor: not-allowed !important;
    pointer-events: none !important;
}*/

.disabled, .visually-disabled {
    cursor: not-allowed;
}

.visually-disabled {
    background-color: #e9ecef;
    opacity: 1;
}

[disabled], [readonly] {
    cursor: not-allowed;
    pointer-events: initial;
}

[disabled]::before, [readonly]::before {
    pointer-events: none !important;
}

[disabled]::after, [readonly]::after {
    pointer-events: none !important;
}

/*bootstrap class - upravena vyska*/
.navbar-nav-scroll {
    max-height: calc(100vh - 3.5rem);/*odsazeni shora dle vysky menu */
}

@keyframes blinker {
    from {
        opacity: 0.8;
    }

    85% {
        opacity: 0.4;
    }

    to {
        opacity: 0.8;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -50% 0
    }

    100% {
        background-position: 50% 0
    }
}

.animated-background::after {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right, #eeeeee00 0%, #bbbbbbaa 18%, #eeeeee00 33%);
    background-size: 33%;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.uo-input-like-focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

@media (min-width: 1500px) {
    .modal-xxl {
        min-width: 1400px;
    }
}


.modal-header {
    cursor: move;
}

.btn-uo-lg {
    padding-top: 0.075rem;
    padding-bottom: 0.075rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1.4rem;
}

.uo-icon-lg {
    font-size: 1.4rem;
}

.hide-if-empty:empty {
    display: none!important;
}

#navbarDropdownHider .navbar-dropdown-menu-uo
{
    position: relative;
}

.uo-warning-btn {
    color: #ef9500 !important;
    border-color: #ef9500 !important;
}

.uo-warning-text {
    color: #ef9500 !important;
    border-color: #ef9500 !important;
}

/**tooltip default*/
.tippy-box {
    position: relative;
}

.tippy-box > .tippy-content {
    background-color: rgb(30 30 30);
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.875rem;
}

.tippy-box > .tippy-arrow::before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    width: 0.8rem;
    height: 0.4rem;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
    border-top-color: rgb(30 30 30);
    border-width: 0.4rem 0.4rem 0;
}


.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: -0.4rem;
    width: 0.8rem;
    height: 0.4rem;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: rgb(30 30 30);
    border-width: 0 0.4rem 0.4rem;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: -0.4rem;
    width: 0.4rem;
    height: 0.8rem;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
    border-left-color: rgb(30 30 30);
    border-width: 0.4rem 0 0.4rem 0.4rem;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: -0.4rem;
    width: 0.4rem;
    height: 0.8rem;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
    border-right-color: rgb(30 30 30);
    border-width: 0.4rem 0.4rem 0.4rem 0;
}

/**tooltip success*/
.tippy-box[data-theme~="uo-tooltip-success"] > .tippy-content {
    background-color: rgb(25 135 84) !important;
}

.tippy-box[data-theme~="uo-tooltip-success"][data-placement^=top] > .tippy-arrow::before {
    border-top-color: rgb(25 135 84) !important;
}

.tippy-box[data-theme~="uo-tooltip-success"][data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: rgb(25 135 84) !important;
}

.tippy-box[data-theme~="uo-tooltip-success"][data-placement^=left] > .tippy-arrow::before {
    border-left-color: rgb(25 135 84) !important;
}

.tippy-box[data-theme~="uo-tooltip-success"][data-placement^=right] > .tippy-arrow::before {
    border-right-color: rgb(25 135 84) !important;
}

/**tooltip warning*/
.tippy-box[data-theme~="uo-tooltip-warning"] > .tippy-content {
    background-color: #ef9500 !important;
}

.tippy-box[data-theme~="uo-tooltip-warning"][data-placement^=top] > .tippy-arrow::before {
    border-top-color: #ef9500 !important;
}

.tippy-box[data-theme~="uo-tooltip-warning"][data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: #ef9500 !important;
}

.tippy-box[data-theme~="uo-tooltip-warning"][data-placement^=left] > .tippy-arrow::before {
    border-left-color: #ef9500 !important;
}

.tippy-box[data-theme~="uo-tooltip-warning"][data-placement^=right] > .tippy-arrow::before {
    border-right-color: #ef9500 !important;
}

/**tooltip danger*/
.tippy-box[data-theme~="uo-tooltip-danger"] > .tippy-content {
    background-color: rgb(220 53 69) !important;
}

.tippy-box[data-theme~="uo-tooltip-danger"][data-placement^=top] > .tippy-arrow::before {
    border-top-color: rgb(220 53 69) !important;
}

.tippy-box[data-theme~="uo-tooltip-danger"][data-placement^=bottom] > .tippy-arrow::before {
    border-bottom-color: rgb(220 53 69) !important;
}

.tippy-box[data-theme~="uo-tooltip-danger"][data-placement^=left] > .tippy-arrow::before {
    border-left-color: rgb(220 53 69) !important;
}

.tippy-box[data-theme~="uo-tooltip-danger"][data-placement^=right] > .tippy-arrow::before {
    border-right-color: rgb(220 53 69) !important;
}

/**tooltip info*/
.tippy-box[data-theme~="uo-tooltip-info"] > .tippy-content {
    background-color: rgb(13 202 240) !important;
}

.tippy-box[data-theme~="uo-tooltip-info"] > .tippy-arrow::before {
    border-top-color: rgb(13 202 240) !important;
}

.tippy-box[data-theme~="uo-tooltip-info"] > .tippy-arrow::before {
    border-bottom-color: rgb(13 202 240) !important;
}

.tippy-box[data-theme~="uo-tooltip-info"] > .tippy-arrow::before {
    border-left-color: rgb(13 202 240) !important;
}

.tippy-box[data-theme~="uo-tooltip-info"] > .tippy-arrow::before {
    border-right-color: rgb(13 202 240) !important;
}
