body,
* {
    /*color: #4d4d4f;*/

    --e-global-color-primary: #2680C2;
    --e-global-color-secondary: #0A558C;
    --e-global-color-text: #334E68;
    --e-global-color-btn-scuro: #DE911D;
    --e-global-color-btn: #F0B429;
    --e-global-color-primary-bg: #f1f8fd;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
    color: var(--e-global-color-text);

    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-family: "IBM Plex Sans", Sans-serif;

}

a,
a.nav-link {
    text-decoration: none;
    color: var(--e-global-color-primary);
}

a:hover,
a.nav-link:hover {
    text-decoration: none;
    color: var(--e-global-color-primary);
}

.clear {
    clear: both;
}

label.error {
    color: red;
    font-size: 80%;
}

.navbar-default {
    background: var(--e-global-color-primary-bg);
    z-index: 1031;
}

.navbar img {
    max-height: 40px;
}

.navbar .nav-item img {
    max-height: 20px;
}

.RedStar {
    font-size: 80%;
}

label {
    font-size: 95%;
}

.navbar-default .navbar-nav>li>a {
    color: var(--e-global-color-primary);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:hover * {
    color: var(--e-global-color-primary);
}

.navbar-default .navbar-brand {
    color: var(--e-global-color-primary);
}

.navbar-default .navbar-toggler-icon {
    color: var(--e-global-color-primary);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: var(--e-global-color-primary);
}

/* li.nav-follow-up a {
    padding: 10px 10px;
} */

h1 {
    background-color: var(--e-global-color-secondary);
    color: #fff;
    padding: 5px 12px;
    font-size: 20px;
    display: block !important;
}

h1 .fa {
    color: #fff;
}


h2,
h2.card-header {
    background-color: var(--e-global-color-primary);
    color: #fff;
    padding: 5px 12px;
    font-size: 18px;
    display: block !important;
}

h3 {
    color: var(--e-global-color-primary);
    background: var(--e-global-color-primary-bg);
    padding: 5px 12px;
    font-size: 16px;
    display: block !important;
}

h4 {
    color: var(--e-global-color-primary);
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px var(--e-global-color-primary-bg) solid;
    display: block !important;
}

.btn {
    padding: 15px 30px;
    margin: 5px 0px;


    color: #bbbbbb;
    border-color: #bbbbbb;
    font-size: 18px;
}

.btn-primary,
.btn-primary * {
    background: var(--e-global-color-btn) !important;
    border: var(--e-global-color-btn) !important;
    color: white;
}

.btn-primary:hover ,
.btn-primary:hover * {
    color: black;
}

.navbar .btn-primary {
    padding: 5px 10px;
    font-size: 12px;
}

.a-fa-btn {
    font-size: 20px;
}

.button_homepage .fa {
    color: var(--e-global-color-primary);
}

.fa-btn {
    font-size: 100px;
    display: block;
}

.navbar-default .fa {
    color: var(--e-global-color-primary);
}

th {
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
}

tr.even {
    background-color: #eeeeee;
}



.calendar_button:nth-of-type(2n) {
    /* margin-left: 1em; */
}

.calendar_button_span {
    margin-left: 1em;
}

.calendar_button {
    font-size: 80%;
}

.navbar {
    margin-bottom: 0px;
}

.navbar .container {
    margin-top: 0px;
    padding-top: 0px;
}

.container.main {
    margin-top: 70px;
}

.container-storico {
    width: 1320px;
}

.box-rounded {
    padding: 55px 45px 65px 45px;
    background-color: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 47px 0px rgba(0, 0, 0, 0.15);
}

.box-rounded h1 {
    margin-top: 0px;
    border-radius: 4px;
}

.box-rounded .content {
    padding: 15px;
}

.navigation-internal {
    margin-top: 50px !important;
    background: white;
    margin-bottom: 20px;
}

.navigation-internal .nav-pills {
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-style: solid;
    border-radius: 0px 0px 10px 10px;
}

.after-fixed {
    margin-top: 100px;
}


.footer {
    margin-bottom: 20px;
    font-size: 80%;
}

.output_value {
    padding-top: 5px;
}

.raccoltadati_FU_Scaduto,
.raccoltadati_FU_Scaduto * {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.raccoltadati_FU_Perso,
.raccoltadati_FU_Perso * {
    background: #6c757d !important;
    color: #ffffff !important;
}

.FU-Scaduto-count .fa {
    color: #dc3545;
}

.FU-Scaduto-count {
    margin-top: 2em;
    color: #dc3545;
    font-size: 18px;
}

a.anchor {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}

.check_container label.error {
    position: absolute;
    bottom: -4px;
    left: 16px;
}

#inputField_thtraccoltadati_Riducibilita-error {
    bottom: -25px;
}

.genHTMLInputMultiselectNoGridBS .checkbox {
    display: inline-block;
    vertical-align: unset;
    margin-right: 20px;
}

.card {
    margin-bottom: 20px;
    border-radius: 4px;
    border-color: #ddd;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.FU-Scaduto,
.FU-Scaduto .card-header {
    background: #dc3545 !important;
}

.FU-Scaduto .card-header,
.FU-Scaduto .card-body * {
    color: #ffffff !important;
}

.FU-Scaduto .card-header {
    border-bottom: transparent;
}

.nav-text {
    padding: .5rem 1rem;
}


@media print {

    @page {
        margin: 0;
    }

    body {
        margin: 1cm;
    }

    .fixed-top {
        position: relative;
        display: none;
    }

    .after-fixed {
        margin-top: 0px;
    }

    .calendar_button_span,
    .btn,
    #btn_versione_stampabile,
    .footer {
        display: none;
    }

    .card,
    .card-body {
        border: 0px transparent solid !important;
        border-bottom: 0px transparent solid !important;
    }

    h2.card-header {
        background-color: transparent;
        color: #000;
    }

    .row {
        break-inside: avoid;
    }

    ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: transparent;
    }

    :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }

    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: transparent;
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: transparent;
    }

}