/*.menu-header img{
    background-image:url();
}*/

/*Content Boxes*/
@media(max-width:325px){
    .content{margin:0px 10px 30px 10px!important;}
}

.content{z-index:1; margin:0px 15px 30px 15px;}
.round-tiny{border-radius:7px!important; overflow:hidden;}

/*Path Menu*/

.menu-box-path{
    right: 0px;
    top:0px;
    width:250px;
    bottom:0px;
    box-shadow: 0 15px 25px 1px rgba(0,0,0,0.1);
    transform:translate3d(-105%,0,0);
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.menu-box-path.menu-box-detached{top:10px; bottom:10px;}

.menu-box-path.menu-active{transform:translate3d(0%, 0, 0)!important;}

/*--Menu System---*/
.menu-hider{
    position:fixed;
    top:-100px;
    bottom:-100px;
    left:0px;
    right:0px;
    background-color:rgba(0,0,0,0.45);
    z-index:99;
    pointer-events:none;
    opacity:0;
}

.menu{
    position:fixed;
    background-color:#FFF;
    z-index:100;
    /*overflow:scroll;*/
    -webkit-overflow-scrolling: touch;
}

.menu-box-right{
    right:0px;
    transform:translate3d(105%,0,0);
    top:0px;
    bottom:0px;
    box-shadow: 0 15px 25px 1px rgba(0,0,0,0.1);
    width:250px;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

.menu-box-bottom{
    bottom:0px;
    left:0px;
    right:0px;
    height:300px;
    transform:translate3d(0, 110%, 0);
}
.menu-box-right.menu-box-detached{top:10px; bottom:10px;}
.menu-box-bottom.menu-box-detached{bottom:20px; left:10px; right:10px;}
.menu-box-bottom:not(.menu-box-detached){
    border-bottom-left-radius: 0px!important; 
    border-bottom-right-radius: 0px!important;
}

/*Menu Heder and Icons*/
.org-logo{
    background-size: cover;
    max-width: 60px;
    max-height: 60px;
    margin: 10px auto 0px auto;
    border-radius: 8px;
}

.menu-icons a, .menu-icons span{
    /* margin-bottom:20px; */
    width:20%;
    float:left;
    text-align:center;
    height:45px;
    line-height:45px;
    border:solid 1px rgba(0,0,0,0.05);
    border-left:none;
}

/*Menu Titles*/
.menu-items{
    overflow-x: auto;
    height: 100%;
}

.menu-box-left{
    right:0px;
    top:0px;
    width:250px;
    bottom:0px;
    box-shadow: 0 15px 25px 1px rgba(0,0,0,0.1);
    transform:translate3d(100%,0,0);
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.menu-box-left.menu-box-detached{top:10px; bottom:10px;}

.menu-box-left.menu-active{transform:translate3d(0%, 0, 0)!important;}
.menu-active.menu{
    opacity:1!important;
    pointer-events:all!important;
    transition-delay: 70ms!important;
}
/*Menu Update*/
.menu-active{opacity:1!important;}

#menu-main .link-list span{font-size:13px;}
.nav-item-active span{
    font-weight:700!important;
}
.nav-item-active::after{
    animation:scale-animation2 1.5s; 
    animation-iteration-count: infinite;
    content:"\f111";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    font-size:8px;
    right:6px;
    color:#00A86B;
    margin-top:-36px;
}

/*Icons*/
.icon{
    color:#FFF;
    display:inline-block;
    text-align:center;
    margin-bottom:15px;
    margin-right:3px;
}

.icon-xxs{width:35px; height:35px;}

.icon i{
    top:50%; 
    left:50%; 
    position:absolute; 
    transform:translate(-50%, -50%);
}

/*Link List*/
.link-list-1 i:nth-child(3){
    line-height:50px;
    width:20px;
    font-size:10px;
    text-align:center;
    position:absolute;
    right:0px;
    top:0px;
    color:#666666;
}
.link-list-1 .r-ico{
    font-size:10px;
    text-align:center;
    color:#666666;
}
.link-list-1 a{
    border-bottom:solid 1px rgba(0,0,0,0.05);
    display: block;
}
.link-list-1 a i:first-child{
    line-height:30px;
    width:30px;
    text-align:center;
    position:absolute;
    top:11px;
    left:0px;
}
.link-list-1 a span:nth-child(2){
    font-weight:400;
    display:block;
    color:#1f1f1f;
    line-height:50px;
    margin-left:43px;
    overflow: hidden;
    white-space: nowrap;
}

/*Filter Toggle */
.filter-box-right{
    right:0px;
    top:0px;
    width:250px;
    bottom:0px;
    box-shadow: 0 15px 25px 1px rgba(0,0,0,0.1);
    transform:translate3d(-105%,0,0);
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.filter-box-right.menu-active{
    transform:translate3d(0%, 0, 0)!important;
}
.p-l-20{/*wrong css*/
    margin-left: 20px;
}
.brb-lgrey{
    border-bottom: solid 1px rgba(0,0,0,0.05);
}
.filter-box-scroll{
  overflow:auto;
  max-height: 88vh;
}
.push-menu{
    padding: 10px 0px 10px 8px;
    cursor: pointer;
}