*
{
	-webkit-overflow-scrolling:	touch;
}

body
{
	background-color:		#FFF1F1;
	font-family:			Raleway;
	color:					#000000;
	transition:				background-color 800ms linear;
}

body.loading
{
	background-color:		#5E2E2D;
}

body.home
{
	background-color:		#FFFFFF;
}

a
{
	color:					#6C757D;
}

.my_container
{
	margin:					0px;
	padding:				0px;
}

.navbar-custom
{
	background-color:		#5E2E2D;
	display:				flex;
	justify-content:		center;
	align-items:			center;
}

.navbar-custom .topbar-menu .nav-link
{
	color:					#FFFFFF;
	background-color:		#5E2E2D;
}

.nav-user
{
	border-width:			0px;
}

.content-page
{
	padding:				70px 0px 65px;
}

.content-page.labassanese
{
	padding:				72px 0px 65px;
}

.title_header
{
	height:					50px;
	display:				flex;
	align-items:			center;
	float:					left;
	margin-left:			12px;
	line-height:			26px;
}

#img_header
{
	height:					40px;
}

#img_esteso_header
{
	width:					60%;
	height:					40px;
	background-size:		contain;
	background-position:	center;
	background-repeat:		no-repeat;
}

.icon_torna
{
	position:				absolute;
	top:					22px;
	left:					12px;
	margin-right:			12px;
	cursor:					pointer;
	color:					#FFFFFF;
    font-size:				26px;
}

#icon_apri_menu
{
	position:				relative;
    font-size:				32px;
    top:					-6px;
}

#content_sottoheader
{
	position:				fixed;
	top:					70px;
	left:					0px;
	width:					100%;
	height:					40px;
	display:				flex;
	justify-content:		center;
	align-items:			center;
	background-color:		#FFFFFF;
	box-shadow:				0px 0px 35px 0px rgb(154 161 171 / 15%);
	z-index:				30;
}

#box_menu_sotto
{
	position:				fixed;
	left:					0px;
	right:					0px;
	bottom:					36px;
	margin-left:			auto;
	margin-right:			auto;
	width:					80%;
	padding:				12px;
	background-color:		#5E2E2D;
	border-radius:			20px;
	font-size:				20px;
	display:				flex;
	align-items:			center;
	justify-content:		space-around;
	z-index:				100;
}

#box_menu_sotto i
{
	color:					#A48585;
}

#box_menu_sotto i.active
{
	color:					#FFFFFF;
}

.footer
{
	border-top:				0px;
	text-align:				left;
}

#img_footer
{
	width:					100%;
	height:					150px;
	background-size:		contain;
	background-position:	center;
	background-repeat:		no-repeat;
	margin-bottom:			24px;
}

#img_footer.img_footer_illibraio
{
	height:					50px;
}

#img_footer.img_footer_pde
{
	height:					60px;
}

.lbl_footer
{
	/*font-size:				16px;*/
	color:					#6C757D;
	padding-bottom:			100px;
}

.box_storia_footer 
{
	font-size:				16px;
	color:					#6C757D;
	margin-bottom:			100px;
}

.box_storia_footer.grande
{
	font-size:				18px;
}

.footer_text_blue
{
	color:					#5E2E2D;
}

.box_storia_footer b:not(.footer_text_blue)
{
	color:					#4A535B;
}

/* ########## INDEX ########## */

.content_box_sezioni
{
	border-radius:				11px;
	margin-left:				12px;
	margin-right:				12px;
	margin-top:					12px;
	overflow:					hidden;
}

.content_box_sezioni.color
{
	background-color:			#FFF1F1;
}

.titolo_sezione
{
	font-size:					24px;
	font-weight:				bold;
	color:						#000000;
	padding-left:				12px;
	font-family:				RalewayBold;
}

.sottotitolo_sezione
{
	font-size:					13px;
	padding-left:				12px;
}

.box_sezione
{
	position:					relative;
	width:						100%;
	height:						180px;
	margin:						12px;
	background-position:		center;
	background-size:			cover;
	border-radius:				10px;
	box-shadow:					0px 0px 4px 0px #00000040;
}

.box_sezione.back_top
{
	background-position:		top, center;
}

.box_sezione span
{
	position:					absolute;
	left:						0px;
	right:						0px;
	bottom:						12px;
	margin-left:				auto;
	margin-right:				auto;
	width:						90%;
	padding:					6px;
	border-radius:				5px;
	font-size:					11px;
	text-align:					center;
	background-color:			#814746;
	color:						#FFFFFF;
}

/* ########## HOME ########## */

#box_nuove_notifiche
{
	padding:					16px 8px 16px 8px;
    background-color:			#EA4E3D;
    color:						#FFFFFF;
}

#box_titolo
{
	color:						#5E2E2D;
	background-color:			#FFFFFF;
	text-align:					center;
	padding:					12px;
	font-size:					24px;
	font-family:				RalewayBold;
}

#box_titolo.small
{
	font-size:					18px;
}

#box_content_box_slick
{
	width:						100%;
	overflow:					scroll;
	background-color:			#FFF1F1;
}

#content_box_slick
{
	padding-top:				12px;
	width:						max-content;
}

.content_box_news
{
	position:					relative;
	width:						320px;
	padding:					18px;
	padding-left:				32px;
	padding-right:				0px;
	font-size:					18px;
	display:					inline-block;
    vertical-align:				top;
}

.box_img_news
{
	position:				relative;
}

.lbl_consigliato_img_news
{
	position:				absolute;
	top:					-4px;
	left:					-4px;
	padding:				8px;
	background-color:		#5E2E2D;
	color:					#FFFFFF;
	font-size:				12px;
	border-radius:			12px;
	box-shadow:				0px 0px 4px 0px #00000040;
	z-index:				21;
}

.img_news
{
	position:				relative;
	left:					0px;
	height:					370px;
	background-image:		url('../images/libro_default.jpg');
	background-size:		contain;
	background-position:	center left;
	background-repeat:		no-repeat;
	background-color:		#FFF1F1;
	z-index:				20;
}

.img_news.modal_prenotazione
{
	height:					200px;
	background-position:	top left;
	background-color:		#FFFFFF;
}

.img_news_illibraio
{
	position:				relative;
	left:					20px;
	height:					260px;
	background-image:		url('../images/libro_default.jpg');
	background-size:		cover;
	background-position:	center;
	background-repeat:		no-repeat;
	z-index:				20;
}

.img_ultimo
{
	position:				absolute;
	top:					-9px;
	left:					62px;
	width:					120px;
	height:					50px;
	background-image:		url('../images/ultimo.png');
	background-size:		contain;
	background-position:	top left;
	background-repeat:		no-repeat;
	z-index:				25;
}

.img_super
{
	position:				absolute;
	top:					-9px;
	left:					62px;
	width:					120px;
	height:					50px;
	background-image:		url('../images/super.png');
	background-size:		contain;
	background-position:	top left;
	background-repeat:		no-repeat;
	z-index:				25;
}

.img_new
{
	position:				absolute;
	top:					-9px;
	left:					62px;
	width:					120px;
	height:					50px;
	background-image:		url('../images/new.png');
	background-size:		contain;
	background-position:	top left;
	background-repeat:		no-repeat;
	z-index:				25;
}

.img_ombra_news
{
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					100%;
	z-index:				10;
}

#img_ombra_news_dettaglio
{
	left:					58px;
}

.box_macro_categoria
{
	position:				absolute;
	bottom:					-4px;
	left:					11px;
	width:					120px;
	height:					30px;
	background-position:	center;
	background-size:		contain;
	background-repeat:		no-repeat;
	color:					#000000;
	font-size:				14px;
	text-align:				center;
	display:				flex;
    justify-content:		center;
    align-items:			flex-end;
	z-index:				20;
	text-transform:			uppercase;
}

.box_macro_categoria.catalogo
{
	left:					3px;
}

.box_macro_categoria.arte
{
	
}

.box_macro_categoria.avventura
{
	
}

.box_macro_categoria.biografie
{
	
}

.box_macro_categoria.fantascienza
{
	
}

.box_macro_categoria.fantasy
{
	
}

.box_macro_categoria.filosofia
{
	
}

.box_macro_categoria.giallo
{
	
}

.box_macro_categoria.letteratura
{
	
}

.box_macro_categoria.narrativa
{
	
}

.box_macro_categoria.poesia
{
	
}

.box_macro_categoria.saggistica
{
	
}

.box_macro_categoria.storia
{
	
}

.box_macro_categoria.thriller
{
	color:					#000000;
}

.box_macro_categoria.viaggi
{
	
}

.box_info_news
{
	color:					#000000;
}

.box_recensione
{
	position:				relative;
	border-bottom:			1px solid #F4F4F4;
	padding-bottom:			24px;
}

.box_autore
{
	margin-top:				12px;
}

.img_autore
{
	width:					40px;
	height:					40px;
	background-size:		cover;
	background-position:	center;
	border-radius:			100px;
	border:					1px solid #DADADA;
	display:				inline-block;
}

.lbl_autore
{
	height:					40px;
	margin-left:			8px;
	display:				inline-flex;
	/*font-size:				12px;*/
	vertical-align:			top;
	align-items:			center;
}

.lbl_title
{
	font-weight:			bold;
    margin-top:				16px;
    margin-bottom:			0px;
	text-overflow:			ellipsis;
    white-space:			nowrap;
    overflow:				hidden;
}

.lbl_categoria_arianna
{
	font-size:				14px;
	font-style:				italic;
	text-overflow:			ellipsis;
    white-space:			nowrap;
    overflow:				hidden;
	color:					#A3A3A3;
}

.lbl_content
{
	min-height:				200px;
	font-size:				16px;
	margin-bottom:			24px;
	line-height:			24px;
}

.box_letto_anche_da
{
	margin-top:				12px;
    color:					#5E2E2D;
    font-weight:			bold;
}

.lbl_letto_anche_da
{
	
}

.lbl_letto_anche_da i
{
	margin-left:			8px;
}

.lbl_leggi_piu
{
	color:					#5E2E2D;
	font-weight:			bold;
}

.lbl_leggi_piu i
{
	margin-left:			8px;
}

.box_libreria
{
	
}

.img_libreria
{
	width:					30px;
	height:					30px;
	background-size:		contain;
	background-position:	center;
	background-repeat:		no-repeat;
	display:				inline-block;
}

.lbl_libreria
{
	height:					30px;
	margin-left:			4px;
	display:				inline-flex;
	font-size:				12px;
	vertical-align:			top;
	font-style:				italic;
	align-items:			center;
}

.lbl_date
{
	position:				absolute;
    right:					8px;
    bottom:					8px;
	font-size:				14px;
}

/* ########## EVENTI ########## */

.img_evento
{
	position:				relative;
	left:					20px;
	height:					260px;
	background-size:		contain;
	background-position:	center left;
	background-repeat:		no-repeat;
	z-index:				20;
}

.lbl_start_date
{
	margin-top:				12px;
	margin-bottom:			12px;
	font-weight:			bold;
}

.lbl_title_evento
{
	
}

.lbl_content_evento
{
	margin-top:				12px;
}

/* ########## PAGINA AUTORE ########## */

#img_autore_grande
{
	width:					150px;
	height:					150px;
	background-position:	center;
	background-repeat:		no-repeat;
	background-size:		cover;
	border-radius:			100px;
}

#lbl_bio_autore
{
	font-family:			"Aleo", serif;
	font-size:				16px;
}

/* ########## DETTAGLIO ########## */

.img_news_dettaglio
{
	position:				relative;
	width:					100%;
	height:					500px;
	background-size:		contain;
	background-position:	top center;
	background-repeat:		no-repeat;
	z-index:				20;
}

.img_news_dettaglio.img_news_dettaglio_illibraio
{
	height:					200px;
}

.lbl_title_dettaglio
{
	font-size:				20px;
	font-weight:			bold;
	line-height:			18px;
}

#icon_grandezza_testo
{
	position:				absolute;
	top:					0px;
	right:					12px;
	font-size:				30px;
    margin-bottom:			12px;
    text-align:				right;
}

.content_box_news_dettaglio
{
	position:				relative;
}

.lbl_data_dettaglio
{
	position:				absolute;
	bottom:					20px;
	right:					12px;
	font-size:				12px;
}

.img_autore_dettaglio
{
	width:					60px;
	height:					60px;
	background-size:		cover;
	background-position:	center;
	border-radius:			100px;
	border:					1px solid #DADADA;
	display:				inline-block;
}

.lbl_autore_dettaglio
{
	height:					60px;
	margin-left:			12px;
	display:				inline-flex;
	font-size:				14px;
	vertical-align:			top;
	align-items:			center;
	color:					#000000;
}

.lbl_paragraph_dettaglio
{
	font-family:			"Aleo", serif;
	font-size:				20px;
	display:				flex;
    align-items:			center;
}

.lbl_content_dettaglio
{
	margin-top:				12px;
	font-size:				18px;
}

.lbl_content_dettaglio.grande
{
	font-size:				20px!important;
}

.lbl_content_dettaglio.news_illibraio .ila-wrap, .lbl_content_dettaglio .ibg-wrap, .lbl_content_dettaglio.news_illibraio img, .lbl_content_dettaglio.news_illibraio iframe
{
	display:				none;
}

.img_libreria_dettaglio
{
	width:					50px;
	height:					50px;
	background-size:		contain;
	background-position:	center;
	background-repeat:		no-repeat;
	display:				inline-block;
}

.lbl_libreria_dettaglio
{
	height:					50px;
	margin-left:			12px;
	display:				inline-flex;
	font-size:				12px;
	vertical-align:			top;
	font-style:				italic;
	align-items:			center;
	color:					#000000;
}

#lbl_acquistalo
{
	font-family:			"Aleo", serif;
	font-size:				20px;
}

.btn_acquista
{
	display:				flex;
	justify-content:		space-around;
	align-items:			center;
}

#img_libro_dettaglio
{
	left:					0px;
	background-position:	center;
}

.box_sinossi
{
	font-size:				18px;
}

.box_sinossi.grande
{
	font-size:				20px!important;
}

#box_dettagli
{
	font-size:				18px;
}

#box_dettagli.grande
{
	font-size:				20px!important;
}

.box_dettagli.modal_prenotazione
{
	font-size:				14px;
}

.box_testo_promo_prenotazione
{
	position:					relative;
	background-color:			#DCF8DF;
	padding:					12px;
	margin-top:					12px;
	margin-bottom:				12px;
	border-radius:				8px;
}

.lbl_titolo_promo_prenotazione
{
	position:					absolute;
	top:						2px;
	left:						15px;
	font-size:					12px;
	opacity:					0.65;
}

.lbl_testo_promo_prenotazione
{
	text-align:					center;
	font-size:					18px;
	font-weight:				bold;
	line-height:				18px;
	padding-top:				8px;
}

.lbl_testo_promo_prenotazione.min
{
	font-size:					12px;
}

/* ########## CLASSIFICA ########## */

#box_content_box_slick_classifica
{
	width:						100%;
	overflow:					scroll;
	background-color:			#FFF1F1;
}

#content_box_slick_classifica
{
	padding-top:				12px;
	width:						max-content;
}

.box_classifica
{
	position:					relative;
	padding:					18px;
	margin-bottom:				24px;
	display:					inline-block;
    vertical-align:				top;
}

.content_box_posizione_classifica
{
	position:					absolute;
	top:						0px;
	left:						20px;
	width:						40px;
	height:						40px;
	color:						#FFFFFF;
	font-size:					18px;
	border-radius:				100px;
	text-align:					center;
	display:					inline-table;
	z-index:					20;
}

.box_posizione_classifica
{
	display:					table-cell;
	vertical-align:				middle;
}

.box_info_classifica
{
	margin-top:					16px;
	margin-left:				20px;
	font-size:					18px;
	width:						270px;
    min-height:					150px;
	color:						#000000;
}

.lbl_titolo_classifica
{
	font-weight:				bold;
	text-overflow:				ellipsis;
    white-space:				nowrap;
    overflow:					hidden;
}

.lbl_categoria_arianna_classifica
{
	font-size:					14px;
	font-style:					italic;
	text-overflow:				ellipsis;
    white-space:				nowrap;
    overflow:					hidden;
	color:						#A3A3A3;
	margin-bottom:				12px;
}

.lbl_autore_classifica
{
	text-overflow:				ellipsis;
    white-space:				nowrap;
    overflow:					hidden;
}

.lbl_editore_classifica
{
	text-overflow:				ellipsis;
    white-space:				nowrap;
    overflow:					hidden;
}

.lbl_prezzo_classifica
{
	
}

.lbl_abstract_classifica
{
	margin-top:					18px;
}

.btn_prenotazione_lista
{
	margin-left:				16px;
}

.box_testo_promo_prenotazione_linea_dettaglio
{
	margin-top:					6px;
}

#img_dettagli_classifica
{
	position:					relative;
	width:						100%;
	height:						250px;
	background-size:			contain;
	background-repeat:			no-repeat;
	background-position:		top center;
	z-index:					20;
}

#lbl_codice_dettagli_classifica
{
	
}

#lbl_autore_dettagli_classifica
{
	
}

#lbl_prezzo_dettagli_classifica
{
	font-weight:				bold;
}

@media (max-width: 575px)
{
	#img_dettagli_classifica
	{
		height:						350px;
	}
	
	#box_info_dettagli_classifica
	{
		margin-top:					12px;
	}
}

@media (max-width: 550px)
{
	.content_box_news
	{
		width:						320px;
	}
	
	.box_classifica
	{
		width:						320px;
	}
}

/* ########## CATALOGO ########## */

#content_box_slick_catalogo
{
	padding-top:				12px;
}

.box_catalogo
{
	position:					relative;
	padding:					18px;
    vertical-align:				top;
	border-bottom:				1px solid #D7D7D7;
}

.box_catalogo a
{
	color:						#000000;
}

.lbl_titolo_catalogo
{
	font-weight:				bold;
	font-size:					18px;
	margin-bottom:				12px;
}

.box_img_catalogo
{
	position:					relative;
	width:						36%;
	margin-right:				20px;
    display:					inline-block;
    vertical-align:				top;
}

.img_catalogo
{
	position:					relative;
	left:						0px;
	height:						160px;
	background-image:			url('../images/libro_default.jpg');
	background-size:			contain;
	background-position:		center left;
	background-repeat:			no-repeat;
	z-index:					20;
}

.box_info_catalogo
{
    font-size:					16px;
    width:						54%;
    min-height:					150px;
    display:					inline-block;
    vertical-align:				top;
}

.lbl_categoria_arianna_catalogo
{
	font-size:					14px;
	font-style:					italic;
	text-overflow:				ellipsis;
    white-space:				nowrap;
    overflow:					hidden;
	color:						#3F3F3F;
}

.lbl_abstract_catalogo
{
	margin-top:					18px;
	font-size:					12px;
}

/* ########## NOTIFICHE ########## */

.box_ultima_notifica
{
	position:						relative;
	width:							90%;
	padding:						12px;
	text-align:						left;
	border-radius:					12px;
	border:							1px solid #F1F1F1;
	background-color:				#F1F1F1;
}

.box_ultima_notifica i
{
	font-size:						20px;
	color:							#5E2E2D;
}

.box_notifica
{
	position:						relative;
	padding:						12px;
	border-bottom:					1px solid #DADADA;
}

.box_notifica i
{
	position:						relative;
	top:							6px;
	font-size:						20px;
	color:							#5E2E2D;
}

.lbl_titolo_notifica
{
	width:							80%;
	font-weight:					bold;
	font-size:						18px;
    margin-bottom:					8px;
}

.lbl_messaggio_notifica
{
	font-size:						16px;
}

.lbl_data_notifica
{
	position:						absolute;
	top:							16px;
	right:							26px;
	font-size:						12px;
}

/* ########## LOGIN ########## */

.lbl_titolo_login
{
	font-family:					RalewayBold;
}

/* ########## BUONI ########## */

.link_lybroapp
{
	color:							#0000FF;
	text-decoration:				underline;
}

/* ########## SCELTA UTENTE ########## */

.box_lista_utenti
{
	position:					relative;
	border:						1px solid #DADADA;
	margin-bottom:				12px;
	background-color:			#FFFFFF;
	border-radius:				5px;
	padding:					8px;
	cursor:						pointer;
}

.box_lista_utenti:hover
{
	background-color:			#EEEEEE;
}

.icon_notifica_lybroapp
{
	position:					absolute;
	top:						-10px;
	left:						-6px;
}

.img_logo_lista_utenti
{
	width:						50px;
	height:						50px;
	background-position:		center;
	background-size:			contain;
	background-repeat:			no-repeat;
	display:					inline-block;
	vertical-align:				top;
}

.box_info_lista_utenti
{
	width:						72%;
	margin-left:				12px;
	display:					inline-block;
	vertical-align:				top;
}

.lbl_rag_soc_lista_utenti
{
	font-weight:				bold;
}

.lbl_lib_rag_soc_lista_utenti
{
	font-style:					italic;
	font-size:					12px;
}

.box_rimuovi_utente
{
	position:					absolute;
	top:						0px;
	right:						0px;
	height:						100%;
	background-color:			#FF9999;
	padding-right:				12px;
	padding-left:				12px;
	color:						#FFFFFF;
	display:					flex;
	align-items:				center;
	margin-bottom:				12px;
	cursor:						pointer;
	border-radius:				0px 5px 5px 0px;
}

/* TESSERA PUNTI */

.table_caselle_dettagli_tessera_punti
{
	margin-top:						18px;
	border:							1px solid #050505;
}

.table_caselle_dettagli_tessera_punti td
{
	width:							60px;
	height:							60px;
	border:							1px solid #CCCCCC;
	cursor:							pointer;
	background-size:				contain;
	background-repeat:				no-repeat;
}

.box_storico_tessera_punti
{
	position:						relative;
	padding:						12px;
	border-top:						1px solid #CCCCCC;
}

.lbl_data_storico_tessera_punti
{
	font-weight:					bold;
}

.lbl_differenza_punti_storico_tessera_punti
{
	position:						absolute;
	top:							12px;
	right:							12px;
}

/* RADIO */

.box_audio
{
	padding-left:					12px;
	padding-right:					12px;
	border:							1px solid #DADADA;
	border-radius:					12px;
	text-align:						left;
	display:						flex;
	align-items:					center;
	margin-bottom:					8px;
}

.box_audio .box_waveform
{
	width:							86px;
	height:							66px;
	border-radius:					100px;
	background-color:				#FFFFFF;
	background-image:				url('../images/waveform.gif');
	background-position:			center;
	background-repeat:				no-repeat;
	background-size:				cover;
}

.icon_play_audio
{
	color:							#5E2E2D;
	font-size:						44px;
}

.box_info_audio
{
	overflow:						hidden;
	padding-left:					18px;
}

.lbl_titolo_audio
{
	font-weight:					bold;
}

.lbl_info_audio
{
	font-size:						12px;
}

#player
{
	position:						fixed;
	left:							0px;
	bottom:							0px;
	width:							100%;
	height:							80px;
	background-color:				#5E2E2D;
	color:							#FFFFFF;
}

#player #timeSlider
{
	position:						absolute;
	top:							-4px;
	left:							0px;
	width:							100%;
}

#player_controls
{
	display:						flex;
	height:							100%;
	align-items:					center;
	justify-content:				space-evenly;
}

#player_controls #lbl_titolo_player
{
	font-size:						9px;
	width:							33%;
}

#player_controls #playBtn
{
	font-size:						44px;
}

#player_controls #box_player_volume
{
	display:						flex;
}

#player_controls #icon_player_volume
{
	font-size:						24px;
}

#player_controls #volumeSlider
{
	width:							100px;
	padding-left:					8px;
}