html {
  height: 100%;
}

body {
  position: relative;
  padding-bottom: 56px;
  min-height: 100%;
}

footer {
  position: absolute;
  bottom: 1px;
}

footer:after {
  content: "";
  position: absolute;
  height: 1px;
  display: block;
  background: #ffcc33;
  width: 100%;
  bottom: -1px;
}


#owrap {
  overflow: auto;
}

footer .container p {
  margin-bottom: 0em !important;
}

.view-frame {
}

.view-frame.ng-enter,
.view-frame.ng-leave {
     -webkit-transition: .3s linear all;
     transition: .3s linear all;

     position: absolute;
     width: 100%;
}

.fullwidth header {
  max-height: none !important;
}

.fullfixed header {
  position: fixed;
}

body.left .view-frame.ng-enter {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}
body.left .view-frame.ng-leave.ng-leave-active{
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

body.left .view-frame.ng-leave,
body.left .view-frame.ng-enter.ng-enter-active{
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

body.right .view-frame.ng-enter {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}
body.right .view-frame.ng-leave.ng-leave-active{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

body.right .view-frame.ng-leave,
body.right .view-frame.ng-enter.ng-enter-active{
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

body.fade .view-frame.ng-enter {
  opacity: 0.0;
}

body.fade .view-frame.ng-enter-active {
  opacity: 1.0;
}

body.fade .view-frame.ng-leave {
  opacity: 1.0;
}

body.fade .view-frame.ng-leave-active {
  opacity: 0.0;
}

.page header, .page .main {
  /* Force HW acceleration. */
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/*
 * Do not use translate3d for the cover page - it breaks ng-animate for 
 * some reason.
 */
.page.cover header, .page.cover .main {
    -webkit-transform: none;
    transform: none;
}

a#nextPage.active, a#prevPage.active {
        background-color: red;
}
