.posicion {
    top: 20px;
}

#partial-content {
    min-height: 100vh;
}

.bg-fondo {
    background-color: #e7e2e1 !important;
}

.botonEliminar {
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
}

.btn {
    display: inline-block;
    text-align: center;
    border: none; /* Remove default button border */
    background: none; /* Remove default button background */
    padding: 0; /* Remove default button padding */
}

.btn-content {
    display: flex;
    flex-direction: column;
    align-items: start;
}

    .btn-content label {
        display: inline-block;
        margin-top: 5px; /* Adjust as needed for spacing */
    }

.editable:hover {
    border: 5px solid #fff !important;
    padding: 5px;
    cursor: pointer;
}


.bordeado:hover {
    border: 3px dashed #27b485 !important;
    padding: 2px;
    cursor: pointer;
}

.editable_blanco:hover {
    border: 3px dashed #42a4ee !important;
}

.fondoeditable {
    background-color: #e2effc;
    border: 3px solid #42a4ee !important;
}

.editable_blanco:hover {
    border: 3px dashed #42a4ee !important;
    padding: 2px;
    cursor: pointer;
}

.editable_naranja:hover {
    width: 100% !important;
    border: 5px solid orange !important;
    cursor: pointer;
}

.editable_puntos {
    cursor: pointer;
}

    .editable_puntos:hover {
        border: 3px dashed orange !important;
    }

.btn-danger {
    color: #fff;
    background: #e82646 !important;
    border-color: #e62a45;
    max-height: 40px !important;
    max-width: 40px !important;
    font-size: 1rem;
    font-size: 0.8rem !important;
}

.padding-adex {
    padding: 5px !important;
}

.bg-summernote {
    background-color: #dbd9de !important;
    color: #fff;
    padding: 10px;
}

.caja_editable {
    text-align: center;
}

.texto-ocultable {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.col_Adex {
    min-height: 80px !important;
}

table, td, tr {
    text-align: center;
}

.elementoContenedor {
    padding: 0 !important;
}

.filaGrid td {
    padding: 0;
}

.elementoContenedor {
    padding: 0;
}

.celda {
    padding: 0 !important
}


.input-number {
    width: 50px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
}

.input-number,
.input-number-decrement,
.input-number-increment {
    border: 1px solid #ccc;
    height: 30px;
    user-select: none;
}

.input-number-decrement,
.input-number-increment {
    display: inline-block;
    width: 30px;
    line-height: 38px;
    background: #f1f1f1;
    color: #444;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px
}

.input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0
}

.thumbimg {
    width: 188px !important;
    height: 102px !important;
}

.caja-editora {
    background-color: #fff; /* Fondo blanco */
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
    transition: box-shadow 0.3s ease; /* Transición suave al hacer hover */
    border: 1px solid #e0e0e0; /* Borde sutil */
}
/* Flexbox para organizar los inputs en forma de estrella */
.star-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}



.side-by-side {
    margin: 0 10px;
}
/* Opcional: Estilos adicionales para el contenedor de los inputs */
.cuadro {
    width: 50px !important;
    height: 50px !important;
    background-color: #f0f0f0;
}

.circle-input {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden; /* Para asegurar que el contenido se mantenga dentro del círculo */
    border: 5px solid white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

/* Estilo del input tipo color */
#boton_color,
#colorInput,
#colorInput_enlace,
#colorfondo {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 60px;
    height: 50px;
    border: none;
    cursor: pointer;
}

    #boton_color::-webkit-color-swatch,
    #colorInput::-webkit-color-swatch,
    #colorInput_enlace::-webkit-color-swatch,
    #colorfondo::-webkit-color-swatch {
        border-radius: 50%;
        border: 7px solid #e7e7e7;
    }

    #boton_color::-moz-color-swatch,
    #colorInput::-moz-color-swatch,
    #colorInput_enlace::-moz-color-swatch,
    #colorfondo::-moz-color-swatch {
        border-radius: 50%;
        border: 7px solid #e7e7e7;
    }

.header_Adex {
    min-height: 60px !important;
}