@media all and (-ms-high-contrast: none),
  (-ms-high-contrast: active),
  (max-width: 768px) {
  * {
    box-sizing: border-box;
  }

  *:focus {
    outline: none;
  }

  body {
    margin: 0;
    font-size: 16px;
    color: #3b3a3a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
  }

  body,
  input,
  textarea {
    font-family: OpenSans-Regular, sans-serif;
  }

  body.ie-overflow-hidden {
    overflow: hidden;
  }

  a {
    text-decoration: none;
    color: #3b3a3a;
    transition: all 0.2s;
  }

  a:hover {
    text-decoration-color: currentcolor;
  }

  h1,
  h3 {
    font-family: OpenSans-SemiBold, sans-serif;
  }

  button {
    font-family: OpenSans-Regular, sans-serif;
    transition: all 0.2s;
  }

  button:focus {
    outline: none;
  }

  body .auth-layout {
    display: block;
  }
  body .on-sidebar {
    bottom: 35px;
  }
  .draggable-tile {
    cursor: move;
  }
  body.zoomIn {
    zoom: 1.1;
    margin-right: 0;
    scrollbar-width: none;
    max-width: calc(100vw - (100vw / 11));
    /* max-height: calc(100vh - (100vh / 11) + 67px); */
  }

  body.zoomIn .dynamicSizeL {
    min-width: 110px;
  }

  body.zoomIn .dynamicSizeR {
    min-width: 110px;
  }

  body.zoomIn .filter-access {
    zoom: 1.1;
  }

  body.zoomOut .filter-access {
    zoom: 0.9;
  }

  body.zoomIn .sidebar-menu {
    max-height: calc(100vh - 200px);
  }

  body.zoomIn .pre-login-page {
    height: 84%;
  }

  /* body.zoomIn .login-page,
    body.zoomIn .logout-page,
    body.zoomIn .pre-login-page {
      height: 100vh;
    } */
  @media (min-height: 825px) {
    body.zoomIn .login-page,
    body.zoomIn .logout-page,
    body.zoomIn .pre-login-page {
      height: calc(100vh - 140px);
    }

    body.zoomIn #root-child {
      height: calc(100vh - 87px);
    }
  }

  body.zoomIn .auth-container {
    height: 100%;
  }

  body.zoomIn .auth-layout,
  body.zoomIn .layout,
  body.zoomIn .banner-content {
    height: 100%;
    min-height: 100%;
  }

  body.zoomIn .auth-content {
    margin-bottom: 0;
  }

  body.zoomIn .auth-text {
    height: 100%;
    padding-top: 20px;
  }

  @media (min-width: 1024px) {
    body.zoomIn .banner-content {
      width: 59%;
      max-width: 59%;
    }

    body.zoomIn .auth-content {
      width: 41%;
      max-width: 41%;
    }
  }

  body.zoomIn .pre-login-page {
    min-height: 100%;
  }

  body.zoomIn #root-child {
    height: 100vh;
    min-height: auto;
  }

  body.zoomIn .layout-container {
    max-width: 100%;
  }

  @media (min-width: 768px) {
    body.zoomIn .layout-content {
      max-height: calc(100vh - 100px);
    }
  }

  body.zoomIn .layout-content-column {
    display: block;
    overflow: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - (100vh / 11));
    min-height: auto;
  }

  body.zoomIn #layout-footer {
  }

  body.zoomIn .pre-layout {
    min-height: 70vh;
  }

  body.zoomOut {
    zoom: 0.9;
    position: absolute;
    right: 0;
    left: 0;
    scrollbar-width: none;
    margin-left: auto;
    margin-top: auto;
    min-width: calc(100vw + (100vw / 9));
    max-height: 100vh;
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
  }

  body.zoomOut .login-page,
  body.zoomOut .logout-page {
    min-width: calc(100vw + (100vw / 9));
    /* height: calc(100vh + 50px); */
  }

  body.zoomOut .pre-login-page {
    height: 100%;
  }

  body.zoomOut .auth-container {
    width: 100%;
    height: 100%;
  }

  body.zoomOut .auth-layout,
  body.zoomOut .layout {
    width: 100%;
    min-width: 100%;
    height: 100%;
  }

  body.zoomOut #root-child {
    min-height: calc(100vh + (100vh / 9));
    min-width: 100vw;
  }

  body.zoomOut .model-wrapper {
    min-height: calc(100vh + (100vh / 9));
  }

  body.zoomOut .layout-content {
    min-height: 100vh;
  }

  body.zoomOut .layout-sidebar {
    min-height: calc(100vh + (100vh / 9));
  }
}

@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html {
    overflow: hidden;
  }
  html,
  body {
    margin: 0 0 0 0;
    height: 99% !important;
  }
  #root {
    height: auto;
    break-after: avoid;
    break-inside: avoid;
  }
  #root-child {
    padding: 10px;
  }
  body .acc-algin,
  body .currency-type {
    line-height: 20px;
  }
}