.ui-field-contain .ui-controlgroup-controls {
  width: 100%;
}
.ori-mode .ui-radio {
  width: 50%;
}
#server1 .ui-controlgroup-controls,
#server2 .ui-controlgroup-controls,
#server3 .ui-controlgroup-controls {
  display: inline-block;
  width: auto;
  padding-bottom: 3px;
}
#server-details {
  overflow: auto;
  /* padding-bottom: 350px !important; */
}
.switch-text-right .ui-slider,
.switch-text-right label {
  vertical-align: middle;
  display: inline-block;
}
.switch-text-right .ui-slider + label {
  padding-left: 10px;
}
/* problematic on iOS
.ui-popup-screen {
    position: fixed;
}
*/

.pin-change-popup {
  min-width: 250px;
}

.pin-change-popup .ui-grid-a .ui-btn {
  margin-left: 0;
}

.pin-change-popup .ui-grid-b .ui-btn {
  margin-right: 0;
}

.ui-footer-fixed.ui-fixed-hidden {
  position: fixed;
  bottom: -1px;
  /* background: unset !important; */
  padding-bottom: env(safe-area-inset-bottom);
}
.ui-header-fixed.ui-fixed-hidden {
  position: fixed;
  /* top: -1px; */
  padding-top: 0px;
}

/* .ui-footer.ui-bar-a{
    position: absolute;
    bottom: 0;
    padding-bottom: 32px;
    width: 99.1%;
} */
/* .ui-footer-fixed {
    padding-bottom: env(safe-area-inset-bottom);
    } */

/* CSS specific to iOS devices */
/* @supports (-webkit-touch-callout: none) {
  } */

/* CSS for other than iOS devices */
/* @supports not (-webkit-touch-callout: none) {
  } */