/****************************************************************************/
/* STILE DELLA FINESTRA PRESENTI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori dei presenti
- Le dimensioni e la posizione della finestra dei presenti
- Lo sfondo della finestra dei presenti */

/*Frame dei presenti*/
div.presenti iframe.iframe_presenti {
    /*margin: 0.6vw;*/
    width: 100%;
    border: none;
    overflow: hidden;
    background-color: transparent;
	height:95%;
}

span.quest_tag {
	letter-spacing: 1px;
    margin-left: 40px;
    color: #aed9e5;
}

div.pagina_presenti {
    overflow: auto;
}

div.presenti iframe.iframe_presenti body.transparent_body {
    background-color: none;
}

div.luogo {
    margin: 10px 0 0 0;
    font-size: 13px;
    font-weight: bolder;
}

div.presente {
    font-weight: normal;
    font-size: 12px;
	margin:3px;
	text-align: center;
	font-family: Balgruf;
}

div.pres_container {
    width: 200px;
    height: 18px;
    margin-top: 12px;
    text-align: center;
    align-items: center;
    margin-left: 3px;
}

div.link_presenti {

}

/*Icone di stato dei presenti*/
div.pagina_presenti img.sesso_ico,
div.pagina_presenti img.status_ico,
div.pagina_presenti img.disponibile,
div.pagina_presenti_estesa img.sesso_ico,
div.pagina_presenti_estesa img.status_ico,
div.pagina_presenti_estesa img.disponibile {
    margin: 0 2px 0 0;
}

div.pagina_presenti img.disponibile_switch {

}

/*Link nella colonna presenti */
div.pagina_presenti a,
div.pagina_presenti a:visited {
    border: none;
	color: #D7CEB2;
	font-size: 5vw;
}
div.pagina_presenti_estesa a,
div.pagina_presenti_estesa a:visited {
    border: none;
    color: #D7CEB2;
    font-size: 14px;
    font-family: 'Balgruf';
}

div.pagina_presenti a:hover,
div.pagina_presenti_estesa a:hover {
    border: none;
}

/*Testo nella colonna presenti*/
div.pagina_presenti ul.elenco_presenti,
div.pagina_presenti_estesa ul.elenco_presenti {
    list-style-type: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    text-align: left;
	display: flex;
    flex-wrap: wrap;
}

/*Nomi dei luoghi*/
div.pagina_presenti ul.elenco_presenti li.luogo,
div.pagina_presenti_estesa ul.elenco_presenti li.luogo {
	font-size: 0.9vw;
    font-weight: bold;
    /* margin: 3px 0 1px 8px; */
    text-transform: uppercase;
    padding: 0.2vw;
    padding-left: 10vw;
	width: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #2e6f79 20%, #1e5363 50%, #153b46 100%);
	color: #D7CEB2;
	clear: both;
}

div.pagina_presenti_estesa ul.elenco_presenti li.mappa {
	font-size: 1.1vw;
    font-weight: bold;
    padding: 0.1vw;
	width: 100%;
    color: #afa792;
    margin: 3px 0 1px 0;
    padding-left: 5vw;
    text-transform: uppercase;
	background: #153246b8;
    border-top: 0.1vw solid #000000;
	clear: both;
	font-size: 18px;
	font-family: 'Atteron';
}
 
/* Nomi dei personaggi */
div.pagina_presenti ul.elenco_presenti li.presente,
div.pagina_presenti_estesa ul.elenco_presenti li.presente {
	margin: 0.5vw;
    background: url(imgs/bg_pg_online_estesi.png) no-repeat;
    width: 292px;
    height: 75px;
    display: flex;
    flex-wrap: wrap;
}

div.li_pres_cont{
	margin-bottom: 1vh;
}

div.status_pres{
	width: 200px;
    height: 12px;
    margin-left: 10px;
    color: #D7CEB2;
    margin-top: -2px;
    padding: 3px;
    text-align: justify;
}

div.pagina_presenti_estesa div.presenti_estesi {
 
}

/*Icone presenti*/
img.presenti_ico {
    margin-left: 2px;
    width: 10px;
    height: 10px;
    border: none;
}

/*immagine presenti*/
img.img_pres {
	border: 1px solid black;
    width: 55px;
    height: 55px;
    border-radius: 6vw;
    margin-top: 8px;
    margin-left: 8px;
}

@media screen and (min-width: 1900px) {
	div.pagina_presenti a, div.pagina_presenti a:visited {font-size:14px;}
	div.footpresenti {font-size:15px;}

}

span.ico_permessi {
	background-color: #272523;
    width: 15px;
    height: 15px;
    color: #d7ceb2;
    font-family: 'Atteron';
    border-radius: 2px;
    border: 2px solid #3d3d3d;
    font-size: 13px;
	display: block;
    float: right;
}

a.play_start_0 {
	color: #d7ceb2 !important;
}

a.play_start_1 {
	color: #dc3636 !important;
}

.play_offer {
    color: #dc3636 !important;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    background: black;
    width: 23px;
    height: 23px;
    text-align: center;
    margin: 4px 0px 0px 50px;
    border-radius: 23px;
}