.product__image{
    width: 100%;
    height: 100%;
    max-width: 100px;
}
.product__image:hover{
    opacity: 0.5;
    cursor: pointer;
}
/*details{
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: #ebebeb;
}
summary{
    font-weight: bold;
}*/
.grid-form-product{
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%,18rem),1fr));
}
/*.grid-description h5{
    grid-area: 1 / 1 / 1 / 3; 
}
.grid-attributes{
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%,15rem),1fr));
    margin-bottom: 1rem;

}
.grid-attributes p{
    margin: 0;
}*/
.grid-images{
    grid-area: 1 / 1 / 3 / 1;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%,5rem),1fr));
    ;
}
.delete-icon{
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
}
.contentImagesButtons{
    position: relative;
}

.dropzone{
    border-color: #ced4da;
}
.delete-icon{
    transition: opacity 0.5s;
    opacity: 0;
}
.contentImagesButtons:hover>.delete-icon{
    transition: opacity 0.5s;
    opacity: 1;
}
body.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-y: auto;
}

@media(max-width:380px){
    .dt-search label{
        display: none;
    }
    .dt-search input{
        margin: 0 !important;
    }
}