/* MORE OR LESS BLUE SKIN */
body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #DDDDDD; background: #000000}
a {text-decoration: none}

.footer {color: #DDDDDD; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.footer a {font-weight: bold; color: #DDDDDD}

/* SIDEBAR */
.sidebar {background-color: #282828}
.sidebar li {line-height: normal; color: #747474}
.side_title {background-color: #282828; color: #DDDDDD; text-align: center !important}
.sidebar .menu li a {color: #BBBBBB}
.sidebar .submenu {background: #303030; margin: 2px; border-radius: 5px; -moz-border-radius: 5px}
.menu {overflow-x: hidden !important}
.frequented_sites {width: auto !important}
.submenu > li {padding: 5px}
.menu > li:nth-child(even) .side_close {background: #081627}
/* menu utente */
.menu .nickname {font-weight: bold; font-size: 18px; color: #464646}
.sidebar em {font-weight: bold; color: #FFF; background-color: #464646}
/* login */
.login input {color: #000000}
.login input[type=submit] {background: #000000; color: #FFF; font-weight: bold}
/* cerca */
.search {background-color: #000000}
.search input {color: #999; padding: 0 5px}

/* NAV */
#nav-title span {color: #FFF; font-size: 16px; font-weight: normal}

/* HEADER, LOGO */
.logo {background-position: center; background-repeat: no-repeat; background-size: contain; background-color: #000}

/* SEZIONI */
.list-group {background: #282828; box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
.list-group > *, .stats_bottom li, .u_info dl {background-color: #303030; padding: 8px}
.list-group > *:nth-child(even), .stats_bottom .stats_list li:nth-child(odd) {background-color: #282828}
.stats .user_online {background: #303030}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-weight: normal; font-size: 14px; color: #FFF; padding: 8px; background: #3E3E3E; border-bottom: 3px solid #303030}
.web a {font-size: 19px; font-weight: bold}
.forum .web a {font-size: 17px}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #777 !important}
.last-post {color: #888}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: #DDDDDD}
span.timeago {color: #999 !important}
.topic .timeago {color: #CCC}
.no-time {font-style:italic; color: #999}
.popupago {text-align: center; background-color: #000; color: #FFF; border-radius: 5px; -moz-border-radius: 5px}

/* sottosezioni */
.sub-link {font-size: 13px; color: #EEE}

/* SELEZIONE RIGA: Moderazione */
li.selected {border-bottom-color: #2684F0 !important; color: #FFF}
.selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #FFF !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #353535; color: #007299; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}

/* DISCUSSIONI, ARTICOLI */
.post {background: #353535 !important}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #DDD}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {color: #CCC; font-size: 13px}
.color {color: #EEEEEE; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #AAA}
.topic .option, .article .option {background-color: #3E3E3E}
.topic .like {color: #666}
/* 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 {background: #F68B8B !important; color: #C00 !important}
.info {background: #AFD5E2 !important; color: #146AAE !important}
.success {background: #BAE2AF !important; color: #18A21A !important}
.alert a, .info a, .success a {color: #FFF; border: 1px dotted transparent}
.alert a:hover, .info a:hover, .success a:hover {color: #F7F7F7}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}
/* popup moderazione post */
.topic .pop ul {background-color: #555; box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1)}
.topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #FFF}

/* ONLINE, OFFLINE, ANONIMO */
.online {background-color: #7CD554}
.offline {background-color: #E22D2D}
.anonimo {background-color: #464646}

/* SONDAGGI */
.poll-bar {background: #3E3E3E; border-radius: 3px; -moz-border-radius: 3px}
.poll-bar div {background: #CCCCCC; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px}
.poll-max .poll-bar {background: #3E3E3E; color: #282828}
.poll-max .poll-bar div {background: #FFFFFF}

/* PAGINAZIONE */
.pages li a {font-size: 17px}
.pages li a:hover {background-color: #EEE}
.pages .prev, .pages .next {background: rgba(0, 0, 0, .05)}

/* CITAZIONI, SPOILER E CODICI */
.quote, .code {padding: 5px; font-size: 9pt; font-weight: normal; color: #CCC; background: #222; border-radius: 5px; -moz-border-radius: 5px}
.quote .quote, .quote .code, .spoiler .quote, .code .code {color: #696969; background: #F6F6F6}
.quote .quote .quote, .quote .quote .code,
.spoiler .quote .quote, .spoiler .quote .code,
.quote .spoiler .quote, .quote .code .code {color: #4D4D4D; background: #EAEAEA}
.quote .quote .quote .quote, .quote .quote .quote .code,
.spoiler .quote .quote .quote, .spoiler .quote .quote .code,
.quote .spoiler .quote .quote, .quote .spoiler .quote .code,
.quote .quote .spoiler .quote, .quote .quote .code .code,
.quote .quote .quote .code {color: #696969; background: #F6F6F6}
.quote_top, .code_top {font-size: 11px; color: #999; margin: 1em 2px}

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

/* STATISTICHE */
.stats {text-align: center; color: #888}
.groups_list {padding: 10px 5px}
.user_online a:before, .groups_list a:before {color: #888}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* COLORI UTENTI */
.box_visitatore .details {border: 0; background: transparent}
.utente {color: #EEEEEE; font-weight: normal !important}
.groups dd a .utente {background: transparent; color: #FFF}
.box_utente .details .avatar img {border-color: #595959}
.male {color: #5AD} .female {color: #E57}
.daconvalidare {font-style: italic; color: #A2A2A2}
.groups dd a .daconvalidare {background: transparent; color: #FFF}
.box_daconvalidare .details .avatar img {border-color: #757575}
.amministratore {color: #CB4441; font-weight: bold}
.groups dd a .amministratore {background: transparent; color: #CB4441}
.box_amministratore .details .avatar img {border-color: #FF5555}
.moderatore {color: #4747C5; font-weight: bold}
.groups dd a .moderatore {background: transparent; color: #4747C5}
.box_moderatore .details .avatar img {border-color: #4178C9}
.gruppo1 {color: #CB4441; font-weight: bold}
.groups dd a .gruppo1 {background: transparent; color: #CB4441}
.box_gruppo1 .details .avatar img {border-color: #B980FF}
.gruppo2 {color: #0070DC; font-weight: bold}
.groups dd a .gruppo2 {background: transparent; color: #0070DC}
.box_gruppo2 .details .avatar img {border-color: #0070DC}
.gruppo3 {color: #BE35C9; font-weight: bold}
.groups dd a .gruppo3 {background: transparent; color: #BE35C9}
.box_gruppo3 .details .avatar img {border-color: #A2D8F2}
.gruppo4 {color: #56C057; font-weight: bold}
.groups dd a .gruppo4 {background: transparent; color: #56C057}
.box_gruppo4 .details .avatar img {border-color: #85DB30}
.gruppo5 {color: #00AAFF; font-weight: bold}
.groups dd a .gruppo5 {background: transparent; color: #00AAFF}
.box_gruppo5 .details .avatar img {border-color: #E2D300}
.gruppo6 {color: #3CA6C6; font-weight: bold}
.groups dd a .gruppo6 {background: transparent; color: #3CA6C6}
.box_gruppo6 .details .avatar img {border-color: #EAA560}
.gruppo7 {color: #C472A8; font-weight: bold}
.groups dd a .gruppo7 {background: transparent; color: #C472A8}
.box_gruppo7 .details .avatar img {border-color: #C472A8}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; color: #545454; background: #E4E4E4; border: none; border-radius: 3px; -moz-border-radius: 3px}
/* 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: #E4E4E4; color: #545454; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background: #DDDDDD; color: #282828}
.textinput {margin: 10px 0; font-size: 16px}
#mod_options {color: #777; padding: 3px}
#send-button {background: #DDDDDD; font-size: 15px; color: #282828; font-weight: bold}
.buttons a {padding: 7px 0; background-color: #DDDDDD; color: #282828; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: #FFFFFF; color: #282828}
a.new-topic {color: #FFF}
a.new-topic:hover {color: #FFF}
a.reply {background-color: #7CD554; color: #FFF}
a.reply:hover {opacity: .8}
a.delete {background-color: #DA2C2C; color: #FFF}
a.delete:hover {opacity: .8}

/* CSS DEFAULT MOBILE */
a {color: #BBBBBB}
a:hover {color: #FFFFFF}
.last-post a *, .web * {color: #BBBBBB !important}
.menuwrap_bg {background-color: #000000}
.menuwrap em {background-color: rgba(217, 226, 233, 0.6)}
.header {background: #282828}
.forum .on, .board .on {border-left: 4px solid #E13030 !important}
.annuncio {background-color: #111 !important}
.importante {background-color: #1E1E1E !important}
li.selected {background-color: #000000 !important}
a.new-topic, a.new-topic:hover {background-color: #000000}

/* SPINNER SCURO */
#spinner {background: rgba(0, 0, 0, .7); color: #FFF}
#pathspinner {stroke: #FFF}

/* SPRITE PER SKIN SCURE */
.search input, .timeago:before, .like:before, .pop a:before, .sub-link:before, #left .side_title:after, #refresh-tag, .closed .web a:before, .polls .web a:before, .poll_icon, .topic .pop > button, #fastemoticon span, #attachment span, #fastpoll span, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite.png')}
@media only screen and (min-resolution: 192dpi) {.search input, .timeago:before, .like:before, .pop a:before, .sub-link:before, #left .side_title:after, #refresh-tag, .closed .web a:before, .polls .web a:before, .poll_icon, .topic .pop > button, #fastemoticon span, #attachment span, #fastpoll span, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@2x.png')}}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {.search input, .timeago:before, .like:before, .pop a:before, .sub-link:before, #left .side_title:after, #refresh-tag, .closed .web a:before, .polls .web a:before, .poll_icon, .topic .pop > button, #fastemoticon span, #attachment span, #fastpoll span, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@3x.png')}}