.uib-header-fixed { position: fixed !important; top: 0; }.uib-footer-fixed { position: fixed !important; bottom: 0; }.uib-header, .uib-footer {.d-margins { margin: 0; }width: 100%; min-height: 48px; z-index: 2; position: relative;display: -webkit-box;-webkit-box-align: center;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-box-flex: 1;-webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; -o-flex-grow: 1; flex-grow: 1; pointer-events: none; z-index: 1;> * { pointer-events: auto; height: 100%; }display: -webkit-box;-webkit-box-align: center;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; &.right {-webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-direction: reverse;-webkit-box-pack:end;}}> h2 {font-size: 18px; line-height: 18px; font-weight: bold;font-family: sans-serif; color: #DDD;position: absolute; left: 0px; width: 100%; margin: 0;padding: 0; top: 50%; margin-top: -0.5em; text-align: center;}> .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;}}}