.menu_upper{
    width: 90%;
    padding: 5px 0 0 5px;
    white-space: normal;
    color: white;
}

@-moz-document url-prefix() {
    .offcanvas {
        overflow: hidden;
    }
}

.offcanvas {
    background: rgb(67, 67, 67);
    width: 320px;
    /*height: 100%;*/
    position: absolute;
    top: 61px;
    bottom: 0;
    z-index: 100;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    transform: translateX(-320px);
    -webkit-transition: -webkit-transform 0.2s;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -ms-overflow-style: none;
}

    .offcanvas browser {
        margin-right: -14px !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }

.offcanvas::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}

.offcanvas-expanded .offcanvas {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.page-wrap{
  -webkit-transition: -webkit-transform 0.2s;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.offcanvas-expanded .page-wrap {
    /*Ha a menü rész hibásan működne ezt kell visszakommentezni a margint pedig törölni!*/
    /*-webkit-transform: translateX(320px);
    -ms-transform: translateX(320px);
    transform: translateX(320px);*/
    margin-left:320px;
}

.offcanvas-toggle, .fixcanvas-toggle:not(.menu-pinned) {
    background-color: transparent;
    color: #333;
    cursor: pointer;
    margin: 5px 0 0 5px;
}

.fixcanvas-toggle {
    position: fixed;
    left: 90%;
    padding: 0;
    margin: 5px 0 0 5px;
}