/*
   Estilos para el digrama P&ID
*/

/* styles.css */
body{
    background-color: floralwhite;
}

#cargando {
    position: absolute;
    top: 30%;
    left: 30%;
    transform: translate(-50%, -50%);
}
#imageCargando {
    height: 200px;
}

.container {
    position: relative;
    height: 100%;
    width: 100%;
}

.floating-image {
    position: absolute;
    /*width: 100px;
    height: 100px; */
    cursor: pointer; /* Cambia el cursor al pasar el mouse sobre la imagen */
}

.elemento_titulo {
    position: absolute;
}

.floating-sensor {
    position: absolute;
    /*
    width: 50px;
    height: 50px;
    */
    cursor: pointer; /* Cambia el cursor al pasar el mouse sobre la imagen */
}

.floating-image.dragging {
    opacity: 0.7; /* Estilo adicional cuando se está arrastrando */
}

.lineClassE {
    stroke:rgb(255,0,0);
    stroke-width:4
}

.boton {
    background-color: mintcream;
}


/* Basura */
#image2{
    left: 200px;
}

#image3{
    left: 400px;
}