html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  /* 3 */
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
img,
svg {
  vertical-align: baseline;
}
body.dark-theme {
  color-scheme: dark;
}
:root {
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;
  --primary: 142.1 76.2% 36.3%;
  --primary-foreground: 355.7 100% 97.3%;
  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;
  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;
  --accent: 240 4.8% 95.9%;
  --wrong-result: 0, 0%, 60%;
  --accent-foreground: 240 5.9% 10%;
  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 142.1 76.2% 36.3%;
  --radius: 0.5rem;
  --chart-1: 12 76% 61%;
  --chart-2: 173 58% 39%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
  --primary-shadow: 142.1 66.2% 26.3%;
  --red: 0 84.2% 60.2%;
  --red-foreground: 0 0% 98%;
  --red-shadow: 0 74.2% 50.2%;
  --green: 120 84.2% 60.2%;
  --green-foreground: 26 83.3% 14.1%;
  --green-shadow: 120 74.2% 50.2%;
  --blue: 180 84.2% 60.2%;
  --blue-foreground: 26 83.3% 14.1%;
  --blue-shadow: 180 74.2% 50.2%;
  --yellow: 60 84.2% 60.2%;
  --yellow-foreground: 26 83.3% 14.1%;
  --yellow-shadow: 60 74.2% 50.2%;
  --orange: 30 84.2% 60.2%;
  --orange-foreground: 26 83.3% 14.1%;
  --orange-shadow: 30 74.2% 50.2%;
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-lg-above: 0 -10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.dark-theme {
  --background: 20 14.3% 4.1%;
  --foreground: 0 0% 95%;
  --card: 24 9.8% 10%;
  --card-foreground: 0 0% 95%;
  --popover: 0 0% 9%;
  --popover-foreground: 0 0% 95%;
  --primary: 142.1 70.6% 45.3%;
  --primary-foreground: 144.9 80.4% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 15%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 12 6.5% 15.1%;
  --accent-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 142.4 71.8% 29.2%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
  --red: 0 62.8% 30.6%;
  --red-foreground: 0 85.7% 97.3%;
  --red-shadow: 0 75.7% 87.3%;
  --green: 120 62.8% 30.6%;
  --green-foreground: 0 85.7% 97.3%;
  --green-shadow: 120 75.7% 87.3%;
  --blue: 180 62.8% 30.6%;
  --blue-foreground: 0 85.7% 97.3%;
  --blue-shadow: 180 75.7% 87.3%;
  --yellow: 60 62.8% 30.6%;
  --yellow-foreground: 0 85.7% 97.3%;
  --yellow-shadow: 60 75.7% 87.3%;
  --orange: 30 62.8% 30.6%;
  --orange-foreground: 0 85.7% 97.3%;
  --orange-shadow: 30 75.7% 87.3%;
}
.theme-toggler {
  display: inline-flex !important;
  cursor: pointer;
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 10px !important;
  background: transparent;
  transition: 0.2s;
}
body {
  --Agro-primary: hsl(var(--primary));
  --On-agro-primary: hsl(var(--foreground));
  --sub-menu-text: hsl(var(--foreground));
  --Agro-plus-btn: hsl(var(--green));
  --On-agro-plus-btn: hsl(var(--green-foreground));
  --Agro-border: hsl(var(--border));
  --sub-menu: #e2e6e1;
  --custom-filter: #252525;
  --custom-filter-label: #8f8f8f;
  --bs-body-bg: hsl(var(--background));
  --bs-secondary-bg: hsl(var(--secondary));
  --bs-body-color: hsl(var(--foreground));
  --bs-border-color: hsl(var(--input));
  --bs-card-border-color: hsl(var(--border));
  --bs-tertiary-bg: hsl(var(--input));
  --bs-secondary-rgb: 208, 232, 231;
  --bs-secondary-color: hsl(var(--muted-foreground));
  --bs-success-rgb: 26, 186, 26;
  --bs-danger-rgb: 186, 26, 26;
  --bs-emphasis-color: hsl(var(--foreground));
  --bs-border-radius: calc(var(--radius) - 2px);
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-border-color-translucent: hsl(var(--border));
  --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0.25rem;
  --background-color: hsl(var(--background));
  --border-color: hsl(var(--input));
}
body .table {
  --bs-table-striped-bg: hsl(var(--muted)/0.5);
}
body .card {
  --bs-card-bg: hsl(var(--card));
}
body .list-group {
  --bs-list-group-active-bg: hsl(var(--primary));
  --bs-list-group-active-border-color: hsl(var(--primary));
}
body .dp__theme_light {
  --dp-background-color: hsl(var(--background));
  --dp-text-color: hsl(var(--foreground));
  --dp-hover-color: hsl(var(--accent));
  --dp-hover-text-color: hsl(var(--accent-foreground));
  --dp-hover-icon-color: hsl(var(--accent-foreground));
  --dp-primary-color: hsl(var(--primary));
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: hsl(var(--primary-foreground));
  --dp-secondary-color: hsl(var(--secondary-foreground));
  --dp-border-color: hsl(var(--border));
  --dp-menu-border-color: hsl(var(--border));
  --dp-border-color-hover: hsl(var(--ring));
  --dp-disabled-color: hsl(var(--muted-foreground));
  --dp-scroll-bar-background: hsl(var(--accent));
  --dp-scroll-bar-color: hsl(var(--foreground));
  --dp-success-color: hsl(var(--green));
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: hsl(var(--muted-foreground));
  --dp-danger-color: hsl(var(--red));
  --dp-marker-color: hsl(var(--red));
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
}
body.dark-theme {
  --bs-secondary-rgb: 44, 65, 65;
}
body.dark-theme .geojson-button {
  --_icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath fill='%23FFFFFF' d='M840-680v480q0 33-23.5 56.5T760-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h480l160 160ZM480-240q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35ZM240-560h360v-160H240v160Z'/%3E%3C/svg%3E");
}
body.dark-theme .leaflet-touch .leaflet-bar a:not(.action-finishMode) {
  filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}
body.dark-theme .scheduler_default_event_delete {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.41 11.9991L19.7062 5.71303C19.8943 5.52485 20.0001 5.26961 20.0001 5.00347C20.0001 4.73733 19.8943 4.4821 19.7062 4.29391C19.518 4.10572 19.2627 4 18.9966 4C18.7305 4 18.4752 4.10572 18.287 4.29391L12.0009 10.59L5.7148 4.29391C5.52661 4.10572 5.27138 4 5.00524 4C4.7391 4 4.48386 4.10572 4.29568 4.29391C4.10749 4.4821 4.00177 4.73733 4.00177 5.00347C4.00177 5.26961 4.10749 5.52485 4.29568 5.71303L10.5918 11.9991L4.29568 18.2853C4.20201 18.3782 4.12766 18.4887 4.07692 18.6105C4.02618 18.7323 4.00006 18.8629 4.00006 18.9948C4.00006 19.1268 4.02618 19.2574 4.07692 19.3792C4.12766 19.5009 4.20201 19.6115 4.29568 19.7044C4.38858 19.7981 4.49911 19.8724 4.6209 19.9231C4.74268 19.9739 4.87331 20 5.00524 20C5.13717 20 5.26779 19.9739 5.38958 19.9231C5.51136 19.8724 5.62189 19.7981 5.7148 19.7044L12.0009 13.4083L18.287 19.7044C18.3799 19.7981 18.4905 19.8724 18.6123 19.9231C18.734 19.9739 18.8647 20 18.9966 20C19.1285 20 19.2591 19.9739 19.3809 19.9231C19.5027 19.8724 19.6132 19.7981 19.7062 19.7044C19.7998 19.6115 19.8742 19.5009 19.9249 19.3792C19.9756 19.2574 20.0018 19.1268 20.0018 18.9948C20.0018 18.8629 19.9756 18.7323 19.9249 18.6105C19.8742 18.4887 19.7998 18.3782 19.7062 18.2853L13.41 11.9991Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center center no-repeat;
}
.success-bg,
.bg-success,
.badge.online {
  background-color: hsl(var(--green)) !important;
  color: hsl(var(--green-foreground)) !important;
}
.danger-bg,
.bg-danger,
.badge.offline {
  background-color: hsl(var(--red)) !important;
  color: hsl(var(--red-foreground)) !important;
}
.warning-bg,
.bg-warning {
  background-color: hsl(var(--yellow)) !important;
  color: hsl(var(--yellow-foreground)) !important;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom-color: hsl(var(--accent));
}
.bootstrap-timepicker-widget table td a {
  color: hsl(var(--foreground));
}
.bootstrap-timepicker-widget table td a:hover {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
  border-color: hsl(var(--border));
}
.info {
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
}
.geojson-button {
  background-color: hsl(var(--card));
}
.geojson-button:hover {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.geojson-button:active {
  background-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.scheduler_default_main[class],
.scheduler_default_main[class] .scheduler_default_timeheadercol_inner,
.scheduler_default_main[class] .scheduler_default_timeheadergroup_inner {
  border-color: hsl(var(--border));
}
.scheduler_default_main[class] .scheduler_default_resourcedivider,
.scheduler_default_main[class] .scheduler_default_divider_horizontal,
.scheduler_default_main[class] .scheduler_default_matrix_horizontal_line,
.scheduler_default_main[class] .scheduler_default_matrix_vertical_line,
.scheduler_default_main[class] .scheduler_default_divider,
.scheduler_default_main[class] .scheduler_default_splitter {
  background-color: hsl(var(--border));
}
.scheduler_default_main[class] .scheduler_default_timeheadergroup,
.scheduler_default_main[class] .scheduler_default_timeheadercol,
.scheduler_default_main[class] .scheduler_default_rowheader,
.scheduler_default_main[class] .scheduler_default_corner {
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
}
.scheduler_default_main[class] .scheduler_default_cell {
  background-color: hsl(var(--accent));
}
.scheduler_default_main[class] .scheduler_default_cell.scheduler_default_cell_business {
  background-color: hsl(var(--card));
}
.scheduler_default_main[class] .scheduler_default_event_group,
.scheduler_default_main[class] .scheduler_default_event_inner,
.scheduler_default_main[class] .scheduler_default_event_move_left,
.scheduler_default_main[class] .scheduler_default_event_move_right {
  background: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
  border-color: hsl(var(--border));
}
.menu_default_main[class] {
  border: none;
  border-radius: 6px;
  padding: 8px 0;
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.menu_default_main[class] .menu_default_item_haschildren.menu_default_item_haschildren_active,
.menu_default_main[class] a:hover {
  background: hsl(var(--accent));
}
.menu_default_main[class] div div {
  border-color: hsl(var(--border));
  margin-left: 0;
}
.menu_default_main[class].menu_default_withchildren a {
  padding: 2px 20px;
}
.bubble_default_main .bubble_default_main_inner {
  border: none;
  border-radius: 6px;
  background: hsl(var(--card));
  color: hsl(var(--card-foreground));
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.bubble_default_main .bubble_default_arrow_bottom {
  fill: hsl(var(--accent));
  stroke: rgba(0, 0, 0, 0.12);
  stroke-width: 2;
}
.list-group {
  --bs-list-group-active-bg: hsl(var(--primary));
  --bs-list-group-active-border-color: hsl(var(--primary));
  --bs-list-group-active-color: hsl(var(--primary-foreground));
}
.primary-popover {
  --_bg: hsl(var(--background));
}
.btn[class] {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.25rem;
  --bs-border-radius: calc(var(--radius) - 2px);
  --bs-btn-line-height: 1.25;
  --bs-btn-font-size: 0.875rem;
  font-weight: normal;
  border-radius: var(--bs-btn-border-radius);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-size: var(--bs-btn-font-size);
  line-height: var(--bs-btn-line-height);
  min-height: 36px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn[class] .icon-mask {
  width: 20px;
}
.btn[class].btn-sm {
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.125rem;
  --bs-btn-font-size: 0.875rem;
  --bs-border-radius-sm: calc(var(--radius) - 4px);
  min-height: 28px;
}
.btn[class].btn-sm .icon-mask {
  width: 16px;
}
.btn[class].btn-lg,
.btn-group-lg > .btn[class].btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: calc(var(--radius) - 2px);
}
.btn[class] .glyphicon {
  background-color: var(--bs-btn-color);
}
.btn-symbol {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-hover-border-color: transparent;
  padding: 0;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  text-decoration: none;
  cursor: pointer;
  background: var(--bs-btn-bg);
  color: var(--bs-btn-color);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: 1.25rem;
  line-height: 1.2;
  position: relative;
}
.btn-symbol .icon-mask[class] {
  width: 16px;
  height: 16px;
}
.btn-symbol .bi {
  font-size: 1rem;
}
.btn-symbol.btn-sm {
  width: 28px;
  height: 28px;
  font-size: 1rem;
}
.btn-symbol.btn-sm .bi {
  font-size: 0.75rem;
}
.btn-symbol.btn-sm .icon-mask[class] {
  width: 14px;
  height: 14px;
}
.btn-symbol.btn-lg {
  width: 36px;
  height: 36px;
}
.btn-symbol.btn-lg .bi {
  font-size: 0.75rem;
}
.btn-symbol.btn-lg .icon-mask[class] {
  width: 20px;
  height: 20px;
}
.btn[class],
.btn-symbol {
  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-bg) !important;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
}
.btn[class] .icon-mask,
.btn-symbol .icon-mask {
  background-color: var(--bs-btn-color);
}
.btn[class]:hover,
.btn-symbol:hover {
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color);
}
.btn[class]:hover .icon-mask,
.btn-symbol:hover .icon-mask {
  background-color: var(--bs-btn-hover-color) !important;
}
.btn-check:checked + .btn[class],
.btn-check:checked + .btn-symbol,
:not(.btn-check) + .btn[class]:active,
:not(.btn-check) + .btn-symbol:active,
.btn[class]:first-child:active,
.btn-symbol:first-child:active,
.btn[class].active,
.btn-symbol.active,
.btn[class].show,
.btn-symbol.show {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn[class] .icon-mask,
.btn-check:checked + .btn-symbol .icon-mask,
:not(.btn-check) + .btn[class]:active .icon-mask,
:not(.btn-check) + .btn-symbol:active .icon-mask,
.btn[class]:first-child:active .icon-mask,
.btn-symbol:first-child:active .icon-mask,
.btn[class].active .icon-mask,
.btn-symbol.active .icon-mask,
.btn[class].show .icon-mask,
.btn-symbol.show .icon-mask {
  background-color: var(--bs-btn-active-color) !important;
}
.btn[class]:disabled,
.btn-symbol:disabled,
.btn[class].disabled,
.btn-symbol.disabled,
fieldset:disabled .btn[class],
fieldset:disabled .btn-symbol {
  color: var(--bs-btn-disabled-color) !important;
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg) !important;
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn[class]:disabled .icon-mask,
.btn-symbol:disabled .icon-mask,
.btn[class].disabled .icon-mask,
.btn-symbol.disabled .icon-mask,
fieldset:disabled .btn[class] .icon-mask,
fieldset:disabled .btn-symbol .icon-mask {
  background-color: var(--bs-btn-disabled-color) !important;
}
.btn-default {
  --bs-btn-color: hsl(var(--foreground));
  --bs-btn-hover-color: hsl(var(--accent-foreground));
  --bs-btn-hover-bg: hsl(var(--accent));
  --bs-btn-hover-border-color: hsl(var(--accent));
  --bs-btn-active-color: hsl(var(--accent-foreground));
  --bs-btn-active-bg: hsl(var(--accent));
  --bs-btn-active-border-color: hsl(var(--accent));
}
.btn-primary,
.btn-info,
.btn-blue,
.btn-danger,
.btn-error,
.btn-red,
.btn-success,
.btn-green {
  --btn-color: hsl(var(--_color));
  --bs-btn-color: hsl(var(--_color));
  --bs-btn-bg: hsl(var(--_bg));
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: hsl(var(--_color));
  --bs-btn-hover-bg: hsl(var(--_bg)/.8);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 0, 68, 68;
  --bs-btn-active-color: hsl(var(--_color));
  --bs-btn-active-bg: hsl(var(--_bg)/.8);
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: hsl(var(--_color));
  --bs-btn-disabled-bg: hsl(var(--_bg)/.5);
  --bs-btn-disabled-border-color: transparent;
}
.btn-primary.btn[class]:focus,
.btn-info.btn[class]:focus,
.btn-blue.btn[class]:focus,
.btn-danger.btn[class]:focus,
.btn-error.btn[class]:focus,
.btn-red.btn[class]:focus,
.btn-success.btn[class]:focus,
.btn-green.btn[class]:focus {
  box-shadow: none;
}
.btn-primary.btn[class]:focus-visible,
.btn-info.btn[class]:focus-visible,
.btn-blue.btn[class]:focus-visible,
.btn-danger.btn[class]:focus-visible,
.btn-error.btn[class]:focus-visible,
.btn-red.btn[class]:focus-visible,
.btn-success.btn[class]:focus-visible,
.btn-green.btn[class]:focus-visible {
  box-shadow: 0 0 0 0.25rem hsl(var(--_shadow) / 0.5);
}
.btn-primary {
  --_bg: var(--primary);
  --_color: var(--primary-foreground);
  --_shadow: var(--primary-shadow);
}
.btn-info,
.btn-blue {
  --_bg: var(--blue);
  --_color: var(--blue-foreground);
  --_shadow: var(--blue-shadow);
  --btn-blue: hsl(var(--_bg));
}
.btn-danger,
.btn-error,
.btn-red {
  --_bg: var(--red);
  --_color: var(--red-foreground);
  --_shadow: var(--red-shadow);
}
.btn-success,
.btn-green {
  --_bg: var(--green);
  --_color: var(--green-foreground);
  --_shadow: var(--green-shadow);
  --btn-green: hsl(var(--_bg));
}
.btn-outline {
  --bs-btn-hover-bg: hsl(var(--accent));
  --bs-btn-hover-color: hsl(var(--accent-foreground));
  --bs-btn-border-color: hsl(var(--input));
  --bs-btn-disabled-color: hsl(var(--foreground));
  --bs-btn-disabled-border-color: hsl(var(--border));
  --bs-btn-disabled-opacity: 0.5;
  --bs-btn-active-bg: hsl(var(--accent));
  --bs-btn-active-color: hsl(var(--accent-foreground));
  --bs-btn-active-border-color: hsl(var(--accent));
}
.btn-check:checked + .btn,
.btn.active {
  --bs-btn-color: hsl(var(--accent-foreground));
  --bs-btn-bg: hsl(var(--accent));
  --bs-btn-border-color: hsl(var(--accent));
  --bs-btn-hover-color: hsl(var(--accent-foreground));
  --bs-btn-hover-bg: hsl(var(--accent));
  --bs-btn-hover-border-color: hsl(var(--accent));
  --bs-btn-active-color: hsl(var(--accent-foreground));
  --bs-btn-active-bg: hsl(var(--accent));
  --bs-btn-active-border-color: hsl(var(--accent));
  --bs-btn-disabled-color: hsl(var(--accent-foreground));
  --bs-btn-disabled-bg: hsl(var(--accent));
  --bs-btn-disabled-border-color: hsl(var(--accent));
}
.agro__header[class] .btn {
  border-radius: calc(var(--radius) - 2px);
  box-shadow: none;
}
.agro__header[class] .btn:before {
  content: none;
}
.agro__header[class] .btn.minus-btn,
.agro__header[class] .btn.plus-btn {
  border-radius: 50%;
  min-width: 36px;
}
.agro__header[class] .btn.plus-btn:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%2310380c'%3E%3Cpath d='M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z'/%3E%3C/svg%3E");
}
body.dark-theme .agro__header[class] .btn.plus-btn:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z'/%3E%3C/svg%3E");
}
.agro__header[class] .btn.plus-btn:hover {
  background-color: hsl(var(--green)/.8);
}
.agro__header[class] .btn.btn-error {
  background-color: hsl(var(--red));
}
.agro__header[class] .btn.btn-error:hover {
  background-color: hsl(var(--red)/0.8);
}
.agro__header[class] .refresh {
  --_size: 36px;
  background-color: hsl(var(--background));
  border-width: 1px;
  border-color: hsl(var(--input));
  width: var(--_size);
  height: var(--_size);
  border-radius: 50%;
}
.agro__header[class] .refresh path {
  fill: hsl(var(--foreground));
}
.agro__header[class] .refresh circle {
  stroke: hsl(var(--primary));
}
.agro__header[class] .refresh:hover {
  background-color: hsl(var(--accent));
}
.agro__header[class] .refresh:hover path {
  fill: hsl(var(--accent-foreground));
}
.agro__header[class] .minus-btn {
  position: relative;
  cursor: pointer;
}
.agro__header[class] .minus-btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M200-440v-80h560v80H200Z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  display: block;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.js-input-plus {
  --btn-color: hsl(var(--_color));
  --bs-btn-color: hsl(var(--_color));
  --bs-btn-bg: hsl(var(--_bg));
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: hsl(var(--_color));
  --bs-btn-hover-bg: hsl(var(--_bg)/.8);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 0, 68, 68;
  --bs-btn-active-color: hsl(var(--_color));
  --bs-btn-active-bg: hsl(var(--_bg)/.8);
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: hsl(var(--_color));
  --bs-btn-disabled-bg: hsl(var(--_bg)/.5);
  --bs-btn-disabled-border-color: transparent;
  --_bg: var(--green);
  --_color: var(--green-foreground);
  --_shadow: var(--green-shadow);
  --btn-green: hsl(var(--_bg));
}
.js-input-plus.btn[class]:focus {
  box-shadow: none;
}
.js-input-plus.btn[class]:focus-visible {
  box-shadow: 0 0 0 0.25rem hsl(var(--_shadow) / 0.5);
}
.pagination {
  --_radius: calc(var(--radius) - 2px);
  margin: 0 -4px;
  padding: 12px 0;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  margin: 0 4px;
  padding: 0;
  min-width: 32px;
  height: 32px;
  border: none;
  border-radius: var(--_radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  background: hsl(var(--card));
  color: hsl(var(--foreground));
}
.pagination > li > a:before,
.pagination > li > span:before {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--_radius);
  inset: 0;
  background-color: hsl(var(--foreground));
}
.pagination > li > a:hover:before,
.pagination > li > span:hover:before {
  opacity: 0.08;
}
.pagination > li > a:focus:before,
.pagination > li > span:focus:before {
  opacity: 0.12;
}
.pagination > li.active > a,
.pagination > li.active > span {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.pagination > li.active > a::before,
.pagination > li.active > span::before {
  background: hsl(var(--primary));
}
.pagination > li.prev > a,
.pagination > li.next > a,
.pagination > li.prev > span,
.pagination > li.next > span {
  border-radius: 0;
  min-width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 1.2;
}
.pagination > li.disabled {
  pointer-events: none;
  opacity: 0.6;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background: hsl(var(--green));
}
.checkbox [type=checkbox],
[type=radio] {
  --_bg: hsl(var(--primary));
  --_color: hsl(var(--primary-foreground));
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--_bg);
  position: relative;
  transition: 0.2s;
  vertical-align: sub;
  flex-shrink: 0;
}
.checkbox [type=checkbox]:before,
[type=radio]:before {
  content: "";
  position: absolute;
  transition: 0.2s;
}
.checkbox [type=checkbox] {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
}
.checkbox [type=checkbox]:before {
  top: 1px;
  left: 5px;
  width: 4px;
  height: 10px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: rotate(45deg);
}
.checkbox [type=checkbox]:checked {
  background-color: var(--_bg);
}
.checkbox [type=checkbox]:checked:before {
  border-color: var(--_color);
}
[type=radio] {
  border-radius: 16px;
}
[type=radio]:before {
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  border-radius: 16px;
  background: transparent;
  transform: scale(0);
}
[type=radio]:checked {
  border-color: var(--_bg);
}
[type=radio]:checked:before {
  transform: scale(1);
  background: var(--_bg);
}
.dropdown-menu,
.main-dropdown {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  filter: none;
  background: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  border: 1px solid hsl(var(--border));
  box-shadow: var(--shadow-lg);
  padding: 4px;
  font-size: 14px;
}
.dropdown-menu[data-bs-popper],
.main-dropdown[data-bs-popper] {
  top: calc(100% + 4px);
}
.dropdown-toggle::after {
  margin-left: 0.5em;
  vertical-align: middle;
}
.dropdown-item {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  padding: 6px 8px;
  position: relative;
}
.dropdown-item,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  color: hsl(var(--popover-foreground));
}
.dropdown-item:hover,
.dropdown-item:focus {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.dropdown-item.active {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.main-dropdown {
  z-index: 10000;
  position: absolute;
  top: calc(100% + 8px);
  display: none;
}
.main-dropdown.active {
  display: block;
}
.main-dropdown.visible {
  opacity: 1;
  display: block;
  visibility: visible;
}
.main-dropdown--button {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main-dropdown--button.active > svg path:not(.stroke),
.main-dropdown--button.active > svg .fill:not(.stroke),
.main-dropdown--button.active > svg rect:not(.stroke) {
  transition: var(--transition-primary);
}
.main-dropdown--button.active > svg circle:not(.fill),
.main-dropdown--button.active > svg .stroke {
  transition: var(--transition-primary);
}
.main-dropdown.dropdown-right {
  right: 0;
}
.main-dropdown--target {
  height: 36px;
  padding: 7px 16px;
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: 30px;
  display: flex;
}
.main-dropdown--target svg {
  transform: rotate(-90deg);
}
#context-menu {
  z-index: 10000;
  position: absolute;
  top: calc(100% + 8px);
}
@font-face {
  font-family: 'ManropeRegular';
  src: url('/fonts/ManropeRegular.eot');
  src: url('/fonts/ManropeRegular.eot') format('embedded-opentype'), url('/fonts/ManropeRegular.woff2') format('woff2'), url('/fonts/ManropeRegular.woff') format('woff'), url('/fonts/ManropeRegular.ttf') format('truetype'), url('/fonts/ManropeRegular.svg#ManropeRegular') format('svg');
}
@font-face {
  font-family: 'ManropeMedium';
  src: url('/fonts/ManropeMedium.eot');
  src: url('/fonts/ManropeMedium.eot') format('embedded-opentype'), url('/fonts/ManropeMedium.woff2') format('woff2'), url('/fonts/ManropeMedium.woff') format('woff'), url('/fonts/ManropeMedium.ttf') format('truetype'), url('/fonts/ManropeMedium.svg#ManropeMedium') format('svg');
}
@font-face {
  font-family: 'ManropeBold';
  src: url('/fonts/ManropeBold.eot');
  src: url('/fonts/ManropeBold.eot') format('embedded-opentype'), url('/fonts/ManropeBold.woff2') format('woff2'), url('/fonts/ManropeBold.woff') format('woff'), url('/fonts/ManropeBold.ttf') format('truetype'), url('/fonts/ManropeBold.svg#ManropeBold') format('svg');
}
:root {
  --font-regular: 'ManropeRegular', serif;
  --font-medium: 'ManropeMedium', serif;
  --font-bold: 'ManropeBold', serif;
}
html {
  font-size: 100%;
}
body {
  font-family: var(--font-regular);
  font-weight: 400;
  line-height: 1.5;
  font-size: 14/16*100%;
}
p {
  margin-bottom: 1rem;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 12px 0 20px;
  font-family: var(--font-bold);
  font-weight: 400;
  line-height: 1.3;
}
h1 {
  margin-top: 0;
  font-size: 45px;
}
@media (max-width: 600px) {
  h1 {
    font-size: 28px;
  }
}
h2 {
  font-size: 36px;
}
@media (max-width: 600px) {
  h2 {
    font-size: 22px;
  }
}
h3 {
  font-size: 28px;
}
@media (max-width: 600px) {
  h3 {
    font-size: 18px;
  }
}
h4 {
  font-size: 22px;
}
@media (max-width: 600px) {
  h4 {
    font-size: 1rem;
  }
}
h5 {
  font-size: 1rem;
}
@media (max-width: 600px) {
  h5 {
    font-size: 14px;
  }
}
small,
.text_small {
  font-size: 0.75rem;
}
b,
strong {
  font-family: var(--font-bold);
}
th,
.VPopup-title {
  font-family: var(--font-bold);
}
.highcharts-container * {
  font-family: var(--font-regular) !important;
}
.form-group {
  margin-bottom: 8px;
}
.form-group > .control-label {
  margin-bottom: 4px;
}
.form-group > .help-block {
  margin-top: 4px;
}
.form-group > input,
.form-group > select,
.control-label,
.form-control {
  font-size: 1rem;
  line-height: 1.5;
  color: hsl(var(--foreground));
}
.form-group > input,
.form-group > select,
.form-control,
.ui.fluid.dropdown {
  --_border: hsl(var(--input));
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  padding: 5px 11px;
  transition: 0.2s;
  color: inherit;
  border-width: 1px;
}
.form-group > input,
.form-group > select,
.form-control,
.ui.fluid.dropdown,
.form-group > input:focus,
.form-group > select:focus,
.form-control:focus,
.ui.fluid.dropdown:focus {
  border-color: var(--_border);
}
.form-group > input.disabled,
.form-group > select.disabled,
.form-control.disabled,
.ui.fluid.dropdown.disabled,
.form-group > input[disabled],
.form-group > select[disabled],
.form-control[disabled],
.ui.fluid.dropdown[disabled],
.form-group > input:disabled,
.form-group > select:disabled,
.form-control:disabled,
.ui.fluid.dropdown:disabled {
  background-color: inherit;
  opacity: 0.5;
  cursor: not-allowed;
}
.form-group > input::-moz-placeholder, .form-group > select::-moz-placeholder, .form-control::-moz-placeholder, .ui.fluid.dropdown::-moz-placeholder {
  opacity: 1;
  color: hsl(var(--muted-foreground));
}
.form-group > input::placeholder,
.form-group > select::placeholder,
.form-control::placeholder,
.ui.fluid.dropdown::placeholder {
  opacity: 1;
  color: hsl(var(--muted-foreground));
}
.help-block {
  font-size: 12px;
  line-height: 175%;
}
.logo {
  width: 24px;
  height: 24px;
  background: url("/images/logo.gif") no-repeat center;
  background-size: contain;
}
.icon-mask {
  display: inline-block;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  flex-shrink: 0;
  transition: 0.2s;
  background-color: hsl(var(--foreground));
}
.icon-mask.loading {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("/images/loading.svg");
          mask-image: url("/images/loading.svg");
}
.icon-mask.widgets {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/widgets.svg");
          mask-image: url("/images/icons/widgets.svg");
}
.icon-mask.options {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/cogs.svg");
          mask-image: url("/images/icons/cogs.svg");
}
.icon-mask.bind {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/attachment.svg");
          mask-image: url("/images/icons/attachment.svg");
}
.icon-mask.fullscreen {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/fullscreen.svg");
          mask-image: url("/images/icons/fullscreen.svg");
}
.icon-mask.connect {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/connect.svg");
          mask-image: url("/images/icons/connect.svg");
}
.icon-mask.delete {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/delete.svg");
          mask-image: url("/images/icons/delete.svg");
}
.icon-mask.plus {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/plus.svg");
          mask-image: url("/images/icons/plus.svg");
}
.icon-mask.minus {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/minus.svg");
          mask-image: url("/images/icons/minus.svg");
}
.icon-mask.plus-box {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/plus-box.svg");
          mask-image: url("/images/icons/plus-box.svg");
}
.icon-mask.database-edit {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/database-edit.svg");
          mask-image: url("/images/icons/database-edit.svg");
}
.icon-mask.info {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/information.svg");
          mask-image: url("/images/icons/information.svg");
}
.icon-mask.check-outline {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/check-circle-outline.svg");
          mask-image: url("/images/icons/check-circle-outline.svg");
}
.icon-mask.check {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/check-circle.svg");
          mask-image: url("/images/icons/check-circle.svg");
}
.icon-mask.layers {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/layers.svg");
          mask-image: url("/images/icons/layers.svg");
}
.icon-mask.folder {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/folder.svg");
          mask-image: url("/images/icons/folder.svg");
}
.icon-mask.filter {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("/images/icons/filter.svg");
          mask-image: url("/images/icons/filter.svg");
}
.icon-mask.screenshot {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("/images/icons/screenshot.svg");
          mask-image: url("/images/icons/screenshot.svg");
}
.icon-mask.edit,
.icon-mask.update {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("/images/icons/edit.svg");
          mask-image: url("/images/icons/edit.svg");
}
.icon-mask.copy {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/copy.svg");
          mask-image: url("/images/icons/copy.svg");
}
.icon-mask.save {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/save.svg");
          mask-image: url("/images/icons/save.svg");
}
.icon-mask.cancel {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/close.svg");
          mask-image: url("/images/close.svg");
}
.icon-mask.apply {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/check.svg");
          mask-image: url("/images/icons/check.svg");
}
.icon-mask.refresh {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/refresh.svg");
          mask-image: url("/images/icons/refresh.svg");
}
.icon-mask.download {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("/images/icons/download.svg");
          mask-image: url("/images/icons/download.svg");
}
.icon-mask.timer {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/timer.svg");
          mask-image: url("/images/icons/timer.svg");
}
.icon-mask.align-horizontal {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/align-horizontal-center.svg");
          mask-image: url("/images/icons/align-horizontal-center.svg");
}
.icon-mask.align-vertical {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/align-vertical-center.svg");
          mask-image: url("/images/icons/align-vertical-center.svg");
}
.icon-mask.code {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/code.svg");
          mask-image: url("/images/icons/code.svg");
}
.icon-mask.restart {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/restart.svg");
          mask-image: url("/images/icons/restart.svg");
}
.icon-mask.view {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/eye.svg");
          mask-image: url("/images/icons/eye.svg");
}
.icon-mask.menu {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/menu.svg");
          mask-image: url("/images/icons/menu.svg");
}
.icon-mask.list {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/list.svg");
          mask-image: url("/images/icons/list.svg");
}
.icon-mask.help {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/help.svg");
          mask-image: url("/images/icons/help.svg");
}
.icon-mask.desc {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/desc.svg");
          mask-image: url("/images/icons/desc.svg");
}
.icon-mask.table-chart {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/table-chart.svg");
          mask-image: url("/images/icons/table-chart.svg");
}
.icon-mask.upgrade {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/upgrade.svg");
          mask-image: url("/images/icons/upgrade.svg");
}
.icon-mask.paste {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/paste.svg");
          mask-image: url("/images/icons/paste.svg");
}
.icon-mask.preview {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/preview.svg");
          mask-image: url("/images/icons/preview.svg");
}
.icon-mask.construction {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/construction.svg");
          mask-image: url("/images/icons/construction.svg");
}
.icon-mask.edit-note {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/edit-note.svg");
          mask-image: url("/images/icons/edit-note.svg");
}
.icon-mask.web {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/web.svg");
          mask-image: url("/images/icons/web.svg");
}
.icon-mask.android {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/android.svg");
          mask-image: url("/images/icons/android.svg");
}
.icon-mask.iOS {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/apple.svg");
          mask-image: url("/images/icons/apple.svg");
}
.icon-mask.api {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/api.svg");
          mask-image: url("/images/icons/api.svg");
}
.icon-mask.bar-chart {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/bar-chart.svg");
          mask-image: url("/images/icons/bar-chart.svg");
}
.icon-mask.dashboard {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/dashboard.svg");
          mask-image: url("/images/icons/dashboard.svg");
}
.icon-mask.category {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/category.svg");
          mask-image: url("/images/icons/category.svg");
}
.icon-mask.users {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/users.svg");
          mask-image: url("/images/icons/users.svg");
}
.icon-mask.script-text {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/script-text.svg");
          mask-image: url("/images/icons/script-text.svg");
}
.icon-mask.projects {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/projects.svg");
          mask-image: url("/images/icons/projects.svg");
}
.icon-mask.nodes {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/nodes.svg");
          mask-image: url("/images/icons/nodes.svg");
}
.icon-mask.account {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/account.svg");
          mask-image: url("/images/icons/account.svg");
}
.icon-mask.upload {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/upload.svg");
          mask-image: url("/images/icons/upload.svg");
}
.icon-mask.settings {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/settings.svg");
          mask-image: url("/images/icons/settings.svg");
}
.icon-mask.sun {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/sun.svg");
          mask-image: url("/images/icons/sun.svg");
}
.icon-mask.moon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/moon.svg");
          mask-image: url("/images/icons/moon.svg");
}
.icon-mask.view-off {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/eye-off.svg");
          mask-image: url("/images/icons/eye-off.svg");
}
.icon-mask.error {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/error.svg");
          mask-image: url("/images/icons/error.svg");
}
.icon-mask.home {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/home.svg");
          mask-image: url("/images/icons/home.svg");
}
.icon-mask.clock {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/clock.svg");
          mask-image: url("/images/icons/clock.svg");
}
.icon-mask.calendar {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/calendar.svg");
          mask-image: url("/images/icons/calendar.svg");
}
.icon-mask.arrow-down {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/arrow-down.svg");
          mask-image: url("/images/arrow-down.svg");
}
.icon-mask.arrow-up {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/arrow-down.svg");
          mask-image: url("/images/arrow-down.svg");
  transform: scaleY(-1);
}
.show-all > .icon-mask.eye {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/eye.svg");
          mask-image: url("/images/icons/eye.svg");
}
.hide-all > .icon-mask.eye {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/images/icons/eye-off.svg");
          mask-image: url("/images/icons/eye-off.svg");
}
.glyphicon.glyphicon-remove,
.glyphicon.glyphicon-plus {
  display: inline-block;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  flex-shrink: 0;
  transition: 0.2s;
  width: 20px;
  height: 20px;
}
.glyphicon.glyphicon-remove {
  -webkit-mask-image: url("/images/icons/delete.svg");
          mask-image: url("/images/icons/delete.svg");
}
.glyphicon.glyphicon-plus {
  -webkit-mask-image: url("/images/icons/plus.svg");
          mask-image: url("/images/icons/plus.svg");
}
.ui-widget {
  font-family: system-ui, sans-serif;
}
.ui-widget.ui-widget-content {
  border-color: hsl(var(--border));
}
.ui-widget {
  color: hsl(var(--primary));
  background-color: hsl(var(--primary-foreground));
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: 8px;
  max-height: calc(100vh - 16px);
}
.ui-widget-header {
  border: none;
  background: transparent;
  font-family: var(--font-bold);
}
.ui-dialog {
  border-radius: 6px;
}
.ui-dialog .ui-dialog-content {
  overflow: auto;
  padding: 16px;
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 16px;
  border-bottom: 1px solid hsl(var(--border));
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-dialog .ui-dialog-titlebar-close {
  box-sizing: content-box;
  background: transparent url(/images/icons/close.svg) center / 24px auto no-repeat;
  border-radius: 50%;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  margin: 0;
  margin-left: auto;
  padding: 0;
  border: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  opacity: 1;
  transform: rotate(90deg);
  background-color: hsl(var(--accent));
}
.ui-widget-overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.modal_default_main {
  border: 1px solid hsl(var(--border)) !important;
  border-radius: 6px;
  background-color: hsl(var(--card)) !important;
  color: hsl(var(--card-foreground)) !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: 8px;
  max-height: calc(100vh - 16px);
}
.modal_default_ok,
.modal_default_cancel {
  font-family: var(--font-bold);
  font-size: 1rem;
  line-height: 20/16;
  border-radius: 16px;
  min-height: 48px;
  padding: 0 24px !important;
  width: auto !important;
  color: var(--_button-color);
  border: none;
  box-shadow: none;
  background-color: var(--_button-bg) !important;
  transition: 0.2s;
}
.modal_default_ok:before,
.modal_default_cancel:before {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 16px;
  inset: 0;
  background-color: var(--_button-color);
}
.modal_default_ok:hover:before,
.modal_default_cancel:hover:before {
  opacity: 0.08;
}
.modal_default_ok:focus:before,
.modal_default_cancel:focus:before {
  opacity: 0.12;
}
.modal_default_ok {
  --_button-bg: hsl(var(--primary));
  --_button-color: hsl(var(--primary-foreground));
}
.modal_default_cancel {
  --_button-bg: hsl(var(--red));
  --_button-color: hsl(var(--red-foreground));
}
@media (min-width: 600/16em) {
  .VPopup.VPopup-clickable .VPopup-dialog {
    margin: 56px auto;
  }
  .VPopup.VPopup-clickable .VPopup-dialog.VPopup-scrollable {
    height: calc(100% - 70px);
  }
}
.VPopup.VPopup-clickable .VPopup-dialog .VPopup-content[class] {
  --_radius: var(--radius);
  border-radius: var(--_radius);
  background-color: hsl(var(--background));
}
.VPopup.VPopup-clickable .VPopup-dialog .VPopup-content[class] .VPopup-header {
  border-top-left-radius: var(--_radius);
  border-top-right-radius: var(--_radius);
  border-color: hsl(var(--input));
}
.VPopup.VPopup-clickable .VPopup-dialog .VPopup-content[class] .VPopup-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.41 11.9991L19.7062 5.71303C19.8943 5.52485 20.0001 5.26961 20.0001 5.00347C20.0001 4.73733 19.8943 4.4821 19.7062 4.29391C19.518 4.10572 19.2627 4 18.9966 4C18.7305 4 18.4752 4.10572 18.287 4.29391L12.0009 10.59L5.7148 4.29391C5.52661 4.10572 5.27138 4 5.00524 4C4.7391 4 4.48386 4.10572 4.29568 4.29391C4.10749 4.4821 4.00177 4.73733 4.00177 5.00347C4.00177 5.26961 4.10749 5.52485 4.29568 5.71303L10.5918 11.9991L4.29568 18.2853C4.20201 18.3782 4.12766 18.4887 4.07692 18.6105C4.02618 18.7323 4.00006 18.8629 4.00006 18.9948C4.00006 19.1268 4.02618 19.2574 4.07692 19.3792C4.12766 19.5009 4.20201 19.6115 4.29568 19.7044C4.38858 19.7981 4.49911 19.8724 4.6209 19.9231C4.74268 19.9739 4.87331 20 5.00524 20C5.13717 20 5.26779 19.9739 5.38958 19.9231C5.51136 19.8724 5.62189 19.7981 5.7148 19.7044L12.0009 13.4083L18.287 19.7044C18.3799 19.7981 18.4905 19.8724 18.6123 19.9231C18.734 19.9739 18.8647 20 18.9966 20C19.1285 20 19.2591 19.9739 19.3809 19.9231C19.5027 19.8724 19.6132 19.7981 19.7062 19.7044C19.7998 19.6115 19.8742 19.5009 19.9249 19.3792C19.9756 19.2574 20.0018 19.1268 20.0018 18.9948C20.0018 18.8629 19.9756 18.7323 19.9249 18.6105C19.8742 18.4887 19.7998 18.3782 19.7062 18.2853L13.41 11.9991Z' fill='%23191c1c'/%3E%3C/svg%3E");
  opacity: 1;
}
.VPopup.VPopup-clickable .VPopup-dialog .VPopup-content[class] .VPopup-close:hover {
  background-color: rgba(25, 28, 28, 0.12);
}
body.dark-theme .VPopup.VPopup-clickable .VPopup-dialog .VPopup-content[class] .VPopup-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.41 11.9991L19.7062 5.71303C19.8943 5.52485 20.0001 5.26961 20.0001 5.00347C20.0001 4.73733 19.8943 4.4821 19.7062 4.29391C19.518 4.10572 19.2627 4 18.9966 4C18.7305 4 18.4752 4.10572 18.287 4.29391L12.0009 10.59L5.7148 4.29391C5.52661 4.10572 5.27138 4 5.00524 4C4.7391 4 4.48386 4.10572 4.29568 4.29391C4.10749 4.4821 4.00177 4.73733 4.00177 5.00347C4.00177 5.26961 4.10749 5.52485 4.29568 5.71303L10.5918 11.9991L4.29568 18.2853C4.20201 18.3782 4.12766 18.4887 4.07692 18.6105C4.02618 18.7323 4.00006 18.8629 4.00006 18.9948C4.00006 19.1268 4.02618 19.2574 4.07692 19.3792C4.12766 19.5009 4.20201 19.6115 4.29568 19.7044C4.38858 19.7981 4.49911 19.8724 4.6209 19.9231C4.74268 19.9739 4.87331 20 5.00524 20C5.13717 20 5.26779 19.9739 5.38958 19.9231C5.51136 19.8724 5.62189 19.7981 5.7148 19.7044L12.0009 13.4083L18.287 19.7044C18.3799 19.7981 18.4905 19.8724 18.6123 19.9231C18.734 19.9739 18.8647 20 18.9966 20C19.1285 20 19.2591 19.9739 19.3809 19.9231C19.5027 19.8724 19.6132 19.7981 19.7062 19.7044C19.7998 19.6115 19.8742 19.5009 19.9249 19.3792C19.9756 19.2574 20.0018 19.1268 20.0018 18.9948C20.0018 18.8629 19.9756 18.7323 19.9249 18.6105C19.8742 18.4887 19.7998 18.3782 19.7062 18.2853L13.41 11.9991Z' fill='%23e1e3e2'/%3E%3C/svg%3E");
}
body.dark-theme .VPopup.VPopup-clickable .VPopup-dialog .VPopup-content[class] .VPopup-close:hover {
  background-color: rgba(225, 227, 226, 0.12);
}
.navbar {
  --bs-navbar-padding-y: 0.75rem;
  background-color: hsl(var(--background));
  border-bottom: 1px dashed hsl(var(--border));
}
.navbar .navbar-nav {
  gap: 4px;
}
.navbar .dropdown-menu {
  z-index: 1101;
}
.navbar .nav-link {
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-padding-x: 0.625rem;
  --bs-navbar-nav-link-padding-x: 0.625rem;
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4286;
  transition: 0.2s;
  color: var(--foreground);
}
.navbar .nav-link.active {
  color: var(--foreground);
}
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.show {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.navbar .dropdown-toggle + .dropdown-menu {
  overflow-y: unset !important;
}
.navbar-brand {
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: var(--font-bold);
  color: hsl(var(--foreground));
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: hsl(var(--green));
}
.dropdown:has(.dropdown-item.active) .nav-link {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.navbar-toggler {
  padding: 8px;
  border: 1px solid hsl(var(--border));
  border-radius: 12px;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  -webkit-mask-image: url("/images/icons/close.svg");
          mask-image: url("/images/icons/close.svg");
}
.navbar-toggler .navbar-toggler-icon {
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  flex-shrink: 0;
  transition: 0.2s ease;
  background: hsl(var(--foreground));
  width: 32px;
  height: 32px;
  -webkit-mask-image: url("/images/icons/menu.svg");
          mask-image: url("/images/icons/menu.svg");
}
@media (max-width: 1199/16em) {
  .navbar-collapse {
    position: absolute;
    background: hsl(var(--card));
    top: 100%;
    right: 0;
    z-index: 100;
    padding: 16px;
    border-radius: 0 0 0 16px;
    min-width: 280px;
    transition: none;
    border-bottom: 1px dashed hsl(var(--border));
    border-left: 1px dashed hsl(var(--border));
  }
  .navbar-collapse:before {
    content: "";
    right: 0;
    bottom: 100%;
    background: hsl(var(--card));
    position: absolute;
    height: 14px;
    width: 14px;
  }
}
@keyframes slideTop {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
}
@keyframes slideBottom {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
}
.select2-container--krajee-bs3 .select2-selection {
  --_border: hsl(var(--input));
  --_border-hover: hsl(var(--ring));
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius) !important;
  border-color: var(--_border);
  box-shadow: none;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  transition: 0.2s;
  padding-top: 6px;
  padding-left: 6px;
}
.select2-container--krajee-bs3 .select2-selection.select2-selection--clearable {
  padding-right: 20px;
}
.select2-container--krajee-bs3 .select2-selection--multiple {
  overflow: hidden;
  min-height: 36px;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
  font-family: inherit;
  height: 22px;
  padding: 0 0 0 6px;
  margin-left: 0;
  font-size: 14px;
  line-height: 1.5;
  color: hsl(var(--primary));
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  min-height: 22px;
  margin: 0 6px 6px 0;
  padding: 0 3px 0 8px;
  font-size: 12px;
  line-height: 28/16;
  border: none;
  background-color: hsl(var(--input));
  color: hsl(var(--foreground));
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin: 3px 0 0 4px;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 0;
  opacity: 1;
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  width: 16px;
  height: 16px;
  background: hsl(var(--red));
  padding: 0;
  transition: 0.2s;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear:hover,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: 1;
  background: hsl(var(--red)/0.8);
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear span,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove span {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear span:before,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove span:before,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear span:after,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove span:after {
  content: "";
  width: 10px;
  height: 1px;
  position: absolute;
  background: hsl(var(--red-foreground));
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear span:before,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove span:before {
  transform: rotate(45deg);
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear span:after,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove span:after {
  transform: rotate(-45deg);
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  top: 4px;
  right: 4px;
}
.select2-container--krajee-bs3 .select2-selection--single {
  height: 36px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
  --_border: hsl(var(--input));
  --_radius: calc(var(--radius) - 2px);
  border-left: 1px solid var(--_border);
  border-top-right-radius: var(--_radius);
  border-bottom-right-radius: var(--_radius);
  height: 36px;
  top: 0px;
  right: 0px;
  width: 36px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
  right: 36px;
  top: 0px;
  font-size: 24px;
  line-height: 1.25;
  padding: 3px 8px;
  font-weight: normal;
}
.select2-container--krajee-bs3.select2-container--open .select2-selection,
.select2-container--krajee-bs3 .select2-selection:focus {
  box-shadow: none;
  border-color: var(--_border) !important;
}
.select2-container--krajee-bs3 .select2-dropdown {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  border-width: 1px;
  color: hsl(var(--popover-foreground));
  background-color: hsl(var(--popover));
  border-color: hsl(var(--border));
}
.select2-container--krajee-bs3 .select2-dropdown.select2-dropdown--above {
  border-bottom: 1px solid hsl(var(--border));
  box-shadow: var(--shadow-lg-above);
  margin-top: -4px;
  animation: slideBottom 0.2s;
}
.select2-container--krajee-bs3 .select2-dropdown.select2-dropdown--below {
  border-top: 1px solid hsl(var(--border));
  box-shadow: var(--shadow-lg);
  margin-top: 4px;
  animation: slideTop 0.2s;
}
.select2-container--krajee-bs3 .select2-results__options {
  padding: 4px;
}
.select2-container--krajee-bs3 .select2-results__option {
  --_radius: calc(var(--radius) - 4px);
  line-height: 2;
  padding: 2px 8px;
  transition: 0.1s;
}
.select2-container--krajee-bs3 .select2-results__option:not(:last-child) {
  margin-bottom: 2px;
}
.select2-container--krajee-bs3 .select2-results__option[aria-selected] {
  border-radius: var(--_radius);
  background-color: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
}
.select2-container--krajee-bs3 .select2-results__option[aria-selected].select2-results__option--highlighted {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.select2-container--krajee-bs3 .select2-results__option.select2-results__option--selected {
  background-color: hsl(var(--green));
  color: hsl(var(--green-foreground));
}
.select2-container--krajee-bs3 .select2-results__option.select2-results__option--selected.select2-results__option--highlighted {
  background-color: hsl(var(--red));
  color: hsl(var(--red-foreground));
}
.s2-togall-button {
  color: hsl(var(--green));
  font-family: var(--font-bold);
}
.multiselect[class] {
  font-size: 14px;
  font-weight: normal;
  min-height: 36px;
}
.multiselect[class] .multiselect__tags,
.multiselect[class] .multiselect__content-wrapper {
  --_border: hsl(var(--input));
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius) !important;
  border: 1px solid var(--_border) !important;
}
.multiselect[class] .multiselect__tags {
  min-height: 36px;
  padding-top: 6px;
  padding-right: 36px;
  padding-left: 6px;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
.multiselect[class] .multiselect__tags .multiselect__placeholder {
  margin: 0;
  padding: 0;
}
.multiselect[class]:not(.multiselect--above) .multiselect__content-wrapper {
  margin-top: 4px;
  box-shadow: var(--shadow-lg);
  animation: slideTop 0.2s;
}
.multiselect[class] .multiselect__content-wrapper {
  --_radius: calc(var(--radius) - 2px);
  background: hsl(var(--popover));
  color: var(--popover-foreground);
  border-radius: var(--_radius);
  padding: 4px;
}
.multiselect--above.multiselect[class] .multiselect__content-wrapper {
  margin-bottom: 4px;
  box-shadow: var(--shadow-lg-above);
  animation: slideBottom 0.2s;
}
.multiselect[class] .multiselect__tag {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  display: inline-flex;
  margin: 0 6px 6px 0;
  background-color: hsl(var(--input));
  color: hsl(var(--foreground));
  padding: 0 3px 0 8px;
  font-size: 12px;
  line-height: 22/12;
}
.multiselect[class] .multiselect__tag-icon {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  width: 16px;
  height: 16px;
  background: hsl(var(--red));
  position: initial;
  transition: 0.2s;
  margin: 3px 0 0 4px;
}
.multiselect[class] .multiselect__tag-icon:hover {
  opacity: 1;
  background: hsl(var(--red)/0.8);
}
.multiselect[class] .multiselect__tag-icon:before,
.multiselect[class] .multiselect__tag-icon:after {
  content: "";
  width: 10px;
  height: 1px;
  position: absolute;
  background: hsl(var(--red-foreground));
}
.multiselect[class] .multiselect__tag-icon:before {
  transform: rotate(45deg);
}
.multiselect[class] .multiselect__tag-icon:after {
  transform: rotate(-45deg);
}
.multiselect[class] .multiselect__select {
  width: 36px;
  height: 36px;
}
.multiselect[class] .multiselect__input,
.multiselect[class] .multiselect__single {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
.multiselect[class] .multiselect__element:not(:last-child) {
  margin-bottom: 2px;
}
.multiselect[class] .multiselect__option {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  background-color: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  line-height: 2.25;
  padding: 0.125rem 0.5rem;
  min-height: 32px;
  transition: 0.1s;
}
.multiselect[class] .multiselect__option--highlight {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.multiselect[class] .multiselect__option--selected {
  font-weight: normal;
  background-color: hsl(var(--green));
  color: hsl(var(--green-foreground));
}
.multiselect[class] .multiselect__option--selected.multiselect__option--highlight {
  background-color: hsl(var(--red));
  color: hsl(var(--red-foreground));
}
.checkselect .checkselect-popup[class] {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  filter: none;
  background: hsl(var(--popover));
  color: hsl(var(--popover-foreground));
  border: 0.0625rem solid hsl(var(--border));
  box-shadow: var(--shadow-lg);
  top: calc(100% + 4px);
  padding: 0.25rem;
}
.checkselect .checkselect-popup[class] label {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  padding: 0.375rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4286;
}
.checkselect .checkselect-popup[class] label:hover {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.checkselect .checkselect-popup[class] label input {
  inset: initial;
  --_bg: hsl(var(--primary));
  --_color: hsl(var(--primary-foreground));
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--_bg);
  position: relative;
  transition: 0.2s;
  vertical-align: sub;
  flex-shrink: 0;
}
.checkselect .checkselect-popup[class] label input:before {
  content: "";
  position: absolute;
  transition: 0.2s;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 10px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: rotate(45deg);
}
.checkselect .checkselect-popup[class] label input:checked {
  background-color: var(--_bg);
}
.checkselect .checkselect-popup[class] label input:checked:before {
  border-color: var(--_color);
}
.grid-view {
  overflow: auto;
}
.table-actions {
  display: flex;
  justify-content: flex-end;
}
.table-actions > a,
.table-actions > button {
  border: 1px solid hsl(var(--primary));
  color: hsl(var(--primary));
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.table-actions > a:not(:last-child),
.table-actions > button:not(:last-child) {
  margin-right: 4px;
}
:root {
  --filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath fill='%23596245' d='m10 17-3.375-3.375 1.063-1.063L10 14.875l2.312-2.313 1.063 1.063ZM7.688 7.438 6.625 6.375 10 3l3.375 3.375-1.063 1.063L10 5.125Z'/%3E%3C/svg%3E");
  --filter-icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath fill='%23596245' d='M9.25 16V6.875l-4.188 4.187L4 10l6-6 6 6-1.062 1.062-4.188-4.187V16Z'/%3E%3C/svg%3E");
  --filter-icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Cpath fill='%23596245' d='m10 16-6-6 1.062-1.062 4.188 4.187V4h1.5v9.125l4.188-4.187L16 10Z'/%3E%3C/svg%3E");
}
.table {
  --bs-border-width: 0;
  font-size: 14px;
  background-color: transparent;
}
.table td > .empty {
  padding: 24px 0;
  text-align: center;
  font-size: 20px;
}
.table th {
  font-family: var(--font-bold);
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-width: 0px;
  border-style: solid;
  border-color: hsl(var(--border));
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  color: hsl(var(--muted-foreground));
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > thead > tr > th a,
.table > thead > tr > td a,
.table > thead > tr > th button,
.table > thead > tr > td button,
.table > thead > tr > th span,
.table > thead > tr > td span,
.table > thead > tr > th div,
.table > thead > tr > td div {
  color: hsl(var(--muted-foreground));
}
.table > thead > tr > th,
.table > thead > tr > td {
  border-bottom-width: 1px;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
  border-top-width: 1px;
}
.table > tbody > tr:first-child > th,
.table > tbody > tr:first-child > td {
  border-width: 0;
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top-width: 1px;
}
.table .form-control,
.table .form-select,
.table select {
  min-width: auto;
}
.table-panel-item {
  display: flex;
}
.agro__header[class] {
  --_radius: calc(var(--radius) + 4px);
  border-width: 1px;
  border-bottom-width: 0;
  border-radius: var(--_radius) var(--_radius) 0 0;
  padding: 24px 20px 0;
  border-color: hsl(var(--border));
}
.agro__header[class] + .vgt-wrap.agro {
  border-radius: 0 0 var(--_radius) var(--_radius);
  border-width: 1px;
  border-top-width: 0;
  border-color: hsl(var(--border));
}
.vgt-wrap.agro[class] {
  --_radius: calc(var(--radius) + 4px);
  padding-top: 16px;
  border-width: 1px;
  border-radius: var(--_radius);
}
.vgt-wrap.agro[class] .vgt-table td,
.vgt-wrap.agro[class] .vgt-table th {
  border-color: hsl(var(--border));
}
.vgt-wrap.agro[class] .vgt-table td:first-child,
.vgt-wrap.agro[class] .vgt-table th:first-child {
  padding-left: 20px;
}
.vgt-wrap.agro[class] .vgt-table td:last-child,
.vgt-wrap.agro[class] .vgt-table th:last-child {
  padding-right: 20px;
}
.vgt-wrap.agro[class] .vgt-table td {
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}
.vgt-wrap.agro[class] .vgt-table td.action-link a {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  color: hsl(var(--foreground));
}
.vgt-wrap.agro[class] .vgt-table td.action-link a:before {
  content: none;
}
.vgt-wrap.agro[class] .vgt-table td.action-link a:hover {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.vgt-wrap.agro[class] .vgt-table .vgt-input,
.vgt-wrap.agro[class] .vgt-table .vgt-select,
.vgt-wrap.agro[class] .vgt-table .custom-filter {
  --_border: hsl(var(--input));
  --_border-hover: hsl(var(--ring));
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  padding: 4px 12px;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  border: 1px solid var(--_border);
  height: 36px;
  min-width: 44px;
}
.vgt-wrap.agro[class] .vgt-table .vgt-input:focus,
.vgt-wrap.agro[class] .vgt-table .vgt-select:focus,
.vgt-wrap.agro[class] .vgt-table .custom-filter:focus {
  box-shadow: 0 0 0 1px var(--_border-hover);
}
.vgt-wrap.agro[class] .vgt-table.bordered th.vgt-row-header {
  border-color: hsl(var(--border));
}
.vgt-wrap.agro[class] .vgt-table th.vgt-row-header {
  background-color: hsl(var(--background));
  border-radius: 0 !important;
  border-color: hsl(var(--border));
}
.vgt-wrap.agro[class] .vgt-table th.vgt-row-header .triangle {
  margin-right: 16px;
}
.vgt-wrap.agro[class] .vgt-table tbody:last-child tr:last-child th.vgt-row-header:first-child {
  border-radius: 0 0 0 calc(var(--radius) + 4px) !important;
}
.vgt-wrap.agro[class] .vgt-table tbody:last-child tr:last-child th.vgt-row-header:last-child {
  border-radius: 0 0 calc(var(--radius) + 4px) 0 !important;
}
.vgt-wrap.agro[class] .vgt-table > thead th {
  color: hsl(var(--muted-foreground));
}
.vgt-wrap.agro[class] .vgt-table > thead th.line-numbers,
.vgt-wrap.agro[class] .vgt-table > thead th.vgt-checkbox-col {
  background: hsl(var(--background));
}
.vgt-wrap.agro[class] .vgt-table > thead > tr:last-child td,
.vgt-wrap.agro[class] .vgt-table > thead > tr:last-child th {
  border-radius: 0 !important;
  border-bottom: 1px solid hsl(var(--border));
}
.vgt-wrap.agro[class] .vgt-wrap__footer {
  padding: 16px 20px 24px;
}
.vgt-wrap.agro[class] .vgt-wrap__footer,
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation__info,
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation__page-info,
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation__page-btn {
  color: hsl(var(--foreground));
}
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__row-count form {
  align-items: center;
}
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__row-count__select {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  border: 1px solid hsl(var(--input));
  height: 32px;
  padding-left: 8px;
}
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation > button:first-of-type {
  margin-right: 8px;
}
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation__page-btn {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  border: 1px solid hsl(var(--input));
  padding: 8px 12px;
  line-height: 1;
  font-size: 12px;
  font-weight: normal;
}
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation__page-btn .chevron {
  display: none;
}
.vgt-wrap.agro[class] .vgt-wrap__footer .footer__navigation__page-btn:hover {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}
.vgt-wrap.agro[class] .row-green td {
  color: hsl(var(--green)) !important;
}
.vgt-wrap.agro[class] .row-red td {
  color: hsl(var(--red)) !important;
}
.vgt-wrap.agro[class] .vgt-checkbox-col input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
.vgt-wrap.agro[class] .vgt-checkbox-col input[type="checkbox"]:before {
  --_radius: calc(var(--radius) - 4px);
  border-radius: var(--_radius);
  border-width: 1px;
}
.vgt-wrap.agro[class] .vgt-checkbox-col input[type="checkbox"]:after {
  top: 2px;
  left: 6px;
  width: 4px;
  height: 10px;
  border-width: 1px;
}
.vgt-wrap.agro[class] .vgt-checkbox-col input[type="checkbox"]:checked:after {
  border-color: hsl(var(--green-foreground));
}
.agro__header[class] {
  background-color: transparent;
}
.vgt-wrap.agro[class] .vgt-wrap__footer,
.vgt-wrap.agro[class] thead th {
  background-color: transparent;
}
tbody + tbody:nth-of-type(even) tr th,
tbody + tbody:nth-of-type(even) tr td {
  background: hsl(var(--muted) / 0.5) !important;
}
.nav-tabs {
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  border-bottom: 1px solid hsl(var(--input));
  margin-bottom: 16px;
}
.nav-tabs > li {
  margin: 0;
}
.nav-tabs > li .nav-link {
  padding: 0 16px;
  min-width: 108px;
  height: 48px;
  font-family: var(--font-bold);
  border: none;
  margin: 0;
  padding: 0 12px;
  font-size: 14px;
  line-height: 16/14;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  text-decoration: none;
  border-radius: 0;
  background-color: transparent;
  color: hsl(var(--foreground));
}
.nav-tabs > li .nav-link .icon-mask {
  background-color: hsl(var(--foreground));
  margin-right: 8px;
}
.nav-tabs > li .nav-link:before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 4px;
  height: 4px;
  border-radius: 4px 4px 0 0;
  transition: 0.2s;
}
.nav-tabs > li .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem hsl(var(--primary) / 0.5);
}
.nav-tabs > li .nav-link:hover,
.nav-tabs > li .nav-link:focus,
.nav-tabs > li .nav-link.active {
  --_color: hsl(var(--primary));
  background-color: transparent;
  color: var(--_color);
}
.nav-tabs > li .nav-link:hover:before,
.nav-tabs > li .nav-link:focus:before,
.nav-tabs > li .nav-link.active:before {
  background: var(--_color);
}
.nav-tabs > li .nav-link.active:before {
  width: 100%;
}
.nav-tabs > li .nav-link:hover:not(.active):before,
.nav-tabs > li .nav-link:focus:not(.active):before {
  border-radius: 4px;
}
.nav-tabs > li.error {
  background-color: hsl(var(--red));
}
.tab-content {
  width: 100%;
}
:root {
  --check-size: 24px;
}
.md3-checkbox > label,
.md3-radio > label {
  cursor: pointer;
  align-items: center;
  display: flex;
  gap: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 8px;
  margin-bottom: 0;
}
.md3-checkbox {
  --_icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.41 11.9991L19.7062 5.71303C19.8943 5.52485 20.0001 5.26961 20.0001 5.00347C20.0001 4.73733 19.8943 4.4821 19.7062 4.29391C19.518 4.10572 19.2627 4 18.9966 4C18.7305 4 18.4752 4.10572 18.287 4.29391L12.0009 10.59L5.7148 4.29391C5.52661 4.10572 5.27138 4 5.00524 4C4.7391 4 4.48386 4.10572 4.29568 4.29391C4.10749 4.4821 4.00177 4.73733 4.00177 5.00347C4.00177 5.26961 4.10749 5.52485 4.29568 5.71303L10.5918 11.9991L4.29568 18.2853C4.20201 18.3782 4.12766 18.4887 4.07692 18.6105C4.02618 18.7323 4.00006 18.8629 4.00006 18.9948C4.00006 19.1268 4.02618 19.2574 4.07692 19.3792C4.12766 19.5009 4.20201 19.6115 4.29568 19.7044C4.38858 19.7981 4.49911 19.8724 4.6209 19.9231C4.74268 19.9739 4.87331 20 5.00524 20C5.13717 20 5.26779 19.9739 5.38958 19.9231C5.51136 19.8724 5.62189 19.7981 5.7148 19.7044L12.0009 13.4083L18.287 19.7044C18.3799 19.7981 18.4905 19.8724 18.6123 19.9231C18.734 19.9739 18.8647 20 18.9966 20C19.1285 20 19.2591 19.9739 19.3809 19.9231C19.5027 19.8724 19.6132 19.7981 19.7062 19.7044C19.7998 19.6115 19.8742 19.5009 19.9249 19.3792C19.9756 19.2574 20.0018 19.1268 20.0018 18.9948C20.0018 18.8629 19.9756 18.7323 19.9249 18.6105C19.8742 18.4887 19.7998 18.3782 19.7062 18.2853L13.41 11.9991Z' fill='%2309090b'/%3E%3C/svg%3E%0A");
  display: flex;
  margin: 0;
}
.md3-checkbox > label {
  padding: 0;
}
.md3-checkbox > label + input[type="checkbox"] {
  margin-left: 8px;
}
.md3-checkbox input[type="checkbox"] {
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  margin: 0;
  cursor: pointer;
  background: hsl(var(--input));
  border: 2px solid hsl(var(--input));
  width: 48px;
  height: 28px;
  border-radius: 40px;
  transition: var(--transition-checkbox);
}
.md3-checkbox input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}
.md3-checkbox input[type="checkbox"]:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: hsl(var(--background));
  transition: var(--transition-checkbox);
  background-image: var(--_icon);
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  transform: none;
}
.md3-checkbox input[type="checkbox"]:hover:before,
.md3-checkbox input[type="checkbox"]:focus:before {
  box-shadow: 0px 0px 0px 8px rgba(111, 121, 120, 0.12);
}
.md3-checkbox input[type="checkbox"]:hover:checked:before,
.md3-checkbox input[type="checkbox"]:focus:checked:before {
  box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.12);
}
.md3-checkbox input[type="checkbox"]:checked {
  background: hsl(var(--primary));
  border-color: hsl(var(--primary));
}
.md3-checkbox input[type="checkbox"]:checked:before {
  --_icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24' fill='%2309090b'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' /%3E%3C/svg%3E");
  left: 22px;
  background-color: hsl(var(--background));
}
.md3-checkbox input[type="checkbox"] + label {
  margin-left: 8px;
}
body.dark-theme .md3-checkbox input[type="checkbox"]:before {
  --_icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.41 11.9991L19.7062 5.71303C19.8943 5.52485 20.0001 5.26961 20.0001 5.00347C20.0001 4.73733 19.8943 4.4821 19.7062 4.29391C19.518 4.10572 19.2627 4 18.9966 4C18.7305 4 18.4752 4.10572 18.287 4.29391L12.0009 10.59L5.7148 4.29391C5.52661 4.10572 5.27138 4 5.00524 4C4.7391 4 4.48386 4.10572 4.29568 4.29391C4.10749 4.4821 4.00177 4.73733 4.00177 5.00347C4.00177 5.26961 4.10749 5.52485 4.29568 5.71303L10.5918 11.9991L4.29568 18.2853C4.20201 18.3782 4.12766 18.4887 4.07692 18.6105C4.02618 18.7323 4.00006 18.8629 4.00006 18.9948C4.00006 19.1268 4.02618 19.2574 4.07692 19.3792C4.12766 19.5009 4.20201 19.6115 4.29568 19.7044C4.38858 19.7981 4.49911 19.8724 4.6209 19.9231C4.74268 19.9739 4.87331 20 5.00524 20C5.13717 20 5.26779 19.9739 5.38958 19.9231C5.51136 19.8724 5.62189 19.7981 5.7148 19.7044L12.0009 13.4083L18.287 19.7044C18.3799 19.7981 18.4905 19.8724 18.6123 19.9231C18.734 19.9739 18.8647 20 18.9966 20C19.1285 20 19.2591 19.9739 19.3809 19.9231C19.5027 19.8724 19.6132 19.7981 19.7062 19.7044C19.7998 19.6115 19.8742 19.5009 19.9249 19.3792C19.9756 19.2574 20.0018 19.1268 20.0018 18.9948C20.0018 18.8629 19.9756 18.7323 19.9249 18.6105C19.8742 18.4887 19.7998 18.3782 19.7062 18.2853L13.41 11.9991Z' fill='%23f2f2f2'/%3E%3C/svg%3E%0A");
}
body.dark-theme .md3-checkbox input[type="checkbox"]:checked:before {
  --_icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24' fill='%23f2f2f2'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' /%3E%3C/svg%3E");
}
body.dark-theme .md3-checkbox input[type="checkbox"]:hover:before {
  box-shadow: 0px 0px 0px 8px rgba(137, 147, 146, 0.12);
}
body.dark-theme .md3-checkbox input[type="checkbox"]:hover:checked:before {
  box-shadow: 0px 0px 0px 8px rgba(0, 55, 55, 0.12);
}
.md3-checkbox-label {
  font-weight: normal;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.md3-radio {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.md3-radio > label input[type="radio"] {
  margin-right: 8px;
}
.md3-radio input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: 0px 0px 0px calc(var(--size) / 2) inset hsl(var(--card));
  width: var(--check-size);
  height: var(--check-size);
  position: relative;
  margin-top: 0;
}
.md3-radio input[type="radio"]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: var(--check-size);
  height: var(--check-size);
  transition: var(--transition-primary);
  background: url("/images/icons/radiobox-blank.svg") hsl(var(--background)) no-repeat center;
}
.md3-radio input[type="radio"]:checked:before {
  background: url("/images/icons/radiobox-marked.svg") hsl(var(--background)) no-repeat center;
}
:root {
  --form-control: 36px;
  --form-control__small: 28px;
  --form-control__chips: 20px;
  --quantity-button: var(--form-control);
}
.has-success .control-label,
.has-success .form-label {
  color: hsl(var(--green));
}
.has-success .form-control,
.has-success select.ui.dropdown {
  border-color: hsl(var(--green));
  box-shadow: none;
}
.has-success .form-control:hover,
.has-success select.ui.dropdown:hover,
.has-success .form-control:focus,
.has-success select.ui.dropdown:focus {
  border-color: hsl(var(--green));
}
.has-success .form-control:focus,
.has-success select.ui.dropdown:focus {
  box-shadow: inset 0px 0px 0px 1px hsl(var(--green));
}
.form-control.is-valid,
.form-select.is-valid,
select.ui.dropdown.is-valid {
  background-image: none;
  border-color: hsl(var(--green));
}
.form-control.is-valid:hover,
.form-select.is-valid:hover,
select.ui.dropdown.is-valid:hover,
.form-control.is-valid:focus,
.form-select.is-valid:focus,
select.ui.dropdown.is-valid:focus {
  border-color: hsl(var(--green));
}
.form-control.is-valid:focus,
.form-select.is-valid:focus,
select.ui.dropdown.is-valid:focus {
  box-shadow: inset 0px 0px 0px 1px hsl(var(--green));
}
.has-error .help-block,
.has-error .control-label,
.has-error .form-label {
  color: hsl(var(--red));
}
.has-error .form-control,
.has-error select.ui.dropdown {
  border-color: hsl(var(--red));
  box-shadow: none;
}
.has-error .form-control:hover,
.has-error select.ui.dropdown:hover,
.has-error .form-control:focus,
.has-error select.ui.dropdown:focus {
  border-color: hsl(var(--red));
}
.has-error .form-control:focus,
.has-error select.ui.dropdown:focus {
  box-shadow: inset 0px 0px 0px 1px hsl(var(--red));
}
.form-control.is-error,
.form-select.is-error,
select.ui.dropdown.is-error {
  border-color: hsl(var(--red));
}
.form-control.is-error:hover,
.form-select.is-error:hover,
select.ui.dropdown.is-error:hover,
.form-control.is-error:focus,
.form-select.is-error:focus,
select.ui.dropdown.is-error:focus {
  border-color: hsl(var(--red));
}
.form-control.is-error:focus,
.form-select.is-error:focus,
select.ui.dropdown.is-error:focus {
  box-shadow: inset 0px 0px 0px 1px hsl(var(--red));
}
.form-control.is-invalid,
.form-select.is-invalid,
select.ui.dropdown.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid,
.was-validated select.ui.dropdown:invalid {
  border-color: hsl(var(--red));
}
.form-control.is-invalid:focus,
.form-select.is-invalid:focus,
select.ui.dropdown.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.was-validated .form-select:invalid:focus,
.was-validated select.ui.dropdown:invalid:focus {
  box-shadow: inset 0px 0px 0px 1px hsl(var(--red));
}
.form-control,
.form-select,
select,
select.ui.dropdown {
  --_border: hsl(var(--input));
  --_border-hover: hsl(var(--ring));
  border-color: var(--_border);
}
.form-control:focus,
.form-select:focus,
select:focus,
select.ui.dropdown:focus {
  border-color: var(--_border);
  box-shadow: 0px 0px 0px 1px var(--_border-hover);
}
.form-control:focus ~ .quantity-nav .quantity-button,
.form-select:focus ~ .quantity-nav .quantity-button,
select:focus ~ .quantity-nav .quantity-button,
select.ui.dropdown:focus ~ .quantity-nav .quantity-button {
  box-shadow: 1px 0px 0px 0px var(--_border-hover);
}
.form-group-full {
  max-width: none;
}
textarea {
  resize: vertical;
}
textarea.form-control {
  height: auto;
}
@media (max-width: 599px) {
  .form-group-full-smobile {
    max-width: none;
  }
}
.form-control,
.form-select,
select,
select.ui.dropdown {
  --_height: 36px;
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  min-width: 140px;
  box-shadow: none;
  height: var(--_height);
  padding: 4px 12px;
  font-size: 1rem;
  line-height: 1.429rem;
  position: relative;
}
.form-control::-moz-placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
.form-control::placeholder {
  color: hsl(var(--muted-foreground));
  opacity: 1;
}
.form-control.small-width {
  --_radius: calc(var(--radius) - 4px);
  min-width: 80px;
}
.form-select,
select[class] {
  --select-icon: 20px !important;
  --select-icon__padding: 8px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238b8b8d' height='20' width='20'%3E%3Cpath d='m10 13.062-5-5L6.062 7 10 10.938 13.938 7 15 8.062Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right var(--select-icon__padding) center !important;
  background-size: var(--select-icon) !important;
  padding-right: calc(var(--select-icon) + var(--select-icon__padding)) !important;
}
body.dark-theme .form-select,
body.dark-theme select[class] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E1E3E2' height='20' width='20'%3E%3Cpath d='m10 13.062-5-5L6.062 7 10 10.938 13.938 7 15 8.062Z'/%3E%3C/svg%3E") !important;
}
.help-block,
.invalid-feedback {
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 0.857rem;
  line-height: 1rem;
  color: hsl(var(--red));
}
.control-label,
.form-label {
  display: block;
  flex-wrap: wrap;
  font-size: 0.857rem;
  line-height: 1.429;
  margin-bottom: 0.25rem;
  font-weight: normal;
}
.control-label > .form-control,
.form-label > .form-control,
.control-label > .dp__main,
.form-label > .dp__main {
  margin-top: 4px;
}
.form-group {
  position: relative;
}
.form-group .select2-container {
  width: 100% !important;
}
.form-group.primary-input {
  height: 44px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.form-group.primary-input .control-label,
.form-group.primary-input .form-label {
  font-size: 0.857rem;
  line-height: 1rem;
  margin-bottom: 4px;
  font-weight: normal;
  transition: 0.3s;
  color: hsl(var(--accent));
}
.form-group.primary-input .control-label:not(.label-color-picker),
.form-group.primary-input .form-label:not(.label-color-picker) {
  position: absolute;
  left: 0;
  font-size: 1.143rem;
  line-height: 140%;
  top: calc(50% - 8px);
  pointer-events: none;
}
.form-group.primary-input .help-block {
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.form-group.primary-input .form-control {
  box-shadow: none;
  padding: 0;
  height: 100%;
  width: 100%;
  font-size: 1.143rem;
  line-height: 140%;
  color: hsl(var(--foreground));
  border: none;
  border-bottom: 1px solid hsl(var(--border));
  background: linear-gradient(transparent calc(100% - 1px), hsl(var(--blue)) 0);
  background-position: -100em 0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.form-group.primary-input .form-control.input-color-picker {
  padding: 0;
  height: 20px;
}
.form-group.primary-input .form-control:focus,
.form-group.primary-input .form-control:valid {
  border-bottom: 0px;
  background-position: 0 0;
  background: linear-gradient(transparent calc(100% - 1px), hsl(var(--blue)) 0);
}
.form-group.primary-input .form-control:focus ~ .control-label,
.form-group.primary-input .form-control:valid ~ .control-label,
.form-group.primary-input .form-control:focus ~ .form-label,
.form-group.primary-input .form-control:valid ~ .form-label {
  top: 0;
  font-size: 0.857rem;
  line-height: 1rem;
  pointer-events: all;
  color: hsl(var(--accent));
}
.form-group.primary-input .error {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.form-group.primary-input .has-success .form-control {
  border-bottom: 0px;
  background: linear-gradient(transparent calc(100% - 1px), hsl(var(--blue)) 0);
}
.form-group.primary-input .has-success .form-control ~ .control-label,
.form-group.primary-input .has-success .form-control ~ .form-label {
  top: 0;
  font-size: 0.857rem;
  pointer-events: all;
  color: hsl(var(--accent));
}
.form-group.primary-input .has-error .form-control {
  border-bottom: 0px;
  background: linear-gradient(transparent calc(100% - 1px), hsl(var(--red)) 0);
}
.form-group.primary-input .has-error .form-control ~ .control-label,
.form-group.primary-input .has-error .form-control ~ .form-label {
  color: transparent;
}
.form-group.primary-input .has-error .help-block {
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: calc(100% - 14px);
  font-size: 0.857rem;
  pointer-events: all;
  color: hsl(var(--red));
  display: flex;
  align-items: center;
}
.form-group.primary-input .has-error .help-block:before {
  content: "";
  background: url("/images/warning-info.svg") no-repeat center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: flex;
  flex-shrink: 0;
  margin-right: 5px;
  right: 10px;
  top: 0;
}
.form-group.primary-input .has-error .error {
  pointer-events: all;
  opacity: 1;
  fill: hsl(var(--red));
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-group__small .form-control {
  height: var(--form-control__small);
}
.form-group__small .control-label,
.form-group__small .form-label {
  margin-bottom: 0;
}
.form-group__small:not(:last-child) {
  margin-bottom: 12px;
}
.form-control__small,
.form-select__small {
  width: 100%;
  height: var(--form-control__small);
  padding-top: 3px;
  padding-bottom: 3px;
}
.form-control__chips,
.form-select__chips {
  height: var(--form-control__chips);
  padding: 4px;
}
.form-select__chips {
  min-height: var(--form-control__chips);
  padding: 0 4px;
  --select-icon: 20px;
  --select-icon__padding: 4px;
}
.input-search {
  background-image: url("/images/icons/search.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 40px !important;
}
.input-search:-webkit-autofill {
  padding-left: 12px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-number {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.input-number input {
  padding-right: calc(var(--quantity-button) + var(--quantity-button));
}
.input-string {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.quantity-nav {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  height: var(--quantity-button);
}
.quantity-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  width: var(--quantity-button);
  border-left: 1px solid hsl(var(--border));
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: var(--transition-primary);
}
.quantity-button .icon-mask {
  background-color: hsl(var(--foreground));
}
.bootstrap-timepicker input {
  --_radius: calc(var(--radius) - 2px);
  border-top-left-radius: var(--_radius) !important;
  border-bottom-left-radius: var(--_radius) !important;
}
input[type="file"] {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  border-color: hsl(var(--input));
  border-width: 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 1.715;
  font-size: 14px;
}
input[type="file"]::file-selector-button {
  font-weight: bold;
  border: none;
  padding: 1px 6px;
  background-color: transparent;
}
.chips {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 2px;
  border: 1px solid hsl(var(--border));
  border-radius: 6px;
  gap: 4px;
}
.chips .chips-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 2px;
  border-radius: 4px;
}
.chips .chips-btn:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
}
.chips .chips-btn .icon-mask {
  width: 14px !important;
  height: 14px !important;
}
.chips.chips-large {
  padding: 4px;
  gap: 8px;
}
.chips.chips-large .chips-title,
.chips.chips-large .chips-value {
  font-size: 0.8rem;
}
.chips.chips-large .chips-title {
  border-radius: 6px;
  padding: 0 8px;
}
.chips-title,
.chips-value {
  font-size: 0.857rem;
  line-height: 1.25;
}
.chips-title {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-radius: 4px;
  padding: 0 4px;
}
.chips-primary {
  background-color: hsl(var(--primary)) !important;
}
.chips-primary:after {
  background-color: hsl(var(--primary-foreground));
}
.chips-primary .icon-mask {
  background-color: hsl(var(--primary-foreground));
}
.chips-error {
  background-color: hsl(var(--red)) !important;
}
.chips-error:after {
  background-color: hsl(var(--red-foreground));
}
.chips-error .icon-mask {
  background-color: hsl(var(--red-foreground));
}
.ace-tm .ace_marker-layer > * {
  position: absolute;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  border-radius: 0px;
}
.ace-tm .ace_marker-layer .active,
.ace-tm .ace_marker-layer .offline,
.ace-tm .ace_marker-layer .inactive {
  border-radius: 0;
  pointer-events: all;
}
.ace-tm .ace_marker-layer .active:hover,
.ace-tm .ace_marker-layer .offline:hover,
.ace-tm .ace_marker-layer .inactive:hover {
  cursor: pointer;
  border-radius: 4px;
}
.ace-tm .ace_marker-layer .active {
  background-color: #0ac630;
}
.ace-tm .ace_marker-layer .offline {
  background-color: #ba1b1b;
}
.ace-tm .ace_marker-layer .inactive {
  background-color: #7f747d;
}
.ace-tm .ace_marker-layer .type-array {
  background-color: #fcd5de;
}
.ace-tm .ace_marker-layer .type-true {
  background-color: #e1ffcf;
}
.ace-tm .ace_marker-layer .type-false {
  background-color: #d2d2d2;
}
.ace-tm .ace_marker-layer .type-expr {
  border: 1px solid #825249;
}
.ace-tm .ace_marker-layer .expr {
  border: 1px solid #E7E0EC;
}
.script-view-code-tooltip {
  white-space: pre-line;
  word-break: break-word;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  padding: 8px 16px;
  width: auto;
  max-width: 280px;
  transition: none;
  background: hsl(var(--background));
  box-shadow: var(--elevation-1);
}
.script-view-code-tooltip .type-array {
  color: red;
}
.script-view-code-tooltip .type-true {
  color: green;
}
.script-view-code-tooltip .type-false {
  color: darkgray;
}
.v-collapse {
  transition: height 300ms cubic-bezier(0.33, 1, 0.68, 1);
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
.collapse-block {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.collapse-block > .collapse-button {
  margin: 0;
}
.collapse-button {
  --_radius: calc(var(--radius) - 2px);
  border-radius: var(--_radius);
  display: flex;
  gap: 0.75rem;
  padding: 0.5625rem 0.75rem;
  font-weight: 300;
  align-items: center;
  cursor: pointer;
  background: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
  font-size: 0.875rem;
  line-height: 1.143;
  margin: 0.5rem 0;
  border: none;
  width: 100%;
  box-shadow: var(--shadow-sm);
}
.collapse-button:after {
  content: "";
  border: 0.125rem solid hsl(var(--secondary-foreground));
  border-left-width: 0.25rem;
  border-bottom-width: 0.25rem;
  border-left-color: transparent;
  border-top-color: transparent;
  display: inline-flex;
  transform: rotate(45deg);
  margin-top: -0.25rem;
  margin-left: auto;
  transition: 0.2s;
}
.collapse-button.active {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}
.collapse-button.active:after {
  border-left-color: hsl(var(--primary-foreground));
  border-top-color: hsl(var(--primary-foreground));
  border-right-color: transparent;
  border-bottom-color: transparent;
  margin-top: 0.25rem;
}
.collapse-button.error {
  background: hsl(var(--red));
  color: hsl(var(--red-foreground));
}
.collapse-button.error:before {
  content: "";
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
}
.action-link {
  width: 0;
}
.action-link > span {
  display: flex;
}
.sub-menu[class] .table-name {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.sub-menu[class] .table-refresh {
  gap: 0.25rem;
}
.sub-menu[class] .table-refresh .timer-refresh {
  position: relative;
  left: initial;
}
.highcharts-container .highcharts-background {
  fill: hsl(var(--background)) !important;
}
.highcharts-container .highcharts-title,
.highcharts-container .highcharts-subtitle,
.highcharts-container .highcharts-axis-title,
.highcharts-container .highcharts-axis-labels {
  fill: hsl(var(--foreground));
}
.highcharts-container .highcharts-grid-line,
.highcharts-container .highcharts-column-series rect.highcharts-point {
  stroke: hsl(var(--border)) !important;
}
.highcharts-container .highcharts-tooltip-box {
  fill: hsl(var(--blue));
}
.highcharts-container .highcharts-tooltip text {
  fill: hsl(var(--blue-foreground)) !important;
}
.highcharts-container .highcharts-legend-item text {
  fill: hsl(var(--foreground)) !important;
}
.highcharts-container .highcharts-axis-labels text {
  fill: hsl(var(--muted-foreground)) !important;
}
.highcharts-container .highcharts-axis > path {
  stroke: hsl(var(--border)) !important;
}
.svg.load-file {
  -webkit-mask-image: url("/images/report/load_file.svg");
          mask-image: url("/images/report/load_file.svg");
  width: 12px;
  height: 15px;
}
.image-loader,
.image-loader-ajax,
.image-loader-inline {
  background: url("/images/spinner.gif") no-repeat center;
  min-width: 80px;
  min-height: 80px;
  background-size: 80px;
}
.image-loader.little,
.image-loader-ajax.little,
.image-loader-inline.little,
.image-loader.less,
.image-loader-ajax.less,
.image-loader-inline.less {
  background-image: url("/images/spinner.gif");
}
.image-loader.little,
.image-loader-ajax.little,
.image-loader-inline.little {
  min-width: 24px;
  min-height: 24px;
  background-size: 24px;
}
.image-loader.less,
.image-loader-ajax.less,
.image-loader-inline.less {
  min-width: 18px;
  min-height: 18px;
  background-size: 18px;
}
.image-loader.middle,
.image-loader-ajax.middle,
.image-loader-inline.middle {
  min-width: 50px;
  min-height: 50px;
  background-size: 50px;
}
.report-filter-item {
  position: relative;
}
.report-filter-item.invisible-block {
  display: none;
}
.report-filter-item .remove-btn {
  --icon: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.25C3.11719 0.25 0 3.39453 0 7.25C0 11.1328 3.11719 14.25 7 14.25C10.8555 14.25 14 11.1328 14 7.25C14 3.39453 10.8555 0.25 7 0.25ZM9.89844 9.68359C10.1172 9.95703 10.0898 10.3672 9.81641 10.6133C9.70703 10.7227 9.54297 10.75 9.40625 10.75C9.21484 10.75 9.02344 10.6953 8.88672 10.5312L7 8.28906L5.08594 10.5312C4.94922 10.6953 4.75781 10.75 4.56641 10.75C4.42969 10.75 4.29297 10.7227 4.15625 10.6133C3.88281 10.3672 3.85547 9.95703 4.07422 9.68359L6.125 7.25L4.07422 4.84375C3.85547 4.57031 3.88281 4.16016 4.15625 3.91406C4.42969 3.69531 4.83984 3.72266 5.08594 3.99609L7 6.23828L8.88672 3.99609C9.13281 3.72266 9.54297 3.69531 9.81641 3.91406C10.0898 4.16016 10.1172 4.57031 9.89844 4.84375L7.84766 7.25L9.89844 9.68359Z' fill='%23191c1c'/%3E%3C/svg%3E%0A");
  --icon-hover: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.25C3.11719 0.25 0 3.39453 0 7.25C0 11.1328 3.11719 14.25 7 14.25C10.8555 14.25 14 11.1328 14 7.25C14 3.39453 10.8555 0.25 7 0.25ZM9.89844 9.68359C10.1172 9.95703 10.0898 10.3672 9.81641 10.6133C9.70703 10.7227 9.54297 10.75 9.40625 10.75C9.21484 10.75 9.02344 10.6953 8.88672 10.5312L7 8.28906L5.08594 10.5312C4.94922 10.6953 4.75781 10.75 4.56641 10.75C4.42969 10.75 4.29297 10.7227 4.15625 10.6133C3.88281 10.3672 3.85547 9.95703 4.07422 9.68359L6.125 7.25L4.07422 4.84375C3.85547 4.57031 3.88281 4.16016 4.15625 3.91406C4.42969 3.69531 4.83984 3.72266 5.08594 3.99609L7 6.23828L8.88672 3.99609C9.13281 3.72266 9.54297 3.69531 9.81641 3.91406C10.0898 4.16016 10.1172 4.57031 9.89844 4.84375L7.84766 7.25L9.89844 9.68359Z' fill='%23ba1a1a'/%3E%3C/svg%3E%0A");
  position: absolute;
  z-index: 1;
  right: 0;
  top: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-size: 0;
  width: 16px;
  height: 16px;
  background-image: var(--icon);
  transition: 0.2s;
  cursor: pointer;
}
.report-filter-item .remove-btn:hover {
  background-image: var(--icon-hover);
}
body.dark-theme .report-filter-item .remove-btn {
  --icon: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.25C3.11719 0.25 0 3.39453 0 7.25C0 11.1328 3.11719 14.25 7 14.25C10.8555 14.25 14 11.1328 14 7.25C14 3.39453 10.8555 0.25 7 0.25ZM9.89844 9.68359C10.1172 9.95703 10.0898 10.3672 9.81641 10.6133C9.70703 10.7227 9.54297 10.75 9.40625 10.75C9.21484 10.75 9.02344 10.6953 8.88672 10.5312L7 8.28906L5.08594 10.5312C4.94922 10.6953 4.75781 10.75 4.56641 10.75C4.42969 10.75 4.29297 10.7227 4.15625 10.6133C3.88281 10.3672 3.85547 9.95703 4.07422 9.68359L6.125 7.25L4.07422 4.84375C3.85547 4.57031 3.88281 4.16016 4.15625 3.91406C4.42969 3.69531 4.83984 3.72266 5.08594 3.99609L7 6.23828L8.88672 3.99609C9.13281 3.72266 9.54297 3.69531 9.81641 3.91406C10.0898 4.16016 10.1172 4.57031 9.89844 4.84375L7.84766 7.25L9.89844 9.68359Z' fill='%23e1e3e2'/%3E%3C/svg%3E%0A");
}
.table-footer {
  font-family: var(--font-bold);
}
.temporary-alert {
  position: fixed;
  bottom: 20px;
  left: 50%;
  right: 20px;
  z-index: 2000;
}
.preview-img {
  width: 80px;
  height: 80px;
}
td .preview-img {
  width: 40px;
  height: 40px;
  padding: 0;
}
.show-message-circle {
  display: inline-flex;
  position: relative;
  border-radius: 2rem;
  height: 16px;
  line-height: 1.25;
  padding: 3px 5px;
  z-index: 1;
  top: -8px;
  min-width: 16px;
  margin-left: 1px;
  font-size: 11px;
  font-weight: normal;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--red));
  color: hsl(var(--red-foreground));
}
.show-message-circle.circle-error {
  background-color: hsl(var(--red));
  color: hsl(var(--red-foreground));
}
.show-message-circle.circle-alert {
  background-color: hsl(var(--yellow));
  color: hsl(var(--yellow-foreground));
}
.show-message-circle.circle-no-confirm {
  background-color: hsl(var(--orange));
  color: hsl(var(--orange-foreground));
}
.dp__input[class] {
  --_border: hsl(var(--input));
  --_border-hover: hsl(var(--ring));
  --dp-input-padding: 4px 16px 4px 16px;
  --dp-border-radius: calc(var(--radius) - 2px);
  line-height: calc(var(--dp-font-size) * 1.625);
}
.dp__input[class],
.dp__input[class]:hover {
  border-color: var(--_border);
}
.dp__input[class].dp__input_focus {
  box-shadow: 0 0 0 1px var(--_border-hover);
}
.secondary-navbar {
  height: var(--secondary-navbar-size);
  padding: 2px;
  border-bottom: 1px solid hsl(var(--border));
}
@media (max-width: 767px) {
  .secondary-navbar {
    height: auto;
  }
}
.secondary-navbar ~ .editor {
  height: calc(100vh - var(--secondary-navbar-size));
}
.secondary-navbar ~ .editor-tab {
  height: calc(100vh - var(--secondary-navbar-size) - var(--nav-tab-panel-size));
}
.secondary-navbar .navbar-nav:not(.navbar-left) > li > a,
.secondary-navbar .navbar-nav:not(.navbar-left) .open > a {
  line-height: 20px;
  border-radius: calc(var(--radius) - 2px);
  padding: 8px 12px;
}
.secondary-navbar .navbar-nav:not(.navbar-left) > li > a,
.secondary-navbar .navbar-nav:not(.navbar-left) .open > a,
.secondary-navbar .navbar-nav:not(.navbar-left) > li > a:hover,
.secondary-navbar .navbar-nav:not(.navbar-left) .open > a:hover,
.secondary-navbar .navbar-nav:not(.navbar-left) > li > a:focus,
.secondary-navbar .navbar-nav:not(.navbar-left) .open > a:focus {
  color: hsl(var(--foreground));
}
@media (min-width: 992px) {
  .secondary-navbar .navbar-nav:not(.navbar-left) > li > a,
  .secondary-navbar .navbar-nav:not(.navbar-left) .open > a {
    padding: 4px 12px;
  }
}
.secondary-navbar .navbar-nav:not(.navbar-left) > li > a.icon-button,
.secondary-navbar .navbar-nav:not(.navbar-left) .open > a.icon-button {
  padding: 4px;
}
.secondary-navbar .navbar-nav:not(.navbar-left) > li > a.widgets-align,
.secondary-navbar .navbar-nav:not(.navbar-left) .open > a.widgets-align {
  padding: 0;
}
.secondary-navbar .header-title__project,
.secondary-navbar .header-title__dashboard {
  padding: 4px 12px 4px 8px;
}
.secondary-navbar .zoom-panel {
  display: flex;
  align-items: center;
}
.secondary-navbar .zoom-panel > p {
  width: 36px;
  margin-right: 4px;
  margin-bottom: 0;
}
.secondary-navbar .zoom-panel input[type="range"] {
  width: auto;
}
.secondary-navbar .widgets-align button {
  padding: 4px;
}
.site-error {
  display: grid;
  justify-content: center;
  justify-items: center;
}
.site-error h1 {
  color: var(--Error);
  margin-bottom: 0.5rem;
}
.site-error__message {
  font-size: 24px;
  color: hsl(var(--foreground));
  margin-bottom: 32px;
}
@keyframes ping {
  75%,
  100% {
    box-shadow: 0px 0px 0px 20px transparent;
  }
}
.site-error__icon {
  margin: 64px 0 32px;
  display: flex;
  border-radius: 50%;
  padding: 16px;
  background-color: hsl(var(--red));
  box-shadow: 0px 0px 0px 0px hsl(var(--red));
  animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.site-error__icon .icon-mask {
  width: 40px;
  height: 40px;
  background-color: hsl(var(--red-foreground));
}
.node-config .list-group [data-key] {
  width: 100%;
}
.device-block-wrap {
  position: relative;
}
.device-block-wrap:not(:last-child) {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid hsl(var(--border));
}
.device-block-wrap .device-updating {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.device-block-wrap .device-updating svg {
  width: auto;
  height: 100%;
}
.device-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.device-values {
  flex-wrap: wrap;
  display: inline-flex;
  border-radius: 4px;
  border: 1px solid hsl(var(--border));
  overflow: hidden;
}
.device-values code {
  padding: 2px 4px;
  border-radius: 0;
  align-items: center;
  display: flex;
  background-color: hsl(var(--accent));
  color: hsl(var(--red));
  font-weight: bold;
}
.device-values span {
  background-color: hsl(var(--accent));
  border-radius: 4px;
  margin: 4px 2px;
  font-size: 0.714rem;
  padding: 2px 4px;
}
.device-values b {
  font-size: 0.857rem;
}
.node-config .disabled {
  opacity: 0.3;
  pointer-events: none;
}
.node-config button[type="button"] {
  border-radius: 2px;
  padding: 0px;
}
.node-config .jsoneditor {
  min-height: 200px;
}
.node-config .jsoneditor > .jsoneditor-menu {
  height: 65px;
}
.node-config .jsoneditor .jsoneditor-search {
  left: 0px;
  top: 35px;
}
.node-config .jsoneditor .jsoneditor-search button[type="button"] {
  background-color: #fff;
}
.node-config .jsoneditor a.jsoneditor-poweredBy {
  opacity: 0;
  display: none;
}
.node-config .different-element {
  background-color: #ffd4d480;
}
.node-config .same_element {
  background-color: #acee6180;
}
.help-module-block h3 {
  font-size: 1.143rem;
  line-height: 1.714rem;
  margin-bottom: 16px;
}
.help-module-block p {
  margin-bottom: 8px;
}
.help-module-block ul {
  font-size: 1rem;
  line-height: 1.429rem;
}
.help-module-block pre {
  position: relative;
}
.help-module-block .pre-copy {
  position: absolute;
  top: 8px;
  right: 8px;
}
.help-module-block .pre-paste {
  position: absolute;
  top: 8px;
  right: 44px;
}
#errors-info {
  width: 100%;
  height: 100%;
}
.node-status {
  width: 0;
  height: 0;
  display: inline-flex;
  vertical-align: sub;
  flex-shrink: 0;
  margin-right: 8px;
  border-radius: 50%;
  border: 8px solid grey;
}
.node-status.offline {
  border-color: hsl(var(--red));
}
.node-status.ok {
  border-color: hsl(var(--green));
  animation: circle 1s;
}
@keyframes circle {
  0% {
    border-color: hsl(var(--green)) transparent transparent transparent;
  }
  50% {
    border-color: hsl(var(--green)) hsl(var(--green)) transparent transparent;
  }
  75% {
    border-color: hsl(var(--green)) hsl(var(--green)) hsl(var(--green)) transparent;
  }
  100% {
    border-color: hsl(var(--green));
  }
}
html,
body {
  height: 100%;
  min-height: 100%;
}
body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}
@media (max-width: 1439/16em) {
  .container {
    max-width: none !important;
  }
}
@media (min-width: 1440/16em) {
  .container {
    max-width: 1408px;
  }
}
* {
  border: 0 solid #e5e7eb;
  border-color: hsl(var(--border));
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}
html ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0);
  opacity: 0;
}
html ::-webkit-scrollbar-thumb,
html ::-webkit-scrollbar-track {
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
}
html ::-webkit-scrollbar-button {
  display: none;
}
html ::-webkit-scrollbar-thumb {
  background-color: hsl(var(--border));
}
html ::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
  border-color: transparent;
  background-color: hsl(var(--input));
}
html ::-webkit-scrollbar-track {
  background: transparent;
}
.hidden,
.hide {
  display: none !important;
}
.w-0 {
  width: 0 !important;
}
.fs-7 {
  font-size: 0.875rem !important;
}
.fs-8 {
  font-size: 0.75rem !important;
}
.flex {
  display: flex !important;
}
.flex-1-0-auto {
  flex: 1 0 auto;
}
.position-initial {
  position: initial !important;
}
.clean-list {
  list-style: none;
}
.min-w-100 {
  min-width: 100%;
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground)) !important;
}
.bg-muted-foreground {
  background-color: hsl(var(--muted-foreground)) !important;
}
.s-16 {
  width: 1rem !important;
  height: 1rem !important;
}
.s-12 {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
hr {
  border-color: hsl(var(--border));
  opacity: 1;
}
@keyframes textAnim {
  0% {
    opacity: 0;
    transform: translateY(-8px);
    color: hsl(var(--primary));
  }
  40% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    color: hsl(var(--primary));
  }
  100% {
    color: hsl(var(--foreground));
  }
}