.margin-pedidos{
    margin-left: 5em !important;
}


.nav .profile-img {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    margin-right: 10px;
    background-image: url(../images/profile-picture.png);
    background-position-x: center;
    background-size: cover;
    float: left;
    position: relative;
    top: 0;
}

.closebtn{
    position: absolute;
    top: -1rem;
    right: -.5rem;
    color: #ef8034;
    font-size: 35px;
    width: 50px;
    text-align: center;
}
.sidenav a:hover{
    text-decoration: none
}
.sidenav .list-group-item{
    background-color: rgba(255,255,255,0);
    color: #1d1d1d;
    transition: .5s;
}
.sidenav .list-group-item:hover{
    background-color: rgba(255,255,255,1);
    color: #000;
}
.sidenav #collcate:hover{
    background-color: rgba(255,255,255,0);
}

.list-group-item.active {
    border-color: white;
}

#brandimg{
    width: 20%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgb(185, 185, 185) calc(50%), rgb(237,234,234,1) calc(50% + 1px) );*/
}
@media(max-width:991px){
    /*#app > nav > a > img{
        height: 99px !important;            
    }*/
    #brandimg{
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgb(185, 185, 185) calc(50%), rgb(237,234,234,0) calc(50% + 1px) );
    }
}
@media (max-width:768px){
    .slideCategory{
        height: 5.9em;
    }
    #brandimg{
        background: rgba(255,255,255,0);                
    }
    /*s#app > nav > a > img{
        height: 50px !important;            
    }*/

    .margin-pedidos{
       margin-left: 0em !important;
    }

    .nav{
        border-top: 0;
    }
}
#app > nav > a > img{
    height: 103px;
}
#navbarCollapse div.input-group.p-1.row span a{
    font-size: 12px;
    color: #b9b9b9;
    text-decoration: underline;            
}
#navbarCollapse div.input-group.p-1.row span a:hover{
    color: #b20000;
}
#navbarCollapse div.input-group.p-1.row i{
    color: #b20000
}
::placeholder{
    color: black;
    text-align: center;
}

#scrollhori::-webkit-scrollbar{
    height: 6px;
    width: 5px;
    background-color: white;
}

#scrollhori::-webkit-scrollbar-thumb{
    background-color: #b20000;
    border-radius: 15px;
}

.scrollhori::-webkit-scrollbar{
    height: 6px;
    width: 5px;
    background-color: white;
}

.scrollhori::-webkit-scrollbar-thumb{
    background-color: #b20000;
    border-radius: 15px;
}

.newClass{
    position: absolute;
    top: -18px;
    left: 60px;
    height: 90px!important;
    border: 5px solid #123;
}