.testo,  .testo_err, .testo_evi, testob
{
    font-size: 14px;
    font-style: normal;
    color: #333333;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 165%;
    font-weight: normal;
}

.testo_err,  .err {

    color:  #EA8B49 ;
}

.testo_evi {

    color: #224C8C;
}
.testob{
    font-weight: bold !important;
}

.testosm	{
    font-size: 12px;
    font-style: normal;
    color: #858585;
    text-decoration: none;
    font-family:  Arial, Helvetica, sans-serif;
    line-height: 110%;
}


h1 {
    color: #444444;
}

.titolo , .titolo_err
{

    color: #224C8C;
    font-family:  'Open sans',  sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;

}
.titolo_err {

    color:  #EA8B49 ;
}

.titolo_evi
{
    line-height: 140%;
    font-family:  'Open sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;

}

.titolo_big
{
    line-height: 160%;
    color: #224C8C;
    font-family:  'Open sans', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;

}

.titolo_evi, .evi
{
    color:#B31D38;
}
/* -------------------------------------------------------------------- */
#supertop {
    display:none;
}

.wrapperContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    /*flex-direction: column;
    padding: 20px;
    background-color: #f0f0f0;
    min-height: 100vh; /* Full height of the viewport */
}
.boxContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    width: 90%;
    max-width: 1200px;
}


.box_in{
    max-width:1200px;
}

.testo, .testo_evi
{
    font-family: 'Montserrat', sans-serif;
}

.titolo_big, .titolo
{
    color: #144e8e;
    font-family: 'Montserrat', sans-serif;
}
/* Stili delle tabelle spostati in style.css per una migliore organizzazione */
.titolo_menu
{
    color: white;
}
.button1{
    background-color: #144e8e;
}
.button2, .button4, .rbutton2, .rbutton4 {
    
    border-radius:4px;
}
.rbutton2:hover {
    background-color:#0277eb;
}
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */



.item
{
    background-color:#0157ac;/*#007BFF;*/
    color: white;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 22px;
    line-height: 140%;
}
.item:hover {
    background-color:#0277eb;
}
.boxitem
{
    /*margin-right:20px;
    margin-left: 20px;*/
    margin:12px;
    width: 318px;
    height:258px;
    background: #004282;
    padding:8px;
    display:inline-grid;
    color:white;
    font-size:18px;
    overflow: hidden;
}
.boxitemdisabled
{
    background: #cccccc;
}

.thumbcnt {
    float:left;
    width:220px;
    height: 220px;
    background-color: #dddddd;
    margin:10px;
    text-align: center;
    /*
    background-image: url(immagini/bgthumb.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    */
}


.thumb{
    max-width: 120px;
    max-height: 80px;
    border:0;
    margin:0px;

}

.thumbbig, .thumbbigdef, .thumbbigdis{
    width: 318px;
    height: 212px;
    /*max-height: 180px;
    padding:6px;*/
    border:0;
    margin:0px;
    

}
.thumbbig
{
        background: #004282;
}
.thumbbigdef{
    background: #004282;
}
.thumbbigdis{

    background: #cccccc;
}

.miniimg{
    float:left;
    margin-left:4px;
    max-height: 24px
}

#img_logo
{
    max-height: 100px;
}

#library
{
    width:100%;
    background-color: #efefef;
    padding:12px;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: scroll;
}

#logoSmall img
{
    max-height: 80px
}

label {
    display: block;
    margin-top: 8px;
    font-weight: bold;
    font-size:12px;
    color: #333333;
}
legend {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    padding: 4px;
    margin-bottom: 5px;
}
.fieldcontainer {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width:80%;
    display:inline-table;
}

.button {
    margin-top: 25px;
    padding: 10px 20px;
    background-color:#0157ac;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.button:hover {
    background-color:#0277eb;
}

.text-info {
    cursor: pointer;
}
/* ------------------------------------ */

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

    #logoAzienda {
        display:none
    }
    
}

@media screen  and (max-width: 590px) {
    
    .titolo
    {
        font-size:16px;
    }
    .ico36{
        width: 28px;
        height: 28px;
    }
    #questionario
{
    width:80%;
    margin-left:10%;
    text-align:center
}
    
}
@media screen  and (max-width: 400px) {
    

    #questionario
{
    width:100%;
    margin:0px;
    padding:0px;
    text-align:center
}
    
}