@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

body{
	font-family:poppins;
	margin:0px;
}

.grassetto{
	font-weight:700;
}

.settantaflex{
	width:75%;
	font-size:16px;
	font-weight:500;
	padding:10px;
}

.trentaflex
	{
	display:flex;
	width:25%;
	font-size:14px;
	font-weight:500;
	padding:10px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.meta{
    flex-direction: column;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
	text-align:center;
	background-color:#f9f9f9;
	margin:10px;
}	


.largepadding{
	padding:20px;
}

#myheader{
	width:1024px;
	height:80px;
	margin:0px auto;
	border-bottom:1px solid lightgrey;
	display:flex;
	background-color:white;
}

#logo{
	width:151px; 
	height:46px;
	margin:15px 22px;
}

ul{
	margin:0px;
}

#menuwrapper{
	height: 80px;
    display: flex;
    width: 100%;
    align-items: flex-end;
    align-content: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#logowrapper{
	display:inline-block;
}

.lowpadding{
	padding:5px;
}



#titlebg{
background: rgb(12,104,149);
background: linear-gradient(90deg, rgba(12,104,149,1) 0%, rgba(12,104,149,1) 0%, rgba(77,183,224,1) 100%);	
max-width: 1024px;
height: 80px;
}

h1{
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 80px;
color: #0C6895;
margin:0px 0px 0px 20px;
color:white;
font-family: Poppins;

}

h3{
font-family: Poppins;
font-size: 26px;
font-weight: 700;
line-height: 60px;
letter-spacing: 0em;
text-align: left;
color:#0C6895;
text-align:left;
margin:0px;
}

#menuwrapper ul li{
	display:inline-block;
	line-height:80px;
	margin:0px 25px;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: left;
	color:#424242;
}

#menuwrapper ul li:hover{
	text-decoration:underline;
}


#contenitore{
	max-width:1024px;
	margin:0px auto;
}

.fullflex{
	width:100%;
	display:flex;
	font-size:22px;
	font-weight:700;
	align-items:center;
	padding:10px;
}


.halfflex{
	width:50%;
	padding:10px;
	font-weight:500;
	font-size:18px;
}

.newbutton{
width: 200px;
height: 50px;
background-color:#0C6895;
color:white;
border-radius:100px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 50px;
text-align: center;
margin:30px auto;
cursor:pointer;
}

.backbutton{
	background-color:#666666;
	color:white;
border-radius:100px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 50px;
text-align: center;
margin:30px auto;
cursor:pointer;
width: 200px;
height: 50px;
}

.backbutton:hover{
background-color:#4c4c4c;	
}

.newbutton:hover{
	background-color:#5a9dbe;
}

.screen{
	padding:20px;
}

select, input,textarea{
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border:0px solid black;	
	font-size:16px;
	line-height:40px;
	height:40px;
	text-align:left;
	font-weight:500;
	width:100%;
	margin-right:10px;
	padding-left:20px;
}

textarea{
	height:auto;
}

.settingrow{
	border-bottom:1px solid lightgrey;
}

.thirdflex{
	width:33%;
}

#possiblescore{
	font-size:18px;
	line-height:60px;
	text-align:center;
	margin:0px;
	color:grey;
}

#indizioindizio{
	font-size: 24px;
	line-height:60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#lasoluzione:focus{
	outline:none;
}

#feedbackrow h1, #feedbackrow h3{
	margin:0px;
}

#officer_avatar{
	width:100px;
}

.istruleft{
	padding-bottom:0px;
	text-align:left;
}

#esempiopre, #esempiopredue{
	width:50%;
	margin:20px;
}


@media (min-width: 768px) and (max-width: 991px) {

#pulsantone_wrapper{
	margin-right:20px;
}

#myheader{
	width:100%;
	text-align:center;
}	
}

@media (max-width: 767px) {
/* Mobile */

.settantaflex{
	width:100%;
}

.trentaflex
	{
	width:100%;
}

#esempiopre, #esempiopredue{
	width:100%;
}

.istruleft{
	padding-bottom:0px;
	text-align:center;
}

.thirdflex{
	width:100%;
}

.screen{
	padding:10px;
}


.newbutton{
margin:10px auto;	
}
.backbutton{
margin:10px auto;	
}


.pulsante{
width:50px;
height:50px;
line-height:50px;
font-size:32px;
}

h1{
	margin:0px;
	font-size: 24px;


}

#titlebg{
	text-align:center;
}

#logowrapper{
	text-align:center;
		text-align:center;
}

#mywrapper{
	width:100%;
}

#myheader{
	width:100%;
	text-align:center;
}

#menuwrapper{
display:none;
}

.halfflex{
	width:100%;
	text-align:center;
	padding:0px;
}

.fullflex{
	flex-direction:column;
	padding:10px;
}



h1
{
	text-align:center;
}

h3{
	font-size:20px;
}

#indizio_1,#indizio_2,#indizio_3{
	text-align:left;
}

.keeprow{
	flex-direction:row;
}

}