[MS] summer glow

/* summer glow mobile skin sotired */
*::placeholder {font-size: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px}

body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #555; background: #FC997E}
a {color: #FFF; text-decoration: none !important} a:hover {color: #001868}
.last-post a * {color: #1E6089 !important}
.web * {color: #FFF !important}

.footer {color: #333}
.footer a {font-weight: bold; color: #333}

/* BARRA DI SCORRIMENTO COLORATA */
*::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 3px}
*::-webkit-scrollbar-thumb {background-color: #7CA357; border: 2px solid rgba(0, 0, 0, .1); border-radius: 5px}

/* SIDEBAR */
.sidebar {background: #F2B491}
.sidebar a {color: #FFF; font-family: trebuchet ms; font-size: 11px; text-transform: uppercase}
.sidebar li {line-height: normal; color: #FFF}
.side_title {background: #F2B491; color: #FFF; font-family: 'raleway'; text-transform: uppercase; font-size: 12px}
.side_title, .side_title.side_close, .submenu strong, .side_title #tab_queue {border: none !important}
.submenu > li {border: 2px solid rgba(255, 255, 255, .3); border-radius: 10px; margin: 5px 3px}
.login > li, #ff_links, .search {border-bottom: 1px solid #DDD}
#ff_links, .search {border-top: 0}
/* menu utente */
.sidebar .user_details {background: #807D24; padding: 20px 8px}
.sidebar .user_details .avatar {display: none !important}
.menu > li {color: #999}
.menu .nickname {font-family: 'raleway'; font-size: 14px; color: #CFDD40}
.sidebar em {font-weight: bold; color: #FFF; background-color: #09C}
/* login */
.login input {color: #444}
.login input[type=submit] {background: #807D24; color: #FFF; font-weight: bold} .login input[type=submit]:hover {background: #807D24}
/* cerca */
.search {background-color: #FFF}
.search input {color: #999}

.frequented_sites {width: auto !important}

.submenu .st-emoji-link-void strong {width: fit-content; text-align: center; display: inline !important; margin: 0 auto !important; padding: 2px !important; background: transparent !important; outline: none !important; border: none !important} /* num reazioni */

#about-scripts .submenu li strong {background: transparent; display: inline; outline: none; border: none; margin: 1px 2px; width: fit-content; padding: 0; color: #FFF !important} /* scripts */

#widget .submenu li a, #widget li>span {font-size: 10px !important} /* ultime disc */

#html_home {margin: 0px}
#html_home .list-group {border-width: 6px}

/* NAV */
.menuwrap_bg {background-color: #F2B491}
.menuwrap em {background-color: #F2B491}
/* nome forum */
#nav-title span {color: #FFF; font-size: 14px; font-family: 'raleway'; text-transform: uppercase; font-weight: normal}

/* HEADER, LOGO */
.header {background: #FC997E}
.underheader {background: #F9DAC8; padding-top: 0; line-height: 28px; height: 20px; font-size: 11px; text-shadow: none}
.underheader a {text-shadow: none; color: #747C24 !important; font-weight: bold}
#arrowscroll {display: none}
.logo {padding-top: 11px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* TAGBOARD */
.tagboard {padding-bottom: 15px !important; border: solid #F9DAC8 !important; border-width: 6px 6px 0 6px !important; margin-bottom: 0 !important}
.list-group .tagboard-list {margin: 0 5px; padding-bottom: 10px !important; z-index: 1; border: 2px solid #8AB661; box-shadow: 0 0 0 4px #8AB661, 4px 12px 0 0 #8AB661, -4px 12px 0 0 #8AB661, 12px 0 0 0 #B9BF78, -12px 0 0 0 #B9BF78, 0 -12px 0 0 #B9BF78, 12px -12px 0 0 #B9BF78, -12px -12px 0 0 #B9BF78 !important}
.list-group .tagboard-list li {padding: 5px; box-shadow: 0 0 0 4px #8AB661, 7px 0 0 0 #8AB661, -7px 0 0 0 #8AB661, 7px 20px 0 0 #8AB661, 7px 40px 0 0 #8AB661, -7px 20px 0 0 #8AB661, -7px 40px 0 0 #8AB661 !important}
.tagboard form {background: #B9BF79; margin: 10px 5px 0 5px; box-shadow: 0 0 0 4px #8AB661, 4px -40px 0 0 #8AB661, -4px -40px 0 0 #8AB661, 12px -55px 0 0 #B9BF78, -12px -55px 0 0 #B9BF78, 7px 0 0 0 #B9BF78, -12px 0 0 0 #B9BF78, 12px 0 0 0 #B9BF78, 12px 12px 0 0 #B9BF78, -12px 12px 0 0 #B9BF78, 12px 8px 0 0 #B9BF78, -12px 8px 0 0 #B9BF78, 7px -6px 0 0 #B9BF78, 0 12px 0 0 #B9BF78 !important}
.tagboard .title {background: transparent; box-shadow: none !important; display: block}

.tagboard-list .nickname a {color: #FFF; font-size: 12px; font-weight: normal}
.tmsg a {background: #F2B491; border-radius: 3px; color: #FFF !important; padding: 2px 6px; letter-spacing: 1px}
.tmsg b {color: #EEE !important; padding: 1px 3px}
.tmsg u {background: #B9BF78; padding: 2px 5px; border-radius: 22px 4px/4px 22px}

/* SEZIONI */
.list-group {padding: 5px 10px 10px 10px; box-shadow: none; margin: 0 5px 10px 5px; background: #F2B491; border: solid #F9DAC8; border-width: 0 6px 6px 6px}
#forum .list-group, #topic .list-group {border-width: 6px !important}
.list-group > * {background: #8AB661; border: 2px solid rgba(0, 0, 0, .1); border-radius: 20px; padding: 8px; margin: 7px 5px; box-shadow: 0 0 0 7px #8AB661, 12px 0 0 0 #B9BF78, -12px 0 0 0 #B9BF78, 12px 20px 0 0 #B9BF78, 12px 40px 0 0 #B9BF78, -12px 20px 0 0 #B9BF78, -12px 40px 0 0 #B9BF78}

.list-group > .g_last, .list-group>*:last-child {margin-bottom: 30px; box-shadow: 0 0 0 7px #8AB661, 12px 0 0 0 #B9BF78, -12px 0 0 0 #B9BF78, 12px 15px 0 0 #B9BF78, -12px 15px 0 0 #B9BF78, 12px 8px 0 0 #B9BF78, -12px 8px 0 0 #B9BF78, 12px 20px #D9A282, -12px 20px #D9A282}

li.stats_bottom, li.u_info, li.u_stats {padding: 0; border-radius: 20px; outline: 8px solid #8AB661; box-shadow: 0 0 0 8px #8AB661 !important}

.stats_list > li:last-child {border-bottom: 0}

.title {text-align: center; font-weight: normal; font-size: 14px; font-family: 'raleway'; text-transform: uppercase; margin: 10px 5px 0 5px; color: #747C24; padding: 8px; border: none; background: #B9BF78; box-shadow: 0 0 0 4px #B9BF78, 12px 0 0 0 #B9BF78, -12px 0 0 0 #B9BF78, 12px -4px 0 0 #B9BF78, -12px -4px 0 0 #B9BF78, 12px 3px 0 0 #B9BF78, 12px 12px 0 0 #B9BF78, 12px 11px 0 0 #B9BF78, 12px 15px 0 0 #B9BF78, 12px 19px 0 0 #B9BF78, 12px 23px 0 0 #B9BF78, 12px 212px 0 0 #B9BF78, 12px 31px 0 0 #B9BF78, 12px 35px 0 0 #B9BF78, 12px 39px 0 0 #B9BF78, -12px 3px 0 0 #B9BF78, -12px 12px 0 0 #B9BF78, -12px 11px 0 0 #B9BF78, -12px 15px 0 0 #B9BF78, -12px 19px 0 0 #B9BF78, -12px 23px 0 0 #B9BF78, -12px 212px 0 0 #B9BF78, -12px 31px 0 0 #B9BF78, -12px 35px 0 0 #B9BF78, -12px 39px 0 0 #B9BF78}

.web a {font-size: 16px; font-weight: bold; font-family: 'raleway'} .forum .web a {font-size: 16px}

/* disc sezioni */
#forum .list-group > * {margin: 12px 5px; box-shadow: 0 0 0 12px #8AB661, 12px -8px 0 0 #8AB661, -12px -8px 0 0 #8AB661, 12px 20px 0 0 #8AB661, 12px 40px 0 0 #8AB661, -12px 20px 0 0 #8AB661, -12px 40px 0 0 #8AB661}
#forum .list-group > *:nth-child(2) {box-shadow: 0 0 0 12px #8AB661, 12px 0 0 0 #8AB661, -12px 0 0 0 #8AB661, 12px 20px 0 0 #8AB661, 12px 40px 0 0 #8AB661, -12px 20px 0 0 #8AB661, -12px 40px 0 0 #8AB661}
#forum .list-group > *:nth-last-child(2) {margin-bottom: 30px; box-shadow: 0 0 0 7px #8AB661, 12px -8px 0 0 #8AB661, -12px -8px 0 0 #8AB661, 12px 15px 0 0 #8AB661, -12px 15px 0 0 #8AB661, 12px 8px 0 0 #8AB661, -12px 8px 0 0 #8AB661}
#forum li.top .title {background: transparent; box-shadow: none; margin-top: 10px; padding: 50px}
#forum li.top, #forum li.bottom {background: transparent !important; box-shadow: none !important}
#forum li.top .buttons {padding: 7px; margin: 0}

/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #BEEA96}
.last-post {}
.board .last-post a, .board .last-post a * {font-size: 11px !important; font-weight: normal; text-transform: uppercase; font-family: 'raleway'}
.forum .last-post {margin-top: 7px} .forum .last-post a, .board .last-post a {color: #FFD0B7} .forum .last-post a {letter-spacing: 1px}

.topics, .replies, .views {text-transform: uppercase; font: 8px 'raleway'; color: #BEEA96}
span.timeago {display: none; color: #BEEA96 !important; font-size: 10px; text-transform: uppercase} .topic .timeago {color: #FFD0B7} .timeago:before {display: none}
.no-time {font-style: italic; color: #BEEA96}
.popupago {text-align: center; font-size: 10px; background-color: #8AB661; color: #FFF; border-radius: 20px; border: 2px solid rgba(0, 0, 0, .1)}

/* sottosezioni */
.sub-link {font-size: 11px; color: rgba(0, 0, 0, .5); text-transform: uppercase}

/* .on, .annuncio, .importante */
.on {background: #7CA357; border-color: rgba(255, 255, 255, .1)}
.annuncio {background: #F2B491; border-color: rgba(0, 0, 0, .1); color: #FFF}
.importante {background: #B9BF78; border-color: rgba(0, 0, 0, .1); color: #FFF}
.annuncio a, .annuncio .desc a, .annuncio .desc, .annuncio .last-post a, .importante a, .importante .desc a, .importante .desc, .importante .last-post a {color: #FFF}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #747C24 !important; border-color: rgba(0, 0, 0, .1) !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #9FC978 !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #747C24; color: #FFF; font-weight: bold; font-size: 11px; text-transform: uppercase}
#mp-option label {border-right: 1px solid rgba(0, 0, 0, .1)}

/* DISCUSSIONI, ARTICOLI */
.post {border: 2px solid rgba(0, 0, 0, .1); border-radius: 20px; box-shadow: -7px 0 0 #8AB661, 7px -7px 0 #8AB661, -7px -7px 0 #8AB661, 7px 0 0 #8AB661, 7px 40px 0 #8AB661, -7px 0 0 #8AB661, -7px 40px 0 #8AB661, 12px 3px 0 #B9BF78, 12px 40px 0 #B9BF78, -12px 3px 0 #B9BF78, -12px 40px 0 #B9BF78}
.details a, .cancelled {font-size: 14px; text-transform: uppercase; font-family: 'raleway'; font-weight: bold; color: #FFF}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .avatar {border-radius: 40px; padding: 4px; margin: 0 20px -5px 0; border: 6px solid #F49E7C; box-shadow: none; background: #FFF}
.topic .avatar img {height: 40px}
.topic .details > a {margin: 0 0 -15px 0}
.topic .group {color: rgba(0, 0, 0, .8); font: 11px helvetica; text-transform: lowercase; font-variant: small-caps; margin: 12px 0 0 0}
.topic .group:before {content: 'gruppo:'; background: rgba(0, 0, 0, .3); border-radius: 10px; padding: 3px 5px; color: #FFF; font: 11px helvetica; font-variant: small-caps; text-transform: lowercase; font-weight: normal; letter-spacing: 1px; margin: 0 4px 0 0}
.color {text-align: justify}
.color b {font-weight: 900; font-family: georgia; color: #222}
.color i {font-family: constantia; font-size: 14px}
.color u {font-family: helvetica; font-size: 11px}
.color del {color: #B2D691}
.color a {color: #E3F23C; font-weight: bold; border-top: 2px solid #F9DAC8; padding: 1px 5px}
.color hr {border: 0; border-top: 1px dashed #BBB}

.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {color: rgba(0, 0, 0, .1); font-size: 10px; text-transform: uppercase}
.topic .like {color: rgba(0, 0, 0, .1)}

.article .details, .topic .details {padding: 12px; position: relative; width: 90%}

.topic li.top .title {position: absolute; background: #B9BF78; border-radius: 20px; box-shadow: -10px 0 0 #B9BF78, -10px 10px 0 #B9BF78, -10px 19px 0 #B9BF78, -10px 28px 0 #B9BF78, -10px 35px 0 #B9BF78, 10px 0 0 #B9BF78, 10px 10px 0 #B9BF78, 10px 19px 0 #B9BF78, 10px 28px 0 #B9BF78, 10px 35px 0 #B9BF78; margin: 45px auto 20px auto; padding: 5px 5px 55px 5px; white-space: nowrap; overflow: hidden; width: -webkit-fill-available; text-overflow: ellipsis; text-align: center}
.topic li.top, .topic li.bottom {background: transparent !important; box-shadow: none !important}
.topic li.top .buttons {position: inherit; padding: 7px; margin: 0 0 30px 0}
.topic .section-title {display: none !important}
.topic li.top .pages {display: none}
.topic li.bottom {margin: 25px 0 0 0}

#topic .title {display: block}

#topic .list-group > *:nth-last-child(2) {box-shadow: -7px 0 0 #8AB661, 7px -7px 0 #8AB661, -7px -7px 0 #8AB661, 7px 0 0 #8AB661, 7px 12px 0 #8AB661, -7px 0 0 #8AB661, -7px 12px 0 #8AB661, 12px 3px 0 #B9BF78, 12px 18px 0 #B9BF78, -12px 3px 0 #B9BF78, -12px 18px 0 #B9BF78}

.article li.top {margin-top: 115px !important}
.article li.top .buttons {margin-bottom: 0 !important}

/* etichette, firma ffmobile*/
.tags, .ffmsign {font-size: smaller; font-style: italic}
.tags {margin-bottom: 0}
.tags a, .ffmsign a {text-decoration: none; font-weight: normal}

/* alert, info, success */
.alert {font-weight: bold; font: 12px times; background: #F7C7AD; color: #F27359; border-radius: 10px; border: 3px solid #F2B491; box-shadow: 0 3px 0 rgb(0 0 0 / 30%)}
.info {background: none !important; font: 12px helvetica; border: 6px solid rgba(0, 0, 0, .2); color: rgba(0, 0, 0, .5); border-radius: 20px; box-shadow: 0 3px 0 rgb(0 0 0 / 30%)}

.alert a, .info a {color: #FFF; text-transform: uppercase; padding: 0 4px}
.alert a {background: #F27359} .info a {background: #F27359}
.alert del, .info del {color: #777}


/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #8AB661; border: 2px solid rgba(0, 0, 0, .1); box-shadow: none}
.topic .pop li, .pop #t_like {border-color: rgba(0, 0, 0, .1)} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 12px; color: #FFD0B7}

/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {display: none}

.topic .online:before, .topic .offline:before, .topic .anonimo:before {content: 'stato:'; background: rgba(0, 0, 0, .3); border-radius: 10px; padding: 3px 5px; color: #FFF; font: 11px helvetica; font-variant: small-caps; text-transform: lowercase; font-weight: normal; letter-spacing: 1px}

.anonimo, .offline, .online {border-radius: 0}
.topic .online, .topic .offline, .topic .anonimo {background: transparent; font: 11px helvetica; text-transform: lowercase; font-variant: small-caps; border-width: 0; top: 45px; left: 35%; width: fit-content; height: 30px; padding: 3px 0 0 0; box-shadow: none; color: rgba(0, 0, 0, .8); position: absolute}

/* SONDAGGIO */
.poll li {background: #F2B491; border-color: rgba(255, 255, 255, .5); box-shadow: 0 0 5px #F2B491 !important}
.poll li:last-child {border: none}

.poll-bar {background-color: #F8D9C8; border-radius: 20px; color: #444}
.poll-bar div {background-color: #F2856F; border-radius: 20px 4px 4px 2px; color: #444}
.poll-max .poll-bar div {background-color: #8AB661; border-radius: 20px}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 0 solid #CCC; background-color: transparent !important}
.pages li {background-color: transparent !important; box-shadow: none; border: 2px solid #7CA357; display: inline-block; width: 16%; margin: 0 3px; border-radius: 100px}
.pages li a {color: #747C24; font-size: 11px; box-shadow: none}
.pages li > a:first-child {box-shadow: none}
.pages li.curr a {color: #747C24; border: none}
.pages li.curr {border: 0}

.pages .first span, .pages .prev span, .pages .next span, .pages .last span {background: transparent !important}

.pages .first span:after {content: '\f100'; color: #747C24; font-family: 'FontAwesome'; font-size: 15px}
.pages .prev span:after {content: '\f104'; color: #747C24; font-family: 'FontAwesome'; font-size: 15px}
.pages .next span:after {content: '\f105'; color: #747C24; font-family: 'FontAwesome'; font-size: 15px}
.pages .last span:after {content: '\f101'; color: #747C24; font-family: 'FontAwesome'; font-size: 15px}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .code_top {text-align: center}
.quote_top b, .code_top b, .spoiler_top b {font: 10px 'raleway'; color: #333 !important}
.code_top a {font: 10px 'raleway'}
.quote, .code {text-align: justify; line-height: 130%; font-size: 11px}
.quote {font-family: arial; color: #FAFAFA; background: #B2D691; border-radius: 20px; box-shadow: inset 0 0 0 4px #B2D691, inset 0 0 0 7px rgb(255 255 255 / 20%); padding: 15px}
.code, .spoiler .code .code {font-family: consolas; color: #F9DAC8; background: transparent; border: 3px solid #F2B491; border-radius: 20px; padding: 15px}

.spoiler .code_top {border: 2px solid rgba(0, 0, 0, .05) !important; border-radius: 20px; padding: 2px}
.spoiler .code {background: #607F44 !important; color: #222; border: none; margin: 5px 0 0 0}

.quote a {color: #FFF !important; background: #CFDD40; border: 0; border-radius: 4px}
.quote del {color: #666}

.spoiler b {color: #FFF} .spoiler del {color: #8AB661}

/* PROFILO */
header.profile {padding: 15px 0; color: #FFF; background: #8AB661 !important; border-radius: 0 !important; border: none}
.profile {padding: 10px; background: #B9BF78 !important; border-radius: 20px; border: 3px solid #B9BF78}
.profile li.bottom {background: transparent; box-shadow: none; margin-bottom: 0}
.profile .avatar {border-radius: 90px; border: 10px solid #8AB661; margin-bottom: 20px; background-color: #8AB661; box-shadow: 0 0 0 10px rgb(0 0 0 / 10%)}
.u_nick {font: 16px 'raleway'; font-weight: bold; color: #FFF; border: 2px solid #7CA357; width: 90%; padding: 4px 30px; border-radius: 10px}
.u_group {font-size: 10px; text-transform: uppercase}
.u_stats > table td {border-left: 0 solid #DDD}

li.u_signature, li.u_friends {margin: 0 7px; border: 2px solid rgba(0, 0, 0, .1); outline: 8px solid #8AB661; box-shadow: 0 0 0 8px #8AB661 !important}
li.u_info {margin: 0 7px; border: none; outline: 8px solid #8AB661; box-shadow: 0 0 0 8px #8AB661 !important}
.profile .title {margin: 7px 0 7px 0; padding: 3px 8px; font-weight: bold; border-bottom: 0; box-shadow: none}
.u_info dl {padding: 4px 7px; border-radius: 20px; border: 2px solid rgba(0, 0, 0, .1)} .u_info dl:last-child {border-bottom: 0; padding: 4px 7px; border: 2px solid rgba(0, 0, 0, .1)}
/* miniature avatar amici */
.friend_avatar {border: 0 solid #8A8A8A; border-radius: 5px}
.friend_avatar img {border-radius: 5px}
.friend_nickname {display: none; background: #222; color: #FFF; font-size: 10px; line-height: 15px; text-align: center; border-radius: 0 0 3px 3px}

/* STATISTICHE */
.stats {text-align: center; margin-top: -15px; background: #F9DAC8} .stats a {color: #755461} .stats .title {display: block}
.stats .title, .user_online, .stats li:last-child {background: transparent; box-shadow: none !important; border: none; outline: none !important; text-align: left}
.stats .title br {display: none} .stats .title, .stats .title a {color: #E58159}
.groups_list {padding: 10px 5px}
.groups_list a, .user_online a {margin: 2px 4px}
.user_online a:before, .groups_list a:before {display: none; color: #888}
.stats_list {text-align: left; display: flex; flex-wrap: wrap; font-size: 10px; text-transform: uppercase; justify-content: space-between} .stats_list span {margin-left: 5px}
.stats_list > li {padding: 3px 10px; font-weight: bold}

.online_users .nickname, .online_users .system, .online_users .timeago, .online_users .where {width: fit-content}
.online_users .where a {font-size: 10px}

/* COLORI GRUPPI */
.male {color: #146AAE} .female {color: #C68}

.amministratore {color: #7CAE73; font-weight: bold}
.moderatore {color: #63A4BA; font-weight: bold}

.utente, .daconvalidare, .topmembers {font-size: 11px}

.gruppo1 {background: #CFDD40; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase}
.gruppo2 {background: #8AB661; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase}
.gruppo3 {background: #F2856F; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase}
.gruppo4 {background: #F2B491; color: #FFF !important; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase}
.gruppo5 {background: #807D24; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #FFF !important; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase}
.gruppo6 {background: #F8D9C8; border-radius: 4px 22px / 22px 4px; padding: 2px 3px; color: #F2856F !important; font: 9px calibri; letter-spacing: 1px; text-transform: uppercase}


.box_gruppo1 .avatar {background-color: #F2B491 !important; border-color: rgba(0, 0, 0, .15)}
.box_gruppo2 .avatar {background-color: #CFDD40 !important; border-color: rgba(0, 0, 0, .15)}
.box_gruppo3 .avatar {background-color: #747C24 !important; border-color: rgba(0, 0, 0, .15)}
.box_gruppo4 .avatar {background-color: #7CA357 !important; border-color: rgba(0, 0, 0, .15)}

/* INPUT e BOTTONI */
.codebuttons {font-size: 10px; margin: 3px; padding: 5px 8px; background: #F2B491; color: #FFF; border-radius: 15px}
.forminput {font-size: 11px; margin: 3px; padding: 5px 8px; background: rgba(0, 0, 0, .1); color: #F9DAC8; border-radius: 15px}
.textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background: rgba(0, 0, 0, .1); color: #F9DAC8; border-radius: 15px}
/* mantenere separato il selettore per evitare problemi di visualizzazione */
#allegati input::-webkit-file-upload-button {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: rgba(0, 0, 0, .1); color: #F9DAC8; border: 0 solid #CCC; border-radius: 15px}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(0, 0, 0, .75); box-shadow: 0 0 2px rgba(0, 0, 0, .5)}

#mod_options {color: #F9DAC8; border: 0 solid #CCC; padding: 3px}
#send-button {background: #747C24; font-size: 10px; padding: 6px 10px; color: #CFDD40; font-weight: bold; text-transform: uppercase}

.buttons a {padding: 7px 0; background: transparent; border: 3px solid rgba(0, 0, 0, .1); border-radius: 20px; text-transform: uppercase; color: #FFF; font-weight: bold; font: 12px 'raleway'}
.buttons a:hover {background-color: #09C; color: #FFF}

/* fonts */
/* cyrillic-ext */
@font-face {font-family: 'Raleway';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCFPrEHJA.woff2) format('woff2');
unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f}
/* cyrillic */
@font-face {font-family: 'Raleway';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCMPrEHJA.woff2) format('woff2');
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116}
/* vietnamese */
@font-face {font-family: 'Raleway';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCHPrEHJA.woff2) format('woff2');
unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab}
/* latin-ext */
@font-face {font-family: 'Raleway';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCGPrEHJA.woff2) format('woff2');
unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff}
/* latin */
@font-face {font-family: 'Raleway';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCIPrE.woff2) format('woff2');
unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd}