/* 
    Created on : May 8, 2014, 12:26:50 PM
    Author     : iivo
*/


a {
    color: #00F;
    text-decoration: none;
}

a:visited {
    color: #00F;
}

a:hover {
    color: #396;
    text-decoration: underline;
}

body {
    margin: 0px;
    font-family: sans-serif;
    font-size: 16px;
}

#ylaosa {
    width: 100%;
    height: 152px;
    background: url(../kuvat/ylaviiva.png);
    background-repeat: repeat-x;
}

#logo {
    width: 200px;
    height: 100px;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    font-size: 30px;
}

#oikeaylaosa {
    width: 413px;
    height: 142px;
    float: right;
    background: url(../kuvat/oikeaylaosa.png);
}

@media (max-width: 650px) {
    #oikeaylaosa {
        width: 0px;
    }
}

#valikko {
    width: 90%;
    height: 30px;
    top: 110px;
    left: 15px;
    position: absolute;
}

#sisalto {
    margin-left: 15px;
    margin-bottom: 100px;
}

.ylakohdistus {
    vertical-align: top;
}

.oikea {
    float: right;
}

.ilmoitus {
    width: 700px;
    height: 21px;
    padding-left: 3px;
    padding-top: 3px;
    margin-bottom: 10px;
}

.virhe {
    background: url(../kuvat/kulmakiinni.png) #ff6666;
    background-position: right;
    background-repeat: no-repeat;
}

.varoitus {
    background: url(../kuvat/kulmakiinni.png) yellow;
    background-position: right;
    background-repeat: no-repeat;
}

.onnistui {
    background: url(../kuvat/kulmakiinni.png) #66ff66;
    background-position: right;
    background-repeat: no-repeat;
}

#maksusitoumukset {
    background: #dddddd;
}

.maksusitoumustausta div {
    margin: 0;
    padding: 0;
}


div.maksusitoumuspaperi {
    background: #ffffff;
    border: 2px solid #cacaca;
    width: 850px;
    min-height: 300px;
    position: relative;
    padding: 25px;
    box-shadow: 5px 10px 20px #999999;
}

.div-alaosa {
  position: absolute;
  bottom: 0;
}



.vihertausta {
    background: #00ff33;
}

.tummanvihertausta {
    background: #006600;
    color: white;
}

.punatausta {
    background: #ff6666;
}

.mustatausta {
    background: #000;
    color: #fff;
}

.keltatausta {
    background: yellow;
}

.vaaleanvihreatausta {
    background: #ccffcc;
}

.vaaleanpunainentausta {
    background: #ffcccc;
}

.sininentausta {
    background: #46b8da;
}

.sahkonsininentausta {
    background: #3333ff;
}

.harmaateksti {
    color: #5f5f5f;
}

.leveys1 {
    width: 200px;
}

.leveys2 {
    width: 500px;
}

.leveys3 {
    width: 300px;
}

.leveys4 {
    width: 400px;
}

.leveys5 {
    width: 150px;
}

.leveys6 {
    width: 730px;
}

.leveys7 {
    width: 100px;
}

.leveys8 {
    width: 40px;
}

.leveys9 {
    width: 65px;
}

.leveys10 {
    width: 850px;
}

.leveysCombo {
    width: 450px;
}

.taysileveys {
    width: 100%;
}

.leveys98pct {
    width: 98%;
}

.korkeus1 {
    height: 300px;
}

.korkeus2 {
    height: 500px;
}

.pienempiteksti {
    font-size: small;
}

.hoverTable tr:hover {
    color: black;
    background-color: #ffff99;
}

span.badge {
    border: 1px solid;
    border-color: #439b9d;
    padding: 1px;
}
span.extranet {
    background: #CFEECFFF;
}
span.fma {
    background: #92E3E5;

}

.nelio {
    width: 120px;
    height: 120px;
    border: solid black 2px;
}

.hajurako {
    padding-right: 20px;
}

.hajurakoalle {
    padding-bottom: 20px;
}

table.pienempiteksti tr td p {
    margin: 5px 0;
}

table.ohutviiva {
    border: 1px solid #333333;
    border-collapse: collapse;
}

table.ohutviiva tr td {
    padding: 3px 5px;
}

table.ohutviiva tr th {
    background: #dddddd;
    padding: 4px;
}

button.ui-button-icon {
    height: 20px;
    margin: 0;
    padding: 0;
}

.samarivi {
    display: inline;
}

.piilotettu {
    display: none;
}

.tahdet {
    height: 19px;
    background: url("../kuvat/tahti.png");
    float: left;
}

.sisareunus {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: #00ff33 solid 2px;
}

.vilkkuva {
    animation: blink-animation 1.5s steps(5, start) infinite;
    -webkit-animation: blink-animation 1.5s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

/*jQuery ui-widget:ille*/
.pieniteksti{
    font-size:16px;
}

.vielapienempiteksti{
    font-size:8px;
}

@media print
{
    .eitulosteeseen {
        display: none;
    }

}

table.laskutaulukko, table.osakastaulukko{
    border-collapse: collapse;
}

table.laskutaulukko thead, table.osakastaulukko thead{
    background-color: lightblue;
}

table.laskutaulukko tr{
    text-align: center;
    border-bottom: solid;
    border-width: 1px 0;

}

table.laskutaulukko tr:nth-child(even), table.osakastaulukko tr:nth-child(even)
{background: lightgray}

table.laskutaulukko td, table.laskutaulukko th{
    padding: 5px;
    width: 12%;
}
table.osakastaulukko td, table.osakastaulukko th{
    padding: 5px;
    border: 1px solid black;
}

table.laskutaulukko .valintalaatikko{
	-webkit-appearance: none;
	background-color: #5882FA;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

table.laskutaulukko .valintalaatikko:active, table.laskutaulukko .valintalaatikko:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

table.laskutaulukko .valintalaatikko:checked {
	background-color: #2E64FE;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

table.laskutaulukko .valintalaatikko:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: white;
}

/* poistetaan input type numberien ylös/alas-nuolet - Firefox ym. */
input[type='number'] {
    -moz-appearance:textfield;
}

/* poistetaan input tyyppi numberien ylös/alas-nuolet - Safari ym. */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.iframe-resize {
  height: 750px;
  width: 1000px;
  resize: both;
  overflow: auto;
}

input:out-of-range {
    background-color: rgb(255 0 0 / 25%);
    border: 2px solid red;
}

.flex {
    display: flex;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.alavaroitus {
    display: none; 
    position: fixed; 
    right: 0px; 
    bottom: 0px; 
    min-width: 100px; 
    min-height: 20px; 
    padding: 4px; 
    background: red; 
    color: white;
    z-index: 5;
}