/* STEPS RESPONSIVE: [1-320] [321-480] [481-600] [601-768] [769-1024] [1025-1200] [1201-***]  */

/* #region TAVOLA COLORI */
/*
    #384184 blu scuro           rgba(0,69,103, 1)          hsl(200, 100%, 20%)     Colore ufficiale SOFTIMAX -> Sfondi blu scuro
    #00aaff azzurro scuro       rgba(0,170,255, 1)         hsl(200, 100%, 45%)     Sfondo azzurro scuro
    #80d4ff azzurro             rgba(128,212,255, 1)       hsl(200, 100%, 75%)     Titolo H3 nell'header
    #b3e5ff azzurro chiaro      rgba(179,229,255, 1)       hsl(200, 100%, 85%)     Link nell'header
    #def4ff azzurro chiarissimo                                                    Per differenziare (nel mobile) contenuti originariamente bianchi
    #666666 grigio scuro                                                           Testi 
    #cccccc grigio-chiaro                                   hsl(0, 0%, 80%)        Sfondo obliquo-chiaro
    #dddddd grigio (bordi)
    #f2f2f2 grigio-chiarissimo                              hsl(0, 0%, 95%)        Sfondo obliquo-chiaro
    #ffffff bianco
*/
/* #endregion TAVOLA COLORI */

/* #region GENERIC ELEMENTS */


:root {
    /* Colori assoluti */
    --Colore-Trasparente: #00000000;
    --Colore-Bianco: #ffffff;
    --Colore-GrigioChiaro: #dedada;
    --Colore-GrigioIntermedio: #898286; /* non proposto da Puggelli, sfondo form contatti troppo scuro */
    --Colore-GrigioMedio: #575255;
    --Colore-GrigioScuro: #2d2d31;
    --Colore-Nero: #000000;
    --Colore-Rosso: #e7302a;
    /* Colori brand */
    --Colore-Facebook: #4267B2;
    --Colore-Whatsapp: #25D366;
    --Colore-Twitter: #1DA1F2;
    --Colore-Telegram: #3390ec;
    --Colore-Linkedin: #0a66c2;
}

body {
    color: #666666;
    font-family: 'Rubik', sans-serif;
/*    background-color: var(--Colore-Nero);*/
    /*background-image: url(/graphics/sfondo.jpg);
    background-attachment: fixed;
    background-size: cover;*/
}

h1, h2, h3 {
    color: var(--Colore-Nero);
    font-weight:bold;
}

b, strong {
    color: var(--Colore-Nero);
}

a {
    color: var(--Colore-Rosso);
}

    a.hover,
    a:hover {
        
        color: var(--Colore-Rosso);
        background-color: transparent;
    }

h1 > a,
h2 > a,
h3 > a,
h4 > a {
    color: var(--Colore-Nero);
}

/* #endregion GENERIC ELEMENTS */


/*logo in mezzo >>*/
.layout_header .logo,
.layout_header .menu0_container .logo,
.layout_header .menu0_container .logo {
    background-color: transparent;
    border: 0;
    /*height: 8em;*/
    width: 11em;
    background-image: url(/graphics/logo.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: 0em;
    vertical-align: top;
}

/*.layout_header.mini .logo,*/
.layout_header #show-menu:checked ~ .logo {
    height: 7em;
    border-width: 0;
}

@media screen and (min-width: 769px) {
    .layout_header > div > .logo {
        display: none !important;
    }

    .layout_header .menu0_container .logo {
        display: inline-block;
        position: relative;
        margin: 0 auto;
        left: 0;
        height: 7em;
        margin-top: -3em;
    }

    /*.layout_header.mini .menu0_container .logo {
        height: 11em;
        width: 7em;
        margin-top: -3em;
    }*/

    .layout_header li a {
        
    }
}

@media screen and (max-width: 768px) {
    .layout_header .menu0_container .logo {
        display: none;
    }

    /*.layout_header.mini .logo,*/
    .layout_header #show-menu:checked ~ .logo {
        height: 11em;
    }
}
/*logo in mezzo <<*/


/* #region LAYOUT: HEADER */

.layout_header li a {
    color: var(--Colore-Nero);
    display: inline-block;
    padding: 0 0.5em;
    line-height: 3em;
    text-decoration: none;
    
    font-size:1.2em;
    background-color: transparent;
}

.layout_header {
    color: #384184;
    border-bottom: 3px solid var(--Colore-Rosso);
    background: var(--Colore-Bianco);
}

    .layout_header:before {
        /* background: linear-gradient(-70deg, #00aaff, #384184 70%);*/
        background: White;
        border-bottom: 3px solid var(--Colore-Rosso);
        
    }

    .layout_header .logo {
        background-image: url('/graphics/logo.png');
        width: 15em;
        bottom: -5em;
        padding-bottom: 1em; /* ROBY */
        background-color: #ffffff; /* ROBY */
    }

    .dettaglio .layout_header .logo,
    /*.layout_header.mini .logo,*/
    .layout_header #show-menu:checked ~ .logo {
        /*bottom: -3em;  ROBY */
        bottom: 0.5em; /* ROBY */
        top: -0.5em; /* ROBY */
        padding: 0; /* ROBY */
        width: 8em;
        height: 7em;
        border-width: 0;
    }

.layout_header .show-menu {
    color: var(--Colore-Nero);
}

    .layout_header .show-menu.hover,
    .layout_header .show-menu:hover {
        color: var(--Colore-Rosso);
    }

.layout_header nav{
    text-align:left;
}

    .layout_header nav li.hover a,
    .layout_header nav li:hover a {
        color: var(--Colore-Rosso);
        background-color: transparent;
    }

.layout_header nav li a {
    /*background-color:#48b8e1;
    border:1px solid #384184;*/
    line-height: 1.8em;
    padding: 0 1.5em;
}

.layout_header nav .flags > div {
    top: 0.75em;
    line-height: 1em;
    font-size: 1em;
}

.layout_header nav .flags.hover div,
.layout_header nav .flags:hover div {
    background: #80d4ff none repeat scroll 0 0;
}


    .layout_header.mini nav {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

html[lang=it] .layout_header nav .flags .flag.it,
html[lang=en] .layout_header nav .flags .flag.en,
html[lang=fr] .layout_header nav .flags .flag.fr,
html[lang=de] .layout_header nav .flags .flag.de {
    height: 1em;
    margin: 1em 0.5em 1em 0.5em;
    margin: 0.5em;
    line-height: 1em;
    font-size: 1.2em; 
}

.blk_id_770_1 {
    background-position: bottom !important;
}

/* #endregion LAYOUT: HEADER */

/* #region LAYOUT: PAGE */


.layout_page.news2 .art_block {
    
}

.layout_page .art_block { 
}

.layout_page .art_block > a {
    color: #000000;
    color: #FFFFFF;
    background-color: #ffffff;
    padding-top: 0;
}

.art_block > a > b {
    width: 100%;
    text-align:left;
    display:block;
    font-size: 1.5em;
    line-height:1em;
}

.layout_page.news2 .art_block > a {
    padding: 0;
}

.layout_page.news2 .art_block > a > b {
    display: block;
    width: auto;
    margin-top: 0.5em;
    text-align: left;
    font-size:1.5em;
    line-height:1em;
}

.layout_page .art_block > a > div {
    color: #312f2b;
}

.layout_page.news2 .art_block > a > img {
    border-radius: 8px;
    margin-right: 1em;
    margin-bottom: 0;
    float: none !important;
    width: 100%;
}

.layout_page .art_block > a > div > p {
    margin-left: 0;
}

.layout_page.pagina_dettaglio img {
    box-shadow: 6px 6px 10px 0px #cccccc;
}

.layout_page.pagina_dettaglio img.sinistra_dopo_il_titolo,
.layout_page.pagina_dettaglio img.destra_dopo_il_titolo {
    border: 1px solid #384184;
}
.layout_page.news2 article + article {
    margin-top: 0em;
    padding-top: 2em;
    border-top: 1px solid lightgray;
}
/*.layout_page.art_blocks_1 > div article.art_block {
    max-width: max-content;
    width: 820px;
    min-width: auto;
}*/
/* #endregion LAYOUT: PAGE */

/* #region LAYOUT: FOOTER */

.layout_footer {
    color: white;
    background-color: var(--Colore-Nero);
    border-top: 3px solid var(--Colore-Rosso);
}

    .layout_footer a {
        color: white;
    }

        .layout_footer a.hover,
        .layout_footer a:hover {
            background-color: transparent;
            color: var(--Colore-Rosso);
        }

    .layout_footer b strong {
        color: #ffffff;
    }

    .layout_footer h3 {
        color: #ffffff;
    }

/* #endregion LAYOUT: FOOTER */

/* #region CLASSES */

/* #region .menu_secondario */

.layout_header nav .menu_secondario {
    color: #384184;
    font-weight: bold;
    visibility: hidden;
}

    .layout_header nav .menu_secondario p {
        border-left: 1px solid #384184;
    }

    .layout_header nav .menu_secondario a {
        color: #384184;
        font-weight: bold;
    }

        .layout_header nav .menu_secondario a.hover,
        .layout_header nav .menu_secondario a:hover {
            color: #384184;
        }

/* #endregion .menu_secondario */

.testo_header p {
    width: 60%;
    color: white !important;
    font-size: 1.6em !important;
    /*text-transform:uppercase;*/
    /*text-shadow: 1px 1px 1px #FFFFFF, 0px 0px 10px #FFFFFF !important;*/
    text-shadow: 0px 0px 0px black;
    line-height: 1.4em;
    margin-top: 1em;
    margin-bottom: 1em;
    /*font-weight:lighter;*/
    text-align: center;
    /*background: rgba(56,65,132,0.8);*/
    padding-top: 1em;
    padding-bottom: 1em;
}

.testo_header strong {
    font-size: 1.6em !important;
    /*text-transform:uppercase;*/
    text-shadow: 1px 1px 1px black;
    line-height: 1.2em;
    margin-top: 2em;
    color: white !important;
}

/* #region .stacktable */

/* --- GENERIC ELEMENT+CLASSES --- */

table.stacktable tr:nth-child(2n+1) {
    background-color: rgba(125,125,125,0.125);
}

table.stacktable thead tr,
table.stacktable thead tr:nth-child(2n+1) {
    background-color: transparent;
}

table.stacktable.small-only .st-head-row {
    border-bottom: 1px solid #384184;
}

/* #endregion .stacktable */

/* #region .bottone */

.bottone {
    border: 2px solid var(--Colore-Rosso);
    background-color: var(--Colore-Rosso);
    color: white !important;
}

    .bottone.hover,
    .bottone:hover {
        background-color: #ffffff;
        color: var(--Colore-Rosso) !important;
        border: 2px solid var(--Colore-Rosso);
    }

/* #endregion // .bottone */

/* #region .tondo + .tondo_footer + .fa-tondo*/

/* icone "font awensome" */

.tondo {
    background: #384184;
}

    .tondo .fa {
        color: #ffffff;
    }

a.tondo_footer {
    background: var(--Colore-Rosso);
}

    a.tondo_footer:hover {
        background: var(--Colore-Nero);
    }

a.tondo-footer .fa {
    color: red !important;
}

.fa-tondo {
    background: #48b8e1;
    color: #ffffff;
}

/* #endregion // .tondo + .tondo_footer */

/* #region .galleria_immagini */

.layout_page > div > .text_block .galleria_immagini {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.galleria_immagini a {
    border: 1px solid #384184;
    box-shadow: 6px 6px 10px 0px #cccccc;
}

/* #endregion galleria_immagini */

/* #region .elenco.argomenti */
.elenco.argomenti.compatto {
    display: block;
    padding: 0.5em 1em;
}

    .elenco.argomenti.compatto li {
        display: block;
        padding: 0.5em;
        color: #000000;
    }

        .elenco.argomenti.compatto li + li {
            border-top: 1px solid #aaaaaa;
        }

.elenco.argomenti.esteso {
    display: block;
    padding: 0.5em 1em;
}

    .elenco.argomenti.esteso > li {
        display: block;
        font-size: 1.3em;
        margin-bottom: .5em;
    }

        .elenco.argomenti.esteso > li ul {
            display: block;
            font-size: 0.8em;
            margin-bottom: 1em;
        }


/* #endregion .elenco.argomenti */
/* #endregion CLASSES */
/* #region SPECIFIC CLASSES */
/* #region .newback (x softimax.it) */
.layout_page.newback > div h1,
.layout_page.newback > div h2,
.layout_page.newback > div h3,
.layout_page.newback > div p,
.layout_page.newback > div > .back_block:first-child + .text_block:last-child,
.layout_page.newback > div > .text_block > .back_block {
    text-shadow: none;
}

.layout_page.newback h1 {
    font-size: 2em;
    font-weight: normal;
}


.layout_page.newback h2 {
    font-size: 1.6em;
    font-weight: normal;
}

.layout_page.newback h3 {
    font-size: 1.1em;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
}


@media screen and (max-width: 1200px) {
    .layout_page.newback h1,
    .layout_page.newback h2 {
        font-size: 1.9em;
    }
}

@media screen and (max-width: 1024px) {
    .layout_page.newback h1 {
        font-size: 1.6em;
    }


    .layout_page.newback h2 {
        font-size: 1.6em;
    }

    .testo_header p {
        font-size: 1.4em !important;
        line-height: 1.4em;
        margin-top: 1em;
        margin-bottom: 1em;
        background: transparent;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .layout_header .logo {
        width: 6em;
        bottom: -2em;
    }
}


@media screen and (max-width: 800px) {
    .layout_header .logo {
        width: 8em;
        bottom: -2em;
    }
}



@media screen and (max-width: 600px) {
    .layout_page.newback h1 {
        font-size: 1.6em;
    }



    .layout_page.newback h2 {
        font-size: 1.6em;
    }

    .testo_header p {
        width: 90%;
        font-size: 1em !important;
        line-height: 1.2em;
        margin-top: 1em;
        margin-bottom: 1em;
        background: transparent;
        padding-top: 1em;
        padding-bottom: 1em;
    }


    .layout_header .logo {
        width: 4em;
        bottom: 0.5em;
    }

    /*.layout_header.mini .logo,*/
    .layout_header #show-menu:checked ~ .logo {
        bottom: -2em;
        width: 8em;
        height:7em;
        border-width: 0;
    }
}

@media screen and (max-width: 480px) {
    .layout_page.newback h1 {
        font-size: 2em;
    }


    .layout_page.newback h2 {
        font-size: 1.6em;
    }
}

.newback:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
}

.newback-skew-up:before {
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

.newback-skew-down:before {
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}

@media screen and (min-width: 2000px) {
    .newback-skew-up:before,
    .newback-skew-down:before {
        -webkit-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 768px) {
    .newback-skew-up:before,
    .newback-skew-down:before {
        -webkit-transform: none;
        transform: none;
    }
}

.newback-origin-topleft:before {
    -webkit-transform-origin: 0;
    transform-origin: 0;
}

.newback-origin-center:before {
    -webkit-transform-origin: center;
    transform-origin: center;
}

.newback-origin-bottomright:before {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

.newback-clip {
    overflow: hidden;
}

.newback-blu:before {
    background: linear-gradient(-90deg, #48b8e1, #384184 90%);
}

.layout_page.newback-blu h1,
.layout_page.newback-blu h2 {
    color: #ffffff;
    text-shadow: none !important;
    color: #ffffff !important;
}

.layout_page.newback-blu h3 {
    color: #80d4ff;
    text-shadow: none !important;
}

.layout_page.newback-blu p {
    color: #ffffff;
    text-shadow: none !important;
}

.layout_page.newback-blu strong {
    color: White;
}

.layout_page.newback-blu a {
    color: white;
    display: inline-block;
}

    .layout_page.newback-blu a.hover,
    .layout_page.newback-blu a:hover {
        color: #384184;
        background-color: #ffffff;
    }



.layout_page.newback-blu .bottone {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff !important;
}

    .layout_page.newback-blu .bottone.hover,
    .layout_page.newback-blu .bottone:hover {
        background-color: #ffffff;
        color: #384184 !important;
    }

.newback-qdco:before {
    background-image: url('http://www.quadernodicampagnaonline.it/graphics/background.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.layout_page.newback-qdco h1,
.layout_page.newback-qdco h2 {
    color: #ffffff;
    text-shadow: none !important;
    color: #ffffff !important;
}

.layout_page.newback-qdco h3 {
    color: #80d4ff;
    text-shadow: none !important;
}

.layout_page.newback-qdco p {
    color: #ffffff;
    text-shadow: none !important;
}

.layout_page.newback-qdco .bottone {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff !important;
}

    .layout_page.newback-qdco .bottone.hover,
    .layout_page.newback-qdco .bottone:hover {
        background-color: #ffffff;
        color: #384184 !important;
    }

/* #endregion sfondo-obliquo */

/* #region .icone (x softimax.it) */

.layout_page.icone p {
    min-height: 8em;
}

.layout_page.icone h3 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold;
}

    .layout_page.icone h3 + p {
        margin-top: 0;
    }

@media screen and (max-width: 768px) {
    .layout_page.colora_testi_768.icone .text_block {
        /*background: linear-gradient(-180deg, #fff, #b3e5ffb0 );*/
        background-color: #384184;
    }
}

/* #endregion .icone */

/* #region .portfolio / .news / .contatti (x softimax.it)*/

.portfolio .layout_header:before,
.news .layout_header:before,
.contatti .layout_header:before {
    opacity: 1;
}

.layout_page.portfolio-title,
.layout_page.news-title {
    z-index: 5;
    top: 6em;
}

    .layout_page.portfolio-title h2,
    .layout_page.news-title {
        text-shadow: none !important;
        color: #ffffff;
    }

.layout_page.portfolio,
.layout_page.news {
    padding-top: 0em;
    padding-bottom: 0em;
}

.layout_page.pagina_dettaglio.portfolio,
.layout_page.pagina_dettaglio.news {
    margin-top: 2em;
}

.layout_page.pagina_dettaglio > div > .text_block > .testo2 {
    /* serve per mandare a capo il 2o testo*/
    clear: both; /* ROBY */
}

.layout_page.portfolio-footer,
.layout_page.news-footer {
    top: -7em;
}

    .layout_page.portfolio-footer .bottone,
    .layout_page.news-footer .bottone {
        border-color: #ffffff;
        background-color: transparent;
        color: #ffffff !important;
    }

        .layout_page.portfolio-footer .bottone.hover,
        .layout_page.portfolio-footer .bottone:hover,
        .layout_page.news-footer .bottone.hover,
        .layout_page.news-footer .bottone:hover {
            background-color: #ffffff;
            color: #384184 !important;
        }

.newback.news:before {
}

.newback.news-footer:before {
    height: 14em;
}

.layout_page.portfolio .art_block > a.img_background {
    border: 1px solid #384184;
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.25);
}

    .layout_page.portfolio .art_block > a.img_background > b {
        display: block;
        position: absolute;
        top: 50%;
        left: 1em;
        right: 1em;
        text-align: center;
        padding: 0.5em;
        font-size: 0.85em;
        font-weight: normal;
        color: #ffffff;
        background-color: #384184;
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.75);
    }

    .layout_page.portfolio .art_block > a.img_background > div {
        padding: 1em;
        background: #dddddd;
        min-height: 5em;
        text-shadow: none;
        color: #384184;
        overflow: hidden;
        background-color: rgba(128,212,255, 0.9);
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

        .layout_page.portfolio .art_block > a.img_background > div p {
            color: #384184;
            text-align: center;
        }

.layout_page.news .art_block > a.img_background {
    overflow: hidden;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    border: 1px solid #48b8e1;
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.25);
}

    .layout_page.news .art_block > a.img_background > b {
        font-weight: normal;
        background-color: #384184;
        padding: 0.5em;
        min-height: 4em;
    }

    .layout_page.news .art_block > a.img_background > div {
        top: 20em;
        left: 1em;
        right: 1em;
        bottom: 0;
        padding: 0;
        max-height: 0;
        position: absolute;
        overflow: hidden;
        transition: all 0.25s 0s ease;
        background: rgba(0, 69, 103, 0.8);
    }

    .layout_page.news .art_block > a.img_background.hover > div,
    .layout_page.news .art_block > a.img_background:hover > div {
        top: 0;
        left: 0;
        right: 0;
        padding: 1em;
        max-height: 20em;
        color: rgba(56,65,132, 1);
    }

    .layout_page.news .art_block > a.img_background > div p {
        text-align: center;
        color: rgba(0,0,0,0);
        transition: all 0.25s 0s ease;
    }

    .layout_page.news .art_block > a.img_background.hover > div p,
    .layout_page.news .art_block > a.img_background:hover > div p {
        color: rgba(255,255,255,1);
        transition: all 1s 0s ease;
    }

.layout_page.pagina_dettaglio.portfolio img.sinistra_dopo_il_titolo + p,
.layout_page.pagina_dettaglio.portfolio img.destra_dopo_il_titolo + p {
    color: #384184;
    display: inline-block;
    max-width: 40% !important;
    margin: 1em 0;
    font-size: 1.1em;
}

.layout_page.pagina_dettaglio.portfolio img.sinistra_dopo_il_titolo ~ h3 {
    clear: both;
}


/* #endregion .portfolio */

.layout_page > div > .back_block:first-child + .text_block:last-child,
.layout_page > div > .text_block > .back_block {
    text-shadow: 0px 0px 0px #fff;
}

.form_contatti .pannello {
    text-shadow: 0px 0px 0px #fff;
}

.nota_informativa p,
.layout_page.nota_informativa > div > .text_block > p {
    font-size: 10px;
    color: #222222;
}

.nota_informativa_contatti a {
    font-size: 12px;
    color: #384184;
    text-decoration: underline;
}


.nota_informativa a {
    font-size: 10px;
    color: #384184;
    text-decoration: underline;
}

    .nota_informativa a.hover,
    .nota_informativa a:hover {
        color: white;
        text-decoration: none;
    }

/* #region .loghi_clienti (x softimax.it) */

.loghi_clienti {
    display: block;
    padding: 0;
    text-align: center !important;
}

    .loghi_clienti LI {
        display: inline-block;
        text-align: center;
        width: 15%;
        min-width: 130px;
        margin-bottom: 0.5em;
    }

    .loghi_clienti EM {
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .loghi_clienti img {
        display: block;
        max-width: 100%;
        height: 75px;
        width: 100%;
        position: relative;
        object-fit: contain; /* evita distorsioni img */
    }

        .loghi_clienti img.hover,
        .loghi_clienti img:hover {
            -moz-animation: logo_cliente_bounce 0.5s infinite linear;
            -o-animation: logo_cliente_bounce 0.5s infinite linear;
            -webkit-animation: logo_cliente_bounce 0.5s infinite linear;
            animation: logo_cliente_bounce 0.5s infinite linear;
        }

@-webkit-keyframes logo_cliente_bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-moz-keyframes logo_cliente_bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-o-keyframes logo_cliente_bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@-ms-keyframes logo_cliente_bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@keyframes logo_cliente_bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

/* #endregion .loghi_clienti */

/* #region .intestazione (x softimax.it)*/

.intestazione > DIV {
    padding-top: 1em;
}

/* #endregion .intestazione */

/* #region .apponline (x softimax.it) */

.apponline .art_block {
    border: 1px solid #384184;
    margin: 1em !important;
    box-shadow: 5px 5px 10px 0 #ccc;
    text-align: center;
}

    .apponline .art_block > a.img_background {
        background-size: contain;
        background-position: center;
        padding-top: 8em;
        position: relative;
        margin-bottom: 6em;
    }

        .apponline .art_block > a.img_background > b {
            position: absolute;
            top: 9em;
            left: 0;
            right: 0;
            background-color: #384184;
        }

    .apponline .art_block > a > div {
        position: absolute;
        top: 11em;
        left: 0;
        right: 0;
    }

        .apponline .art_block > a > div > p {
            text-align: center;
        }

@media screen and (max-width: 768px) {
    .layout_page.apponline.text_blocks_3 > div > .text_block,
    .layout_page.apponline.art_blocks_3 > div > .art_block {
        min-width: 80%;
    }
}

/* #endregion .apponline */

/* #region .credits-list (x softimax.it) */

.credits-list p {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    margin: 10px !important;
    padding: 0;
    padding-top: 170px !important;
    position: relative;
    text-align: center !important;
    font-size: 0.7em;
}

.credits-list img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    max-height: 180px;
}

/* #endregion .credits-list */

/* #endregion SPECIFIC CLASSES */

/* #region RESPONSIVE (all overrides) */

.layout_page.elenco_dettagli.SpallaNews > div {
    padding-right: 0 !important;
    text-align: left;
    pippo:pluto;
}

    .layout_page.elenco_dettagli.SpallaNews > div .art_block {
        max-width: unset !important;
        width: 70% !important;
        display: inline-block;
        margin-left: 0;
        padding-left: 0;
        pippo: pluto;
    }

.layout_page.elenco_dettagli.SpallaNews .art_block > a {
    width: 100% !important;
    display: inline-block;
    max-width: unset !important;
    pippo: pluto;
}

    .layout_page.elenco_dettagli.SpallaNews .art_block > a > img {
        width: 100% !important;
        max-width: unset !important;
        pippo: pluto;
    }

@media screen and (min-width: 1201px) {
}

@media screen and (max-width: 1200px) {
    /*.layout_page.art_blocks_1 > div article.art_block {
        width: 710px;
    }*/
}

@media screen and (max-width: 1024px) {
    /*.layout_page.art_blocks_1 > div article.art_block {
        width: 530px;
    }*/

    .layout_header nav li a {
        /*background-color:#48b8e1;
    border:1px solid #384184;*/
     
        padding: 0 1em;
    }

    table.stacktable.small-only {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 900px) {
    
    
}

@media screen and (max-width: 768px) {
    .layout_header nav {
        background: #ffffff;
    }

    .layout_header #show-menu:checked ~ nav {
        /* background-image: url(/graphics/simbolo_softimax.png);*/
        background-color: White;
        background-size: 150% auto;
    }

    .layout_header nav > ul.menu0_container {
        background: rgba(255,255,255,0.85);
    }

    .layout_header li.hover,
    .layout_header li:hover {
        background-color: transparent;
    }

    .layout_header li a {
        color: var(--Colore-Nero);
    }

    .layout_header nav {
        text-align: right;
    }

    /* LAYOUT PAGE */
    .layout_page.colora_testi_768 .text_block {
        background: #b3e5ff;
        color: #384184;
        box-shadow: 5px 5px 20px 0px #cccccc;
    }

    .layout_page.colora_blocco_768 {
        background: #b3e5ff;
        color: #384184;
    }

    .layout_page.pagina_dettaglio.portfolio img.sinistra_dopo_il_titolo + p,
    .layout_page.pagina_dettaglio.portfolio img.destra_dopo_il_titolo + p {
        max-width: 100% !important;
        text-align: center;
    }

    /*.layout_page.art_blocks_1 > div article.art_block {
        width: 420px;
    }*/
}

@media screen and (max-width: 600px) {
    .layout_header li a {
        color: var(--Colore-Nero);
        font-size: 1.5em;
    }
    /*.layout_page.art_blocks_1 > div article.art_block {
        width: 320px;
    }*/

    .layout_header .logo,
    .layout_header.mini .logo {
        width: 4em;
        height: auto;
    }

    .layout_header.mini nav {
        padding-top: 0em;
        padding-bottom: 0em;
    }
}

@media screen and (max-width: 480px) {
    /*.layout_page.art_blocks_1 > div article.art_block {
        width: 100%;
    }*/
}

@media screen and (max-width: 320px) {
}

/* #endregion RESPONSIVE (all overrides) */

/* #region RENDERIZZAZIONE TABELLE FRONTEND */

.nascondi {
    display: none !important;
}

html .dataTables_wrapper .dataTables_filter {
    float: left;
    margin-bottom: 2em;
}

html .dataTables_wrapper .dataTables_length {
    float: right;
    margin-bottom: 2em;
}


html table.dataTable {
    margin: 1em auto;
}

    html table.dataTable thead {
        color: #000000;
    }

    html table.dataTable > thead > tr > th,
    html table.dataTable > thead > tr > td {
        padding: 1px;
    }


    html table.dataTable > tbody > tr {
        background: #dddddd;
        border-bottom: 1px solid #aaaaaa;
    }

        html table.dataTable > tbody > tr:nth-child(2n+1) {
            background: #eeeeee;
        }

        html table.dataTable > tbody > tr.child {
            background: #ffffff;
        }

            html table.dataTable > tbody > tr.child > td {
                padding-bottom: 2em;
            }


    html table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
    html table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
        color: #ff0000;
    }

    html table.dataTable thead > tr > th.sorting:before,
    html table.dataTable thead > tr > th.sorting_asc:before,
    html table.dataTable thead > tr > th.sorting_desc:before,
    html table.dataTable thead > tr > th.sorting_asc_disabled:before,
    html table.dataTable thead > tr > th.sorting_desc_disabled:before,
    html table.dataTable thead > tr > td.sorting:before,
    html table.dataTable thead > tr > td.sorting_asc:before,
    html table.dataTable thead > tr > td.sorting_desc:before,
    html table.dataTable thead > tr > td.sorting_asc_disabled:before,
    html table.dataTable thead > tr > td.sorting_desc_disabled:before,
    html table.dataTable thead > tr > th.sorting:after,
    html table.dataTable thead > tr > th.sorting_asc:after,
    html table.dataTable thead > tr > th.sorting_desc:after,
    html table.dataTable thead > tr > th.sorting_asc_disabled:after,
    html table.dataTable thead > tr > th.sorting_desc_disabled:after,
    html table.dataTable thead > tr > td.sorting:after,
    html table.dataTable thead > tr > td.sorting_asc:after,
    html table.dataTable thead > tr > td.sorting_desc:after,
    html table.dataTable thead > tr > td.sorting_asc_disabled:after,
    html table.dataTable thead > tr > td.sorting_desc_disabled:after {
        color: #ff0000;
    }

table.dataTable {
    display: table
}

    table.dataTable thead {
        display: table-header-group
    }

    table.dataTable tbody {
        display: table-row-group
    }

    table.dataTable tfoot {
        display: table-footer-group
    }

    table.dataTable tr {
        display: table-row
    }

    table.dataTable td,
    table.dataTable th {
        display: table-cell
    }

        table.dataTable th input {
            width: 100%;
        }
/* #endregion RENDERIZZAZIONE TABELLE FRONTEND */




.dataTables_wrapper, 
.dtfh-floatingparenthead {
    font-size: 0.8em;
}

.dtfh-floatingparenthead {
    margin-top:5em;
}




/* ANTI-RESPONSIVE COME DA RICHIESTA DEL CLIENTE */

/* 1 foto a larghezza naturale >> */

.layout_page > div > .art_block img {
    min-width: unset !important;
    max-width: unset !important;
    max-width: 100% !important;
    width: unset !important;
}

/* 1) << */

/* 2) tabelle-non-responsive >> */

table {
    display: table !important;
}

tbody {
    display: table-row-group !important;
}

tr {
    display: table-row !important;
}

td {
    display: table-cell !important;
    min-width: 4em;
}

/* 2) << */

.intestazione th {
	line-height: 32px;
}
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
	line-height: 17px !important;
	font-size: 17px !important;
}