.container-body-input {
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: red;
}

.container-form-svg {
    display: flex;
    flex-direction: row;
}

.container-body {
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    width: 40%;
}

.container-input-event {
    width: 60%;
}

.body-client {
    height: 400px;
    width: 100%;
    fill: #c2cbd3;
}

.part-body {
    cursor: pointer;
    position: relative;
}

    .part-body.select-body {
        fill: #1975C5;
    }

    .part-body:hover {
        fill: #78b1e4;
    }

.tooltip {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 14px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none; /* para que no interfiera con el mouse */
    z-index: 9999; /* asegura que quede sobre el SVG */
}

.lab {
    position: absolute;
}

#reposoSection {
    display: none;
}

    #reposoSection.visible-section {
        display: block;
    }


.tr-input-sucess {
    background-color: #F0F6FB;
}

.input-table {
    width: 100%;
    height: 23px;
    border: 1px solid transparent;
    background-color: transparent;
}

    .input-table:focus {
        outline-color: #dee3e7;
    }

@media (max-width:800px) {
    .form-container-detail {
        width: 98%;
    }

    .body-client {
        margin: 20px;
    }


    .row3, .row2 {
        width: 100%;
    }

    .container-form-svg {
        flex-direction: column-reverse;
    }

    .container-body {
        width: 100%;
    }

    .container-input-event {
        width: 100%;
    }
}