/********************/
/* COLORI           */
/********************/
:root {
    --primary-color: #df2522;
    --secondary-color: #6c757d;
}

/********************/
/* HTML BODY        */
/********************/

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Saira", sans-serif;
}


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

.bg-primary {
    background-color: var(--primary-color) !important;
    color:#FFFFFF;
}



.navbar {
    border-top: 3px solid var(--secondary-color);
    margin-bottom:10px;
}

.navbar-brand
{
    padding-top:8px;
    font-size:18px;
}

.navbar-nav .nav-link {
    position: relative;
    padding-top: 10px; /* spazio per la barra */
    transition: color 0.3s ease;
    font-size: 14px;
}

    /* Barra colorata sopra ogni nav-link */
    .navbar-nav .nav-link::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: var(--primary-color); /* colore pastello */
        transition: width 0.3s ease;
    }

    /* Espansione al passaggio del mouse */
    .navbar-nav .nav-link:hover::before {
        width: 100%;
    }

.nav-item
{
    margin-right:10px;
}






.dash-head
{
    margin-top:10px;
    border:1px solid #000000;
    text-align:center;
    padding:5px;
    background-color:var(--primary-color);
    color:#FFFFFF;
    font-weight:bold;
}

.dash-main {
    border: 1px solid #000000;
    padding: 5px;
}

#tabellaDati {
    font-size: 13px;
}

.input-tbl {
    font-size: 13px;
    padding:2px 5px;
}

.input-tbl-cart {
    font-size: 20px;
    color: darkgreen;
    cursor: pointer;
}

.input-tbl-prev {
    font-size: 20px;
    color: darkred;
    cursor: pointer;
}


table.dataTable tbody td {
    padding: 4px 10px !important;
}

.dataTable-icon {
    width: 15px;
    border-width: 0px;
    cursor: help;
}

.dataTable-iconlink {
    width: 15px;
    border-width: 0px;
    cursor: pointer;
}

.dataTable-icondisabled {
    width: 15px;
    border-width: 0px;
    cursor: not-allowed;
}

.form-error {
    background-color: darkred;
    color: white;
}

.input-tbl-info {
    font-size: 20px;
    color: darkgray;
    cursor: pointer;
}



#articolo_dett {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, 0.8 );
}

    #articolo_dett .box-art {
        display: block;
        background-color: white;
        width: 800px;
        padding: 10px;
        border: 1px solid #000;
        font-family: 'Noto Sans', sans-serif;
        left: 50%;
        margin-left: -400px;
        top: 50%;
        margin-top: -300px;
        height: 600px;
        position: fixed;
    }

    #articolo_dett .title {
        background-color: #47689d;
        padding: 3px;
        color: #FFF;
        font-weight: bold;
    }

    #articolo_dett .articolo_dett_close {
        display: block;
        cursor: pointer;
        background-color: #333;
        color: #FFF;
        width: 100px;
        text-align: center;
    }


.page-link {
    font-size: 20px;
    color: black;
    margin: 5px;
    cursor: pointer;
}