:root {
    --bs-primary: #539eb0;
    --bs-primary-rgb: 83, 158, 176;
    --bs-secondary: #cae3e8;
    --bs-secondary-rgb: 202, 227, 232;
    --bs-window-bg: #ffffff;
    --bs-window-color: #212529;    
    --bs-body-bg: #ececec;
}

dt {
  font-weight: 500; }

a,
.btn-link {
  color: #539eb0; }
  a:hover,
  .btn-link:hover {
    color: #41808f; }

.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: #539eb0 !important; }

.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
  box-shadow: 0 0 0 0.2rem rgba(83, 158, 176, 0.5) !important;
  background-color: #458797 !important;
  border-color: #41808f !important; }

.btn-primary,
.btn-outline-primary {
  border-color: #539eb0 !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: #458797 !important;
    border-color: #41808f !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(83, 158, 176, 0.5) !important;
    border-color: #41808f !important; }

.badge-primary {
  border-color: #539eb0; }

.btn-outline-primary {
  color: #539eb0; }

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color) !important;
}

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

.btn-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !important; }

.btn-secondary,
.badge-secondary,
.bg-secondary {
  background-color: #cae3e8; }

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active {
  box-shadow: 0 0 0 0.2rem rgba(202, 227, 232, 0.5) !important;
  background-color: #afd5dc !important;
  border-color: #a6d0d9 !important; }

.btn-secondary,
.btn-outline-secondary {
  border-color: #cae3e8; }
  .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: #afd5dc !important;
    border-color: #a6d0d9 !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(202, 227, 232, 0.5) !important;
    border-color: #a6d0d9 !important; }

.badge-secondary {
  border-color: #cae3e8; }

.text-secondary,
.btn-outline-secondary {
  color: #cae3e8 !important; }

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

.btn-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !important; }

.btn-light,
.badge-light,
.bg-light {
  background-color: #fff; }

.btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
  background-color: #ececec !important;
  border-color: #e6e6e6 !important; }

.btn-light,
.btn-outline-light {
  border-color: #fff; }
  .btn-light:hover, .btn-light.hover,
  .btn-outline-light:hover,
  .btn-outline-light.hover {
    background-color: #ececec;
    border-color: #e6e6e6; }
  .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(255, 255, 255, 0.5) !important;
    border-color: #e6e6e6 !important; }

.badge-light {
  border-color: #fff; }

.text-light,
.btn-outline-light {
  color: #fff !important; }

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

.btn-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !important; }

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

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

.btn-dark,
.btn-outline-dark {
  border-color: #000000; }
  .btn-dark:hover, .btn-dark.hover,
  .btn-outline-dark:hover,
  .btn-outline-dark.hover {
    background-color: black;
    border-color: black; }
  .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(0, 0, 0, 0.5) !important;
    border-color: black !important; }

.badge-dark {
  border-color: #000000; }

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

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

.btn-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !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; }

.btn-secondary,
.btn-outline-secondary {
  color: #283436 !important; }
  .btn-secondary:hover,
  .btn-outline-secondary:hover {
    color: #283436 !important; }

  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
      background-color: #539eb0;
  }

.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: #458797;
  --bs-btn-active-bg: #458797;
  --bs-btn-hover-border-color: #539eb0;
}

/* BS barvy predefinovavat primarne timto zpusobem globalne */
:root {
    --bs-link-color: #539eb0;
    --bs-link-hover-color: #41808f;
}
.alert-primary {
    --bs-alert-color: white;
    --bs-alert-bg: #539EB0;
    --bs-alert-border-color: #539EB0;
}

.alert-secondary {
    --bs-alert-color: #283436;
    --bs-alert-bg: #cae3e8;
    --bs-alert-border-color: #cae3e8;
}

.link-primary {
    color: #539eb0 !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: #539eb0;
    border-color: #539eb0
}

.form-check-input:focus {
    border-color: #539eb0;
    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: #539eb0 !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: #539eb0;
    box-shadow: 0 0 0 0.25rem rgba(83,158,176,0.25) !important
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #539eb0 !important;
}

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

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

.form-control, .form-select {
}

.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-body-bg);
    --bs-list-group-active-color: var(--bs-window-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;
}