div.box {

    background: #fff;

    border-radius: 4px;

    padding: 0px;

    /*border: solid 1px #aaa;*/

    border:none;

    margin-bottom:20px;

}



div.box h2 {

    background: #321;

    color: #fff;

    margin: 0 0 10px 0;

    padding: 1px 10px;

    font-size:16pt;

    border-radius:0 10px 0 0px;

}





div.postit {

    background: #f7e791;

    border-radius: 0px;

    padding: 30px;

    border: solid 1px #aa0;

    margin: 30px;

    box-shadow:0 0 20px 1px #aa6;

}



div.postit > .bi-paperclip {

    float: right;

    margin-top: -46px;

    font-size: 50px;

}



div.titoli h2 {

    background: #321;

    color: #fff;

    margin: 0;

    padding: 1px 10px;

    font-size: 16pt;

    border-radius: 0 10px 0 0;

}





div.titoli {

    background: #eee4;

    border-radius: 0 10px 4px 4px;

    padding: 0 0 10px 0;

    margin-bottom: 20px;

    display:flex;

    flex-direction:column;

    gap:10px;

    border:solid 1px #eee8;

}



.main-center div.titoli {

    border:none;

}



div.titoli > div {

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    background: #f6f6f6;

    padding: 5px;

    margin:0 10px;

    border: solid 1px #f1f1f1;

}



div.titoli  a > h4 {

    margin:0;

    line-height:1;

}





div.titoli div.img {

    height:60px;

    width:60px;

    display:block;

    text-align:center;

}



div.titoli div.img i {

    font-size:50px;

}

div.titoli div.img img {

    max-height:60px;

    max-width:60px

}



div.titoli hr {

    padding:0;

    margin:5px 0;

    border:none;

}



div.titoli div.info {

    flex:1;

    padding:0 8px;

}



div.titoli div.data {

    font-size:9pt;

}



div.base {

    border: none;

    padding: 20px 0;

}