/***** appconcorsiflexbox3.blade.php *****/
/* RESET */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;     /* TAG-MARGINAZIONE togliendolo non mi aiuta era 0 e sfasava la paginazione, lo sto provando senza *!*/
}
/* COLORS and FONTS */
body {
    /*color: white;*/
    text-align: left;
    /*font-size: 24px;*/
    /*line-height: 3;*/

    background-repeat: repeat-x;
    background-image: url(//html.concorsi.it/html/images/sfuma.jpg);
    background-color: #09c;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

header {
    /*background: orangered;*/ /* Totest */
    background: #2a88bd;

    /* Crea il bordo bianco esterno con gli spigoli arrotondati sopra */
    border: 5px solid white;
    border-radius: 5px 5px 0px 0px; /*TL TR BR BL*/

    /* position: relative; */ /* //rimosso */


    /* box-shadow: 0 0 0 10px hsl(0deg 0% 80%), 0 0 0 15px hsl(0deg 0% 90%); */
    /* box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; */

    /* Con background e box shadow ricreiamo l'effetto del vecchio header ossia il blu dentro leggermente rimarcato ai bordi
    vedi https://html.concorsi.it/html/images/header_large.gif
    manca sicuramente il bordo interno al bleu ma per il momento trascuro*/
    /*---->background: #3466ab;*/
    box-shadow: inset 0px 0px 5px 5px rgb(37 95 174 / 75%);

    /* Cosi tutte le scritte nell header saranno bianche (VISTO LO SFONDO BLEU) */
    color: #f2f2f2; /* Colore vecchia versione, https://encycolorpedia.com/f2f2f2 */
    }
    main {
        /*background: darkslateblue;*/
    /*background: white;*/
}
footer {
    /*background: deeppink;*/
}
.left-sidebar {
    /*background: dodgerblue;*/

    background: white;

    width: 100%; /* era 190 px ma con 100% si adatta alla larghezza in caso di mobile */
}
.right-sidebar {
    /*background: forestgreen;*/
    background: white;

}
.container,
.content {
    display: flex;
    flex-direction: column;
}
.container {
    width: 100%;          /*GDB//cosi non occupa tutta la pagina*!*/
    margin:0 auto;          /*GDB//al centro della pagina orizzontalmente*/
}
.content {
    padding: 12px;
    background-color: white;
}
/* We rely on source order for mobile-first approach */

@media all and (min-width: 600px) { /* era 768px */
    .content {
        flex-direction: row;
        flex-wrap: wrap;
    }
    main {
        flex: 2;
        order: 2;
        min-height: 80vh;

        /*                background-color: red;*/
    }
    .left-sidebar {
        order: 1;
        /*flex: 1;*/
        flex: 0 0 190px;
    }
    .right-sidebar {
        order: 3;
        /*flex: 1;*/
        flex: 0 0 220px;
    }
    .container {
        /*width: 100%; */       /*GDB//era 1024 che cosi non occupa tutta la pagina*/
        width: 1024px;          /*GDB//era 1024 che cosi non occupa tutta la pagina*/
        margin:0 auto;          /*GDB//al centro della pagina orizzontalmente*/
    }
}

h1,h3 {
    /*font-size: 16px;*/
    color: #0040c4;
    text-align: left;

    display: block;
    font-size: 1.17rem;
    margin-block-start: 0.67rem;
    margin-block-end: 0.67rem;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: bold;
}
h2 { /* Old style */
    padding-right: 5px;
    font-weight: 400;
    background: #c6e1f5;
    margin-top: 5px;
    padding-bottom: 0;
    color:  #191970;/* 28.11.22 #2c69ca; con background c6e1f5 fallisce su wea */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbb;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bbb;
    padding-left: 5px;
    /*font-size: 14px;*/
    font-size: 1.10rem;
}
h3 {font-size: 1.05rem;}
a {color: inherit;
    text-decoration: none;
    /*line-height: 2em;*/
}  /* Tutti i link non sono sottolineati, se cambiamo qui dobbiamo aggiustare tutto */
a:visited {color: #0040c4;}
a:hover {color: red;}  /* Su hover se uso inherit crea casini */
/* a:visited {color:inherit;} */ /* https://stackoverflow.com/questions/1929618/set-visited-link-color-to-whatever-the-color-of-un-visited-link-is-p-s-not-the */
ul li {list-style-position: inside}

.note {
    font-style: italic;
    font-size: 14px;/*large*/ /* era 12px fino al 8.2.23 */
    text-align: left;
    background: #f1f1f1;
    padding: 5px;
    border: 1px solid #ccc;
}
#regione {
    font-size: 1rem; /*12px*/;

    margin: 0;
    padding: 0;
    list-style: none;


}
#regione ul {   /* Non mi piace andrebbe eliminato */
    list-style: none;
}
div.zona {
    margin-top: 2px;
    margin-bottom: 2px;

    padding-top: 4px;

    box-sizing: border-box;

}
.zona ul {
    list-style: none;
}
.dark {
    color: #333;
    /*font-size: small; !*xx-small;*!*/

    margin-top: 30px;
}


td.contenuto_colonna  {
    background-color: #ECF2F9;
    padding:2px;
}
td.header_colonna {background-color:#F1F1F1;
    padding:2px;}



/***** CSS provatop.b.php *****/
.flex-container { /* Flex container esterno */
    display: flex;
    background-color: #2a88bd;
    width:100%;

    align-items: flex-start;
}
.box-2-container { /* Flex container di destra con due elementi in colonna */
    display: flex;
    /*background-color: red;*/
    width: 100%;
    flex-direction: column;

    /*margin-left: 24px;*/
}
.box-2a {
    top:0;   /* background-color: lightblue; */
}
.box-2b {
    /*background-color: rosybrown;*/
}
.box-3 { /* Flex container di destra con due elementi in colonna */
    background-color: #0affbe;
    width: 100%;
}

.header__menu{float:right; margin:0; padding:0;}
.header__menu__item{display: inline-block}
.header__menu__item a{color:#fff; /*display:block;*/ padding-top:6px; text-decoration:none;}
.header__menu__item a:hover{background:#000; }
.header__icon-bar{float:right; padding:10px; display:none}
.header__icon-bar span {display: block; height: 3px; width: 30px;background: #fff; margin-bottom: 5px}

.header__menu a{color:#fff;
    /*display:block;*/
    padding-top:6px;text-decoration: none;
    line-height: 1.4;
}
.header__menu a:active {
    background-color: yellow;
}
.data {
    /*font-size: xx-small;*/
    font-size: 14px; /* era 12px fino al 8.2.23 */
    color: #fff;
    padding-top: 0;
    margin-top: 2px;
    padding-left: 14px;
}
.header__form__input {
    width: 65%;
    background-color: white;
    height: 48px;
    padding: 2px;
}
button.button-10 {
    padding: 10px;
}

/*------------------------------
 * Smartphone
 *------------------------------*/
@media (max-width: 767px) {
    .header__icon-bar{display: block;}
    .header__menu__item{display:block;width:100%}

    /*.header{position:fixed; z-index: 100;width:100%}*/

    .header__menu{width:100%;height:0px; overflow: hidden;}
    .is-open{
        /*height:300px;*/
        overflow: auto; /* Riempie il div e mostra uno scorrimento se specificato height https://www.w3schools.com/howto/howto_css_clearfix.asp */
        height:auto;  /* Se non vogliamo lo scorrimento sostituiamo height e togliamo overflow forse questo lo possiamo tenere */
    }
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/***** provatop.blade.php parte 3 *****/
div#menu_toolbar {
    /* float: left;
     width: 650px;*/
    font-size: 14px;
    line-height: normal;
    /*clear: left;*/

    display: inline;
}
#menu_toolbar ul {
    float: left;
    list-style: none;
    padding-top: 3px;
    padding-right: 1px;
    margin-top: 2px;
    margin-left: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
}
#menu_toolbar li {
    display: inline;
    margin: 0;
    padding: 0;
}
#menu_toolbar a {
    float: left;
    text-decoration: none;
    background-image: url(//html.concorsi.it/html/images/tableftJ.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 0;
    padding-right: 0;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3466ab;
}
#menu_toolbar a span {
    display: block;
    background: url(//html.concorsi.it/html/images/tabrightJ.gif) no-repeat right top;
    color: #24618e;
    padding-top: 6px;
    padding-right: 6px; /* 15px; */
    padding-left: 2px; /* 6px; */
    float: none;
}
#menu_toolbar a:hover span {
    color: #24618e;
    background-position: 100% -42px;
}
#menu_toolbar a:hover { background-position: 0 -42px}
#menu_toolbar #current a {
    background-position: 0 -42px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}
#menu_toolbar #current a span {
    background-position: 100% -42px;
    color: #24618e;
}
#area_login2{
    /* float:left;
     width: 100%;
     text-align: center;
     margin:auto;
     padding:10px;*/

    /*display:inline; !* two divs on the same line *!*/
    line-height: normal; /* lho messa in quanto c'era anche su menu_toolbar dove sembra necessaria */
}
#area_login2 a{
    color : #FFFFFF;
    text-decoration : none;
    float:left;
    background-image: none;
    padding-top: 10px;
    padding-bottom:1px;
    font-size:14px; /* ex 10px */
    margin-right:5px;
    border:none;
}
#area_login2 a:hover{
    color : #000000;
   /* text-decoration : none;
    float:left;
    background-image: none;
    padding-bottom:1px;
    font-size:10px;
    margin-right:5px;
    border:none;*/
}

.datagrid2002 {

}
.datagrid2022 th, td { padding: 0px; }


/***** navigationleft.blade.php *****/
body {
    margin: 0;
    /*font-family: "Lato", sans-serif;*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    /*            position: fixed;
                height: 100%;
                overflow: auto;*/
}

.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}

.sidebar a.active {
    background-color: #04AA6D;
    color: white;
}

.sidebar a:hover:not(.active) {
    background-color: #555;
    color: white;
}


/*
        @media screen and (max-width: 700px) {
            .sidebar {
                width: 100%;
                height: auto;
                position: relative;
            }
            .sidebar a {float: left;}
            div.content {margin-left: 0;}
        }

        @media screen and (max-width: 400px) {
            .sidebar a {
                text-align: center;
                float: none;
            }
        }

 */

#menu2,
#menu3 {
    width: 180px;
    border-style: solid;
    border-color: #bcd2e6;
    border-width: 1px;
    font-size: 14px; /* era 12px fino al 8.2.23 */
    margin: 5px;
    margin-top: 0;
    text-align:left;
}

#menu2 ul,
#menu3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu2 ul ul a,
#menu3 ul ul a {margin-left: 0; text-indent: 0;}
#menu2 h1,
#menu2 li a,
#menu3 li a,
#menu3 h1 {
    voice-family: inherit;
    height: 2rem;
    text-decoration: none;
    font-weight: 700;
    padding-left: 0;
}

#menu2 ul ul li a,
#menu3 ul ul li a {
    font-size: 14px; /* era 12px fino al 8.2.23 */
    color: #069;
    text-decoration: none;
    font-weight: 400;
    text-indent: 5px;
}
#menu2 li a:link,
#menu2 li a:visited,
#menu3 li a:link,
#menu3 li a:visited {
    color: #069;
    display: block;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 3px;
}

#menu2 strong,
#menu3 strong {
    display: block;
    color: red;
    height:17px;
    text-indent: 5px;
    padding-left: 0;
    margin-left: -3px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
}
#menu2 li a:hover,
#menu3 li a:hover {
    color: red;
    /*background: url(/html/images/menu.gif) 0 -17px;*/
    padding: 0 0 0 3px;
}

.leftnav {
    overflow: hidden;
    /*      background-color: #333;*/
    width: 182px;
    border-style: solid;
    border-color: #bcd2e6;
    border-width: 1px;
    margin: 5px;
    /*margin-top: 0;*/
    text-align:left;
    font-size: 14px;
}
.leftnav ul {
    list-style:none;
}
.leftnav li{
    display: block;
    /*background-color: green;*/
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 3px;
}
.leftnav a,
.leftnav a:visited  {
    /*        background-color: red;*/
    /*        float: left;*/ /* Questo si usa nel menu top */
    /*display: block;*/
    /*        color: #f2f2f2;*/
    /*text-align: center;*/
    /*text-align: center;*/
    /*padding: 14px 16px;*/
    color: #069;
    padding: 2px 2px;
    text-decoration: none;
}

.leftnav a:not(:first-child):before {
    content: " | ";
    /*background-color: yellow;*/
    color: red;
    /*font-weight: bold;*/

}
.leftnav a:hover {
    color: red;
    padding-left: 3px;
}

.leftnav a.active {
    color: white;
}

.leftnav .lefticon {
    display: none;
}
.leftnav ul ul li a {
    color: #069;
    text-decoration: none;
    font-weight: 400;
    text-indent: 5px;
}
.leftnav ul {
    /*padding-top: 12px;*/

    list-style: none;
    margin: 0;
    padding: 0;
}
.leftnav ul ul a {margin-left: 0; text-indent: 0;}
.leftnav h2 {
    font-size: inherit;
}
#menu2 li a:visited,
.leftnav li a:link,
.leftnav li a:visited {
    color: #069;
    /* display: block;*/ /* Se metti questo succede un casino */
    padding-top: 5px;
    padding-right: 0;
    /** padding-bottom: 5px; **/
    padding-left: 3px;
}
.leftnav ul li ul {padding-top: 6px;} /*pezza*/
.leftnav h2 {
    font-size: inherit;
    border: unset;
    background: unset;
    margin: unset;
}
/* NOTA BENE questo e al contrario desktop first quindi il mobile va messo sotto */
@media all and (max-width: 600px) {
    .leftnav {width: 96%;} /* Se metto 100 per cento non va bene, ma e una pezza temporanea */
    .leftnav a:not(:first-child) {display: none;}

    .leftnav a.lefticon {
        float: left;
        display: block;
    }
    .leftnav a {
        /*background-color: darkred;*/
        display: none;
    }
    /* classe leftnav sottoclasse ephasized non si vede su mobile*/
    .leftnav em {display: none;} /* quando siamo su mobile ed il menu � chiuso */
    .leftnav.responsive em {display: inline;} /* quando siamo su mobile e il menu � aperto*/
}
/*https://css-tricks.com/logic-in-css-media-queries/*/
@media not all and (max-width: 600px) {
    /*html { background: red; }*/
    .leftnav em {display: block;} /* quando non siamo sul menu lo mostra*/
}


@media all and (max-width: 600px) {
    .leftnav.responsive {position: relative;}
    .leftnav.responsive .lefticon {
        position: absolute;
        /*right: 0;*/ /* Questo serve sul topNav */
        top: 0;
    }
    .leftnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .leftnav.responsive a:not(:first-child):before {
        content: " - ";
        background-color: yellow;
        color: red;
        /*font-weight: bold;*/
    }
    .leftnav li {
        padding: 0;
    }
    .leftnav.responsive h2 { /* Quando siamo sul cellulare se aperto lo mostra la voce di menu */
        display: block;
    }
    .leftnav h2 {           /* Quando siamo sul cellulare se chiuso non mostra i titoli nel menu */
        display: none;
    }
    .leftnav ul li ul {padding-top: 0px;} /*pezza*/
    .leftnav a:active {background-color: aliceblue;}
}



/***** main content *****/
div#box_evidenza {
    border: 1px solid #369;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 3px;
    margin-bottom: 3px;
    background-color: #f1f1f1;
    display: block;
    position: relative;
    margin-top: 10px;
}
div#sup_principale {columns: 2;column-gap: 40px;} /* <==== Grande soluzione le columns */
#principale_sinistra {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;}

@media screen and (max-width:768px) {
    div#sup_principale {columns: 1;}
}

ul.box_figure {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #CCC;
}
ul.box {
    list-style-type: none;
    background-color:#EDF3F8;
    margin: 0px;
    padding: 0px;
    border:none;
}
.box {
    margin-bottom: 5px;
    font-size: 14px;/*large*/ /* era 12px fino al 8.2.23 */
    text-align: left;
    background: #f1f1f1;
    padding: 2px;
    border: 1px solid #ccc;
}
.box_scaduti {
    margin-bottom: 5px;
    font-size: 14px;/*large*/ /* era 12px fino al 8.2.23 */
    text-align: left;
    padding: 2px;
    border: 1px solid #ccc;
    background-color: #FFC;
}
.box_figure {
    font-size: 14px;/*large*/ /* era 12px fino al 8.2.23 */
    text-align: left;
    background: #f1f1f1;
    padding: 2px;
    border: 1px solid #ccc;
}
.box li {
    padding-left:18px;
    background-image: url(//html.concorsi.it/html/images/concorsi.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    line-height: 18px;
}
.box p {
    margin: 0;
    padding: 1px;
    color: #f00;
    border-bottom: 1px solid #fff;
    background-color: #ececec;
    display: block;
}
.box_figure hr { color: #f1f1f1 }
.box_figure li {
    background-color: #ecf2f9;
    padding: 2px;
    border-bottom: 1px solid #fff;
}
.box_figure h3 {
    margin: 0;
    padding: 1px;
    border-bottom: 1px solid #fff;
    background-color: #ececec;
    display: block;
}
/********** Per il mini tab nella home page ******/
.anchors {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*new large*/
    font-size: xx-small;
    font-weight: 700;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #227;
}
.anchors li {
    display: inline;
    padding: 0;
    margin-top: 0;
    margin-right: 1px;
    margin-bottom: 0;
    margin-left: 0;
}
.anchors a {
    color: #000;
    text-decoration: none;
    background-color: #dde;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #227;
    border-right-color: #227;
    border-left-color: #227;
    padding-top: 2px;
    padding-right: 9px;
    padding-bottom: 0;
    padding-left: 9px;
}
.anchors .on a {
    font-weight: 700;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}
.anchors a:focus,
.anchors a:active { outline: none }
.anchors .on a,
.anchors a:hover,
.anchors a:focus,
.anchors a:active,
.anchor { background: #fff }
.anchors .on a:link,
.anchors .on a:visited {
    cursor: text;
    background: #fff;
}
.anchors a:hover,
.anchors a:focus,
.anchors a:active {
    cursor: pointer;
    color: #000;
    background: #aae;
}
.anchor { padding: 10px }



/***** navigationright.blade.php *****/
.figura ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;

    line-height: 1;
}
.figura {
    background-color: #ecf2f9;
    padding: 2px;
    border-bottom: 1px solid #fff;
    margin-top: 6px;
}
.figura_scad {
    background-color: #fff;
    padding: 2px;
    border-bottom: 1px solid #fff;
}
.figura h3, .figura_scad h3 {
    background-color: #ececec;
    margin:0;
    padding:0;
    text-indent:2px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #006;
}
.figura a { color: #002e6c; line-height: 1em; } /* Avendo messo su a la line-height: 2em qui correggo a 1em per non fare i pulsanti troppo alti */
.figura a:hover { color: #2F98CA }
.figura li {
    background-color: #ecf2f9;
    padding: 0;
    text-indent: 2px;
    margin: 0;
    border-bottom: 1px solid #fff;
    list-style-type: none;
    /*color: red;*/
}

ul.newsrid {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size:1rem; /* 12px; */ /* era 0.875 fino al 8.2.23 */
    text-align: left;
}
.newsrid li {
    padding: 2px;
    border-bottom: 1px solid #333;

}
.newsrid h3 {margin:0; padding:0px; font-size:1.2em;} /* 12px */

#box-gazzetta {
    font-size: 14px; /* era 10px fino al 8.2.23 */
    margin-right: 0;
    padding-right: 0;

}
#box-gazzetta-sidebar {
    font-size: 14px; /* era 10px fino al 8.2.23 */
    margin-right: 0;
    padding-right: 0;

    text-align: left;
    padding-top: 16px;
}
#box-gazzetta h3, #box-gazzetta-sidebar h3 {
    font-size: 1.5em;
}
#box-gazzetta h2, #box-gazzetta-sidebar h2 {

    margin-bottom: 3px;
    margin-right: 0;
    padding-right: 0;
}
#box-gazzetta li h3, #box-gazzetta-sidebar li h3 {
    margin: 0;
    padding: 1px;

}
div#banner_lungo {
    /*float: right;
    clear: right;
    padding:4px;
    margin:5px;*/
    margin-top:10px;

    /*width: 220px; !*large*!*/
    /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
    margin-left: 6px; /* TAG-MARGINAZIONE stranamente ho dovuto mettere 5px e non usa quello del reset*/
}
#banner_lungo a{color:#006; text-decoration:none}
#banner_lungo a:hover {color:#C00; text-decoration:underline}
#banner_lungo .newsrid li { border:none }

#banner_lungo .newsrid li h3 {margin:0;}
#banner_lungo .newsrid li h3 a { background:#69C; color:#FFF; padding:2px; border:1px solid #fff; display:block}
#banner_lungo .newsrid li h3 a:hover { color:#69C; background:#FFF; padding:2px; border:1px solid #69c; text-decoration:none }
#banner_lungo .newsrid li {margin-bottom:3px}
#banner_lungo h4{
    padding:0;
    margin:0;
    color:#C00;
    font-size:14px;
    font-weight: normal;
}
#banner_lungo #regione a { background:#69C; color:#FFF; padding:2px; border:1px solid #fff; display:block}
#banner_lungo #regione a:hover { color:#69C; background:#FFF; padding:2px; border:1px solid #69c; text-decoration:none }


.d-red{
    font-weight: bold;
    color: #900;
}
.d-red a:link {
    font-weight: bold;
    color: #900;
}
.d-red a:hover {
    font-weight: bold;
    color: #F60;
}
.linkRid {
    margin: 0;
    padding: 1px;
    line-height: 1em;
}
.titoletto {
    text-align: right;
    margin-right: 0;
    padding-right: 0;
    font-family: Arial,Helvetica,sans-serif;
    /*font-size: xx-small;*/
    font-size: 14px; /* era 12px fino al 8.2.23 */
    margin-top: 0;
    padding-top: 0;
    color: red;
}

div#footerprint {
    font-size: 14px;
    background-color:#09C; /*large*/
    padding:0;
    margin:0;
    border:none;
    height: 80px;
    color: #fff;
    clear:both;
    background-image: url(https://html.concorsi.it/html/images/foot.png);
}
#footerprint p{padding:5px; margin-top:5px;line-height: 2em;}
#footerprint a:link,
#footerprint a:visited {
    color: #fff;
    text-decoration: none;
}

#footerprint a:hover {
    color: #000;
    text-decoration: none;
}
/*
#footer p{padding:5px; margin-top:5px;}
footer {
    font-size: 14px;
    background-color:#09C; !*large*!
    padding:0;
    margin:0;
    border:none;
    height: 80px;
    color: #fff;
    clear:both;
    background-image: url(https://html.concorsi.it/html/images/foot.png);
}*/
span.inserito {
    color: #333;
    font-size: 14px; /* era 12px fino al 8.2.23 */
    /*margin-bottom:2px;*/
    /*float: left;*/
    display: inline-block;
}
/***** scheda.blade.php *****/
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

#testo_completo pre{
    /* white-space: normal!important; */
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;      /* https://css-tricks.com/almanac/properties/b/break-inside/ */

    font-size: small; /* Se non c'� small p x-small o xx-small fa saltare la colonna destra */
    white-space: pre; /* pre-wrap; */
    overflow: auto;
}
#testo_completo {
    padding: 5px;
    border: 1px solid #8E8E8E;
    background-color: #E2E2E2;
    margin-bottom:10px;
}
#testo_completo a:visited{text-decoration:underline;}
#testo_completo strong {color:#C30}

pre {
    font-size: small;
    /* white-space: pre-wrap; */
    overflow: auto;
}

.sintesi {border:1px solid #CCC}

#navlist {
    margin-left: 0;
    border-bottom: 1px solid #778;
    margin-top: 10px;
    margin-bottom: 3px;
    padding: 3px 0;
}
#navlist ul {
    margin: 0;
    padding: 0;
    display: inline;
}
#navlist li {
    list-style: none;
    margin: 0;
    display: inline;
}
#navlist li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #dde;
    text-decoration: none;
}
#navlist li a:link { color: #448 }
#navlist li a:visited { color: #667 }
#navlist li .current {
    background: #FFF;
    border-bottom: 1px solid #FFF;
}



/***** navigationleft.blade.php *****/
body {
    margin: 0;
    /*font-family: "Lato", sans-serif;*/

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.sidebar {
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    /*            position: fixed;
                height: 100%;
                overflow: auto;*/
}
.sidebar a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}
.sidebar a.active {
    background-color: #04AA6D;
    color: white;
}

.sidebar a:hover:not(.active) {
    background-color: #555;
    color: white;
}


/***** news template  *****/
main {
    background-color: white;
}
p {
    /*font-size: 0.67rem; */
}

#datagrid {
    text-align: left;

}
#datagrid strong {
    color: #f00;
    font-style: oblique;
}
#datagrid .alt2 a { background-color: #ececec; text-decoration: none; line-height: 1em; }
#datagrid .alt1 a { background-color: #ecf2f9; text-decoration: none; line-height: 1em; }
#datagrid td {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    vertical-align: top;
    /*font-size: 0.575em; !* 12px; *!*/
    padding: 4px;
}

/* Stili relativi alla riga */
#datagrid .alt1 {
    background-color: #ecf2f9;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #fff;
    border-bottom-color: #fff;
}
#datagrid .alt2 {
    background-color: #ececec;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #fff;
    border-bottom-color: #fff;
}

/*
.container a {
    padding: .2em;
}

@media (any-pointer: coarse) {
    .container a {
        padding: .8em;
    }
}*/
.figura p {
    margin: 10px; /* Il titolo viene pi� spaziato */
    text-indent: 5px;
}
span.de {
    color: #EF6B00;
    margin-top: 3px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cecece;
    display: block;
}
/******* PAGINAZIONE *******/
#paginazione2 {
    padding: 0;
    width: 100%;
    background: transparent;
    voice-family: inherit;
    margin-bottom:20px;
    margin-top: 20px;
}
#paginazione2 ul {
    margin: 0;
    margin-top: 4px; /* Aggiunto settembre 2022 */
    padding: 0;
    list-style: none;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*new large*/
    /*font-size: 12px;!*large*!*/
    font-weight: 700;
    font-size: 1rem;

}
#paginazione2 li {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0.1rem;

}
#paginazione2 a {
    color: #06c;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #ececec;
    border-bottom: 1px solid #FFF;
    margin-top: 0;
    margin-right: 1px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 2px;
    padding-right: 20px;
    padding-bottom: 2px;
    padding-left: 20px;
}
#paginazione2 a:visited { color: #06c }
#paginazione2 a:hover {
    color: #333;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #d1d1d1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    margin-top: 0;
    margin-right: 1px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
}
#paginazione2 #current a {
    background-color: #3466ab;
    border-color: #3466ab;
    color: #fff;
}
.pagination ul li {
    /* list-style-position: inside; */
    display: inline;
}
li.page-item {
    display: inline-block;
    padding: 0.1rem;
    background: transparent;
}
/* https://stackoverflow.com/questions/27655992/limit-amount-of-links-shown-with-laravel-pagination/54430511#54430511
*/

@media screen and ( max-width: 768px ){
    li.page-item {
        display: none;
    }
    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-child( 3 ),
        /*.page-item:nth-last-child( 2 ),*/
        .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        /*display: block;*/
        display: inline-block;
    }
    .figura li {
        /*line-height: 23px;*/
        padding: 12px;
    }
    .figura p {
        margin-bottom: 19px;

    }
    #menu_toolbar ul {
        padding-top: 40px; /*Mette la toolbar verso il basso mapi� di tanto non scende, � influenzato da area_login2 */
    }
    #area_login2 {
        /* display: inline; */
        /* line-height: normal; */
        margin-top: 10px;
        line-height: 26px;
    }
}

.nonscaduto {
    border: 1px solid green;
    padding: 2px;
    border-radius: 2px;
    /* border: 2px; */
    /* color: green; */

}

/****** figura.blade.php *****/
.Mainfigura {
    list-style-type: none;
    margin: 0px;
    padding: 2px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #036;
    color: black;
}

.Mainfigura a {
    text-decoration: none;
}

.MainFigura h3 {
    margin-bottom: 3px;
}

.d {
    color: #EF6B00;
    margin-top: 3px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f1f1f1;
}

/* {-- togliendo inlin-height: 2em al tag ho aggiunto questi --} */
.newsrid a {
    display: inline-block;
    margin-bottom: 12px;
}

.box a {
    display: inline-block;
    margin-bottom: 12px;
}

.figura a {
    display: inline-block;
    margin-bottom: 12px;
}
/* {-- per togliere &raqua da html --} */
.d-red a:before {
    content: "\00BB";
    margin-right: 6px;
}

/* Nella pagina post vedi https://stackoverflow.com/questions/5532727/ol-outside-of-div
si avevano i numeri fuori a sinistra rispetto al testo
*/
ol li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1em;
}
ol {
    padding-left: 0.5em;
}

/* Nella pagina post add esempio https://www.concorsi.it/Concorso-1273-agenti-di-polizia-penitenziaria
si h2 era troppo attaccato al testo
 */
.row h2 {
    padding-right: 5px;
    font-weight: 400;
    background: #c6e1f5;
    margin-top: 5px;
    padding-bottom: 0;
    color: #191970;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbb;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bbb;
    padding-left: 5px;
    font-size: 1.1rem;
    /* Aggiunto queste due */
    padding-top: 20px;
    margin-bottom: 10px;
}