body,html
{
    font-family:"Titillium Web", sans-serif!important;
    background-position:top;
    background: white;
}

body
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    scrollbar-width: thin;
    scrollbar-color: #793445 white
}

body::-webkit-scrollbar
{
    width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track
{
    background: white;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb
{
    background-color: #793445;
    border-radius: 20px;
    border: 4px solid white;
    /* creates padding around scroll thumb */
}

body.home
{
    background-color:#a71e3a
}
body.forms
{
    background-image: url("/cavaripsi/static/assets/images/sfondo_form.jpg");
    background-size: cover;
}

.invalid
{
    color: #dc3545;
    font-size: 80%;
}


/****header***/
.it-header-center-wrapper
{
    height:100px;
}
.it-header-center-wrapper,.it-header-navbar-wrapper
{
    background: #a71e3b;
    padding-left:0;
    font-size: 15px;
}
.it-header-navbar-wrapper
{
    padding-bottom:20px;
}
.it-header-slim-wrapper
{
    background:#911630
}
.it-header-slim-wrapper .it-header-slim-wrapper-content a .icon
{
    fill:black;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link
{
    font-weight: 600;
}
.custom-navbar-toggler svg
{
    fill: black;
}
/****header***/

/******TIPOGRAFIA***********/
h1
{
    padding-left: 0px;
    padding-top: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-weight:bold;
}
#interno h1,.forms h1
{
    color: #5f4f4f;
    margin-top: 30px;
    margin-bottom: 15px;
}
#login-logout{list-style:none;}
h1.home
{
    font-size:2.6em;
    color:white;
    padding-left:0
}
.login h1
{
    margin-top:-15px;text-align:center
}

.white
{

    color:white
}
p.white{
    font-size:20px;
}

nav a, nav a:hover {color:white}
p.text-muted {color:black!important}
.text-muted a{color:black !important; }

.btn-primary
{
    background-color: #004080;
    border-color: #004080;
}

.btn-primary:hover,.btn-primary:focus
{
    color: #fff;
    background-color: #a71e3b;
    border-color: white;
    border: none;
    box-shadow:none;
}

.btn-secondary
{
    font-size:12px;
    padding:5px 10px 5px;
    background-color: #004080;
}

a.btn.home-button.btn.btn-primary:hover,
a.home-button:hover,
a.btn.home-button.btn.btn-primary:focus
{
    border:1px solid #004080;
    background-color: #004080;
}

.icon
{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    filter: invert(1);
}

.padding-left-30{padding-left:30px;}

.padding-right-30{padding-right:30px;}


/*****.alert ****/

.alert
{
    padding: unset;
    background-color: transparent!important
}

.alert-error
{
    background-color: #ededef;
    color: black;
    list-style: none;
    padding: 5px;
    font-size: 14px;
    border: none;
}

.alert-error ul
{
    list-style:none;
    padding:5px;
}

.alert-info
{
    background-image: none;
}

/****CARD*****/
.card.card-teaser .icon
{
    fill: white;
    height: 90px;
    position: absolute;
    top: -50px;
    left: 0;
}
.card.card-teaser .icon+.card-body
{
    margin-left: auto;
}
.card.card-teaser .card-body .card-text+.card-text, .card.card-teaser .card-body .card-text>p+.card-text
{
    margin-top: 0;
}

.flag-icon
{
    background: #a71e3b;
}
.card.border-bottom-card::before
{
    background: #991632;
}

.card .card-tag
{
    color: #a71e3b;
    border: 1px solid #a71e3b;
}

.card .head-tags
{
    margin-bottom: 20px;
}

.card-wrapper.card-space
{
    padding-bottom: 70px;
}

/***CALLOUT***/
#colonne,#messaggio{flex:100%}
#note-info{max-width:95ch}
#note-alert {max-width:100ch}

.callout.callout-more:before
{
    border-color: transparent rgb(255 255 255) transparent transparent!important
}

.callout .callout-title .icon
{
    height:30px;
    width:30px;
    -webkit-filter:none;
    -ms-filter:none;
    -moz-filter:none;
    filter:none;
}
.callout.callout-more p
{
    font-size: .822rem;
}
.callout.callout-more:before
{
    border-color: transparent #efefef transparent transparent;
}

/*********HOME LOGIN & form *****/
.home-button
{
    width: 180px;
    background-color: #a71e3b;
    color: white;
    font-weight: bold;
    padding: 15px;
    border:1px solid white;
}

.home-button:hover
{
    border: 1px solid #004080;
    background-color: #004080;
}

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

.btn-info
{
    color:white;
}

.btn-info:hover
{
    color: white;
    background-color: #a71e3b;
    border-color: #a71e3b;
}

.btn-danger
{
    background-color: #004080;
    border: 1px solid #004080;
}

/***TABELLE***/

/****Tabella scrollbar***/
table::-webkit-scrollbar
{
    width: 12px;               /* width of the entire scrollbar */
}

table::-webkit-scrollbar-track
{
    background: white;        /* color of the tracking area */
}

table::-webkit-scrollbar-thumb
{
    background-color: #793445;
    border-radius: 20px;
    border: 6px solid white;
    /* creates padding around scroll thumb */
}

/****Tabella scrollbar***/

.table td, .table th
{
    padding: 0.5rem;
    border-top:none;
    vertical-align: middle !important;
    font-weight:600;
    font-size: 12px;
}

table a
{
    color:black
}

tr td a.button.btn.btn-primary
{
    font-size: 12px;
    padding: 5px 10px 5px;
}

tr td a
{
    font-size: 12px;
    padding: 5px 10px 5px;
}

.table
{
    padding-left: 45px;
    padding-right: 45px;
    background: white;
    padding-bottom: 60px;
    box-shadow: 1px 1px 50px 1px #c7c7c73d;;
    padding-top: 15px;
    margin-right: 45px;
    border-radius:15px;
}

.table td
{
    font-weight: 600;
}

.table-striped tbody tr:nth-of-type(odd)
{
    background-color: rgb(226 223 223);
    padding-left: 30px;
}

tr.pubblicazione_selezionata
{
    background-color: #004080 !important;
    color: white;
}

td.pubblicazione_selezionata_plurima
{
    background-color: #ffa500 !important;
    color: white;
}

tbody tr.pubblicazione_selezionata
{
    background-color: #004080;
    color: white;
}

/***TABELLE***/
.list-group-item
{
    background-color: transparent;
}
.container-fluid
{
    margin-top: 0;
}


/****PAGER***/
.page-item.active .page-link
{
    color: #fff;
    background-color: #a71e3b;
    border-color: #a61e3b;
}


/***********FORMS*************/
form.filtra_tabella
{
    background:transparent!important;
    padding-left:0;
    padding-top:15px;
    padding-bottom:15px;
    padding-top:0;
    padding-right: 0;
    float: right;
}

form.filtra_tabella button
{
    max-width:25px;
    margin-left:5px;
    cursor: pointer;
    padding: 1px;
    background-color: #a71e3b;
    border: 1px solid white;
}
form.filtra_tabella input
{
    border:none;
    padding:1px
}
.form-inline label {display:none;}
form #home
{
    min-height: 430px;
}
form
{
    background-color: white;
    padding: 60px;
    border-radius: 5px;
    margin-bottom:60px;
    box-shadow: 1px 1px 50px #e4e4e4;
}
#form-upload
{
    padding-left: 30px;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom:35px;
}
#form-upload button, #form-upload input
{
    width: inherit;
    margin-top: 0;
    border-radius: 5px;
    padding: 10px;
    border: none;
}

button, input
{
    width: 100%;
    margin-top: 0;
    border-radius: 10px;
    padding: 10px;
    background: white;
    border: none;
}

input:focus
{
    background-color:#ededef
}

input[type=text] {padding-left:0}

form.login label
{
    margin-top: 20px;
    margin-bottom:5px;
}
input[type=checkbox], input[type=radio]
{
    width: auto;
}

[type=submit]
{
    background-color: #a71e3b;
    color: white;
    border-radius: 15px;
    margin-top: 40px;
    padding: 10px;
}
label
{
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
form a
{
    color:black;
}

/****FOOTER***/
.footer
{
    margin: auto 0 0;
    font-size:14px;
}
#interno .footer,.forms footer
{
    background: #991632;
    padding: 2.5px;
    padding-bottom:10px;
}

#interno .footer br,.forms .footer br{display:none}
#interno .footer a,#interno .footer p, .forms footer a, .forms footer p
{
    color:white!important
}
#interno .footer_container, .forms .footer_container
{
    color:black;
    min-width:100%;
    padding-left:45px;
    padding-right:45px
}
/****FOOTER***/
/*******PRIVACY****/
.container .privacy {background-color:white}

/******************MEDIA QUERIES************************/

@media all and (max-width:480px)
{
    body,html{overflow-x:hidden!important;}
    body.forms{background-image:none}
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h2
    {font-size:1.4em}
    .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone .it-access-top-wrapper > a, .it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone button, .it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone .it-access-top-wrapper > a, .it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone button
    {margin-top:10px;margin-right:60px}
    .login h1{margin-top:-90px;}
    form{box-shadow:none}
}

@media all and (max-width:767px)
{
    body.home
    {
        background-image: none;
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: bottom;
    }
    .it-header-navbar-wrapper
    {
        width:0px;
        position: absolute;
        left: -30px;
    }
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav
    {
        fill:black;
        width:30px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text
    ,.it-header-wrapper .it-nav-wrapper .it-brand-wrapper{padding-left: 30px;}
    .navbar .navbar-collapsable .navbar-nav li a.nav-link
    {
        color: #000;
    }

    .home .container{padding-left:30px;padding-right:30px}
    .my_logo {display:none}
    p.home_heading
    {
        font-size: 12px;
        margin-left: 100px;
        margin-top: 15px;
    }
    div.container-fluid.padding-left-60.padding-right-60 {padding:0}
    .padding-left-60{padding-left:45px;}
    .padding-right-60{padding-right:45px;}
    h1.home
    {
        font-size: 2em;
        color: white;
        padding-left: 0;
        margin-top:10%
    }
    p.home {font-size: 1rem!important}
    .login{margin-bottom:30px;}
    footer{background-color:white;}
    #interno .footer_container
    {
        background-color: transparent;
    }
}
@media all and (max-height:500px)
{
    h1.home {margin-top:5%}
    body.home
    {
        background-image: none!important;
    }
    .footer
    {
        height:auto;
        padding-top:15px;
        background: white;
    }
}

@media all and (min-width:768px) and (max-width:991px)
{
    .my_logo {display:none}
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text
    {padding-left: 45px;}

    p.home_heading
    {
        font-size: 15px;
        margin-left: 100px;
        margin-top: 15px;
    }
    body.home
    {
        background-image: url("/cavaripsi/static/assets/images/triangolo3.png") !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-position-x:right;
        height:100px;
    }

    h1.home
    {
        font-size: 1.8rem;
        color: white;
        padding-left: 0;
    }
    p.home {font-size: 1rem!important}
    .padding-left-60{padding-left:60px;}
    .padding-right-60{padding-right:60px;}
    .navbar{padding:0}
    .collapse
    {
        background: white;
    }
    a.nav-link{color:black}
    ul.navbar-nav {padding-left:10px;background:white ;padding-bottom:10px}
    ul.navbar-nav a.nav-link{color:black!important}
    .mt-2{margin-top:0!important}
}

@media (width: 800px) and (width:1024px)
{
    body.home
    {
        background-image: url("/cavaripsi/static/assets/images/triangolo.png") !important;
        background-size: cover;
        background-repeat: no-repeat;
        backdground-position-y: 200px!important;
        backgrounds-position-x: -700px!important;
        height:100px;
    }
}

@media all and (width:800px) and (width:1280px)
{
    body.home
    {
        background-image: url("/cavaripsi/static/assets/images/triangolo3.png") !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: 200px!important;
        background-position-x: -700px!important;
        height:100px;
    }
    h1.home{font-size:4rem;margin-top:60px;}
}

@media all and (min-width:992px) and (max-width:1299px)
{
    .padding-left-60{padding-left:45px;}
    .padding-right-60{padding-right:45px;}
    h1.home
    {
        font-size: 2.2rem;
        color: white;
        padding-left: 0;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h2
    {
        font-size:inherit;
        margin-bottom: 0;
        font-weight: 600;
        font-size:small;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h3
    {
        font-size:small;
    }

    .navbar .navbar-collapsable .navbar-nav li a.nav-link {font-size:small}
    .my_logo {float:left;margin-right:30px;Margin-left:20px;width:60px}
    #mano{width:40%;margin-left:15% }

    body.home
    {
        background-image: url("/cavaripsi/static/assets/images/triangolo3.png") !important;
        background-size: cover;
        height:100px;
    }

    #mano{position:fixed;top:80px;right:60px;}

    table{zoom:0.8}
}

@media all and (min-width:1300px)
{
    body{height:100px;}
    body.home
    {
        background-image:none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: inherit;
    }

    h1.home {margin-top:6%}
    .it-header-center-wrapper, .it-header-navbar-wrapper
    {
        height: 60px;
        padding-bottom:0;
        padding-top: 8px;
    }
    .my_logo
    {
        float:left; height: 40px;
        width: 40px;
        margin-left: 25px;margin-right:15px;
    }
    p.home_heading{margin-top:15px}
    .padding-left-60{padding-left:45px;}
    .padding-right-60{padding-right:45px;}
    #mano{position:fixed;top:80px;right:90px;width:40%}
    p.home.white{font-size:23px;padding-right:90px;}
    p.home_heading{margin-top:15px}
    #container-fluid-alt
    {
        margin-top:2%;
    }
    .container.login
    {
        margin-top:30px
    }

    footer{background-color:white}
}

@media all and (min-width:1400px)
{
    body.home
    {
        background-image: url("/cavaripsi/static/assets/images/triangolo.png") !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: 0px;
        background-position:0px;
    }
    h1.home {margin-top:revert}
    p.white{padding-right:90px}
    footer{background-color:transparent}
}

@media (min-width:1600px)
{
    body.home
    {
        background-position-x:0;
    }
    #mano{position:fixed;top:80px;right:auto;}
    #container-fluid-alt
    {
        margin-top:2%;
    }
    .container.login
    {
        margin-top:100px
    }
    .login-out
    {
        margin-left:60px
    }
}

@media (min-width:1680px)
{
    body.home
    {
        background-image: url("/cavaripsi/static/assets/images/triangolo.png") !important;
        background-position-y:-60px;
        background-position-x:0;
    }
    body.home footer{background-color:white}
}