:root {
    --bs-window-bg: #ffffff;
    --bs-window-color: #212529;
}

html, body {
    background-color: var(--bs-basebody-bg);
    color: var(--bs-basebody-color);
}

dt {
  font-weight: 500; }

a,
.btn-link {
    color: var(--bs-link-color);
}
    a:hover,
    .btn-link:hover {
        color: var(--bs-link-hover-color);
    }

.dropdown-item.active,
.dropdown-item:active {
  background-color: #ececec !important;
  color: #283436 !important; }

.display-1 {
  font-size: 5rem; }

.display-2 {
  font-size: 4.5rem; }

.display-3 {
  font-size: 4rem; }

.display-4 {
  font-size: 3.5rem; }

.display-5 {
  font-size: 3rem; }

.display-6 {
  font-size: 1.875rem; }

.btn-primary,
.badge-primary,
.bg-primary {
    background-color: var(--bs-primary) !important;
}

    .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.5) !important;
    }
.bg-primary.text-light{
    color: var(--bs-window-bg) !important;
}

.btn-primary,
.btn-outline-primary {
    border-color: var(--bs-primary) !important;
}
    .btn-primary:hover, .btn-primary.hover,
    .btn-outline-primary:hover,
    .btn-outline-primary.hover,
    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        background-color: var(--bs-primary-hover) !important;
        border-color: var(--bs-link-hover-color) !important;
    }

    .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
    .btn-outline-primary:focus,
    .btn-outline-primary.focus,
    .btn-outline-primary:active,
    .btn-outline-primary.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.5) !important;
        background-color: var(--bs-primary-hover) !important;
        border-color: var(--bs-link-hover-color) !important;
    }
    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        /*background-color: var(--bs-body-bg) !important;*/
    }
    .badge-primary {
        border-color: var(--bs-primary);
    }

.btn-outline-primary {
    color: var(--bs-primary);
}

.btn-outline-primary:hover {
    color: var(--bs-body-bg) !important;
}

.btn-secondary,
.btn-outline-secondary {
    color: var(--bs-basebody-color) !important;
}
    .btn-secondary:hover,
    .btn-outline-secondary:hover {
        color: var(--bs-basebody-color) !important;
    }


.btn-secondary,
.badge-secondary,
.bg-secondary {
    background-color: var(--bs-secondary);
}

    .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.5) !important;
        background-color: var(--bs-btn-active-bg) !important;
        border-color: var(--bs-btn-active-border-color) !important;
    }

.btn-secondary,
.btn-outline-secondary {
  border-color: var(--bs-secondary); }
    .btn-secondary:hover, .btn-secondary.hover,
    .btn-outline-secondary:hover,
    .btn-outline-secondary.hover,
    .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
        background-color: var(--bs-secondary-hover) !important;
        border-color: var(--bs-btn-active-border-color) !important;
    }
    .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active,
    .btn-outline-secondary:focus,
    .btn-outline-secondary.focus,
    .btn-outline-secondary:active,
    .btn-outline-secondary.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-secondary-rgb), 0.5) !important;
        border-color: var(--bs-btn-active-border-color) !important;
    }

.badge-secondary {
    border-color: var(--bs-secondary);
}

.text-secondary,
.btn-outline-secondary {
    color: var(--bs-basebody-color) !important;
}

    .btn-outline-secondary:hover {
        color: var(--bs-basebody-color) !important;
        background-color: var(--bs-secondary-hover) !important;
        border-color: var(--bs-secondary-hover) !important;
    }

.btn-orange,
.badge-orange,
.bg-orange {
  background-color: #ff9045; }

.btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active {
  box-shadow: 0 0 0 0.2rem rgba(255, 144, 69, 0.5) !important;
  background-color: #ff791f !important;
  border-color: #ff7212 !important; }

.btn-orange,
.btn-outline-orange {
  border-color: #ff9045; }

  .btn-orange:hover, .btn-orange.hover,
  .btn-outline-orange:hover,
  .btn-outline-orange.hover {
    background-color: #ff791f;
    border-color: #ff7212; 
    --bs-btn-hover-bg: #ff791f;
    --bs-btn-hover-border-color:#ff7212; 
  }

  .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active,
  .btn-outline-orange:focus,
  .btn-outline-orange.focus,
  .btn-outline-orange:active,
  .btn-outline-orange.active {
    box-shadow: 0 0 0 0.2rem rgba(255, 144, 69, 0.5) !important;
    border-color: #ff7212 !important; }

.badge-orange {
  border-color: #ff9045; }

.text-orange,
.btn-outline-orange {
  color: #ff9045 !important; }

.btn-outline-orange:hover {
  color: #fff !important; }

.btn-success,
.badge-success,
.bg-success {
  background-color: #3eb062; }

.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {
  box-shadow: 0 0 0 0.2rem rgba(62, 176, 98, 0.5) !important;
  background-color: #349452 !important;
  border-color: #318a4d !important; }

.btn-success,
.btn-outline-success {
  border-color: #3eb062; }
  .btn-success:hover, .btn-success.hover,
  .btn-outline-success:hover,
  .btn-outline-success.hover {
    background-color: #349452;
    border-color: #318a4d; }
  .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active,
  .btn-outline-success:focus,
  .btn-outline-success.focus,
  .btn-outline-success:active,
  .btn-outline-success.active {
    box-shadow: 0 0 0 0.2rem rgba(62, 176, 98, 0.5) !important;
    border-color: #318a4d !important; }

.badge-success {
  border-color: #3eb062; }

.text-success,
.btn-outline-success {
  color: #3eb062 !important; }

.btn-outline-success:hover {
  color: #fff !important; }

.btn-info,
.badge-info,
.bg-info {
  background-color: #29bbe3; }

.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {
  box-shadow: 0 0 0 0.2rem rgba(41, 187, 227, 0.5) !important;
  background-color: #1ba5cb !important;
  border-color: #199cc0 !important; }

.btn-info,
.btn-outline-info {
  border-color: #29bbe3; }
  .btn-info:hover, .btn-info.hover,
  .btn-outline-info:hover,
  .btn-outline-info.hover {
    background-color: #1ba5cb;
    border-color: #199cc0; }
  .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active,
  .btn-outline-info:focus,
  .btn-outline-info.focus,
  .btn-outline-info:active,
  .btn-outline-info.active {
    box-shadow: 0 0 0 0.2rem rgba(41, 187, 227, 0.5) !important;
    border-color: #199cc0 !important; }

.badge-info {
  border-color: #29bbe3; }

.text-info,
.btn-outline-info {
  color: #29bbe3 !important; }

.btn-outline-info:hover {
  color: #fff !important; }

.btn-warning,
.badge-warning,
.bg-warning {
  background-color: #f5b225; }

.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {
  box-shadow: 0 0 0 0.2rem rgba(245, 178, 37, 0.5) !important;
  background-color: #e9a10b !important;
  border-color: #dd990a !important; }

.btn-warning,
.btn-outline-warning {
  border-color: #f5b225; }
  .btn-warning:hover, .btn-warning.hover,
  .btn-outline-warning:hover,
  .btn-outline-warning.hover {
    background-color: #e9a10b;
    border-color: #dd990a; }
  .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active,
  .btn-outline-warning:focus,
  .btn-outline-warning.focus,
  .btn-outline-warning:active,
  .btn-outline-warning.active {
    box-shadow: 0 0 0 0.2rem rgba(245, 178, 37, 0.5) !important;
    border-color: #dd990a !important; }

.badge-warning {
  border-color: #f5b225; }

.text-warning,
.btn-outline-warning {
  color: #f5b225 !important; }

.btn-outline-warning:hover {
  color: #fff !important; }

.btn-danger,
.badge-danger,
.bg-danger {
  background-color: #c62222; }

.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active {
  box-shadow: 0 0 0 0.2rem rgba(198, 34, 34, 0.5) !important;
  background-color: #a51c1c !important;
  border-color: #9a1b1b !important; }

.btn-danger,
.btn-outline-danger {
  border-color: #c62222; }
  .btn-danger:hover, .btn-danger.hover,
  .btn-outline-danger:hover,
  .btn-outline-danger.hover {
    background-color: #a51c1c !important;
    border-color: #9a1b1b !important; }
  .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active,
  .btn-outline-danger:focus,
  .btn-outline-danger.focus,
  .btn-outline-danger:active,
  .btn-outline-danger.active {
    box-shadow: 0 0 0 0.2rem rgba(198, 34, 34, 0.5) !important;
    border-color: #9a1b1b !important; }

.badge-danger {
  border-color: #c62222; }

.text-danger,
.btn-outline-danger {
  color: #c62222 !important; }

.btn-outline-danger:hover {
  color: #fff !important; }

.btn-light,
.badge-light,
.bg-light {
    background-color: var(--bs-body-bg);
}

    .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-active-shadow), 0.5) !important;
        background-color: var(--bs-btn-bg) !important;
        border-color: var(--bs-btn-border-color) !important;
    }

.btn-light,
.btn-outline-light {
    border-color: var(--bs-body-bg);
    color: var(--bs-link-color) !important;
}
.btn-outline-light {
    background-color: var(--bs-body-bg);
}
    .btn-light:hover, .btn-light.hover,
    .btn-outline-light:hover,
    .btn-outline-light.hover {
        background-color: var(--bs-btn-bg) !important;
        border-color: var(--bs-btn-border-color);
        color: var(--bs-link-color) !important;
    }
    .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active,
    .btn-outline-light:focus,
    .btn-outline-light.focus,
    .btn-outline-light:active,
    .btn-outline-light.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-active-shadow), 0.5) !important;
        border-color: var(--bs-btn-border-color) !important;
        color: var(--bs-link-color) !important;
        background-color: var(--bs-basebody-bg) !important;
    }

.badge-light {
    border-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.text-light,
.btn-outline-light {
    color: var(--bs-link-color) !important;
}

    .btn-outline-light:hover {
        color: var(--bs-link-color) !important;
        background-color: var(--bs-btn-bg) !important;
        border-color: var(--bs-btn-border-color);
    }

.btn-dark,
.badge-dark,
.bg-dark {
    background-color: var(--bs-window-color);
    color: var(--bs-window-bg);
}

    .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-active-shadow), 0.5) !important;
        background-color: var(--bs-btn-bg) !important;
        border-color: var(--bs-btn-border-color) !important;
    }

.btn-dark {
    border-color: var(--bs-btn-bg);
    background-color: var(--bs-btn-bg);
}

.btn-outline-dark {
    border-color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
}

    .btn-dark:hover, .btn-dark.hover,
    .btn-outline-dark:hover,
    .btn-outline-dark.hover {
        background-color: var(--bs-btn-hover-bg) !important;
        border-color: var(--bs-btn-hover-bg);
    }

    .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active,
    .btn-outline-dark:focus,
    .btn-outline-dark.focus,
    .btn-outline-dark:active,
    .btn-outline-dark.active {
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-active-shadow), 0.5) !important;
        border-color: var(--bs-btn-bg) !important;
        background-color: var(--bs-btn-bg) !important;
        color: var(--bs-btn-color) !important;
    }

.badge-dark {
    border-color: var(--bs-body-bg);
}

.text-dark, .btn-outline-dark {
    color: var(--bs-body-color) !important;
}
.btn-dark {
    color: var(--bs-btn-color);
}

    .btn-outline-dark:hover {
        background-color: var(--bs-btn-bg) !important;
        border-color: var(--bs-btn-border-color);
        color: var(--bs-btn-color) !important;
    }

.btn-dark-lighter,
.badge-dark-lighter,
.bg-dark-lighter {
  background-color: #283436; }

.btn-dark-lighter:focus, .btn-dark-lighter.focus, .btn-dark-lighter:active, .btn-dark-lighter.active {
  box-shadow: 0 0 0 0.2rem rgba(40, 52, 54, 0.5) !important;
  background-color: #181f20 !important;
  border-color: #121819 !important; }

.btn-dark-lighter,
.btn-outline-dark-lighter {
  border-color: #283436; }
  .btn-dark-lighter:hover, .btn-dark-lighter.hover,
  .btn-outline-dark-lighter:hover,
  .btn-outline-dark-lighter.hover {
    background-color: #181f20;
    border-color: #121819; }
  .btn-dark-lighter:focus, .btn-dark-lighter.focus, .btn-dark-lighter:active, .btn-dark-lighter.active,
  .btn-outline-dark-lighter:focus,
  .btn-outline-dark-lighter.focus,
  .btn-outline-dark-lighter:active,
  .btn-outline-dark-lighter.active {
    box-shadow: 0 0 0 0.2rem rgba(40, 52, 54, 0.5) !important;
    border-color: #121819 !important; }

.badge-dark-lighter {
  border-color: #283436; }

.text-dark-lighter,
.btn-outline-dark-lighter {
  color: #283436 !important; }

.btn-outline-dark-lighter:hover {
  color: #fff !important; }

.btn-grey,
.badge-grey,
.bg-grey {
  background-color: #D7D7D7; }

.btn-grey:focus, .btn-grey.focus, .btn-grey:active, .btn-grey.active {
  box-shadow: 0 0 0 0.2rem rgba(215, 215, 215, 0.5) !important;
  background-color: #c4c4c4 !important;
  border-color: #bebebe !important; }

.btn-grey,
.btn-outline-grey {
  border-color: #D7D7D7; }
  .btn-grey:hover, .btn-grey.hover,
  .btn-outline-grey:hover,
  .btn-outline-grey.hover {
    background-color: #c4c4c4;
    border-color: #bebebe; }
  .btn-grey:focus, .btn-grey.focus, .btn-grey:active, .btn-grey.active,
  .btn-outline-grey:focus,
  .btn-outline-grey.focus,
  .btn-outline-grey:active,
  .btn-outline-grey.active {
    box-shadow: 0 0 0 0.2rem rgba(215, 215, 215, 0.5) !important;
    border-color: #bebebe !important; }

.badge-grey {
  border-color: #D7D7D7; }

.text-grey,
.btn-outline-grey {
  color: #D7D7D7 !important; }

.btn-outline-grey:hover {
  color: #fff !important; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
}

.call-item-selected {
    color: #666 !important;
    background-color: #dddddd;
}
.call-item {
    color: #666 !important;
}

.chat-selected {
    color: #666 !important;
    background-color: #dddddd;
}

.chat-unselected {
    color: #666 !important;
}

.btn-outline-primary {
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-active-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary);
}

/* BS barvy predefinovavat primarne timto zpusobem globalne */
:root {
    --bs-link-color: var(--bs-link-color);
    --bs-link-hover-color: var(--bs-link-hover-color)
}
.alert-primary {
    --bs-alert-color: white;
    --bs-alert-bg: var(--bs-primary);
    --bs-alert-border-color: var(--bs-primary);
}

.alert-secondary {
    --bs-alert-color: #283436;
    --bs-alert-bg: var(--bs-secondary);
    --bs-alert-border-color: var(--bs-secondary);
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fafafa;
    --bs-alert-border-color: #f8f8f8;
}

.link-primary {
    color: var(--bs-primary) !important;
}

.link-primary:hover  {
  color: #41808f !important;
}

/* select2 v input group ujizdi */
.input-group > .select2 {
    margin-left: 0 !important;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}
.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(83,158,176,0.25)
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(83,158,176,0.25) !important
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(83,158,176,0.25) !important
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: var(--bs-primary) !important;
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background-color: var(--bs-primary) !important;
    }

.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(83,158,176,0.25);
}

.form-control, .form-select {
}
    .form-control::placeholder {
        color: var(--bs-gray-500);
    }

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23539eb0'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}


.form-select, .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bcbdbd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.bg-body {
    background-color: var(--bs-body-bg) !important;
}

.bg-window {
    background-color: var(--bs-window-bg) !important;
}

.list-group-item.active {
    --bs-list-group-active-bg: var(--bs-basebody-bg);
    --bs-list-group-active-color: var(--bs-basebody-color);
    --bs-list-group-active-border-color: var(--bs-list-group-border-color);
}

.text-bg-primary {
    background-color: var(--bs-primary) !important;
}

.navbar-brand, .navbar-brand:hover, .nav-link-navbar, .nav-link-navbar:hover {
    color: white;
}

.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.callout h4 {
    margin-bottom: .25rem
}

.callout p:last-child {
    margin-bottom: 0
}

.callout code {
    border-radius: .25rem
}

.callout + .bd-callout {
    margin-top: -.25rem
}

.callout-primary {
    border-left-color: var(--bs-primary);
}

.callout-secondary {
    border-left-color: var(--bs-secondary);
}

.callout-info {
    border-left-color: var(--bs-info);
}

.callout-warning {
    border-left-color: var(--bs-warning);
}

.callout-danger {
    border-left-color: var(--bs-danger);
}