/* prettier-ignore */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap");
.border-top-transparent {
  border-top: 1px solid transparent !important;
}

.has-loader .submit-loader {
  visibility: hidden;
  width: 20px;
  margin-left: -20px;
}

.has-loader.active .submit-loader {
  visibility: visible;
}

.btn-bottom-0 {
  position: relative;
  bottom: 0;
  left: 0;
}

.btn-outline-elight {
  --falcon-btn-color: #FBBA00;
  --falcon-btn-border-color: #FBBA00;
  --falcon-btn-hover-color: color-contrast("#FBBA00");
  --falcon-btn-hover-bg: #FBBA00;
  --falcon-btn-hover-border-color: #FBBA00;
  --falcon-btn-focus-shadow-rgb: to-rgb("#FBBA00");
  --falcon-btn-active-color: color-contrast("#FBBA00");
  --falcon-btn-active-bg: #FBBA00;
  --falcon-btn-active-border-color: #FBBA00;
  --falcon-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --falcon-btn-disabled-color: #FBBA00;
  --falcon-btn-disabled-bg: transparent;
  --falcon-btn-disabled-border-color: #FBBA00;
  --falcon-gradient: none;
}

.k-page-loader {
  color: #2c7be5 !important;
}

svg.svg-inline--fa.k-sprite {
  font-size: inherit;
}

.fas.k-sprite,
.fas.k-sprite::before,
.fal.k-sprite,
.fal.k-sprite::before {
  font-size: 10px !important;
  line-height: 16px !important;
}

.k-grid .k-grid-content-locked, .k-grid .k-grid-content-locked td, .k-grid .k-grid-header-locked, .k-grid .k-grid-header-locked .k-header {
  border-color: inherit;
}

.x-grid-no-header.k-grid .k-header {
  display: none;
}

.x-data-grid .dropdown.x-menu {
  position: static;
}

.x-data-grid .dropdown.x-menu .dropdown-menu .dropdown-item i {
  width: 25px;
  text-align: center;
}

.x-menu .dropdown-menu button svg {
  margin-right: 10px !important;
  color: #2c7be5;
}

.x-menu.button-list button svg {
  padding: 0;
}

.btn-x-menu {
  color: #2c7be5;
  border-color: #2c7be5;
}
.btn-x-menu:hover {
  color: white;
  border-color: #2c7be5;
  background-color: #2c7be5;
}

[data-bs-theme=dark] .btn-x-menu.btn-light {
  background-color: unset !important;
}

/*.tab-content > .tab-pane,
.pill-content > .pill-pane {
    visibility: hidden;
}

.tab-content > .active,
.pill-content > .active {
    display: inline !important;
    visibility: visible;
}



.k-grid .k-grid-header {*/
/*display: none;*/
/*}

.k-grid {
    border-width: 0px !important;
}

.k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover {*/
/*background: none;*/
/*}

.no-scrollbar .k-grid-header {
    padding: 0 !important;
}

.no-scrollbar .k-grid-content {*/
/*overflow-y: hidden;*/
/*}

.k-grid-content {*/
/*padding-left:20px;
        padding-right:20px;*/
/*}

.k-header.k-grid-toolbar {
    background: none;
}

.k-grid td, .k-grid th {
    border: none;
}

.k-grid col.k-sorted, .k-grid th.k-sorted {
    background-color: transparent !important;
}

.k-i-sort-asc-sm::before {
    content: "\f139";
    font-weight: 400;
    font-family: 'Font Awesome 5 Pro';
}

.k-i-sort-desc-sm::before {
    content: "\f13a";
    font-weight: 400;
    font-family: 'Font Awesome 5 Pro';
}

.k-grid .k-icon {
    padding: 0;
    margin: 0;
}

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm, .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm {
    margin-left: 0.4rem;
}

.x-data-grid .k-grid-header .k-header a.k-link {
    font-weight: 600;
    font-size: 0.9rem;
}

.x-data-grid .k-checkbox-label.k-no-text {
    display: none;
}

.x-data-grid tr td.k-command-cell a[role="button"]:hover {
    border-color: #D0D2D6 !important;
}

.x-data-grid button.x-button {
    border-color: #e4e7eb;
    color: #212529;
    background-color: #e4e7eb;
    border-radius: .25rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.x-data-grid button.x-button:hover {
    border-color: #c7cdd5;
    color: #212529;
    background-color: #ced3db
}

.x-data-grid tr.k-state-selected td.k-command-cell a[role="button"],
.x-data-grid tr.k-state-selected button.x-button {
    color: #1a73e8;
    background-color: transparent;
    border-color: #1a73e8 !important;
}

.x-data-grid tr.k-state-selected td.k-command-cell a[role="button"]:hover,
.x-data-grid tr.k-state-selected button.x-button:hover {
    color: #fff;
    background-color: #1a73e8;
    border-color: #1a73e8;
}

    */
.x-data-grid a.item-link {
  color: #1a73e8;
  cursor: pointer;
}

.x-data-grid a.item-link:hover {
  text-decoration: underline;
}

/*
.x-data-grid .item-data {
    font-size: 0.1rem;
}

.x-data-grid .item-description {
    font-size: 0.9rem;
}

.x-data-grid td[role="gridcell"] {
    font-size: 0.95rem !important;
}

.x-data-grid td[role="gridcell"] a[role="button"].k-button,
.x-data-grid td[role="gridcell"] a[role="button"].x-button {*/
/*color:#1a73e8;*/
/*font-size: 0.95rem !important;
}

.x-data-grid td[role="gridcell"] a[role="button"].k-button span.fa,
.x-data-grid td[role="gridcell"] a[role="button"].k-button span.far,
.x-data-grid td[role="gridcell"] a[role="button"].k-button span.fal {
    padding-right: 5px;
}

.x-data-grid-toolbar {*/
/*padding-top: 1rem;*/
/*padding-bottom: 1rem;
}

.x-data-grid .dropdown-custom i {
    padding: 3px 8px 4px;
}

.x-data-grid .dropdown-custom::after {
    display: none;
}

.x-data-grid .dropdown.x-menu {
    position: static;
}

.x-data-grid .k-grid-content {
    overflow: inherit;
    overflow-x: inherit;
    overflow-y: inherit;
}

.x-data-grid-toolbar .dropdown-menu i,
.x-data-grid .dropdown.x-menu .dropdown-menu .dropdown-item i {
    width: 25px;
    text-align: center;
}*/
/*

a.header-item {
    font-weight: 600;
    font-size: 1.1rem;
}

a.item-link {
    color: #1a73e8 !important;
}

    a.item-link:hover {
        text-decoration: underline !important;
    }

.font-size-a {
    font-size: 0.9rem;
}*/
/*.k-item.k-state-focused .badge-primary {
    background-color: white;
    color: #007bff;
}*/
.k-table-md {
  font-size: 0.9rem;
  line-height: 1.5;
}

.k-grid td, .k-grid th {
  border: 0 !important;
}

.k-button,
.k-grid {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9rem;
}

.k-grid {
  font-size: 0.85rem;
}

.k-grid .k-header {
  font-weight: 600;
  font-size: 0.8rem;
}

.btn-filter-badge span[data-role=badge] {
  z-index: inherit;
}

.k-button-md.k-icon-button > .k-button-icon {
  min-width: 0 !important;
}

.k-badge {
  z-index: 5 !important;
}

#inventory-asset-group-action-badge {
  position: relative;
  margin-left: -23px;
  margin-bottom: 35px;
  z-index: 10;
}

#inventory-asset-group-change-badge {
  position: relative;
  margin-left: -23px;
  margin-bottom: 35px;
  z-index: 10;
}

#inventory-asset-delete-badge {
  position: relative;
  margin-left: -23px;
  margin-bottom: 35px;
  z-index: 10;
}

#assetGrid-addSelectedAsset-badge {
  position: relative;
  margin-left: -23px;
  margin-bottom: 35px;
  z-index: 10;
}

#group-action-dropdownbutton-badge {
  position: relative;
  margin-left: -23px;
  margin-bottom: 35px;
  z-index: 10;
}

#progress-modal-progress .k-progressbar .k-selected {
  background-color: #b6c1d2;
}

#FilterDefaultTranslation_listbox .k-list-item {
  font-size: 0.8333333333rem;
}

#FilterResourceLocation_listbox .k-list-item {
  font-size: 0.8333333333rem;
}

#FilterKey_listbox .k-list-item {
  font-size: 0.8333333333rem;
}

#FilterKey-list {
  max-width: 500px;
  width: 400px;
}

.modal-content-main {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.error-summary, .error-summary .modal-title {
  color: #e63757;
}

.btn-login-external {
  transition: background-color 0.3s, box-shadow 0.3s;
  padding: 12px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  font-weight: 500;
  font-size: 0.9rem;
  background-color: white;
  color: #757575;
  width: 100%;
}
.btn-login-external:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}
.btn-login-external:active {
  background-color: #eeeeee;
}
.btn-login-external:focus {
  outline: none;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}
.btn-login-external:disabled {
  filter: grayscale(100%);
  background-color: #ebebeb;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.dark .btn-login-external {
  background-color: transparent;
}
.dark .btn-login-external:hover {
  background-color: #3c5a99;
  color: black;
}

.btn-align {
  padding: 6px 12px;
  line-height: 1.42857143;
  vertical-align: middle;
}

h1.page-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #002c5a;
}

[data-bs-theme=dark] h1.page-title {
  color: #F2F5F7;
}
[data-bs-theme=dark] .header .client-name {
  color: #F2F5F7;
}
[data-bs-theme=dark] .header .circle-item {
  background: #242B36;
}
[data-bs-theme=dark] .header a.culture-item {
  background: #242B36;
}
[data-bs-theme=dark] .header a.warning-item {
  background: #242B36;
}

.header .client-name {
  color: rgba(0, 44, 90, 0.4);
  color: rgba(0, 44, 90, 0.4);
}
.header a.culture-item {
  padding: 0;
  margin: 0;
  width: 38px;
  height: 38px;
  position: relative;
  background: #DBE5EB;
  border-radius: 20px;
  cursor: pointer;
}
.header a.culture-item img {
  opacity: 0.7;
}
.header a:hover.culture-item {
  background: #C4D4DE;
  transition: 0.3s;
}
.header a:hover.culture-item img {
  opacity: 1;
}
.header a.warning-item {
  padding: 0;
  margin: 0;
  width: 38px;
  height: 38px;
  position: relative;
  background: #DBE5EB;
  border-radius: 20px;
  cursor: pointer;
}
.header a.warning-item img {
  opacity: 0.7;
}
.header a:hover.warning-item {
  background: #C4D4DE;
  transition: 0.3s;
}
.header a:hover.warning-item img {
  opacity: 1;
}
.header .circle-item {
  padding: 0;
  margin: 0;
  width: 38px;
  height: 38px;
  position: relative;
  background: #DBE5EB;
  border-radius: 20px;
}
.header .circle-item svg {
  color: #5e6e82 !important;
  position: absolute;
  top: 10px;
  left: 12px;
}
.header .circle-item img.avatar-image {
  object-fit: cover;
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.card-group-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  color: #002c5a;
}

.k-stepper .k-step-label .k-step-text {
  width: 100% !important;
  text-overflow: "" !important;
}

.k-step-list-horizontal ~ .k-progressbar {
  width: 100%;
  height: 2px;
  top: 17px;
  background-color: #9da9bb;
}

.k-stepper .k-step:hover .k-step-label, .k-stepper .k-step.k-hover .k-step-label, .k-stepper .k-step.k-step-hover .k-step-label {
  color: #000;
}

.k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator {
  background-color: #fbba00;
}

.k-stepper .k-step-indicator {
  border-color: #9da9bb;
  color: #000;
  background-color: #ffffff;
}

.k-stepper .k-step-indicator::after {
  box-shadow: inset 0 0 0 2px #ffffff;
}

.k-stepper .k-step-done .k-step-indicator {
  border-color: #fbba00;
  color: white;
  background-color: #fbba00;
}

.k-progressbar .k-selected {
  border-color: #fbba00;
  color: white;
  background-color: #fbba00;
}

.k-stepper .k-step-done .k-step-indicator {
  border-color: #fbba00;
  color: white;
  background-color: #fbba00;
}

.k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator {
  background-color: #fbba00;
}

.k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator {
  border-color: #fbba00;
  color: white;
  background-color: #fbba00;
}

.k-stepper .k-step-current .k-step-indicator {
  border-color: #fbba00;
  color: white;
  background-color: #fbba00;
}

.k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator {
  background-color: #fbba00;
}

.k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current.k-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator {
  border-color: #fbba00;
  color: white;
  background-color: #fbba00;
}

#cropperImage {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}

#canvas {
  height: 300px;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid black;
}

.cropper-nav {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  border-color: #dde2e7;
  background-color: #f8f9fa;
  border-width: 1px;
  border-style: solid;
  border-top: none;
}

.cropper-nav i {
  padding: 0;
}

.cropper-nav .btn-group {
  margin-bottom: 3px;
}

.crop-container {
  border-color: #dde2e7;
  background-color: #f8f9fa;
  border-width: 1px;
  border-style: solid;
  border-bottom: none;
  border-top: none;
  max-height: 300px;
}

.image-container {
  position: relative;
}

.image-container #imageImage {
  width: 200px;
  height: auto;
}

.image-disabled:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}

.image-disabled:after {
  content: "\f070";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  line-height: 0;
  font-size: 3em;
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
  color: #565656;
}

.image-avatar-disabled {
  width: 100%;
  background-color: #f8f9fa;
}

.image-avatar-disabled:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}

.image-avatar-disabled:after {
  content: "\f508";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  line-height: 0;
  font-size: 7em;
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
  color: #e8e8e8;
  text-align: center;
  background-color: #f8f9fa;
}

.ui-sortable-placeholder {
  border: 3px dashed #aaa;
  min-height: 100%;
  height: 100px;
  width: 100%;
  background: #ccc;
}

li.ui-sortable-placeholder {
  list-style-type: none;
}

.k-numerictextbox {
  width: 100%;
}

.k-dropdown-radius-0 .k-dropdown-wrap {
  border-radius: 0 !important;
}

.k-dropdown-radius-right .k-dropdown-wrap {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*.container {
    margin-top: 4em;
    margin-bottom: 4em;
}*/
.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control {
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee;
  border-color: #eee;
}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder, .loading-skeleton li::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder {
  color: transparent;
}

@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}
.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}
#webReportDesigner {
  position: relative;
  height: 100%;
}

.report-container {
  margin-top: 0 !important;
}

.main .report-container .report-section-container {
  position: relative;
  height: calc(100vh - var(--falcon-top-nav-height) - 1px);
  min-height: 500px;
}

/*body {
    margin: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}*/
.color-mode label {
  margin: 0;
  margin-top: 5px;
  width: 70px;
  height: 38px;
  position: relative;
  background: #DBE5EB;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.color-mode label:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #C4D4DE;
  border-radius: 20px;
  transition: 0.3s;
}
.color-mode input {
  width: 0;
  height: 0;
  visibility: hidden;
}
.color-mode input:checked + label {
  background: #242B36;
}
.color-mode input:checked + label:after {
  left: 67px;
  transform: translateX(-100%);
  background-color: rgb(0, 93.8666666667, 192);
}
.color-mode label:active:after {
  width: 40px;
}
.color-mode input:checked + label + .background {
  background: #242424;
}
.color-mode label span {
  position: absolute;
  width: 30px;
  top: 10px;
  z-index: 100;
}
.color-mode label span.sun {
  left: 10px;
  fill: #fff;
  transition: 0.3s;
}
.color-mode label span.moon {
  left: 43px;
  fill: #7e7e7e;
  transition: 0.3s;
}
.color-mode input:not(:checked) + label span.moon {
  color: rgba(0, 44, 90, 0.3);
  color: rgba(0, 44, 90, 0.3);
}
.color-mode input:checked + label span.sun {
  color: rgba(242, 245, 247, 0.3);
  color: rgba(242, 245, 247, 0.3) !important;
}
.color-mode input:checked + label span.moon {
  color: #F2F5F7;
}
.color-mode input:checked + label span.sun {
  fill: #7e7e7e;
}
.color-mode input:checked + label span.moon {
  fill: #fff;
}

.card.card-primary {
  border-left: 5px solid #1E5EF6;
}
.card.card-secondary {
  border-left: 5px solid #DBDBDB;
}
.card.card-warning {
  border-left: 5px solid #f5803e;
}
.card.card-elight {
  border-left: 5px solid #FBBA00;
}
.card.card-danger {
  border-left: 5px solid #e63757;
}
.card.card-success {
  border-left: 5px solid #00d27a;
}

.loading-skeleton .card.card-primary, .loading-skeleton .card.card-secondary, .loading-skeleton .card.card-warning, .loading-skeleton .card.card-elight, .loading-skeleton .card.card-danger, .loading-skeleton .card.card-success {
  border-left: 5px solid #DBDBDB !important;
}

.card-item.card-item-primary-dark {
  border-left: 5px solid #1E5EF6;
}
.card-item.card-item-primary {
  border-left: 5px solid #1E5EF6;
}
.card-item.card-item-secondary {
  border-left: 5px solid #DBDBDB;
}
.card-item.card-item-warning {
  border-left: 5px solid #FBBA00;
}
.card-item.card-item-danger {
  border-left: 5px solid #e63757;
}
.card-item .card-header h5 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 1.1rem;
}
.card-item .card-body {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  font-size: 1.2rem;
}

[data-bs-theme=dark] .bg-light {
  background-color: #232e3c !important;
}

.order-list {
  font-family: "Poppins", sans-serif;
}
.order-list h2 {
  color: #002c5a;
  font-weight: 700;
  font-size: 1.5rem;
}
.order-list h3 {
  color: #2c7be5;
  font-weight: 700;
  font-size: 1.5rem;
}
.order-list h4 {
  color: #2c7be5;
  font-weight: 700;
  font-size: 1.3rem;
}
.order-list .price-list {
  margin: 2rem 1.3rem;
}
.order-list .price-list .price-list-header {
  margin-bottom: 1rem;
}
.order-list .price-list .price-list-body .card {
  background-color: #F2F5F7;
}
.order-list .price-list .price-list-body .card .item-icon {
  padding: 10px;
  border-radius: 20px;
  background-color: rgb(216.2901785714, 221.0544642857, 227.0098214286) !important;
  font-size: 2em;
  width: 1.2em;
  height: 1.2em;
}
.order-list .price-list .price-list-body .card:has(input:checked) {
  background-color: rgb(239.2417721519, 245.1417721519, 253.0582278481) !important;
  border-color: #2c7be5 !important;
  color: #2c7be5;
}
.order-list .price-list .price-list-body .card:has(input:checked) .item-icon {
  background-color: rgb(193.8367088608, 216.7367088608, 247.4632911392) !important;
}
.order-list .price-list .price-list-body .card:has(input:checked) .price {
  background-color: #2c7be5 !important;
  color: #fff;
}
.order-list .price {
  background-color: rgb(216.2901785714, 221.0544642857, 227.0098214286) !important;
  border-radius: 20px;
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.order-list .big-checkbox {
  width: 1.8rem;
  height: 1.8rem;
}
.order-list input[type=radio] {
  transform: scale(1.8);
}
.order-list .licence a.card.licence-item:has(input:checked) {
  background-color: rgb(239.2417721519, 245.1417721519, 253.0582278481) !important;
  border-color: #2c7be5 !important;
  color: #2c7be5;
}
.order-list .licence a.card.licence-item:has(input:checked) .price {
  background-color: #2c7be5 !important;
  color: #fff;
}
.order-list .licence a.card.licence-item:has(input:checked) h3 {
  color: #2c7be5;
}
.order-list .licence a.card.licence-item {
  cursor: pointer;
  text-decoration: none;
  background-color: #F2F5F7;
}
.order-list .licence a.card.licence-item h3 {
  color: #002c5a;
}
.order-list .company-info h4 {
  color: #002c5a;
}

.logo-circle-background {
  height: 230px;
  width: 230px;
  background-color: #002b80;
  border-radius: 50%;
  display: inline-block;
}

.logo-circle-loader {
  width: 230px;
  height: 230px;
  border: 8px solid #fbba00;
  border-bottom-color: #002c5a;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.logo-circle-title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #002c5a;
}

.logo-circle-loader-3 {
  width: 230px;
  height: 230px;
  border: 5px solid;
  border-color: #fbba00 transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bd-callout {
  --bs-link-color-rgb: var(--bd-callout-link);
  --bs-code-color: var(--bd-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
}

.bd-callout-primary {
  color: #2c7be5;
  background-color: rgb(221.0797468354, 233.7797468354, 250.8202531646);
  border-left: 0.25rem solid #2c7be5;
}

.bd-callout-secondary {
  color: #748194;
  background-color: rgb(237.0317073171, 238.712195122, 241.1682926829);
  border-left: 0.25rem solid #748194;
}

.bd-callout-success {
  color: #00d27a;
  background-color: rgb(230.4, 255, 244.6914285714);
  border-left: 0.25rem solid #00d27a;
}

.bd-callout-alert {
  color: #e63757;
  background-color: rgb(252.6666666667, 236.3333333333, 239.32);
  border-left: 0.25rem solid #e63757;
}

.bd-callout-warning {
  color: #fd7e14;
  background-color: rgb(254.8075949367, 242.5898734177, 232.3924050633);
  border-left: 0.25rem solid #fd7e14;
}

[data-bs-theme=dark] .bd-callout-primary {
  background-color: #031633;
}

.daterangepicker-no-labels .k-label {
  display: none;
}

.daterangepicker-no-labels .k-floating-label-container {
  padding: 0;
}

.daterangepicker-no-labels .k-textbox-container {
  width: 49%;
}

.toolbar-image-size img {
  width: 20px;
  height: auto;
}

.role-name-item {
  font-family: "Poppins", sans-serif;
  color: #5e6e82;
}

.client-role-item {
  font-family: "Poppins", sans-serif;
}
.client-role-item .card {
  color: #9da9bb;
}
.client-role-item .card:has(input:checked) {
  background-color: rgb(239.2417721519, 245.1417721519, 253.0582278481) !important;
  border-color: #2c7be5 !important;
  color: #2c7be5;
}
.client-role-item .item-icon {
  background-color: rgb(193.8367088608, 216.7367088608, 247.4632911392) !important;
}
.client-role-item .price {
  background-color: #2c7be5 !important;
  color: #fff;
}
.client-role-item input[type=radio] {
  transform: scale(1.4);
}

.theme-disabled {
  display: none;
}

.page-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 10000;
  background-color: #edf2f9;
}

.offcanvas {
  background-color: #edf2f9;
}

[data-bs-theme=dark] .offcanvas {
  background-color: #0b1727;
}
[data-bs-theme=dark] .page-loader {
  background-color: #0b1727;
}

.loader {
  position: fixed;
  z-index: 10003;
  top: 50%;
  left: 50%;
}

.filter {
  background-color: #edf2f9;
  padding: 10px;
}

.filter label {
  font-size: 0.8rem;
  color: #919191;
}

@media (max-width: 350px) {
  .app-logo img {
    width: 80px;
  }
}
@media (min-width: 351px) and (max-width: 400px) {
  .app-logo img {
    width: 140px;
  }
}
@media (min-width: 401px) {
  .app-logo img {
    width: 160px;
  }
}
.message-info {
  font-weight: 600 !important;
  font-size: 0.9rem;
}

.text-divider {
  --text-divider-gap: 1rem;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
}
.text-divider::before, .text-divider::after {
  content: "";
  height: 1px;
  background-color: silver;
  flex-grow: 1;
}
.text-divider::before {
  margin-right: var(--text-divider-gap);
}
.text-divider::after {
  margin-left: var(--text-divider-gap);
}

.input-disabled {
  pointer-events: none;
  background-color: #edf2f9;
}

.bs-callout-primary {
  display: block;
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border: 1px solid;
  border-left-width: 5px;
  border-color: rgb(180.2151898734, 208.2151898734, 245.7848101266);
  border-left-color: #2c7be5;
  background-color: rgb(248.3227848101, 250.8227848101, 254.1772151899);
}
.bs-callout-primary h1, .bs-callout-primary h2, .bs-callout-primary h3, .bs-callout-primary h4, .bs-callout-primary h5, .bs-callout-primary h6 {
  margin-top: 0;
  color: #2c7be5;
}
.bs-callout-primary p:last-child {
  margin-bottom: 0;
}
.bs-callout-primary code, .bs-callout-primary .highlight {
  background-color: #fff;
}

.bs-callout-danger {
  display: block;
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border: 1px solid;
  border-left-width: 5px;
  border-color: rgb(247, 191, 201.24);
  border-left-color: #e63757;
  background-color: rgb(247, 191, 201.24);
}
.bs-callout-danger h1, .bs-callout-danger h2, .bs-callout-danger h3, .bs-callout-danger h4, .bs-callout-danger h5, .bs-callout-danger h6 {
  margin-top: 0;
  color: #e63757;
}
.bs-callout-danger p:last-child {
  margin-bottom: 0;
}
.bs-callout-danger code, .bs-callout-danger .highlight {
  background-color: #fff;
}

.bs-callout-warning {
  display: block;
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border: 1px solid;
  border-left-width: 5px;
  border-color: rgb(252.5369458128, 223.7192118227, 207.4630541872);
  border-left-color: #f5803e;
  background-color: white;
}
.bs-callout-warning h1, .bs-callout-warning h2, .bs-callout-warning h3, .bs-callout-warning h4, .bs-callout-warning h5, .bs-callout-warning h6 {
  margin-top: 0;
  color: #f5803e;
}
.bs-callout-warning p:last-child {
  margin-bottom: 0;
}
.bs-callout-warning code, .bs-callout-warning .highlight {
  background-color: #fff;
}

.bs-callout-info {
  display: block;
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border: 1px solid;
  border-left-width: 5px;
  border-color: rgb(190.5963302752, 235.0229357798, 254.4036697248);
  border-left-color: #27bcfd;
  background-color: rgb(241.128440367, 250.6972477064, 254.871559633);
}
.bs-callout-info h1, .bs-callout-info h2, .bs-callout-info h3, .bs-callout-info h4, .bs-callout-info h5, .bs-callout-info h6 {
  margin-top: 0;
  color: #27bcfd;
}
.bs-callout-info p:last-child {
  margin-bottom: 0;
}
.bs-callout-info code, .bs-callout-info .highlight {
  background-color: #fff;
}

.bs-callout-success {
  display: block;
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border: 1px solid;
  border-left-width: 5px;
  border-color: rgb(108, 255, 193.4);
  border-left-color: #00d27a;
  background-color: rgb(159, 255, 214.7714285714);
}
.bs-callout-success h1, .bs-callout-success h2, .bs-callout-success h3, .bs-callout-success h4, .bs-callout-success h5, .bs-callout-success h6 {
  margin-top: 0;
  color: #00d27a;
}
.bs-callout-success p:last-child {
  margin-bottom: 0;
}
.bs-callout-success code, .bs-callout-success .highlight {
  background-color: #fff;
}

.card .card-header .info, .card .card-body .info {
  margin-top: 5px;
  font-size: 0.9rem;
}

.required-label-annotation label.required:after {
  content: "*";
  padding-left: 5px;
  font-weight: 600;
  color: #e61f60;
}

.lottie-center {
  margin: 0 auto;
}

/* Fix na dashboard */
#chartSumMonth {
    z-index: 1;
}

#chartQuantityMonth {
    z-index: 1;
}

.cursor-grab {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/* Fix pre telerik*/
.k-switch-sm {
    width: 48px;
    height: 26px;
    font-size: unset
}

    .k-switch-sm .k-switch-track {
        width: 48px;
        height: 26px
    }

    .k-switch-sm .k-switch-thumb {
        width: 20px;
        height: 20px
    }

    .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
        left: calc(100% - 13px)
    }

    .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
        left: 13px
    }

    .k-switch-sm[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-sm .k-switch-label-on, .k-rtl .k-switch-sm .k-switch-label-on {
        left: auto
    }

    .k-switch-sm[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-sm .k-switch-label-off, .k-rtl .k-switch-sm .k-switch-label-off {
        right: auto
    }

    .k-switch-sm[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
        left: 13px
    }

    .k-switch-sm[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
        left: calc(100% - 13px)
    }

.k-switch-md {
    width: 56px;
    height: 30px;
    font-size: unset
}

    .k-switch-md .k-switch-track {
        width: 56px;
        height: 30px
    }

    .k-switch-md .k-switch-thumb {
        width: 24px;
        height: 24px
    }

    .k-switch-md.k-switch-on .k-switch-thumb-wrap {
        left: calc(100% - 15px)
    }

    .k-switch-md.k-switch-off .k-switch-thumb-wrap {
        left: 15px
    }

    .k-switch-md[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-md .k-switch-label-on, .k-rtl .k-switch-md .k-switch-label-on {
        left: auto
    }

    .k-switch-md[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-md .k-switch-label-off, .k-rtl .k-switch-md .k-switch-label-off {
        right: auto
    }

    .k-switch-md[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
        left: 15px
    }

    .k-switch-md[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
        left: calc(100% - 15px)
    }

.k-switch-lg {
    width: 64px;
    height: 34px;
    font-size: unset
}

    .k-switch-lg .k-switch-track {
        width: 64px;
        height: 34px
    }

    .k-switch-lg .k-switch-thumb {
        width: 28px;
        height: 28px
    }

    .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
        left: calc(100% - 17px)
    }

    .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
        left: 17px
    }

    .k-switch-lg[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on {
        left: auto
    }

    .k-switch-lg[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off {
        right: auto
    }

    .k-switch-lg[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
        left: 17px
    }

    .k-switch-lg[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
        left: calc(100% - 17px)
    }

/*Telerik uprava pre daterengepicker*/
.k-daterangepicker {
    display: flex !important;
    gap: 0 !important;
    padding: 0 !important;
}

    .k-daterangepicker .k-floating-label-container {
        margin: 0 !important;
    }

.k-daterangepicker-wrap {
    padding: 0 !important;
}

.daterangepicker-group {
    width: 74% !important;
}