/* MORE OR LESS BLUE NIGHT SKIN */

.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite.png') !important}
@media only screen and (min-resolution: 192dpi) {.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@2x.png') !important}}
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('https://img.forumfree.net/ffm/img/spritewhite@3x.png') !important}}


body {font: 14px/150% 'Roboto', Trebuchet MS, Tahoma, Sans-serif; color: #FFF; background: #071321}
a {text-decoration: none}

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

/* SIDEBAR */
.sidebar {background-color: #0A1C31}
.sidebar li {line-height: normal; color: #747474}
.side_title {background-color: #102644; color: #EEE; text-align: center !important}
.sidebar .menu li a {color: #EEE}
.sidebar .submenu {background: #081627; margin: 5px; 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: #050C16}
/* 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[type=submit] {background: #535353; color: #FFF; font-weight: bold}
/* cerca */
.search {background-color: #102644}
.search input {color: #EEE; padding: 0 5px}

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

/* HEADER, LOGO */
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* SEZIONI */
.list-group {background: #081627; 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: #081627; padding: 8px}
.list-group > *:nth-child(even), .stats_bottom .stats_list li:nth-child(odd), .u_info dl:nth-child(even) {background-color: #0A1C31}
.stats .user_online {background: #081627}
.stats_list > li:last-child {border-bottom: 0}
.title {font-famili: segoe script; text-align: center; font-weight: bold; font-size: 16px; color: #F04B23; padding: 8px; background: #102644; border-bottom: 3px solid #0A1C31}
.web a {font-size: 16px; font-weight: bold; color: #F04B23}
.forum .web a {font-size: 14px color: #F04B23}
/* mantenere "!important" per evitare problemi di visualizzazione */
.desc, .desc * {color: #F04B23 !important}
.last-post {color: #F04B23}
.board .last-post a, .board .last-post a * {font-size: 14px !important; font-weight: normal; color: #1E90FF}
.forum .last-post {margin-top: 7px}
.topics, .replies, .views {font-size: 12px; color: grey}
span.timeago {color: #999 !important}
.topic .timeago {color: #666}
.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: #78BCFF}

/* 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: #FFF; color: #007299; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #DDD}

/* DISCUSSIONI, ARTICOLI */
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #09C}
.cancelled {padding-left: 5px; font-weight: normal; color: #444}
.topic .group {font-size: 13px}
.color {color: #E6F0FA; text-align: left}
.color a {font-weight: bold; text-decoration: underline}
.edit {font-size: 10px; font-style: italic; color: #666}
.topic .option, .article .option {background-color: rgb(16, 38, 68)}
.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: #EEE; 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: #333}

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

/* SONDAGGI */
.poll-bar {background: #E0E0E0; border-radius: 3px; -moz-border-radius: 3px}
.poll-bar div {background: #AADDF4; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px}
.poll-max .poll-bar {background: #E0E0E0; color: #535353}
.poll-max .poll-bar div {background: #70C6EC}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {background-color: #0A1C31 !important; margin}
.pages li a {color: #666; 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: #CCD5E1; background: #4478A8; border-radius: 5px; -moz-border-radius: 5px}
.quote .quote, .quote .code, .spoiler .quote, .code .code {color: #CCD5E1; background: #306A9F}
.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: #555; 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}
.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: #696969; font-weight: normal !important}
.groups dd a .utente {background: #696969; color: #F0FFFF}
.box_utente .details .avatar img {border-color: #696969}
.male {color: #5AD} .female {color: #E57}
.daconvalidare {font-style: italic; color: #757575}
.groups dd a .daconvalidare, .groups dd a .topmembers {background: #757575; color: #FFF}
.box_daconvalidare .details .avatar img {border-color: #757575}
.amministratore {color: #00BFFF; font-weight: bold}
.groups dd a .amministratore {background: #00BFFF; color: #F0FFFF}
.box_amministratore .details .avatar img {border-color: #00BFFF}
.moderatore {color: #FB0000; font-weight: bold}
.groups dd a .moderatore {background: #FB0000; color: #F0FFFF}
.box_moderatore .details .avatar img {border-color: #FB0000}
.gruppo1 {color: #FF0000; font-weight: bold}
.groups dd a .gruppo1 {background: #FF0000; color: #F0FFFF}
.box_gruppo1 .details .avatar img {border-color: #FF0000}
.gruppo2 {color: #808000; font-weight: bold}
.groups dd a .gruppo2 {background: #808000; color: #F0FFFF}
.box_gruppo2 .details .avatar img {border-color: #808000}
.gruppo3 {color: #228B22; font-weight: bold}
.groups dd a .gruppo3 {background: #228B22; color: #F0FFFF}
.box_gruppo3 .details .avatar img {border-color: #228B22}
.gruppo4 {color: #0000FF; font-weight: bold}
.groups dd a .gruppo4 {background: #0000FF; color: #F0FFFF}
.box_gruppo4 .details .avatar img {border-color: #0000FF}
.gruppo5 {color: #9932CC; font-weight: bold}
.groups dd a .gruppo5 {background: #9932CC; color: #F0FFFF}
.box_gruppo5 .details .avatar img {border-color: #9932CC}
.gruppo6 {color: #800080; font-weight: bold}
.groups dd a .gruppo6 {background: #800080; color: #F0FFFF}
.box_gruppo6 .details .avatar img {border-color: #800080}
.esiliati {color: #708090; font-weight: bold}
.groups dd a .esiliati {background: #708090; color: #F0FFFF}
.box_esiliati .details .avatar img {border-color: #708090}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; color: #050C16; background: rgb(187, 187, 187); 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: #102644; color: #FFF}
.textinput {margin: 10px 0; font-size: 16px}
#mod_options {color: #777; padding: 3px}
#send-button {background: #535353; font-size: 15px; color: #FFF; font-weight: bold}
.buttons a {padding: 7px 0; background-color: rgb(16, 38, 68); color: #FFF; font-weight: bold; font-size: 14px}
.buttons a:hover {background-color: rgba(16, 38, 68, .5); color: #FFF}
a.new-topic {color: #FFF}
a.new-topic:hover {opacity: .8}
a.reply {color: #FFF}
a.reply:hover {opacity: .8}
a.delete {background-color: #ED3D3B; color: #FFF}
a.delete:hover {opacity: .8}

/* CSS DEFAULT MOBILE */
a {color: #AD6AEA}
a:hover {color: rgba(187, 187, 187, .5)}
.last-post a *, .web * {color: #AD6AEA !important}
.menuwrap_bg {background-color: #081627}
.menuwrap em {background-color: rgba(239, 217, 217, 0.6)}
.header {background: #081627}
.forum .on, .board .on {border-left: 4px solid #16609F !important}
.annuncio {background-color: #17283B !important}
.annuncio *, .importante * {color: #FFF !important}
.importante {background-color: #82868B !important}
li.selected {background-color: #323B47 !important}
a.new-topic, a.new-topic:hover {background-color: #17283B}
a.reply, a.reply:hover {background-color: #323B47}

/* Aggiungo per indicare iscrizioni attive */
.tracked .on {border-left: 5px solid #AD6AEA !important}

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