﻿html {
    /*Imposta la dimensione del font per tutto il sito*/
    /*font-size: 0.8rem;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.no-border-radius-dropdown {
    --bs-dropdown-border-radius: 0; /* Rimuove il border-radius */
}

/* Rimuove il colore di sfondo e testo al passaggio del mouse */
/*.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {*/
    /*background-color: transparent !important;
    color: inherit !important;
    text-decoration: none !important;*/
    /*--bs-dropdown-border-radius: 0 !important;*/ /* Rimuove il border-radius */
/*}*/

[v-cloak] {
    display: none
}

#app {
    /*padding: 10px;
    font-size: x-large;
    background-color: lightgreen;*/
}

/* .invalid class prevents CSS from automatically applying */
/*.invalid input: required:invalid {
    background: #BE4C54;
}*/

/* Mark valid inputs during .invalid state */
/*.invalid input: required:valid {
    background: #17D654;
}*/

#models_datatable tbody tr td {
    padding-top: 0.20rem;
    padding-bottom: 0.20rem;
    font-size: 0.600rem;
}

#models_datatable thead th {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.qrcode-bordo {
    border: 3px solid #007bff; /* bordo blu */
    border-radius: 8px; /* angoli arrotondati opzionali */
    padding: 4px; /* spazio interno opzionale */
    background: #fff; /* sfondo opzionale */
}
/* Cambia il colore del bordo al passaggio del mouse */
/* .qrcode-bordo:hover {
    border-color: #0056b3; 
} */

/* Impedisce a Bootstrap di ridimensionare l'immagine */
.img-real-size {
    max-width: none; /* mantiene larghezza reale */
    max-height: none; /* mantiene altezza reale */
}