@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
html[data-theme=light] .st-box {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.04);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.04);
  box-shadow: 0 2px 7px 0 rgba(var(--primary-dark-color-RGB), 0.015), 0 4px 7px 0 rgba(var(--primary-dark-color-RGB), 0.03);
}

html[data-theme=dark] .st-box {
  background-color: rgba(0, 19, 69, 0.35);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.max-1080 {
  max-width: 1080px;
}

.text-bold {
  font-weight: bold;
}

.text-main {
  color: var(--main-color);
}

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

.hide {
  display: none;
}

.hide-opaq {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(100);
}

.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}

.dx-fieldset .label {
  letter-spacing: 0.1px;
  opacity: 0.8;
  margin-bottom: 7px;
}

.info-text {
  font-size: 12.5px;
  color: var(--text-color--opaq);
  font-style: normal;
  display: block;
  transition: color 0.3s ease;
}

.separator-1 {
  border-color: var(--main-color);
  margin-block: 1.5rem;
}

.separator-2 {
  border-color: var(--border-opaq-10);
  margin-block: 2.5rem;
  opacity: 0.5;
}

.st-box {
  padding: 2.5rem;
  margin: 0;
  margin-bottom: 1.5rem;
  border-radius: 12px;
}

.st-box.datagrid-controlled-height {
  height: calc(100% - 55px - 58.64px - 41.39px - 13.33px + 7px);
  overflow: hidden;
}

.st-box.datagrid-controlled-height-v1 {
  height: calc(100% - 55px - 58.64px);
  overflow: hidden;
}

.reset-input, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-editor-cell .dx-texteditor,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-selectbox .dx-texteditor-container, .dx-editor-cell .dx-texteditor-container .dx-texteditor-input, .dx-dropdowneditor .dx-selectbox-container .dx-texteditor-input,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  height: 100%;
  min-height: unset;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

.dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 2.5rem;
  background: #ec0000;
  display: none;
}

.animated-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2.5rem;
  background: #ec0000;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  opacity: 0.75;
  display: none;
}

.btns-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.btns-grid > * {
  position: relative;
  flex: 0 1 18rem;
  max-width: 100%;
}
.btns-grid .button-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--text-color);
  text-wrap: none;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  padding: 1rem 1.5rem;
  border-radius: 8px;
}
.btns-grid .button-icon .text {
  flex: 1;
  text-align: left;
}
.btns-grid .button-icon .icon {
  flex: 0 0 2.15rem;
  width: 2.15rem;
  height: auto;
}

html[data-theme=light] .btns-grid .button-icon {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}

.toggle-content {
  display: block;
}

.hideRow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showRow {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes blink {
  0%, 20% {
    opacity: 0;
  }
  30%, 100% {
    opacity: 1;
  }
}
@keyframes pulseFade {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.075);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: sans-serif;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

ul,
ol {
  list-style: none;
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
  padding: 0;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

textarea:not([rows]) {
  min-height: 7.5rem;
}

:target {
  scroll-margin-block: 5ex;
}

fieldset,
legend {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@page {
  margin: 0;
}
@font-face {
  font-family: "DS-Digital";
  src: url("../../fonts/DS-DIGI.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: var(--text-color);
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: var(--text-color);
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

h2.border-b, h3.border-b, h4.border-b, h5.border-b, h6.border-b {
  border-bottom: 1px solid var(--border-opaq);
  padding-bottom: 0.8rem;
}
h2.text-main.border-b, h3.text-main.border-b, h4.text-main.border-b, h5.text-main.border-b, h6.text-main.border-b {
  color: var(--main-color);
}

.label-title-sm {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.35px;
}

.label-title-md {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.35px;
}

.toolbar-title {
  color: var(--text-color);
  font-size: 1.6rem;
  font-weight: 500;
}

p {
  line-height: 1.5;
  margin-bottom: 1rem;
}

a {
  color: var(--link-color);
  text-decoration: none;
}
.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

.digitized {
  font-family: "DS-Digital", monospace;
  font-size: 3rem;
  color: #00ff00;
  background-color: #000;
  padding: 0.5em 1em;
  letter-spacing: 0.1em;
  text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00;
}

:root {
  --r: 10px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-family: "Roboto", sans-serif;
  font-size: 62.5%;
  line-height: 1.5;
  color: #333;
  scroll-behavior: smooth;
  direction: ltr;
}

body.dx-viewport {
  margin: 0;
  padding: 0;
  color: var(--text-color);
  background-image: var(--bg-img);
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 1.42857143;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1 {
  color: var(--text-color);
}

main#main-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
main#main-wrapper .page-wrapper,
main#main-wrapper .body-wrapper {
  height: 100%;
}

.page-wrapper {
  position: relative;
  height: 100%;
}

[data-entity]:not([data-entity=""]) {
  background-image: none;
  background: transparent;
}
[data-entity]:not([data-entity=""]) main#main-wrapper .page-wrapper {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
[data-entity]:not([data-entity=""]) main#main-wrapper .page-wrapper form.st-form {
  height: 100%;
}

.main-container {
  height: calc(100% - 5.5rem);
  display: flex;
  flex-direction: column;
  width: calc(100% - 25rem - 1rem);
  margin-top: 5.5rem;
  margin-left: 26rem;
  transition: all 0.3s ease;
}
.main-container.-full {
  width: calc(100% - 6.5rem);
  margin-left: 6.5rem;
}

.main-container .page-content {
  height: 100%;
  flex: 1 auto;
  padding-right: 1.5rem;
}
.main-container .page-content #tabsMain .dx-tabpanel-container {
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(12px) brightness(1.2);
  -webkit-backdrop-filter: blur(12px) brightness(1.2);
  max-height: calc(100% - 5rem);
  border-radius: 12px;
}

hr {
  border-top: 1px solid var(--border-opaq-25);
}

@media only screen and (max-width: 991px) {
  .main-container,
  .main-container.-full {
    width: 100%;
    margin-left: 0;
  }
  .main-container .page-content {
    padding-left: 1.5rem;
    margin-bottom: 0;
  }
}
.block-50 {
  height: 450px;
  margin-bottom: 25px;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}

#copyright-toggle {
  display: none;
  position: absolute;
  right: 1.5rem;
  bottom: 0;
}
#copyright-toggle .icon-wrapper {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  width: 3.25rem;
  height: 3.25rem;
  padding: 0.45rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
}

*::-webkit-scrollbar {
  width: var(--st-size);
}

*::-webkit-scrollbar-track {
  background: var(--st-track-color);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--st-thumb-color);
  border-radius: 6px;
}

.st-memo-list::-webkit-scrollbar,
.nav-tabs::-webkit-scrollbar {
  height: var(--st-size);
}
.st-memo-list::-webkit-scrollbar-track,
.nav-tabs::-webkit-scrollbar-track {
  background: var(--st-track-color);
}
.st-memo-list::-webkit-scrollbar-thumb,
.nav-tabs::-webkit-scrollbar-thumb {
  background: var(--st-thumb-color);
  border-radius: 6px;
}

.nav-tabs::-webkit-scrollbar {
  height: var(--st-size);
}

.nav-tabs::-webkit-scrollbar-track {
  background: var(--st-track-color);
}

.nav-tabs::-webkit-scrollbar-thumb {
  background: var(--st-thumb-color);
  border-radius: 6px;
}

/* AXIOGRAFA */
/* VOITHITIKA */
/* AGORES */
.btn, .dx-dialog.dx-overlay .dx-toolbar .dx-button {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 1.25rem 2.5rem;
  border-radius: 25px;
  transform: scale3d(1, 1, 1);
  transition: all 0.3s ease;
  max-height: 3.2rem;
  min-width: fit-content;
  text-wrap: nowrap;
  cursor: pointer;
  user-select: none;
}
.btn:not(.btn--outline), .dx-dialog.dx-overlay .dx-toolbar .dx-button:not(.btn--outline), .btn:not(.btn--outline):hover {
  border: 0;
}
.btn .dx-state-focused, .dx-dialog.dx-overlay .dx-toolbar .dx-button .dx-state-focused {
  background-color: inherit;
}
.btn:focus, .dx-dialog.dx-overlay .dx-toolbar .dx-button:focus, .btn:focus-visible, .dx-dialog.dx-overlay .dx-toolbar .dx-button:focus-visible, .btn:focus:active, .btn:active, .dx-dialog.dx-overlay .dx-toolbar .dx-button:active {
  background-color: inherit;
}
.btn--main {
  background-color: var(--main-color);
  color: var(--text-color);
  color: var(--text-color);
}
.btn--main:hover {
  background-color: var(--main-color-hover);
}
.btn--main:focus, .btn--main:focus-visible, .btn--main:focus:active, .btn--main:active {
  background-color: var(--main-color-hover);
  transform: scale3d(1.025, 1.025, 1.025);
}
.btn--main:not(:focus):not(:active) {
  transform: none;
}
.btn--glassy {
  color: var(--text-color);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px) brightness(0.2);
  -webkit-backdrop-filter: blur(10px) brightness(0.2);
}
.btn--glassy:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.btn--glassy:focus, .btn--glassy:focus-visible, .btn--glassy:focus:active, .btn--glassy:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.btn--opaq {
  background-color: var(--bg-light-color-05);
}
.btn--opaq:hover {
  background-color: var(--bg-light-color-15);
}
.btn--primary, .dx-dialog.dx-overlay .dx-toolbar .dx-button, .btn--primary.dx-widget {
  background-color: #0567fc;
  color: var(--text-color-light);
}
.btn--primary:hover, .dx-dialog.dx-overlay .dx-toolbar .dx-button:hover, .btn--primary.dx-widget:hover {
  background-color: #0252cc;
}
.btn--secondary {
  background-color: #2ecc71;
  color: var(--text-color);
}
.btn--secondary:hover {
  background-color: #25a25a;
}
.btn--danger {
  background-color: #ec0000;
  color: var(--text-color);
  color: var(--text-color-light);
}
.btn--danger .dx-icon {
  color: var(--text-color-light);
}
.btn--danger:hover {
  background-color: #b90000;
}
.btn--warning {
  background-color: #fff;
  color: var(--text-color);
}
.btn--warning .dx-icon {
  color: #ec0000;
}
.btn--warning:hover {
  background-color: #f2f2f2;
}
.btn--light {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--text-color);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.btn--light:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.btn--light_2 {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--text-color);
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(10px) brightness(2);
  -webkit-backdrop-filter: blur(10px) brightness(2);
}
.btn--light_2:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(10px) brightness(2.5);
  -webkit-backdrop-filter: blur(10px) brightness(2.5);
}
.btn--dark {
  background-color: #2c3e50;
  color: var(--text-color);
}
.btn--p-lg {
  padding-inline: 2.5rem;
}

.btn--back {
  font-size: 1.2rem;
  letter-spacing: 0.75px;
  color: var(--text-color);
  background: transparent;
  outline: 1px solid rgba(var(--base-color), 0.5);
  border-radius: 5px;
  padding: 2px 0.3rem 0 0.7rem;
  transition: background-color 0.4s ease-in-out 0.1s, transform 0.4s ease-in-out 0.1s;
}
.btn--back .dx-button-content {
  flex-direction: row-reverse;
  gap: 0.1rem;
}
.btn--back .dx-icon {
  font-size: 1.05rem;
  margin: 0;
}
.btn--back .dx-icon:before {
  color: var(--text-color);
}
.btn--back:hover, .btn--back.dx-state-hover {
  background: rgba(var(--base-color), 0.1);
}
.btn--back.dx-state-active {
  color: var(--text-color);
}
.btn--back.dx-state-focused, .btn--back.dx-state-hover.dx-state-focused {
  outline: 1px solid var(--text-color-inv);
}

.btn--mini {
  font-size: 1.4rem;
  padding: 0.25rem 1rem;
}

.btn--small {
  font-size: 1.4rem;
  padding: 0.7rem 1.75rem;
}

.btn--large {
  font-size: 1.4rem;
  padding: 1.25rem 2.5rem;
}

.btn--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.btn--inline-flex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.btn--block {
  display: block;
  width: 100%;
}

.btn__icon svg,
.btn__icon svg path {
  fill: var(--text-color);
}

.btn--icon svg {
  width: 2rem;
}

.btn--center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn--outline,
.dx-button.btn--outline {
  background-color: transparent;
  border: 1px solid currentColor;
}
.btn--outline-primary, .btn--outline.btn--primary, .dx-dialog.dx-overlay .dx-toolbar .btn--outline.dx-button,
.dx-button.btn--outline-primary,
.dx-button.btn--outline.btn--primary {
  color: var(--text-color);
  border-color: var(--text-color);
}
.btn--outline.btn--primary .dx-button-text, .dx-dialog.dx-overlay .dx-toolbar .btn--outline.dx-button .dx-button-text,
.dx-button.btn--outline.btn--primary .dx-button-text {
  color: var(--text-color);
}
.btn--outline-primary:hover, .btn--outline.btn--primary:hover, .dx-dialog.dx-overlay .dx-toolbar .btn--outline.dx-button:hover, .btn--outline-primary:focus, .btn--outline.btn--primary:focus, .dx-dialog.dx-overlay .dx-toolbar .btn--outline.dx-button:focus,
.dx-button.btn--outline-primary:hover,
.dx-button.btn--outline.btn--primary:hover,
.dx-button.btn--outline-primary:focus,
.dx-button.btn--outline.btn--primary:focus {
  background-color: var(--text-color);
  color: var(--text-color-inv);
}
.btn--primary .dx-icon, .dx-dialog.dx-overlay .dx-toolbar .dx-button .dx-icon {
  color: #fff;
}

.btn--effect-1 {
  font-size: 1.4rem;
  color: #fff;
  padding: 7px 15px;
  border-radius: 2.5rem;
  background-color: var(--main-color);
  background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.2) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}

.btn-new-entry {
  color: #fff;
  padding: 4px 10px 4px 4px;
}
.btn-new-entry .dx-button-text {
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: -0.35px;
  line-height: 1.15;
}
.btn-new-entry .dx-icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  border-radius: 50%;
  padding: 4px;
  margin-inline-end: 5px;
}

.btn-datagrid-refresh {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.5);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.5);
  width: 28px;
  aspect-ratio: 1/1;
  padding: 4px;
}
.btn-datagrid-refresh .dx-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--text-color);
}

#formErrorsBtn {
  position: relative;
  display: none;
  padding: 0.9rem;
  overflow: visible;
}
#formErrorsBtn._show {
  display: inline-flex;
}
#formErrorsBtn .errorsCount {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  aspect-ratio: 1/1;
  background-color: #ec0000;
  color: #fff;
  padding: 4px;
  border-radius: 5rem;
  min-width: 18px;
}

.st-dropdown {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  padding: 0.5rem 1.35rem;
  padding-inline: 1.5rem;
}
.st-dropdown .dx-icon {
  color: var(--text-color);
}

html[data-theme=light] body[data-entity=shop-storage] .btn.btn--main, html[data-theme=light] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=shop-storage] .btn--main.dx-button,
html[data-theme=light] body[data-entity=sales] .btn.btn--main,
html[data-theme=light] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=sales] .btn--main.dx-button,
html[data-theme=light] body[data-entity=purschases] .btn.btn--main,
html[data-theme=light] body[data-entity=purschases] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=purschases] .btn--main.dx-button {
  color: var(--text-color-dark);
}
html[data-theme=light] body[data-entity=shop-storage] .btn.btn-new-entry, html[data-theme=light] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=shop-storage] .btn-new-entry.dx-button,
html[data-theme=light] body[data-entity=sales] .btn.btn-new-entry,
html[data-theme=light] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=sales] .btn-new-entry.dx-button,
html[data-theme=light] body[data-entity=purschases] .btn.btn-new-entry,
html[data-theme=light] body[data-entity=purschases] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=purschases] .btn-new-entry.dx-button {
  color: var(--text-color-dark);
}
html[data-theme=light] body[data-entity=shop-storage] .btn.btn-new-entry .dx-icon, html[data-theme=light] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=shop-storage] .btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=sales] .btn.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=sales] .btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=purschases] .btn.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=purschases] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=purschases] .btn-new-entry.dx-button .dx-icon {
  color: var(--text-color-dark);
  background: rgba(255, 255, 255, 0.25);
}
html[data-theme=light] body[data-entity=customers] .btn.btn--main, html[data-theme=light] body[data-entity=customers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=customers] .btn--main.dx-button,
html[data-theme=light] body[data-entity=suppliers] .btn.btn--main,
html[data-theme=light] body[data-entity=suppliers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=suppliers] .btn--main.dx-button,
html[data-theme=light] body[data-entity=salesman] .btn.btn--main,
html[data-theme=light] body[data-entity=salesman] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=salesman] .btn--main.dx-button,
html[data-theme=light] body[data-entity=helpers] .btn.btn--main,
html[data-theme=light] body[data-entity=helpers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=helpers] .btn--main.dx-button,
html[data-theme=light] body[data-entity=bills] .btn.btn--main,
html[data-theme=light] body[data-entity=bills] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=bills] .btn--main.dx-button,
html[data-theme=light] body[data-entity=vouchers] .btn.btn--main,
html[data-theme=light] body[data-entity=vouchers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=vouchers] .btn--main.dx-button,
html[data-theme=light] .btn.btn--primary.dx-widget,
html[data-theme=light] .dx-dialog.dx-overlay .dx-toolbar .dx-widget.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] .dx-widget.dx-button {
  color: var(--text-color-light);
}
html[data-theme=light] body[data-entity=customers] .btn.btn--main.btn-new-entry .dx-icon, html[data-theme=light] body[data-entity=customers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.btn-new-entry.dx-button .dx-icon, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=customers] .btn--main.btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=suppliers] .btn.btn--main.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=suppliers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=suppliers] .btn--main.btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=salesman] .btn.btn--main.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=salesman] .dx-dialog.dx-overlay .dx-toolbar .btn--main.btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=salesman] .btn--main.btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=helpers] .btn.btn--main.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=helpers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=helpers] .btn--main.btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=bills] .btn.btn--main.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=bills] .dx-dialog.dx-overlay .dx-toolbar .btn--main.btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=bills] .btn--main.btn-new-entry.dx-button .dx-icon,
html[data-theme=light] body[data-entity=vouchers] .btn.btn--main.btn-new-entry .dx-icon,
html[data-theme=light] body[data-entity=vouchers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] body[data-entity=vouchers] .btn--main.btn-new-entry.dx-button .dx-icon,
html[data-theme=light] .btn.btn--primary.dx-widget.btn-new-entry .dx-icon,
html[data-theme=light] .dx-dialog.dx-overlay .dx-toolbar .dx-widget.btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] .dx-widget.btn-new-entry.dx-button .dx-icon {
  background: rgba(255, 255, 255, 0.15);
}
html[data-theme=light] .btn.btn--danger, html[data-theme=light] .dx-dialog.dx-overlay .dx-toolbar .btn--danger.dx-button, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=light] .btn--danger.dx-button {
  color: var(--text-color-light);
}
html[data-theme=light] .btn--light_2 {
  background-color: rgba(0, 19, 69, var(--glass-opacity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
}
html[data-theme=light] .btn--light_2:hover {
  background-color: rgba(0, 19, 69, 0.15);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
}

html[data-theme=dark] body[data-entity=shop-storage] .btn.btn--main, html[data-theme=dark] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=shop-storage] .btn--main.dx-button,
html[data-theme=dark] body[data-entity=sms] .btn.btn--main,
html[data-theme=dark] body[data-entity=sms] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sms] .btn--main.dx-button,
html[data-theme=dark] body[data-entity=salesman] .btn.btn--main,
html[data-theme=dark] body[data-entity=salesman] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=salesman] .btn--main.dx-button,
html[data-theme=dark] body[data-entity=sales] .btn.btn--main,
html[data-theme=dark] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sales] .btn--main.dx-button,
html[data-theme=dark] body[data-entity=purchases] .btn.btn--main,
html[data-theme=dark] body[data-entity=purchases] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=purchases] .btn--main.dx-button,
html[data-theme=dark] body[data-entity=shop-storage] .btn.btn-new-entry,
html[data-theme=dark] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=shop-storage] .btn-new-entry.dx-button,
html[data-theme=dark] body[data-entity=sms] .btn.btn-new-entry,
html[data-theme=dark] body[data-entity=sms] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sms] .btn-new-entry.dx-button,
html[data-theme=dark] body[data-entity=sales] .btn.btn-new-entry,
html[data-theme=dark] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sales] .btn-new-entry.dx-button,
html[data-theme=dark] body[data-entity=salesman] .btn.btn-new-entry,
html[data-theme=dark] body[data-entity=salesman] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=salesman] .btn-new-entry.dx-button,
html[data-theme=dark] body[data-entity=purschases] .btn.btn-new-entry,
html[data-theme=dark] body[data-entity=purschases] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=purschases] .btn-new-entry.dx-button {
  color: var(--text-color-dark);
}
html[data-theme=dark] body[data-entity=shop-storage] .btn.btn--main .dx-icon, html[data-theme=dark] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button .dx-icon, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=shop-storage] .btn--main.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=sms] .btn.btn--main .dx-icon,
html[data-theme=dark] body[data-entity=sms] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sms] .btn--main.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=salesman] .btn.btn--main .dx-icon,
html[data-theme=dark] body[data-entity=salesman] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=salesman] .btn--main.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=sales] .btn.btn--main .dx-icon,
html[data-theme=dark] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sales] .btn--main.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=purchases] .btn.btn--main .dx-icon,
html[data-theme=dark] body[data-entity=purchases] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=purchases] .btn--main.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=shop-storage] .btn.btn-new-entry .dx-icon,
html[data-theme=dark] body[data-entity=shop-storage] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=shop-storage] .btn-new-entry.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=sms] .btn.btn-new-entry .dx-icon,
html[data-theme=dark] body[data-entity=sms] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sms] .btn-new-entry.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=sales] .btn.btn-new-entry .dx-icon,
html[data-theme=dark] body[data-entity=sales] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=sales] .btn-new-entry.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=salesman] .btn.btn-new-entry .dx-icon,
html[data-theme=dark] body[data-entity=salesman] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=salesman] .btn-new-entry.dx-button .dx-icon,
html[data-theme=dark] body[data-entity=purschases] .btn.btn-new-entry .dx-icon,
html[data-theme=dark] body[data-entity=purschases] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon,
.dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=purschases] .btn-new-entry.dx-button .dx-icon {
  color: var(--text-color-dark);
  background: rgba(7, 22, 60, 0.15);
}
html[data-theme=dark] .btn.btn-new-entry .dx-icon, html[data-theme=dark] .dx-dialog.dx-overlay .dx-toolbar .btn-new-entry.dx-button .dx-icon, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] .btn-new-entry.dx-button .dx-icon {
  color: var(--text-color-light);
  background: rgba(7, 22, 60, 0.15);
}
html[data-theme=dark] body[data-entity=customers] .btn.btn--main, html[data-theme=dark] body[data-entity=customers] .dx-dialog.dx-overlay .dx-toolbar .btn--main.dx-button, .dx-dialog.dx-overlay .dx-toolbar html[data-theme=dark] body[data-entity=customers] .btn--main.dx-button {
  color: var(--text-color-light);
}

input[type=text],
input[type=email],
input[type=password],
textarea {
  width: 100%;
  max-width: 100%;
}

select {
  width: auto;
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: transparent;
}

table tr td .dx-widget.dx-datebox .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  box-shadow: unset;
  background-color: transparent;
  border: 0;
  backdrop-filter: none;
}

input:not([role=combobox]):not(.dx-button-submit-input),
.dx-widget input:not(.dx-datagrid-table input),
.dx-widget input:not(.dx-datebox input),
textarea,
.dx-widget textarea,
select,
.dx-widget select,
.dx-editor-cell .dx-texteditor-container {
  height: 3.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.15px;
  padding: 0.5rem 1.35rem;
  border-radius: 8px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.dx-editor-cell .dx-texteditor-container .dx-texteditor-input {
  color: var(--text-color);
}

.dx-datagrid .dx-texteditor .dx-texteditor-container {
  padding-inline: 0.75rem;
}
.dx-widget .dx-clear-button-area .dx-icon-clear {
  font-size: 1.4rem;
  color: var(--text-color--opaq);
  margin-top: -18px;
}

.dx-dropdowneditor .dx-selectbox-container,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper {
  height: 3.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.15px;
  padding: 0.5rem 1.35rem;
  border-radius: 8px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background-color: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(var(--glass-blur)) brightness(0.8);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(0.8);
  padding-right: 0.65rem;
}
.dx-dropdowneditor .dx-selectbox-container input,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper input {
  height: unset;
  padding: 0;
  min-height: unset;
  background: transparent;
  backdrop-filter: unset;
  border: 0;
}
.dx-dropdowneditor .dx-selectbox-container .dx-texteditor-buttons-container .dx-dropdowneditor-button,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  width: 25px;
  min-width: 20px;
  border-left: 1px solid var(--border-opaq);
  border-radius: 0;
}
.dx-dropdowneditor .dx-selectbox-container .dx-texteditor-buttons-container .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper .dx-texteditor-buttons-container .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  width: 12px;
  padding: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
}
.dx-dropdowneditor .dx-selectbox-container .dx-texteditor-buttons-container .dx-dropdowneditor-button .dx-dropdowneditor-icon:before,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper .dx-texteditor-buttons-container .dx-dropdowneditor-button .dx-dropdowneditor-icon:before {
  color: var(--text-color);
}
.dx-dropdowneditor .dx-selectbox-container input:focus,
.dx-dropdownbox .dx-dropdowneditor-input-wrapper input:focus {
  border-color: unset !important;
  box-shadow: unset !important;
}

.dx-searchbox .dx-icon-search:before {
  font-size: 1.4rem;
  color: var(--text-color--opaq);
  padding-left: 8px;
}

.dx-datebox-calendar .dx-texteditor-buttons-container .dx-dropdowneditor-button, .dx-datebox-time .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  width: 20px;
  min-width: 20px;
}
.dx-datebox-calendar:hover .dx-texteditor-buttons-container .dx-button-content, .dx-datebox-time:hover .dx-texteditor-buttons-container .dx-button-content {
  background: transparent;
}
.dx-datebox-calendar .dx-texteditor-buttons-container .dx-dropdowneditor-icon, .dx-datebox-time .dx-texteditor-buttons-container .dx-dropdowneditor-icon {
  width: 12px;
  padding: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
}
.dx-datebox-calendar .dx-texteditor-buttons-container .dx-dropdowneditor-icon:before, .dx-datebox-time .dx-texteditor-buttons-container .dx-dropdowneditor-icon:before {
  color: var(--text-color);
}

.dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper {
  border-radius: 8px;
}
.dx-texteditor.dx-datebox .dx-texteditor-container {
  padding-right: 1rem;
}

.inputField.--w-sm .dx-texteditor {
  max-width: 10rem;
}
.inputField.--flex {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.inputField.--flex label {
  margin-bottom: 0;
}

.inputField label.--bold {
  font-weight: bold;
}

.dx-texteditor.dx-invalid .dx-dropdowneditor-input-wrapper {
  border: 1px solid #ec0000;
}

.dx-invalid-message > .dx-overlay-content {
  font-weight: 600;
  background-color: #ec0000;
}

.dx-texteditor.dx-datebox input {
  background-color: unset;
  backdrop-filter: unset;
  border: unset;
}

html[data-theme=light] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input),
html[data-theme=light] textarea,
html[data-theme=light] select,
html[data-theme=light] .dx-editor-cell .dx-texteditor,
html[data-theme=light] .dx-texteditor .dx-selectbox-container,
html[data-theme=light] .dx-editor-cell .dx-texteditor-container,
html[data-theme=light] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper {
  border: 1px solid var(--input-border-color);
  background-color: var(--input-background-color);
  color: var(--input-text-color);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
html[data-theme=light] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input)::placeholder,
html[data-theme=light] textarea::placeholder,
html[data-theme=light] select::placeholder,
html[data-theme=light] .dx-editor-cell .dx-texteditor::placeholder,
html[data-theme=light] .dx-texteditor .dx-selectbox-container::placeholder,
html[data-theme=light] .dx-editor-cell .dx-texteditor-container::placeholder,
html[data-theme=light] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper::placeholder {
  color: var(--input-placeholder-color);
  letter-spacing: 0.15px;
  font-weight: 400;
}
html[data-theme=light] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input):focus,
html[data-theme=light] textarea:focus,
html[data-theme=light] select:focus,
html[data-theme=light] .dx-editor-cell .dx-texteditor:focus,
html[data-theme=light] .dx-texteditor .dx-selectbox-container:focus,
html[data-theme=light] .dx-editor-cell .dx-texteditor-container:focus,
html[data-theme=light] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper:focus {
  border-color: var(--input-focus-border-color);
  outline: none;
}
html[data-theme=light] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input):disabled,
html[data-theme=light] textarea:disabled,
html[data-theme=light] select:disabled,
html[data-theme=light] .dx-editor-cell .dx-texteditor:disabled,
html[data-theme=light] .dx-texteditor .dx-selectbox-container:disabled,
html[data-theme=light] .dx-editor-cell .dx-texteditor-container:disabled,
html[data-theme=light] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper:disabled {
  background-color: var(--input-disabled-background-color);
  color: var(--input-disabled-text-color);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}
html[data-theme=light] .dx-texteditor input[role=combobox] {
  color: var(--input-text-color);
}
html[data-theme=light] .dx-dropdowneditor .dx-selectbox-container {
  border: 1px solid var(--input-border-color);
  background-color: var(--input-background-color);
  color: var(--input-text-color);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
html[data-theme=light] .dx-dropdowneditor .dx-selectbox-container,
html[data-theme=light] .dx-dropdownbox .dx-dropdowneditor-input-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
}
html[data-theme=light] .dx-texteditor.dx-invalid .dx-dropdowneditor-input-wrapper {
  border: 1px solid #ec0000;
}

html[data-theme=dark] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input),
html[data-theme=dark] textarea,
html[data-theme=dark] select,
html[data-theme=dark] .dx-editor-cell .dx-texteditor,
html[data-theme=dark] .dx-texteditor .dx-selectbox-container,
html[data-theme=dark] .dx-editor-cell .dx-texteditor-container,
html[data-theme=dark] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper {
  background-color: var(--input-background-color);
  color: var(--input-text-color);
  background-color: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(var(--glass-blur)) brightness(0.8);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(0.8);
}
html[data-theme=dark] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input)::placeholder,
html[data-theme=dark] textarea::placeholder,
html[data-theme=dark] select::placeholder,
html[data-theme=dark] .dx-editor-cell .dx-texteditor::placeholder,
html[data-theme=dark] .dx-texteditor .dx-selectbox-container::placeholder,
html[data-theme=dark] .dx-editor-cell .dx-texteditor-container::placeholder,
html[data-theme=dark] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper::placeholder {
  color: var(--input-placeholder-color);
  letter-spacing: 0.15px;
  font-weight: 400;
}
html[data-theme=dark] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input):focus,
html[data-theme=dark] textarea:focus,
html[data-theme=dark] select:focus,
html[data-theme=dark] .dx-editor-cell .dx-texteditor:focus,
html[data-theme=dark] .dx-texteditor .dx-selectbox-container:focus,
html[data-theme=dark] .dx-editor-cell .dx-texteditor-container:focus,
html[data-theme=dark] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper:focus {
  border-color: var(--input-focus-border-color);
  outline: none;
}
html[data-theme=dark] input:not([role=combobox]):not(.dx-button-submit-input):not(.dx-datagrid-table input):disabled,
html[data-theme=dark] textarea:disabled,
html[data-theme=dark] select:disabled,
html[data-theme=dark] .dx-editor-cell .dx-texteditor:disabled,
html[data-theme=dark] .dx-texteditor .dx-selectbox-container:disabled,
html[data-theme=dark] .dx-editor-cell .dx-texteditor-container:disabled,
html[data-theme=dark] .dx-texteditor.dx-datebox .dx-dropdowneditor-input-wrapper:disabled {
  background-color: var(--input-disabled-background-color);
  color: var(--input-disabled-text-color);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}
html[data-theme=dark] .dx-texteditor input[role=combobox] {
  color: var(--input-text-color);
}
html[data-theme=dark] .dx-texteditor.dx-invalid .dx-dropdowneditor-input-wrapper {
  border: 1px solid #ec0000;
}

html[data-theme=light] form .dx-fieldset {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
  box-shadow: 0 2px 7px 0 rgba(var(--primary-dark-color-RGB), 0.015), 0 4px 7px 0 rgba(var(--primary-dark-color-RGB), 0.03);
}
html[data-theme=light] form .fieldset-nested .dx-fieldset {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
}
html[data-theme=light] form .dx-fieldset.fields-total {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.2);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.2);
}
html[data-theme=light] form .dx-fieldset.fields-total input:not(.dx-datagrid-table input),
html[data-theme=light] form .dx-fieldset.fields-total textarea,
html[data-theme=light] form .dx-fieldset.fields-total select,
html[data-theme=light] form .dx-fieldset.fields-total .dx-texteditor-input,
html[data-theme=light] form .dx-fieldset.fields-total .dx-editor-cell .dx-texteditor,
html[data-theme=light] form .dx-fieldset.fields-total .dx-dropdowneditor .dx-selectbox-container,
html[data-theme=light] form .dx-fieldset.fields-total .dx-editor-cell .dx-texteditor-container {
  background: rgba(255, 255, 255, 0.45);
}

html[data-theme=dark] form .dx-fieldset {
  background-color: rgba(0, 19, 69, 0.35);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, 0.08);
}
html[data-theme=dark] form .fieldset-nested .dx-fieldset {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
}
html[data-theme=dark] form .dx-fieldset.fields-total {
  background-color: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
}

form {
  position: relative;
}
form.so-form {
  padding-bottom: 7.5rem;
}
form .dx-fieldset {
  padding: 2.5rem;
  margin: 0;
  margin-bottom: 1.5rem;
  border-radius: 12px;
}
form .fieldset-nested-simple {
  padding: 2.5rem;
  border: 1px solid var(--border-opaq-10);
  border-radius: 12px;
}
form .fieldset-nested-simple .fns-header {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
form .fieldset-nested {
  margin-top: 3.5rem;
}
form .fieldset-nested .section-header {
  border-bottom: 2px solid var(--main-color);
  margin-bottom: 2.5rem;
}
form .dx-fieldset .inputs-row {
  max-width: 1440px;
}
form .dx-fieldset .dx-fieldset-header {
  border-bottom: 1px solid var(--border-opaq);
  padding-bottom: 0.8rem;
}
form .dx-fieldset .dx-fieldset-header._twoColumn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
form .dx-fieldset .dx-fieldset-header > span {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
}
form .inputField.type--checkbox {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
form .inputField.type--checkbox label {
  margin-bottom: 0;
}
form .input-field label,
form .inputField label {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.1px;
  opacity: 0.7;
  margin-bottom: 7px;
}
form .inputField .textValue {
  font-weight: 400;
  letter-spacing: 0.25px;
}
form .dx-button .dx-icon-search {
  color: var(--text-color);
}

form #save-btn {
  position: sticky;
  right: 0;
  bottom: 1.5rem;
  width: 5rem;
  margin-left: auto;
}
form #save-btn .dx-button {
  height: 5rem;
  width: 5rem;
  max-height: 5rem;
  min-height: 5rem;
  padding: 0;
  background-color: transparent;
  background-image: linear-gradient(#4895dc, #1f88df);
  border: 1px solid #61b5fb;
  box-shadow: rgba(37, 44, 97, 0.25) 0 4px 11px 0, rgba(93, 100, 148, 0.35) 0 1px 3px 0;
}
form #save-btn .dx-button .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
form #save-btn .dx-button .dx-icon {
  font-size: 2.2rem;
  color: #fff;
}
form #save-btn .dx-button-submit-input {
  border: 0;
}

form .form-actions,
.form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding-bottom: 2.5rem;
}
form .form-actions.--centered,
.form-actions.--centered {
  justify-content: center;
}
form .form-actions.--hasBorder,
.form-actions.--hasBorder {
  border-top: 1px solid var(--border-opaq);
  padding-top: 1.5rem;
}
form .form-actions h5,
.form-actions h5 {
  font-weight: 300;
  margin: 0;
}
form .form-actions .form-col,
.form-actions .form-col {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
form .form-actions .form-col.--centered,
.form-actions .form-col.--centered {
  justify-content: center;
}
form .form-actions .form-col.--start,
.form-actions .form-col.--start {
  justify-content: flex-start;
}
form .form-actions .form-col.--end,
.form-actions .form-col.--end {
  justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
  form.so-form {
    padding-bottom: 0;
  }
  form .form-actions {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
  }
}
.form-bottom-actions {
  position: fixed;
  width: 100%;
  inset-inline: 0;
  bottom: 1.5rem;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.015);
  backdrop-filter: blur(15px) brightness(1.05);
  -webkit-backdrop-filter: blur(15px) brightness(1.05);
  border-radius: 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.form-bottom-actions .form-col {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.form-bottom-actions .form-col.--centered {
  justify-content: center;
}
.form-bottom-actions .form-col.--start {
  justify-content: flex-start;
}
.form-bottom-actions .form-col.--end {
  justify-content: flex-end;
}

html[data-theme=light] {
  --bg-img: url(/images/theme-light/bg-light-7.jpg);
  --background-color: #ffffff;
  --main-color: var(--main-color);
  --main-color-RGB: 0,0,0;
  --base-color: 7, 22, 60;
  --light-color-INV-RGB: 7, 22, 60;
  --dark-color-INV-RGB: 255, 255, 255;
  --primary-color: #0567fc;
  --primary-dark-color: #07163c;
  --primary-dark-color-RGB: 7, 22, 60;
  --text-color: #040c2a;
  --text-color--RGB: 7, 22, 60;
  --text-color--opaq: rgba(7, 22, 60, 0.75);
  --text-color--hover: #0567fc;
  --text-color-inv: #fff;
  --text-color-dark: #07163c;
  --text-color-light: #fff;
  --link-color: #3498db;
  --link-hover-color: #3498db;
  --inv-color: rgb(15, 34, 93);
  --inv-color-RGB: 15, 34, 93;
  --bg-light-color-03: rgba(255, 255, 255, 0.03);
  --bg-light-color-05: rgba(255, 255, 255, 0.05);
  --bg-light-color-10: rgba(255, 255, 255, 0.1);
  --bg-light-color-15: rgba(255, 255, 255, 0.15);
  --bg-light-color-20: rgba(255, 255, 255, 0.2);
  --bg-light-color-25: rgba(255, 255, 255, 0.25);
  --bg-light-color-30: rgba(255, 255, 255, 0.3);
  --border-opaq-RGB: 255, 255, 255;
  --border-opaq: hsla(223, 79%, 13%, 0.1);
  --border-opaq-02: hsla(223, 79%, 13%, 0.02);
  --border-opaq-05: hsla(223, 79%, 13%, 0.05);
  --border-opaq-10: hsla(223, 79%, 13%, 0.1);
  --border-opaq-15: hsla(223, 79%, 13%, 0.15);
  --border-opaq-25: hsla(223, 79%, 13%, 0.25);
  --input-border-color: rgba(255, 255, 255, 0.25);
  --input-focus-border-color: rgba(255, 255, 255, 0.95);
  --secondary-color: #2ecc71;
  --success-color: #2ecc71;
  --danger-color: #e74c3c;
  --light-color: #f9f9f9;
  --dark-color: #071626;
  --shadow-color: 0, 117, 255;
  --shadow-intensity: 0.06;
  --glass-blur: 100px;
  --glass-opacity: 0.05;
  --glass-brightness: 1.04;
  --light-backdrop-filter: blur(10px) brightness(1);
  --icon-fill: #07163c;
  --sun-core-fill: transparent;
  --sun-core-stroke: #07163c;
  --sun-rays-stroke: #07163c;
  --st-track-color: rgba(255, 255, 255, 0.25);
  --st-thumb-color: #ffffff;
  --st-thumb-hover-color: #ffffff;
  --st-size: 2px;
  --dx-scrollbar-size: 2px;
  --dx-scrollbar-track-color: rgba(255, 255, 255, 0.25);
  --dx-scrollbar-thumb-color: #ffffff;
  --dx-scrollbar-thumb-hover-color: #ffffff;
}

html[data-theme=dark] {
  --bg-img: url(/images/theme-dark/bg-6.jpg);
  --background-color: #07163c;
  --main-color: #fff;
  --main-color-RGB: 0,0,0;
  --base-color: 255, 255, 255;
  --light-color-INV-RGB: 255, 255, 255;
  --dark-color-INV-RGB: 7, 22, 60;
  --primary-color: #00aeff;
  --primary-dark-color: #07163c;
  --primary-dark-color-RGB: 7, 22, 60;
  --text-color: #f9f9f9;
  --text-color--RGB: 255, 255, 255;
  --text-color--opaq: rgba(255, 255, 255, 0.65);
  --text-color--hover: #00aeff;
  --text-color-inv: #07163c;
  --text-color-dark: #07163c;
  --text-color-light: #fff;
  --link-color: #3498db;
  --link-hover-color: #3498db;
  --bg-light-color-03: rgba(255, 255, 255, 0.03);
  --bg-light-color-05: rgba(255, 255, 255, 0.05);
  --bg-light-color-10: rgba(255, 255, 255, 0.1);
  --bg-light-color-15: rgba(255, 255, 255, 0.15);
  --bg-light-color-20: rgba(255, 255, 255, 0.2);
  --bg-light-color-25: rgba(255, 255, 255, 0.25);
  --bg-light-color-30: rgba(255, 255, 255, 0.3);
  --inv-color: rgb(255, 255, 255);
  --inv-color-RGB: 255, 255, 255;
  --border-opaq-RGB: 255, 255, 255;
  --border-opaq: rgba(255, 255, 255, 0.1);
  --border-opaq-02: hsla(0, 9%, 100%, 0.02);
  --border-opaq-05: hsla(0, 0%, 100%, 0.05);
  --border-opaq-10: hsla(0, 0%, 100%, 0.1);
  --border-opaq-15: hsla(0, 0%, 100%, 0.15);
  --border-opaq-25: hsla(0, 0%, 100%, 0.25);
  --input-border-color: rgba(255, 255, 255, 0.1);
  --input-focus-border-color: rgba(255, 255, 255, 0.13);
  --secondary-color: rgb(7, 22, 60);
  --success-color: #2ecc71;
  --danger-color: #c0392b;
  --light-color: #34495e;
  --dark-color: #ecf0f1;
  --shadow-color: 7, 22, 60;
  --shadow-intensity: 0.2;
  --glass-blur: 100px;
  --glass-opacity: 0.08;
  --glass-brightness: 0.8;
  --icon-fill: #fff;
  --sun-core-fill: #fff;
  --sun-core-stroke: #fff;
  --sun-rays-stroke: #fff;
  --border-intensity: 0.05;
  --light-backdrop-filter: blur(20px) brightness(1.5);
  --st-track-color: rgba(255, 255, 255, 0.075);
  --st-thumb-color: rgba(255, 255, 255, 0.706);
  --st-thumb-hover-color: rgba(255, 255, 255, 0.612);
  --st-size: 2px;
  --dx-scrollbar-size: 2px;
  --dx-scrollbar-track-color: rgba(255, 255, 255, 0.075);
  --dx-scrollbar-thumb-color: rgba(255, 255, 255, 0.706);
  --dx-scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.612);
}

.popup-content {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  z-index: 1001;
}

.close-popup {
  cursor: pointer;
  color: red;
  float: right;
}

.dropdown-content {
  position: absolute;
  display: none;
  width: 100%;
  min-width: 200px;
  max-width: 200px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  box-shadow: 0 1px 15px rgba(var(--shadow-color), var(--shadow-intensity)), 0 2px 15px rgba(var(--shadow-color), calc(var(--shadow-intensity) * 0.05)), 0 3px 15px rgba(var(--shadow-color), calc(var(--shadow-intensity) * 0.1)), 0 4px 15px rgba(var(--shadow-color), calc(var(--shadow-intensity) * 0.15));
  will-change: opacity;
  overflow: hidden;
  z-index: 1001;
}
.dropdown-content.--md {
  max-width: 300px;
}
.dropdown-content.--lg {
  max-width: 400px;
}
.dropdown-content .dropdown-content__inner {
  padding: 1.5rem;
}
.dropdown-content.--withHeader .dropdown-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-image: url("/images/header-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2rem 2.5rem;
}
.dropdown-content.--withHeader .dropdown-header h5 {
  color: #f9f9f9;
  margin: 0;
}
.dropdown-content.--withHeader .dropdown-header .notifications-number {
  position: absolute;
  right: 1.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ec0000;
  padding: 0.35rem;
  aspect-ratio: 1/1;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
}
.dropdown-content .dropdown-footer {
  border-top: 1px solid var(--border-opaq);
  padding: 1.5rem 1.5rem;
}
.dropdown-content ul {
  padding: 0;
}
.dropdown-content ul li {
  position: relative;
}
.dropdown-content ul li:not(:last-child) {
  border-bottom: 1px solid var(--border-opaq-05);
}
.dropdown-content ul li a {
  display: block;
  width: 100%;
  padding-block: 0.85rem;
}
.dropdown-content ul li .arrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.dropdown-content ul li .arrow svg {
  width: 1.15rem;
}
.dropdown-content hr {
  margin-block: 1.5rem;
}

.so-dropdown .dropdownToggle {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 0;
  height: 4rem;
}
.so-dropdown .dropdownToggle._hasActiveFilters .filter-icon {
  position: relative;
}
.so-dropdown .dropdownToggle._hasActiveFilters .filter-icon:before {
  content: "";
  display: block;
  width: 6.5px;
  height: 6.5px;
  border-radius: 15px;
  background-color: crimson;
  position: absolute;
  left: -2px;
  outline: 3px solid rgba(220, 20, 60, 0.2);
  top: 0px;
}
.so-dropdown .so-dropdown-menu {
  position: fixed;
  width: 100%;
  max-width: 750px;
  max-height: calc(100vh - 150px);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border-radius: 12px;
  padding: 2.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.075);
  z-index: 999;
  display: none;
  opacity: 0;
}
.so-dropdown .so-dropdown-menu._active {
  display: block;
  opacity: 1;
}
.so-dropdown .so-dropdown-menu .dx-fieldset {
  backdrop-filter: unset;
  background-color: transparent;
  border: 0;
}
.so-dropdown .so-dropdown-menu .so-dropdown-inner {
  position: relative;
}
.so-dropdown .so-dropdown-menu form.so-form {
  padding-bottom: 0;
}
.so-dropdown .so-dropdown-menu form.so-form ul.nav-tabs {
  gap: 1rem;
  border-radius: 8px;
  border: 1px solid var(--border-opaq-10);
  background-color: var(--bg-light-color-05);
  padding-inline: 1rem;
  margin-bottom: 1.5rem;
  text-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.so-dropdown .so-dropdown-menu form.so-form ul.nav-tabs .nav-link {
  position: relative;
  font-size: 1.5rem;
  color: var(--text-color);
  border: 0;
  padding: 0.95rem 1.5rem 1.25rem 1.5rem;
  border-radius: 5px;
}
.so-dropdown .so-dropdown-menu form.so-form ul.nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 4px;
  background-color: transparent;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  inset-inline: 0px;
}
.so-dropdown .so-dropdown-menu form.so-form ul.nav-tabs .nav-link.active {
  color: var(--text-color);
  font-weight: 600;
  background-color: transparent;
}
.so-dropdown .so-dropdown-menu form.so-form ul.nav-tabs .nav-link.active:after {
  background-color: var(--main-color);
}
.so-dropdown .so-dropdown-menu form.so-form .tab-content {
  max-height: clamp(300px, 300px + 15vw, 550px);
  padding: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.so-dropdown .so-dropdown-menu form.so-form .form-actions {
  padding-top: 3.5rem;
}
.so-dropdown .so-dropdown-menu .hint-message {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.2rem;
  color: crimson;
}
.so-dropdown .so-dropdown-menu .hint-message .dot {
  width: 5px;
  height: 5px;
  border-radius: 15px;
  background-color: crimson;
  outline: 3px solid rgba(220, 20, 60, 0.2);
}

.so-dropdown form .dx-fieldset {
  padding: 0;
  box-shadow: none;
}

.slide-in-popup {
  height: 100%;
  transform: none !important;
}
.slide-in-popup .st-popup-wrapper.--hasFooter {
  height: 100%;
}
.slide-in-popup .st-popup-wrapper.--hasFooter .st-popup-content {
  height: calc(100% - 5.5rem);
  margin-bottom: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.dx-popup-wrapper .dx-toolbar.dx-popup-title {
  background-color: rgba(255, 255, 255, 0.025);
  padding-block: 2px;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.st-simple-popup .st-popup-title {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.st-simple-popup .st-popup-title .heading {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 0;
}
.st-simple-popup .st-popup-title .special-tag {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.1;
  padding: 4px 8px;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  box-shadow: none;
  border-radius: 5rem;
}
.st-simple-popup .st-popup-title .icon {
  font-size: 2.4rem;
  color: var(--primary-color);
}
.st-simple-popup__content {
  color: var(--text-color);
}
.st-simple-popup__content hr {
  margin-block: 2.5rem;
}
.st-simple-popup__footer {
  margin-top: 2.5rem;
}
.st-simple-popup__footer.form-actions {
  padding-bottom: 2rem;
}
.st-simple-popup .popup-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.st-simple-popup .popup-alert__icon {
  font-size: 2.4rem;
  flex-shrink: 0;
  line-height: 1;
}
.st-simple-popup .popup-alert__text {
  flex: 1;
}
.st-simple-popup .popup-alert--success {
  background-color: #e6f4ea;
  color: #1e4620;
}
.st-simple-popup .popup-alert--success .popup-alert__icon {
  color: #1e4620;
}
.st-simple-popup .popup-alert--info {
  background-color: #e7f3fe;
  color: #0c5460;
}
.st-simple-popup .popup-alert--info .popup-alert__icon {
  color: #0c5460;
}
.st-simple-popup .popup-alert--warning {
  background-color: #fff8e1;
  color: #7f6000;
}
.st-simple-popup .popup-alert--warning .popup-alert__icon {
  color: #7f6000;
}
.st-simple-popup .popup-alert--error {
  background-color: #fdecea;
  color: #b00020;
}
.st-simple-popup .popup-alert--error .popup-alert__icon {
  color: #b00020;
}
.st-simple-popup .print-voucher {
  background: rgba(var(--inv-color-RGB), 0.05);
  border-radius: 5px;
  padding: 2rem;
  margin-top: 1.5rem;
}

.dx-popup-normal .st-simple-popup__footer {
  margin-top: 1.5rem;
}
.dx-popup-normal .form-actions {
  padding-bottom: 1rem;
}

.tippy-box[data-theme~=status] {
  background-color: rgba(0, 19, 69, 0.2);
  backdrop-filter: blur(10px) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(10px) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  border: 0;
}
.tippy-box[data-theme~=status] .tippy-arrow:before {
  border-bottom-color: rgba(var(--main-color-RGB), 0.2);
  backdrop-filter: blur(10px);
}
.tippy-box[data-theme~=status] .tippy-content {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

footer {
  position: relative;
  height: 3.25rem;
}
footer .footer__inner {
  position: relative;
}
footer .copyright {
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
}
footer .copyright .copyright--left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
footer .copyright .copyright--right ul {
  display: flex;
  gap: 1.5rem;
}

@media only screen and (max-width: 991px) {
  footer {
    position: fixed;
    bottom: 0;
    transform: translateY(3.25rem);
  }
  footer .footer__inner {
    content: "";
    position: absolute;
    width: 5rem;
    height: 4rem;
  }
  #copyright-toggle {
    display: block;
  }
  .copyright {
    display: none;
  }
}
.custom-table .table-row {
  display: grid;
  grid-template-columns: repeat(var(--num-columns, 1), 1fr);
  gap: 10px;
}

header.page-header {
  position: fixed;
  display: flex;
  align-items: center;
  min-height: 5.5rem;
  top: 0;
  inset-inline: 0;
  width: 100%;
  white-space: nowrap;
  z-index: 50;
}
header.page-header nav.page-header__nav {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 1rem 1.5rem;
}
header.page-header nav.page-header__nav .nav__left {
  position: relative;
  flex: 0 0 23.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.05rem;
  padding-left: 5px;
}
header.page-header #toggleSidebar {
  width: 2.75rem;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
header.page-header #toggleSidebar > a {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
header.page-header #toggleSidebar:hover {
  background-color: rgba(var(--light-color-INV-RGB), 0.1);
}
header.page-header #toggleSidebar svg {
  width: 2rem;
  margin-inline: auto;
}
header.page-header .nav__brand-logo h1 {
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0;
}
header.page-header .nav__brand-logo img {
  height: 2.25rem;
}
header.page-header .nav__brand-logo .logo-svg svg {
  fill: var(--text-color);
  height: 2rem;
  width: auto;
}
header.page-header nav.page-header__nav .nav__right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
}
header.page-header .status-info {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
header.page-header .status-info .slogan {
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0;
  opacity: 0.5;
}
header.page-header .status-info .system-version {
  font-weight: 400;
  margin: 0;
}
header.page-header #header-search {
  position: relative;
  width: 100%;
  max-width: 350px;
  transition: all 0.25s ease-in-out;
}
header.page-header #header-search:focus-within {
  max-width: 450px;
}
header.page-header #header-search .input-wrapper input {
  position: relative;
  width: 100%;
  isolation: isolate;
  height: 3.25rem;
  font-weight: 500;
  padding-left: 3rem;
  background-color: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.075);
  backdrop-filter: blur(8px) brightness(1.2);
  -webkit-backdrop-filter: blur(8px) brightness(1.2);
}
header.page-header #header-search .input-wrapper input::placeholder {
  color: var(--text-color);
  font-style: normal;
  font-size: 1.4rem;
  opacity: 0.75;
}
header.page-header #header-search .input-wrapper {
  position: relative;
  width: 100%;
}
header.page-header #header-search .input-wrapper .search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-55%);
  color: rgba(var(--light-color-INV-RGB), 0.5);
  pointer-events: none;
  z-index: 2;
}
header.page-header #header-search .input-wrapper .keyboard-hint {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-55%);
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: var(--text-color);
  padding-top: 2px;
  transition: all 0.25s ease-in-out;
}
header.page-header #header-search .input-wrapper .keyboard-hint.active {
  opacity: 1;
  visibility: visible;
}
header.page-header #header-search .input-wrapper .keyboard-hint .arrows {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
}
header.page-header #header-search .input-wrapper .keyboard-hint .icon {
  display: block;
  background: rgba(var(--light-color-INV-RGB), 0.35);
  padding: 0px;
  border-radius: 3px;
  font-size: 1.25rem;
  line-height: 1;
  transition: all 0.25s ease-in-out;
}
header.page-header #header-search .input-wrapper .keyboard-hint .icon.--disabled {
  opacity: 0.25;
}
header.page-header #header-search .input-wrapper .up {
  animation: glow 3s infinite, bounce-up 3s infinite;
  animation-delay: 0s, 0s;
}
header.page-header #header-search .input-wrapper .down {
  animation: glow 3s infinite, bounce-down 3s infinite;
  animation-delay: 2s, 2s;
}
header.page-header #header-search .input-wrapper .keyboard-hint .hint-label {
  font-size: 1.2rem;
}
@keyframes glow {
  0% {
    background-color: rgba(var(--light-color-INV-RGB), 0.15);
  }
  20% {
    background-color: var(--primary-color);
    box-shadow: 0 0 7px var(--primary-color);
  }
  40% {
    background-color: rgba(var(--light-color-INV-RGB), 0.15);
  }
  100% {
    background-color: rgba(var(--light-color-INV-RGB), 0.25);
  }
}
@keyframes bounce-up {
  0%, 100% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-2px);
  }
  40% {
    transform: translateY(0);
  }
}
@keyframes bounce-down {
  0%, 100% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(2px);
  }
  40% {
    transform: translateY(0);
  }
}
header.page-header #header-search #search-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(15px) brightness(1);
  -webkit-backdrop-filter: blur(15px) brightness(1);
  border: 0;
  background-color: rgba(var(--dark-color-INV-RGB), 0.95);
  border-radius: 12px;
  margin: 4px 0 0;
  overflow: hidden;
  z-index: 9999;
}
header.page-header #header-search #search-results #menuSearchResults {
  list-style: none;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
header.page-header #header-search #search-results #menuSearchResults.show {
  padding: 0.5rem;
}
header.page-header #header-search #search-results #menuSearchResults li {
  opacity: 0;
  border-radius: 8px;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.6s ease;
  margin-bottom: 3px;
}
header.page-header #header-search #search-results #menuSearchResults li a {
  color: var(--text-color);
  display: block;
  padding: 8px 12px;
}
header.page-header #header-search #search-results #menuSearchResults li.visible {
  opacity: 1;
  transform: translateY(0);
}
header.page-header #header-search #search-results #menuSearchResults li.focused {
  background: rgba(var(--light-color-INV-RGB), 0.1);
}
header.page-header #header-search #search-results #menuSearchResults li:hover {
  background-color: rgba(var(--light-color-INV-RGB), 0.1);
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=shop-storage] {
  --entity-color: rgb(239, 155, 0);
  --entity-color-rgb: 239, 155, 0;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=customers] {
  --entity-color: rgb(31, 136, 223);
  --entity-color-rgb: 31, 136, 223;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=helpers] {
  --entity-color: rgb(229, 101, 101);
  --entity-color-rgb: 173, 34, 34;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=suppliers] {
  --entity-color: rgb(176, 83, 175);
  --entity-color-rgb: 176, 83, 175;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=bills] {
  --entity-color: #61b6b6;
  --entity-color-rgb: 64, 138, 138;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=salesman] {
  --entity-color: rgb(0, 244, 180);
  --entity-color-rgb: 0, 244, 180;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=sms] {
  --entity-color: rgb(196, 229, 23);
  --entity-color-rgb: 224, 255, 0;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=vouchers] {
  --entity-color: rgb(214, 78, 27);
  --entity-color-rgb: 214, 78, 27;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=purchases] {
  --entity-color: rgb(141, 196, 141);
  --entity-color-rgb: 141, 196, 141;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link[data-entity=sales] {
  --entity-color: rgb(0, 204, 255);
  --entity-color-rgb: 0, 204, 255;
}
header.page-header #header-search #search-results #menuSearchResults li .nav-item__link .entityName {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--entity-color);
  background: rgba(var(--entity-color-rgb), 0.2);
  border-radius: 12px;
  padding: 4px 8px;
  display: inline-block;
  min-width: 10rem;
  margin-right: 5px;
}
header.page-header #header-search #search-results .highlighted-text {
  font-weight: 600;
  text-decoration: underline;
  color: var(--primary-color);
}
header.page-header #header-search #search-results #menuSearchResults li.no-results {
  display: block;
  text-align: center;
  background: transparent;
  padding: 16px 12px;
  margin-bottom: 0;
}
header.page-header nav.page-header__nav .nav__right .header-items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header.page-header nav.page-header__nav .nav__right .header-items > * {
  padding-inline: 2.5rem;
}
header.page-header .nav__right .header-items .header__right-col {
  max-height: 3.5rem;
}
header.page-header .nav__right .header-items .header__right-col:not(:last-child) {
  border-right: 1px solid var(--border-opaq);
}
header.page-header #header-clock {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1;
}
header.page-header .header-items__utils {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 0;
}
header.page-header .header-items__utils .header-utils__item {
  cursor: pointer;
}
header.page-header .header-items__utils .header-utils__item .icon-wrapper {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  border: 0;
  padding: 0.65rem;
  border-radius: 50rem;
}
header.page-header .header-items__utils .header-utils__item .icon-wrapper svg {
  width: 1.5rem;
}
header.page-header .header-items__utils #toggleThemeMode #sun-icon {
  width: 1.5rem;
}
header.page-header .header-items__utils #toggleThemeMode #sun-icon .sun-core {
  fill: var(--sun-core-fill);
  stroke: var(--sun-core-stroke);
  stroke-width: 2;
}
header.page-header .header-items__utils #toggleThemeMode #sun-icon .sun-rays {
  stroke: var(--sun-rays-stroke);
  stroke-width: 2;
}
header.page-header .header-items__utils #notificationsToggle {
  position: relative;
}
header.page-header .header-items__utils #notificationsToggle .active-notifications {
  position: absolute;
  top: 0;
  right: 1px;
  display: block;
  width: 6px;
  height: 6px;
  background: crimson;
  outline: 2px solid rgba(220, 20, 60, 0.25);
  border-radius: 2rem;
}
header.page-header .header-items__utils #notifications-dropdown .dropdown-content__inner {
  padding-block: 1rem;
}
header.page-header .header-items__utils #notifications-dropdown .dropdown-footer .show-all {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
header.page-header .header-items__utils #notifications-dropdown .dropdown-footer .show-all svg {
  width: 18px;
}
header.page-header .header-items__profile {
  padding-right: 0 !important;
}
header.page-header .header-items__profile #profileToggle {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  border-radius: 50rem;
  padding-right: 1rem;
}
header.page-header .header-items__profile #profileToggle .header-profile__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rem;
  background: #0567fc;
  border: 0;
  padding: 0.55rem;
  aspect-ratio: 1/1;
}
header.page-header .header-items__profile #profileToggle .header-profile__icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid rgb(15, 34, 93);
  border-radius: 5rem;
  background-color: #2ecc71;
  position: absolute;
  right: -2.5px;
  top: -2.5px;
}
header.page-header .header-items__profile #profileToggle .header-profile__icon svg {
  width: 1.6rem;
  fill: var(--text-color);
}
header.page-header .header-items__profile #profileToggle .header-profile__label {
  font-weight: 500;
  color: var(--text-color);
}
header.page-header #profile-dropdown .profile {
  position: relative;
  display: flex;
  gap: 1rem;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
header.page-header #profile-dropdown .profile__icon {
  flex: 0 0 3.75rem;
  width: 3.75rem;
}
header.page-header #profile-dropdown .profile__icon .icon-wrapper {
  background: #1f88df;
  border-radius: 5px;
  box-shadow: 0 0 0 1px var(--border-opaq);
  aspect-ratio: 1/1;
  padding: 0.5rem;
}
header.page-header #profile-dropdown .profile__icon .icon-wrapper svg {
  width: 2.7rem;
}
header.page-header #profile-dropdown .profile__title {
  flex: 1;
}
header.page-header #profile-dropdown .profile__title .profile__name {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
header.page-header #profile-dropdown .profile__title .profile__name h4 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
header.page-header #profile-dropdown .user-role {
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: 0.25px;
  border-radius: 5px;
  padding: 0.15rem 0.5rem;
}
header.page-header #profile-dropdown .user-role--simple {
  color: rgb(0, 213, 0);
  background: rgba(203, 227, 190, 0.2);
}
header.page-header #profile-dropdown .profile__type {
  font-size: 1.3rem;
  opacity: 0.65;
}
header.page-header #profile-dropdown .profile__logout {
  margin-top: 1.5rem;
}
header.page-header #profile-dropdown .profile__logout .btn__icon svg path {
  fill: rgb(231, 81, 90);
}
header.page-header #profile-dropdown .profile__logout .btn__text {
  color: rgb(231, 81, 90);
}

html[data-theme=dark] #profile-dropdown .profile {
  background: var(--border-opaq-05);
}

html[data-theme=light] #profile-dropdown .profile {
  background: rgba(255, 255, 255, 0.35);
}
html[data-theme=light] .header-items__utils .header-utils__item .icon-wrapper {
  padding-inline: 0.5rem;
  box-shadow: unset;
  background: transparent;
  backdrop-filter: unset;
}

html[data-theme=light] aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-expanded.-level-one > .dropdown.first-level {
  background-color: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px) brightness(1);
  -webkit-backdrop-filter: blur(10px) brightness(1);
}

aside#sidebar {
  position: fixed;
  top: 5.5rem;
  left: 0;
  width: 25rem;
  height: 100%;
  z-index: 10;
  transition: all 0.35s ease;
}
aside#sidebar .sidebar-wrapper {
  height: calc(100% - 5.5rem);
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 0.75rem;
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-x: hidden;
  overflow-y: auto;
}
aside#sidebar .sidebar-nav {
  padding-left: 0;
}
aside#sidebar .sidebar-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-opaq-05);
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
aside#sidebar .sidebar-header .nav__brand-logo {
  flex: 0 0 20rem;
}
aside#sidebar .sidebar-header .nav__brand-logo h1 {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}
aside#sidebar .sidebar-nav .sidebar-nav__item {
  width: 100%;
  line-height: 25px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item .nav-item__link {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  padding-block: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
}
aside#sidebar .sidebar-nav .sidebar-nav__item .nav-item__link .nav-item__icon {
  flex-shrink: 0;
  margin-block: auto;
}
aside#sidebar .sidebar-nav .sidebar-nav__item .nav-item__link .nav-item__icon svg {
  width: 18px;
  height: auto;
}
aside#sidebar .sidebar-nav .sidebar-nav__item .nav-item__link .nav-item__title {
  flex: 1;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--text-color);
  margin-left: 14px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
aside#sidebar .sidebar-nav .sidebar-nav__item.-level-one {
  border-radius: 8px;
  transition: all 0.25s ease-in-out;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.-level-one:hover {
  background-color: rgba(255, 255, 255, 0.035);
}
aside#sidebar .sidebar-nav .sidebar-nav__item.-level-one > .nav-item__link .nav-item__title {
  font-weight: 400;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.-active .nav-item__link .nav-item__title {
  font-weight: 600;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.sidebar-search {
  margin-bottom: 1.5rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.sidebar-search .input-wrapper {
  position: relative;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.sidebar-search .input-wrapper input {
  width: 100%;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
aside#sidebar .sidebar-nav .sidebar-nav__item.separator {
  margin-block: 0.5rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.separator hr {
  width: 100%;
  height: 1px;
  background: var(--border-opaq);
  border: 0;
  opacity: 1;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.nav-group-title {
  width: max-content;
  margin-bottom: 1rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.nav-group-title .nav-group-title__label {
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
  overflow: hidden;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.nav-group-title .icon-wrapper {
  padding-left: 4px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.nav-group-title svg {
  display: none;
  width: 1.5rem;
  margin-inline: auto;
  opacity: 0.75;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown > .nav-item__link:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  transform: rotate(225deg) translateY(-50%);
  transform-origin: 50% 0px;
  border-color: var(--text-color);
  opacity: 1;
  top: 48%;
  right: 15px;
  will-change: transform;
  transition: all 0.25s ease-in-out;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown .dropdown {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease, overflow 0.3s ease;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown .dropdown .sidebar-nav__item .nav-item__link .nav-item__title {
  font-size: 1.3rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level .sidebar-nav__item .nav-item__link {
  padding-inline: 0;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level .sidebar-nav__item .nav-item__link .nav-item__title {
  margin-left: 0;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner {
  padding: 0.5rem 1.5rem;
  border-radius: 10px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner > .sidebar-nav__item:not(:last-child) > .nav-item__link {
  border-bottom: 1px solid var(--border-opaq-05);
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner > .sidebar-nav__item.separator {
  margin-block: 0.75rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner > .sidebar-nav__item .nav-item__link {
  padding-block: 0.5rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner > .sidebar-nav__item .nav-item__link:after {
  right: 5px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner > .sidebar-nav__item .dropdown.second-level .dropdown-inner .sidebar-nav__item:first-child {
  padding-top: 0.75rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown.first-level > .dropdown-inner > .sidebar-nav__item .dropdown.second-level .dropdown-inner .sidebar-nav__item:last-child {
  padding-bottom: 0.75rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-expanded > .nav-item__link:after {
  transform: rotate(45deg) translateY(-50%);
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-expanded .dropdown {
  opacity: 1;
  max-height: 2000px;
  overflow-x: hidden;
  overflow-y: auto;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-expanded.-level-one {
  background-color: rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(0px) brightness(1);
  -webkit-backdrop-filter: blur(0px) brightness(1);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-expanded.-level-one > .dropdown.first-level {
  background-color: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0);
  backdrop-filter: blur(10px) brightness(1);
  -webkit-backdrop-filter: blur(10px) brightness(1);
  box-shadow: 0 2px 7px 0 rgba(var(--primary-dark-color-RGB), 0.015), 0 4px 7px 0 rgba(var(--primary-dark-color-RGB), 0.03);
  padding: 4px;
  padding-top: 0;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-expanded.-level-one > .dropdown.first-level > .dropdown-inner {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 0.35rem 1rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .dropdown {
  width: 100%;
  float: right;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .dropdown.second-level > .dropdown-inner > .sidebar-nav__item .nav-item__link {
  padding-block: 0.5rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .dropdown.second-level > .dropdown-inner > .sidebar-nav__item .nav-item__link:after {
  right: 5px;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .sidebar-nav__item.item__level-2 {
  padding-left: 1.5rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .sidebar-nav__item.item__level-2 .nav-item__link {
  position: relative;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .sidebar-nav__item.item__level-2 .nav-item__link:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 15px;
  background-color: var(--text-color--opaq);
  position: absolute;
  top: 13px;
  left: -1.25rem;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .dropdown {
  max-height: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: max-height ease-in-out;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two .dropdown .dropdown-inner {
  padding: 0;
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two.-expanded .nav-item__link:after {
  transform: rotate(45deg) translateY(-50%);
}
aside#sidebar .sidebar-nav .sidebar-nav__item.has-dropdown.-level-two.-expanded .dropdown {
  max-height: 500px;
}
aside#sidebar .sidebar-bottom {
  padding-block: 1.5rem;
}
aside#sidebar .sidebar-bottom .status-utils {
  color: rgba(var(--light-color-INV-RGB), 0.6);
  font-size: 1.3rem;
  padding-top: 1.5rem;
  transition: 0.4s 0.5s ease-in-out;
}
aside#sidebar .sidebar-bottom .status-utils a {
  color: var(--text-color);
  font-weight: 500;
}
aside#sidebar.-collapsed {
  width: 6.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
aside#sidebar.-collapsed .sidebar-nav .sidebar-nav__item.nav-group-title .nav-group-title__label {
  display: none;
}
aside#sidebar.-collapsed .sidebar-nav .sidebar-nav__item.nav-group-title svg {
  display: block;
}
aside#sidebar.-collapsed .sidebar-nav .sidebar-nav__item .nav-item__link {
  justify-content: center;
  gap: 0;
}
aside#sidebar.-collapsed .sidebar-nav .sidebar-nav__item .nav-item__link .nav-item__title {
  opacity: 0;
  white-space: nowrap;
  margin-left: 0;
}
aside#sidebar.-collapsed .sidebar-nav .sidebar-nav__item.has-dropdown.-level-one > .nav-item__link:after {
  opacity: 0;
  transform: translateX(-15px);
}
aside#sidebar.-collapsed .sidebar-bottom button {
  height: 3.5rem;
  padding: 0.7rem;
  aspect-ratio: 1/1;
  box-shadow: none;
  background: transparent;
  backdrop-filter: none;
}
aside#sidebar.-collapsed .sidebar-bottom button svg {
  width: 2.75rem;
}
aside#sidebar.-collapsed .sidebar-bottom button .btn__text {
  display: none;
}
aside#sidebar.-collapsed .sidebar-bottom button .btn__icon {
  margin-right: -7px;
}
aside#sidebar.-collapsed .sidebar-bottom .status-utils {
  display: none;
}
aside#sidebar.-mobileActive {
  transform: translateX(0);
}
@media only screen and (max-width: 991px) {
  aside#sidebar {
    top: 0;
    transform: translateX(-25rem);
    background-color: rgba(255, 255, 255, var(--glass-opacity));
    border: 1px solid rgba(255, 255, 255, var(--border-intensity));
    backdrop-filter: blur(25px) brightness(var(--glass-brightness));
    -webkit-backdrop-filter: blur(25px) brightness(var(--glass-brightness));
    padding: 1.1rem 1.5rem 1.25rem 1.5rem;
    z-index: 999;
  }
  aside#sidebar .sidebar-wrapper {
    height: 100%;
    padding: 0;
  }
  aside#sidebar .sidebar-header {
    display: flex;
  }
  aside#sidebar .sidebar-bottom {
    padding-bottom: 0;
  }
}

.price-catalogs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.price-catalogs .price-catalog {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  padding: 0.85rem 2.5rem;
  border: 1px solid var(--border-opaq-25);
  border-radius: 8px;
}
.price-catalogs .price-catalog .pc-icon img {
  width: 2.2rem;
}
.price-catalogs .price-catalog .pc-title {
  color: var(--text-color);
}

.totals-box {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border-radius: 8px;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
}
.totals-box > .row:not(:last-child) {
  border-bottom: 1px solid var(--border-opaq);
}
.totals-box .row .col-6 {
  padding: 0.65rem 1rem;
}
.totals-box .row .col-6:first-child {
  border-right: 1px solid var(--border-opaq);
}
.totals-box .row .label {
  font-weight: 300;
}

.simple-table.table-bordered > :not(caption) > * {
  border-color: var(--border-opaq);
}
.simple-table :not(caption) > * > * {
  color: var(--text-color);
  background-color: var(--bg-light-color-03);
  box-shadow: none;
  padding: 1rem 1.5rem;
}

#st-memo {
  display: none;
}
#st-memo .st-memo-panel {
  margin-bottom: 2.5rem;
}
#st-memo .st-memo-panel-column {
  display: inline-block;
  vertical-align: top;
}
#st-memo .st-memo-panel-column.--enabled {
  border-right: 1px solid var(--border-opaq);
  padding-right: 1.5rem;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 1440px) {
  #st-memo .st-memo-panel-column.--enabled {
    margin-bottom: 1rem;
  }
}
#st-memo .st-memo-panel-label {
  margin-bottom: 0.65rem;
}
#st-memo .st-memo-panel-column.--enabled .st-memo-panel-label {
  color: var(--main-color);
}
#st-memo .st-memo-panel .st-memo-list {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0;
}
#st-memo .st-memo-panel .st-memo-list__item {
  display: none;
  position: relative;
  width: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  background-color: var(--border-opaq);
  padding: 0.65rem 1.35rem;
  border-radius: 5px;
}
#st-memo .st-memo-panel .st-memo-list__item.show {
  display: inline-flex;
}
#st-memo .st-memo-panel .st-memo-list__item > a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#st-memo .st-memo-panel-column.--disabled .st-memo-list__item {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
#st-memo .st-memo-panel .st-memo-list__item .icon {
  min-width: 2.5rem;
}
#st-memo .st-memo-panel .st-memo-list__item .icon img {
  height: 1.8rem;
  min-height: 1.8rem;
}
#st-memo .st-memo-panel .st-memo-list__item .title h5 {
  font-size: 1.3rem;
  font-weight: 400;
  text-wrap: nowrap;
  margin-bottom: 0;
}
#st-memo .st-memo-panel-column.--disabled .st-memo-list__item {
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  #st-memo .st-memo-panel {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  #st-memo .st-memo-panel .st-memo-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

.st-memo-box {
  position: relative;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 1.75rem 2.5rem;
  margin-bottom: 1.5rem;
  max-width: 1440px;
  margin-inline: auto;
}
.st-memo-box .st-memo-title {
  position: absolute;
  top: -1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.st-memo-box .st-memo-title .icon {
  display: none;
}
.st-memo-box .st-memo-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  column-gap: 2.25rem;
  row-gap: 0.75rem;
  padding: 0;
}
.st-memo-box .st-memo-list .list-item .list-item__no {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  margin-right: 0.75rem;
}
.st-memo-box .st-memo-list .list-item .list-item__no:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: var(--border-opaq);
  opacity: 0.65;
  border-radius: 5rem;
}
.st-memo-box .st-memo-container {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
.st-memo-box .st-memo-container .icon {
  flex: 0 0 4rem;
  background-color: rgba(var(--primary-dark-color-RGB), 0.25);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.st-memo-box .st-memo-container .icon svg {
  width: 4rem;
}
.st-memo-box .st-memo-list .list-item .list-item__title {
  font-size: 1.3rem;
  font-weight: 300;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .st-memo-box {
    text-align: center;
    padding: 1rem 1.25rem;
  }
  .st-memo-box .st-memo-title {
    position: relative;
    top: 0;
    justify-content: center;
    cursor: pointer;
  }
  .st-memo-box .st-memo-title .icon {
    display: inline-block;
  }
  .st-memo-box .st-memo-title .icon svg {
    width: 2rem;
  }
  .st-memo-box .st-memo-container .st-memo-list {
    display: none;
  }
}

#customerPrescriptionForm .custom-table input {
  font-size: 1.3rem;
  font-weight: 400;
  padding: 1rem 0.65rem;
}

#clipboard-container {
  display: none;
}

.notifications-list {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.notifications-list .notification-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-opaq-05);
  padding-block: 0.75rem;
}
.notifications-list .notification-item:last-child {
  border-bottom: 0;
}
.notifications-list .notification-item .n-head {
  flex: 1;
}
.notifications-list .notification-item .n-head .n-title {
  font-weight: 500;
}
.notifications-list .notification-item .n-head .n-message {
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 0.35px;
  opacity: 0.6;
  margin: 0;
}
.notifications-list .notification-item .n-info {
  flex: 0 0 4rem;
}
.notifications-list .notification-item .n-info .datetime {
  font-size: 1.3rem;
  line-height: 1;
  background: var(--border-opaq);
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
}

html[data-theme=dark] .st-memo-panel .st-memo-list__item .icon img {
  filter: invert(1);
}

.tabs-nav-wrapper {
  margin-bottom: 1.5rem;
}

body.entity {
  --main-color: rgba(255,255,255,0.15);
  --main-color-RGB: 255,255,255;
  --main-color-hover: rgba(255,255,255,0.15);
}
body.entity.iframe--default {
  --main-color: rgba(255,255,255,0.15);
  --main-color-RGB: 255,255,255;
  --main-color-hover: rgba(255,255,255,0.15);
}
body.entity[data-entity=shop-storage] {
  --main-color: rgb(239, 155, 0);
  --main-text-color: #07163c;
  --main-color-RGB: 239, 155, 0;
  --main-color-hover: #cb8400;
}
body.entity[data-entity=customers] {
  --main-color: rgb(31, 136, 223);
  --main-text-color: #fff;
  --main-color-RGB: 31, 136, 223;
  --main-color-hover: #1b75c0;
}
body.entity[data-entity=suppliers] {
  --main-color: rgb(176, 83, 175);
  --main-text-color: #fff;
  --main-color-RGB: 176, 83, 175;
  --main-color-hover: #994698;
}
body.entity[data-entity=helpers] {
  --main-color: rgb(229, 101, 101);
  --main-text-color: #fff;
  --main-color-RGB: 173, 34, 34;
  --main-color-hover: #e04646;
}
body.entity[data-entity=purchases] {
  --main-color: rgb(141, 196, 141);
  --main-text-color: #07163c;
  --main-color-RGB: 141, 196, 141;
  --main-color-hover: #75b875;
}
body.entity[data-entity=bills] {
  --main-color: rgb(64, 138, 138);
  --main-text-color: #fff;
  --main-color-RGB: 64, 138, 138;
  --main-color-hover: #357272;
}
body.entity[data-entity=salesman] {
  --main-color: rgb(0, 244, 180);
  --main-text-color: #07163c;
  --main-color-RGB: 0, 244, 180;
  --main-color-hover: #00d09a;
}
body.entity[data-entity=sms] {
  --main-color: rgb(196, 229, 23);
  --main-text-color: #07163c;
  --main-color-RGB: 224, 255, 0;
  --main-color-hover: #a8c514;
}
body.entity[data-entity=vouchers] {
  --main-color: rgb(214, 78, 27);
  --main-text-color: #07163c;
  --main-color-RGB: 214, 78, 27;
  --main-color-hover: #b64217;
}
body.entity[data-entity=sales] {
  --main-color: rgb(0, 204, 255);
  --main-text-color: #07163c;
  --main-color-RGB: 0, 204, 255;
  --main-color-hover: #00afdb;
}
body.entity .st-tab-wrapper .st-content-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: calc(1.5rem / 1.5);
}
body.entity .st-tab-wrapper .st-content-header .st-header__left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 1rem;
}
body.entity .st-tab-wrapper .st-content-header .st-header__right,
body.entity .st-tab-wrapper .st-content-header .st-header--right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}
body.entity .st-tab-wrapper .st-content-header .st-header__right .btn,
body.entity .st-tab-wrapper .st-content-header .st-header--right .btn {
  padding: 1rem 2.5rem;
  max-height: 3.25rem;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__icon {
  flex: auto;
  flex-grow: 0;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__icon .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  border-radius: 5px;
  background-color: rgba(var(--main-color-RGB), 0.075);
  border: 1px solid rgba(var(--main-color-RGB), 0.1);
  aspect-ratio: 1/1;
  padding: 0.85rem;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__icon .icon-wrapper img {
  width: 100%;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__icon .icon-wrapper svg {
  width: 100%;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__text {
  flex: 1;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__text .page-title__entity {
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--main-color);
  margin-bottom: 0px;
}
body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__text .page-title {
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--text-color);
  margin: 0;
}
body.entity .st-tab-wrapper .st-page-actions {
  height: 100%;
  margin-left: 1rem;
}
body.entity .st-tab-wrapper .st-page-actions #refresh-iframe {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.3rem;
  line-height: 1;
  color: rgb(113, 187, 255);
  background: rgba(15, 129, 224, 0.25);
  padding: 4px 10px 4px 5px;
  border-radius: 2.5rem;
}
body.entity .st-tab-wrapper .st-page-actions #refresh-iframe .icon {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__text .page-title {
    font-size: 1.8rem;
  }
  body.entity .st-tab-wrapper .st-content-header .st-page-title .page-title__icon .icon-wrapper {
    width: 4rem;
    padding: 0.9rem;
  }
}
body.entity .tabs-nav-wrapper {
  margin-bottom: calc(1.5rem / 2);
}
body.entity .tabs-nav-wrapper .tabs-nav:not(.tabs-nav--menu) {
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs {
  flex-wrap: nowrap;
  gap: 1rem;
  border: 0;
  padding-inline: 2rem;
  overflow-x: auto;
  overflow-y: hidden;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: var(--text-color);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  background: transparent;
  border-radius: 0;
  border: 0;
  padding: 1.15rem 1.5rem;
  transition: all 0.3s ease;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link span {
  white-space: nowrap;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .icon svg {
  width: 1.3rem;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.warning:after, body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.active.warning:after {
  background: #ec0000;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .warning-badge {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.1;
  background: #ec0000;
  width: 2rem;
  height: 2rem;
  border-radius: 15px;
  display: flex;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  outline: 2px solid rgb(17, 37, 104);
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item.hasBorder .nav-link:before,
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link:before {
  content: "";
  position: absolute;
  height: 35%;
  top: 50%;
  transform: translateY(-50%);
  right: -0.5rem;
  width: 1px;
  background: var(--text-color);
  opacity: 0.25;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item:last-child .nav-link:before {
  display: none;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  width: 100%;
  height: 4px;
  background-color: transparent;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.active {
  opacity: 1;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.active:after {
  background-color: var(--main-color);
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .notification {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.15);
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.show .notification {
  display: inline-flex;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.show .warning-badge {
  margin-left: -10px;
}
body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .notification .not-icon {
  width: 1.45rem;
  height: 1.45rem;
  background-image: url("../../icons/tick.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
body.entity .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs {
  padding-inline: 0;
  padding-bottom: 1px;
}
body.entity .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link {
  background-color: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(0.75);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(0.75);
  border-radius: 8px;
  border: 1px solid var(--border-opaq-10);
  padding: 0.85rem 1.5rem;
  transition: all 0.4s ease-in-out 0.1s;
}
body.entity .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link.active {
  background: var(--main-color);
  border: 1px solid var(--main-color-hover);
}
body.entity .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link:hover {
  background: var(--main-color);
}
body.entity .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link:before {
  display: none;
}
body.entity .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link:after {
  display: none;
}
body.entity .tab-outer-content .tab-pane .tab-pane__inner {
  padding-bottom: 5rem;
}
body.entity .tab-outer-content .tab-pane .tab-pane__inner.--withTabs {
  display: grid;
  grid-template-columns: 1fr 8.5rem;
  column-gap: 1.5rem;
}
body.entity .nav-tabs-vertical {
  gap: 1.5rem;
}
body.entity .nav-tabs-vertical .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  padding: 1.5rem;
  border-radius: 12px;
  width: 100%;
}
body.entity .nav-tabs-vertical .nav-link h5 {
  font-weight: 400;
  margin: 0;
}
body.entity .nav-link .svg-icon {
  fill: red;
}
@media only screen and (max-width: 991px) {
  body.entity .tab-outer-content .tab-pane .tab-pane__inner.--withTabs {
    grid-template-columns: 1fr 6rem;
    column-gap: calc(1.5rem / 2);
  }
  body.entity .nav-tabs-vertical {
    gap: calc(1.5rem / 2);
  }
}

.actions-toolbar-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.actions-toolbar-top .dx-button .dx-button-content {
  padding: 0;
}
.actions-toolbar-top .dx-button .dx-icon {
  color: var(--text-color);
}

.grid-box {
  display: grid;
}

.container-with-stickyBar {
  width: 100%;
  height: 100%;
}
.container-with-stickyBar .st-memo-box {
  position: sticky;
  bottom: 0;
  inset-inline: 0;
  width: 100%;
}

#validationSummaryWrapper .validation-summary-errors {
  position: relative;
  padding: 2.5rem;
  background-color: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(0.7);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(0.7);
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.1);
  overflow: hidden;
  margin-bottom: 2.5rem;
}
#validationSummaryWrapper .validation-summary-errors:after {
  content: "";
  position: absolute;
  top: 20px;
  right: -10rem;
  width: 20rem;
  height: 110%;
  filter: blur(30px);
  border-radius: 200px;
  z-index: -1;
  background-color: #ec0000;
  opacity: 0.2;
}

/* Loader */
.iframe-loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  animation: fadeIn 0.15s ease-in-out;
  background-color: rgba(var(--background-color), 0.3);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  z-index: 1000;
}
.iframe-loader.show {
  display: flex;
}

.advanced-spinner-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
}

.loader {
  position: relative;
  width: 6rem;
  height: 6rem;
  background: var(--link-color);
  transform: rotateX(65deg) rotate(45deg);
  color: #fff;
  animation: layers1 1s linear infinite alternate;
}

.loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.5);
  animation: layerTr 1s linear infinite alternate;
}

@keyframes layers1 {
  0% {
    box-shadow: 0px 0px 0 0px;
  }
  90%, 100% {
    box-shadow: 20px 20px 0 -4px;
  }
}
@keyframes layerTr {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-25px, -25px) scale(1);
  }
}
.spinner-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-text .letter {
  font-size: clamp(1.6rem, 5vw, 2.8rem);
  font-weight: 300;
  color: var(--text-color);
  margin: 0 0.5px;
  animation: letterPulse 2s infinite;
  animation-delay: calc(0.1s * var(--i));
}

@keyframes letterPulse {
  0%, 100% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 0.5;
    transform: translateY(-5px);
  }
}
body.entity[data-entity=purchases] .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link.active, body.entity[data-entity=sales] .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link.active {
  color: var(--text-color-dark);
}

body.iframe--shop-storage #voucherBtn {
  max-width: 320px;
  border-left: 0;
  padding-left: 0;
}
body.iframe--shop-storage #voucherDetailsGridBox {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  body.iframe--shop-storage #voucherDetailsGridBox {
    margin-bottom: 2.5rem;
  }
}
body.iframe--shop-storage #simpleList {
  margin-bottom: 2.5rem;
  min-height: 100px;
}
body.iframe--shop-storage #simpleList .dx-list-items .dx-item:not(:first-child) {
  border-top: 1px solid var(--border-opaq);
}
body.iframe--shop-storage #simpleList .dx-list-items .dx-item .dx-item-content {
  padding: 0;
}
body.iframe--shop-storage #simpleList .dx-list-items .dx-item .dx-item-content .list-item-wrapper .icon {
  font-size: 1.8rem;
  color: var(--text-color);
}
body.iframe--shop-storage #simpleList .dx-list-items .dx-item .dx-item-content .list-item-wrapper .title {
  color: var(--text-color);
}
body.iframe--shop-storage #simpleList .dx-list-item-before-bag .dx-list-select-checkbox,
body.iframe--shop-storage #simpleList .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-bottom: 0px;
}
body.iframe--shop-storage #voucherTitle {
  max-width: 350px;
}
body.iframe--shop-storage #voucherTitle .dx-dropdowneditor-input-wrapper {
  background: var(--main-color);
  padding-right: 1.35rem;
  border-radius: 35px;
  overflow: hidden;
}
body.iframe--shop-storage #voucherTitle .dx-dropdowneditor-input-wrapper:hover {
  background-color: var(--main-color-hover);
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-input-container {
  display: none;
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container {
  width: 100%;
  flex-grow: 1;
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container .dx-button {
  width: 100%;
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container .dx-button.dx-state-hover {
  background: inherit;
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container .dx-button .dx-button-content {
  padding-right: 1rem;
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container .dx-button .dx-button-content .dx-icon:before, body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container .dx-button .dx-button-content .dx-button-text {
  color: var(--text-color-dark);
}
body.iframe--shop-storage #voucherTitle .dx-texteditor-buttons-container .dx-button .dx-button-content:before {
  display: none;
}
body.iframe--shop-storage .labels-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body.iframe--shop-storage .labels-actions .dx-icon {
  color: var(--text-color);
}
body.iframe--shop-storage .st-box .dx-fieldset-header {
  min-height: 47px;
  border-bottom: 1px solid var(--border-opaq);
  padding-bottom: 0.8rem;
}
body.iframe--shop-storage .st-box .dx-fieldset-header span {
  font-size: 1.6rem;
  font-weight: 500;
}

#customerStatistics {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 350px;
}
@media only screen and (max-width: 991px) {
  #customerStatistics {
    position: relative;
    max-width: 100%;
  }
  #customerStatistics .st-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 640px) {
  #customerStatistics .st-box {
    grid-template-columns: 1fr;
  }
}

.prescription-page #prescriptionSummary {
  display: none;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border-radius: 12px;
  padding: 3.5rem;
  max-width: 600px;
  margin-bottom: 3.5rem;
}
.prescription-page #prescriptionSummary .error-box-title {
  margin-bottom: 2rem;
}
.prescription-page #prescriptionSummary .error-box-title,
.prescription-page #prescriptionSummary .error-box-title span {
  position: relative;
}
.prescription-page #prescriptionSummary .error-box-title h5 {
  padding-left: 3.5rem;
}
.prescription-page #prescriptionSummary .error-box-title span:after {
  pointer-events: none;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  background-color: #d9534f;
  color: #fff;
  content: "!";
  border-radius: 50%;
}
.prescription-page .dx-validationsummary.dx-collection .dx-item {
  position: relative;
  padding-left: 1rem;
}
.prescription-page .dx-validationsummary.dx-collection .dx-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  background-color: var(--border-opaq-25);
  border-radius: 10px;
}
.prescription-page #prescriptionSummary .error-box-title h5 {
  font-size: 1.6rem;
}
.prescription-page #prescriptionSummary .error-section {
  margin-bottom: 1.5rem;
}
.prescription-page #prescriptionSummary .error-section .errors-title {
  padding-bottom: 0.5rem;
}

body.iframe--customers #troposEmfanisisYpoloipou .dx-radiogroup-horizontal .dx-collection {
  flex-direction: column;
  row-gap: 1rem;
}
body.iframe--customers #storageDropDownBox .dx-texteditor-container {
  gap: 1rem;
}
body.iframe--customers #storageDropDownBox .dx-button-normal {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
body.iframe--customers #storageDropDownBox .dx-button-normal .dx-dropdowneditor-icon:before {
  color: var(--text-color);
}
body.iframe--customers #treeViewShopStorageID .dx-treeview-node-container .dx-treeview-node .dx-item {
  padding-inline: 0;
}
body.iframe--customers #treeViewShopStorageID .dx-treeview-node-container .dx-treeview-node .dx-item .dx-treeview-item-content span {
  color: var(--text-color);
}

body.iframe--customers #customerCardForm #chooseInvoice {
  height: calc(100% - 2rem);
}

body.iframe--customers #customerTypeRadio {
  container-type: inline-size;
  container-name: customer-type-radio;
}
body.iframe--customers #customerTypeRadio .dx-collection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@container customer-type-radio (max-width: 450px) {
  body.iframe--customers #customerTypeRadio .dx-collection {
    grid-template-columns: 1fr;
  }
}

body.iframe--sales .ekp-header,
body.iframe--purchases .ekp-header {
  margin-bottom: 1.5rem;
}
body.iframe--sales .ekp-header .ekp-row-1,
body.iframe--purchases .ekp-header .ekp-row-1 {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  display: grid;
  grid-template-columns: 20rem 1fr;
  gap: 1.5rem;
  border: 1px solid var(--border-opaq);
  border-radius: 12px;
  padding: 1.5rem 2.5rem;
  margin-bottom: 1.5rem;
}
body.iframe--sales .ekp-header .ekp-row-1 .label-title-sm,
body.iframe--purchases .ekp-header .ekp-row-1 .label-title-sm {
  color: var(--text-color);
}
body.iframe--sales .ekp-header .ekp-row-1 .ekp-item.--icon,
body.iframe--purchases .ekp-header .ekp-row-1 .ekp-item.--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  background: var(--main-color);
  border-radius: 5px;
  padding: 1rem;
}
body.iframe--sales .ekp-header .ekp-row-1 .ekp-item.--icon img,
body.iframe--purchases .ekp-header .ekp-row-1 .ekp-item.--icon img {
  width: 3.5rem;
  height: auto;
}
body.iframe--sales .ekp-item .label-title-sm,
body.iframe--purchases .ekp-item .label-title-sm {
  color: var(--text-color);
  margin-bottom: 0.25rem;
}
body.iframe--sales .ekp-item .ekp-value,
body.iframe--purchases .ekp-item .ekp-value {
  font-size: clamp(1.4rem, 1.4rem + 3vw, 2.4rem);
  font-weight: 600;
  color: var(--text-color);
}
body.iframe--sales .ekp-item .ekp-value.--num,
body.iframe--purchases .ekp-item .ekp-value.--num {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--text-color);
}
body.iframe--sales .ekp-header .ekp-row-2,
body.iframe--purchases .ekp-header .ekp-row-2 {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  display: grid;
  grid-template-columns: 0.75fr 0.25fr;
  gap: 1.5rem;
  border: 1px solid var(--border-opaq);
  padding-inline: 2.5rem;
  border-radius: 12px;
}
body.iframe--sales .ekp-header .ekp-row-2 .ekp-item,
body.iframe--purchases .ekp-header .ekp-row-2 .ekp-item {
  padding-block: 1.5rem;
}
body.iframe--sales .ekp-header .ekp-row-2 .ekp-col-1,
body.iframe--purchases .ekp-header .ekp-row-2 .ekp-col-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.5rem;
  border-right: 1px solid var(--border-opaq);
  padding-right: 1.5rem;
}
body.iframe--sales .ekp-item.--bonus,
body.iframe--purchases .ekp-item.--bonus {
  padding-inline: 2.5rem;
}
body.iframe--sales .ekp-item.--bonus .label-title-sm,
body.iframe--purchases .ekp-item.--bonus .label-title-sm {
  color: #d81bea;
  font-weight: 600;
}
body.iframe--sales .ekp-item.--withIcon,
body.iframe--purchases .ekp-item.--withIcon {
  display: flex;
  gap: 1.5rem;
}
body.iframe--sales .ekp-item.--withIcon .ekp__icon,
body.iframe--purchases .ekp-item.--withIcon .ekp__icon {
  flex: 0 0 3.5rem;
}
body.iframe--sales .ekp-item.--withIcon .ekp__icon .icon,
body.iframe--purchases .ekp-item.--withIcon .ekp__icon .icon {
  color: rgb(216, 27, 234);
  font-size: 2rem;
  background-color: rgba(216, 27, 234, 0.18);
  padding: 0.25rem;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.iframe--sales .ekp-item.--withIcon .ekp__content,
body.iframe--purchases .ekp-item.--withIcon .ekp__content {
  flex: 1;
}
body.iframe--sales .kiniseis-box,
body.iframe--purchases .kiniseis-box {
  border: 1px solid var(--border-opaq);
  padding-top: 0.5rem;
}
body.iframe--sales .kiniseis-box .dx-datagrid,
body.iframe--purchases .kiniseis-box .dx-datagrid {
  min-height: 250px;
}
body.iframe--sales .kiniseis-box .st-tab-wrapper .tabs-nav,
body.iframe--purchases .kiniseis-box .st-tab-wrapper .tabs-nav {
  border: 0;
  background: transparent;
  backdrop-filter: unset;
  border-bottom: 1px solid var(--border-opaq);
  border-radius: 0;
}
body.iframe--sales .kiniseis-box .st-tab-wrapper .tabs-nav .nav-tabs,
body.iframe--purchases .kiniseis-box .st-tab-wrapper .tabs-nav .nav-tabs {
  justify-content: center;
}
body.iframe--sales .kiniseis-box .st-tab-wrapper .tabs-nav .nav-tabs .nav-item .nav-link,
body.iframe--purchases .kiniseis-box .st-tab-wrapper .tabs-nav .nav-tabs .nav-item .nav-link {
  font-weight: 600;
}
body.iframe--sales .kiniseis-footer,
body.iframe--purchases .kiniseis-footer {
  border-radius: 12px;
  border: 1px solid var(--border-opaq);
  padding: 1rem;
  margin-inline: 0;
  margin-top: 1rem;
}
body.iframe--sales .kiniseis-footer .inputField,
body.iframe--purchases .kiniseis-footer .inputField {
  padding: 1rem 1.5rem;
  border-radius: 12px;
}
body.iframe--sales .kiniseis-footer .inputField label,
body.iframe--purchases .kiniseis-footer .inputField label {
  opacity: 1;
  font-weight: 400;
  color: var(--text-color);
  padding-bottom: 0.35rem;
  margin-bottom: 0;
}
body.iframe--sales .kiniseis-footer .inputField.--telikiAxia,
body.iframe--purchases .kiniseis-footer .inputField.--telikiAxia {
  background: rgba(var(--primary-dark-color-RGB), 0.75);
}
body.iframe--sales .kiniseis-footer .inputField.--exoflimeno,
body.iframe--purchases .kiniseis-footer .inputField.--exoflimeno {
  background: rgba(46, 204, 113, 0.1);
}
body.iframe--sales .kiniseis-footer .inputField.--exoflimeno label,
body.iframe--purchases .kiniseis-footer .inputField.--exoflimeno label {
  color: #2ecc71;
}
body.iframe--sales .kiniseis-footer .inputField.--upoloipo,
body.iframe--purchases .kiniseis-footer .inputField.--upoloipo {
  background: rgba(255, 115, 0, 0.1);
}
body.iframe--sales .kiniseis-footer .inputField.--upoloipo label,
body.iframe--purchases .kiniseis-footer .inputField.--upoloipo label {
  color: rgb(255, 115, 0);
}
body.iframe--sales .kiniseis-footer .inputField.--neoYpoloipo,
body.iframe--purchases .kiniseis-footer .inputField.--neoYpoloipo {
  background: rgba(var(--main-color-RGB), 0.1);
}
body.iframe--sales .kiniseis-footer .inputField.--neoYpoloipo label,
body.iframe--purchases .kiniseis-footer .inputField.--neoYpoloipo label {
  color: var(--main-color);
}
body.iframe--sales .kiniseis-footer .inputField .dx-texteditor.dx-state-readonly,
body.iframe--purchases .kiniseis-footer .inputField .dx-texteditor.dx-state-readonly {
  opacity: 1;
}
body.iframe--sales .kiniseis-footer .inputField .dx-texteditor-container .dx-texteditor-input-container input.dx-texteditor-input,
body.iframe--purchases .kiniseis-footer .inputField .dx-texteditor-container .dx-texteditor-input-container input.dx-texteditor-input {
  font-size: 2.4rem;
  font-weight: 600;
  background: transparent;
  border: 0;
  backdrop-filter: unset;
  padding: 0;
  height: unset;
  min-height: unset;
}

body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup {
  text-align: center;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .st-popup-content,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .st-popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 3.5rem;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title {
  font-size: clamp(1.6rem, 1.6rem + 5vw, 2.8rem);
  font-weight: 100;
  color: var(--text-color);
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span {
  opacity: 0;
  animation: blink 1.5s infinite;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span:nth-child(1),
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span:nth-child(1) {
  animation-delay: 0s;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span:nth-child(2),
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span:nth-child(2) {
  animation-delay: 0.3s;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span:nth-child(3),
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-title .dots span:nth-child(3) {
  animation-delay: 0.6s;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-subtitle,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .popup-head .payment-subtitle {
  font-size: 1.6rem;
  font-weight: 200;
  color: #0567fc;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup #payment-graphic,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup #payment-graphic {
  width: 100%;
  max-width: 450px;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  margin-block: 2.5rem;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info .payment-info__item,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info .payment-info__item {
  background: rgba(var(--light-color-INV-RGB), 0.05);
  padding: 1.5rem 2.5rem;
  min-width: 15rem;
  border-radius: 8px;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info .payment-info__item h5,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info .payment-info__item h5 {
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.65;
  margin-bottom: 0.5rem;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info .payment-info__item span,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-info .payment-info__item span {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount {
  border-block: 2px dashed var(--border-opaq);
  padding-block: 2.5rem;
  padding-inline: calc(3.5rem + 5vw);
  margin-block: 2.5rem;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount .label,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount .label {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 0;
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount .value,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount .value {
  position: relative;
  font-family: "DS-Digital", monospace;
  font-size: clamp(2.4rem, 2.4rem + 15vw, 10.8rem);
  line-height: 1;
  color: var(--text-color);
}
body.iframe--sales .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount .value .currency,
body.iframe--purchases .slide-in-popup .st-popup-wrapper.--createTransactionPOSPopup .payment-amount .value .currency {
  position: absolute;
  right: -2.5rem;
  top: 2rem;
  font-size: 2.8rem;
  color: var(--text-color);
}

body.iframe--helpers #reportsGrid .dx-datagrid .dx-command-edit-with-icons .dx-link.dx-state-disabled {
  opacity: 0.4;
  filter: blur(0.5px) grayscale(70%);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
}
body.iframe--helpers #reportsGrid .dx-datagrid .dx-command-edit-with-icons .dx-link.dx-state-disabled:before {
  color: var(--text-color);
}

.dx-fieldset .dx-fieldset-header, .st-box .dx-fieldset-header {
  border-bottom: 1px solid var(--border-opaq);
  padding-bottom: 0.8rem;
}

.inputField label {
  font-size: 1.4rem;
  letter-spacing: 0.1px;
  opacity: 0.8;
  margin-bottom: 7px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html[data-theme=light] body.entity[data-entity=salesman] {
  --main-color: rgb(0, 190, 143);
  --main-color-RGB: 0, 190, 143;
  --main-color-hover: #009a74;
}
html[data-theme=light] body.entity[data-entity=sms] {
  --main-color: rgb(138, 192, 0);
  --main-color-RGB: 138, 192, 0;
  --main-color-hover: #709c00;
  --main-color-light: rgb(196, 229, 23);
}
html[data-theme=light] .st-tab-wrapper .st-content-header .st-page-title .page-title__icon .icon-wrapper {
  background-color: rgba(255, 255, 255, 0.35);
  border: 0;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
}
html[data-theme=light] body.entity .nav-tabs-vertical .nav-link {
  border: 1px solid var(--border-opaq);
}
html[data-theme=light] body.entity .nav-tabs-vertical .nav-link.active {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.025);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.025);
}
html[data-theme=light] body.entity .nav-tabs-vertical .nav-link.active h5 {
  font-weight: 600;
}
html[data-theme=light] .tabs-nav-wrapper .tabs-nav:not(.tabs-nav--menu) {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.035);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.035);
}
html[data-theme=light] .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .warning-badge {
  outline: 2px solid rgb(220, 241, 255);
}
html[data-theme=light] .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .notification {
  background-color: rgba(255, 255, 255, 0.85);
}
html[data-theme=light] .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link .notification .not-icon {
  background-image: url("../../icons/tick-dark.svg");
}
html[data-theme=light] body.entity[data-entity=voucher] .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link.active {
  color: var(--text-color-light);
}
html[data-theme=light] .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link {
  background-color: rgba(255, 255, 255, 0.35);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.035);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.035);
}
html[data-theme=light] body.iframe--sales .ekp-header .ekp-row-1,
html[data-theme=light] body.iframe--purchases .ekp-header .ekp-row-1 {
  background: #f7f7f7;
}
html[data-theme=light] body.iframe--sales .kiniseis-box,
html[data-theme=light] body.iframe--purchases .kiniseis-box {
  border: 1px solid var(--border-opaq);
  box-shadow: none;
}
html[data-theme=light] body.iframe--sales .kiniseis-box .tabs-nav,
html[data-theme=light] body.iframe--purchases .kiniseis-box .tabs-nav {
  border-bottom: 1px solid var(--border-opaq);
}
html[data-theme=light] body.iframe--sales .kiniseis-footer .inputField.--telikiAxia,
html[data-theme=light] body.iframe--purchases .kiniseis-footer .inputField.--telikiAxia {
  background: rgba(var(--primary-dark-color-RGB), 0.05);
}
html[data-theme=light] body.iframe--sales .kiniseis-box .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper,
html[data-theme=light] body.iframe--purchases .kiniseis-box .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  background: #f7f7f7;
}

html[data-theme=dark] body.entity .nav-tabs-vertical .nav-link {
  border: 1px solid var(--border-opaq);
}
html[data-theme=dark] body.entity .nav-tabs-vertical .nav-link.active {
  background-color: rgba(0, 19, 69, 0.35);
  backdrop-filter: blur(20px) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(20px) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
}
html[data-theme=dark] body.entity .nav-tabs-vertical .nav-link.active h5 {
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  body.entity .tabs-nav-wrapper .tabs-nav ul.nav.nav-tabs li.nav-item .nav-link {
    padding: 0.85rem 1.25rem 0.95rem 1.25rem;
  }
}
#myDashboard {
  height: 100%;
}
#myDashboard .d-intro {
  margin-bottom: 2.5rem;
}
#myDashboard h2 {
  font-size: 2.4rem;
  letter-spacing: -1px;
}
@media only screen and (max-width: 1280px) {
  #myDashboard {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.dashboard-grid {
  height: calc(100vh - 80px);
  display: grid;
  gap: 1.5rem;
  grid-template-rows: repeat(8, 1fr);
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas: "ent ent ent ent ent ent ent ent ent lnk lnk lnk" "vch vch vch vch vch vch vch vch vch lnk lnk lnk" "vch vch vch vch vch vch vch vch vch lnk lnk lnk" "vch vch vch vch vch vch vch vch vch lnk lnk lnk" "vch vch vch vch vch vch vch vch vch ann ann ann" "vch vch vch vch vch vch vch vch vch ann ann ann" "b1  b1  b1  b2  b2  b2  b3  b3 b3 ann ann ann" "b1  b1  b1  b2  b2  b2  b3  b3 b3 ann ann ann";
}
@media only screen and (max-width: 1280px) {
  .dashboard-grid {
    height: auto;
    grid-template-rows: auto;
    grid-template-areas: "ent ent ent ent ent ent ent ent ent ent ent ent" "vch vch vch vch vch vch vch vch vch vch vch vch " "vch vch vch vch vch vch vch vch vch vch vch vch " "vch vch vch vch vch vch vch vch vch vch vch vch " "vch vch vch vch vch vch vch vch vch vch vch vch " "lnk lnk lnk lnk lnk lnk ann ann ann ann ann ann" "lnk lnk lnk lnk lnk lnk ann ann ann ann ann ann" "b1  b1  b1   b1  b2 b2  b2  b2  b3  b3 b3 b3" "b1  b1  b1   b1  b2 b2  b2  b2  b3  b3 b3 b3";
  }
}
.dashboard-grid .grid-item .g-title {
  margin-bottom: 1.5rem;
}
.dashboard-grid .grid-item .g-title h4 {
  font-size: clamp(1.8rem, 0.15rem + 0.8vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.15px;
}
.dashboard-grid #g-intro {
  grid-area: intro;
}
.dashboard-grid #g-entities {
  grid-area: ent;
}
.dashboard-grid #g-entities .entities-wrapper {
  height: 100%;
}
.dashboard-grid #g-entities .entities-list {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 1.5rem;
  padding-left: 0;
  padding-bottom: 0.25rem;
}
.dashboard-grid #g-entities .entities-list::-webkit-scrollbar {
  height: var(--st-size);
}
.dashboard-grid #g-entities .entities-list::-webkit-scrollbar-track {
  background: var(--st-track-color);
}
.dashboard-grid #g-entities .entities-list::-webkit-scrollbar-thumb {
  background: var(--st-thumb-color);
  border-radius: 6px;
}
.dashboard-grid #g-entities .entities-list .entity-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  min-width: 23rem;
  min-height: 13rem;
  border-radius: 12px;
  padding: 2.5rem;
  overflow: hidden;
}
.dashboard-grid #g-entities .entities-list .entity-item:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(25px) brightness(1.1);
  -webkit-backdrop-filter: blur(25px) brightness(1.1);
  z-index: -2;
}
.dashboard-grid #g-entities .entities-list .entity-item:before {
  content: "";
  position: absolute;
  left: -15%;
  bottom: -25%;
  opacity: 1;
  width: 70%;
  height: 50%;
  filter: blur(70px);
  z-index: -1;
}
.dashboard-grid #g-entities .entities-list .entity-item h4 {
  position: relative;
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: var(--text-color-light);
  margin: 0;
}
.dashboard-grid #g-entities .entities-list .entity-item .icon {
  position: absolute;
  width: 60%;
  height: auto;
  right: -1.5rem;
  bottom: -2.5rem;
  filter: brightness(0);
  mix-blend-mode: overlay;
  opacity: 0.25;
  z-index: 0;
}
.dashboard-grid #g-entities .entities-list .entity-item .icon img {
  width: 100%;
}
.dashboard-grid #g-entities .entities-list .entity-item.--shopStorage {
  background: linear-gradient(150deg, #d68a00, #ffc456);
}
.dashboard-grid #g-entities .entities-list .entity-item.--customers {
  background: linear-gradient(170deg, rgb(31, 136, 223), #61ace9);
}
.dashboard-grid #g-entities .entities-list .entity-item.--suppliers {
  background: linear-gradient(100deg, rgb(176, 83, 175), #d099d0);
}
.dashboard-grid #g-entities .entities-list .entity-item.--vouchers {
  background: linear-gradient(170deg, rgb(214, 78, 27), #e97d54);
}
.dashboard-grid #g-entities .entities-list .entity-item.--sales {
  background: linear-gradient(100deg, rgb(0, 204, 255), #66e0ff);
}
.dashboard-grid #g-entities .entities-list .entity-item.--purchases {
  background: linear-gradient(170deg, rgb(141, 196, 141), #bfdebf);
}
.dashboard-grid #g-latest-vouchers {
  grid-area: vch;
  background-color: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(100px) brightness(1);
  -webkit-backdrop-filter: blur(100px) brightness(1);
  border-radius: 12px;
  padding: 2.5rem;
  overflow: hidden;
}
.dashboard-grid #g-latest-vouchers .g-content {
  min-height: 50rem;
}
.dashboard-grid #g-announcements {
  grid-area: ann;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(35px) brightness(1.1);
  -webkit-backdrop-filter: blur(35px) brightness(1.1);
  border-radius: 12px;
  padding: 2.5rem;
}
.dashboard-grid #g-announcements .g-content {
  height: calc(100% - 4.5rem);
}
.dashboard-grid #g-announcements .notifications-list {
  max-height: 100%;
  padding-left: 0;
}
.dashboard-grid #g-quickLinks {
  grid-area: lnk;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(35px) brightness(1.1);
  -webkit-backdrop-filter: blur(35px) brightness(1.1);
  border-radius: 12px;
  padding: 2.5rem;
}
.dashboard-grid #g-quickLinks .g-menu {
  padding-left: 0;
}
.dashboard-grid #g-quickLinks .g-menu .g-menu__item {
  margin-bottom: 1rem;
}
.dashboard-grid #g-quickLinks .g-menu .g-menu__item a {
  position: relative;
  display: block;
  color: var(--text-color);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid var(--border-opaq);
  padding: 1.35rem 1.5rem;
  border-radius: 5px;
}
.dashboard-grid #g-quickLinks .g-menu .g-menu__item a:after {
  content: "\f010";
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: DXIcons;
  font-size: 1.4rem;
  color: var(--text-color--opaq);
}
.dashboard-grid #g-banner-1 {
  grid-area: b1;
  min-height: 30rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(35px) brightness(1.1);
  -webkit-backdrop-filter: blur(35px) brightness(1.1);
  border-radius: 12px;
  padding: 2.5rem;
}
.dashboard-grid #g-banner-2 {
  grid-area: b2;
  min-height: 30rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(35px) brightness(1.1);
  -webkit-backdrop-filter: blur(35px) brightness(1.1);
  border-radius: 12px;
  padding: 2.5rem;
}
.dashboard-grid #g-banner-3 {
  grid-area: b3;
  min-height: 30rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(35px) brightness(1.1);
  -webkit-backdrop-filter: blur(35px) brightness(1.1);
  border-radius: 12px;
  padding: 2.5rem;
}

html[data-theme=light] #g-latest-vouchers {
  background-color: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(100px) brightness(1.15);
  -webkit-backdrop-filter: blur(100px) brightness(1.15);
}
:root {
  --st-size: 3px;
  --st-thumb-color: #fff;
  --st-track-color: rgba(255,255,255,0.15);
}

body.login-page2 .page-wrapper {
  padding: 0;
}
body.login-page2 .login-container {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100vh;
  background: #0a4bd1;
  background-image: url("../../images/status-v2-bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.login-page2 .login-container .login-container__left {
  width: 60%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 7.5rem 10rem;
  color: #fff;
  text-align: center;
}
body.login-page2 .login-container .login-container__left .img-wrapper {
  max-width: 600px;
  margin-inline: auto;
}
body.login-page2 .login-container .login-container__left .img-wrapper img {
  width: 100%;
}
body.login-page2 .login-container .login-container__left .s-title {
  font-size: clamp(2.4rem, 10vw, 4.2rem);
  font-weight: 300;
  line-height: 1.2;
  max-width: 550px;
  margin-inline: auto;
  margin-top: 5rem;
  margin-bottom: 3.5rem;
}
body.login-page2 .login-container .login-container__left .s-description {
  font-size: 1.4rem;
  letter-spacing: 0.5px;
  font-weight: 300;
}
body.login-page2 .login-container .login-container__left .onboarding-slider {
  width: 100%;
  padding-bottom: 3.5rem;
}
body.login-page2 .login-container .login-container__left .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.75);
}
body.login-page2 .login-container .login-container__left .swiper-pagination-bullet-active {
  background-color: #fff;
}
body.login-page2 .login-container .login-container__right {
  width: 40%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 7.5rem;
  position: absolute;
  height: calc(100% - 10rem);
  top: 5rem;
  right: 5rem;
  border-radius: 5rem;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.075);
  background-color: rgba(255, 255, 255, 0.025);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}
body.login-page2 .form-wrapper {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}
body.login-page2 .form-wrapper h1 {
  color: #fff;
  font-size: clamp(2rem, 2rem + 2.5vw, 4rem);
  font-weight: 500;
  margin-bottom: 4.5rem;
}
body.login-page2 .form-wrapper h2 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
body.login-page2 form .input-wrapper {
  margin-bottom: 2.25rem;
}
body.login-page2 form .input-wrapper input {
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  height: 5rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 0;
  padding-inline: 1.75rem;
}
body.login-page2 form .input-wrapper input::-webkit-input-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page2 form .input-wrapper input:-moz-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page2 form .input-wrapper input::-moz-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page2 form .input-wrapper input:-ms-input-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page2 form .input-wrapper input::-ms-input-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page2 form .input-wrapper input::placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page2 form .input-wrapper .form-label {
  color: rgba(255, 255, 255, 0.53);
  opacity: 0;
  line-height: 1.5;
  padding: 1rem 1.25rem;
}
body.login-page2 form .actions {
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
}
body.login-page2 .form-floating > .form-control:focus, body.login-page2 .form-floating > .form-control:not(:placeholder-shown) {
  padding-block: 1rem;
}
body.login-page2 .form-floating > .form-control:focus ~ label, body.login-page2 .form-floating > .form-control:not(:placeholder-shown) ~ label, body.login-page2 .form-floating > .form-select ~ label {
  opacity: 1;
  transform: scale(0.8) translateY(-3.75rem) translateX(0.75rem);
}
body.login-page2 form .actions button {
  font-size: 1.5rem;
  height: 5.5rem;
  max-height: 4.5rem;
  border-radius: 12px;
}
body.login-page2 form .remember-me label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
body.login-page2 form .remember-me label span {
  line-height: 1;
}
body.login-page2 form .remember-me input {
  aspect-ratio: 1/1;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  padding: 0.9rem;
}
body.login-page2 form .remember-me span {
  font-weight: 400;
  color: #fff;
}
body.login-page2 form .forgot-password {
  color: rgba(255, 255, 255, 0.75);
}
body.login-page2 form .forgot-password a {
  color: #0567fc;
  text-decoration: underline;
}
body.login-page2 form.form-forgotPassword p {
  color: #fff;
}
body.login-page2 .poweredBy {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 3.5rem;
}
body.login-page2 .poweredBy span {
  font-size: 1.25rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
  text-wrap: nowrap;
}
body.login-page2 .poweredBy img {
  height: 1.9rem;
  margin-bottom: -1px;
}
body.login-page2 .login-container .login-container__right .fp-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
}
body.login-page2 .login-container .login-container__right .fp-wrapper h1 {
  margin-bottom: 0;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-icon-wrapper .fp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  padding: 0.5rem;
  border-radius: 8px;
  aspect-ratio: 1/1;
  background-color: rgba(5, 103, 252, 0.1);
  margin-inline: auto;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-icon-wrapper .fp-icon svg path {
  fill: #0567fc;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-message {
  font-size: 1.5rem;
  line-height: 1.6;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-message .email {
  font-weight: bold;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-login {
  width: 100%;
  max-width: 350px;
  margin-inline: auto;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-login a {
  display: block;
  line-height: 1.4;
  height: 4.5rem;
  max-height: 4.5rem;
  border-radius: 12px;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-notice {
  color: #888;
  margin-top: 1rem;
}
body.login-page2 .login-container .login-container__right .fp-wrapper .fp-notice a {
  color: #0567fc;
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  body.login-page2 .page-wrapper {
    background-image: url("../../images/theme-dark/bg-dark.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow-x: hidden;
    overflow-y: auto;
  }
  body.login-page2 .login-container {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  body.login-page2 .login-container > .login-container__left,
  body.login-page2 .login-container > .login-container__right {
    width: 100%;
  }
  body.login-page2 .login-container > .login-container__left {
    background: transparent;
  }
  body.login-page2 .login-container > .login-container__right {
    position: relative;
    inset: unset;
    height: auto;
    border-radius: 0;
    border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    padding-bottom: 10rem;
  }
  body.login-page2 .poweredBy {
    bottom: 3.5rem;
  }
}
@media only screen and (max-width: 640px) {
  body.login-page2 .login-container .login-container__left,
  body.login-page2 .login-container .login-container__right {
    padding: 5rem;
  }
}

body.login-page1 .page-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #0a4bd1;
  background-image: url("../../images/theme-dark/bg-dark.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5rem;
}
body.login-page1 .page-wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background-image: url("../../images/bg4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: soft-light;
  filter: blur(8px);
}
body.login-page1 .bg-lines {
  position: absolute;
}
body.login-page1 .login-container {
  position: relative;
  display: flex;
  gap: 2.5rem;
  width: 100%;
  height: 100vh;
  max-height: 1080px;
  max-width: 1600px;
  margin-inline: auto;
  z-index: 2;
}
body.login-page1 .login-container .login-container__left {
  position: relative;
  flex: 0 0 55%;
  width: 55%;
  height: 100%;
  padding: 5rem 10rem 5rem 5rem;
}
body.login-page1 .login-container .login-container__left .logo {
  position: absolute;
  top: 5rem;
  left: 10rem;
  font-size: clamp(2rem, 2rem + 5vw, 3rem);
  font-weight: 400;
  line-height: 1;
  color: #fff;
  z-index: 9;
}
body.login-page1 .login-container .login-container__left .marketing-text {
  position: absolute;
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  top: 10%;
  max-width: 400px;
  right: -100px;
  border-radius: 25px;
  padding: 3.5rem;
  background: rgba(255, 255, 255, 0.15);
  box-shadow: -10px -10px 100px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(25px);
  z-index: 2;
}
body.login-page1 .login-container .login-container__left .marketing-text b {
  font-weight: 600;
}
@media only screen and (max-width: 1440px) {
  body.login-page1 .login-container .login-container__left .marketing-text {
    font-size: 2rem;
    line-height: 1.5;
    max-width: 300px;
    padding: 2.5rem;
  }
}
body.login-page1 .login-container .login-container__right {
  position: relative;
  flex: 0 0 45%;
  width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
}
body.login-page1 .login-container .login-container__right .logo {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  background: #fff;
  padding: 2px 8px;
  display: inline-block;
  margin-bottom: 3.5rem;
}
body.login-page1 .login-container .login-container__right .form-wrapper {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
body.login-page1 .login-container .login-container__right .form-wrapper h1 {
  color: #fff;
  font-size: clamp(2rem, 2rem + 3.5vw, 5.2rem);
  font-weight: 600;
  margin-bottom: 4.5rem;
  text-align: left;
}
body.login-page1 .login-container .login-container__right .form-wrapper h2 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
body.login-page1 .login-container .login-container__right form .input-wrapper {
  margin-bottom: 2.25rem;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input {
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  height: 6rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 0;
  padding-inline: 1.75rem;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input::-webkit-input-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input:-moz-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input::-moz-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input:-ms-input-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input::-ms-input-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page1 .login-container .login-container__right form .input-wrapper input::placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page1 .login-container .login-container__right form .input-wrapper .form-label {
  color: rgba(255, 255, 255, 0.53);
  opacity: 0;
  line-height: 1.5;
  padding: 1rem 1.25rem;
}
body.login-page1 .login-container .login-container__right form .actions {
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
}
body.login-page1 .login-container .login-container__right .form-floating > .form-control:focus, body.login-page1 .login-container .login-container__right .form-floating > .form-control:not(:placeholder-shown) {
  padding-block: 1rem;
}
body.login-page1 .login-container .login-container__right .form-floating > .form-control:focus ~ label, body.login-page1 .login-container .login-container__right .form-floating > .form-control:not(:placeholder-shown) ~ label, body.login-page1 .login-container .login-container__right .form-floating > .form-select ~ label {
  opacity: 1;
  transform: scale(0.8) translateY(-3.75rem) translateX(0.75rem);
}
body.login-page1 .login-container .login-container__right form .actions button {
  font-size: 1.6rem;
  height: 6rem;
  max-height: 6rem;
  border-radius: 12px;
}
body.login-page1 .login-container .login-container__right form .remember-me label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
body.login-page1 .login-container .login-container__right form .remember-me label span {
  line-height: 1;
}
body.login-page1 .login-container .login-container__right form .remember-me input {
  aspect-ratio: 1/1;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  padding: 0.9rem;
}
body.login-page1 .login-container .login-container__right form .remember-me span {
  font-weight: 400;
  color: #fff;
}
body.login-page1 .login-container .login-container__right form .forgot-password {
  color: rgba(255, 255, 255, 0.75);
}
body.login-page1 .login-container .login-container__right form .forgot-password a {
  color: #0567fc;
  text-decoration: underline;
}
body.login-page1 .login-container .login-container__right form.form-forgotPassword p {
  color: #fff;
}
body.login-page1 .login-container .login-container__right .poweredBy {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 3.5rem;
}
body.login-page1 .login-container .login-container__right .poweredBy span {
  font-size: 1.25rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
  text-wrap: nowrap;
}
body.login-page1 .login-container .login-container__right .poweredBy img {
  height: 1.9rem;
  margin-bottom: -1px;
}
body.login-page1 .onboarding-slider {
  height: 100%;
}
body.login-page1 .onboarding-slider .swiper-slide {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
}
body.login-page1 .onboarding-slider .img-wrapper {
  height: 100%;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
body.login-page1 .onboarding-slider .img-wrapper img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}
body.login-page1 .onboarding-slider .img-wrapper .w-1 {
  object-fit: contain;
  bottom: 0;
  left: 50px;
  max-width: 800px;
  object-position: bottom center;
}
body.login-page1 .onboarding-slider .swiper-pagination .swiper-pagination-bullet {
  height: 5px;
  width: 4rem;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.85);
}
body.login-page1 .onboarding-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0567fc;
}
body.login-page1 .marketing-block {
  position: relative;
  height: 100%;
}
body.login-page1 .marketing-block .mb-inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 400px;
  margin-left: 5%;
  margin-bottom: 10%;
}
body.login-page1 .marketing-block .glassy-box {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  margin-inline: auto;
  height: 100%;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-top-right-radius: 150px;
  overflow: hidden;
}
body.login-page1 .marketing-block .img-wrapper img {
  position: absolute;
}
body.login-page1 .marketing-block .w-3 {
  max-width: unset;
  position: absolute;
  right: -450px;
  bottom: -150px;
  mix-blend-mode: multiply;
  opacity: 0.2;
  transform: rotate(344deg);
  filter: hue-rotate(343deg) blur(100px);
}
body.login-page1 .marketing-block .img-wrapper .w-1 {
  height: auto;
  bottom: 1px;
  left: -120px;
  max-width: 900px;
  filter: drop-shadow(-5px -5px 25px rgba(0, 0, 0, 0.35));
  z-index: 2;
}
body.login-page1 .marketing-block .img-wrapper .w-2 {
  display: none;
  width: 300px;
  position: absolute;
  bottom: -20px;
  right: -60px;
  z-index: 1;
}
body.login-page1 .marketing-block .img-wrapper .w-4 {
  display: none;
  position: absolute;
  width: 125px;
  bottom: -2.5rem;
  right: 2.5rem;
  background: rgb(255, 255, 255);
  border-radius: 1rem;
  border-top-left-radius: 65px;
  object-fit: contain;
  padding: 10px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
  aspect-ratio: 1/1;
}
body.login-page1 .marketing-block .img-wrapper .w-5 {
  position: absolute;
  width: 150px;
  top: 150px;
  left: -50px;
}
@media only screen and (max-width: 1600px) {
  body.login-page1 .marketing-block .img-wrapper .w-1 {
    max-width: 700px;
  }
  body.login-page1 .marketing-block .glassy-box {
    background: transparent;
    border: 0;
    filter: unset;
    backdrop-filter: unset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media only screen and (max-width: 1440px) {
  body.login-page1 .marketing-block .img-wrapper .w-1 {
    max-width: 600px;
  }
}
@media only screen and (max-width: 1280px) {
  body.login-page1 .login-container {
    flex-direction: column-reverse;
  }
  body.login-page1 .login-container .login-container__left {
    display: none;
  }
  body.login-page1 .login-container .login-container__right {
    flex: 0 0 100%;
    width: 100%;
  }
}

body.login-page .page-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #0a4bd1;
}
body.login-page .login-container {
  position: relative;
  width: 100%;
  height: 100%;
}
body.login-page .login-container:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 2;
}
body.login-page .login-container:after {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  backdrop-filter: blur(50px);
  z-index: 1;
}
body.login-page .background-slider {
  width: 100%;
  height: 100%;
}
body.login-page .background-slider .swiper {
  width: 100%;
  height: 100%;
}
body.login-page .background-slider .swiper-slide {
  width: 100%;
  height: 100%;
}
body.login-page .background-slider .swiper-slide .img-wrapper {
  width: 100%;
  height: 100%;
}
body.login-page .background-slider .swiper-slide .img-wrapper img {
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.login-page .login-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  overflow: hidden;
  z-index: 3;
}
body.login-page .login-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 3.5rem;
  padding-block: 7.5rem;
}
body.login-page .login-content .login-header img {
  max-width: 180px;
  margin-inline: auto;
}
body.login-page .login-content .form-wrapper {
  width: 100%;
  max-width: 550px;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(30px) brightness(1.1);
  -webkit-backdrop-filter: blur(30px) brightness(1.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 25px;
  padding: 5rem;
}
body.login-page .login-content .form-wrapper h2 {
  font-size: 2.8rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 3.5rem;
}
body.login-page .login-content form .input-wrapper {
  margin-bottom: 2.25rem;
}
body.login-page .login-content form .input-wrapper input {
  font-size: 1.5rem;
  font-weight: 400;
  color: #000;
  height: 6rem;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-inline: 1.75rem;
}
body.login-page .login-content form .input-wrapper input::-webkit-input-placeholder {
  font-weight: 400;
  color: #000;
  opacity: 0.6;
}
body.login-page .login-content form .input-wrapper input:-moz-placeholder {
  font-weight: 400;
  color: #fff;
  opacity: 0.6;
}
body.login-page .login-content form .input-wrapper input::-moz-placeholder {
  font-weight: 400;
  color: #000;
  opacity: 0.6;
}
body.login-page .login-content form .input-wrapper input:-ms-input-placeholder {
  font-weight: 400;
  color: #000;
  opacity: 0.6;
}
body.login-page .login-content form .input-wrapper input::-ms-input-placeholder {
  font-weight: 400;
  color: #000;
  opacity: 0.6;
}
body.login-page .login-content form .input-wrapper input::placeholder {
  font-weight: 400;
  color: #000;
  opacity: 0.6;
}
body.login-page .login-content form .input-wrapper .form-label {
  color: rgba(255, 255, 255, 0.53);
  opacity: 0;
  line-height: 1.5;
  padding: 1rem 1.25rem;
}
body.login-page .login-content form .actions {
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
}
body.login-page .login-content .form-floating > .form-control:focus, body.login-page .login-content .form-floating > .form-control:not(:placeholder-shown) {
  padding-block: 1rem;
}
body.login-page .login-content .form-floating > .form-control:focus ~ label, body.login-page .login-content .form-floating > .form-control:not(:placeholder-shown) ~ label, body.login-page .login-content .form-floating > .form-select ~ label {
  opacity: 1;
  transform: scale(0.8) translateY(-3.75rem) translateX(0.75rem);
}
body.login-page .login-content form .actions button {
  font-size: 1.6rem;
  height: 6rem;
  max-height: 6rem;
  border-radius: 12px;
}
body.login-page .login-content form .remember-me label {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 1rem;
}
body.login-page .login-content form .remember-me label span {
  line-height: 1;
}
body.login-page .login-content form .remember-me input {
  aspect-ratio: 1/1;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  padding: 0.9rem;
}
body.login-page .login-content form .remember-me span {
  font-weight: 400;
}
body.login-page .login-content form .forgot-password {
  text-align: center;
}
body.login-page .login-content form .forgot-password a {
  color: #0567fc;
  text-decoration: underline;
}
body.login-page .login-content .links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
body.login-page .login-content .links a {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  padding: 4px 14px;
  border-radius: 15px;
}
body.login-page .login-content .poweredBy {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 3.5rem;
}
body.login-page .login-content .poweredBy span {
  font-size: 1.25rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
}
body.login-page .login-content .poweredBy img {
  height: 1.9rem;
  margin-bottom: -1px;
}
@media only screen and (max-width: 767px) {
  body.login-page .login-content {
    justify-content: flex-start;
  }
  body.login-page .login-content .form-wrapper {
    padding: 3.5rem;
  }
}

.diaxeirisi-parastatikwn-page {
  max-width: 1800px;
  margin-inline: auto;
}
.diaxeirisi-parastatikwn-page .grid-box .grid-col.form-col .dx-fieldset {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(0.75);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(0.75);
}
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row #btn-add-record {
  max-width: 250px;
  width: max-content;
  margin-top: 1.5rem;
}
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row #btn-add-record .dx-button .dx-icon {
  width: 13px;
  height: 13px;
  font-size: 13px;
  margin-right: 5px;
}
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row #btn-add-record .dx-button {
  max-height: 3.5rem;
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
}
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row #btn-add-record .dx-button .dx-button-content {
  padding: 0;
}
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row #btn-add-record .dx-button .dx-button-content .dx-button-text {
  font-weight: 500;
}
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.diaxeirisi-parastatikwn-page .voucher-body.datagrid-row .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  padding: 8px 5px;
}
.diaxeirisi-parastatikwn-page .toggle-voucher-header {
  display: flex;
  align-items: center;
  gap: 6.5rem;
  margin-bottom: 1.5rem;
}
.diaxeirisi-parastatikwn-page .toggle-voucher-header button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  font-size: 2rem;
  font-weight: 500;
  color: var(--text-color);
}
.diaxeirisi-parastatikwn-page .toggle-voucher-header button .ri-icon {
  font-size: 2.5rem;
  color: var(--main-color);
}
.diaxeirisi-parastatikwn-page .toggle-voucher-header button .btn-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: -4rem;
  width: 2.5rem;
  background: #fff;
  border-radius: 50%;
  padding: 0.25rem;
  transform-origin: center;
  transition: all 0.25s ease-in-out;
}
.diaxeirisi-parastatikwn-page .toggle-voucher-header button.active .btn-icon {
  transform: translateY(-50%) rotate(0deg);
}
.diaxeirisi-parastatikwn-page .header-content {
  display: grid;
  grid-template-columns: 1fr 200px;
  gap: 1rem;
}
@media only screen and (max-width: 991px) {
  .diaxeirisi-parastatikwn-page .header-content {
    display: flex;
    flex-direction: column;
  }
  .diaxeirisi-parastatikwn-page .header-content > .tabs-nav-wrapper {
    order: 1;
    margin-bottom: 0;
  }
  .diaxeirisi-parastatikwn-page .header-content > .tab-content {
    order: 2;
  }
  .diaxeirisi-parastatikwn-page .header-content .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-bottom: 5px;
  }
  .diaxeirisi-parastatikwn-page .header-content .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs::-webkit-scrollbar {
    height: 2px;
  }
}
.diaxeirisi-parastatikwn-page .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs {
  flex-direction: column;
}
.diaxeirisi-parastatikwn-page .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li {
  width: 100%;
}
.diaxeirisi-parastatikwn-page .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li .nav-link {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .diaxeirisi-parastatikwn-page .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item {
    width: auto;
  }
  .diaxeirisi-parastatikwn-page .tabs-nav-wrapper .tabs-nav.tabs-nav--menu ul.nav.nav-tabs li.nav-item .nav-link {
    width: auto;
    padding: 0.6rem 1.25rem;
  }
}
.diaxeirisi-parastatikwn-page .voucher-header .dx-fieldset {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.diaxeirisi-parastatikwn-page .form.so-form input:not([role=combobox]),
.diaxeirisi-parastatikwn-page .form.so-form .dx-dropdowneditor .dx-texteditor-container input:not(.dx-datagrid-table input),
.diaxeirisi-parastatikwn-page .form.so-form textarea,
.diaxeirisi-parastatikwn-page .form.so-form .dx-widget textarea,
.diaxeirisi-parastatikwn-page .form.so-form select,
.diaxeirisi-parastatikwn-page .form.so-form .dx-widget select,
.diaxeirisi-parastatikwn-page .form.so-form .dx-editor-cell .dx-texteditor-container {
  line-height: 1.8;
  max-height: 3.5rem;
}
.diaxeirisi-parastatikwn-page .form.so-form .dx-dropdowneditor .dx-selectbox-container, .diaxeirisi-parastatikwn-page .form.so-form .dx-dropdowneditor .dx-texteditor-container {
  padding-block: 0.35rem;
  line-height: 1.8;
  max-height: 3.5rem;
}
.diaxeirisi-parastatikwn-page .form.so-form .dx-dropdowneditor.dx-datebox .dx-texteditor-container {
  padding-block: 0;
}
.diaxeirisi-parastatikwn-page .form.so-form .dx-dropdowneditor .dx-selectbox-container input {
  height: 100%;
}
.diaxeirisi-parastatikwn-page .voucher-footer {
  padding-bottom: 2.5rem;
}
.diaxeirisi-parastatikwn-page .voucher-footer .dx-fieldset {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
  margin-bottom: 0;
}
.diaxeirisi-parastatikwn-page .voucher-footer .dx-fieldset h2 {
  margin-bottom: 2.5rem;
}
.diaxeirisi-parastatikwn-page .voucher-footer .dx-fieldset .col-label {
  margin-bottom: 1.5rem;
}
.diaxeirisi-parastatikwn-page .voucher-footer .dx-fieldset .col-label span {
  font-weight: 700;
}
.diaxeirisi-parastatikwn-page .voucher-footer .dx-fieldset .inputField {
  margin-bottom: 1rem;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-color: rgba(0, 19, 69, 0.75);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding-block: 2rem;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box h2 {
  margin-bottom: 2.5rem;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box input {
  padding: 0;
  min-height: unset;
  height: unset;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row {
  display: flex;
  justify-content: space-between;
  padding-block: 1rem;
  border-bottom: 1px solid var(--border-opaq);
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row:first-child {
  padding-top: 0;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row > * {
  flex: 1;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row > * input {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  text-align: right;
  backdrop-filter: none;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row.posotita-row {
  align-items: center;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row.sunoliko-row {
  align-items: flex-end;
  border-bottom: 0;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row.sunoliko-row .t-label {
  font-size: 2rem;
  font-weight: 500;
}
.diaxeirisi-parastatikwn-page .voucher-footer .totals-box .rows .totals-row.sunoliko-row .t-field input {
  color: var(--text-color);
  font-size: 2.4rem;
  font-weight: bold;
}

html[data-theme=light] .form.so-form .voucher-footer .totals-box {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
}

html[data-theme=dark] .toggle-voucher-header button .btn-icon {
  background: rgba(255, 255, 255, 0.1);
}

.dx-sortable {
  height: 100%;
}

.dx-sortable .dx-tabpanel {
  height: 100%;
}

.dx-sortable iframe {
  width: 100%;
  height: 100%;
}

.dx-sortable .st-multiTabs-wrapper {
  height: 100%;
}

.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper {
  width: auto;
  background: transparent;
  border: 0;
  border-block-start: 0;
  border-block-end: 0;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .custom-label-tab {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  padding-inline: 8px 5px;
  opacity: 0.75;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .multiTab-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-right: 5px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .multiTab-container #resetTabsBtn {
  color: var(--text-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper:after {
  border: 0;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-scrollable .dx-scrollable-content {
  display: grid;
  grid-template-columns: auto 1fr 40px;
  gap: 1rem;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget {
  display: flex;
  gap: 1rem;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-nav-buttons:not(.dx-tabs-vertical) .dx-tabpanel-tab {
  width: auto;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper {
  width: 100%;
  max-width: 100%;
  padding-left: 0.5rem;
  gap: 0.5rem;
  /* Webkit-based browsers (Chrome, Edge, Safari) */
  /* Firefox */
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper::-webkit-scrollbar {
  height: 2px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper::-webkit-scrollbar-track {
  background: var(--st-thumb-color);
  border-radius: 6px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper::-webkit-scrollbar-thumb {
  background: var(--st-thumb-color);
  border-radius: 6px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--st-thumb-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper * {
  scrollbar-width: thin; /* thin or auto */
  scrollbar-color: #888 #f1f1f1; /* thumb and track */
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget.dx-tabs-stretched.dx-tabs-expanded .dx-tabs-wrapper {
  max-width: calc(100% - 50px - 2rem - 40px);
  overflow-x: auto;
  overflow-y: hidden;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-nav-button {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  border-radius: 5px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs-nav-button .dx-icon {
  color: var(--text-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .tabsPanelBar {
  position: relative;
  padding-left: 1.35rem;
  isolation: isolate;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .tabsPanelBar:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  height: calc(100% - 10px);
  width: 1px;
  background: rgba(var(--text-color--RGB), 0.2);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .remove-all-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1/1;
  border: 1px solid var(--border-opaq);
  border-radius: 5px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .remove-all-button .icon {
  font-size: 1.5rem;
  line-height: 1;
  color: var(--text-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g1 {
  fill: rgba(255, 255, 255, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g2, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g3 {
  opacity: 0;
  transform-origin: center center;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g2 {
  fill: rgba(255, 255, 255, 0.7);
  animation: animateGroup2 6s infinite ease-in-out;
  animation-delay: 0s;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g3 {
  fill: rgba(255, 255, 255, 0.5);
  animation: animateGroup3 6s infinite ease-in-out;
  animation-delay: 0s;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g2 {
  animation-delay: 1s;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .tabs-icon .g3 {
  animation-delay: 2s;
}
@keyframes animateGroup2 {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  20% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}
@keyframes animateGroup3 {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  20% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header {
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  height: 100%;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header:after {
  content: "";
  position: absolute;
  right: -2px;
  height: 15px;
  width: 1px;
  background: var(--border-opaq);
  top: 50%;
  transform: translateY(-50%);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header .tabs-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  height: 100%;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header svg {
  width: 5rem;
  height: 1.9rem;
  margin-top: -5px;
  margin-right: -3px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header .tabs-icon .icon {
  font-size: 2rem;
  line-height: 1;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header .tabs-icon #tabsNo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary-dark-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .tabs-header h5 {
  font-size: 1.3rem;
  opacity: 0.65;
  margin: 0;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab {
  position: relative;
  flex-basis: auto;
  flex-grow: 0;
  color: var(--text-color);
  background-color: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(12px) brightness(1.25);
  -webkit-backdrop-filter: blur(12px) brightness(1.25);
  padding: 0;
  border-top: 1px solid var(--border-opaq);
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  max-width: unset;
  margin-bottom: -1px;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 8px;
  border-radius: 15px;
  filter: blur(12px);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 4px;
  filter: blur(3px);
  mix-blend-mode: plus-lighter;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab .dx-tab-content {
  line-height: 1;
  padding: 0.7rem 1.4rem 0.7rem 1.4rem;
  border-bottom: 0;
  gap: 1rem;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab .dx-tab-content span {
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--text-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab .dx-tab-content .save-changes {
  position: absolute;
  top: -1px;
  right: -4px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab .dx-tab-content .save-changes .dot {
  position: absolute;
  z-index: 1;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab .dx-tab-content .save-changes .animated-dot {
  position: absolute;
  top: -1px;
  right: -7px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab .dx-tab-content .dx-icon {
  color: var(--text-color);
  font-size: 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  background-size: 1.1rem 1.1rem;
  line-height: 1.1;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=shop-storage] {
  border-top: 1px solid rgba(239, 155, 0, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=shop-storage]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=shop-storage]:after {
  background-color: rgba(239, 155, 0, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=customers] {
  border-top: 1px solid rgba(31, 136, 223, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=customers]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=customers]:after {
  background-color: rgba(31, 136, 223, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=suppliers] {
  border-top: 1px solid rgba(176, 83, 175, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=suppliers]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=suppliers]:after {
  background: rgba(176, 83, 175, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=vouchers] {
  border-top: 1px solid rgba(214, 78, 27, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=vouchers]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=vouchers]:after {
  background: rgba(214, 78, 27, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=helpers] {
  border-top: 1px solid rgba(173, 34, 34, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=helpers]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=helpers]:after {
  background: rgba(173, 34, 34, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=bills] {
  border-top: 1px solid rgba(64, 138, 138, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=bills]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=bills]:after {
  background: rgba(64, 138, 138, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=sms] {
  border-top: 1px solid rgba(224, 255, 0, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=sms]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=sms]:after {
  background: rgba(224, 255, 0, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=salesman] {
  border-top: 1px solid rgba(0, 244, 180, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=salesman]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=salesman]:after {
  background: rgba(0, 244, 180, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=sales] {
  border-top: 1px solid rgba(0, 204, 255, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=sales]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=sales]:after {
  background: rgba(0, 204, 255, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=purchases] {
  border-top: 1px solid rgba(141, 196, 141, 0.7);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=purchases]:before, .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected[data-entity=purchases]:after {
  background: rgba(141, 196, 141, 0.9);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab:not(.dx-tab-selected) {
  backdrop-filter: blur(12px) brightness(1);
  z-index: 1;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab:not(.dx-tab-selected) .dx-icon {
  transition: all 0.25s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab:not(.dx-tab-selected):hover {
  z-index: 3;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab:not(.dx-tab-selected):hover .dx-icon {
  display: block;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper .dx-item.dx-tab.dx-tab-selected {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  z-index: 2;
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-disabled,
.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-focused,
.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-tab-selected {
  margin-bottom: 0;
}

@keyframes z-index-hack {
  0%, 100% {
    z-index: 1;
  }
}
.dx-tabpanel .dx-tabs .dx-scrollable-content:after {
  display: none;
}

.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-scrollable-container {
  overflow-x: auto;
  overflow-y: hidden;
  /* Custom scrollbar for WebKit-based browsers (Chrome, Safari, Edge) */
  /* Custom scrollbar for Firefox */
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-scrollable-container::-webkit-scrollbar {
  height: 2px; /* Height of horizontal scrollbar */
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-scrollable-container::-webkit-scrollbar-track {
  background: var(--st-track-color);
  border-radius: 5px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-scrollable-container::-webkit-scrollbar-thumb {
  background-color: var(--st-thumb-color);
  border-radius: 5px;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-scrollable-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--st-thumb-hover-color);
}
.dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-scrollable-container .dx-tabs-wrapper {
  scrollbar-width: thin; /* Makes the scrollbar thinner */
  scrollbar-color: #888 #f1f1f1; /* Thumb and track colors */
}

.dx-sortable .dx-tabpanel .dx-tabpanel-container .dx-multiview-wrapper {
  border: 0;
}
.dx-sortable .dx-tabpanel .dx-tabpanel-container .dx-multiview-item-container .dx-multiview-item .dx-item-content .tab-content-container {
  height: 100%;
}

.dx-texteditor.dx-editor-outlined {
  background: transparent;
  border: 0;
}

.dx-widget.dx-textbox .dx-placeholder,
.dx-widget.dx-numberbox .dx-placeholder {
  display: none;
}
.dx-widget.dx-textbox ::placeholder,
.dx-widget.dx-numberbox ::placeholder {
  font-weight: 300;
  letter-spacing: 0.75px;
  opacity: 0.5;
}

.dx-dropdowneditor-input-wrapper {
  overflow: unset;
}

.dx-texteditor-container {
  overflow: unset;
}

.dx-widget {
  color: var(--text-color);
}
.dx-widget.dx-state-readonly {
  opacity: 0.65;
}

.dx-button {
  border: 0;
}

.dx-fileuploader .dx-button.dx-fileuploader-button {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(var(--glass-blur)) brightness(1.5);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.5);
  border-radius: 12px;
  color: var(--text-color);
  padding: 2rem 2.5rem;
}
.dx-fileuploader .dx-fileuploader-wrapper {
  padding: 0;
}
.dx-fileuploader .dx-fileuploader-input-wrapper .dx-fileuploader-input {
  min-height: 6rem;
}
.dx-fileuploader .dx-fileuploader-input-wrapper .dx-fileuploader-input-container .dx-fileuploader-input-label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  border: 1px dashed var(--border-opaq);
  opacity: 0.75;
  min-height: 6rem;
  border-radius: 12px;
  width: calc(100% - 1rem);
  margin-left: 1rem;
}
.dx-fileuploader .dx-fileuploader-input-wrapper .dx-fileuploader-input-container .dx-fileuploader-input {
  padding: 2rem 2.5rem;
}
.dx-fileuploader .dx-fileuploader-files-container .dx-fileuploader-file-name {
  color: var(--text-color);
}
.dx-fileuploader .dx-fileuploader-files-container .dx-fileuploader-file-status-message {
  color: #2ecc71;
  padding-top: 0.35rem;
}
.dx-fileuploader .dx-fileuploader-files-container .dx-fileuploader-file-size {
  color: #fff;
  background: rgba(5, 103, 252, 0.4);
  border-radius: 5rem;
  padding: 1px 5px;
  margin-left: 1rem;
}

.dx-numberbox-spin .dx-texteditor-container {
  gap: 1rem;
}
.dx-numberbox-spin .dx-numberbox-spin-container .dx-numberbox-spin-button {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.dx-numberbox-spin .dx-numberbox-spin-container .dx-numberbox-spin-button .dx-numberbox-spin-up-icon:before,
.dx-numberbox-spin .dx-numberbox-spin-container .dx-numberbox-spin-button .dx-numberbox-spin-down-icon:before {
  color: var(--text-color);
}
.dx-numberbox-spin .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-numberbox-spin .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  background: transparent;
}

.dx-widget.dx-collection .dx-radiobutton .dx-radiobutton-icon {
  background-color: var(--border-opaq);
  border-color: var(--border-opaq-25);
}

.dx-datebox-wrapper-calendar .dx-calendar {
  background: transparent;
  margin: 0;
}
.dx-datebox-wrapper-calendar .dx-calendar span {
  color: var(--text-color);
}
.dx-datebox-wrapper-calendar .dx-calendar table thead th {
  color: var(--text-color);
  text-align: center;
  opacity: 0.5;
}
.dx-datebox-wrapper-calendar .dx-calendar table tbody tr td.dx-calendar-cell:hover span {
  background-color: rgba(5, 103, 252, 0.5);
}
.dx-datebox-wrapper-calendar .dx-calendar table tbody tr td.dx-calendar-cell.dx-calendar-other-view {
  color: rgba(249, 249, 249, 0.4);
}
.dx-datebox-wrapper-calendar .dx-calendar table tbody tr td.dx-calendar-cell.dx-calendar-other-month:hover span {
  background-color: rgba(5, 103, 252, 0.35);
}
.dx-datebox-wrapper-calendar .dx-calendar table tbody tr td.dx-calendar-cell.dx-calendar-other-month span {
  color: rgba(249, 249, 249, 0.4);
}
.dx-datebox-wrapper-calendar .dx-calendar .dx-calendar-cell.dx-calendar-selected-date span {
  background-color: #0567fc;
}
.dx-datebox-wrapper-calendar .dx-calendar .dx-calendar-navigator {
  gap: 0.5rem;
}
.dx-datebox-wrapper-calendar .dx-calendar .dx-calendar-navigator .dx-calendar-caption-button {
  padding-block: 3px;
}
.dx-datebox-wrapper-calendar .dx-calendar .dx-calendar-navigator .dx-button, .dx-datebox-wrapper-calendar .dx-calendar .dx-calendar-navigator .dx-button .dx-icon {
  color: var(--text-color);
}

.dx-overlay-shader {
  background-color: var(--bg-light-color-05);
  backdrop-filter: blur(5px);
  border-radius: 12px;
  overflow: hidden;
}

.dx-datagrid {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-table .dx-row .dx-editor-cell {
  position: relative;
}
.dx-datagrid .dx-datagrid-table .dx-row .dx-editor-cell .dx-widget.dx-checkbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dx-datagrid .dx-datagrid-table .dx-row .dx-editor-cell .dx-widget.dx-checkbox .dx-checkbox-icon {
  background-color: var(--border-opaq);
  border-color: var(--border-opaq-25);
}
.dx-datagrid .dx-datagrid-headers, .dx-datagrid .dx-datagrid-rowsview, .dx-datagrid .dx-datagrid-total-footer, .dx-datagrid .dx-datagrid-filter-panel, .dx-datagrid.dx-datagrid-borders > .dx-datagrid-headers {
  background: transparent;
  border: 0;
}
.dx-datagrid .dx-datagrid-header-panel {
  border: 0;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar {
  margin-bottom: 1.5rem;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-datagrid-search-panel {
  width: clamp(18rem, 18rem + 10vw, 40rem) !important;
  margin: 0;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar .dx-datagrid-search-panel input {
  padding-left: 3.25rem;
  max-height: 3.25rem;
  backdrop-filter: unset;
  border-radius: 25px;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar-item-content .dx-datagrid-addrow-button .dx-icon {
  color: #fff;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar #bulkActionSelectBox .dx-selectbox-container {
  border-radius: 25px;
}
.dx-datagrid .dx-datagrid-header-panel .dx-datagrid-column-chooser-button .dx-icon {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-header-panel .dx-button-has-icon .dx-icon-refresh {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-headers .dx-datagrid-content tr.dx-header-row td .dx-datagrid-text-content {
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--text-color--opaq);
  letter-spacing: 0.2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 14ch;
  overflow: hidden;
}
.dx-datagrid .dx-datagrid-nodata {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-summary-item {
  font-weight: bold;
  color: var(--text-color);
}
.dx-datagrid .dx-toolbar {
  border-bottom: 1px solid var(--border-opaq);
  padding-bottom: 1rem;
}
.dx-datagrid .dx-toolbar .dx-datagrid-group-panel .dx-group-panel-item {
  color: var(--text-color);
  border-radius: 8px;
  border-color: var(--border-opaq);
  padding: 9.5px;
}
.dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button:not(.btn) {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  border-radius: 25px;
  height: 3.5rem;
  min-width: 3.5rem;
  transition: all 0.25s ease-in-out;
}
.dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button:not(.btn).dx-state-hover {
  color: var(--main-text-color);
  background: #fff;
}
.dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button:not(.btn).dx-state-hover .dx-icon {
  color: var(--main-text-color);
}
.dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button.btn.btn--primary, .dx-datagrid .dx-dialog.dx-overlay .dx-toolbar .dx-toolbar-button .dx-button, .dx-dialog.dx-overlay .dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button {
  background: var(--text-color--hover);
  color: var(--text-color);
}
.dx-datagrid .dx-toolbar .dx-toolbar-button .dx-datagrid-export-button .dx-icon {
  color: var(--text-color);
}
.dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button .dx-icon.dx-icon-revert {
  color: var(--text-color);
}
.dx-datagrid .dx-column-indicators {
  float: left !important;
  margin-right: 7px;
}
.dx-datagrid .dx-column-indicators .dx-header-filter {
  color: var(--text-color);
  padding-bottom: 2px;
}
.dx-datagrid .dx-column-indicators .dx-header-filter-empty {
  color: var(--text-color--opaq);
}
.dx-datagrid .dx-column-indicators .dx-header-filter:before {
  font-size: 1.5rem;
}
.dx-datagrid #bulkActionSelectBox .dx-texteditor-input::placeholder {
  opacity: 1;
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-drag-header {
  border: 0;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: middle;
  padding: 5px 5px;
  border: 0;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.cell-text,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.cell-text {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.45px;
  padding: 0.5rem 1rem;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.main-text .dx-datagrid-text-content,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.main-text .dx-datagrid-text-content {
  color: var(--main-color);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space.dx-datagrid-expand,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space.dx-datagrid-expand {
  padding-right: 2.5rem;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-datagrid-group-closed,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td .dx-datagrid-group-closed {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tbody .dx-row:nth-child(odd) td {
  background: var(--border-opaq-05);
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tbody td:first-child {
  padding-left: 1.5rem;
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tbody td:last-child {
  padding-right: 1.5rem;
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tbody td:not(:last-child) {
  border-right: 1px solid var(--border-opaq-10);
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-content tbody .dx-row:nth-child(odd) td:not(:last-child) {
  border-right: 1px solid var(--border-opaq-10);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr[role=presentation] > td {
  border-bottom: 0;
  padding: 0;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-block: 0;
}
.dx-datagrid .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row:hover td {
  color: var(--text-color);
  background: var(--border-opaq-05);
}
.dx-datagrid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border: 1px solid var(--border-opaq-10);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row.dx-selection td {
  color: var(--text-color);
  border-left-color: var(--border-opaq-25);
  border-right-color: var(--border-opaq-25);
  background: rgba(var(--main-color-RGB), 0.25);
}
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline: 0 !important;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons {
  width: auto;
  text-align: center !important;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-link-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 5rem;
  aspect-ratio: 1/1;
  padding: 1px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-link-icon:before {
  font-size: 1.5rem;
  margin-bottom: -1px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-icon-edit {
  background: #fff;
  color: var(--main-color);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-icon-eyeopen {
  background: var(--main-color);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-icon-eyeopen:before {
  color: var(--text-color-light);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-link-delete {
  color: #ec0000;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-link-save {
  color: #09a400;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-link-cancel {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row td.dx-command-edit.dx-command-edit-with-icons .dx-icon-copy {
  color: var(--text-color);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
}
.dx-datagrid tr.dx-row td {
  background-color: transparent;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row.dx-column-lines.dx-selection td {
  background: var(--bg-light-color-05);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row.dx-column-lines.dx-selection td:first-child {
  border-left: 3px solid var(--main-color);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row.dx-column-lines.dx-row-focused td {
  color: var(--main-text-color);
  background-color: var(--main-color);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-group-row {
  background: transparent;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-group-row td {
  color: var(--text-color);
}
.dx-datagrid .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
  background: transparent;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell:not(.dx-datagrid-cell-expandable) {
  padding-left: 7px;
}
.dx-datagrid .dx-scrollable-wrapper {
  background: radial-gradient(rgba(7, 22, 60, 0.1803921569), rgba(221, 221, 221, 0.05));
  border-radius: 12px;
  overflow: hidden;
}
.dx-datagrid .dx-datagrid-revert-tooltip .dx-overlay-content {
  background: transparent;
}
.dx-datagrid .dx-datagrid-revert-tooltip .dx-overlay-content .dx-revert-button {
  background: rgb(231, 81, 90);
  border-color: rgb(231, 81, 90);
  border-radius: 5px;
  margin: 0;
}
.dx-datagrid .dx-datagrid-revert-tooltip .dx-overlay-content .dx-revert-button .dx-icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.dx-datagrid .dx-datagrid-rowsview.dx-empty {
  margin-top: 1rem;
}
.dx-datagrid .dx-datagrid-pager {
  border-top: 0;
}
.dx-datagrid .dx-datagrid-pager .dx-page-sizes .dx-selection,
.dx-datagrid .dx-datagrid-pager .dx-pages .dx-selection {
  color: var(--text-color);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.dx-datagrid-column-chooser.dx-popup-wrapper > .dx-overlay-content {
  padding: 0.5rem;
  padding-bottom: 2rem;
}
.dx-datagrid-column-chooser .dx-toolbar-label > .dx-item-content {
  padding-inline: 0;
}
.dx-datagrid-column-chooser .dx-treeview-search input.dx-texteditor-input {
  padding-inline-start: 34px;
}
.dx-datagrid-column-chooser .dx-treeview-select-all-item {
  padding-inline: 0 !important;
  padding-left: 4px !important;
  border: 0;
}
.dx-datagrid-column-chooser .dx-treeview-select-all-item.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  margin-inline-start: -6px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin-top: -6px;
  border-radius: 1px;
}
.dx-datagrid-column-chooser .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container {
  width: 18px;
  height: 18px;
}
.dx-datagrid-column-chooser .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container .dx-checkbox-icon,
.dx-datagrid-column-chooser .dx-treeview-select-all-item .dx-checkbox-container .dx-checkbox-icon {
  font-size: 1.6rem;
  border: 1px solid var(--border-opaq);
}
.dx-datagrid-column-chooser .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container .dx-checkbox-icon:before,
.dx-datagrid-column-chooser .dx-treeview-select-all-item .dx-checkbox-container .dx-checkbox-icon:before {
  margin-inline-start: -6px;
}

.dx-popup-wrapper > .dx-overlay-content {
  border-radius: 12px;
  border: 0;
  padding: 1.1rem;
}
.dx-popup-wrapper > .dx-overlay-content .dx-popup-title.dx-toolbar {
  border-bottom: 0;
}
.dx-popup-wrapper > .dx-overlay-content .dx-toolbar .dx-toolbar-label .dx-item-content {
  font-size: 1.6rem;
  font-weight: 400;
}
.dx-popup-wrapper > .dx-overlay-content .dx-popup-content {
  padding-top: 1rem;
  padding-bottom: 0;
}
.dx-popup-wrapper > .dx-overlay-content .dx-popup-content p {
  color: var(--text-color);
}
.dx-popup-wrapper > .dx-overlay-content .st-popup-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
.dx-popup-wrapper > .dx-overlay-content .dx-closebutton {
  padding: 0 !important;
  padding-right: 8px !important;
}
.dx-popup-wrapper > .dx-overlay-content .dx-closebutton .dx-icon {
  font-size: 1.4rem;
  color: var(--text-color);
}
.dx-popup-wrapper > .dx-overlay-content .dx-empty-message {
  color: var(--text-color);
}
.dx-popup-wrapper > .dx-overlay-content .dx-list-select-all {
  background: var(--border-opaq);
  border-radius: 5px;
  border: 0;
  margin-bottom: 5px;
}
.dx-popup-wrapper > .dx-overlay-content .dx-list-items .dx-list-item:hover {
  background-color: rgba(5, 103, 252, 0.1);
}
.dx-popup-wrapper > .dx-overlay-content .dx-list-items .dx-list-item:not(:first-child) {
  border-top: 1px solid var(--border-opaq);
}
.dx-popup-wrapper > .dx-overlay-content .dx-list-items .dx-list-item .dx-checkbox-container .dx-checkbox-icon {
  background: transparent;
}
.dx-popup-wrapper > .dx-overlay-content .dx-list-items .dx-list-item .dx-list-item-content {
  font-size: 1.35rem;
  color: var(--text-color);
  border-radius: 8px;
  padding: 1.25rem 1rem 1.25rem 1rem;
}
.dx-popup-wrapper > .dx-overlay-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgba(5, 103, 252, 0.05);
}
.dx-popup-wrapper > .dx-overlay-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-item-content {
  font-weight: 600;
  color: #0567fc;
}
.dx-popup-wrapper > .dx-overlay-content .dx-toolbar .dx-item.dx-toolbar-button .dx-button {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  padding: 1.25rem 2.5rem;
  border-radius: 25px;
  transform: scale3d(1, 1, 1);
  transition: all 0.3s ease;
  max-height: 3.2rem;
  min-width: fit-content;
  text-wrap: nowrap;
  cursor: pointer;
  user-select: none;
  max-height: unset;
  border: 0;
}
.dx-popup-wrapper > .dx-overlay-content .dx-toolbar .dx-item.dx-toolbar-button .dx-button .dx-button-content {
  padding: 0;
}
.dx-popup-wrapper > .dx-overlay-content .dx-toolbar .dx-item.dx-toolbar-button .dx-button[aria-label=OK] {
  background: var(--link-color);
  color: var(--text-color);
}
.dx-popup-wrapper > .dx-overlay-content .dx-toolbar .dx-item.dx-toolbar-button .dx-button[aria-label=Cancel] {
  background: transparent;
  border: 1px solid var(--text-color);
}
.dx-popup-wrapper > .dx-overlay-content .dx-scrollview-content .dx-list-items .dx-list-item .dx-list-item-content {
  padding-block: 0.75rem;
}
.dx-popup-wrapper #sms-popup {
  height: 100%;
  padding-bottom: 1rem;
}
.dx-popup-wrapper #sms-popup h4 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}
.dx-popup-wrapper #sms-popup #SMSGrid .dx-datagrid-content .dx-row {
  position: relative;
}
.dx-popup-wrapper #sms-popup #SMSGrid .dx-datagrid-content .dx-row.dx-selection:after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  aspect-ratio: 1/1;
  background-image: url("/icons/check.svg");
  background-size: 2.25rem;
  background-position: center;
  background-repeat: no-repeat;
}
.dx-popup-wrapper #sms-popup .sms-datetime-box {
  max-width: 400px;
  margin-inline: auto;
  margin-top: 2.5rem;
  margin-bottom: 4.5rem;
}
.dx-popup-wrapper #sms-popup .sms-datetime-box input {
  height: 5.2rem;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
}
.dx-popup-wrapper #sms-popup .sms-datetime-box .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  aspect-ratio: 1/1;
  width: 5.2rem;
}
.dx-popup-wrapper #sms-popup .sms-datetime-box .dx-texteditor-buttons-container .dx-dropdowneditor-button .dx-dropdowneditor-icon:before {
  margin-left: -11px;
  font-size: 2.2rem;
}
.dx-popup-wrapper #sms-popup .sms-dateRange-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2rem;
}
.dx-popup-wrapper #sms-popup .sms-dateRange-buttons .dx-button-content {
  padding-block: 4px;
}

.dx-overlay-content[aria-label="Column Chooser"] .dx-popup-title {
  padding: 4px 10px;
}
.dx-overlay-content[aria-label="Column Chooser"] .dx-popup-title .dx-toolbar-label {
  max-width: 100% !important;
}
.dx-overlay-content .dx-popup-content.dx-datagrid-column-chooser-list {
  padding: 0 10px;
}
.dx-overlay-content .dx-popup-content.dx-datagrid-column-chooser-list .dx-item-content {
  color: var(--text-color);
}
.dx-overlay-content .dx-popup-content.dx-datagrid-column-chooser-list .dx-treeview-expander-icon-stub {
  display: none;
}
.dx-overlay-content .dx-popup-content.dx-datagrid-column-chooser-list ul.dx-treeview-node-container li.dx-treeview-node {
  border-top: 1px solid var(--border-opaq);
  padding: 5px 0;
}
.dx-overlay-content .dx-popup-content.dx-datagrid-column-chooser-list ul.dx-treeview-node-container li.dx-treeview-node.dx-state-selected {
  background: var(--border-opaq-05);
}

.dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item {
  color: var(--text-color);
}
.dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item:first-child {
  border-top: 0;
}
.dx-scrollable.dx-collection.dx-list .dx-list-select-all {
  font-weight: bold;
  border: 0;
  background: rgba(var(--base-color), 0.075);
  border-radius: 5px;
}
.dx-scrollable.dx-collection.dx-list .dx-list-item {
  border-top: 1px solid var(--border-opaq);
}

.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item .list-item-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item .list-item-wrapper .checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid #bbb;
  border-radius: 4px;
  margin-right: 10px;
  position: relative;
  transition: background-color 0.2s, border-color 0.2s;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item .list-item-wrapper .checkbox::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item .list-item-wrapper .icon {
  margin-right: 8px;
  color: #6a6a6a;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item .list-item-wrapper .title {
  font-size: 15px;
  color: #333;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item-selected .checkbox {
  background-color: #3c82f6;
  border-color: #3c82f6;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item-selected .checkbox::after {
  opacity: 1;
}
.checkboxes-list .dx-scrollable.dx-collection.dx-list .dx-list-items .dx-list-item-selected .title {
  font-weight: 600;
}

.dx-selectbox-popup-wrapper .dx-list {
  background: transparent;
}

.dx-selectbox.dx-dropdowneditor .dx-selectbox-container {
  padding-right: 0.5rem;
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container .dx-button.dx-button-has-icon .dx-button-content {
  padding: 3px;
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container .dx-button.dx-button-has-icon .dx-button-content .dx-icon {
  font-size: 15px;
  color: var(--text-color);
}
.dx-selectbox.dx-dropdowneditor .dx-button {
  border-radius: 0px;
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container {
  position: relative;
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container .dx-button.dx-button-has-icon {
  padding-left: 0.5rem;
  border-left: 1px solid var(--border-opaq);
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container .dx-button.dx-button-has-icon.dx-state-hover {
  background-color: transparent;
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container .dx-button.dx-button-has-icon .dx-button-content {
  border-radius: 5px;
}
.dx-selectbox.dx-dropdowneditor .dx-texteditor-buttons-container .dx-button.dx-button-has-icon.dx-state-focused {
  background: transparent;
}
.dx-datebox-wrapper .dx-collection .dx-box-item .dx-datebox-datetime-time-side {
  background: transparent;
}
.dx-datebox-wrapper .dx-numberbox-spin-button > div {
  background: rgb(31, 136, 223);
  color: var(--text-color);
  border-radius: 12px;
}
.dx-datebox-wrapper .dx-texteditor-buttons-container {
  width: 20px;
}
.dx-datebox-wrapper .dx-texteditor-buttons-container .dx-numberbox-spin-up-icon, .dx-datebox-wrapper .dx-texteditor-buttons-container .dx-numberbox-spin-down-icon {
  background: transparent;
}
.dx-datebox-wrapper .dx-numberbox.dx-numberbox-spin input {
  text-align: center;
  padding-inline: 4px;
}

.dx-icon-clear:before {
  font-family: "remixicon";
  content: "\f4c8";
}

.dx-datebox-date .dx-dropdowneditor-icon::before {
  font-family: "remixicon";
  content: "\eb27";
  font-size: 1.5rem;
}

.dx-searchbox .dx-icon-search::before,
.dx-icon-search:before {
  font-family: "remixicon";
  content: "\f0d1";
}

.dx-dropdowneditor-icon::before {
  font-family: "remixicon";
  content: "\ea4e";
  font-size: 1.5rem;
}

.dx-icon-trash:before {
  font-family: "remixicon";
  content: "\ec26";
  font-size: 1.5rem;
}

.dx-icon-edit:before {
  font-family: "remixicon";
  content: "\ec86";
  font-size: 1.5rem;
}

.dx-icon-revert:before {
  font-family: "remixicon";
  content: "\f542";
}

.dx-icon-columnchooser:before {
  font-family: "remixicon";
  content: "\ed25";
}

.dx-icon-export:before {
  font-family: "remixicon";
  content: "\ec56";
}

.dx-icon-warning:before {
  font-family: "remixicon";
  content: "\eca1";
}

.dx-datagrid .dx-header-filter::before {
  font-family: "remixicon";
  content: "\ed27";
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container::after {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background-color: #ec0000;
  inset-inline-end: 6px;
}

html[data-theme=dark] .dx-popup-wrapper > .dx-overlay-content {
  background-color: rgba(0, 19, 69, 0.85);
  backdrop-filter: blur(15px) brightness(0.8);
  -webkit-backdrop-filter: blur(15px) brightness(0.8);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  box-shadow: 0 1px 15px rgba(var(--shadow-color), 0.5), 0 2px 15px rgba(var(--shadow-color), 0.025), 0 3px 15px rgba(var(--shadow-color), 0.05), 0 4px 15px rgba(var(--shadow-color), 0.075);
}

html[data-theme=light] .dx-toolbar .dx-toolbar-button .dx-button.btn.btn--primary, html[data-theme=light] .dx-dialog.dx-overlay .dx-toolbar .dx-toolbar-button .dx-button, .dx-dialog.dx-overlay html[data-theme=light] .dx-toolbar .dx-toolbar-button .dx-button {
  color: #fff;
}
html[data-theme=light] .dx-popup-wrapper > .dx-overlay-content {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(15px) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(15px) brightness(var(--glass-brightness));
  box-shadow: 0 2px 15px 0 rgba(var(--primary-dark-color-RGB), 0.05), 0 4px 15px 0 rgba(var(--primary-dark-color-RGB), 0.1);
}
html[data-theme=light] .dx-datagrid .dx-scrollable-wrapper {
  background: radial-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4));
}
html[data-theme=light] .dx-datagrid .dx-datagrid-pager .dx-page-sizes .dx-selection,
html[data-theme=light] .dx-datagrid .dx-datagrid-pager .dx-pages .dx-selection {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(var(--glass-blur)) brightness(1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1);
  border-color: var(--border-opaq);
}
html[data-theme=light] .dx-datagrid .dx-toolbar .dx-toolbar-button .dx-button:not(.btn) {
  border-color: var(--border-opaq);
}
html[data-theme=light] .dx-toolbar .dx-toolbar-button .dx-button:not(.btn) {
  border: 1px solid rgba(7, 22, 60, 0.75);
}
html[data-theme=light] .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
html[data-theme=light] .dx-datagrid-content .dx-datagrid-table tr.dx-row:hover td {
  color: var(--text-color);
  background-color: rgba(var(--main-color-RGB), 0.15);
}
html[data-theme=light] .dx-datagrid .dx-datagrid-content .dx-datagrid-table tr.dx-row.dx-column-lines.dx-selection td {
  background-color: rgba(var(--main-color-RGB), 0.05);
}
html[data-theme=light] .dx-sortable .dx-tabpanel .dx-tabpanel-tabs .dx-tabs.dx-widget .dx-tabs-wrapper {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(20px) brightness(1.05);
  -webkit-backdrop-filter: blur(20px) brightness(1.05);
}

.dx-dialog.dx-overlay .dx-overlay-shader {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  backdrop-filter: blur(15px);
}
.dx-dialog.dx-overlay .dx-popup-wrapper .dx-overlay-content {
  background-color: rgba(255, 255, 255, 0.05);
}
.dx-dialog.dx-overlay .dx-dialog-message {
  color: var(--text-color);
}
html[data-theme=light] .dx-dialog.dx-overlay .dx-overlay-shader {
  background-color: rgba(255, 255, 255, 0.1);
}
html[data-theme=light] .dx-dialog .dx-popup-wrapper .dx-overlay-content {
  background-color: rgba(255, 255, 255, 0.05);
}
.dx-overlay.dx-toast {
  padding: 1.5rem;
}

/* CHECKBOXES */
.dx-checkbox {
  display: block;
}

.dx-checkbox-icon {
  background: transparent;
  border: 1px solid var(--text-color);
}

.dx-checkbox-checked .dx-checkbox-icon {
  color: var(--link-color);
}

/* Apply custom scrollbar styles to the DevExtreme DataGrid */
.dx-datagrid .dx-scrollable .dx-scrollbar {
  display: none;
}

.dx-datagrid .dx-scrollable .dx-scrollable-content::-webkit-scrollbar,
.dx-datagrid .dx-scrollable .dx-scrollable-container::-webkit-scrollbar {
  width: var(--dx-scrollbar-size);
  height: var(--dx-scrollbar-size);
}

.dx-datagrid .dx-scrollable .dx-scrollable-content::-webkit-scrollbar-track,
.dx-datagrid .dx-scrollable .dx-scrollable-container::-webkit-scrollbar-track {
  background: var(--dx-scrollbar-track-color);
}

.dx-datagrid .dx-scrollable .dx-scrollable-content::-webkit-scrollbar-thumb,
.dx-datagrid .dx-scrollable .dx-scrollable-container::-webkit-scrollbar-thumb {
  background-color: var(--dx-scrollbar-thumb-color);
  border-radius: 6px;
}

.dx-datagrid .dx-scrollable .dx-scrollable-content::-webkit-scrollbar-thumb:hover,
.dx-datagrid .dx-scrollable .dx-scrollable-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--dx-scrollbar-thumb-hover-color);
}

.dx-treelist .dx-treelist-container > .dx-treelist-headers,
.dx-treelist .dx-treelist-container > .dx-treelist-rowsview {
  background: transparent;
  border: 0;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
  vertical-align: middle;
  color: var(--text-color);
  padding: 16px;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid var(--border-opaq);
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-command-edit.dx-command-edit-with-icons {
  width: auto;
  text-align: right !important;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link-icon,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-command-edit.dx-command-edit-with-icons .dx-link-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 5rem;
  aspect-ratio: 1/1;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-icon-edit,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-command-edit.dx-command-edit-with-icons .dx-icon-edit {
  color: var(--main-color);
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link-delete,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-command-edit.dx-command-edit-with-icons .dx-link-delete {
  color: #ec0000;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link-save,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-command-edit.dx-command-edit-with-icons .dx-link-save {
  color: #09a400;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link-cancel,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-command-edit.dx-command-edit-with-icons .dx-link-cancel {
  color: var(--text-color);
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="2"] {
  border-bottom: 5px solid transparent;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="2"] td {
  background: var(--border-opaq-02);
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="2"] td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="2"] td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="2"] td {
  border-bottom: 0;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="3"] {
  border-bottom: 5px solid transparent;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="3"] td {
  background: var(--border-opaq-05);
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="3"] td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="3"] td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row[aria-level="3"] td {
  border-bottom: 0;
}

.selectbox-drop-down {
  display: none !important;
}

.dx-toast-wrapper .dx-toast-content {
  position: relative;
  align-items: flex-start;
  background-color: rgba(0, 19, 69, var(--glass-opacity));
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--border-opaq-15);
  overflow: hidden;
}
.dx-toast-wrapper .dx-toast-content .msg-content .msg-close {
  position: absolute;
  right: 1rem;
  top: 0;
}
.dx-toast-wrapper .dx-toast-content .msg-content .msg-close:before {
  content: "\f00a";
  font-family: DXIcons;
  font-size: 1.1rem;
  color: var(--text-color);
}
.dx-toast-wrapper .dx-toast-content .msg-content .msg-title {
  font-size: 1.35rem;
  margin-bottom: 0.25rem;
}
.dx-toast-wrapper .dx-toast-content .msg-content .msg-description {
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
}
.dx-toast-wrapper .dx-toast-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: -10rem;
  width: 20rem;
  height: 110%;
  filter: blur(30px);
  background-color: var(--text-color);
  border-radius: 200px;
  opacity: 0.35;
  z-index: -1;
}
.dx-toast-wrapper .dx-toast-content .dx-toast-icon {
  height: 2.5rem;
  background-position: 100% 11%;
  margin-right: 8px;
}
.dx-toast-wrapper .dx-toast-content.dx-toast-success:after {
  background-color: #2ecc71;
}
.dx-toast-wrapper .dx-toast-content.dx-toast-success .dx-toast-icon {
  background-image: url("../../icons/success.svg");
  width: 2rem;
  color: #2ecc71;
}
.dx-toast-wrapper .dx-toast-content.dx-toast-success .msg-content .msg-title {
  color: #2ecc71;
}
.dx-toast-wrapper .dx-toast-content.dx-toast-error:after {
  background-color: #ec0000;
  opacity: 0.25;
}
.dx-toast-wrapper .dx-toast-content.dx-toast-error .dx-toast-icon {
  background-image: url("../../icons/cancel.svg");
  width: 2rem;
  color: #ec0000;
}
.dx-toast-wrapper .dx-toast-content.dx-toast-error .msg-content .msg-title {
  color: #ec0000;
}

.dx-toast-stack {
  bottom: 8rem;
  right: 0;
}

.dx-toast {
  position: fixed;
}

#toast-queue-badge {
  display: none;
  position: fixed;
  font-size: 1.3rem;
  text-align: left;
  margin-top: 1rem;
  cursor: pointer;
  z-index: 99999;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 200ms ease, transform 200ms ease;
}
#toast-queue-badge.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  display: block;
}
#toast-queue-badge span {
  color: var(--main-color);
  font-weight: 600;
}
#toast-queue-badge .pulse {
  animation: pulseFade 1.5s ease-in-out infinite;
}

#clear-toasts-btn {
  position: fixed;
  bottom: 8rem;
  color: #fff;
  padding: 4px;
  width: 3rem;
  height: 3rem;
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 55rem;
  font-size: 1.3rem;
  cursor: pointer;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transform: scale(0.6) translateX(-15px);
  transition: all 0.5s ease;
}
#clear-toasts-btn:hover {
  transform: scale(1.1) translateX(0px);
}
#clear-toasts-btn.visible {
  opacity: 1;
  transform: scale(1) translateX(0);
  pointer-events: auto;
  transition: all 0.5s ease;
}
#clear-toasts-btn.hide {
  opacity: 0;
  transform: scale(0.6) translateX(-15px);
  pointer-events: none;
  transition: all 0.3s ease;
}

html[data-theme=light] .dx-toast-wrapper .dx-toast-content {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 7px 8px, rgba(0, 0, 0, 0.065) 0px 6px 9px;
}
html[data-theme=light] .dx-toast-wrapper .dx-toast-content .msg-close,
html[data-theme=light] .dx-toast-wrapper .dx-toast-content .msg-title,
html[data-theme=light] .dx-toast-wrapper .dx-toast-content .msg-description {
  color: var(--text-color);
}
html[data-theme=light] .dx-toast-wrapper .dx-toast-content:after {
  position: absolute;
  top: -6rem;
  left: -9rem;
  width: 14rem;
  height: 100%;
  filter: blur(15px);
}

.dx-context-menu > .dx-submenu {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(var(--glass-blur)) brightness(1.05);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.05);
  border-radius: 12px;
}
.dx-context-menu > .dx-submenu .dx-menu-separator {
  background-color: var(--border-opaq);
}
.dx-context-menu > .dx-submenu .dx-menu-item-wrapper .dx-menu-item .dx-menu-item-popout:before {
  color: var(--text-color);
}
.dx-context-menu > .dx-submenu .dx-menu-item-wrapper .dx-menu-item .dx-menu-item-text {
  color: var(--text-color);
}
.dx-context-menu > .dx-submenu .dx-menu-item-wrapper .dx-menu-item .dx-icon {
  color: var(--text-color);
}
.dx-context-menu > .dx-submenu .dx-menu-item-wrapper .dx-menu-item .dx-submenu {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(var(--glass-blur)) brightness(1.05);
  -webkit-backdrop-filter: blur(var(--glass-blur)) brightness(1.05);
  background-color: var(--primary-dark-color);
  border-radius: 12px;
  isolation: isolate;
}

html[data-theme=light] .dx-context-menu > .dx-submenu .dx-menu-item-wrapper .dx-menu-item .dx-submenu {
  background: #fff;
}

.offcanvas-header .btn-close {
  filter: invert(1);
  opacity: 1;
  padding: 0;
}

body.iframe--sales .offcanvas-backdrop.show {
  opacity: 0 !important;
}

#formErrorsSidebar {
  max-width: 600px;
  max-height: calc(100% - 2rem);
  z-index: 1050;
}
#formErrorsSidebar.offcanvas {
  background-color: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(255, 255, 255, var(--border-intensity));
  backdrop-filter: blur(30px) brightness(1.1);
  -webkit-backdrop-filter: blur(30px) brightness(1.1);
  color: var(--text-color);
  padding: 2.5rem;
  border-radius: 12px;
  overflow: hidden;
}
#formErrorsSidebar .offcanvas-header h3 {
  margin-bottom: 0;
}
#formErrorsSidebar .offcanvas-header h3 .icon {
  color: #ec0000;
}
#formErrorsSidebar .errors-list {
  padding-left: 0;
}
#formErrorsSidebar .errors-list li {
  padding-block: 0.5rem;
  border-bottom: 1px solid var(--border-opaq);
}

.dx-button .dx-button-content {
  padding-block: 0;
  padding-inline: 0;
}
.dx-button input {
  height: unset;
  padding: 0;
}
.dx-button .dx-button-submit-input {
  padding: 0 !important;
}

.dx-dropdownlist-popup-wrapper .dx-overlay-content {
  min-width: 15rem;
}

/*# sourceMappingURL=main.css.map */