/* oma.css */
a:link { color: purple; text-decoration: none;}
a:visited{ color: purple; text-decoration: none;}
a:active { color: purple; text-decoration: none;}
a:hover {color: purple; text-decoration: underline;}

#container {
	margin: 1em auto;
	width: 900px;
	text-align: left;
	padding: 7px;
	background-color: #fff;
	border: 1px none #fff;
	border: #5d6877 1px solid;
	//border-right: #5d6877 1px solid;
	//border-top: #5d6877 1px solid;
	//border-bottom: #5d6877 1px solid;
}
body {background-color: WHITESMOKE; font-size: 11pt;}

#tausta {
	background-image: url('images/tausta.png');
	background-repeat:repeat-x;
	//background-color: #FF5F00;
	margin: -8px -8px 5px -8px;
	padding: 5px;
	color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
#main {
	//border-left: #abdbe9 1px solid;
	//border-right: #abdbe9 1px solid;
	//width: 770px;
	background-color: whitesmoke;
	padding: 7px;
	font-size: 10pt;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	border: #5d6877 1px solid;
	//margin-left: 0px;
	margin-top: 8px;
	//margin-right: 0px;
}
table.menu {

	//background-image: url('palkki07.png');
	//background-repeat:repeat-x;
	background-color: #01284A;
	//margin: -8px -8px 5px -8px;
	padding: 1px;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	//float: left;
	//border: #fff 1px solid;
	//border-right: #000 1px solid;
	//border-bottom: #5d6877 1px solid;
	//font-weight: bold;
}
table.header {
	margin-top: -10px;
	margin-bottom: -3px;

}
table.header2 {
	margin-top: -10px;
	margin-bottom: -11px;

}
table.header td.valikot {
	padding-top: 7px;

}

a.menu:link { color: whitesmoke; text-decoration: none;}
a.menu:visited { color: whitesmoke; text-decoration: none;}
a.menu:active { color: whitesmoke; text-decoration: none;}
a.menu:hover {color: whitesmoke; text-decoration: none;}

table.palaute {
     border-top: 1px solid #abdbe9;
     border-bottom: 1px solid #abdbe9;
     border-right: 1px solid #abdbe9;
     border-left: 1px solid #abdbe9;
	background-color: #d7f6ff;
	width: 800px;
	padding: 5px;
}

td.otsikko {
     /*border-right: 1px solid;
     border-top: 1px solid #ffdfdf;
     border-bottom: 1px solid #ffdfdf;
     border-left: 1px solid;
     background-image: url(liuku2.png); */
     background-color: #d7d7d7;
}
table.laskuri {
	background-color: #d7f6ff;
     border-top: 1px solid #abdbe9;
     border-bottom: 1px solid #abdbe9;
     border-right: 1px solid #abdbe9;
     border-left: 1px solid #abdbe9;
}
table.laskuri td.otsikko {
     background-color: #abdbe9;
}
table.toistorivi {
	background-color: whitesmoke;
     border-top: 1px solid #d7d7d7;
     border-bottom: 1px solid #d7d7d7;
     border-right: 1px solid #d7d7d7;
     border-left: 1px solid #d7d7d7;
}
table.toistorivi td.otsikko {
     background-color: #d7d7d7;
     padding-left: 5px;
}
table.toistorivi td.otsikkoright {
     background-color: #d7d7d7;
     text-align: right;
     padding-right: 5px;
}
table.toistorivi td {
     border-bottom: 1px solid #d7d7d7;
     padding-left: 5px;
     width: 12.5%;
}
table.toistorivi td.right {
     text-align: right;
     padding-right: 5px;
     border-bottom: 1px solid #d7d7d7;
     width: 12.5%;
}
table.toistorivi td.bottom {
     border: 0px solid #d7d7d7;
}

table.palaute td.otsikko2 {
     background-color: #abdbe9;
     text-align: center;
}

td.vali {
     border-top: 1px solid #d7d7d7;
}

table.palaute td.ulos {

	background-color: #abdbe9;
	text-align: right;
}
table.palaute td.aika {
	text-align: center;
	font-family: monospace;
     background-color: #abdbe9;
	font-size: 11pt;
}
table.palaute td.numero {
	text-align: right;
	font-family: monospace;
     background-color: #abdbe9;
	font-size: 11pt;
}

table.palaute td.aihe {
	text-align: center;
	font-family: monospace;
     background-color: #14b2e0;
	font-size: 17pt;
}
td.wday {
	text-align: center;
	font-family: monospace;
     //background-color: #d7f6ff;
	font-size: 12pt;
}
td.wnumber {
	text-align: center;
	vertical-align:text-top;
	font-family: monospace;
	background-color: #d7d7d7;
	font-size: 12pt;
}

p.error {

	color: red;
	font-weight: bold;
}
b.terv {

	color: red;

}

table.valikko {

    // background-color: #d7f6ff;
	background-image:url('images/liuku3_.png');
	font-size: 13pt;
	font-family: monospace;
	text-align: center;
	width: 800px;

}
table.valikko td {
   //  border-top: 3px solid #14b2e0;
   //  border-bottom: 3px solid #abdbe9;
   //  border-right: 3px solid #abdbe9;
    // border-left: 3px solid #14b2e0;
	//border-width: 1px;
	//padding: 1px;
	//border-style: inset;
	//border-color: gray;
}
table.adminpanel {

	//background-color: #f9bbbb;
	font-size: 9pt;
	//border-color: gray;
     border: 2px dashed #abdbe9;
     //border-bottom: 2px solid #abdbe9;
     //border-right: 2px solid #abdbe9;
     //border-left: 2px solid #f9bbbb;
    // -moz-border-radius: 4px 4px 4px 4px;
}
table.adminpanel td.otsikko {
	background-color: #abdbe9;
}

p.huom {
	font-size: 9pt;
	width: 790px;

}

p.normaali {
	font-size: 12pt;
	width: 800px;
}
a.small {
	font-size: 9pt;
}

span.small {
	font-size: 9pt;

}
span.smallb {
	font-size: 9pt;
	font-weight: bold;
}
table.cardiolomake {
	font-size: 9pt;
}
span.mono {
	font-family: monospace;
	font-size: 12pt;
}
span.pun {
	/*font-family: monospace;
	font-size: 12pt; */
	color: red;
}
span.yes {
	color: black;
	background-color: #00ff00;
}
span.no {
	color: black;
	font-size: 12pt;
	background-color: #ff6969;
}
span.ok {
	color: green;
	font-size: 9pt;
	font-weight: bold;
}
span.kommentti {
	color: green;
	font-size: 10pt;
	//font-style: italic;
}
span.pr {
	//background: url(images/underline.gif) bottom repeat-x;
	border-bottom: 2px dashed green;
	//border-bottom: 2px dotted green;
	//text-decoration: underline;
	//color: green;
	//font-size: 15pt;
	//font-weight: bold;
}
span.ohjelma {
	color: blue;
	font-size: 10pt;
	//font-style: italic;
}
span.valmis {
	background-color: #abdbe9;
	font-size: 11pt;
	//font-family: monospace;
	//font-weight: bold;
}


.hidden { display: none; }

.unhidden { display: block; }

span.beta {
	vertical-align: super;
	color: red;
	//background-color: whitesmoke;
	font-size: 9pt;
	font-weight: bold;
}
table.small {
	font-size: 9pt;
}
div.right {
	text-align: right;
}
.container {
  display: table;
  width: 100%;
}

.row {
  display: table-row;
}
.rowtitle {
  display: table-row;
  background-color: #d7d7d7;
}

.cell {
  display: table-cell;
  //width: 100px;
  //height: 100px;
  border: 1px solid #d7d7d7;
  //padding: 1em;
  //padding: 6px;
  //padding-right: 6px;
}
.cellNoBorder {
  display: table-cell;
  border: 1px solid blue;
}
.finelicell {
  	display: table-cell;
	background-color: #ecf7e4;
	border: 1px solid #d7d7d7;
}
.kyniscell {
  	display: table-cell;
	background-color: #d7f6ff;
	border: 1px solid #d7d7d7;
}
span.fineli {
	background-color: #ecf7e4;
	border: 1px solid #d7d7d7;
	padding: 5px;
}
span.kynis {
	background-color: #d7f6ff;
	border: 1px solid #d7d7d7;
	padding: 5px;
}
.menucontainer {
  display: table;
  //width: 796px;
  width: 100%;
  background-color: #01284A;
	padding-top: 2px;
	padding-bottom: 5px;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	margin-right: -20px;
}
.menucontainerbottom {
  display: table;
  width: 100%;
  background-color: #01284A;
  padding-top: 2px;
  padding-bottom: 4px;
  //padding-left: 5px;
  color: #FFF;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-right: -20px;
  margin-bottom: -14px;
}
.menucell {
  display: table-cell;
  //display: block;
  //width: 100px;
  //height: 100px;
  //border: 1px solid #d7d7d7;
  //padding: 1em;
  //padding: 6px;
  //padding-right: 6px;
  //vertical-align: top;
}
.headercontainer {
  display: table;
  width: 100%;
  margin-top: -7px;
}
.headercell {
  display: table-cell;
  vertical-align: top;
}
.headercelltext {
  display: table-cell;
  vertical-align: top;
  padding-top: 7px;
  font-size: 13pt;
}
.menucelltextbottom {
  display: table-cell;
  vertical-align: top;
  padding-left: 7px;
}
table.ravintodata {
	font-size: 9pt;
}
table.ravintodata td {
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
table.ravintodata td.header {
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-color: #d7d7d7;
	font-weight: bold;

}
.sarjapainolaskuri {
	font-size: 9pt;
}

table.viikkonakyma td {
	text-align: left;
	vertical-align: top;
	border-top: 2px solid #d7d7d7;
	border-left: 2px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	padding: 5px;
	//background-color: #d7d7d7;
}

table.viikkonakyma td.weeknumber {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 0px solid #d7d7d7;
	border-right: 0px solid #d7d7d7;
	background-color: #d7d7d7;
}
span.viikkonakymadate {
	font-size: 9pt;
	text-align: right;
}
div.sarjat {
	margin-left: 25px;
	font-size: 9pt;
	//font-style:italic;
}

div.sarjatt {
	margin-left: 48px;
	font-size: 9pt;
	//font-style:italic;
}

input.import
{
   background-color: whitesmoke;
   border-style:solid;
}
input.import:hover
{
background-color: #d7d7d7;
}
div.leipa {
	margin-left: 50px;
	margin-right: 50px;
}

.history_container {
		display: flex;
		justify-content: space-between; /* Adjusts spacing between columns */
}
.history_column {
		flex: 1; /* Each column takes equal space */
		padding: 10px; /* Adds some padding */
		box-sizing: border-box; /* Ensures padding is included in width */
}