#nestedListview,
.listViewPanel,
.detailViewHeader {
  display: none;
}

.ui-listview.server-list {
  flex: 1;
  overflow-y: scroll;
  padding-bottom: 40px;
}

.ui-focus,
.ui-btn:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Landscape styles */
@media all and (orientation: landscape) {
  #nestedListview,
  .listViewPanel,
  .detailViewHeader {
    display: block;
  }

  #nestedListview {
    border-right: 1px solid black;
  }

  #nestedListview .ui-btn-active {
    border: inherit;
  }

  /* #nested-list-mode {
    display: flex;
    overflow: hidden;
    height: 100vh;
    margin-top: -100px;
    padding-top: 100px;
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow;
  } */

  #nested-list-mode {
  display: flex;
  overflow: hidden;
  height: 100%;
  /* margin-top: -100px; */
  /* padding-top: 100px; */
  /* position: relative; */
  width: 100%;
  backface-visibility: hidden;
  will-change: overflow;
  }

  #nestedListDetailsview,
  #nestedListview {
    float: left;
    overflow: auto;
    height: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
  }

  #nestedListDetailsview {
    /*width: 67%;*/
    flex: 1;
    height: 100%;
  }

  #nestedListview {
    /*width: 33%;*/
    flex: 0.5;
    height: 100%;
  }

  #nestedListDetailsview,
  #nestedListview {
    height: 100%;
    overflow: auto;
  }

  #index > #content {
    padding-bottom: 0;
}

  #index,
  .ui-content {
    /* padding: 0 !important; */
  }

  .ui-content .ui-listview,
  .ui-panel-inner > .ui-listview {
    margin: 0;
  }

  #nestedListview {
    display: block;
    box-sizing: border-box;
  }

  [data-role='header'],
  [data-role='footer'] {
    display: none !important;
  }
  .ui-field-contain label.ui-slider {
    width: 100%;
  }
  .floatLeft {
    float: left;
  }
  .semiVisible {
    padding: 20px;
    /*width:710px;*/
    position: relative;
    background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    background: rgba(204, 204, 204, 0.5);
  }
}

@media all and (max-aspect-ratio: 1/1) {
  #nestedListview {
    display: none !important;
  }
}