body {
	font-family: "Open Sans", "Helvetica",Arial;
}

.container {
	width: 98%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.title {
	text-align: center;
	font-size: 2em;
	margin-top: 70px;
}

.input {
	margin-top: 10px;
}

.input_text {
	font-size: 1.3em;
	height: 30px;
	max-width: 300px;
	min-width: 100px;
	width: 98%;
}

.input_submit {
	font-size: 0.9em;
	height: 35px;
	width: 90px;
}

.input_info {
	font-size: 0.8em;
	color: #606060;
	margin-top: 30px;
}

.anonymoustext {
	font-size: 0.8em;
}


.toplist a.reportproblem {
	color: red;
	font-size: 0.7em;
	border: none;
	background-image: url("poistaikoni.png");
	background-size: cover; 
	width: 17px; 
	height: 17px; 
	display: inline-block; 
}

.result {
	margin-top: 40px;
}

.result_label {
	font-size: 0.8em;
	color: #606060;
}

.result_display, 
#muunnos_0 {
	font-size: 1.3em;
	height: 30px;
	width: 300px;
}

.proposals .lisatty:before
{
	content: "Other proposals";
	display: block; 
	font-size: 0.8em; 
	color: #aaaaaa;
	margin-bottom: 15px;
} 

.fi .proposals .lisatty:before
{
	content: "Muita konekäännöksiä ja käyttäjien ehdotuksia";
	
} 
#muunnos_manual
{
	max-width: 200px; 
}

.likebox {
	margin-top: 50px;
	text-align: center;
}

.footer {
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	text-align: center;
	font-size: 0.6em;
}

.footer a {
	color: #404040;
	text-decoration:none;
}

.proposals {
	margin-top: 10px;
}

.toplist
{
	float:left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: solid 1px #888888;
}

.toplist a,
.muitasivuja a
{
	color: #17A320;
	text-decoration: none;
}
.toplist a:hover,
.muitasivuja a:hover
{
	color: green;
}

.top5, .random10
{
	display: inline-block;
}

.muunnosrivi
 {
	display: inline-block; 
 }

.aanestetty
{
	width: auto;
	height: 30px; 
	margin-left: 10px;  
	display: inline-block; 
	font-size: 8px; 
}
.likebutton
{
	width: 30px;
	height: 30px; 
	background-image: url("tykkaa_lanstrate.jpg");
	background-size: 100%; 
	margin-left: 10px;  
	display: inline-block; 
}

dialog#report-dialog {
  max-width: 100%;
  width: 350px;
  border: none;
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
}

dialog::backdrop {
  background: rgba(0,0,0,0.45);
}

#report-dialog h3 {
  margin: 0 0 10px 0;
  font-size: 1.2em;
}

#report-dialog .report-lead {
  margin: 0 0 10px 0;
  font-size: 0.95em;
}

#report-text {
  width: 100%;
  display: block;
  box-sizing: border-box;
  min-height: 40px;
  margin: 6px 0 12px 0;
  font-family: inherit;
  font-size: 1em;
}

#report-dialog .report-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

#report-dialog .btn {
  height: 34px;
  padding: 0 14px;
  border: 1px solid #aaa;
  background: #f5f5f5;
  border-radius: 6px;
  cursor: pointer;
}

#report-dialog .btn.primary {
  border-color: #17A320;
  background: #17A320;
  color: #fff;
}

/* Oma muunnos -modal */
dialog#suggest-dialog { max-width:520px; width:92%; border:none; border-radius:8px; padding:18px 20px; box-shadow:0 10px 40px rgba(0,0,0,.35); }
dialog#suggest-dialog::backdrop { background: rgba(0,0,0,.45); }
#suggest-dialog h3 { margin:0 0 10px 0; font-size:1.2em; }
#suggest-dialog .report-lead { margin:0 0 10px 0; font-size:.95em; }
#suggest-dialog .report-actions { display:flex; gap:10px; justify-content:flex-end; }
#suggest-dialog .btn { height:34px; padding:0 14px; border:1px solid #aaa; background:#f5f5f5; border-radius:6px; cursor:pointer; }
#suggest-dialog .btn.primary { border-color:#17A320; background:#17A320; color:#fff; }

/* Nappi tuloslistan alle */
.btn.alt { border:1px solid #ccc; background:#fafafa; border-radius:6px; padding:8px 14px; cursor:pointer; }