.float-bar {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 42px;
    z-index: 1000;
    padding: 0;
    display: flex;
}

.btn-whatsapp{
    padding: 8px 11px 11px 11px;
    width:42px;
    height:42px;
    background-color:#25d366;
    color:#FFF;
    cursor: pointer;
    border-radius:50px;
    font-size:27px;
    -webkit-box-shadow: 3px 4px 5px 2px rgba(191,189,191,1);
    -moz-box-shadow: 3px 4px 5px 2px rgba(191,189,191,1);
    box-shadow: 3px 4px 5px 2px rgba(191,189,191,1);
    transition: all 500ms ease;
}

.btn-whatsapp:hover {
    text-decoration: none;
    color: #25d366;
    background-color:#fff;
}


.ir-arriba {
    display: none;
    padding: 8px 11px 11px 11px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    height: auto;
    -webkit-box-shadow: 3px 4px 5px 2px rgba(191,189,191,1);
    -moz-box-shadow: 3px 4px 5px 2px rgba(191,189,191,1);
    box-shadow: 3px 4px 5px 2px rgba(191,189,191,1);
    transition: all 500ms ease;
}

.dropdown-menu {
    min-width: 13rem;
    margin: 0.125rem -2rem 0;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dropdown-item span{
    font-size: 13px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #b5aec4;
    text-decoration: none;
    background-color: #fff;
}


table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

.images-cliente-mini{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; 
    width: 65px; 
    height: 65px; 
    border-radius: 3rem; 
    margin-inline: auto; 
    border: solid 4px #ddd;
}
.images-catalogo-mini{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; 
    width: 60px; 
    height: 60px; 
    border-radius: .5rem; 
    margin-inline: auto;
    border: solid 1px #dee2e6
}
.btn-images{
    opacity: 0;
    max-width: 35px;
    margin-top: 0px;
    position: absolute;
    margin-left: -36px;
    cursor: pointer;
}
.imagen-content {
    margin-inline: auto;
    width: 36px;
    margin-top: -35px;
} 
.imagen-content i{
    box-shadow: inset 0px 0px 4px 4px #bdbdbdb3;
    border-radius: 5px;
    cursor: pointer;
}
#box-images{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    border: solid 4px #dddd;
    margin-inline: auto;
}
.imagen_cliente{
    border-radius: 9rem;
}

.imagen_catalogo{
    border-radius: .2rem;
}