html,
body {
  height: 100%;
}

app {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.header-logo {
  flex-shrink: 0;
  background-color: #2b8700;
  -webkit-mask: url('../images/Logo.svg') center no-repeat;
  mask: url('../images/Logo.svg') center no-repeat;
  background-size: contain;
  width: clamp(60px, 8vw, 84px);
  height: clamp(50px, 8vh, 72px);
}

.bottom-left-link {
  position: fixed;
  bottom: 1px;
  left: 1px;
  color: #4CAF50;
  font-size: clamp(14px, 1.8vw, 16px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 0.5rem;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  z-index: 500;
}

.loading-image {
  width: 100%;
  height: 100%;
}

.loading-image-wrapper {
  background-color: transparent;
}

.ShippingUnitData .dxbl-disabled {
  --dxbl-text-edit-disabled-color: var(--DS-color-content-neutral-default);
}


#blazor-error-ui {
  background: inherit;
  bottom: 0;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100001;
}

.spinner {
  border: 16px solid silver;
  border-top: 16px solid #2b8700;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 700ms linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.dxbl-grid.height1000 {
  height: 1000px;
}

.menu-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: var(--dxbl-icon-width);
  min-height: var(--dxbl-icon-height);
  background-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-position: center center;
  background-color: currentColor;
  opacity: 0.7;
}

.menu-item {
  font-weight: bold;
}

.menu-icon-login {
  mask: url('../images/login.svg') center no-repeat;
  -webkit-mask: url('../images/login.svg') center no-repeat;
}

.menu-icon-language {
  mask: url('../images/language.svg') center no-repeat;
  -webkit-mask: url('../images/language.svg') center no-repeat;
}

.form-center {
  margin: auto;
  width: 50%;
  padding: 10px;
}

.hoco-background {
  background-image: url('../images/hoco_munot.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

.dxbl-menu-item .dxbl-menu-item-tmpl {
  display: flex;
}

.dxbl-menu-item .dxbl-menu-item-tmpl .dxbl-btn-dropdown {
  display: flex;
}

.listbox {
  height: auto !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #2b8700 !important;
  border-color: #2b8700 !important;
}

.active.start-date {
  background-color: #2b8700 !important;
  border-color: transparent;
  color: #fff;
}

.active.end-date.in-range {
  background-color: #2b8700 !important;
  border-color: transparent;
  color: #fff;
}

.in-range {
  background-color: #ecf8eb !important;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}