.mw-menu {
  position: fixed;
  background: #222; }

.mw-menu-vertical-push {
  top: 0;
  z-index: 90;
  width: 380px; }

.mw-menu-vertical {
  top: 0;
  z-index: 90;
  width: 380px; }

.mw-menu-horizontal-push {
  left: 0;
  z-index: 90;
  overflow: hidden;
  width: 100%;
  height: auto; }

.mw-menu-horizontal {
  left: 0;
  z-index: 90;
  overflow: hidden;
  width: 100%;
  height: auto; }
  .mw-menu-horizontal h3 {
    float: left;
    width: 20%;
    height: 100%; }

.mw-menu-left,
.mw-menu-right {
  top: 45px;
  bottom: 45px; }

iframe .mw-menu-left,
iframe .mw-menu-right {
  bottom: 0; }

.mw-menu-left {
  left: -380px; }
  .mw-menu-left.mw-menu-open {
    left: 0px;
    z-index: 101; }

.mw-menu-right {
  right: -380px; }
  .mw-menu-right.mw-menu-open {
    right: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }

.mw-curtain-left {
  left: -380px; }

.mw-curtain-right {
  right: -380px; }

.curtainLeft {
  left: 0;
  right: 0;
  z-index: 90; }

.curtainRight {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }

.mw-menu-top {
  top: -172px; }
  .mw-menu-top.mw-menu-open {
    top: 45px; }

.mw-menu-bottom {
  bottom: -150px; }
  .mw-menu-bottom.mw-menu-open {
    bottom: 0px; }

.mw-curtain-top {
  top: -150px; }

.mw-curtain-bottom {
  bottom: -150px; }

.curtainTop {
  top: 0px;
  bottom: 0; }

.curtainBottom {
  top: 0;
  bottom: 0; }

.mw-menu-push {
  position: relative;
  left: 0;
  overflow-x: hidden; }

.mw-menu-push-toright {
  right: 0;
  left: 380px;
  margin-right: 380px; }

.mw-menu-push-toleft {
  right: 380px !important;
  left: -380px !important;
  margin-left: 380px; }

.mw-menu-push-top {
  top: 222px !important; }

.mw-menu-push-bottom {
  top: -150px !important; }

#mw-right-panel,
#mw-left-panel {
  overflow-x: hidden;
  padding: 5px;
  width: 380px;
  height: 100%; }