.ui-header-fixed, .ui-footer-fixed { position: fixed !important; }.ui-header, .ui-footer {width: 100%; min-height: 48px; z-index: 2;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; > .horiz-area {-webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; pointer-events: none; z-index: 1;> * { pointer-events: auto; }}> .ui-title {position: absolute; left: 0px; width: 100%; margin: 0;padding: 0; top: 50%; margin-top: -0.5em;}> .single-centered {position: absolute; width: 100%; text-align: center;top: 50%;transform: translate(0, -50%); -webkit-transform: translate(0, -50%);> * {margin-left: auto !important; margin-right: auto !important;&.ui-checkbox input, &.ui-radio input { display: none; }}}}