/*=============================================================
// SKIN DI BASE - Dark Version
//============================================================= */

.sub-link:before, .side_title:after, .pages .first span, .pages .prev span, .pages .next span, .pages .last span {background-image: url('//img.forumfree.net/ffm/img/spritewhite.png')}
@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('//img.forumfree.net/ffm/img/spritewhite@2x.png')}}
@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('//img.forumfree.net/ffm/img/spritewhite@3x.png')}}

/*dadi*/
.dice-roll summary span:before {content: ''} .dice-roll {color: lightgrey} .dice-roll .dice-low {color: white} .dice-roll .dice-medium {color: white} .dice-roll .dice-high {color: white} .dice-roll .dice-highest {color: white} .dice-button {display:inline !important}
/* Dado combattimento */
.dice-roll.combattimento:not(.desc-personalized) summary span, .dice-roll.combattimento:not(.desc-personalized) summary em {display: none} .dice-roll.combattimento {color: lightgrey} .dice-roll.combattimento .dice-6 .result-1 {color: indianred} .dice-roll.combattimento .dice-6 .result-2 {color: mediumseagreen} .dice-roll.combattimento .dice-6 .result-3 {color: mediumseagreen} .dice-roll.combattimento .dice-6 .result-4 {color: darkorange} .dice-roll.combattimento .dice-6 .result-5 {color: darkorange} .dice-roll.combattimento .dice-6 .result-6 {color: darkorange}
.dice-roll.combattimento b {font-size: 0} .dice-roll.combattimento b:before {vertical-align: bottom}
.dice-roll.combattimento.roll-1 b:before {content: url('https://image.forumfree.it/8/1/2/7/8/8/7/1443516538.png')}
.dice-roll.combattimento.roll-2 b:before {content: url('https://image.forumfree.it/8/1/2/7/8/8/7/1443516490.png')}
.dice-roll.combattimento.roll-3 b:before {content: url('https://image.forumfree.it/8/1/2/7/8/8/7/1443516490.png')}
.dice-roll.combattimento.roll-4 b:before {content: url('https://image.forumfree.it/8/1/2/7/8/8/7/1443604120.png')}
.dice-roll.combattimento.roll-5 b:before {content: url('https://image.forumfree.it/8/1/2/7/8/8/7/1443604120.png')}
.dice-roll.combattimento.roll-6 b:before {content: url('https://image.forumfree.it/8/1/2/7/8/8/7/1443604120.png')}

body {font: 14px/100% 'segoe ui', trebuchet ms, tahoma; color: #778F9F; background-color: #020F18}
a {color: #316D8B; text-decoration: none} a:hover {color: #245066}
.male {color: #146AAE} .female {color: #CC6688}

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

/* SIDEBAR */
.sidebar {background-color: #0F232D}
.sidebar a {color: #778F9F} .sidebar span a {color: #245066}
.sidebar li {line-height: normal; color: #F5930A}
.side_title {background-color: #163240; color: #778F9F; border: 0; border-bottom: 1px solid #1A1A1A}
/* menu utente */
.menu > li {color: #F5930A}
.menu .nickname {font-weight: bold; font-size: 18px; color: #F5930A}
.sidebar em {font-weight: bold; color: #316D8B; background-color: #0F232D}
.submenu > li, .login > li, #ff_links, .search {border-top: 1px solid #222; border-bottom: 1px solid #111}
#ff_links, .search {border-top: 0}
/* login */
.login input {color: #245066; border: 1px solid #DDD}
.login input[type=submit] {background: #163240; color: #F5930A; font-weight: bold} .login input[type=submit]:hover {background: #12394D}
/* cerca */
.search {background-color: #163240}
.search input {color: #778F9F}

/* NAV */
.menuwrap_bg {background-color: #0D3351}
.menuwrap em {background-color: #F5930A}
/* nome forum */
#nav-title span {color: #F5930A; font-size: 18px; font-weight: normal}

/* HEADER, LOGO */
.header {background: #020F18;
background: -moz-linear-gradient(top, #002542 1%, #020F18 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #002542), color-stop(100%, #020F18));
background: -webkit-linear-gradient(top, #002542 1%, #020F18 100%);
background: -o-linear-gradient(top, #002542 1%, #020F18 100%);
background: -ms-linear-gradient(top, #002542 1%, #020F18 100%);
background: linear-gradient(to bottom, #002542 1%, #020F18 100%);
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#002542', endColorstr='#020F18', GradientType=0)}
.logo {padding-top: 8px; background-position: center center; background-repeat: no-repeat; background-size: contain}

/* SEZIONI */
.list-group > *, .stats_bottom li, .u_info dl {background-color: #0F232D; border-top: 1px solid #12394D; border-bottom: 1px solid #163240; padding: 8px}
.stats_list > li:last-child {border-bottom: 0}
.title {text-align: center; font-weight: normal; font-size: 14px; color: #F5930A; padding: 8px; background: #163240; background: -moz-linear-gradient(top, #163240 1%, #002542 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #163240), color-stop(100%, #002542)); background: -webkit-linear-gradient(top, #163240 1%, #002542 100%); background: -o-linear-gradient(top, #163240 1%, #002542 100%); background: -ms-linear-gradient(top, #163240 1%, #002542 100%); background: linear-gradient(to bottom, #163240 1%, #002542 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#163240', endColorstr='#002542', GradientType=0)}

.web a {font-size: 19px; font-weight: bold; color: #F5930A} .web a:hover {color: #778F9F; background-color: #163240}
.forum .web a {font-size: 17px}
.desc {color: #778F9F}
.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}
span.timeago {color: #778F9F !important} .topic .timeago {color: #778F9F}
.no-time {font-style:italic; color: #778F9F}
.popupago {text-align: center; background-color: #252D33; color: #778F9F; border-radius: 5px; -moz-border-radius: 5px}

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

/* .on, .annuncio, .importante */
.on {border-left: 5px solid #F5930A}
.annuncio {background-color: #252D33; border-top: 1px solid #2B3944; border-bottom-color: #163240}
.importante {background-color: #163240; border-top: 1px solid #778F9F; border-bottom-color: #0C1C24}

/* SELEZIONE RIGA: Moderazione */
li.selected {background-color: #F5930A !important; border-bottom-color: #F5930A !important} .selected *, .selected .web *, .selected .desc, .selected .desc *, .selected .last-post * {color: #778F9F !important}

/* MESSENGER */
#mp-option label, #mp-delete {background-color: #163240; color: #F5930A; font-weight: bold; font-size: 14px}
#mp-option label {border-right: 1px solid #000} #mp-delete {border-left: 1px solid #0C1C24}

/* DISCUSSIONI, ARTICOLI */
.post {border: 1px solid #778F9F}
.details a, .cancelled {font-size: 18px; font-weight: bold; color: #F5930A}
.cancelled {padding-left: 5px; font-weight: normal; color: #778F9F}
.topic .group {color: #778F9F; font-size: 13px}
.color {color: #FFF; text-align: justify}
.color a {font-weight: bold; text-decoration: underline}

.post .avatar {border-color: #0F232D; box-shadow: 0 0 0 1px #778F9F; -moz-box-shadow: 0 0 0 1px #778F9F; -webkit-box-shadow: 0 0 0 1px #778F9F}

.edit {font-size: 10px; font-style: italic; color: #778F9F}
.topic .option, .article .option {background-color: #12394D; border-top: 1px solid #163240}
.topic .like {color: #778F9F}
/* 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-color: #12394D; color: #F5930A; border-color: #163240}
.info {background-color: #12394D; color: #F5930A; border-color: #163240}
.success {background-color: #12394D; color: #F5930A; border-color: #163240}
.alert a, .info a, .success a {color: #778F9F; text-decoration: none; font-weight: bold} .success a {color: #FFB31C}
/* allegati */
.attachment {text-align: center; position: relative}
.attachment > a {display: inline-block; padding: 7px}

/* popup moderazione post */
.topic .pop ul {background-color: #12394D; border: 1px solid #163240; box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3)}
.topic .pop li, .pop #t_like {border-color: #081419} .topic .pop li:last-child {border: 0}
.topic .pop a {font-size: 14px; color: #FFB31C}

/* ONLINE, OFFLINE, ANONIMO */
.online, .offline, .anonimo {border-color: #1A1A1A}
.online {background-color: #E26200}
.offline {background-color: #464646}
.anonimo {background-color: #464646}

/* SONDAGGIO */
.poll-bar {background-color: #0F232D; border-radius: 2px; -moz-border-radius: 2px; color: #316D8B}
.poll-bar div {background-color: #E26200; border-radius: 2px 4px 4px 2px; -moz-border-radius: 2px 4px 4px 2px; color: #316D8B}
.poll-max .poll-bar div {background-color: #F5930A}

/* PAGINAZIONE */
.pages, .pages .nolink:hover {border: 1px solid #0C1C24; background-color: #12394D !important}
.pages li a {color: #778F9F; font-size: 17px; box-shadow: 1px 0 0 #0C1C24, inset 1px 0 0 #0C1C24; -moz-box-shadow: 1px 0 0 #0C1C24, inset 1px 0 0 #0C1C24; -webkit-box-shadow: 1px 0 0 #0C1C24, inset 1px 0 0 #0C1C24}
.pages li > a:first-child {box-shadow: -1px 0 0 #0C1C24; -moz-box-shadow: -1px 0 0 #0C1C24; -webkit-box-shadow: -1px 0 0 #0C1C24}
.pages li a:hover {background-color: #12394D}

/* CITAZIONI, SPOILER e CODICI annidati */
.quote_top, .quote, .code_top, .code {margin: 10pt 0 0; border-left: 3px solid #FFB31C}
.quote_top, .code_top {font-size: 11px; color: #FFB31C; padding-left: 7px}
.code {font-family: 'Courier New', Sans-serif}
.quote_top a {padding: 0 10px; background: transparent url('//img.forumfree.net/index_file/q.png') center no-repeat; text-decoration: none}
.quote, .code {padding: 5px 0 5px 10px; margin-top: 0; font-size: 9pt; line-height: 120%; color: #778F9F; text-align: justify}

/* PROFILO */
header.profile {padding: 15px 0; color: #FFB31C}
.profile .avatar {border-radius: 90px; -moz-border-radius: 90px; border-width: 5px; margin-bottom: 20px; background-color: #020F18}
.avatar {border-color: #12394D}
.u_nick {font-size: 25px; font-weight: bold}
.u_status {border-color: #020F18}
.u_group {font-size: 15px}
.u_stats > table td {border-left: 1px solid #222; border-right: 1px solid #111} .u_stats > table td:last-child {border-right: 0}

.profile .title, li.u_info, li.u_signature, li.u_friends {margin: 0 7px; border: 1px solid #333}
.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: 1px solid #0F232D; border-radius: 5px; -moz-border-radius: 5px}
.friend_avatar img {border-radius: 5px; -moz-border-radius: 5px}
.friend_nickname {background: #12394D; color: #778F9F; 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: #778F9F}
.user_online a, .groups_list a {font-weight: bold}
.groups_list {padding: 10px 5px}
.stats_list {text-align: left} .stats_list > li {padding: 3px 10px; font-weight: bold}

/* COLORI UTENTI */
.male {color: #5AD} .female {color: #E57}
.daconvalidare {font-style: italic; color: #008000}
.box_daconvalidare .details {font-style: italic; color: #008000}
.box_daconvalidare .details > a {color: #008000}
.post .details {border-bottom: 3px solid #303030; background: #3E3E3E}
.post .details a:hover {opacity: .6}
.utente {}
.box_utente .details {}
.amministratore {color: #FB0000; font-weight: bold}
.box_amministratore .details {border-color: #FB0000}
.box_amministratore .details > a {color: #FB0000}
.moderatore {color: #3377FF; font-weight: bold}
.moderatore .details > a {color: #3377FF}
.box_moderatore .details {border-color: #3377FF}
.gruppo1 {color: #FF5555; font-weight: bold}
.box_gruppo1 .details {border-color: #FF5555}
.box_gruppo1 .details > a {color: #FF5555}
.gruppo2 {color: #FF5500; font-weight: bold}
.box_gruppo2 .details {border-color: #FF5500}
.box_gruppo2 .details > a {color: #FF5500}
.gruppo3 {color: #FFFF1C; font-weight: bold}
.box_gruppo3 .details {border-color: #FFFF1C}
.box_gruppo3 .details > a {color: #FFFF1C}
.gruppo4 {color: #0090FF; font-weight: bold}
.box_gruppo4 .details {border-color: #0090FF}
.box_gruppo4 .details > a {color: #0090FF}
.gruppo5 {color: #999999; font-weight: bold}
.box_gruppo5 .details {border-color: #999999}
.box_gruppo5 .details > a {color: #999999}
.gruppo6 {color: #FFFFFF; font-weight: bold}
.box_gruppo6 .details {border-color: #FFFFFF}
.box_gruppo6 .details > a {color: #FFFFFF}
.gruppo7 {color: #00A400; font-weight: bold}
.box_gruppo7 .details {border-color: #00A400}
.box_gruppo7 .details > a {color: #00A400}
.gruppo8 {color: #01A4A4; font-weight: bold}
.box_gruppo8 .details {border-color: #01A4A4}
.box_gruppo8 .details > a {color: #01A4A4}
.gruppo9 {color: #117BA7; font-weight: bold}
.box_gruppo9 .details {border-color: #117BA7}
.box_gruppo9 .details > a {color: #117BA7}
.gruppo10 {color: #00DD00; font-weight: bold}
.box_gruppo10 .details {border-color: #00DD00}
.box_gruppo10 .details > a {color: #00DD00}
.gruppo11 {color: #AEFFFF; font-weight: bold}
.box_gruppo11 .details {border-color: #AEFFFF}
.box_gruppo11 .details > a {color: #CCFF99}
.gruppo12 {color: #CCFF99; font-weight: bold}
.box_gruppo12 .details {border-color: #CCFF99}
.box_gruppo12 .details > a {color: #CCFF99}
.gruppo13 {}
.box_gruppo13 .details {}
.box_gruppo13 .details > a {}
.gruppo14 {color: #226688; font-weight: bold}
.box_gruppo14 .details {border-color: #226688}
.box_gruppo14 .details > a {color: #226688}

/* INPUT e BOTTONI */
.codebuttons, .forminput, .textinput, #allegati input {font-size: 1em; margin: 3px; padding: 5px 8px; background-color: #778F9F; color: #0F232D; border: 1px solid #0D3351; 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: #F0F0F0; color: #0D3351; border: 1px solid #12394D; border-radius: 3px; -moz-border-radius: 3px}
.codebuttons:hover, #send-button:hover {background-color: #1D4462; border-color: #1D4462}
.textinput {margin: 10px 0; font-size: 16px}
/* bagliore azzurro */
.textinput:focus {outline: none; border-color: rgba(186, 159, 82, .75); box-shadow: 0 0 2px rgba(186, 159, 82, .5); -moz-box-shadow: 0 0 2px rgba(186, 159, 82, .5); -webkit-box-shadow: 0 0 2px rgba(186, 159, 82, .5)}

#mod_options {color: #777; padding: 3px}
#send-button {background: #1D4462; border-color: #1D4462; font-size: 15px; color: #F5930A; font-weight: bold}

.buttons a {padding: 7px 0; background-color: #12394D; color: #F5930A; font-weight: bold; font-size: 14px; border: 1px solid #191919}
.buttons a:hover {background-color: #1D4462}

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

/*colore tag utente*/
.color mark {background: #F5930A}