.cat_up, .cat_down{
    padding: 0;
}

.cat{
    cursor: pointer;
}
 
.brand{
    cursor: pointer;
}

.new{
    width: 100%;
}

.edit{
    width: 100%;
}

.categorie{
    position: absolute;
    width: 185px;
    right: 25px;
    top: 0;
    display: grid;
}

.categorie button{
    width: 100%;
    height: 35px;
    background-color: rgba(255,255,255,0);
    border: none;
}

.add_brand{
    font-size: 18px;
}

.delete{
    position: relative;
    width: 18% !important;
    height: 43% !important;
    left: 90px;
    top: -65%;
    padding: 0;
}

.list{
    position: absolute;
    width: 185px;
    background-color: rgba(255,255,255,0.5);
    right: 0;
    display: grid;
}

.list button{
    width: 100%;
    height: 35px;
    background-color: rgba(255,255,255,0);
    border: none;
    margin: auto;
}

.brand{
    margin: auto;
    overflow-wrap: break-word;
    height: auto !important;

}
.sp-original-input-container{
    width:100%
}
.ui-draggable, .ui-droppable {
	background-position: top;
}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%;     margin: auto;
    text-align: center;}
#sortable li { 
   
    padding: 0.4em;
    font-size: 15px;
    height: 35px;
    width: 100%; 
}
#sortable li span { 
    position: absolute; margin-left: -1.3em; }

#sortable-cat { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 100%;     
    margin: auto;
    text-align: center;
}

#sortable-cat li { 
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    font-size: 15px;
    height: 35px;
    width: 100%; 
}

#sortable-cat li span { 
    position: absolute; 
    margin-left: -1.3em; 
}

@media(max-width: 991px){
    .categorie{
        width: 125px;
        right: 0;
    }
    .list{
        width: 125px;
    }
    
}