.mdl-layout__drawer {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 250px !important;

   height: 100%;

  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  box-sizing: border-box;
  border-right: 1px solid #e0e0e0;
  background: #fafafa;
  -webkit-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  transform: translateX(-260px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  color: #424242;
  overflow: visible;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 5000;
  
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
.mdl-layout__drawer.is-visible	 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);

  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.mdl-layout {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;

  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.mdl-layout__container .mdl-layout {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);

}


.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4000;
  visibility: hidden;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-timing-function: cubic-bezier(.4,0,.2,1);

  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.mdl-layout__drawer.is-visible~.mdl-layout__obfuscator {
  background-color: rgba(0,0,0,.5);
  visibility: visible;
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}


.mdl-layout {
  width: 100%;
  height: 100%;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;

  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}
.mdl-layout__container .mdl-layout, .overlay-hidden {
  overflow-y: hidden !important; 
  overflow-x: hidden !important;
}

.mdl-layout__container .bg-bottom-full {display: none;}
.mobile-cat-drawer {padding-left: 0 !important;}
.mdl-layout__container .body-bg {height: 0;}

.mdl-layout__drawer .leftBoxContainer {margin-top: 0 !important;}
.mdl-layout__drawer .login-info {
	padding: 15px 15px;
}
.mdl-layout__drawer .login-info a { padding-right: 13px; }

.body-wrp {
  overflow-x: hidden;
}