.toschede{
		background-color: #c30814;
		color:white;
		font-weight:bold;
		margin:10px;
		padding:10px;
	}
	
	.toschede a{
		color:white;
	}
	
	#simili_toggle{
		height:100px; min-width:60px
	}
	
	@media screen and (min-width:401px){
	.panel-group{
		max-width:500px;
		margin:0px auto;
	}	
	#footer{
		margin:0px auto;
		max-width:500px;
	}
	}
	
	@media screen and (max-width:400px){
	.panel-title{
		font-size:10px;
	}
	
	.badge{
		font-size:10px;
		line-height:20px;
		margin-top:-5px;
		padding:0px 8px;
		border-radius:100%;
	}
			

#btn_uno,#btn_due{
		max-width:150px;
		font-size:14px;
}

#simili_toggle{
	font-size:18px;
			height:50px;

}

#simili_uno,#simili_due{
	width:50px;
	height:50px;
	background-size:cover;
}	

#moss{
	font-size:18px;
	color:white;
}
	}	

	
	#btn_uno,#btn_due{
		background-color: #4B55B6;
		font-weight:bold;
		color:white;
}

#moss{
	font-size:2em;
	color:white;
}
body{
	background-image:url('../img/webb.png');
	text-transform:uppercase;
}



.list-group-item{
	cursor:pointer;
}

.list-group-item:hover{
	background-color:lightgrey;
}

.black{
	color:black;
}

.toright{
	float:right;
	margin-left:10px;
}

.toleft{
	float:left;
	margin-right:10px;
}


.panel-group{
	margin-bottom:0px;

}

.panel-group .panel{
	border-radius:0px;
}

.space{
	margin-top:1em;
}

.veryspace{
	margin-top:3em;
}

h4 a{
		font-weight:bold;
}

.btn{
	min-width:240px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#regola_txt h5{
	color:black;
}

.grey{
	color:grey;
}

.current{
	color:white;
}

.score{
	margin:0px 5px;
}

.ris{
	min-width:0px;
	color:white;
	font-size:1.3em;
	line-height:2em;
	padding:1.3em 0em;
	
}



#primo,#secondo {
	font-size:28px;
	line-height:40px;
	color:black;
}



#mezzo{
	margin:0px 20px;
	font-size:1.6em;
	color:black;
}

#c_testo,c_suggerimento{
color: white;
    background-color: #0c6895;
    border-radius: 20px;
    width: 300px;
    display: block;
    text-align: center;
}

#c_testo{
	padding:20px;
}

#domanda{
		color:white;
		justify-content: center;
}

.success{
	color:#3eda00;
}

.error{
	color:red;
}

#btn_uno:hover{
	color:white;
}

#btn_due:hover{
	color:white;
}

.simili{
	width:100px;
	height:100px;
	margin:0px auto;
	border-radius:5px;
}

.panel-default {
	border-color: #4B55B6;
	background-color:transparent;
}

.panel-default > .panel-heading{
	background-color:#0c6895;
	border-bottom:1px solid grey;
}

.lettera{
	display:inline-block;
	width:60px;
	height:60px;
	border:1px solid black;
	line-height:60px;
	text-align:center;
	font-size:28px;
	color:black;
	background-color:darkkhaki;
	cursor:pointer;
	opacity:1;
	margin:5px;
	border-radius:100%;
}

.inactivelet{
	opacity:0.5;
}

#punti_wrapper{
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}