/*--- buttons ---*/
.btn,
button {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
/*
    border: 1px solid var(--colore-1);
*/
    border: none;
    background-color: var(--colore-1);
    color: var(--colore-bianco);
    padding: 0 15px;
    border-radius: var(--border-radius-1);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn.btn-style-menu {
    background-color: var(--colore-grigio-1);
    color: var(--colore-2);
}

.btn.btn-small {
    display: inline-block;
    font-weight: 400;
    font-size:12px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-color: var(--colore-1);
    border: none;
    color: var(--colore-bianco);
    padding: 0 15px;
    border-radius: var(--border-radius-1);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn.btn-small.btn-save {
    font-weight: 800; 
    font-size: 16px; 
    line-height: 40px; 
    padding: 0 50px !important;
}

.btn.btn-small.btn-adjacent-input {
    line-height: 44px;
}

.panel-right .footer.richiesta-note .btn.btn-small {
    display: block;
}

.btn.btn-small.btn-secondary,
a.btn-small.btn-secondary {
    background-color: #6e6e6e;
}

.btn.btn-100 {
    width: calc(100% - 10px);
    margin: 0 0 0 10px;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn,
    button {
        transition: none;
    }
}
/*
.btn:hover,
button:hover,
.btn:focus,
button:focus {
    text-decoration: none;
    background-color: var(--colore-2);
    color: var(--colore-bianco);
}
*/
.btn:focus,
button:focus,
.btn.focus,
button.focus {
    outline: 0;
}

.btn.disabled,
button.disabled,
.btn:disabled,
button:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled),
button:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.riepilogo {
    display: block !important;
    padding: 0 15px 0 15px !important;
    height: 72px;
}

.riepilogo.riepilogo-vuoto {
    display: flex !important;
    justify-content: center;
    align-items: center;
}