html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}



/* Contenitore principale della notifica */
/*#notification .k-notification-wrap {
    font-size: 1.4rem !important;
    padding: 25px 35px !important;
    min-width: 400px !important;
    text-align: center !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}*/

/* Sposta la X */
/*#notification .k-notification .k-i-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 20px !important;
    cursor: pointer !important;
}

#notification .k-notification-success {
    background-color: #4caf50 !important;
    color: #fff !important;
}

#notification .k-notification-error {
    background-color: #f44336 !important;
    color: #fff !important;
}

#notification .k-notification-info {
    background-color: #007bff !important;
    color: #fff !important;
}*/

/* Popup conferma */
/*.confirm-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.confirm-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    margin: 15% auto;
    text-align: center;
}

    .confirm-box button {
        margin: 10px;
    }*/



.k-grid td .icon-yes {
    color: green !important;
    font-size: 18px;
}

.k-grid td .icon-no {
    color: red !important;
    font-size: 18px;
}

.icon-edit {
    color: #007bff;
    font-size: 16px;
}


/* Icone dei pulsanti di azione nelle griglie */
.btn-grid-action i {
    color: #007bff; /* Blu */
    font-size: 1.2em; /* Dimensione uniforme */
}

.btn-grid-action:hover i {
    color: #0056b3; /* Blu scuro al passaggio */
}


/* Centra tutte le intestazioni di tutte le griglie Kendo */
.k-grid .k-grid-header th {
    text-align: center !important;
}

    /* Centra anche i link di ordinamento e i titoli */
    .k-grid .k-grid-header th .k-link {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold; /* grassetto */
    }

/* Centra le icone nelle colonne */
.k-grid td .btn-edit-controllo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-utente {
    min-width: 180px;  o auto 
}

/*.menu-utente {
    width: auto !important;
    min-width: fit-content !important;
}
*/