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;
}

body {
  --app-bg: #0a0d12;
  --app-surface: #0f141b;
  --app-surface-2: #121a24;
  --app-border: rgba(255, 255, 255, 0.08);
  --app-text: rgba(255, 255, 255, 0.92);
  --app-muted: rgba(255, 255, 255, 0.65);
  --app-accent: #3b82f6;
  --app-accent-2: #22c55e;
  --app-danger: #ef4444;
  --app-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
  background: radial-gradient(1200px 700px at 10% 0%, rgba(59, 130, 246, 0.14), transparent 60%),
              radial-gradient(900px 600px at 90% 10%, rgba(34, 197, 94, 0.10), transparent 55%),
              var(--app-bg);
  color: var(--app-text);
}

.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;
}

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

body .k-grid,
body .k-grid .k-grid-content,
body .k-grid .k-grid-content-locked {
    background-color: rgba(15, 20, 27, 0.92);
    color: var(--app-text);
    border-color: var(--app-border);
}

body .k-grid td,
body .k-grid th {
    border-color: rgba(255, 255, 255, 0.08);
}

body .k-grid .k-grid-header,
body .k-grid .k-grid-header .k-header,
body .k-grid .k-grid-header-wrap,
body .k-grid .k-grid-header-locked {
    background: rgba(18, 26, 36, 0.92);
    color: var(--app-text);
    border-color: var(--app-border);
}

body .k-grid .k-grid-header .k-link {
    color: var(--app-text);
}

body .k-grid tbody tr {
    background-color: transparent;
}

body .k-grid tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

body .k-grid tbody tr.k-state-selected,
body .k-grid tbody tr.k-selected {
    background-color: rgba(59, 130, 246, 0.22);
    color: var(--app-text);
}

body .k-grid .k-grid-toolbar,
body .k-toolbar {
    background: rgba(18, 26, 36, 0.9);
    border-color: var(--app-border);
    color: var(--app-text);
}

body .k-button {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
    color: var(--app-text);
}

body .k-button:hover,
body .k-button:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--app-text);
}

body .k-button.k-primary,
body .k-button.k-button-solid-primary,
body .k-button.k-button-md.k-button-solid.k-button-solid-primary {
    background: rgba(59, 130, 246, 0.92);
    border-color: rgba(59, 130, 246, 0.55);
    color: #fff;
}

body .k-button.k-primary:hover,
body .k-button.k-button-solid-primary:hover {
    background: rgba(59, 130, 246, 1);
    border-color: rgba(59, 130, 246, 0.7);
}

body .k-textbox,
body .k-input,
body .k-input-inner,
body .k-picker,
body .k-dropdownlist,
body .k-combobox,
body .k-numerictextbox {
    background-color: rgba(18, 26, 36, 0.85);
    color: var(--app-text);
    border-color: rgba(255, 255, 255, 0.12);
}

body .k-textbox:focus,
body .k-input:focus,
body .k-picker:focus,
body .k-dropdownlist:focus,
body .k-combobox:focus,
body .k-numerictextbox:focus {
    border-color: rgba(59, 130, 246, 0.6);
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.18);
}

body .k-pager-wrap,
body .k-grid-pager {
    background: rgba(15, 20, 27, 0.92);
    border-color: var(--app-border);
    color: var(--app-muted);
}

body .k-pager-numbers .k-link,
body .k-pager-nav {
    color: var(--app-muted);
}

body .k-pager-numbers .k-link:hover,
body .k-pager-nav:hover {
    color: var(--app-text);
    background-color: rgba(255, 255, 255, 0.06);
}

body .k-pager-numbers .k-link.k-state-selected,
body .k-pager-numbers .k-link.k-selected {
    color: #fff;
    background-color: rgba(59, 130, 246, 0.7);
}

body .k-window,
body .k-dialog {
    background: rgba(15, 20, 27, 0.98);
    color: var(--app-text);
    border-color: var(--app-border);
    box-shadow: var(--app-shadow);
}

body .k-window-titlebar,
body .k-dialog-titlebar {
    background: rgba(18, 26, 36, 0.95);
    color: var(--app-text);
    border-color: var(--app-border);
}

body .k-window-content,
body .k-dialog-content {
    background: transparent;
    color: var(--app-text);
}

body .k-dialog-buttongroup,
body .k-window-actions {
    border-color: var(--app-border);
}

.k-overlay {
    background: rgba(0, 0, 0, 0.72);
}

body .k-notification,
body .k-notification-wrap {
    background: rgba(18, 26, 36, 0.96);
    color: var(--app-text);
    border-color: var(--app-border);
    box-shadow: var(--app-shadow);
}

body .k-notification-success {
    border-left: 4px solid rgba(34, 197, 94, 0.9);
}

body .k-notification-error {
    border-left: 4px solid rgba(239, 68, 68, 0.9);
}