/*CSS pagine*/

.sidebar {
    background-color: #b0171c;
}

.top-row {
    background-color: #b0171c; 
    border-bottom: 1px solid #b0171c;
}

.titolo {
    letter-spacing: 2px;
    font-size: 3rem;
    font-weight: bold;
    color: #d61b22;
    border-left: 5px solid #b0171c;
    padding: 16px 32px;
}

.titolo-2 {
    letter-spacing: 2px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #d61b22;
    border-left: 2.5px solid #b0171c;
    padding: 8px 16px;
}

.unselectable-images {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*Login*/
.form-label {
    letter-spacing: 0.5px;
}

.form-control {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.btn-lingua {
    border-radius: 0%;
}
    .btn-lingua-selezionata {
        border: 1px solid #b0171c;
    }

.btn-login {
    color: white;
    letter-spacing: 0.5px;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 0%;
}
    .btn-login:hover {
        color: white;
    }

.img-logo {
    width: 80%;
    height: 80%;
}
@media only screen and (max-width: 991px) {
    .img-logo {
        width: 40%;
        height: 40%;
    }
}

/*Catalogo articoli e carrello*/
.sticky-ricercaArticolo {
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    z-index: 1;
}

.filtroRicerca input[type=text] {
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.filtroRicerca button {
    letter-spacing: 0.5px;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.btn-opzione {
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.btn-opzione:hover {
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.btn-opzione2 {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    color: white !important;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.counter-carrello {
    background: #ff831e;
    color: white;
    border: 1px solid #d86e19;
}

table {
    width: 100%;
}
    table > :not(:last-child) > :last-child > * {
        border-bottom: 1px solid #b0171c;
    }

th {
    letter-spacing: 0.5px;
    font-size: 1.8rem;
    color: #d61b22;
}

.card-catalogo {
    border-radius: 0%;
    height: 440px;
}
    /*.card-catalogo:hover {
        border: 1px solid #b0171c;
    }*/

.card-carrello {
    border-radius: 0%;
}
    /*.card-carrello:hover {
        border: 1px solid #b0171c;
    }*/

.articolo-title {
    letter-spacing: 0.5px;
    font-size: 1.5rem;
    font-weight: bold;
}

.articolo-text {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
}

.articolo-title-sm {
    letter-spacing: 0.5px;
    font-size: 1.5rem;
    font-weight: bold;
}

.articolo-text-sm {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
}

.text-muted {
    letter-spacing: 0.5px;
    font-size: 1rem;
}

.messaggio-text-lg {
    letter-spacing: 0.5px;
    font-size: 1.5rem;
}

.messaggio-text {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
}

.quantita {
    width: 200px;
    z-index: 0;
}
    .quantita input[type=number] {
        width: 50px;
        height: 35px;
        letter-spacing: 0.5px;
        font-weight: bold;
        border: none;
    }
        .quantita input[type=number]:focus {
            outline: none;
        }

.btn-quantita-add {
    height: 35px;
    color: white;
    background-color: #234d96;
    border: 1px solid #0a4eb2;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.btn-quantita-remove {
    height: 35px;
    color: white;
    background-color: #234d96;
    border: 1px solid #0a4eb2;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
}

.btn-carrello {
    height: 35px;
    color: white;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 35px;
}

.btn-rimuovi {
    height: 35px;
    color: white;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 35px;
}

.btn-conferma {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    background-color: #198754;
    border: 1px solid #157347;
    border-radius: 0%;
}

.btn-annulla {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 0%;
}

.btn-indietro {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    background-color: #5c636a;
    border: 1px solid #4f565d;
    border-radius: 0%;
}

.dxbl-checkbox {
    --dxbl-checkbox-radio-check-bg: #e31e25 !important;
    --dxbl-checkbox-radio-checked-hover-bg: #e31e25 !important;
    --dxbl-checkbox-radio-checked-border-color: #e31e25 !important;
}

.dxbl-text {
    letter-spacing: 0.5px !important;
    font-size: 1.2rem !important;
}

.pagina input[type=number] {
    width: 65px;
    height: 35px;
    letter-spacing: 0.5px;
    font-weight: bold;
    border: none;
}
    .pagina input[type=number]:focus {
        outline: none;
    }

.pagina input[type=text] {
    width: 65px;
    height: 35px;
    letter-spacing: 0.5px;
    font-weight: bold;
    border: none;
}

.modal-content {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
    border-radius: 0%;
}

/*Storico ordini*/
.ordine-title {
    letter-spacing: 0.5px;
    font-size: 1.5rem;
    font-weight: bold;
}

.ordine-text {
    letter-spacing: 0.5px;
    font-size: 1.2rem;
}

.btn-ordine {
    height: 35px;
    color: white;
    background-color: #d61b22;
    border: 1px solid #b0171c;
    border-radius: 35px;
}

/*Footer page standard*/
hr {
    border-bottom: 1px solid #b0171c;
    opacity: unset;
}

.azienda-text1 {
    letter-spacing: 0.5px;
    font-size: 1rem;
    color: #b0171c;
}

.azienda-text2 {
    letter-spacing: 0.5px;
    font-size: 0.8rem;
    color: #b0171c;
}

.grid-utente {
    display: grid;
    grid-template-columns: 1fr 120px;
}