.table-btn {
    margin-right: 5px
}

div.field-value {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

div.field-value-sm {
    display: block;
    width: 100%;
    padding: 0.25rem 0.5rem;
    font-size: .87rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.2rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.nav-sidebar .nav-item a { font-size: 14px !important }

.deleted { text-decoration: line-through }

.image-to-delete {
    position: relative; /* Crea un contesto per il posizionamento assoluto della X */
    display: inline-block; /* Facoltativo, per adattarsi all'immagine */
}
.image-to-delete::after {
    content: "X";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5rem;  /* Dimensione della X */
    font-weight: bold;
    color: red;        /* Colore della X */
    pointer-events: none; /* La X non interferirà con il click sull'immagine */
}

.btn-stacked-forever { margin-bottom: 5px }

/* Custom Error Page */
.error-page {
    background: #fff;
    padding: 10px 20px;
    width: 95%;
}
.error-page h3 {
    margin-bottom: 20px;
}

/* ANIMATIONS */
.blinking { animation: blinker 1s ease-in-out infinite }

@keyframes blinker {
    50% {
        opacity: 0;
    }
}