/*Font-family*/
body {
    margin: 0;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}
/*Se uso titillium non ho bold 500*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
}

/*creo un bottone xs*/
.btn-group-xs > .btn, .btn-xs {
    padding: .16rem .5rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .2rem;
}


/*colori link e primary: #005c98   hover dei link: #007cba */
/*dropdown  color #212529;   hover: #f8f9fa */
/*table primary color #c7dbff    hover: #aecbff */
/*btn primary  riga 89 */
/*btn soft del primary riga 126*/
/*page link hover #002e84*/
/*badge-soft riga 271 */
/*alert primary riga 287 */
a {
    color: black;
    text-decoration: none;
    background-color: transparent
}


    a:hover {
        color: #007cba;
        text-decoration: underline
    }


.dropdown-menu-clean:not(.prefix-link-icon) a:not(.btn):hover {
    color: #007cba;
}
/*nav.navbar-light a.nav-link:not(.active):not(:hover) {
    color: #005c98;
}*/
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #007cba;
}


caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}



.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}



.table-primary, .table-primary > td, .table-primary > th {
    background-color: #c7dbff
}

    .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
        border-color: #97bbff
    }

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #aecbff
}

.btn-primary {
    color: #fff;
    background-color: #005c98;
    border-color: #005c98
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0941B0;
        border-color: #0941B0
    }

    .btn-primary:not(.btn-noshadow):hover, .btn-primary:not(.btn-noshadow):not(.btn-soft):active, .btn-primary:not(.btn-noshadow):not(.btn-soft):focus {
        box-shadow: 0 4px 11px #0941B0;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #005c98;
        border-color: #005c98
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #FFCC77;
        border-color: #FFCC77
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #0941B0
        }

.btn-soft-static.btn-primary:not([aria-expanded=true]):not(.active), .btn-soft.btn-primary:not(:hover):not([aria-expanded=true]):not(.active) {
    color: #0052ea;
    border-color: #eaf1ff;
    background-color: #eaf1ff;
}

/*.btn-primary:not(.btn-noshadow):hover, .btn-primary:not(.btn-noshadow):not(.btn-soft):active, .btn-primary:not(.btn-noshadow):not(.btn-soft):focus {
    box-shadow: 0 4px 11px #FFCC77;
}*/

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
        }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1.0625rem;
    color: #212529;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .3rem
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 25px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #005c98;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent
    }


.dropdown-item-text {
    display: block;
    padding: 8px 25px;
    color: #212529
}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #5b94ff;
    background-color: #f4f8ff
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #002e84;
        text-decoration: none;
        background-color: #fbfcfc;
        border-color: #d0e0ff
    }


.page-item.active .page-link {
    z-index: 1;
    color: #005c98;
    background-color: #eaf1ff;
    border-color: #dae7ff
}



.badge-primary {
    color: #fff;
    background-color: #005c98
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #111;
    background-color: #FFCC77
}

.badge-soft.badge-primary {
    color: #005c98;
    background-color: #daae9c;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}



.alert-primary {
    color: #1d4185;
    background-color: #d7e5ff;
    border-color: #c7dbff
}

    .alert-primary hr {
        border-top-color: #aecbff
    }

    .alert-primary .alert-link {
        color: #142d5b
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.progress {
    height: 1rem;
    overflow: hidden;
    font-size: .79688rem;
    background-color: #e9ecef;
    border-radius: .25rem
}


.progress-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #005c98;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}


.list-group-item-primary {
    color: #1d4185;
    background-color: #c7dbff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #1d4185;
        background-color: #aecbff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #1d4185;
        border-color: #1d4185
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }


.bg-primary {
    background-color: #313638 !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #045cff !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.border-primary {
    border-color: #005c98 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.text-primary {
    color: #005c98 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #007cba !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54 !important
}



/*aggiungo questa classe per gestire la lista con l'elenco delle forme*/
.columnize-4 {
    margin: 0 0 1.313em;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px solid rgba(0,0,0,0.05);
    -moz-column-rule: 1px solid rgba(0,0,0,0.05);
    column-rule: 1px solid rgba(0,0,0,0.05);
}

@media only screen and (max-width: 767px) {
    .columnize-4,
    .columnize-5,
    .columnize-6 {
        margin: 0 0 1.313em;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
        -webkit-column-rule: 1px solid rgba(0,0,0,0.05);
        -moz-column-rule: 1px solid rgba(0,0,0,0.05);
        column-rule: 1px solid rgba(0,0,0,0.05);
    }
}

@media only screen and (max-width: 480px) {
    .columnize-2,
    .columnize-3,
    .columnize-4,
    .columnize-5,
    .columnize-6 {
        font-size: 13px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

em.evidenzia {
    font-weight: bold;
    font-size: 18px;
    color: #1E88E5 !important;
}

.badge-soft.badge-primary {
    color: white !important;
    background-color: #005c98 !important;
}