﻿* {
  --header-height: 64px;
  --offset-top: var(--header-height);
  --page-height: calc(100vh - var(--offset-top));
  --padding-base: 1rem;
  --modal-header-height: 64px;
  --modal-height: 95vh;
  --modal-footer-height: 64px;
  --modal-content-height: calc(var(--modal-height) - var(--modal-header-height) - var(--modal-footer-height));
}

.full-height {
  flex: 1;
  overflow-y: auto;
}

.no-wrap {
  white-space: nowrap;
}

*:has(:is(.sticky-top, .sticky-bottom)):not(.k-window-content) {
  overflow: visible !important;
}

.k-custom-label {
  margin-right: var(--kendo-spacing-2\.5, 0.625rem);
  padding-top: calc(var(--kendo-spacing-2\.5, 0.625rem) / 2);
  width: 25%;
  text-align: end;
  /*flex-direction: column;*/
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: var(--kendo-spacing-2, 0.5rem);
  display: flex;
  flex-flow: column nowrap;
  font-size: 17px !important;
}

.k-window-content {
  padding-bottom: 0px !important;
}

.form-control {
  display: inline-flex;
  padding: 0px;
}
.tw {
  width: 100px; !important;
  max-width: 100%; !important;
}
.xsw {
  width: 125px !important;
  max-width: 100% !important;
}
.sw {
  width: 175px !important;
  max-width: 100% !important;
}

.mw {
  width: 300px !important;
  max-width: 100% !important;
}

.lw {
  width: 425px !important;
  max-width: 100% !important;
}

.xlw {
  width: 600px !important;
  max-width: 100% !important;
}


/*@media screen and (min-width: 175px) {
  .sw {
    width: 175px !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 300px) {
  .mw {
    width: 300px !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 425px) {
  .lw {
    width: 425px !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 600px) {
  .xlw {
    width: 600px !important;
    max-width: 100% !important;
  }
}*/
