html,
body {
    height: 100%;
    width: 100%;
}
.custom-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.custom-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 25px;
}

.custom-slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.custom-switch input:checked + .custom-slider {
    background-color: #3b7ddd;
}

.custom-switch input:checked + .custom-slider:before {
    transform: translateX(25px);
}

.disabled { background-color: #e9ecef; /* Color gris claro como los inputs deshabilitados */ opacity: 1; /* Asegura que no se vea transparente */ cursor: not-allowed; /* Cambia el cursor para indicar que no es editable */ }
#pre-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000009c;
}

div.dataTables_processing {
    height: calc(100%) !important;
    top: 6% !important;
    position: absolute;
    display: inline-flex !important;
    margin: unset;
    justify-content: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(210 210 210 / 15%)), color-stop(75%, rgb(255 255 255 / 15%)), color-stop(100%, rgba(255, 255, 255, 0))) !important;
}

.tbl_loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #00000038;
}


/* .blur>* {
    filter: blur(5px);
    -webkit-filter: blur(5px);
} */

.blur .tbl_loader {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}


/* FORM BUILDER */

.form-description {
    font-style: italic;
    color: rgb(82 77 77)
}

input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
}

.card.question-item .item-move {
    /* background-image: url(../img/drag.png);
    background-size: contain; */
    position: absolute;
    left: 3px;
    top: 50%;
    z-index: 2;
    content: "";
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    opacity: .5;
    cursor: move;
}