body{
font-family: 'opensans';
overflow-x:hidden;
margin-bottom:70px;
}

@font-face {
font-family:opensans;
src: url(fontit/OpenSans.woff);}

@font-face {
font-family:abel;
src: url(fontit/Abel.woff);}

@font-face {
font-family:rubikmono;
src: url(fontit/RubikMono.woff);}

@font-face {
font-family:sourcecodepro;
src: url(fontit/SourceCodePro.woff);}

@font-face {
font-family:pontanosans;
src: url(fontit/PontanoSans.woff);}

@font-face {
font-family:mavenpro;
src: url(fontit/MavenPro.woff);}

@font-face {
font-family:montserrat;
src: url(fontit/Montserrat.woff);}

@font-face {
font-family:worksans;
src: url(fontit/WorkSans.woff);}

@font-face {
font-family:opensanscondensed;
src: url(fontit/OpenSansCondensed.woff);}

@keyframes NaytaEtsiIkoni {
    0% {right:-10em; display:none;
	}
    100% {right:0em; display:block;}}
 
@keyframes PiilotaEtsiIkoni {
    from {right:2em; display:block;}}
to {right:-15em; display:none;}

#EtsiIkoni{
cursor:pointer;
width:5em;
height:4em;
display:block;
position:fixed;
z-index:25;
background-image:url('../Ikonit/etsikeskitetty-valkoinen.png');
background-repeat:no-repeat;
background-size:35px;
background-position:center;
top:-0.2em;
right:16em;
}

#AvaaArtikkeliAsetuksetDiv{
cursor:pointer;
width:5em;
height:4em;
display:block;
position:fixed;
z-index:25;
background-image:url('Ikonit/kolmeviivaa.png');
background-repeat:no-repeat;
background-size:25px;
background-position:center;
top:9.8em;
right:0.3em;
}

@keyframes NaytaEtsiPalkki {
    0% {top:-30em; display:none;
	}
    100% {top:0em; display:block;}}
 
@keyframes PiilotaEtsiPalkki {
    from {top:0em; display:block;}}
to {top:-30em; display:none;}

#YlaPoikkiPalkki{
display:block;
position:fixed;
top:-70em;
left:0em;
width:100vw;
height:75vh;
z-index:23;
margin:auto;
border-style:solid;
border-width:1px;
border-color:#D1D1D1;
background-color:#FFFFFF;
}

#InfoRuutu{
display:none;
position:fixed;
padding-left:15px;
padding-right:15px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-radius:5px;
border-color:#E6E6E6;
font-size:0.8em;
bottom:0px;
overflow:auto;
z-index:19;
}

#Logo{
position:absolute;
cursor:pointer;
font-family:"Open Sans";
font-weight:400;
padding-left:1em;
padding-right:1em;
float:left;
margin-left:200px;
margin-top:2em;
color:#c0c0c0;
font-size:1.3em;
}

#Luouusiartikkeli{
display:block;
position:relative;
font-family:'pontanosans';
cursor:pointer;
color:#FFFFFF;
width:8em;
margin-top:0em;
margin-right:4em;
float:right;
cursor:pointer;
text-align:left;
padding-top:1em;
padding-bottom:1em;
}

#Artikkelivalikko{
position:absolute;
margin-top:1.8em;
margin-left:160px;
cursor:pointer;
color:#D65F3E;
font-family:"Open Sans";
font-size:1.5em;
width:1.4em;
height:1.4em;
text-align:center;
line-height:1.4em;
border-radius:0.2em;
padding:0.1em;
-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 */
}




#SovellusValitsin{
display:none;
padding:1em;
position:absolute;
margin-top:0.5em;
margin-left:18%;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#F5E0DA;
border-radius:0.2em;
z-index:20;
}

.SovellusTietue{
cursor:pointer;
display:block;
padding:4px;
padding-left:5px;
}

#KirjauduOtsikko{
color:#D65F3E;
font-family:abel;
font-size:1.5em;
margin:auto;
margin-bottom:3em;
}

#Interaktiivinenaloitusnakyma{
position:relative;
overflow:hidden;
display:none;
margin:auto;
margin-bottom:60px;
outline:none;
z-index:10;
}

#Interaktiivinenaloitusnakyma_Kirjautumatta{
position:relative;
overflow:hidden;
display:block;
margin:auto;
margin-bottom:60px;
outline:none;
z-index:10;
margin-top:-5em;
}

#Otsikko{
color:#D65F3E;
font-family:'pontanosans';
font-size:30pt;
padding-left:20px;
margin:auto;
margin-top:0em;
border-left-width:8px;
border-left-style:solid;
border-left-color:#d4851c;
}

@keyframes naytasisaltokehys {
from {margin-top:-200%;}to {margin-top:20px;}}
@keyframes piilotasisaltokehys {
from {width:180px; opacity:1.0; display:block;}to { width:0px; opacity:0.0; display:none;}}
#Sisaltokehys{
position:relative;
z-index:20;
background: rgba(255, 255, 255, 0.98);
width:95vw;
margin:auto;
margin-top:3.5em;
padding-bottom:40px;
padding-left:1em;
padding-right:40px;
padding-top:3em;
border-style:none;
}

#Kirjaudu_Sisaltokehys{
width:70%;
margin:auto;
margin-top:10em;
margin-bottom:60px;
padding-top:30px;
padding-bottom:100px;
padding-left:40px;
padding-right:40px;
}


#Sisalto{
border-left-width:8px;
border-left-style:solid;
border-left-color:#d4851c;
color:#524945;
margin:auto;
margin-top:40px;
outline:none;
padding-left:1em;
min-height:1em;
}


.AsiasanatFS{
box-shadow: 1px 4px 2px #d7d7d7;
padding-bottom:25px;
width:97%;
}

.AsiasanatFSLegend{
border-left-width:6px;
border-left-style:solid;
border-left-color:#D65F3E;
font-family:"abel";
padding-left:20px;
}

#AsiasanatDivKehys{
margin-top:1em;
padding:2em;
position:relative;
border-left-width:8px;
border-left-style:solid;
border-left-color:#d4851c;
}

.AsiasanatOtsikko{
position:relative;
font-size:1.2em;
font-family:abel;
color:#D65F3E;
}

#LatausIkoni{
position:fixed;
display:none;
background-color:#FFFFFF;
border-style:solid;
border-color:#d9d9d9;
border-width:1px;
border-radius:2px;
top:40%;
left:45%;
z-index:31;
}

.KeskitettyBlockParagraafi{
display:block;
text-align:center;
width:100%;
}

img.PieniTallenna{
margin:auto;
width:0.6em;
}

@keyframes naytaTallennusIkoni {
    from {opacity:0.0;}
to {opacity:1.0;}}
 
@keyframes piilotaTallennusIkoni {
    from {opacity:1.0; background-color:#66ff00;}
to {opacity:0.0;  background-color:#66ff00;}}

#TallennusIkoni{
position:fixed;
opacity:0.0;
top:3em;
right:0.5em;
width:1.5em;
height:0.5em;
margin:auto;
z-index:30;
background-color:#fbff00;
border-radius:0.2em;
}

form.Kirjautumis_Lomake{
display:block;
margin-top:44em;
width:45%;
}

input.KirjauduKentta{
display:block;
font-family: opensans;
background-color:#FFFFFF;
font-size:16pt;
text-indent:10px;
border-style:solid;
border-width:1px;
border-color:#DEDEDE;
width:70%;
height:60px;
margin:auto;
margin-top:20px;}

fieldset{
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#DEDEDE;}



#KayttajaVieras{
position:absolute;
background-color:#D16547;
color:#FFFFFF;
cursor:pointer;
line-height:1.8em;
height:1.8em;
width:1.8em;
font-size:1.2em;
padding:0.4em;
right:8%;
top:0.6em;
text-align:center;
}


#KayttajaValikko{
position:absolute;
display:none;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
box-shadow: 3px 3px 2px #878787;
border-color:#C9C9C9;
right:3em;
top:4em;
padding:10px;
height:10em;
width:16em;
z-index:22;
}

#Notifikaatiot{
display:none;
height:36em;
width:30em;
display:inline-block;
overflow:auto;
}

.Notifikaationrivi{
display:block;
font-size:1em;
margin-top:10px;
font-family:"worksans";
padding-left:20px;
}

.HakuPreferenssiDiv{
width:95%;
display:block;
margin:auto;
}

.HakuPreferenssiSpan{
padding-top:15px;
padding-bottom:15px;
margin-left:4.5em;
}

@keyframes AvaaKayttajatietoPalkki {
    from {width:0px; opacity:0.0;}
to {width:180px; opacity:1.0; display:block;}}
 
@keyframes SuljeKayttajatietoPalkki {
    from {width:180px; opacity:1.0; display:block;}
to { width:0px; opacity:0.0; display:none;}}

#Sovelluskehys{
display:block;
position:relative;
width:100vw;
margin:auto;
margin-top:1em;
}

.SovellusNimi{
background-image:url('https://www.hependos.fi/Ikonit/logo.png');
background-size:3em;
background-position:center;
background-repeat:no-repeat;
display:inline-block;
position:relative;
cursor:pointer;
color:#FFFFFF;
height:inherit;
width:7em;
margin-left:1em;
float:left;
}

#sovellusvalitsinselect{
font-family:inherit;
position:relative;
display:inline-block;
width:6em;
background-color:inherit;
height:inherit;
color:#FFFFFF;
float:left;
border-style:none;
}

#ValiPalkki{
position:fixed;
top:0em;
left:0em;
right:0em;
display:block;
height:3.5em;
margin:auto;
padding-left:0.5em;
padding-right:40px;
background: rgba(120, 28, 45, 1);
border-top-left-radius:0.1em;
border-top-right-radius:0.1em;
z-index:21;
}

/*#TaustaPeitin{
position:fixed;
top:0em;
bottom:0em;
left:0em;
right:0em;
background: rgba(255, 255, 255, 0.95);
}*/

#Alapalkki{
position:relative;
display:block;
height:4em;
width:70vw;
margin:auto;
padding-left:40px;
padding-right:40px;
background-color:transparent;
}

#Kayttaja{
cursor:pointer;
position:absolute;
display:block;
top:0.25em;
right:0.7em;
height:3em;
width:5em;
line-height:3em;
text-align:center;
font-family:"worksans";
color:#FFFFFF;
border-radius:0.3em;
z-index:22;
}


#EtsiInput{
position:relative;
display:block;
font-family:"worksans";
font-size:1em;
background-image:url('../Ikonit/Etsi.png');
background-repeat:no-repeat;
background-size:60px;
background-position:center right;
background: rgba(255, 255, 255, 0.90);
border-color:#c1c1c1;
border-style:none;
outline:none;
width:100%;
height:2em;
margin:auto;
margin-top:1em;
text-indent:1em;
}

#HakutulosMateriaali{
display:block;
position:relative;
margin-top:1em;
width:100%;
height:80%;
z-index:23;
overflow:auto;
overflow-x:hidden;
}

#Peittoruutu{
display:none;
position:fixed;
left:0px;
right:0px;
top:0px;
bottom:0px;
background-color:transparent;
background-image:url('/Ikonit/KuvaTausta.png');
z-index:21;
}

.HakuTulosSisalto{
position:absolute;
right:0px;
top:120px;
z-index:20;
height:400px;
}

.EtsiPalkkiLisatieto{
display:block;
background-color:#E6EBFF;
font-style:italic;
text-align:center;
margin-top:15px;
margin-left:5px;
margin-right:5px;
background-image:url('Ikonit/FunktioTausta.png');
background-size:40px;
background-position:center left;
background-repeat:no-repeat;
padding:3px;
border-radius:10px;
}

.KuvienHakuTulosSisalto{
position:absolute;
display:none;
font-family: opensans;
background-color:#FFFFFF;
border-style:solid;
border-right-style:none;
border-left-style:solid;
border-width:1px;
border-color:#D65F3E;
border-top-style:none;
z-index:16;
width:25%;
top:70px;
right:200px;
padding-left:15px;
padding-bottom:30px;
overflow-x:hidden;}

.HakuTulostenSelite{
font-family: "worksans";
margin-left:1em;
width:100%;
height:30px;
line-height:30px;
overflow:hidden;
font-size:0.8em;
}

.ListanEnsimmainen{
outline:none;
color:#1A0DAB;
font-family: "mavenpro";
cursor:default;
margin-top:0.2em;
padding-left:15px;
padding-top:1em;
padding-bottom:1em;
display:block;}

.EtsintaTulosRivi{
outline:none;
font-family: "mavenpro";
cursor:default;
overflow:hidden;
margin-top:0.2em;
padding-left:15px;
padding-top:1em;
padding-bottom:1em;
display:block;}

.ValikkoRiviLinkki{
outline:none;
font-family: "mavenpro";
cursor:pointer;
overflow:hidden;
margin-top:0.2em;
padding:5px;
padding-left:5px;
padding-right:5px;
display:block;
}

.EtsintaTulosRiviAloitussivulla{
outline:none;
cursor:pointer;
overflow:hidden;
margin-top:0.5em;
padding-left:15px;
padding-top:0.4em;
display:block;}


#ArtikkelinTiedotDiv{
border-left-width:8px;
border-left-style:solid;
border-left-color:#d4851c;
position:relative;
margin-top:1em;
}

#Aika{
background-image:url('/Ikonit/mobiilisovellus_ikoni_kalenteri.png');
background-size:20px;
background-repeat:no-repeat;
background-position:center left;
padding-left:1.5em;
position:relative;
margin-left:1em;
font-family:abel;
color:#858585;
}

#Kirjoittaja{
background-image:url('/Ikonit/mobiilisovellus_ikoni_kynä.png');
background-size:20px;
background-repeat:no-repeat;
background-position:center left;
padding-left:1.5em;
position:relative;
margin-left:2em;
font-family:abel;
color:#858585;
}

#Julkinen{
position:relative;
margin-left:2em;
font-family:abel;
color:#858585;
}


#IsoKuvaDiv{
background-image:url('/Ikonit/KuvaTausta.png');
visibility:hidden;
position:fixed;
z-index:12;
top:0px;
left:0px;
right:0px;
bottom:0px;
text-align:center;
}

.SuurennettuKuva{
cursor:pointer;
margin:auto;
margin-top:2%;
margin-bottom:15px;
max-width:95%;
max-height:95%;
}

.OletusAlignOriginal{
max-width:98%;
padding:3px;
cursor:pointer;
}

.OletusAlignPieni{
max-width:200px;
max-height:113px;
padding:3px;
cursor:pointer;
}

.OletusAlignKeski{
max-width:400px;
max-height:227px;
padding:3px;
cursor:pointer;
}

.OletusAlignSuuri{
max-width:750px;
max-height:426px;
padding:3px;
cursor:pointer;
}

.VasenAlignOriginal{
max-width:98%;
float:left;
padding:3px;
cursor:pointer;
}

.VasenAlignPieni{
float:left;
max-width:200px;
max-height:113px;
padding:3px;
cursor:pointer;
}

.VasenAlignKeski{
float:left;
max-width:400px;
max-height:227px;
padding:3px;
cursor:pointer;
}

.VasenAlignSuuri{
float:left;
max-width:750px;
max-height:426px;
padding:3px;
cursor:pointer;
}

.KeskiAlignOriginal{
max-width:98%;
display:block;
margin:auto;
padding:3px;
cursor:pointer;
}

.KeskiAlignPieni{
display:block;
margin:auto;
max-width:200px;
max-height:113px;
padding:3px;
cursor:pointer;
}

.KeskiAlignKeski{
display:block;
margin:auto;
max-width:400px;
max-height:227px;
padding:3px;
cursor:pointer;
}

.KeskiAlignSuuri{
display:block;
margin:auto;
max-width:90%;
padding:3px;
cursor:pointer;
}

.OikeaAlignOriginal{
max-width:98%;
float:right;
padding:3px;
cursor:pointer;
}

.OikeaAlignPieni{
float:right;
max-width:200px;
max-height:113px;
padding:3px;
cursor:pointer;
}

.OikeaAlignKeski{
float:right;
max-width:400px;
max-height:227px;
padding:3px;
cursor:pointer;
}

.OikeaAlignsuuri{
float:right;
max-width:750px;
max-height:426px;
padding:3px;
cursor:pointer;
}

.MuokkaaDiv{
cursor:pointer;
position:absolute;
left:15%;
margin-top:5em;
font-size:10pt;
font-family: "mavenpro";
}

#Asiasanat{
margin-top:10px;
padding:5px;
padding-bottom:5px;
cursor:default;
display:block;
word-break: break-all;
z-index:4;
border-radius:10px;
}
 
.Asiasana{
color:#FFFFFF;
font-family: 'abel', sans-serif;
background-color:#00B27E;
display:inline-block;
cursor:pointer;
padding:5px;
margin-left:15px;
margin-top:15px;
height:25px;
min-width:50px;
line-height:25px;
text-align:center;
border-radius:3px;
text-indent:0px;
}

#AsiasanaInput{
background-image:url('/Ikonit/PlusIkoniAsiasana.jpg');
background-size:32px;
background-repeat:no-repeat;
background-position:center left;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#D65F3E;
display:none;
text-indent:50px;
height:30px;
margin:auto;
font-family: opensans;
z-index:16;
color:#000000;
}

.AsiasanaSelite{
margin-left:20px;
color:#948E8E;
}

@keyframes AvaaAsiasanaInputAnimaatio {
    from {width:0px; opacity:0.0; }
    to {display:block; width:95%; opacity:1.0;}
 }
 
@keyframes SuljeAsiasanaInput {
    from { width:95%; display:inline-block;}
    to {opacity:0.0; width:0px; display:none;}
 }
 
 @keyframes AvaaPoistaMuotoiluAnimaatio {
    from {width:0px; background-color: #FFFFFF; display:inline-block; }
    to {display:inline-block; width:1057px; background-color: #F7F2EB;}
 }
 
@keyframes SuljePoistaMuotoiluAnimaatio {
    from {background-color: #F7F2EB; width:1057px; display:inline-block;}
    to {background-color: #FFFFFF; width:0px; display:none;}
 }


h1{
font-family: 'worksans', sans-serif;
margin-top:2em;
margin-bottom:2em;
color:#000000;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width:1px;
font-weight:100;
}

h2{
font-family: 'worksans', sans-serif;
margin-top:2em;
margin-bottom:2em;
color:#000000;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width:1px;
font-weight:100;
}

h3{
font-family: 'worksans', sans-serif;
margin-top:60px;
margin-bottom:10px;
color:#000000;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width:1px;
font-weight:100;
}

.IA_Nakyma_50_Levea_Otsikko{
display:inline-block;
font-family: 'worksans';
margin-bottom:10px;
padding-left:15px;
width:46%;
border-left-style:solid;
border-left-color:blue;
}

.IA_Nakyma_50_Levea_Otsikko_MerkitytArtikkeli{
display:inline-block;
font-family: 'worksans';
margin-top:60px;
margin-bottom:10px;
padding-left:15px;
width:46%;
border-left-style:solid;
border-left-color:#F54E4E;
}

.IA_Nakyma_50_Levea_Otsikko_ViimKi{
display:inline-block;
font-family: 'worksans';
margin-top:60px;
margin-bottom:10px;
padding-left:15px;
width:46%;
border-left-style:solid;
border-left-color:purple;
}

.IA_Nakyma_50_Levea_Otsikko_ViimHa{
display:inline-block;
font-family: 'worksans';
margin-top:60px;
margin-bottom:10px;
padding-left:15px;
width:46%;
border-left-style:solid;
border-left-color:orange;
}

.IA_Nakyma_50_Levea_Otsikko_ViimVie{
display:inline-block;
font-family: 'worksans';
margin-top:60px;
margin-bottom:10px;
padding-left:15px;
width:46%;
border-left-style:solid;
border-left-color:maroon;
}


.IA_Nakyma_50_Levea_Otsikko_ViiVir{
display:inline-block;
font-family: 'worksans';
margin-top:60px;
margin-bottom:10px;
padding-left:15px;
width:46%;
border-left-style:solid;
border-left-color:cyan;
}

.Interaktiivinenh1{
position:relative;
display:block;
font-family:'pontanosans';
font-weight:100;
margin-bottom:1em;
margin-top:1em;
color:#D65F3E;
border-bottom-style:none;
}


quote{
font-family: 'abel', sans-serif;
border-top-style:solid;
border-bottom-style:solid;
border-width:1px;
border-color:#B0B0B0;
font-style:italic;
display:block;
padding-top:15px;
padding-bottom:15px;
padding-left:3em;
padding-right:3em;
background-image:url('/Ikonit/Lainaus.png'), url('/Ikonit/Lainaus2.png');
background-size:4%;
background-position:top left, bottom right;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

del{
color:#9C9C9C;
}

samp{
font-family: 'abel', sans-serif;
background:url('/Ikonit/Nappain.png');
background-size:80% 95%;
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#3E5C5A;
display:inline-block;
margin-bottom:10px;
padding:5px;
padding-left:2em;
padding-right:2.5em;
max-width:990px;
word-break:break-all;
text-transform: uppercase;
}

code{
font-family: 'Source Code Pro';
background:url('/Ikonit/Koodi.png');
background-size:45px;
background-position:center left;
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#3E5C5A;
display:inline-block;
margin-bottom:10px;
padding:5px;
padding-left:40px;
border-top-style:dashed;
border-bottom-style:dashed;
border-width:1px;
border-color:#E8E8E8;
max-width:990px;
word-break:break-all;
}

.Huomio{
font-family: opensans;
background-color:#FFFFFF;
color:#3E5C5A;
display:inline-block;
margin-bottom:10px;
padding:5px;
padding-left:10px;
padding-right:10px;
border-top-style:dashed;
border-bottom-style:dashed;
border-width:1px;
border-color:#B0B0B0;
max-width:990px;
word-break:break-all;
}

.upotettuKuvake{
vertical-align:middle;
margin-top:-5px;
padding-left:5px;
padding-right:3px;
width:20px;
}

.upotettuKuvake2{
margin-left:5px;
margin-right:5px;
width:1em;
}

.upotettuPieniKuvake{
width:1em;
vertical-align:middle;
}

.upotettuTag{
border-style:solid;
border-width:1px;
border-color:#DBDBDB;
border-radius:5px;
width:60px;
vertical-align:middle;
}

.upotettuKuvakeHymio{
vertical-align:middle;
margin-top:-5px;
padding-left:5px;
padding-right:3px;
width:22px;
}

fieldset.KirjauduFieldset{
border-radius:5px;
border-style:none;
padding-top:10px;
padding-bottom:60px;
width:1000px;
margin:auto;
}

/* KUVAN LATAUS & LISÄYS */

#UudenKuvanLatausDiv{
display:none;
position:relative;
z-index:30;
padding:2em;
width:85%;
margin:auto;
margin-top:-10em;
background-color:#FFFFFF;
border-color:#EBEBEB;
border-style:solid;
border-width:1px;
box-shadow: 1px 4px 2px #d7d7d7;
}

#LatausKehys{
margin:auto;
margin-top:60px;
margin-bottom:800px;
width:1100px;
}

#LatausIkkunaTiedostot{
text-indent:40px;
font-size:170%;
height:90px;
line-height:90px;
margin-bottom:10px;
width:400px;
display:inline-block;
border-style:none;
cursor:pointer;
}

#TiedostoSeliteEnc{
visibility:hidden;
}

#LatausIkkunaInput{
font-family: opensans;
font-size:100%;
text-indent:30px;
width:600px;
height:63px;
border-style:none;
background-color:#85E880;
}


.KuvaEtsintaTulosRivi{
cursor:pointer;
margin-top:5px;
width:990px;
padding-left:60px;
padding-top:12px;
padding-bottom:12px;
background-image:url('/Ikonit/Kuva18px.png');
background-position:center left;
background-size:40px 20px;
background-repeat:no-repeat;
display:block;
}

.KuvaEtsintaTulosRivi_pdf{
cursor:pointer;
margin-top:5px;
width:990px;
padding-left:60px;
padding-top:12px;
padding-bottom:12px;
background-image:url('/Ikonit/pdf18px.png');
background-position:center left;
background-size:40px 20px;
background-repeat:no-repeat;
display:block;
}

.LadataanIkoni{
width:175px;
height:15px;
}

li{
font-size:11pt;
margin-left:20px;
margin-top:15px;
color:#292929;
list-style-type:disc;
}

li.VirheListaus{
font-family: "mavenpro";
padding-left:15px;
color:#D44646;
font-size:14pt;
list-style:none;
margin-top:15px;
}

li.VirheListausSelite{
padding-left:60px;
font-size:12pt;
list-style:none;
margin-top:3px;
}

.Tekija{
font-style:italic;
font-size:95%;
color:#969696;
padding:5px;
padding-left:10px;
padding-right:10px;
}


textarea.PoistaMuotoiluSisalto{
font-family:opensans;
background-color:#FFFFFF;
display:block;
width:95%;
height:300px;
margin:auto;
overflow:hidden;
margin-top:30px;
margin-bottom:30px;
resize:none;
}



/* Käyttäjätietojen osio */

.AlasVetoValikko{
display:block;
width:93%;
margin:auto;
height:50px;
font-family: "worksans";
font-size:14pt;
background-color:#E8E8E8;
border-style:none;
text-indent:5px;
}

.KayttajaTietoRuutuInput{
display:inline-block;
margin-left:1.3em;
width:70%;
border-style:none;
font-family: "mavenpro";
font-size:14pt;
padding-top:5px;
padding-bottom:5px;
margin-top:15px;
background-color:#F2F2F2;
text-indent:5px;
height:40px;
line-height:40px;
}

.Kayttaja_Palkki{
width:100%;
padding-top:5px;
padding-bottom:5px;
margin-top:1.5em;
background-color:#F7ECEE;
text-indent:30px;
height:2em;
line-height:1.2em;
}

.Token_Palkki{
font-size:12pt;
letter-spacing:0px;
width:50%;
margin:auto;
text-align:center;
color:gray;
padding-top:5px;
padding-bottom:5px;
margin-top:15px;
padding-left:15px;
padding-right:15px;
height:30px;
display:block;
}

.PalkkiSelite{
margin-bottom:5px;
margin-top:15px;
margin-left:20px;
font-size:14pt;
color:#006D91;
display:block;
}

input.KayttajaCheckBox{
width:20px;
height:50px;
margin-left:30px;
display:inline-block;
}

#CheckBoxDiv{
height:55px;
line-height:55px;
display:block;
background-color:#F2F2F2;
}

.SelosteDivinSisalla{
position:absolute;
margin-top:0px;
margin-left:20px;
display:inline-block;
font-size:13pt;
}

/* Käyttäjätiedot päättyvät */

#AlignPrompt{
display:none;
width:95%;
margin:auto;
padding-bottom:30px;
border-style:solid;
border-width:1px;
border-color:#D1D1D1;
background-color:#FFFFFF;
}

.KeskitinDiv{
display:block;
width:700px;
margin:auto;
margin-top:40px;
padding-bottom:40px;
padding-top:20px;
background-color:#EBEBEB;
}

.KeskitettyTekstiBlock{
display:block;
width:100%;
margin:auto;
margin-top:30px;
text-align:center;
margin-bottom:15px;
}

img.KeskitettyHakuLatausIkoni{
width:100px;
display:block;
margin:auto;
margin-top:20%;
}

img.KeskitettyKuvakeBlock{
width:100px;
display:block;
margin:auto;
}

img.KeskitettyKuvakeBlock60px{
width:60px;
display:block;
margin-left:0.4em;
margin-top:0.1em;
}

.TasattuKeskelle{
font-size:1em;
font-family:"worksans";
display:block;
text-align:center;
margin:auto;
margin-top:11em;
}

input.KeskitettyPainike{
font-family:"opensans";
width:14em;
height:4em;
font-size:1em;
line-height:1em;
float:right;
margin-right:-1m;
margin-top:5em;
padding:1em;
border-style:none;
background-color:#73071a;
color:#FFFFFF;
}

.AlignButtonDefault{
background-image:url('/Ikonit/AlignDefault.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}
.AlignButtonLeft{
background-image:url('/Ikonit/AlignLeft.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}
.AlignButtonCenter{
background-image:url('/Ikonit/AlignCenter.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}
.AlignButtonRight{
background-image:url('/Ikonit/AlignRight.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}

#SizePrompt{
display:none;
width:95%;
margin:auto;
padding-bottom:30px;
border-style:solid;
border-width:1px;
border-color:#D1D1D1;
background-color:#FFFFFF;
}

.SizeButtonSmall{
background-image:url('/Ikonit/SizeSmall.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}
.SizeButtonMedium{
background-image:url('/Ikonit/SizeMedium.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}
.SizeButtonLarge{
background-image:url('/Ikonit/SizeLarge.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}
.SizeButtonOriginal{
background-image:url('/Ikonit/SizeOriginal.jpg');
background-position:center;
background-size:110px 165px;
background-repeat:no-repeat;
background-color:#E8ECED;
display:inline-block;
margin-left:30px;
width:128px;
height:184px;
border-style:solid;
border-width:1px;
border-color:#E6E6E6;
cursor:pointer;
}

.KayttajaTiedotMuutaPainike{
cursor:pointer;
font-size:110%;
font-family: opensans;
padding:5px;
color:#858585;
width:18%;
border-width:1px;
border-style:solid;
border-color:#BABABA;
background-color:#F5F5F5;
color:#000000;
height:48px;
float:right;
margin-top:-65px;
}

.SuljePainike{
cursor:pointer;
font-size:130%;
font-family: opensans;
width:300px;
height:55px;
text-align:center;
float:right;
margin-top:45px;
border-width:1px;
border-style:solid;
border-color:#BABABA;
background-color:#F5F5F5;
}

.SuljePainike2{
font-family: opensans;
display:block;
width:20%;
margin:auto;
margin-top:60px;
height:40px;
text-align:center;
border-width:1px;
border-style:solid;
border-color:#BABABA;
background-color:#F5F5F5;
}

.Palkki_Input{
font-family: opensans;
display:inline-block;
border-style:none;
color:#858585;
width:38%;
padding-top:5px;
padding-bottom:5px;
margin-bottom:15px;
margin-left:1.2em;
font-size:0.8em;
background-color:#F2F2F2;
text-indent:30px;
height:40px;
}

.OikeaReunaPainike{
padding-top:5px;
padding-bottom:5px;
width:13%;
height:50px;
border-width:1px;
margin-left:1em;
}

.At{
width:15px;
margin-top:5px;
}

input.ValitseAsetteluJaKokoNumeroInput{
font-family: opensans;
width:80px;
display:block;
height:40px;
font-size:14pt;
margin:auto;
margin-top:15px;
text-align:center;
}

input.TiedostoInputKentta{
font-family: opensans;
font-size:14pt;
display:block;
color:#858585;
width:100%;
margin-top:15px;
height:100px;
text-align:center;
background-color:#F2F2F2;
border-style:solid;
border-width:1px;
border-color:#DEDEDE;
border-radius:2px;
cursor:pointer;
}


.KuvanSyotto_Tab_Text{
font-family: opensans;
background-color:#F2F2F2;
border-style:solid;
border-width:1px;
border-color:#d9d9d9;
font-size:14pt;
width:100%;
height:60px;
text-indent:15px;
display:block;
margin:auto;
margin-bottom:15px;
}

@keyframes PiilotaLahetaKuvaPainike {
    from {width:200px;}
    to {width:60px; height:80px; background-image:url('https://www.hependos.fi/Ikonit/PainikeTaustaPunainenRuksi.png'); background-color:#DEDEDE; border-radius:3em;}
 }
 
@keyframes NaytaLahetaKuvaPainike {
    from {width:60px; height:80px;}
    to {width:200px; height:60px; background-image:url(''); border-radius:0.2em; background-color:#FFFFFF;}
 }



.KuvanSyotto_Tab_Painike{
background-position:center;
background-size:2em;
background-repeat:no-repeat;
width:200px;
height:60px;
font-size:120%;
display:block;
position:relative;
margin:auto;
margin-top:30px;
border-radius:0.2em;
background-color:#FFFFFF;
border-width:1px;
}

.AikaKuvaSelitteessa{
color:#8A8A8A;
}

.KeskitettyForm{
margin:auto;
margin-top:4em;
margin-bottom:15px;
}

/* Animaatiot */

@keyframes Punainen {
    from {background-color: #FAC8C8;}
    to {background-color: #FFFFFF;}
 }
 
@keyframes Punainen2 {
    from {background-color: #FAC8C8;}
    to {background-color: #FFFFFF;}
 }
 
@keyframes Vihrea {
    from {background-color: #93ED95;}
    to {background-color: transparent;}
 }
 
@keyframes Vihrea2 {
    from {background-color: #93ED95;}
    to {background-color: transparent;}
 }

.SuljeInfoPainike{
width:30px;
height:30px;
position:absolute;
right: 10px;
top:10px;
}
 
#InfoPalkki{
background-color:#FFFFFF;
border-style:solid;
border-color:#B9D0F0;
border-width:1px;
border-radius:0.2em;
display:none;
position:fixed;
z-index:20;
bottom:-10em;
left:2em;
padding:0.3em;
padding-left:0.3em;
}
 
@keyframes NaytaInfo {
    0% {opacity:0.0; background-color:#8AE66C; display:block; bottom:-10em;
	}
	75%{
	background-color:#8AE66C;
	}
    100% {opacity:1.0; background-color:#FFFFFF; bottom:2em;}}
 
@keyframes PiilotaInfo {
    from {opacity:1.0; bottom:2em;}
to {opacity:0.0; display:none; bottom:-10em;}}
 
@keyframes NaytaVirheInfo {
    0% {opacity:0.0; background-color:#FA0000; display:block;
	}
	75%{
	background-color:#FFC9C9;
	}
    100% {opacity:1.0; background-color:#FFFFFF;}}
 
@keyframes AvaaEtsiPalkki {
    from {width:0px; opacity:0.0; display:none;}
to {width:27em; height:70%; opacity:1.0; display:block;}}
 
@keyframes SuljeEtsiPalkki {
    from {width:27em; opacity:1.0; display:block;}
to { width:0px; opacity:0.0; display:none;}}


@keyframes AvaaPalkki {
    from {opacity:0.0; display:none;}
to {opacity:1.0; display:block;}}
 
 @keyframes SuljePalkki {
    from {opacity:1.0; display:block;}
to {opacity:0.0; display:none;}}

  @keyframes AvaaOtsikkoPalkki {
    from {opacity:0.0;}
to { opacity:1.0;}}
 
 @keyframes AvaaIideePalkki {
    from {opacity:0.0;}
to { opacity:1.0;}}
 
@keyframes SuljeOtsikkoPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

   @keyframes AvaaAikaPalkki {
    from {opacity:0.0;}
to {opacity:1.0;}}
 
@keyframes SuljeAikaPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

 
   @keyframes AvaaKirjoittajaPalkki {
    from {opacity:0.0;}
to {opacity:1.0;}}
 
@keyframes SuljeKirjoittajaPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

 
    @keyframes AvaaSisaltoPalkki {
    from {opacity:0.0;}
to {opacity:1.0;}}
 
@keyframes SuljeSisaltoPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes AvaaJulkinenPalkki {
    from {opacity:0.0;}
to {opacity:1.0;}}

@keyframes SuljeJulkinenPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}
 
@keyframes AvaaAsiasanatPalkki {
    from {opacity:0.0; display:none;}
to {opacity:1.0; display:block;}}
 
@keyframes SuljeAsiasanatPalkki {
    from {opacity:1.0; display:block;}
to {opacity:0.0; display:none;}}
 
@keyframes AvaaLatausIkoni {
    from {opacity:0.0;}
to { opacity:1.0;}}

@keyframes SuljeLatausIkoni {
    from {opacity:1.0; display:block;}
to {opacity:0.0; display:none;}}
 
@keyframes TuhoaOtsikkoPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes TuhoaIideePalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes TuhoaAikaPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes TuhoaKirjoittajaPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes TuhoaJulkinenPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes TuhoaSisaltoPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes TuhoaAsiasanatPalkki {
    from {opacity:1.0;}
to {opacity:0.0;}}

@keyframes AvaaSovellusValikko {
    0% {opacity:0.0; height:0em; color:transparent;}
	100% {opacity:1.0; height:7em; color:#000000;}}

@keyframes SuljeSovellusValikko {
    0% {opacity:1.0; display:block; height:7em;}
	100%{opacity:0.0; display:none; height:0em;}}
	
@keyframes Naytavalikko {
    0% {opacity:0.0; display:none;}
	100% {opacity:1.0; display:block;}}

@keyframes Suljevalikko {
    0% {opacity:1.0; display:block;}
	100%{opacity:0.0; display:none;}}
 
 


::-webkit-input-placeholder {
color: #545454;
font-family: opensans;
}

:-moz-placeholder { /* Firefox 18- */
color: #545454;
font-family: opensans;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #545454;
font-family: opensans;
}

:-ms-input-placeholder {
color: #545454;
font-family: opensans;
}

.Roskakorissa{
color:silver;
}

#LahetaSalasananNollausSahkoPostiDiv{
min-height:20px;
margin:auto;
margin-top:15px;
margin-bottom:15px;
border-style:none;
}

.LahetaSalasananNollausSahkoPostiLegend{
font-family: opensans;
color:#548DA1;
}

#LahetaSalasananNollausSahkoPostiFieldset{
border-radius:5px;
width:90%;
display:none;
margin:auto;
margin-top:30px;
}

input.UusiSalasanaSahkopostiInput{
width:70%;
font-size:0.8em;
height:40px;
text-indent:6px;
border-color:#DEDEDE;
border-width:1px;
border-style:solid;
}

input.UusiSalasanaSahkopostiOsoiteLahetaPainike{
cursor:pointer;
font-family: opensans;
width:25%;
height:40px;
border-style:none;
background-color:#73071a;
color:#FFFFFF;
float:right;
}

#SalasanatTasmaavat{
display:none;
width:100%;
margin:auto;
margin-top:20px;
text-align:center;
}

#SalasanatEivatTasmaa{
display:none;
width:100%;
margin:auto;
margin-top:20px;
text-align:center;
}

img.IsoUpotettuKuvake{
width:42px;
vertical-align:text-top;
margin-right:15px;}

@keyframes NaytaEsikatselukuva {
    from {display:none; width:0px;
	}
    to {width:20%; height:80%; display:block;}}
	
@keyframes PiilotaEsikatselukuva {
    from {width:20%; height:80%; display:block;
	}
    to {width:0px; display:none;}}
	

	@keyframes NaytaInfoDiv {
    from {display:none; width:0px;
	}
    to {width:15%; height:80%; display:block;}}
	
@keyframes PiilotaInfoDiv {
    from {width:15%; height:80%; display:block;
	}
    to {width:0px; display:none;}}
	

#KuvaHakuEsikatselu{
width:225px;
height:36px;
display:none;
background-color:#FFFFFF;
position:absolute;
z-index:16;
top:62px;
right:503px;
padding-left:15px;
padding-bottom:30px;
overflow-x:hidden;

border-right-color:orange;
border-right-style:solid;
border-right-width:4px;
border-left-style:solid;
border-left-color:orange;
border-left-width:1px;
border-top-color:orange;
border-top-style:solid;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-color:orange;
border-bottom-width:1px;
}

.KuvaEsikatselu{
display:block;
margin:auto;
margin-top:2em;
max-width:210px;
max-height:210px;
}

.KeskitettyKuvanSelite{
height:2em;
font-family: "mavenpro";
display:block;
width:80%;
margin:auto;
margin-top:1.5em;
}

.Suljeikkuna{
cursor:pointer;
position:absolute;
right:0.8em;
top:0.8em;
z-index:21;
background-color:#FFFFFF;
border-style:solid;
padding:0.5em;
border-width:1px;
border-radius:4em;
border-color:#c0c0c0;
width:1em;
text-align:center;
}

#ArtikkelienmaaraKehys{
display:inline-block;
width:9em;
margin-bottom:2em;
}

#Artikkelienmaara{
display:block;
height:4em;
line-height:4em;
width:4em;
border-style:solid;
border-width:5px;
border-radius:3em;
border-color:#5E00B5;
font-size:2em;
text-align:center;
margin:auto;
}

.AlatekstiArtikkelienmaara{
margin-top:0.5em;
color:#BFBFBF;
text-align:center;
display:block;
}

#KuvienmaaraKehys{
display:inline-block;
width:9em;
margin-left:1em;
}

#Kuvienmaara{
display:block;
height:4em;
line-height:4em;
width:4em;
border-style:solid;
border-width:5px;
border-radius:3em;
border-color:#00E8DC;
font-size:2em;
text-align:center;
}

#VierailijamaaraKehys{
display:inline-block;
width:9em;
margin-left:1em;
}

#Vierailijamaara{
display:block;
height:4em;
line-height:4em;
width:4em;
border-style:solid;
border-width:5px;
border-radius:3em;
border-color:#FFBC47;
font-size:2em;
text-align:center;
}


#HakumaaraKehys{
display:inline-block;
width:9em;
margin-left:1em;
}

#Hakumaara{
display:block;
height:4em;
line-height:4em;
width:4em;
border-style:solid;
border-width:5px;
border-radius:3em;
border-color:#FF47E7;
font-size:2em;
text-align:center;
}

#Sovellusasetuksetosio{
padding:1.5em;
padding-bottom:4em;
background-color:#FAFAFA;
display:none;
}

#Avaasovellusasetuksetosio{
cursor:pointer;
outline:none;
margin-top:3em;
display:block;
height:2em;
text-indent:3em;
line-height:2em;
border-radius:0.3em;
border-bottom-style:solid;
border-width:1px;
border-color:#c0c0c0;
font-size:1.1em;
font-family:abel;
}

#Kayttajaasetuksetosio{
padding:1.5em;
padding-bottom:4em;
background-color:#FAFAFA;
display:none;
position:relative;
}

#Avaakayttajaasetuksetosio{
float:left;
cursor:pointer;
outline:none;
display:block;
position:relative;
margin-top:2em;
height:2em;
width:50%;
text-indent:3em;
line-height:2em;
border-radius:0.3em;
border-bottom-style:solid;
border-width:1px;
border-color:#c0c0c0;
font-size:1.1em;
font-family:abel;
}

.Nuolikehys{
border-style:solid;
border-width:1px;
border-color:#9E9E9E;
color:#9E9E9E;
padding:0.3em;
padding-left:0.8em;
padding-right:0.8em;
font-size:0.7em;
border-radius:5em;
line-height:1.5em;
text-align:center;
height:2em;
}


@keyframes HaivytaHarmaa {
    from {background-color: #E8E8E8;}
    to {background-color: transparent;}
 }
 
 @keyframes HaivytaHarmaa2 {
    from {background-color: #E8E8E8;}
    to {background-color: transparent;}
 }

img.KeskitettyLatausIkoni{
width:2em;
display:block;
margin:auto;
}

#temp{
display:none;
}

.temp{
display:none;
}

.OtsikkoHeader{
font-size:2em;
color:#D65F3E;
font-family:"Open Sans";
}

#PiilotettuHakuAktivointi{
position:absolute;
opacity:0.0;
margin-left:-10em;
}

.Suljehakutuloksetteksti{
cursor:pointer;
display:block;
text-indent:1em;
margin-top:0.5em;
height:1.5em;
}

.Lahetauusikuvaform{
display:block;
margin-top:4em;
padding-top:4em;
padding-bottom:6em;
}

.Kuvahakuinputluokka{
font-family:"worksans";
color:#666666;
font-size:1em;
background-image:url('../Ikonit/Etsi.png');
background-repeat:no-repeat;
background-size:65px;
background-position:center right;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
box-shadow: 1px 4px 2px #d7d7d7;
display:block;
width:30em;
height:3em;
text-indent:1em;
margin:auto;
}

#Uusikuvapainike{
cursor:pointer;
display:block;
position:relative;
text-align:center;
width:8em;
margin:auto;
margin-top:1em;
font-family:abel;
color:blue;
z-index:15;
}

.Kuvahakutulosluokka{
display:block;
position:relative;
width:30em;
max-height:500px;
min-height:40px;
margin:auto;
margin-top:-2em;
background-color:#FFFFFF;
overflow-x:hidden;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
box-shadow: 1px 4px 2px #d7d7d7;
z-index:22;
}

#KuvaHakuTulosElementti{
display:none;
z-index:20;
}



.TekstiHTMLIkoni{
vertical-align:text-bottom;
font-size:20px;
}

img.TekstiIkoni{
width:16px;
vertical-align: text-top;
margin-right:5px;
}

.HenkilokohtainenSpan{
color:#AB58D1;
}

.JulkinenSpan{
color:#7ED158;
}

#SuljeUudenkuvansyottoPainike{
padding:5px;
padding-left:3px;
padding-right:3px;
border-radius:6px;
cursor:pointer;
color:gray;
font-size:16pt;
float:right;
margin-top:40px;
}

.CheckMerkkiUpotettu{
color:#00F715;
}

.RuksiMerkkiUpotettu{
color:#F74600;
}

.LisaaAsiasanaLinkki{
color:#D65F3E;
float:right;
}

#ViimeisimmatArtikkelit{
display:inline-block;
width:48%;
overflow-x:hidden;
height:430px;
}

.Interaktiivinenaloitusnakyma_DivBlock{
display:inline-block;
width:48%;
overflow-x:hidden;
height:430px;
}



#Interaktiivinenaloitusnakyma_DivBlock_Kirjautumatta{
display:block;
overflow-x:hidden;
}


.OhjeTitle{
cursor:help;
padding:1px;
padding-left:0.2em;
padding-right:0.2em;
font-family:"worksans";
vertical-align: super;
font-size:11pt;
border-style:dashed;
border-radius:15px;
border-width:1px;
}

.PunainenVirheSymboliHTML{
float:left;
margin-top:9px;
margin-left:10px;
margin-right:10px;
width:12px;
height:12px;
line-height:12px;
text-align:center;
display:inline-block;
color:#FFFFFF;
font-size:16px;
padding:10px;
border-radius:80px;
background-color:red;
box-shadow: 1px 4px 2px #D1D1D1;
}

.InteraktiivinenAloitusNakyma_Vasenpalkki{

}

#PidaHengissaDiv{
display:none;
position:fixed;
bottom:10px;
left:10px;
}

.PidaHengissaIkoni{
width:25px;
height:25px;
}

@keyframes NaytaPidaHengissapalkki {
    0% {opacity:0.0; display:block;
	}
    100% {opacity:1.0;}}
 
@keyframes PiilotaPidaHengissapalkki {
    from {opacity:1.0;}
to {opacity:0.0; display:none;}}

#SovellusListaNuoli{
background-image:url('Ikonit/ValikkoTaustaNuoliYlos120px.png');
background-repeat:no-repeat;
width:120px;
height:10px;
margin-top:-15px;
z-index:20;
}

#SovellusLista{
position:relative;
z-index:15;
display:none;
background-color:#FFFFFF;
position:absolute;
margin-left:390px;
margin-top:60px;
padding:7px;
box-shadow: 1px 4px 2px #FAD3C8;
}

table.Taulukko{
width:100%;
box-shadow: 1px 4px 2px #FAD3C8;
}

td,th{
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}

input.OsakeNumeroKentta{
width:100px;
height:30px;
font-family: opensans;
font-size:14pt;
text-align:center;
}

.IA_Nakyma_Dynaaminen_Block{
overflow:auto;
max-height:25em;
}

.TyhjennaLinkki{
cursor:pointer;
}

.PaivamaaraUpotettu{
font-family:"worksans";
border-left-style:solid;
border-width:1px;
padding-left:5px;
padding-bottom:3px;
border-left-color:gray;
}

.SuljeArtikkelipainike{
position:relative;
padding:0.3em;
width:2em;
height:2em;
line-height:2em;
cursor:pointer;
color:gray;
font-size:16pt;
float:right;
margin-right:0em;
margin-top:2em;
text-align:center;
z-index:21;
color:#BDBDBD;
z-index:22;
}


#JaaArtikkeliDiv{
position:relative;
padding:0.3em;
padding-left:0.4em;
width:2em;
height:2em;
line-height:2em;
cursor:pointer;
color:gray;
font-size:16pt;
float:right;
margin-top:2em;
margin-right:2em;
text-align:center;
z-index:22;
}

img.jakokuvake{
display:block;
width:60%;
height:55%;
margin:auto;
margin-top:20%;
}

#Artikkeliasetukset{
display:none;
position:fixed;
padding:1em;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#F5E0DA;
border-radius:0.2em;
right:5em;
top:4em;
z-index:23;
box-shadow: 1px 4px 2px #d7d7d7;
}

.SuljeNotifikaatioIkkunaPainike{
padding:5px;
padding-left:8px;
padding-right:8px;
border-radius:6px;
cursor:pointer;
color:gray;
font-size:16pt;
float:right;
}

img.JaaKuvake{
position:absolute;
margin-top:1.4em;
margin-left:-0.7em;
width:22px;
height:22px;
}

.IA_Nakyma_Tarkempiseloste{
display:block;
font-family:"worksans";
font-size:12px;
}

.IA_Nakyma_TapahtumatyyppiBlock_Rutiini{
display:inline-block;
width:8px;
height:8px;
background-color:#ADE5F7;
border-radius:5px;
margin-left:5px;
margin-right:5px;
}

.IA_Nakyma_TapahtumatyyppiBlock_Jarjestelmavirhe{
display:inline-block;
width:8px;
height:8px;
background-color:#F7F1AD;
border-radius:5px;
margin-left:5px;
margin-right:5px;
}

.IA_Nakyma_TapahtumatyyppiBlock_Kriittinenvirhe{
display:inline-block;
width:8px;
height:8px;
background-color:#FF3030;
border-radius:5px;
margin-left:5px;
margin-right:5px;
}

.IA_Nakyma_TapahtumatyyppiBlock_Rutiinitapahtuma{
display:inline-block;
width:8px;
height:8px;
background-color:#00F5AF;
border-radius:5px;
margin-left:5px;
margin-right:5px;
}

.IA_Nakyma_Tapahtumat_Sovellusnimi{
font-family:"abel";
font-size:14px;
}

.IA_Nakyma_Tapahtumat_Tapahtumatyyppi{
font-family:'pontanosans';
font-size:12px;
}

.KuvareferenssiBlock{
display:inline-block;
font-family:'pontanosans';
font-size:12px;
margin-left:20px;
}

.AnnaAlignPromptPainike{
display:inline-block;
font-family:'pontanosans';
font-size:12px;
margin-left:20px;
}

#ArtikkelinAsetuksetKehysDiv{
padding:3px;
}

.huomiospan{
background:url('/Ikonit/huomiospanpohja.png');
background-size:32px;
background-position:top left;
background-repeat:no-repeat;
background-color:#e2f4fe;
font-family: abel;
color:#578cc3;
display:block;
padding:1.5em;
padding-left:3em;
word-break:break-all;
}

.nappainspan{
font-family: 'abel', sans-serif;
background:url('/Ikonit/Nappain.png');
background-size:80% 95%;
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#3E5C5A;
position:relative;
display:inline-block;
margin-bottom:10px;
padding:5px;
padding-left:2em;
padding-right:2.5em;
max-width:990px;
word-break:break-all;
text-transform: uppercase;
}

.kyselynkestospan{
font-size:10px;
font-family: 'Source Code Pro';
padding-left:2em;
color:#A8A8A8;
}


#lahetakuvavirheinfo{
background:url('/Ikonit/punainenkriittinenpadding.png');
background-size:2.5em;
background-position:center left;
background-repeat:no-repeat;
padding:2em;
padding-left:3em;
background-color:#FAC0C0;
display:none;
margin:auto;
}

#lahetakuvavalmislahettamaan{
background:url('/Ikonit/valkoinencheck.png');
background-size:2.5em;
background-position:center left;
background-repeat:no-repeat;
padding:2em;
padding-left:3em;
background-color:#90E8A4;
display:none;
margin:auto;
}

#annakuvalinkkikehys{
display:none;
width:50%;
margin:auto;
text-align:center;
padding-bottom:30px;
border-style:solid;
border-width:1px;
border-color:#D1D1D1;
background-color:#FFFFFF;
}

.dummy_nappain{
display:none;
}

.dummy_huom{
display:none;
}

.desktop-komentopalkki{
margin-top:1em;
display:block;
border-style:none;
outline:none;
}

.IA_Nakyma_Kehys{
position:relative;
display:inline-block;
width:50%;
height:30em;
float:left;
margin-top:2.5em;
}

#Kayttajavalikko_sahkoposti{
font-size:0.8em;
}

#Kayttajavalikko_kayttajanimi{
font-size:1em;
font-weight:800;
}

.pienipopup_alaosa{
display:block;
position:absolute;
bottom:0em;
left:0em;
right:0em;
background-color:#f6f6f6;
height:25%;
}

.pienipopup_ylaosa{
display:block;
position:absolute;
top:0em;
left:0em;
right:0em;
padding-top:0.5em;
padding-left:0.5em;
background-color:#FFFFFF;
height:75%;
}

.kirjauduulos_painike{
position:relative;
display:block;
float:right;
margin-top:0.7em;
margin-right:1em;
background-color:#f8f8f8;
border-width:1px;
border-style:solid;
border-color:#c6c6c6;
padding:0.4em;
}

.asetukset_painike{
position:relative;
display:block;
float:left;
margin-top:0.7em;
margin-left:1em;
background-color:#f8f8f8;
border-width:1px;
border-style:solid;
border-color:#c6c6c6;
padding:0.4em;
}

.sisalto_keskitetty_textbox_block{
font-family:montserrat;
background:url('https://www.hependos.fi/Ikonit/textbox_alareuna_koroste.png');
background-position:bottom center;
background-repeat:no-repeat;
text-align:center;
display:block;
width:50%;
padding:1em;
padding-bottom:2em;
margin:auto;
color:#C97040;
text-transform:uppercase;
}

.sisalto_lahde{
display:block;
font-family:sourcecodepro;
color:#6E574C;
background:url('https://www.hependos.fi/Ikonit/info_block_vasenkeski.png');
background-position:center left;
background-repeat:no-repeat;
background-size:2.9em;
padding:1em;
padding-left:2.5em;
}

.sisalto_info{
display:block;
font-family:abel;
color:#6E574C;
background:url('https://www.hependos.fi/Ikonit/info_block_vasenkeski.png');
background-position:center left;
background-repeat:no-repeat;
background-size:2.9em;
padding:1em;
padding-left:2.5em;
}

.Piilotettu{
display:none;
}

#LadataanInfo{
background-color:#FFFFFF;
position:fixed;
display:none;
top:0em;
bottom:0em;
left:0em;
right:0em;
}

img.lahetysikoni{
display:block;
position:relative;
width:10em;
height:10em;
margin:auto;
margin-top:15%;
}

#sk{
background-image:url('https://www.hependos.fi/Ikonit/suonkajo.jpg');
}

.kokolevea_fieldset{
padding-top:1em;
padding-bottom:1em;
padding-left:0.5em;
padding-right:0.5em;
display:block;
position:relative;
margin-top:0.75em;
margin-bottom:0.75em;
border-radius:0.4em;
font-size:1.2em;
color:#006D91;
background: rgba(255, 255, 255, 0.25);
}

.kokolevea_fieldset_legend{
padding-left:1.5em;
padding-right:1.5em;
}

.pdfiframe{
display:block;
position:relative;
width:75%;
height:100vh;
margin-left:0em;
}