.modal-window {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    overflow-y: scroll;
    padding: 30px;
  }
  .modal-window:target {
    opacity: 1;
    pointer-events: auto;
  }
  .modal-window > div {
    width: 360px;
    padding: 30px;
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 15px;
    background: #001721;
    color: white;
  }
  .modal-window header {
    font-weight: bold;
  }
  .modal-window h1 {
      float: left;
  }

  .upper {
      position: relative;
      display: flex
  }
  
  .modal-close {
    color: white;
    font-size: 80%;
    text-align: right;
    text-decoration: none;
    margin-left: auto;
    z-index: 110;
  }
  .modal-close:hover {
    color: #000;
  }
  .modal-window .cell-alert-row-label,
  .modal-window h1 {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
  }
  
  /* Demo Styles */
  html,
  body {
    height: 100%;
  }
  
  body {
    font: 600 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #555555;
  }
  
  .container {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .modal-window input,
  .modal-window select {
      height: 30px;
  }

  .modal-window .cell-width--190px,
  .modal-window .cell-input--190px {
    width: 270px;
  }

  .modal-window .cell-input--145px {
    width: 220px;
  }

  .modal-window .cell-input--40px {
      width: 45px;
      margin-right: 0px;
  }

  .cell-w-order-entry__status-panel {
      height: 110px;
  }
  .cell-order-entry-panel__content--advanced {
    display: none;
  }

  .cell-w-order-entry-panel__advanced--show .cell-order-entry-panel__content--advanced {
    display: block;
  }
  #open-order.modal-window > div {
      max-width: 400px;
      width: 100%;
  }

/*   #order-entry {
      font-size: 15px;
  }

  #order-entry .cell-w-order-entry-panel__advanced {
    margin-left: 0;
    margin-top: -350px;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
  }

  #order-entry .cell-w-order-entry-panel__advanced--show {
    margin-top: 0px;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
  }

  #order-entry .cell-width--220px {
      width: auto;
  } */

  #order-entry .cell-content {
      height: auto !important;
      overflow: visible;
  }
  .cell-w-order-entry-panel__advanced--show{
    margin-left: 0;
    width: 100%;
  }

  @media only screen and ( max-width: 1023px ) {
  /*   .modal-window > div {
      bottom: 0;
      top: auto;
    } */
  }