.mblSidePane {
  pointer-events: none;
  width: 322px;
  height: 100%;
  top: 0;
  box-sizing: border-box;
  position: fixed;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -ms-transition: -ms-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.noSelect {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.mblSidePaneStart {
  left: 0;
  border-right: solid black 1px;
}
.mblSidePaneEnd {
  right: 0;
  border-left: solid black 1px;
}
.mblSidePaneStartPushHiddenPane,
.mblSidePaneStartOverlayHiddenPane {
  -moz-transform: translate(-322px,0px);
  -ms-transform: translate(-322px,0px);
  -o-transform: translate(-322px,0px);
  -webkit-transform: translate(-322px, 0px);
  transform: translate(-322px, 0px);
}
.mblSidePaneStartPushVisiblePane,
.mblSidePaneStartOverlayVisiblePane {
  display: "";
  -moz-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.mblSidePaneEndPushHiddenPane,
.mblSidePaneEndOverlayHiddenPane {
  right: 0;
  -moz-transform: translate(322px,0px);
  -ms-transform: translate(322px,0px);
  -o-transform: translate(322px,0px);
  -webkit-transform: translate(322px, 0px);
  transform: translate(322px, 0px);
}
.mblSidePaneEndPushVisiblePane,
.mblSidePaneEndOverlayVisiblePane {
  display: "";
  right: 0;
  -moz-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.mblSidePaneStartPushHiddenPage {
  -moz-transform: translate(322px,0px);
  -ms-transform: translate(322px,0px);
  -o-transform: translate(322px,0px);
  -webkit-transform: translate(322px, 0px);
  transform: translate(322px, 0px);
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -ms-transition: -ms-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.mblSidePaneStartPushVisiblePage {
  -moz-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -ms-transition: -ms-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.mblSidePaneEndPushHiddenPage {
  -moz-transform: translate(-322px,0px);
  -ms-transform: translate(-322px,0px);
  -o-transform: translate(-322px,0px);
  -webkit-transform: translate(-322px, 0px);
  transform: translate(-322px, 0px);
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -ms-transition: -ms-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.mblSidePaneEndPushVisiblePage {
  -moz-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -ms-transition: -ms-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.mblSidePaneEndRevealVisiblePane,
.mblSidePaneEndRevealHiddenPane {
  right: 0;
}