/*@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Ubuntu:wght@400;500;700&display=swap");
@import url("//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&subset=latin-ext");
*/
/*$bs-default-color: #005BAC;*/
/*$bs-default-color-dark: #004F96;*/
/*$menu-hover: #F3C613;*/
/*$grays: ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900, ) !default;*/
/*$colors: ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800, ) !default;*/
/*@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Ubuntu:wght@400;500;700&display=swap");
@import url("//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&subset=latin-ext");
*/
/*$bs-default-color: #005BAC;*/
/*$bs-default-color-dark: #004F96;*/
/*$menu-hover: #F3C613;*/
/*$grays: ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900, ) !default;*/
/*$colors: ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800, ) !default;*/
/*------------------------------------------------------------*/
.k-grid .k-grid-search {
  display: flex;
  flex-grow: 1;
}
.k-grid .k-spacer {
  flex-grow: 0;
}

.k-pager-sizes.k-label > span {
  width: 80px !important;
}

.k-pager-numbers .k-link.k-state-selected {
  background-color: #055BBB !important;
}

.k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist,
.k-pager-md .k-pager-sizes > select {
  width: 7em;
}

.k-grid .btn:not(.btn-light):not([class*=btn-soft-]) i {
  color: white !important;
}

.k-button-solid-primary {
  background-color: #055BBB !important;
}

.k-group-indicator {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*.k-input-inner,
.k-picker-md .k-input-inner
{
	padding: 4px 8px !important;
	line-height: 14px;
}

.k-picker-sm .k-input-inner
{
	padding: 0px 8px !important;
	line-height: 14px;
}*/
.k-calendar-view {
  width: auto !important;
}

.k-calendar-monthview {
  padding: 3px !important;
}

.inline-edit .k-datetimepicker input.k-input-inner {
  padding: 3px !important;
  font-size: 13px;
}

.k-widget.k-window.k-display-inline-flex.k-state-focused {
  width: 650px !important;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-window-titlebar.k-hstack {
  padding: 2px !important;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-window-titlebar.k-hstack .k-window-title {
  font-size: 14px;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-window-titlebar.k-hstack .k-window-actions k-hstack {
  padding: 0px !important;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-viewhtml-dialog.k-window-content {
  overflow: hidden;
  padding: 5px;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-viewhtml-dialog.k-window-content .k-textarea {
  margin: 5px !important;
  width: auto !important;
  font-size: 12px;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-viewhtml-dialog.k-window-content .k-textarea .k-input-inner {
  padding: 0px !important;
  line-height: 16px;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-viewhtml-dialog.k-window-content .k-edit-buttons {
  margin: 0 0 5px 0 !important;
}
.k-widget.k-window.k-display-inline-flex.k-state-focused .k-viewhtml-dialog.k-window-content .k-edit-buttons button {
  padding: 5px !important;
  font-size: 10px;
}

.k-svg-icon {
  width: 18px !important;
}

.k-listbox.consolas .k-list-item {
  font-family: "Consolas", monospace;
}

.k-listbox .k-listbox-actions {
  row-gap: 8px !important;
}

.k-column-title {
  flex-shrink: 0;
  flex-grow: 1;
}

/*@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Ubuntu:wght@400;500;700&display=swap");
@import url("//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&subset=latin-ext");
*/
/*$bs-default-color: #005BAC;*/
/*$bs-default-color-dark: #004F96;*/
/*$menu-hover: #F3C613;*/
/*$grays: ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900, ) !default;*/
/*$colors: ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800, ) !default;*/
/*$main-nav-link-hover-bg: lighten($default-color, 52%) !default;*/
/*$main-nav-submenu-bg: lighten($default-color, 56%) !default;*/
/*$main-nav-submenu-bg: #F2F9FF !default;*/
/********************************************/
/********************************************/
.nav-main {
  padding-left: 0;
  list-style: none;
  /*----------------------------------------*/
  /*----------------------------------------*/
  /*----------------------------------------*/
  /*----------------------------------------*/
  /*----------------------------------------*/
}
.nav-main > .nav-main-item.active > a {
  background-color: #055BBB;
}
.nav-main > .nav-main-item.active > a .nav-main-link,
.nav-main > .nav-main-item.active > a .nav-main-link-icon,
.nav-main > .nav-main-item.active > a .nav-main-link-name {
  color: white !important;
}
.nav-main > .nav-main-item.active > a:hover {
  background-color: #0667d4;
}
.nav-main > .nav-main-item.b-light > a {
  border-left: 5px solid #D8DDEE;
}
.nav-main > .nav-main-item.light > a {
  background-color: #F1F3F9;
}
.nav-main > .nav-main-item.light > a:hover {
  background-color: #E2EEFE;
}
.nav-main > .nav-main-item.b-light > a {
  border-left: 5px solid #D8DDEE;
}
.nav-main > .nav-main-item.primary > a {
  border-left: 5px solid #055BBB;
}
.nav-main > .nav-main-item.primary > a {
  background-color: #055BBB;
}
.nav-main > .nav-main-item.primary > a > i, .nav-main > .nav-main-item.primary > a span {
  color: white;
}
.nav-main > .nav-main-item.primary > a.nav-main-link-submenu:after, .nav-main > .nav-main-item.primary > a.nav-main-link-submenu:before {
  color: white;
}
.nav-main > .nav-main-item.b-info > a {
  border-left: 5px solid #4BA6EF;
}
.nav-main > .nav-main-item.info > a {
  background-color: #4BA6EF !important;
}
.nav-main > .nav-main-item.info > a > i, .nav-main > .nav-main-item.info > a span {
  color: white;
}
.nav-main > .nav-main-item.info > a.nav-main-link-submenu:after, .nav-main > .nav-main-item.info > a.nav-main-link-submenu:before {
  color: white;
}
.nav-main > .nav-main-item.b-danger > a {
  border-left: 5px solid #FD625E;
}
.nav-main > .nav-main-item.danger > a {
  background-color: #FD625E;
}
.nav-main > .nav-main-item.danger > a:hover {
  background-color: #D75350;
}
.nav-main > .nav-main-item.danger > a > i, .nav-main > .nav-main-item.danger > a span {
  color: white;
}
.nav-main > .nav-main-item.danger > a.nav-main-link-submenu:after, .nav-main > .nav-main-item.danger > a.nav-main-link-submenu:before {
  color: white;
}
.nav-main > .nav-main-item.b-success > a {
  border-left: 5px solid #2AB57D;
}
.nav-main > .nav-main-item.success > a {
  background-color: #2AB57D;
}
.nav-main > .nav-main-item.success > a:hover {
  background-color: #249A6A;
}
.nav-main > .nav-main-item.success > a > i, .nav-main > .nav-main-item.success > a span {
  color: white;
}
.nav-main > .nav-main-item.success > a.nav-main-link-submenu:after, .nav-main > .nav-main-item.success > a.nav-main-link-submenu:before {
  color: white;
}
.nav-main > .nav-main-item.b-warning > a {
  border-left: 5px solid #FFBF53;
}
.nav-main > .nav-main-item.warning > a {
  background-color: #FFBF53 !important;
}
.nav-main > .nav-main-item.warning > a > i, .nav-main > .nav-main-item.warning > a span {
  color: white;
}
.nav-main > .nav-main-item.warning > a.nav-main-link-submenu:after, .nav-main > .nav-main-item.warning > a.nav-main-link-submenu:before {
  color: white;
}

.nav-main-heading {
  padding-top: 1.5rem;
  padding-bottom: 0.2rem;
  padding-left: 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  color: #666d73;
}

.nav-main-link {
  position: relative;
  display: flex;
  align-items: center;
  /*padding: .5rem .625rem;*/
  padding: 0.4rem 0.525rem;
  margin: 2px 0;
  min-height: 2.1rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 1rem;
  /*letter-spacing: .0125em;*/
  color: #2a2d30;
  /*border-radius: $border-radius-sm;*/
  border-radius: 0;
}
.nav-main-link .nav-main-link-icon {
  flex: 0 0 auto;
  display: inline-block;
  margin-right: 0.625rem;
  min-width: 1.25rem;
  font-size: 0.9rem;
  text-align: center;
  color: rgba(5, 91, 187, 0.7);
}
.nav-main-link .nav-main-link-name {
  flex: 1 1 auto;
  display: inline-block;
  max-width: 100%;
}
.nav-main-link .nav-main-link-badge {
  flex: 0 0 auto;
  display: inline-block;
  margin-left: 0.625rem;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  font-size: 0.75rem;
  min-width: 1.5rem;
}
.nav-main-link:hover, .nav-main-link.active {
  color: #000000;
  background-color: #E2EEFE;
}
.nav-main-link.nav-main-link-submenu {
  padding-right: 2rem;
}
.nav-main-link.nav-main-link-submenu::before, .nav-main-link.nav-main-link-submenu::after {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  display: block;
  margin-top: -0.5rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: opacity 0.3s cubic-bezier(0.2, 0.61, 0.42, 0.97), transform 0.3s cubic-bezier(0.2, 0.61, 0.42, 0.97);
}
.nav-main-link.nav-main-link-submenu::before {
  content: "\f107";
  opacity: 0.3;
}
.nav-main-link.nav-main-link-submenu::after {
  content: "\f106";
  opacity: 0;
  transform: translateY(-0.625rem);
}

.nav-main-link.disabled,
.nav-main-link:disabled {
  color: rgba(0, 0, 0, 0.3) !important;
  pointer-events: none !important;
  cursor: default !important;
}
.nav-main-link.disabled .nav-main-link-icon,
.nav-main-link:disabled .nav-main-link-icon {
  color: rgba(0, 0, 0, 0.3) !important;
}
.nav-main-link.disabled .nav-main-link-name,
.nav-main-link:disabled .nav-main-link-name {
  color: rgba(0, 0, 0, 0.3) !important;
}

.nav-main-submenu {
  padding-left: 2.5rem;
  list-style: none;
  height: 0;
  overflow: hidden;
  background-color: white;
}
.nav-main-submenu .nav-main-separator {
  height: 0;
  margin: 4px 0;
  overflow: hidden;
  border-top: 1px solid #E9E9EF;
  opacity: 1;
}
.nav-main-submenu .nav-main-item {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.2, 0.61, 0.42, 0.97), transform 0.3s cubic-bezier(0.2, 0.61, 0.42, 0.97);
  transform: translateX(1rem);
}
.nav-main-submenu .nav-main-heading {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.nav-main-submenu .nav-main-link {
  margin: 0;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0;
  font-size: 0.8125rem;
  min-height: 2rem;
  color: #4e5358;
}
.nav-main-submenu .nav-main-link:hover, .nav-main-submenu .nav-main-link.active {
  color: #0c0d0e;
  background-color: #E2EEFE !important;
}
.nav-main-submenu .nav-main-submenu {
  padding-left: 0.75rem;
}

.nav-main-item.open > .nav-main-link-submenu {
  color: #000000;
  background-color: #E2EEFE;
}
.nav-main-item.open > .nav-main-link-submenu::before {
  opacity: 0;
  transform: translateY(0.625rem);
}
.nav-main-item.open > .nav-main-link-submenu::after {
  opacity: 0.6;
  transform: translateY(0);
}
.nav-main-item.open > .nav-main-submenu {
  height: auto;
  margin-top: -2px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.nav-main-item.open > .nav-main-submenu > .nav-main-item {
  opacity: 1;
  transform: translateX(0);
}

.nav-main-submenu .nav-main-item.open .nav-main-link {
  background-color: transparent;
}

@media (min-width: 992px) {
  .nav-main-horizontal {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .nav-main-horizontal .nav-main-heading {
    display: none;
  }
  .nav-main-horizontal > .nav-main-item {
    position: relative;
    display: inline-block;
  }
  .nav-main-horizontal > .nav-main-item:not(:last-child) {
    margin-right: 0.25rem;
  }
  .nav-main-horizontal .nav-main-submenu {
    position: absolute;
    left: 0;
    /*width: 270px;*/
    width: 250px;
    padding-left: 0;
    z-index: 995;
    box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.08);
  }
  .nav-main-horizontal .nav-main-submenu.nav-main-submenu-right {
    left: auto !important;
    right: 0 !important;
  }
  .nav-main-horizontal .nav-main-submenu .nav-main-link.nav-main-link-submenu::before {
    content: "\f105";
  }
  .nav-main-horizontal .nav-main-submenu .nav-main-link.nav-main-link-submenu::after {
    content: "\f104";
  }
  .nav-main-horizontal .nav-main-submenu .nav-main-item {
    transform: translateY(-0.5rem);
  }
  .nav-main-horizontal .nav-main-submenu .nav-main-link {
    padding-left: 1rem;
  }
  .nav-main-horizontal .nav-main-item.open > .nav-main-submenu {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: visible;
  }
  .nav-main-horizontal .nav-main-item.open > .nav-main-submenu > .nav-main-item {
    transform: translateY(0);
  }
  .nav-main-horizontal .nav-main-submenu .nav-main-submenu {
    top: -0.5rem;
    left: auto;
    right: -100%;
    margin-top: 0;
  }
  .nav-main-horizontal.nav-main-horizontal-center {
    justify-content: center;
  }
  .nav-main-horizontal.nav-main-horizontal-justify > .nav-main-item {
    flex: 1 1 auto;
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu {
    color: #000000;
    background-color: #E2EEFE;
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu::before {
    opacity: 0;
    transform: translateY(0.625rem);
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu::after {
    opacity: 0.6;
    transform: translateY(0);
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-submenu {
    height: auto;
    margin-top: -2px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: visible;
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-submenu .nav-main-submenu {
    margin-top: 0;
  }
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-submenu > .nav-main-item {
    opacity: 1;
    transform: translateY(0);
  }
}
.nav-main-dark .nav-main-heading,
.sidebar-dark #sidebar .nav-main-heading,
.page-header-dark #page-header .nav-main-heading,
.dark-mode #side-overlay .nav-main-heading,
.dark-mode #main-container .nav-main-heading {
  color: #697896;
}
.nav-main-dark .nav-main-link,
.sidebar-dark #sidebar .nav-main-link,
.page-header-dark #page-header .nav-main-link,
.dark-mode #side-overlay .nav-main-link,
.dark-mode #main-container .nav-main-link {
  color: #b4bccb;
}
.nav-main-dark .nav-main-link > .nav-main-link-icon,
.sidebar-dark #sidebar .nav-main-link > .nav-main-link-icon,
.page-header-dark #page-header .nav-main-link > .nav-main-link-icon,
.dark-mode #side-overlay .nav-main-link > .nav-main-link-icon,
.dark-mode #main-container .nav-main-link > .nav-main-link-icon {
  color: #546078;
}
.nav-main-dark .nav-main-link:hover, .nav-main-dark .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-link.active,
.page-header-dark #page-header .nav-main-link:hover,
.page-header-dark #page-header .nav-main-link.active,
.dark-mode #side-overlay .nav-main-link:hover,
.dark-mode #side-overlay .nav-main-link.active,
.dark-mode #main-container .nav-main-link:hover,
.dark-mode #main-container .nav-main-link.active {
  color: white;
  background-color: #21252f;
}
.nav-main-dark .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-submenu,
.page-header-dark #page-header .nav-main-submenu,
.dark-mode #side-overlay .nav-main-submenu,
.dark-mode #main-container .nav-main-submenu {
  background-color: #242933;
}
.nav-main-dark .nav-main-submenu .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-link,
.dark-mode #side-overlay .nav-main-submenu .nav-main-link,
.dark-mode #main-container .nav-main-submenu .nav-main-link {
  color: #96a1b6;
}
.nav-main-dark .nav-main-submenu .nav-main-link:hover, .nav-main-dark .nav-main-submenu .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link.active,
.page-header-dark #page-header .nav-main-submenu .nav-main-link:hover,
.page-header-dark #page-header .nav-main-submenu .nav-main-link.active,
.dark-mode #side-overlay .nav-main-submenu .nav-main-link:hover,
.dark-mode #side-overlay .nav-main-submenu .nav-main-link.active,
.dark-mode #main-container .nav-main-submenu .nav-main-link:hover,
.dark-mode #main-container .nav-main-submenu .nav-main-link.active {
  color: white;
  background-color: transparent;
}
.nav-main-dark .nav-main-item.open > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-item.open > .nav-main-link-submenu,
.dark-mode #side-overlay .nav-main-item.open > .nav-main-link-submenu,
.dark-mode #main-container .nav-main-item.open > .nav-main-link-submenu {
  color: white;
  background-color: #21252f;
}
.nav-main-dark .nav-main-item.open > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-item.open > .nav-main-submenu,
.dark-mode #side-overlay .nav-main-item.open > .nav-main-submenu,
.dark-mode #main-container .nav-main-item.open > .nav-main-submenu {
  background-color: #242933;
}
.nav-main-dark .nav-main-submenu .nav-main-item.open .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-item.open .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-item.open .nav-main-link,
.dark-mode #side-overlay .nav-main-submenu .nav-main-item.open .nav-main-link,
.dark-mode #main-container .nav-main-submenu .nav-main-item.open .nav-main-link {
  background-color: transparent;
}

@media (min-width: 992px) {
  .nav-main-dark.nav-main-horizontal .nav-main-heading,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-heading,
.page-header-dark #page-header .nav-main-horizontal .nav-main-heading {
    color: rgba(255, 255, 255, 0.5);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link {
    color: rgba(255, 255, 255, 0.75);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link > .nav-main-link-icon,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link > .nav-main-link-icon,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link > .nav-main-link-icon {
    color: rgba(255, 255, 255, 0.4);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link:hover, .nav-main-dark.nav-main-horizontal .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link.active,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
    color: white;
    background-color: #20242d;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.nav-main-dark.nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu {
    color: white;
    background-color: #20242d;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.nav-main-dark.nav-main-horizontal .nav-main-item:hover > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu {
    background-color: #20242d;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link,
.page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
    background-color: transparent;
  }

  .page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover, .page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
    background-color: #161920;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu {
    background-color: #161920;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu {
    background-color: #161920;
  }
  .page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .nav-main-horizontal.nav-main-hover .nav-main-item:hover > .nav-main-link-submenu {
    color: #000000;
    background-color: #E2EEFE;
  }
}
@media (min-width: 992px) {
  .nav-main-dark.nav-main-horizontal .nav-main-heading,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-heading,
.page-header-dark #page-header .nav-main-horizontal .nav-main-heading {
    color: rgba(255, 255, 255, 0.5);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link {
    color: rgba(255, 255, 255, 0.75);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link > .nav-main-link-icon,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link > .nav-main-link-icon,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link > .nav-main-link-icon {
    color: rgba(255, 255, 255, 0.4);
  }
  .nav-main-dark.nav-main-horizontal .nav-main-link:hover, .nav-main-dark.nav-main-horizontal .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-link.active,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link:hover,
.page-header-dark #page-header .nav-main-horizontal .nav-main-link.active {
    color: white;
    background-color: #20242d;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.nav-main-dark.nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-link-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-link-submenu {
    color: white;
    background-color: #20242d;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.nav-main-dark.nav-main-horizontal .nav-main-item:hover > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item.open > .nav-main-submenu,
.page-header-dark #page-header .nav-main-horizontal .nav-main-item:hover > .nav-main-submenu {
    background-color: #20242d;
  }
  .nav-main-dark.nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link,
.sidebar-dark #sidebar .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link,
.page-header-dark #page-header .nav-main-horizontal .nav-main-submenu .nav-main-item:hover .nav-main-link {
    background-color: transparent;
  }
}
:root {
  --bs-font-sans-serif: "Poppins", sans-serif;
  /*--bs-body-font-size: 0.8125rem;*/
  --bs-body-line-height: 1.3;
  --vs-font-size: .875rem;
  --dp-font-size: .875rem;
  --dp-font-family: "Poppins", sans-serif;
  --admin-default-color: #055BBB;
  --admin-default-color-light: #ECF4FE;
  /*--card-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);*/
}

/*html, body
{
	min-height: 100%;

}
*/
/*#layout-wrapper
{
	align-items: stretch;
}
*/
.ajax-load-panel {
  background: inherit;
}

.main-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.main-content.full-width {
  margin-left: 0 !important;
}
.main-content .content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.main-content .content .page-content {
  flex-grow: 1;
}

.fx {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.page-title-right {
  background: inherit;
}

.field-validation-error,
.field-validation-error2 {
  display: block;
  color: #FD625E;
  background-color: #FFF2F1;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 500;
  border-left: 2px solid #FD625E;
}

.input-validation-error {
  border-left: 2px solid #FD625E;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.validation-summary-errors ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.alert .field-validation-error {
  /*		background-color: transparent;
  		color: #B21016;
  		font-size: 13px;
  		border: 0px;
  		padding: 6px 4px;
  */
  color: #FD625E;
  background-color: #FFF2F1;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 500;
  border-left: 2px solid #FD625E;
}

.alertpanel {
  padding: 15px;
  color: white;
  margin-bottom: 20px;
  background-color: #E53321;
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.alertpanel.noshadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.alertpanel_dark {
  padding: 15px;
  color: white;
  margin-bottom: 20px;
  background-color: #bd2516;
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.warningpanel {
  padding: 8px;
  color: white;
  margin-bottom: 15px;
  font-size: 13px;
  background-color: #EE602C;
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.dropshadow {
  -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.bg-red {
  background-color: #dc3545 !important;
}

.bg-danger-dark {
  background-color: #FC3530 !important;
}

.bg-info-light {
  background-color: #F5FAFF;
}

.bg-info-light-2 {
  background-color: #E2EEFE;
}

.bg-info-light-3 {
  background-color: #F0F8FE;
}
.bg-info-light-3.bordered {
  border: 1px solid #E2EEFE;
  padding: 5px;
  border-radius: 4px;
}

.bg-info-light-4,
.bg-info-light-4 > td {
  background-color: #F7FBFF !important;
}

.bg-primary-dark {
  background-color: #055BBB;
}

.bg-white {
  background-color: white !important;
}

.bg-gray-100 {
  background-color: #fbfbfb;
}

.bg-gray-200 {
  background-color: #f9f9fa;
}

.bg-gray-300 {
  background-color: #e4e6ef;
}

.bg-gray-400 {
  background-color: #d0d3db;
}

.bg-gray-500 {
  background-color: #c1c3ce;
}

.bg-gray-600 {
  background-color: #9aa0a6;
}

.bg-gray-700 {
  background-color: #2e2e2e;
}

.bg-gray-800 {
  background-color: #2e2e2e;
}

.bg-gray-900 {
  background-color: #1e2022;
}

.scrollable-y {
  overflow-y: auto;
}

.scrollable-x {
  overflow-x: auto;
}

.right-bar > div {
  height: 100%;
  display: grid;
}

#searchForm #searchText {
  font-size: 13px !important;
}
#searchForm #searchText:focus {
  border-color: #E9E9EF !important;
}
#searchForm a[data-toggle=collapse] {
  position: relative;
}
#searchForm .results-container {
  padding: 5px;
}
#searchForm .results-container .results .result-item {
  padding: 5px;
  display: block;
  background-color: #f9f9fa;
  margin-bottom: 4px;
  color: #545a6d;
  border: 1px solid #e4e6ef;
}
#searchForm .results-container .results .result-item.selected, #searchForm .results-container .results .result-item:hover {
  background-color: #e4e6ef !important;
}
#searchForm .results-container .results .result-item table {
  width: 100%;
}
#searchForm.active {
  right: 0;
}
#searchForm .group-header {
  background-color: #F8F9FC;
  padding: 5px 3px;
  font-weight: 500;
  color: #1D252F;
}
#searchForm .lightYellow {
  color: #ffe7a0;
}
#searchForm .lightBlue {
  color: #055BBB;
}

.search-group-header,
.divider {
  margin: 10px 0;
  display: grid;
}
.search-group-header *,
.divider * {
  grid-column: 1;
  grid-row: 1;
  z-index: 0;
}
.search-group-header hr,
.divider hr {
  margin: 12px 0;
  color: #c1c3ce;
  border-color: #c1c3ce;
}
.search-group-header hr.dashed,
.divider hr.dashed {
  border-style: dashed;
}
.search-group-header div,
.divider div {
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
}
.search-group-header div.left,
.divider div.left {
  text-align: left;
}
.search-group-header div *,
.divider div * {
  padding: 0 10px;
  z-index: 1;
}
.search-group-header div strong,
.divider div strong {
  background-color: white;
}

.overlay {
  display: none;
  opacity: 0.85;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  z-index: 10000;
  top: 0;
  left: 0;
  position: fixed;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.card {
  margin-bottom: 10px;
}
.card.flex-row {
  flex-direction: row !important;
}
.card.panel {
  padding: 6px 10px;
}
.card.panel-2 {
  padding: 10px 10px;
}
.card.save {
  background-color: #F5FAFF;
  /*background-color: #FDF7EB;*/
  /*background-color: $gray-300;*/
}
.card.darker {
  border-color: #DCDCE6;
}
.card.colored .card-header,
.card.colored .card-footer {
  background-color: #E2EEFE;
}
.card.grey {
  background-color: #f9f9fa;
}
.card.grey-100 {
  background-color: #fbfbfb;
}
.card .card-header.card-header-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-link.tab-has-error:not(.active) {
  background-color: #FFEFEF !important;
  color: #FD625E !important;
}

.nav-link.tab-has-error.active {
  background-color: #FD625E !important;
  color: white !important;
}

.card-header-pills {
  gap: 2px;
}
.card-header-pills a.nav-link {
  background-color: #ECF4FE;
}

.bg-default-color-4 {
  background-color: #F5FAFF;
}

/*--------------------------------------------------------*/
td.bold {
  font-weight: 700 !important;
}

#content-top {
  /*background-color: #F5FAFF;*/
  background-color: #F8F9FC;
  /*border-bottom: 1px solid #E9E9EF;*/
}
#content-top .page-title-box {
  padding: 15px 15px;
}
#content-top .breadcrumb {
  font-size: 12px;
}
#content-top .page-toolbar {
  display: flex;
  background-color: white;
  padding: 10px 15px;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
#content-top .page-toolbar .btn {
  font-size: 11px;
  text-transform: uppercase;
}

.page-content {
  padding: 15px 15px 10px 15px;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.k-picker {
  background-color: #F8F9FA !important;
}
.k-picker .k-icon-button {
  margin-top: 4px;
}

.k-datepicker .k-input-button, .k-input-button.k-button {
  min-height: calc(1.4285714286em + 18px) !important;
}

.help-block {
  display: block;
  font-size: 11px;
  margin-top: 4px;
}

input[type=checkbox]:not(.normal):not(.k-checkbox) {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3);
  /* IE */
  -moz-transform: scale(1.3);
  /* FF */
  -webkit-transform: scale(1.3);
  /* Safari and Chrome */
  -o-transform: scale(1.3);
  /* Opera */
  /*padding: 10px;*/
}

input[type=radio].form-check-input.transform {
  transform: matrix(1.3, 0, 0, 1.3, 0, 0);
}

.form-check.middle {
  padding-top: calc(0.47rem + 1px);
  padding-bottom: calc(0.47rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.hr-line-dashed {
  border-top: 1px dashed #E9E9EF !important;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0 12px 0;
}

.hr-line-solid {
  border-top: 1px solid #E9E9EF !important;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0 12px 0;
}

input::placeholder {
  font-weight: 400 !important;
  color: #d0d3db !important;
}

.layout-select a {
  display: inline-flex;
  border: 2px solid transparent;
}
.layout-select a:hover {
  border: 2px solid #d0d3db !important;
}

.layout-container {
  background-color: #F8F9FA;
  border: 1px solid #E9E9EF;
  padding: 10px;
}

.text-default {
  color: #545a6d !important;
}

.text-black {
  color: black !important;
}

.breadcrumb.text-dark li, .breadcrumb.text-dark a {
  color: #1D252F !important;
}

.toolbar {
  background-color: #f9f9fa;
  border: 1px solid #e4e6ef;
  border-radius: 4px;
  padding: 8px;
  display: flex;
  gap: 0.25rem;
  justify-content: start;
}
.toolbar input.form-control {
  background-color: white;
}
.toolbar.boxed {
  background-color: #f9f9fa;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #e4e6ef;
}
.toolbar.boxed.blue {
  background-color: #EDF6FD;
}
.toolbar.small {
  border-radius: 0;
  padding: 4px;
}

.btn-light.btn-border {
  border: 1px solid #e4e6ef;
}
.btn-light.show {
  color: #1D252F;
  background-color: #e4e6ef;
}

.item-list li.active a {
  background-color: rgba(122, 127, 220, 0.075);
  border-color: transparent;
  font-weight: 500;
}
.item-list.roles li.active a {
  background-color: #055BBB !important;
  border-color: transparent;
  color: white !important;
  font-weight: 500;
}
.item-list.roles li.active a .badge {
  color: #055BBB;
  background-color: white;
}
.item-list li a {
  display: flex;
  align-items: top;
  gap: 10px;
  padding: 10px 10px;
  color: #545a6d;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-bottom: 1px solid #e9e9ef;
  position: relative;
}
.item-list li a:hover {
  background-color: rgba(122, 127, 220, 0.075);
  border-color: transparent;
}

.--hover-light:hover {
  background-color: rgba(122, 127, 220, 0.075);
  border-color: transparent;
}

.--hover-dark:hover {
  filter: brightness(0.95);
}

textarea.form-control:focus,
input.form-control:focus {
  /*background-color: white !important;*/
  background-color: #FFF9EF !important;
}

.bg-yellow-light {
  background-color: #FFF9EF;
}

.bg-yellow-light2 {
  background-color: #FFFFE0;
}

.card-header h6 {
  margin: 0;
}

thead.table-light.answers th {
  background-color: #F5FAFF !important;
  font-weight: 500;
}

.service-info {
  background-color: #DBF1E8;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  gap: 5px;
  color: #545a6d;
}
.service-info.closed {
  background-color: #FED8D7;
}
.service-info.info {
  font-size: 11px;
  background-color: #E2EEFE;
  padding: 5px 15px;
}

a.smalllink {
  font-size: 10px;
  color: #3498DB !important;
  text-decoration: none;
}
a.smalllink.f12 {
  font-size: 12px;
}
a.smalllink:hover {
  text-decoration: underline;
}

.alert.alert-danger h3, .alert.alert-danger h4, .alert.alert-danger h5, .alert.alert-danger h6 {
  color: #AF4743;
}
.alert.alert-sm {
  padding: 5px 10px;
  font-size: 0.9em;
}
.alert.alert-lg {
  padding: 20px;
  font-size: 1.2em;
}
.alert.alert-info-light {
  border-color: #B7DBF9;
  background-color: #E9F4FD;
  color: #055BBB;
}
.alert.alert-danger-alt {
  background-color: #FFF2F1;
  border: 1px solid #FD625E;
  color: #FD625E;
}
.alert.alert-danger-alt h3, .alert.alert-danger-alt h4, .alert.alert-danger-alt h5, .alert.alert-danger-alt h6 {
  color: #FD625E;
}

#image_area {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 4px;
}

ul.infoitem-list li {
  padding: 2px 10px;
  color: #545a6d;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-bottom: 1px solid #e9e9ef;
  position: relative;
}
ul.infoitem-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
ul.infoitem-list li dl {
  margin-bottom: 0px !important;
}
ul.infoitem-list li dl dt {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
ul.infoitem-list li dl dd {
  display: block;
  text-align: right;
  margin-bottom: 0;
  margin-top: 5px;
}
ul.infoitem-list.infoitem-list2 li dl {
  line-height: 16px;
}
ul.infoitem-list.infoitem-list2 li dl dt, ul.infoitem-list.infoitem-list2 li dl dd {
  padding: 3px 0;
}

.info-table td {
  vertical-align: middle;
}
.info-table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0px;
}

.btn-light.dropdown-toggle-split {
  background-color: #d0d3db;
}

.jellemzok {
  margin-top: 8px;
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}

.listbox {
  height: 300px;
}
.listbox .k-list-scroller {
  overflow-y: hidden;
}
.listbox .k-listbox-toolbar li {
  margin-bottom: 8px;
  margin-top: 0px !important;
}

/*.wordwrap
{
	white-space: pre-wrap !important;

	.k-link
	{
		text-wrap: normal !important;
		overflow: hidden !important;
		white-space: pre-wrap !important;
		word-wrap: normal !important;

		.k-column-title
		{
			word-wrap: normal !important;
			white-space: normal !important;
			text-wrap: normal !important;
		}
	}
}
*/
.regtypedetails {
  border-left: 3px solid #A8D1F7;
}
.regtypedetails.dark {
  border-left: 3px solid #2673B8;
}
.regtypedetails th {
  border-color: #DEE2E6 !important;
}

.empty-info {
  color: #545a6d;
  padding: 3rem 2rem 2rem;
  margin: 1rem auto;
  font-family: "Poppins", serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.5rem;
  text-align: center;
  border: dotted 1px #d0d3db;
  background-color: #fbfbfb;
  /*background-color: #FFFEEB;*/
}
.empty-info.small {
  padding: 0.3rem;
  margin: 1rem 0 0 0;
}
.empty-info.scroll {
  overflow-y: auto;
}

.k-grid td.grid-actions {
  overflow: visible;
}
.k-grid td.grid-actions li {
  display: flex;
  flex-direction: row;
}
.k-grid td.grid-actions li a {
  padding: 4px 8px;
  text-transform: uppercase;
}
.k-grid td.grid-actions li.dropdown-divider {
  margin: 4px 0;
}

.userlink {
  text-decoration: none;
}
.userlink:hover table {
  background-color: #F5FAFF;
}

.formgrouperror {
  border-left: 6px solid #FD625E;
}

.tab-has-error {
  /*color: white !important;*/
  /*background-color: #FD625E !important;*/
  border-bottom: 4px solid #FD625E !important;
  border-right: none !important;
  /*	.nav-link{
  		background-color: transparent !important;
  	}
  */
}

.k-list-item-text {
  width: 100% !important;
}

.tabTitle {
  margin-bottom: 30px;
}

.bb-light {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

div.form-control-plaintext {
  display: inherit !important;
  width: auto !important;
}

a.roommatelink {
  color: #676a6c;
  text-decoration: none;
  display: block;
  margin-bottom: 3px;
}
a.roommatelink:hover {
  color: white;
  padding: 0px 2px;
  background-color: #676a6c !important;
  text-decoration: none;
}

a.link {
  color: #055BBB;
  text-decoration: none;
}
a.link:hover {
  text-decoration: underline !important;
  color: #1D252F;
}

a.default {
  color: #545a6d;
  text-decoration: none;
}

.danger-line {
  border: 1px dashed #E04F1A;
  background-color: #FCEAE4;
  color: #E04F1A;
  font-size: 12px;
  padding: 4px 6px;
}

.warning-line {
  border: 1px dashed #E69F17;
  background-color: #F8E4BC;
  color: #A57211;
  font-size: 12px;
  padding: 4px 6px;
}

.st {
  text-decoration: line-through !important;
  text-decoration-color: red !important;
}

.reginvoice > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dfbc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.dfbc-r {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.dfbt,
.dfbs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}

.dfbe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}

.dfc {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dfs {
  display: flex;
  flex-direction: row;
  align-items: start;
}

.dfss {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
}

.dfcs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}

.dfce {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}

.dfe {
  display: flex;
  flex-direction: row;
  align-items: end;
}

.editableinput {
  color: #055BBB;
}

.alertrow {
  padding: 7px 15px;
  background-color: var(--bs-danger);
  color: white;
}

.inforow {
  padding: 7px 15px;
  background-color: var(--bs-info);
  color: white;
}

.table-md > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
}

.border-left-success {
  border-left: 3px solid var(--bs-success);
}

.border-left-primary {
  border-left: 3px solid var(--bs-primary);
}

.border-left-info {
  border-left: 3px solid var(--bs-info);
}

.border-left-info-light {
  border-left: 3px solid #E2EEFE;
}

.border-left-grey {
  border-left: 3px solid #C8CAD2;
}

.border-left-danger {
  border-left: 3px solid var(--bs-danger);
}

.metismenu li.divider {
  border-top: 1px solid #E9E9EF;
  margin: 2px 0;
}

.k-list-item-text {
  display: flex;
}
.k-list-item-text:has(.bordered) {
  border-bottom: 1px solid #e4e6ef !important;
  padding: 2px 0 4px 0;
}

li a.badged {
  display: flex !important;
  align-items: center;
}
li a.badged .badge {
  margin-left: auto !important;
}

.draghandler:hover {
  cursor: move;
}

.flex-parent {
  display: flex;
  align-items: start;
}

.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  width: 100%;
}

.navbar2 {
  background-color: #226FC4;
}

#scrollTop {
  z-index: -1;
  opacity: 0;
  position: fixed;
  text-align: center;
  line-height: 12px !important;
  right: 26px;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  border-radius: 100px;
  height: 40px;
  width: 40px;
  background-color: rgba(0, 0, 0, 0.25);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
  transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
  background-color: rgba(0, 0, 0, 0.25) !important;
  overflow: hidden;
}

#scrollTop i {
  line-height: 39px !important;
  width: 39px !important;
  height: 39px !important;
  font-size: 16px !important;
  top: 0px !important;
  left: 0px !important;
  text-align: center !important;
  position: relative;
  z-index: 10;
  background-color: transparent !important;
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  transform: translate(0, 0px);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

#scrollTop:hover {
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
  transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
  background-color: transparent !important;
}

#scrollTop:hover i {
  -webkit-transform: translate(0, -39px) !important;
  -ms-transform: translate(0, -39px) !important;
  transform: translate(0, -39px) !important;
}

#scrollTop:after, #scrollTop:before {
  display: block;
  content: " ";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #2250fc;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  border-radius: 100px;
}

#scrollTop:before {
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  z-index: 2;
}

#scrollTop:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#scrollTop:active:before {
  opacity: 1;
}

.icon-chevron-up:before {
  content: "\e931";
}

.scroll-to-top {
  font-size: 16px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
  transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
  overflow: hidden;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
}
.scroll-to-top i {
  color: #fff;
  margin-top: 8px;
}
.scroll-to-top:hover {
  color: white;
  background: #055BBB !important;
}
.scroll-to-top:hover i {
  color: white;
}
.scroll-to-top:visited {
  color: #fff;
  text-decoration: none;
}

.serverCheckError {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}
.serverCheckError div {
  width: 100%;
  flex-grow: 1;
  display: block;
  background-color: #FD625E;
  margin-top: 1px;
  color: white;
  padding: 5px;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
}

@keyframes bg-animation {
  from {
    background-color: #FFE5BA;
  }
}
.show-bg-animation {
  animation: bg-animation 3s;
}

.badge.acctype {
  font-weight: 400 !important;
}

.bg-warning-light {
  background-color: #FFF7E1;
}

.consolas {
  font-family: Consolas, sans-serif;
}

.historydetails {
  background-color: #FFF7EB;
  padding: 4px;
  margin: 5px 0;
  font-family: Consolas, sans-serif;
  font-size: 10px;
}

.offcanvas-end {
  --bs-offcanvas-width: 500px !important;
}

.modal-dialog-scrollable > .modal-content > form {
  max-height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-dialog-scrollable > .modal-content > form .modal-body {
  overflow-y: auto;
}

.modal-fullscreen.modal-dialog {
  max-width: 99%;
  margin: 0;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  height: 98vh;
  display: flex;
  position: fixed;
  z-index: 100000;
}

#gridToTable .k-widget {
  border-width: 0 !important;
}
#gridToTable .k-grid td {
  border-width: 0 !important;
}
#gridToTable .k-grid th {
  background-color: white !important;
  border-width: 0 !important;
  border-bottom-width: 1px !important;
  color: #B5B4C3;
  font-weight: 600;
  text-transform: uppercase;
}

.bstreeview.noBorder {
  border: none !important;
  border-radius: 0 !important;
}
.bstreeview .selected {
  background-color: #055BBB !important;
  color: white !important;
}
.bstreeview .current span:after {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  display: inline-block;
  padding-left: 10px;
  color: #2CB044;
  vertical-align: middle;
  font-weight: 900;
}

.eval_questions .btn-check:not(:checked) + .btn:hover {
  background-color: #D5D6DC !important;
}
.eval_questions .btn-check:checked + .btn,
.eval_questions .btn.active {
  font-weight: bold;
  color: white;
  background-color: #055BBB;
  border-color: #055BBB;
}

.textbox-div {
  border: 1px solid #E9E9EF;
  background-color: #F8F9FA;
  padding: 15px;
  padding: 0.47rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

pre.json {
  outline: 1px solid #ccc;
  padding: 5px;
  margin: 0px;
  background-color: white;
  font-family: Consolas;
  font-size: 11px;
  line-height: 16px;
}
pre.json .string {
  color: #A31B26;
}
pre.json .number {
  color: #000000;
}
pre.json .boolean {
  color: #0000FF;
}
pre.json .null {
  color: #7A7A7A;
}
pre.json .key {
  color: #437FD9;
}

.btn-xs.btn-label {
  position: relative;
  padding-left: 24px;
  border: none;
  font-size: 11px;
}
.btn-xs.btn-label .label-icon {
  position: absolute;
  width: 24px;
  height: 100%;
  left: 0;
  top: 4;
  background-color: rgba(255, 255, 255, 0.15);
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pointer-event:hover {
  cursor: pointer;
}

.box:hover {
  cursor: pointer;
}
.box.selected {
  background-color: #545a6d;
  color: white;
}
.box.selected div, .box.selected h4 {
  color: white;
}

li.menu-title {
  background-color: #F9F9F9;
  color: #1D252F;
}

div.version {
  background-color: #F5F5F5;
  padding: 3px;
  font-size: 8px;
}

#bsd-footer {
  background-color: white;
  padding: 10px 15px 7px 15px;
  font-size: 10px;
  line-height: 1em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.prepanel {
  color: #545a6d;
  padding: 3rem 2rem 2rem;
  margin: 1rem auto;
  font-family: Consolas, monospace;
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  border: solid 1px #d0d3db;
  background-color: #fbfbfb;
  /*background-color: #FFFEEB;*/
}
.prepanel.small {
  padding: 0.3rem;
  margin: 1rem 0 0 0;
}
.prepanel.scroll {
  overflow-y: auto;
}

.rightbar-overlay {
  backdrop-filter: blur(3px);
}

.table-extra-condensed > thead > tr > th,
.table-extra-condensed > tbody > tr > th,
.table-extra-condensed > tfoot > tr > th,
.table-extra-condensed > thead > tr > td,
.table-extra-condensed > tbody > tr > td,
.table-extra-condensed > tfoot > tr > td {
  padding: 5px;
}

.fi-en {
  background-image: url(../flags/4x3/gb.svg);
}

.fi-en.fis {
  background-image: url(../flags/1x1/gb.svg);
}

.badge-soft-lighterdark {
  color: #2c302e;
  background-color: rgba(44, 48, 46, 0.08);
}

.badge-soft-lighterdark[href]:focus,
.badge-soft-lighterdark[href]:hover {
  color: #2c302e;
  text-decoration: none;
  background-color: rgba(44, 48, 46, 0.2);
}

.reg_comment_row {
  font-size: 9px;
  color: #005BAC;
  background-color: #F5F9FF;
  padding: 2px 4px;
  margin-top: 2px;
  white-space: pre;
  /*border: 1px dotted #93CAF5;*/
}

.row.hasError {
  border-left: 3px solid #FD625E !important;
  padding: 4px 0;
  background-color: #FFE7E5;
}

.svg-container {
  border: 5px solid #647EBA;
}
.svg-container > div {
  border: 10px solid #EDF0F7;
}
.svg-container > div svg {
  max-width: 100%;
  height: auto;
  /* Optional */
  display: block;
}

.dragplaceholder {
  outline-style: dashed;
  outline-width: 1px;
  outline-color: red;
}

/*scheduler*/
.k-nav-today {
  display: none !important;
}

.k-nonwork-hour {
  background-color: transparent !important;
}

.k-form-field:has([data-container-for=isAllDay]),
.k-form-field:has([data-container-for=recurrenceRule]),
.k-form-field:has([data-container-for=description]) {
  display: none !important;
}

.k-event {
  background-color: #F9F9FA;
  border: 1px solid #E4E6EF;
}
.k-event:has(.technical) {
  background-color: #FEF9E2 !important;
}
.k-event .slotfooter {
  margin: 0 -15px 0 -10px;
  background-color: #F1F1F3;
  border: 1px solid #E4E6EF;
  font-weight: bold;
}
.k-event .slotfooter a {
  color: #2C302E !important;
  padding: 2px 5px;
}
.k-event .slotfooter a:hover {
  background-color: #E6E6E6;
  text-decoration: none;
}

.slot {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 11px;
  line-height: 16px;
}
.slot .title {
  font-size: 12px;
  /*border-bottom: 1px dotted #A5CAF5;*/
  padding: 3px 0;
  font-weight: bold;
}

.condensedTable th.k-table-th.k-header {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  font-size: 10px;
  font-weight: 600;
}

.grayPanel {
  background-color: #f9f9fa;
  border: 1px solid #e4e6ef;
  padding: 8px;
}

.blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  pointer-events: none;
}

.infoborderleft {
  border-left: 3px solid #055BBB !important;
}

.infoline {
  border-left: 3px solid var(--bs-info) !important;
  padding: 5px 8px;
  background-color: #fbfbfb;
  font-size: 11px;
}

.compborderleft {
  border-left: 3px solid #21254E !important;
}

.roomreport-link {
  color: #74788D;
  text-decoration: none;
  font-size: 13px;
}
.roomreport-link:hover {
  color: #FD625E;
  text-decoration: none;
}

.service-boxes {
  display: flex;
  gap: 2px;
}
.service-boxes div {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #EBEDF0;
  border: 1px solid #DFE1E4;
  border-collapse: separate;
  border-radius: 2px;
  /*		outline-offset: -1px;
  		outline: 1px solid rgba(27, 31, 35, 0.06);
  */
}
.service-boxes div.c {
  background-color: #40c463;
  border: 1px solid #37B358;
}
.service-boxes div.selected {
  border: 1px solid black;
  background-color: #DCDCE6;
}
.service-boxes div.selected.c {
  background-color: #138535;
}
.service-boxes div:hover {
  border: 1px solid black;
}

.regdetails-info {
  padding: 10px 12px;
  margin-top: 10px;
  border: 1px solid #e4e6ef;
  border-left: 3px solid var(--bs-success);
  background-color: #fbfbfb;
}

#hotel-history .hotelhistory-info {
  display: block;
  padding: 5px;
  color: #545a6d;
  margin-bottom: 3px;
  border: 1px solid #e4e6ef;
  border-left: 3px solid var(--bs-info);
  background-color: #fbfbfb;
}
#hotel-history .hotelhistory-info:hover {
  border: 1px solid var(--bs-info);
  border-left: 3px solid var(--bs-info);
  cursor: pointer;
}
#hotel-history .hotelhistory-info.selected {
  background-color: var(--bs-light);
}
#hotel-history .form-control {
  background-color: white !important;
}

.form-control {
  background-color: white !important;
}

/*---------------------------------------------------------------*/
.dp__input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.v-select {
  font-size: 0.875rem;
}
.v-select .vs__selected-options {
  flex-wrap: nowrap;
}

.vs__dropdown-toggle {
  padding-top: 0.2rem;
  padding-bottom: 0.4rem;
}

/*---------------------------------------------------------------*/
/*@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap&subset=latin-ext");*/
/*@import url("//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Ubuntu:wght@400;500;700&display=swap");
@import url("//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&subset=latin-ext");
*/
/*$bs-default-color: #005BAC;*/
/*$bs-default-color-dark: #004F96;*/
/*$menu-hover: #F3C613;*/
/*$grays: ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900, ) !default;*/
/*$colors: ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800, ) !default;*/
.df2,
.default-font-2 {
  font-family: "PT Sans";
}

.table.szamlak {
  font-family: "PT Sans";
}
.table.szamlak tr:hover {
  background-color: transparent !important;
}
.table.szamlak tr, .table.szamlak td {
  border: none !important;
}
.table.szamlak td {
  width: 25%;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.table.szamlak td > div {
  margin: 3px 2px;
}

.reginvoice {
  display: block;
  padding: 3px;
  font-family: "PT Sans";
  font-size: 9px;
}
.reginvoice > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 13px;
}
.reginvoice.nincsszamla {
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  background: white;
}
.reginvoice.dijbekero {
  color: white;
  border: 1px solid #ADC7AB;
  background-color: #ADC7AB;
}
.reginvoice.elolegszamla {
  color: white;
  border: 1px solid #83A87B;
  background-color: #83A87B;
}
.reginvoice.vegszamla {
  color: white;
  border: 1px solid #598A4B;
  background-color: #598A4B;
}
.reginvoice.normalszamla {
  color: white;
  border: 1px solid #2F6B1B;
  background-color: #2F6B1B;
}
.reginvoice .btw1 {
  border-top: 1px solid white;
  padding-top: 2px;
}
.reginvoice div {
  margin-bottom: 2px;
}

.text-color-1 {
  color: #F4F4F4;
}

.text-color-2 {
  color: #D7E5DB;
}

.text-color-3 {
  color: #ADC7AB;
}

.text-color-4 {
  color: #83A87B;
}

.text-color-5 {
  color: #598A4B;
}

.text-color-6 {
  color: #2F6B1B;
}

.text-color-7 {
  color: #245115;
}

.egyenleg {
  /*color: white;*/
  padding: 7px;
  /*	height: 100%;
  	display: flex;
  	flex-direction: column;
  	align-content: center;
  	justify-content: space-between;
  */
}
.egyenleg.s0 {
  background: #C5E8DA;
  border: 1px solid #2AB57D;
}
.egyenleg.s1 {
  background: #FED8D7;
  border: 1px solid #FD625E;
}
.egyenleg.s2 {
  background: #D9DBF2;
  border: 1px solid #7A7FDC;
}

.szamlainforow {
  margin: 3px 0;
  font-size: 9px;
  line-height: 10px;
  color: #676a6c;
  display: block;
  text-decoration: none;
}
.szamlainforow.fizetve {
  color: #E74C3C;
}
.szamlainforow:hover {
  background-color: #F8F8F8;
}

.description-info {
  padding: 4px 8px;
  margin-top: 3px;
  font-family: "PT Sans";
  font-size: 12px;
  border: dotted 1px #e4e6ef;
  border-left: 3px solid #055BBB;
  background-color: #fbfbfb;
}

/*---------------------------------------------------------------*/
.table-row-darken {
  background-color: #F9F9FA;
}
.table-row-darken > td {
  border-top: 1px solid #DEE2E6 !important;
  border-bottom: 1px solid #DEE2E6 !important;
}

tr.no-borders td {
  border: none !important;
}

tr.guests:has(span.name.st) {
  background-color: #FED8D7 !important;
  border-left: 2px solid #FD625E !important;
}

.app-search .form-control {
  background-color: #FAFAFC !important;
}

.ddl .k-input-inner {
  /*padding: 0 !important;*/
}

.form-check-input.danger {
  border-color: #FD625E;
  background-color: white;
}
.form-check-input.danger:checked {
  border-color: #FD625E !important;
  background-color: #FD625E;
}

input.pw {
  -webkit-text-security: disc !important;
  text-security: disc !important;
}

li.mm-active > a.active {
  display: flex !important;
  align-items: center;
  justify-content: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
li.mm-active > a.active > span {
  margin-right: auto;
}
li.mm-active > a.active.has-arrow:after {
  margin-left: auto;
}

.validation-error-line {
  background-color: #FAE3E0;
  color: #DF5645;
  padding: 0px;
}
.validation-error-line a {
  color: #DF5645;
  background-color: #F8D8D4;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
}
.validation-error-line a:hover {
  color: #D93925;
  background-color: #F8D8D4;
}
.validation-error-line a[aria-expanded=true]:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.validation-error-line a:before {
  content: "\f0142";
  font-family: Material Design Icons;
  display: block;
  float: left;
  font-size: 1.1rem;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.validation-error-line div.details {
  padding: 6px 10px 6px 30px;
  font-size: 12px;
}
.validation-error-line div.details .validation-summary-errors ul {
  padding: 0 0 0 15px;
  list-style: disc;
}

/*.card
{
	-webkit-box-shadow: var(--card-box-shadow);
	box-shadow: var(--card-box-shadow);
}
*/
#htmlcontenteditor h1, #htmlcontenteditor h2, #htmlcontenteditor h3, #htmlcontenteditor h4, #htmlcontenteditor h5, #htmlcontenteditor h6 {
  font-weight: normal;
}
#htmlcontenteditor thead th {
  font-size: 12px;
  line-height: 18px;
  vertical-align: top;
}

.nocard .card-body {
  padding: 0 !important;
}

.avatar-sm {
  border: 1px solid #DEE2E6;
}

.table-striped-alt > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: #FFFBF5;
  color: var(--bs-table-striped-color);
}

.row-info-line-danger {
  border-left: 2px solid #FD625F;
  background-color: #FDF3F3;
  line-height: 12px;
  padding: 3px 3px 3px 5px;
  font-size: 11px;
  gap: 0.5rem !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.row-info-line-info {
  border-left: 2px solid #4BA6EF;
  background-color: #E8F2FA;
  line-height: 12px;
  padding: 3px 3px 3px 5px;
  font-size: 11px;
  gap: 0.5rem !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}