
#content_list {
	margin: 0px 0 0 0;
	border: 0px solid red;
	padding: 0 15px;
}
.tb_sale {
	margin-left:auto; margin-right:auto;
	border-collapse: separate;
	text-indent: initial;
    border-spacing: 1px;
    width: 100%;
}
.tb_sale tr:nth-child(odd) {
    background: var(--VERDE_CH_2);
}
.tb_sale tr:nth-child(even) {
    background: #fff;
}
.tb_sale tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.tb_sale tbody td {
	padding: 2px 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
}
.tb_sale tbody th {
	background: #fff;
}
.tb_sale tbody tr:hover td { background: yellow; }
.tb_sale tfoot th {
	text-align: right;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: normal;
	font-size: calc(90%);
	letter-spacing: 0px;
	padding: 2px 4px;
	background: #fff;
}

#sl_luogo {
	font-family: 'Barlow Condensed', sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: calc(90%);
	padding: 0 2px 0 4px;
}
#sl_cat {
	font-family: 'Barlow Condensed', sans-serif;
	text-align: right;
	font-weight: bold;
	font-size: calc(90%);
	padding: 0 4px 0 2px;
	letter-spacing: 0.5px;
}
#sl_video {
	padding: 0 2px;
}
#sl_video img {
	position: relative;
	top: 1px;
	height: 16px;
	width: auto;
}

#sl_generazione {
	padding: 10px 10px 10px 10px;
	font-size: clamp(16px, 1.5vw, 30px);
	background: #fff;
	color: #045936;
}
#sl_genealogia {
	padding: 4px 10px;
	line-height: 85%;
}
#sl_padre_madre_nonno, #sl_destinata {
//	font-family: 'Barlow Condensed', sans-serif;
	font-size: calc(100%);
}
#sl_nome {	font-family: 'Dancing Script', serif; }
#sl_nome_act {
	font-weight: 700;
}
#sl_nome a, #sl_nome_act a { text-decoration: none; color: #000; }
#sl_nome a:link, #sl_nome_act a:link { color: #000; }
#sl_nome a:visited, #sl_nome_act a:visited { color: #045936; }
#sl_nome a:hover, #sl_nome_act a:hover { color: #fff; text-shadow: 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000; }
#sl_nome a:active, #sl_nome_act a:active { background: #d70000; color: #fff; }

#sl_nasc, #sl_sex, #sl_nasc_acc {
	text-align: center;
}
#sl_sex { font-weight: 700; }
#sl_sex_mobi, #sl_divisione, #linetta_mobi, #sl_fakerow, #sl_faketd_1, #sl_faketd_2 { display: none;	}
#sl_madre { font-style: italic; }
#sl_padre_end, #sl_madre_end {
	font-family: 'Barlow Condensed', serif;
	font-size: calc(90%);
}
#sl_madre_end {	font-style: italic;	}
#sl_nonno {
	font-family: 'Barlow Condensed', serif;
	font-size: calc(90%);
}
#sl_record { text-align: center; }
#sl_vincite { text-align: right; }
.pointer {
	cursor: pointer;
}
#sl_stallone {
	font-size: calc(120%);
	font-family: 'Dancing Script', serif;
	color: #045936;
}

#ordine_mobi {
	display: none;
}

@media (max-width: 1450px) {	/*****************************************************************************************/
	.tb_sale tbody td {
		padding: 2px 8px;
	}
	#sl_nasc, #sl_nasc_acc, #sl_sex, #sl_padre {
		font-family: 'Barlow Condensed', serif;
	}
}

@media (max-width: 1200px) {	/*****************************************************************************************/
	#sl_nome_act, #sl_nasc, #sl_nasc_acc, #sl_sex, #sl_padre, #sl_madre, #sl_nonno {
		font-family: 'Barlow Condensed', serif;
		font-size: calc(90%);
	}
}

@media (max-width: 1020px) {	/*****************************************************************************************/
}

@media (max-width: 900px) {	/*****************************************************************************************/
	#content_list {
		margin-top: 0px;
	}
}

@media (max-width: 750px) {	/*****************************************************************************************/
	#sale_date {
		display: block;
		margin: 1px 0;
	}
	#div_utente {
		display: block;
		font-family: 'Barlow Condensed', sans-serif;
		color: var(--ROSSO);
		font-weight: bold;
		text-align: center;
		margin: 5px 0 20px 0;
	}
	.tb_sale {
		margin-top: 20px;
	}
	.tb_sale table, .tb_sale thead, .tb_sale tbody, .tb_sale th, .tb_sale tr, .tb_sale td {
		display: block;
		font-size: 26px;
	}
	.tb_sale thead tr {
		display: none;
	}
	.tb_sale tr:nth-child(odd) {
		background: #fff;
	}
	.tb_sale tbody tr:hover td { background: none; }

	#sl_luogo, #sl_cat, #sl_video {
		display: inline-block;
	}
	#sl_video img {
		top: 1px;
		height: 22px;
		width: auto;
	}
	#sl_nome_act, #sl_nasc, #sl_sex, #sl_padre, #sl_nonno {
		font-family: 'Montserrat', sans-serif;
	}
	#sl_nome, #sl_nome_act {
		font-size: 24px;
		text-align: center;
	}
	#sl_sex_mobi, #sl_nasc {
		font-size: 20px;
		display: inline-block;
	}
	#sl_nasc {
		font-weight: 900;
	}
	#sl_sex, #sl_nasc_acc {	display: none;	}

	#sl_divisione {
		font-size: 1px;
		line-height: 0;
		display: block;
	}
	#sl_fakerow {
		display: block;
	}
	#sl_faketd_1, #sl_faketd_2 {
		display: block;
		font-size: 4px;
		line-height: 4px;
	}
	#sl_faketd_1 {
		border-bottom: 1px dotted #045936;
	}
	#sl_nonno {
		font-size: calc(65%);
		text-align: right;
		letter-spacing: 1.5px;
	}
	#sl_madre, #sl_madre_end {
		margin-left: -10px;
	}
	#sl_padre, #sl_madre, #sl_padre_end, #sl_madre_end {
		display: inline-block;
		border: 0px solid red;
	}
	#sl_vincite { text-align: center; }
	#sl_padre_madre_nonno {
		font-family: 'Barlow Condensed', sans-serif;
//		font-size: calc(75%);
	}
	#i_video, #i_foto, #i_doc {
		display: inline-block;
		padding: 4px 24px 0 0;
	}
	#i_video img, #i_foto img, #i_doc img { width: 36px; }
	#i_video::before, #i_foto::before, #i_doc::before {
		position: relative;
		top: -10px;
		margin-right: 5px;
	}
	#i_video::before { content: 'video '; }
	#i_foto::before { content: 'foto'; }
	#i_doc::before { content: 'doc. VET'; }

	.npt_bid {
		width: 90px;
		font-size: calc(90%);
		border: 1px solid var(--ROSSO);
		padding: 1px 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0px 0px 8px 1px #d70000;
		-webkit-box-shadow: 0px 0px 8px 1px #d70000;
		box-shadow: 0px 0px 8px 1px #d70000;
		margin: 5px 5px 0 0;
	}
	#sl_generazione {
		background-color: rgb(195, 209, 197);
	}
	#ordine_mobi {
		display: block;
		margin-top: 10px;
		font-weight: 700;
		font-family: 'Barlow Condensed', sans-serif;
	}
}

@media (max-width: 520px) {	/*****************************************************************************************/
	#sl_nasc {
		display: block;
	}
	#sl_padre {
		display: block;
		text-align: center;
	}
	#sl_nonno::before { content: '\A'; white-space: pre-wrap; }
	#show_500 {
		display: inline;
	}

}

@media (max-width: 400px) {	/*****************************************************************************************/
	#sl_padre, #sl_madre {
		font-family: 'Barlow Condensed', sans-serif;
	}
}

@media print {

	#ordine_mobi {
		display: none;
	}
	.tb_sale tr {
		display: table-row;
	}
	#sl_luogo, #sl_cat, #sl_nome_act, #sl_video, #sl_sex_mobi, #sl_nasc, #sl_padre, #sl_madre, #sl_padre_end, #sl_madre_end, #i_video, #i_foto, #i_doc, #sl_padre_madre_nonno {
		display: table-cell;
	}
	.tb_sale td {
		display: table-cell;
		line-height: 100%;
		border: 0px solid red;
	}
	#sl_fakerow, #sl_faketd_1, #sl_faketd_2 {
		display: none;
	}
	#sl_nome_act {
		text-align: left;
		font-family: 'Barlow Condensed', sans-serif;
	}
	#sl_luogo, #sl_cat, #sl_nasc, #sl_padre, #sl_padre_madre_nonno {
		font-size: calc(60%);
	}
	#sl_nasc, #sl_nonno {
		font-style: normal;
		font-family: 'Barlow Condensed', sans-serif;
		letter-spacing: 0px;
	}
}
