.admin-panel-sidebar{
    width:13%;height:100vh;background-color:#282a2b;
}
.title-admin-panel{
    padding-bottom: 35%;
}
.button-admin-panel{
    border-radius: 2px ;
    background-color: #303233;
    padding: 15px;
}
.button-admin-panel-active{
    border-radius: 2px ;
    background-color: #f8f9fa;
    color: #282a2b;
    padding: 15px;
}
.button-admin-panel-active svg{
    fill: #282a2b !important;
}
.button-admin-panel:hover{
    background-color: #3c3e3f;
}
.admin-panel-footer{
    padding-top:40vh;
}
.logout-admin-panel{
    border-radius: 2px;
    border: 1px solid #f8f9fa;
    background-color: #282a2b;
    padding: 15px;
}
.logout-admin-panel:hover{
    background-color: #f8f9fa;
    color: #282a2b !important;
    transition: all 300ms;
}
.logout-admin-panel:hover svg{
    fill: #282a2b !important;
    transition: all 300ms;
}
.admin-icon-image{
    width:50px;border-radius:50%;
}
.container-admin{
    padding-top: 5%;
    padding-left: 20% !important;
    padding-right: 8% !important;
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    padding: 10px;
    text-align: left;
}
/* HOME */
/* MENU MANAGEMENT */
.icon-menu-pencil{fill: #535353;}
.icon-menu-trash{fill: #535353;}
.icon-menu-pencil:hover{
    cursor: pointer;
    fill: #1c72c4;
}
.icon-menu-trash:hover{
    cursor: pointer;
    fill: #da3131;
}
/* ORDERS */
.user-order-admin-column:hover{
    transform: scale(1.01);
}
.border-order-details{
    border-radius: 5px;
}
.payment-option-info{
    border-radius: 30px;
}
#map{
    height: 400px;
}
.width-container-cart-order{
    max-width: 70% !important;
}
.btn-factura{
    border-radius:3px;border:1px solid #aeafb0;
}
.btn-factura:hover{
    background-color: #dfdfdf;
}
.btn-delete-order:hover{
    background-color: #dfdfdf;
}
.btn-factura h6{
    color:#2b2b2a;
}
/* Product management */
.edit-image-tag{
    width:150px;height:150px;z-index:100;background-color:rgb(0,0,0,0.5);display: none;
}
.image-portada:hover{
    cursor: pointer;
    .edit-image-tag{
        display: block;
    }
}

.edit-image-tag-2{
    width:120px;height:120px;z-index:100;background-color:rgb(0,0,0,0.5);display: none;
}
.image-portada-2:hover{
    cursor: pointer;
    .edit-image-tag-2{
        display: block;
    }
}
.post1880{
    display: none;
}
/* MEDIAQUERIES */

/* MEDIA WIDTH */
@media(max-width:1920px){
    .admin-panel-sidebar{
        width:17%;
    }
    .container-admin{
        padding-left: 20% !important;
        padding-right: 2% !important;
    }
    .width-container-cart-order{
        max-width: 80% !important;
    }
}
@media(max-width: 1880px){
    .pre1880{
        display: none;
    }
    .post1880{
        display: block;
    }
}
@media(max-width:1600px){
    .width-container-cart-order{
        max-width: 100% !important;
    }
}
@media(max-width:1550px){
    #map{
        height: 200px;
    }
}
@media(max-width:1420px){
    .admin-panel-sidebar{
        width:22%;
    }
    .container-admin{
        padding-left: 30% !important;
        padding-right: 2% !important;
    }
}
@media(max-width: 1070px){
    .container-admin{
        padding-left: 30% !important;
        padding-right: 2% !important;
    }
}
@media(max-width:1096px){
    .admin-panel-sidebar{
        width:25%;
    }
}
@media(max-width: 991px){
    .container-admin{
        padding-left: 0 !important;
    }
}
/* MEDIA HEIGHT */
@media(max-height:1200px){
    .admin-panel-footer{
        padding-top:30vh;
    }
}
@media(max-height:1000px){
    .admin-panel-footer{
        padding-top:20vh;
    }
}
@media(max-height:900px){
    .admin-panel-footer{
        padding-top:15vh;
    }
}
@media(max-height:830px){
    .admin-panel-footer{
        padding-top:5vh;
    }
}