body {
    background-color: red;
    color: blue;
}

.place-items-center>div {
    place-items: flex-start;
    align-items: center;
}

.place-items-center>div>div {
    width: 120%;
}

.place-items-center>div>div>div>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.place-items-center>div>div>div>div>div.grid.gap-y-2>div {
    width: 53%;
}

.d-none {
    display: none !important;
}

.content-acciones .custom-button-class {
    color: rgba(var(--gray-700),var(--tw-text-opacity));
    --tw-text-opacity: 1;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.red {
    color: red !important;
}


.content-acciones .custom-button-class.green {
    --tw-text-opacity: 1;
    color: rgba(var(--c-600), var(--tw-text-opacity));
}

.btn-modal-delete {
    background-color: red;
}

.content-acciones .custom-button-class:hover {
    background-color: transparent;
}

.content-acciones .custom-button-class:disabled {
    cursor: no-drop;
    opacity: 0.5;
}

.content-acciones .custom-button-class span {
    display: flex;
}

.content-acciones .custom-button-class span svg {
    width: 20px;
    margin-right: 5px;
}

.white-space-normal>span>span {
    width: 60px;
    white-space: normal;
}