@charset "UTF-8";
.w-10 {
  width: 10% !important;
  max-width: 10% !important;
  overflow: hidden; }

.w-20 {
  width: 20% !important;
  max-width: 20% !important;
  overflow: hidden; }

.w-30 {
  width: 30% !important;
  max-width: 30% !important;
  overflow: hidden; }

.w-40 {
  width: 40% !important;
  max-width: 40% !important;
  overflow: hidden; }

.w-60 {
  width: 60% !important;
  max-width: 60% !important;
  overflow: hidden; }

.w-70 {
  width: 70% !important;
  max-width: 70% !important;
  overflow: hidden; }

.w-80 {
  width: 80% !important;
  max-width: 80% !important;
  overflow: hidden; }

.w-90 {
  width: 90% !important;
  max-width: 90% !important;
  overflow: hidden; }

.mt-xl {
  margin-top: 6.25rem; }

.hr-vertical {
  height: 100%;
  width: 1px;
  background-color: var(--bs-basebody-bg); }

hr.minus-margins {
  margin-left: -30px;
  margin-right: -30px; }

html,
body {
    font-family: "Fira Sans", sans-serif;
    background-color: var(--bs-basebody-bg);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased; /*INC-002759*/
}


body {
    color: var(--bs-basebody-color);
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 100; } /*99 je horni menu, 101 je modal*/

.page {
    padding-left: 3.875rem;
    /*padding-top: 3.125rem;*/
}

.page .header-nav {
    position: sticky;
    top: 0;
    left: 0; 
}

.page .content {
    min-height: 85vh;
}

.page .content .content-wrapper {
}

.page .content .page-right {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 991.98px) {
  .page {
    padding-left: 0; }
  /*.container-fluid {
    padding: 0; }  --- .row v .container-fluid maji porad stejne okraje */
}

footer {
  border-top: 1px solid #d7d7d7;
  font-size: 0.875rem; }

.header-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  /*height: 3.125rem;*/
  padding: 2px 1.875rem;
  background-color: var(--bs-basebody-color);
  z-index: 99; /*BS popover ma 1070, leve menu ma 100, modal ma 101*/ }

@media (max-width: 991.98px) {
    .header-nav {
        padding-left: 0.39rem;
        padding-right: 0.1875rem;
    }
}

.header-nav .logo {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: 0.75rem; }
  .header-nav .btn:hover {
    text-decoration: none; }

#mobile-search {
    height: 5rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    /*background-color: var(--bs-basebody-color);*/
    z-index: 100000;
    padding: 0 1.5625rem;
    display: flex;
    align-items: center;
}
  #mobile-search .form-group {
    flex: 1; }

#mobile-sidebar {
  display: inline-flex;
  flex-direction: column;
/*  justify-content: space-between;*/
  background-color: #fff;
  z-index: 9000;
  position: fixed;
  right: -60%;
  top: 0;
  bottom: 0;
  width: 0; }
  #mobile-sidebar .badge {
    margin-left: 0.625rem; }
  #mobile-sidebar::before {
    transition: all 0.4s; }
  #mobile-sidebar ul {
    list-style: none;
    padding: 0; }
  #mobile-sidebar hr {
    margin: 0;
  }
  #mobile-sidebar .nav-item.active .btn-link,
  #mobile-sidebar .nav-item.active .nav-link-text {
    color: var(--bs-basebody-color) !important;
    font-weight: 500; }
  #mobile-sidebar .nav-item:not(:last-of-type) {
    margin-bottom: 0.625rem; }
  #mobile-sidebar .nav-link {
    padding-left: 0; }
  #mobile-sidebar .nav-link-text {
    color: var(--bs-link-color) !important;
    font-size: 1rem; }
  #mobile-sidebar #button-close-sidebar {
    position: absolute;
    height: 100%;
    width: 700px;
    left: -700px;
    color: #fff;
    display: none; }
    #mobile-sidebar #button-close-sidebar i {
      position: absolute;
      right: 20px;
      top: 20px;
      cursor: pointer;
    }
  #mobile-sidebar.open {
    width: 18.75rem;
    max-width: 60vw; }
    #mobile-sidebar.open::before {
      content: '';
      width: 100vw;
      height: 100%;
      left: -100vw;
      position: absolute;
      background: rgba(40, 52, 54, 0.5); }
    #mobile-sidebar.open #button-close-sidebar {
      display: block; }
  #mobile-sidebar .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5rem; }
    #mobile-sidebar .menu-header img {
        /*width: 1.875rem;
      height: 1.875rem;*/
    }
  #mobile-sidebar .menu-part {
/*    height: 70vh;
*/    overflow-y: auto; }
    #mobile-sidebar .menu-part .btn i {
      font-size: 1.375rem;
      margin-right: 0.625rem; }
  #mobile-sidebar .menu-part-dark {
    /*height: 7.5rem;*/
    background-color: var(--bs-basebody-color); }
  #mobile-sidebar .menu-header,
  #mobile-sidebar .menu-part,
  #mobile-sidebar .menu-language,
  #mobile-sidebar .menu-part-dark {
    padding: 1.125rem; }

.sidebar-nav {
  width: 3.875rem;
  height: 100vh;
  border-right: 1px solid #d7d7d7;
  background: #fff; }
  .sidebar-nav .nav-item {
    position: relative;
    margin-bottom: 1rem; }
    .sidebar-nav .nav-item.active .nav-link {
      background-color: var(--bs-basebody-color);
      color: #fff !important; }
    .sidebar-nav .nav-item.active::after {
      content: '';
      width: 4px;
      height: 8px;
      background-color: #d7d7d7;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
    .sidebar-nav .nav-item .badge {
      position: absolute;
      top: 50%;
      left: calc(3.875rem - 25px);
      transform: translateY(-50%);
      z-index: 100; }
  .sidebar-nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: auto;
    transition: all 0.4s;
    border-radius: 50%;
    color: var(--bs-basebody-color) !important; }
    .sidebar-nav .nav-link i {
      margin: 0; }
    .sidebar-nav .nav-link:hover {
      background: #dde5e6;
      color: #539eb0 !important; }
      .sidebar-nav .nav-link:hover + .nav-link-text {
        display: block; }
    .sidebar-nav .nav-link + .nav-link-text {
      display: none; }
  .sidebar-nav .nav-link-text {
    position: absolute;
    top: 50%;
    left: calc(3.875rem - 1px);
    padding: 0.375rem 1.125rem 0.375rem 0.625rem;
    transform: translateY(-50%);
    border: 1px solid #d7d7d7;
    border-left: 0;
    border-radius: 0 1.5625rem 1.5625rem 0;
    background-color: #fff;
    color: #539eb0 !important;
    font-weight: 500;
    white-space: nowrap;
    z-index: 100; }

.header-pillow {
  text-transform: uppercase;
  color: white;
  background-color: rgba(40, 52, 54, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem 0.75rem;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  text-align: center; }

.font-weight-medium { /* je to mezi BS5 .fw-normal (400) a .fw-bolder (600) */
  font-weight: 500; }

.text-black {
  color: var(--bs-basebody-color); }

.text-primary-black {
  color: var(--bs-basebody-color); }

.text-md {
  font-size: 0.875rem; }

.text-sm {
  font-size: 0.75rem; }

.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #eef6f7;
  color: #539eb0;
  font-weight: 500; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #eef6f7;
  color: #539eb0; }

.select2-container--default .select2-results__option {
  padding: 0.625rem; }
  .select2-container--default .select2-results__option:first-of-type {
    border-radius: 0.19rem 0.19rem 0 0; }
  .select2-container--default .select2-results__option:last-of-type {
    border-radius: 0 0 0.19rem 0.19rem; }

.select2-container--default .select2-selection__arrow b {
  border-color: #539eb0 transparent transparent !important; }

.select2-container--default.select2-container--open .select2-selection__arrow b {
  border-width: 5px 4px 0 !important;
  transform: rotate(180deg);
  border-color: #539eb0 transparent transparent !important; }

.select2-dropdown {
  border-color: #d7d7d7;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #d7d7d7; }

.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0.25rem; }

.select2-selection:focus {
  outline: none; }

.select2-selection.language-select {
  background-color: initial;
  border-color: transparent;
  border-radius: 1.5625rem; }
  .select2-selection.language-select .select2-selection__rendered img {
    width: 2rem;
    margin-right: 0.3125rem; }

.c-lang-select + .select2 {
  max-width: 9.375rem; }
  .c-lang-select + .select2 .img-flag {
    width: 20px; }

.select2-results__options img {
  width: 2rem;
  margin-right: 0.625rem; }

.c-select-raw + .select2 .select2-selection {
  background-color: initial;
  border: none; }
  .c-select-raw + .select2 .select2-selection .select2-selection__rendered {
    color: #539eb0;
    text-align: right; }

.c-select-outline + .select2 .select2-selection {
  background-color: initial;
  border: 1px solid #d7d7d7;
  border-radius: 0.19rem; }
  .c-select-outline + .select2 .select2-selection .select2-selection__rendered {
    color: var(--bs-basebody-color); }

.w-100px + .select2 .select2-selection {
  width: 100px; }

.w-110px + .select2 .select2-selection {
  width: 110px; }

.w-120px + .select2 .select2-selection {
  width: 120px; }

.w-130px + .select2 .select2-selection {
  width: 130px; }

.w-140px + .select2 .select2-selection {
  width: 140px; }

.w-150px + .select2 .select2-selection {
  width: 150px; }

.w-160px + .select2 .select2-selection {
  width: 160px; }

.w-170px + .select2 .select2-selection {
  width: 170px; }

.w-180px + .select2 .select2-selection {
  width: 180px; }

.w-190px + .select2 .select2-selection {
  width: 190px; }

.w-200px + .select2 .select2-selection {
  width: 200px; }

.table-wrapper .form-check-input:focus {
  border-color: var(--bs-basebody-color);
  box-shadow: 0 0 0 0.25rem rgba(40, 52, 54, 0.25);
}

.table-wrapper .form-check-input:checked {
  background-color: var(--bs-basebody-color);
  border-color: var(--bs-basebody-color);
}

.btn {
/*  display: inline-flex;
  align-items: center;
  justify-content: center;
*/  border-radius: 0.19rem; }
  /*.btn i {
    margin-right: 0.3125rem; }*/
  .btn:disabled, .btn.disabled, .btn[disabled] {
    pointer-events: none;
    background-color: transparent !important;
    color: var(--bs-basebody-color) !important;
    opacity: 60%;
    border: 1px dashed #d7d7d7 !important; 
}

.btn-light, .btn-light:hover {
    border: 1px solid #d7d7d7 !important;
    color: #539eb0 !important;
}

.btn-orange, .btn-orange:hover:not(:disabled) {
  color: #fff !important; }

.btn-notification {
  position: relative; }
  .btn-notification.new-notification {
    color: #cae3e8; }
    .btn-notification.new-notification::after {
      content: '';
      position: absolute;
      top: 5px;
      right: 10px;
      width: 8px;
      height: 8px;
      background-color: #c62222;
      border-radius: 50%; }

.buttons-group > .btn,
.buttons-group > div {
  margin: 0 0.0625rem; }

.btn-pillow {
  background-color: var(--bs-basebody-bg);
  border-radius: 1.5625rem;
  padding: 0 0.3125rem; }

.btn-xl {
  font-size: 2.125rem;
  padding: 0 0.3125rem; }

.form-group.inline-button {
    display: flex;
    margin: 0;
    border-radius: 0.19rem;
    background: #fff;
}
  .form-group.inline-button .form-control {
    padding: 0.4375rem 0.625rem;
    border: 0;
    background: none; }
    .form-group.inline-button .form-control:focus, .form-group.inline-button .form-control:active {
      box-shadow: none; }
  .form-group.inline-button .btn {
    background: none; }
  .form-group.inline-button.dark {
    background: #3e5053; }
    .form-group.inline-button.dark .form-control {
      color: #fff; }

.custom-badge {
  border-radius: 50px;
  background-color: var(--bs-basebody-color);
  padding: 0.25rem 0.4375rem;
  font-size: 0.75rem;
  border: 1px solid #d7d7d7;
  min-width: 2rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center; }

.custom-badge-outlined {
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #539eb0; }

.custom-badge-non-active {
  background-color: initial;
  color: #d7d7d7;
  border-color: #d7d7d7; }

.card:not([class^="card text-bg-"]) { /* standardni header (bez text-bg-*) bude mit bile pozadi */
    --bs-card-cap-bg: #fff;
}

.card {
    --bs-card-border-radius: 0.1875rem;
    --bs-card-inner-border-radius: calc(0.1875rem - 1px); }

  .card.collapsing-card .card-header .collapse-icon {
    transition: all 0.4s; }
  .card.collapsing-card .card-header[aria-expanded='false'] .collapse-icon {
    transform: rotate(-180deg); }
  .card.collapsing-card .card-header:hover {
    cursor: pointer; }
  .card.superadmin-card,
  .card.superadmin-card .card-header {
    background-color: #fefef0; }
  .card.internal-card,
  .card.internal-card .card-header {
    background-color: #cae3e8; }

.reply-card {
  display: flex; }
  .reply-card .image-part {
    margin-right: 0.625rem; }
    .reply-card .image-part div {
      white-space: nowrap; }
    .reply-card .image-part .reply-img,
    .reply-card .image-part .reply-icon {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%; }
    .reply-card .image-part .reply-icon {
      background: white;
      border: 1px solid #d7d7d7;
      display: flex;
      justify-content: center;
      align-items: center; }
  .reply-card .card {
    width: 100%;
    font-size: 0.875rem; }
    .reply-card .card .card-header {
      padding: 0.9375rem;
      border: none;
      display: flex;
      justify-content: space-between; }
      .reply-card .card .card-header .btn-group {
        margin-right: -1rem;
        margin-top: -1rem; }
        .reply-card .card .card-header .btn-group i {
          margin: 0; }
    .reply-card .card .card-body {
      padding: 0 0.9375rem 0.9375rem 0.9375rem; }

.reply-divider {
  display: flex;
  justify-content: space-between; }
  .reply-divider .btn-group i {
    margin: 0;
    color: #539eb0; }
  .reply-divider > div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
    .reply-divider > div:last-of-type {
      justify-content: flex-end; }

.robot-card {
  display: flex; }
  .robot-card .image-part {
    padding: 0.9375rem;
    margin-right: 0.625rem; }
    .robot-card .image-part .robot-img {
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 50%;
      background-color: white; }
  .robot-card .card-outlined {
    font-size: 0.875rem;
    background: transparent; }
  .robot-card .card-body {
    padding: 0.9375rem; }

.settings-card {
    margin-bottom: 1.875rem;
}

    .settings-card .card-header {
        background: var(--bs-basebody-bg);
        font-weight: 500;
    }

        .settings-card .card-header i {
            color: rgba(40, 52, 54, 0.5);
            margin-right: 0.75rem;
        }

    .settings-card .card-body {
        padding: 0;
    }

    .settings-card .card-row {
        position: relative;
        padding: 1.25rem;
        transition: all 0.4s;
        padding-right: 2.5rem;
    }

        .settings-card .card-row:not(:last-of-type) {
            border-bottom: 1px solid #d7d7d7;
        }

        .settings-card .card-row .title {
            margin-right: 0.625rem;
        }

        .settings-card .card-row span:not(.title) {
            font-weight: 300;
        }

        .settings-card .card-row i, .settings-card .card-row img {
            margin-right: 1.25rem;
        }

        .settings-card .card-row::after {
            content: "";
            font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
            font-weight: 600;
            position: absolute;
            right: 1.25rem;
            top: 50%;
            transform: translateY(-50%);
            color: #539eb0;
        }

        .settings-card .card-row:hover {
            cursor: pointer;
            color: #cae3e8;
        }

.settings-contents {
    padding: 1.25rem;
}

    .settings-contents div {
        margin: 0.625rem 0;
    }

        .settings-contents div a {
            transition: all 0.4s;
            color: var(--bs-basebody-color);
        }

            .settings-contents div a:hover {
                cursor: pointer;
                text-decoration: none;
                color: #539eb0;
            }

        .settings-contents div i {
            margin-right: 0.625rem;
        }

        .settings-contents div span.text-muted:before {
            content: "(";
        }

        .settings-contents div span.text-muted:after {
            content: ")";
        }

@media (max-width: 767.98px) {
    .reply-divider > div {
        flex: initial;
    }

        .reply-divider > div:last-of-type {
            margin-left: 0.625rem;
        }
}

@media (max-width: 1199.98px) {
    .settings-card .card-row {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
  .reply-divider > div {
    flex: initial; }
    .reply-divider > div:last-of-type {
      margin-left: 0.625rem; } }

.popup-menu-container {
  position: relative; }

.popup-menu-popup {
  display: none;
  position: absolute;
  top: 30px;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 0.19rem;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 70vh;
  overflow: auto; }
  .popup-menu-popup::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    position: absolute;
    top: -4px; }
  .popup-menu-popup::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #d7d7d7;
    position: absolute;
    top: -5px; }
  .popup-menu-popup.popup-left {
    right: 8px; }
    .popup-menu-popup.popup-left::before {
      right: 7px;
      top: -6px; }
    .popup-menu-popup.popup-left::after {
      right: 9px; }
  .popup-menu-popup.popup-right {
    left: 8px; }
    .popup-menu-popup.popup-right::before {
      left: 7px;
      top: -6px; }
    .popup-menu-popup.popup-right::after {
      left: 9px; }
  .popup-menu-popup.popup-side-right {
    left: 50px;
    top: initial;
    bottom: 5px; }
    .popup-menu-popup.popup-side-right::before {
      left: -9px;
      top: initial;
      bottom: 6px;
      transform: rotate(-90deg); }
    .popup-menu-popup.popup-side-right::after {
      left: -6px;
      top: initial;
      bottom: 7px;
      transform: rotate(-90deg); }
  .popup-menu-popup .popup-menu-list {
    padding: 0.625rem 0; }
  .popup-menu-popup .popup-menu-list-row {
    display: block;
    padding: 0.3125rem 1.25rem;
    color: var(--bs-basebody-color);
    text-decoration: none;
  }
    .popup-menu-popup .popup-menu-list-row:hover {
      background-color: #eef6f7;
      color: #539eb0;
      text-decoration: none; }

#splash {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center; }
  #splash img {
    transform: scale(1);
    animation: pulse 2s infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9); }
  70% {
    transform: scale(1); }
  100% {
    transform: scale(0.9); } }

.breadcrumb-item + .breadcrumb-item:before {
  content: "";
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
  font-weight: 600;
  font-weight: 900;
  color: var(--bs-link-color); }

.breadcrumb-item a {
    color: var(--bs-link-color);
    text-decoration: none; }

.page > nav > .breadcrumb {
    padding: 0.3125rem 0.625rem 1.25rem 0;
}

.sticky-topbar {
    background-color: var(--bs-basebody-bg);
    padding-bottom: 0.625rem;
    position: sticky;
    top: 3.1rem;
    left: 0;
    right: 0;
    z-index: 98; /* 99 ma leve menu, 100 horni menu, 101 modal*/
    padding-top: 1.5rem;
    margin-top: -1.5rem;
    margin-left: -1.875rem;
    margin-right: -1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

@media (max-width: 767.98px) {
    .sticky-topbar {
        padding-top: 0.625rem;
        margin-top: -0.625rem;
        margin-left: -0.625rem;
        margin-right: -0.625rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}

.sticky-topbar .buttons-group {
display: flex;
width: 50%; }

.sticky-topbar .buttons-group:last-of-type {
    justify-content: flex-end; }

.sticky-topbar .buttons-group .js-autohide {
    white-space: nowrap; }

.sticky-topbar.fixed {
  transition: box-shadow 0.4s;
}

.dropdown-submenu {
  position: relative; 
  cursor: pointer;
}
  .dropdown-submenu .dropdown-toggle::after {
    transform: rotate(-90deg); }

.dropdown-submenu > .dropdown-menu {
  top: 0; }

.upload-wrapper {
  width: 50%;
  font-size: 0.875rem; }
  .upload-wrapper .file-list span:not(.percent-indicator) {
    font-weight: 600;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
  .upload-wrapper .upload-file-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: 1px solid #d7d7d7;
    margin: 0 0.625rem 0.625rem 0;
    white-space: nowrap; }
    .upload-wrapper .upload-file-box span,
    .upload-wrapper .upload-file-box .percent-indicator {
      padding: 0.3125rem 0.625rem;
      white-space: nowrap; }
    .upload-wrapper .upload-file-box .percent-indicator {
      border-left: 1px solid #d7d7d7;
      height: 100%;
      display: block;
      color: #d7d7d7;
      font-weight: 400;
      margin-left: 0.625rem; }
  .upload-wrapper .upload-container {
    padding: 0.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #d7d7d7;
    border-radius: 0.19rem; }
    .upload-wrapper .upload-container a {
      color: var(--bs-link-color);
      text-decoration: underline;
      margin-left: 0.3125rem; }