body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.container_a {
    display: flex;
    width: 100%;
    height: 100%;
}

body[data-theme=dark] .card, body[data-theme=dark] .form-select, body[data-theme=dark] .form-control, body[data-theme=dark] .nav-tabs .nav-link.active, body[data-theme=dark] .nav-tabs .nav-item.show .nav-link, body[data-theme=dark] .list-group-item, body[data-theme=dark] .modal-content, body[data-theme=dark] .page-link, body[data-theme=dark] .page-item.disabled .page-link, body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable, body[data-theme=dark] .note-editor.note-frame .note-statusbar, body[data-theme=dark] .lobilists .lobilist, body[data-theme=dark] .jsgrid-header-row > .jsgrid-header-cell, body[data-theme=dark] .jsgrid-row > .jsgrid-cell, body[data-theme=dark] .css-bar:after, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .dtp > .dtp-content, body[data-theme=dark] .popover, body[data-theme=dark] .popover-header, body[data-theme=dark] .right-part.mail-list, body[data-theme=dark] .right-part.mail-details, body[data-theme=dark] .right-part.mail-compose, body[data-theme=dark] .left-part, body[data-theme=dark] .card-footer, body[data-theme=dark] .typeahead.form-control, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .accordion-button:not(.collapsed), body[data-theme=dark] .jvectormap-container, body[data-theme=dark] .list-group-item-action:active {
    background-color: #923cff!important;
    color: #ffffff;
}

.column {
    width: 20%;
    background-color: #f0f0f0;
    overflow-y: auto;
    padding: 10px;
}

.left-column {
    border-right: 1px solid #ccc;
}

.right-column {
    border-left: 1px solid #ccc;
}

.grid-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

#gridCanvas {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.draggableImage {
    width: 100px; /* Ajusta según tus necesidades */
    cursor: grab;
}