.testo-1{ font-size: 0.1rem; } .testo-2{ font-size: 0.2rem; } .testo-3{ font-size: 0.3rem; } .testo-4{ font-size: 0.4rem; } .testo-5{ font-size: 0.5rem; } .testo-6{ font-size: 0.6rem; } .testo-7{ font-size: 0.7rem; } .testo-8{ font-size: 0.8rem; } .testo-9{ font-size: 0.9rem; } .testo-10{ font-size: 1rem; } .testo-11{ font-size: 1.1rem; } .testo-12{ font-size: 1.2rem; } .testo-13{ font-size: 1.3rem; } .testo-14{ font-size: 1.4rem; } .testo-15{ font-size: 1.5rem; } .testo-16{ font-size: 1.6rem; } .testo-17{ font-size: 1.7rem; } .testo-18{ font-size: 1.8rem; } .testo-19{ font-size: 1.9rem; } .testo-20{ font-size: 2rem; } .testo-21{ font-size: 2.1rem; } .testo-22{ font-size: 2.2rem; } .testo-23{ font-size: 2.3rem; } .testo-24{ font-size: 2.4rem; } .testo-25{ font-size: 2.5rem; } .testo-26{ font-size: 2.6rem; } .testo-27{ font-size: 2.7rem; } .testo-28{ font-size: 2.8rem; } .testo-29{ font-size: 2.9rem; } .testo-30{ font-size: 3rem; } .testo-31{ font-size: 3.1rem; } .testo-32{ font-size: 3.2rem; } .testo-33{ font-size: 3.3rem; } .testo-34{ font-size: 3.4rem; } .testo-35{ font-size: 3.5rem; } .testo-36{ font-size: 3.6rem; } .testo-37{ font-size: 3.7rem; } .testo-38{ font-size: 3.8rem; } .testo-39{ font-size: 3.9rem; } .testo-40{ font-size: 4rem; } .testo-41{ font-size: 4.1rem; } .testo-42{ font-size: 4.2rem; } .testo-43{ font-size: 4.3rem; } .testo-44{ font-size: 4.4rem; } .testo-45{ font-size: 4.5rem; } .testo-46{ font-size: 4.6rem; } .testo-47{ font-size: 4.7rem; } .testo-48{ font-size: 4.8rem; } .testo-49{ font-size: 4.9rem; } .testo-50{ font-size: 5rem; } .testo-51{ font-size: 5.1rem; } .testo-52{ font-size: 5.2rem; } .testo-53{ font-size: 5.3rem; } .testo-54{ font-size: 5.4rem; } .testo-55{ font-size: 5.5rem; } .testo-56{ font-size: 5.6rem; } .testo-57{ font-size: 5.7rem; } .testo-58{ font-size: 5.8rem; } .testo-59{ font-size: 5.9rem; } .testo-60{ font-size: 6rem; } .testo-61{ font-size: 6.1rem; } .testo-62{ font-size: 6.2rem; } .testo-63{ font-size: 6.3rem; } .testo-64{ font-size: 6.4rem; } .testo-65{ font-size: 6.5rem; } .testo-66{ font-size: 6.6rem; } .testo-67{ font-size: 6.7rem; } .testo-68{ font-size: 6.8rem; } .testo-69{ font-size: 6.9rem; } .testo-70{ font-size: 7rem; } .testo-71{ font-size: 7.1rem; } .testo-72{ font-size: 7.2rem; } .testo-73{ font-size: 7.3rem; } .testo-74{ font-size: 7.4rem; } .testo-75{ font-size: 7.5rem; } .testo-76{ font-size: 7.6rem; } .testo-77{ font-size: 7.7rem; } .testo-78{ font-size: 7.8rem; } .testo-79{ font-size: 7.9rem; } .testo-80{ font-size: 8rem; } .testo-81{ font-size: 8.1rem; } .testo-82{ font-size: 8.2rem; } .testo-83{ font-size: 8.3rem; } .testo-84{ font-size: 8.4rem; } .testo-85{ font-size: 8.5rem; } .testo-86{ font-size: 8.6rem; } .testo-87{ font-size: 8.7rem; } .testo-88{ font-size: 8.8rem; } .testo-89{ font-size: 8.9rem; } .testo-90{ font-size: 9rem; } .testo-91{ font-size: 9.1rem; } .testo-92{ font-size: 9.2rem; } .testo-93{ font-size: 9.3rem; } .testo-94{ font-size: 9.4rem; } .testo-95{ font-size: 9.5rem; } .testo-96{ font-size: 9.6rem; } .testo-97{ font-size: 9.7rem; } .testo-98{ font-size: 9.8rem; } .testo-99{ font-size: 9.9rem; } .testo-100{ font-size: 10rem; } .testo-110{ font-size: 11rem; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
	line-height: 1.2em;
}

html, body{
	position: relative;
	min-height: 100%;
	width: 100%;
	font-size: 10px;
	font-weight: 500;
	font-family: Arial;
	color: #000;
}

a, a:hover{
	text-decoration: none;
	color: inherit;
}

.clear{
	clear: both;
}

.red{
	color: #D7013F;
}

.blue{
	color: #112151;
}

.btn-app, .btn-app:hover, .btn-app:active{
	color: #FFF;
	background: #D7013F;
	border: 1px solid #FFF;
}

.container-all{
	width: 100%;
	min-height: 100vH;
	position: relative;

	background: #FFF;

	/*background-image: url(../../img/bg.jpg);*/
	/* background-color: #E9E9E7;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;*/
}

.container-app{
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;

	max-width: 768px;
}

.container-header, .container-header-live{
	width: 100%;
	padding-bottom: 3rem;
	background: rgba(60,103,138,0.5);
}

.circle-bg{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: 100%;
	height: 100%;

	background: rgb(51,167,222);
	background: radial-gradient(circle, rgba(51,167,222,1) 0%, rgba(255,255,255,0) 100%);
	opacity: .2;
}

#footer{

}

.container-login{
	margin: 3.5rem 0;
	margin-top: 75vH;
}

.container-frase{
	position: relative;
	margin-top: 5rem;
	width: 100%;
	padding: 7.5rem 0 5rem 1.5rem;
}

.cerchio-purple{
	width: 100%;
	padding-top: 100%;
	background: #616daa;
	border-radius: 50%;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;

	-webkit-transform: translateX(-20%);
	transform: translateX(-10%);
}

p.frase {
	position: relative;
	z-index: 1;
	font-size: 5rem;
	font-size: 10vW;
	color: #FFF;
	margin: 1.5rem 0 5rem;
	padding-right: 1.5rem;
	font-weight: 700;
	padding-bottom: 3rem;
	border-bottom: 1px solid #FFF;
}

.container-frase img{
	position: relative;
	width: auto;
	max-width: calc(100% - 3rem);
	z-index: 1;
}

.form-control{
	border: 1px solid #005c8a;
}

.container-login .form-control{
	color: #0E4E95;
	background: #FFF;
	border-radius: 0;
	border: 0;
	font-weight: 700;
}

.btn-sito{
	background: #e09d47;
	color: #616daa;
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0;
	padding: .8rem 2.4rem;
	line-height: 1em;
}

.container-footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	/*background: #fff;*/
}

.container-loghi{
	height: 8.5rem;
	width: 100%;
	display: block;
}

.container-loghi > .container-logo-footer{
	height: 8.5rem;
	display: block;
	vertical-align: middle;
}

.container-logo-footer img{
	max-width: 100%;
	max-height: 100%;
}

.container-header-live{
	padding: 0;
	position: absolute;
	height: 40vH;
}

.container-poll{
	/* min-height: calc(100vH - 3rem - 10rem); */
	display: inline-block;
	width: 100%;
	/* margin-top: 1.5rem; */
	padding: 1.5rem 0;
	padding-top: 0;
}

.label-option{
	width: 100%;
}

.label-option span{
	display: block;
	width: 100%;
	padding: .5rem 1.5rem;
	line-height: 1em;
	background: #FFF;
	color: #00306E;
	font-size: 2.4rem;
	border: 1px solid #FFF;
	text-align: center;
}

.label-option input:checked ~ span{
	background: #DBF2FF;
	border: 1px solid #DBF2FF;
}

#snackbar {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #B90830; /* Black background color */
	color: #FFF; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 2px; /* Rounded borders */
	padding: 16px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 1; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	bottom: 30px; /* 30px from the bottom */
	font-size: 1.6rem;
	font-weight: 700;
}

.error-bg{
	background: rgb(221,44,0) !important;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
	visibility: visible; /* Show the snackbar */

	/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
	However, delay the fade out process for 2.5 seconds */
	-webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
	animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

.form-send [type='submit']{
	display: none;
}

.webapp{
	display: none;
}

.webapp p{
	font-size: 2rem;
	color: #FFF;
}

.container-header{
	padding-top: env(safe-area-inset-top);
	/* padding-bottom: env(safe-area-inset-bottom); */
}

.container-footer{
	padding-bottom: env(safe-area-inset-bottom);
}

.container-all{
	/* padding-bottom: calc(8.5rem + env(safe-area-inset-bottom)); */
	/* padding-bottom: calc(env(safe-area-inset-bottom)); */
}

.container-poll{
	/* min-height: calc(100vH - 3rem - 8.5rem - env(safe-area-inset-bottom)); */
	/* margin-top: calc(1.5rem + env(safe-area-inset-bottom)); */
}

.titolo-agenda{
	font-size: 3rem;
	line-height: 1em;
	text-transform: uppercase;
	color: #0E4E95;
	background: #FFF;
	padding: .5rem 3.5rem .5rem 0;
	display: inline-block;
	position: relative;
	margin: 2.5rem 0;

	border-bottom-right-radius: 2.5rem;
	border-top-right-radius: 2.5rem;    
}

.titolo-agenda:before{
	content: "";
	position: absolute;    
	background: #FFF;
	height: 100%;
	top: 0;
	left: 0;
	width: 100vW;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.container-tabella-programma{
	margin-left: -.8rem;
	margin-right: -.8rem;
}

.table.programma tr *{
	border: 0;
}

.table.programma tr th{
	/* font-family: 'Conv_Gotham-Medium'; */
	color: #005c8a;
	font-size: 1.8rem;
}

.table.programma tr td{
	font-size: 1.4rem;
}

.table.programma tr td.bordered{
	padding-left: 0;
	border-bottom: 1px solid #005c8a;
}

.container-poll p{
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}

.azzurro{
	color: #005c8a;
}

#domanda-txt{
	width: 100% !important;
	border: 0;
	min-height: 30rem;
	color: #000;
	border: 0;
	border-radius: 0;
	background: rgba(183,183,183, .2);
}

.container-poll .form-group label{
	font-size: 1.4rem;
}

.container-poll .form-group > label.domanda-l{
	font-size: 1.6rem;
}

.container-poll h6{
	color: #005c8a;
	font-size: 3rem;
}

.img-header-live{
	display: block;
}

.img-header-live p{
	padding: 1.5rem;
	padding-bottom: .5;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 700;
}

.img-header-live img{
	display: block;
}

.opzione {
	padding: .5rem 2.5rem;
	display: table;
	width: 100%;
}

.opzione .testo-opzione {
	color: #616daa;
	font-size: 2rem;
	display: table-cell;
	vertical-align: middle;
	padding: 0 1rem;
}

.opzione .box-opzione {
	width: 70px;
	vertical-align: middle;
	display: table-cell;
}

.cerchio-container {
	width: 100%;
	padding-top: 100%;
	position: relative;
}

.wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.cerchio {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 1rem;
	border: 1px solid #616daa;
	border-radius: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-clip: content-box;
}

.opzione input:checked ~ .box-opzione .cerchio {
	background-image: url(../../img/cross.png);
}

.opzione + .opzione {
	border-top: 1px solid #EF8705;
}

#sended {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #FFF;
	display: none;
	overflow-y: auto;
}

#sended > div{
	width: 100%;
	min-height: 100%;
	overflow-y: auto;
}

.form-send #sended {
	display: block;
}

#sended .invio{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 3rem 1.5rem;
	/*border: 2px solid #EF8705;*/
	text-align: center;
	white-space: nowrap;
}

#sended .invio p{
	color: #FFF;
	font-size: 3rem;
	font-weight: 300;
	line-height: 1.1em;
}

#sended .logo-s{
	position: absolute;
	bottom: 1rem;
	width: 100%;
	left: 0;
	text-align: center;
}

#sended .logo-s img{
	width: 20rem;
	max-width: 100%;
}

#titolo-live{
	position: relative;
	padding: 1.5rem 3rem;
	font-size: 2.2vW;
	color: #e09d47;
	font-weight: 700;
	margin: 0;
}

.spacer{
	width: 100%;
	height: 1rem;
}

#frase-1{
	color: #00306E;
	font-weight: 600;
	margin-bottom: 3rem;
	font-size: 1.6rem;
}

#frase-2{
	color: #00306E;
	margin-bottom: 1rem;
	font-size: 1.4rem;
}

.box-tematica{
	width: 100%;
	padding: 1.5rem .75rem;
	margin-bottom: 2rem;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);
	box-shadow: 0 0 7px rgba(0,0,0,0.2);
}

.box-tematica .nome{
	color: #F08705;
	font-size: 2rem;
	line-height: 1em;
}

.box-tematica .numeri{
	color: #00306E;
	font-size: 1.4rem;
}

.header-poster{
	width: 100%;
	display: inline-block;
	position: relative;
}

.header-poster a{
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	height: 71%;
	width: 22%;
}

#frase-3{
	color: #F08705;
	font-size: 2rem;
	margin: 1rem 0 2.5rem;
}

.poster{
	width: 100%;
	margin-bottom: 2.5rem;
}

.poster .numero{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #FFF;
	background: #EF8705;
	line-height: 1em;
	padding: .75rem;
	margin-bottom: .5rem;
}

.poster .nome-poster{
	position: relative;
	padding-right: 5rem;
	color: #00306E;
	font-size: 1.4rem;
	font-weight: 700;
}

.poster .nome-poster .like{
	position: absolute;
	right: 2.5rem;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	font-size: 2.5rem;
	color: #E0E0E0;
}

.poster .nome-poster .like.selected{
	color: #EF8705;
}

#like-container{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1.5rem;
	background: #FFF;
	text-align: center;
	color: #888888;
	font-size: 1.4rem;
	font-weight: 600;
}

.container-mood{
	width: 50%;
	float: left;
	padding: 1.5rem;
	position: relative;
}

.wrapper-mood{
	position: relative;
	padding-top: 100%;
	width: 100%;
}

.label-mood{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.mood:not(.container-risposte){
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.2);

	padding: 2rem;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-origin: content-box;
}

#mood-1 .mood{
	background-image: url(../../img/mood/mood-1.png);
}
#mood-2 .mood{
	background-image: url(../../img/mood/mood-2.png);
}
#mood-3 .mood{
	background-image: url(../../img/mood/mood-3.png);
}
#mood-4 .mood{
	background-image: url(../../img/mood/mood-4.png);
}

#mood-1 input:checked ~ .mood{
	background-color: #EF8705;
	background-image: url(../../img/mood/selected/mood-1.png);
}

#mood-2 input:checked ~ .mood{
	background-color: #EF8705;
	background-image: url(../../img/mood/selected/mood-2.png);
}

#mood-3 input:checked ~ .mood{
	background-color: #EF8705;
	background-image: url(../../img/mood/selected/mood-3.png);
}

#mood-4 input:checked ~ .mood{
	background-color: #EF8705;
	background-image: url(../../img/mood/selected/mood-4.png);
}

.form-input{
	background: #00306E;
	color: #63B7E8;
	border: 0;
	border-radius: 0;
}

.custom-container {
	position: relative;
	text-align: left;
	margin: 1.5rem 0 2rem;
}

.box-custom-container {
	display: inline-block;
}

.box-custom-container label {
	font-size: 1.5rem;
	cursor: pointer;
	line-height: 2rem;
	padding-left: 3rem;
	position: relative;
	color: #112151;
	font-weight: 400;
}

.input-custom {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 2rem;
	height: 2rem;

	border-radius: 50%;
	border: 1px solid #112151;
}

.input-custom>div {
	position: relative;
	width: 100%;
	height: 100%;
	background: #D7013F;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-transition: all .15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all .15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.box-custom-container input:checked ~ label>.input-custom>div {
	-webkit-transform: translate(-50%, -50%) scale(.7);
	transform: translate(-50%, -50%) scale(.7);
}

.box-custom-container input:checked ~ label>.input-custom{
	border-color: #5d084e;
}

#container-header-risultati{
	height: 13rem;
	padding-bottom: 3rem;
	background: #42982c;
	background: -webkit-gradient(linear, left top, right top, from(#42982c),to(#d6d700));
	background: linear-gradient(to right, #42982c 0%,#d6d700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42982c', endColorstr='#d6d700',GradientType=1 );
}

#container-header-risultati img{
	position: absolute;
	left: 3rem;
	top: 1rem;
	height: 13rem;
}

.container-domande-survey{
	padding: 1.5rem;
	display: none;
}

.container-domande-survey .survey-domanda{
	color: #2E3030;
	font-size: 1.6rem;
	font-weight: 600;
}

.containter-pointer{
	position: relative;
	margin: 1.5rem 0;
	padding: 0 1.5rem;
	text-align: center;
}

.circle-box{
	width: 1.5rem;
	height: 1.5rem;
	background: #B4B4B4;
	border-radius: 50%;
	display: inline-block;
	margin: 0 .2rem;
}

.containter-pointer[data-domanda="0"] .circle-box:nth-child(1),
.containter-pointer[data-domanda="1"] .circle-box:nth-child(2),
.containter-pointer[data-domanda="2"] .circle-box:nth-child(3),
.containter-pointer[data-domanda="3"] .circle-box:nth-child(4),
.containter-pointer[data-domanda="4"] .circle-box:nth-child(5),
.containter-pointer[data-domanda="5"] .circle-box:nth-child(6),
.containter-pointer[data-domanda="6"] .circle-box:nth-child(7),
.containter-pointer[data-domanda="7"] .circle-box:nth-child(8),
.containter-pointer[data-domanda="8"] .circle-box:nth-child(9){
	background: #EF8705;
}

.container-quadrato{
	width: 100%;
	margin-bottom: 2.5rem;
}

.quadrato{
	width: 100%;
	padding-top: 100%;
	background: #f1f1f1;
	position: relative;
}

.row-bottom{
	width: 100%;
	height: 1.5rem;
	margin-top: 1rem;
}

.quadrato p{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 6rem;
	color: #FFF;
}

.quadrato p sup{
	font-size: .7em;
	visibility: hidden;
}

.quadrato-1 .quadrato, .container-quadrato.quadrato-1.selected .row-bottom{
	background: #A6006D;
}
.quadrato-2 .quadrato, .container-quadrato.quadrato-2.selected .row-bottom{
	background: #DD1A1E;
}
.quadrato-3 .quadrato, .container-quadrato.quadrato-3.selected .row-bottom{
	background: #007D2E;
}
.quadrato-4 .quadrato, .container-quadrato.quadrato-4.selected .row-bottom{
	background: #129BDB;
}
.quadrato-5 .quadrato, .container-quadrato.quadrato-5.selected .row-bottom{
	background: #FFC000;
}
.quadrato-6 .quadrato, .container-quadrato.quadrato-6.selected .row-bottom{
	background: #91B508;
}

.container-quadrato.selected .quadrato p sup{
	visibility: visible;
}

#container-header-splash{
	padding: 2.5rem;
	text-align: center;
	background: #42982c;
	background: -webkit-gradient(linear, left top, right top, from(#42982c),to(#d6d700));
	background: linear-gradient(to right, #42982c 0%,#d6d700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42982c', endColorstr='#d6d700',GradientType=1 );
}

.body-app{
	/*background: #f5910c;*/
}

.btn-white, .btn-white:hover, .btn-white:active{
	background: #f5910c;
	color: #FFF;
	font-size: 1.8rem;
}

.container-logo-splash table.table{
	color: #707070;
	font-size: 14px;
}

.bold{
	font-weight: 700;
}

.text-nowrap{
	white-space: nowrap;
}

.container-logo-splash .table>tbody>tr>td, .container-logo-splash .table>tbody>tr>th, .container-logo-splash .table>tfoot>tr>td, .container-logo-splash .table>tfoot>tr>th, .container-logo-splash .table>thead>tr>td, .container-logo-splash .table>thead>tr>th{
	border: 0
}

.circle{
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	background: #D7013F;
	
	position: absolute;
	left: 0;
	top: 0;
	
	-webkit-transform: translate(-50%, -50%);
	
	transform: translate(-50%, -50%);
}

.btn-circle{
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
}

.stella-container{
	color: #DEDEDE;
}

[name='poster[]']:checked ~ .stella-container{
	color: #D7013F;
}

.container-bottone{
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	
	border-top: 1px solid #707070;
	background: #fff;
}

.visibility-hidden{
	visibility: hidden;
}

.container-info-disabled > p{
	color: #DEDEDE !important;
}