body {
background-color: #FFFFFF;
color: #444444;
font-family: Arial, Helvetica, Tahoma, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
padding: 0;
margin: 0;
}

form {
padding: 0;
margin: 0;
}

br {
line-height: 16px;
}

p {
line-height: 14px;
}

img {
border-style: solid;
border-width: 0px;
}

a,
a:visited {
text-decoration: none;
color: #444444;
}

a:active,
a:hover {
text-decoration: underline;
color: #444444;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
select,
textarea {
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}

select::-ms-expand {
display: none !important;
}

.clear {
clear: both !important;
}

.clear:after {
content: '' !important;
display: block !important;
clear: both !important;
}

.laatikko_harmaa {
width: 100%;
background: #F6F7F9;
border: 1px solid #DDDFE2;
padding: 5px;
}

.laatikko_valkoinen {
width: 100%;
background: #FFFFFF;
border: 1px solid #DDDDDD;
padding: 10px;
}

.solu {
width: 100%;
height: 22px;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.laatikko_harmaa,
.laatikko_valkoinen,
.solu {
float: left;
}

.marginaali_yla {
margin-top: 5px;
}

.marginaali_oikea {
margin-right: 5px;
}

.marginaali_ala {
margin-bottom: 5px;
}

.marginaali_vasen {
margin-left: 5px;
}

.lukittu {
pointer-events: none;
}

.lihavoitu {
font-weight: bold;
}

.kursivoitu {
font-style: italic;
}

.oikealla {
text-align: right;
}

.keskitetty {
text-align: center;
}

.keskitys {
line-height: 22px;
}

.alhaalla {
display: flex;
align-items: flex-end;
}

.valkoinen {
color: #FFFFFF;
}

.sininen {
color: #026898;
}

.punainen {
color: #980006;
}

/* Kehys, sivupalkki ja sisältöalue */

input[name="suorita"] {
display: none !important;
}

html,
body {
margin: 0 !important;
}

#kehys {
width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
display: flex !important;
position: relative !important;
}

#sivupalkki {
background-color: transparent;
width: 0 !important;
min-width: 0 !important;
overflow: hidden !important;
position: relative !important;
}

#sivupalkki_sisalto {
width: 350px !important;
left: -370px !important;
margin: 20px 0 20px 20px !important;
position: absolute !important;
}

#nayta_sivupalkki:checked ~ #kehys #sivupalkki {
width: 370px !important;
min-width: 370px !important;
position: relative !important;
}

#nayta_sivupalkki:checked ~ #kehys #sivupalkki_sisalto {
left: 0 !important;
position: relative !important;
}

#sisaltoalue {
padding: 20px 20px 20px 96px !important;
flex: 1 !important;
}

#sisaltoalue * {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}

#sivupalkki,
#sivupalkki_sisalto,
.nayta_sivupalkki,
.piilota_sivupalkki {
-webkit-transition: all 0.45s ease-out 0;
-moz-transition: all 0.45s ease-out 0;
transition: all 0.45s ease-out 0;
}

.nayta_sivupalkki,
.piilota_sivupalkki {
background: url(../img/sivupalkki.png) top left no-repeat;
width: 56px;
height: 55px;
top: 20px;
left: 20px;
position: absolute;
cursor: pointer;
z-index: 1;
}

#nayta_sivupalkki:checked ~ #kehys .nayta_sivupalkki,
#nayta_sivupalkki:checked ~ #kehys .piilota_sivupalkki {
left: 390px !important;
}

#nayta_sivupalkki:checked ~ #kehys .piilota_sivupalkki,
#piilota_sivupalkki:checked ~ #kehys .nayta_sivupalkki {
z-index: 2 !important;
}

#nayta_sivupalkki,
#piilota_sivupalkki {
display: none !important;
}

/* Välilehdet */

.valilehdet {
width: 350px;
padding-left: 1px !important;
margin-top: -1px !important;
flex-wrap: wrap;
display: flex;
}

.valilehdet * {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}

.valilehdet .input {
position: absolute !important;
display: none !important;
}

.valilehdet .label {
background: #F3F3F3;
border: 1px solid #DDDFE2;
color: #848484;
font-size: 12px;
width: auto !important;
height: 27px;
padding: 6px 10px 0 10px;
margin-left: -1px !important;
top: 11px !important;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
position: relative;
z-index: 1;
cursor: pointer;
}

.valilehdet .label:hover,
.valilehdet .label:active,
.valilehdet .input:checked + .label {
height: 37px !important;
padding-top: 11px !important;
top: 1px !important;
}

.valilehdet .label:active {
background: #F6F7F9 !important;
color: #444444 !important;
}

.valilehdet .input:checked + .label {
background: #F6F7F9 !important;
border-bottom-color: #F6F7F9 !important;
color: #444444 !important;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
transition: all 0s !important;
z-index: 3 !important;
cursor: default !important;
}

.valilehdet .valilehti {
background: #F6F7F9;
border: 1px solid #DDDFE2;
width: 100%;
padding: 10px;
margin-left: -1px !important;
order: 99 !important;
display: none !important;
position: relative;
z-index: 2 !important;
}

.valilehdet .input:checked + .label + .valilehti {
display: block !important;
}

/* Käyttöohje */

.kayttoohje {
background: url(../img/kayttoohje.png) top left no-repeat;
width: 22px;
height: 22px;
opacity: 0.6;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
filter: alpha(opacity=60);
display: inline-block;
}

.kayttoohje:hover {
opacity: 1.0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
}

.kayttoohje .kayttoohje_sisalto {
width: 650px;
background: #FFFFCA;
border: 1px #A5A5A5 solid;
padding: 13px 15px 13px 15px;
color: #333333;
font-size: 13px;
margin-left: 30px;
line-height: normal !important;
font-weight: normal !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: inherit !important;
-webkit-box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
-moz-box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
display: none;
position: absolute !important;
z-index: 1;
}

.kayttoohje:hover .kayttoohje_sisalto,
.kayttoohje:focus .kayttoohje_sisalto,
.kayttoohje:active .kayttoohje_sisalto {
display: block !important;
}

/* Ohjeet */

.ohjeet {
background: url(../img/ohjeet.png) top left no-repeat;
width: 16px;
height: 16px;
margin: 2px 8px 0 0;
display: inline-block;
float: left !important;
}

.ohjeet .ohjeet_sisalto {
width: 268px;
background: #FFFFCA;
border: 1px #A5A5A5 solid;
padding: 13px 15px 13px 15px;
color: #333333;
font-size: 12px;
margin-left: 24px;
line-height: normal !important;
font-weight: normal !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: inherit !important;
-webkit-box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
-moz-box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
display: none;
position: absolute !important;
z-index: 1;
}

.ohjeet:hover .ohjeet_sisalto,
.ohjeet:focus .ohjeet_sisalto,
.ohjeet:active .ohjeet_sisalto {
display: block !important;
}

/* Yleiset */

input[type="text"],
select,
.vuorot .tunnit span {
width: 100%;
height: 22px;
background-color: #F6F6F6;
border: 1px solid #DDDDDD;
color: #666666;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
-webkit-font-smoothing: antialiased;
outline: none;
margin: 0;
font-weight: normal;
-moz-box-box-shadow: inset 0px 1px 1px #F6F6F6, inset 0px 5px 5px #FFFFFF;
-webkit-box-shadow: inset 0px 1px 1px #F6F6F6, inset 0px 5px 5px #FFFFFF;
box-shadow: inset 0px 1px 1px #F6F6F6, inset 0px 5px 5px #FFFFFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

input[type="text"] {
line-height: 22px;
padding: 0 1px 0 1px;
text-align: center;
}

select {
padding: 0 7px 0 7px;
}

.vuorot .tunnit span {
line-height: 21px !important;
padding: 0 1px 0 1px;
text-align: center;
display: block !important;
}

input[type="text"].ilta,
.vuorot .tunnit span.ilta {
background-color: #E4F1F9;
-moz-box-box-shadow: inset 0px 1px 1px #E4F1F9, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #E4F1F9, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #E4F1F9, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].yo,
.vuorot .tunnit span.yo {
background-color: #E4E9F9;
-moz-box-box-shadow: inset 0px 1px 1px #E4E9F9, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #E4E9F9, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #E4E9F9, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].lauantai,
.vuorot .tunnit span.lauantai {
background-color: #E4F9EB;
-moz-box-box-shadow: inset 0px 1px 1px #E4F9EB, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #E4F9EB, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #E4F9EB, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].sunnuntai,
.vuorot .tunnit span.sunnuntai {
background-color: #F9E9E4;
-moz-box-box-shadow: inset 0px 1px 1px #F9E9E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9E9E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9E9E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].viisikymmentaprosenttia,
.vuorot .tunnit span.viisikymmentaprosenttia {
background-color: #E4F4D6;
-moz-box-box-shadow: inset 0px 1px 1px #E4F4D6, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #E4F4D6, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #E4F4D6, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].sataprosenttia,
.vuorot .tunnit span.sataprosenttia {
background-color: #F9E9E4;
-moz-box-box-shadow: inset 0px 1px 1px #F9E9E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9E9E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9E9E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].aatto,
.vuorot .tunnit span.aatto {
background-color: #F9E4E4;
-moz-box-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].arkipyha,
.vuorot .tunnit span.arkipyha {
background-color: #F9E4E4;
-moz-box-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].ylityo,
.vuorot .tunnit span.ylityo {
background-color: #F5E4F9;
-moz-box-box-shadow: inset 0px 1px 1px #F5E4F9, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F5E4F9, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F5E4F9, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].sairausaika,
.vuorot .tunnit span.sairausaika {
background-color: #F9EFE4;
-moz-box-box-shadow: inset 0px 1px 1px #F9EFE4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9EFE4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9EFE4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].palkatonvapaa,
.vuorot .tunnit span.palkatonvapaa {
background-color: #F8F9E4;
-moz-box-box-shadow: inset 0px 1px 1px #F8F9E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F8F9E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F8F9E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].palkallinenvapaa,
.vuorot .tunnit span.palkallinenvapaa {
background-color: #EEF9E4;
-moz-box-box-shadow: inset 0px 1px 1px #EEF9E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #EEF9E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #EEF9E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].palkallinenkoulutus,
.vuorot .tunnit span.palkallinenkoulutus {
background-color: #E4F8F9;
-moz-box-box-shadow: inset 0px 1px 1px #E4F8F9, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #E4F8F9, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #E4F8F9, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].arkipyhavapaa,
.vuorot .tunnit span.arkipyhavapaa {
background-color: #F9E4E4;
-moz-box-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
}

input[type="text"].tyoajanlyhennys,
.vuorot .tunnit span.tyoajanlyhennys {
background-color: #F9E4E4;
-moz-box-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
-webkit-box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
box-shadow: inset 0px 1px 1px #F9E4E4, inset 0px 5px 5px #F4F4F4;
}

.vuorot .tunnit label {
cursor: pointer !important;
}

.vuorot .tunnit span.ala_huomioi {
opacity: 0.6;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
filter: alpha(opacity=60);
}

.vuorot .tunnit input[type="submit"],
.vuorot .tunnit input[type="checkbox"] {
display: none !important;
}

.painikkeet {
top: 95px;
left: 20px;
-webkit-transition: all 0.45s ease-out 0;
-moz-transition: all 0.45s ease-out 0;
transition: all 0.45s ease-out 0;
position: absolute;
}

.painikkeet * {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}

.painikkeet .marginaali_yla {
margin-top: 10px;
}

.painikkeet .marginaali_ala {
margin-bottom: 10px;
}

.painikkeet .laatikko_harmaa {
width: 56px !important;
height: 56px !important;
}

.painikkeet .laatikko_valkoinen {
width: 44px !important;
height: 44px !important;
}

.painikkeet .laatikko_harmaa,
.painikkeet .laatikko_valkoinen {
float: none !important;
}

#nayta_sivupalkki:checked ~ #kehys .painikkeet {
left: 390px !important;
}

.ladattu {
background-image: url('../img/ladattu.png');
}

.lataaja {
background-image: url('../img/lataaja.gif');
}

.ladattu,
.lataaja {
background-color: #FFFFFF;
background-size: 22px 22px;
background-repeat: no-repeat;
width: 22px;
height: 22px;
}

.kavenna_nakyma {
background-image: url('../img/kavenna_nakyma.png');
}

.laajenna_nakyma {
background-image: url('../img/laajenna_nakyma.png');
}

.paivita_lomake {
background-image: url('../img/paivita_lomake.png');
}

.tyhjenna_muuttuvat_tiedot,
.tyhjenna_rivi {
background-image: url('../img/roskakori.png');
}

.tyhjenna_muuttuvat_tiedot:hover,
.tyhjenna_rivi:hover {
background-image: url('../img/roskakori2.png');
}

.tyhjenna_lomake {
background-image: url('../img/tyhjenna_lomake.png');
}

.lisaa_rivi,
.lisaa_rivi_enintaan {
background-image: url('../img/lisaa_rivi.png');
}

.poista_rivi,
.poista_rivi_vahintaan {
background-image: url('../img/poista_rivi.png');
}

.nayta_palkkaerittely,
.nayta_vahennyserittely {
background-image: url('../img/nayta_erittely.png');
}

.piilota_palkkaerittely,
.piilota_vahennyserittely {
background-image: url('../img/piilota_erittely.png');
}

.kavenna_nakyma,
.laajenna_nakyma,
.paivita_lomake,
.tyhjenna_muuttuvat_tiedot,
.tyhjenna_lomake,
.lisaa_rivi,
.poista_rivi,
.lisaa_rivi_enintaan,
.poista_rivi_vahintaan,
.tyhjenna_rivi,
.nayta_palkkaerittely,
.piilota_palkkaerittely,
.nayta_vahennyserittely,
.piilota_vahennyserittely {
background-size: 22px 22px;
background-position: center top;
background-repeat: no-repeat;
width: 22px;
height: 22px;
opacity: 0.6;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
filter: alpha(opacity=60);
display: inline-block;
cursor: pointer;
}

.lisaa_rivi_enintaan,
.poista_rivi_vahintaan {
cursor: default !important;
}

.tyhjenna_muuttuvat_tiedot,
.tyhjenna_lomake {
background-size: 18px 22px !important;
width: 18px !important;
height: 22px !important;
}

.tyhjenna_muuttuvat_tiedot,
.tyhjenna_lomake {
margin-left: 2px !important;
}

.tyhjenna_rivi {
background-size: 17px 22px !important;
width: 17px !important;
height: 22px !important;
}

.lisaa_rivi,
.poista_rivi,
.lisaa_rivi_enintaan,
.poista_rivi_vahintaan {
background-size: 15px 14px !important;
width: 15px !important;
height: 14px !important;
}

.nayta_palkkaerittely,
.piilota_palkkaerittely,
.nayta_vahennyserittely,
.piilota_vahennyserittely {
float: right;
}

.kavenna_nakyma:hover,
.laajenna_nakyma:hover,
.paivita_lomake:hover,
.tyhjenna_muuttuvat_tiedot:hover,
.tyhjenna_lomake:hover,
.lisaa_rivi:hover,
.poista_rivi:hover,
.tyhjenna_rivi:hover,
.nayta_palkkaerittely:hover,
.piilota_palkkaerittely:hover,
.nayta_vahennyserittely:hover,
.piilota_vahennyserittely:hover {
opacity: 1.0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
}

.paivita_lomake input[type="submit"] {
width: 22px;
height: 22px;
border: none;
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
filter: alpha(opacity=0);
display: inline-block;
cursor: pointer;
}

#kavenna_nakyma,
#laajenna_nakyma,
#tyhjenna_muuttuvat_tiedot,
#tyhjenna_lomake,
#lisaa_rivi,
#poista_rivi,
.rivi_tyhjentaminen input[type="checkbox"],
.rivi_tyhjentaminen input[type="submit"],
#nayta_palkkaerittely,
#piilota_palkkaerittely,
#nayta_vahennyserittely,
#piilota_vahennyserittely {
display: none !important;
}

#lataaja_kehys {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
position: fixed;
display: none;
}

.valilehdet .marginaali_yla {
margin-top: 10px;
}

.valilehdet .marginaali_ala {
margin-bottom: 10px;
}

.oletusasetukset .laatikko_valkoinen .solu:nth-child(odd),
.perusasetukset .laatikko_valkoinen .solu:nth-child(odd),
.muut_valinnat .laatikko_valkoinen .solu:nth-child(odd) {
width: 60%;
}

.oletusasetukset .laatikko_valkoinen .solu:nth-child(even),
.perusasetukset .laatikko_valkoinen .solu:nth-child(even),
.muut_valinnat .laatikko_valkoinen .solu:nth-child(even) {
width: 40%;
}

.oletusasetukset .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(4n+1) {
width: 100%;
}

.oletusasetukset .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(4n+2) {
width: 40%;
}

.oletusasetukset .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(4n+3) {
width: 20%;
text-align: center;
}

.oletusasetukset .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(4n+4) {
width: 40%;
}

.perusasetukset .laatikko_valkoinen .solu.trio:nth-child(3n+1) {
width: 44% !important;
}

.perusasetukset .laatikko_valkoinen .solu.trio:nth-child(3n+2),
.perusasetukset .laatikko_valkoinen .solu.trio:nth-child(3n+3) {
width: 25%;
float: right !important;
}

.perusasetukset .laatikko_valkoinen .solu.trio.marginaali_vasen {
margin-left: 10px !important;
}

.muut_valinnat .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(6n+1) {
width: 75%;
}

.muut_valinnat .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(6n+2) {
width: 25%;
text-align: right;
}

.muut_valinnat .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(6n+3) {
width: 30%;
}

.muut_valinnat .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(6n+4) {
width: 15%;
text-align: center;
}

.muut_valinnat .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(6n+5) {
width: 30%;
}

.muut_valinnat .laatikko_valkoinen .palkkatasojen_valinen_erotus .solu:nth-child(6n+6) {
width: 25%;
text-align: right;
}

.muut_valinnat .laatikko_valkoinen .palkankorjaus .solu:nth-child(3n+1) {
width: 50% !important;
}

.muut_valinnat .laatikko_valkoinen .palkankorjaus .solu:nth-child(3n+2) {
width: 25%;
text-align: center;
}

.muut_valinnat .laatikko_valkoinen .palkankorjaus .solu:nth-child(3n+3) {
width: 25%;
text-align: right;
}

.input-append,
.merkki {
display: flex !important;
}

.input-append input[type="text"],
.merkki input[type="text"] {
flex: 1 !important;
}

.input-append input[type="text"] {
border-left: none;
}

.merkki input[type="text"] {
border-right: none;
}

.merkki span {
background: #EEEEEE;
border: 1px solid #DDDDDD;
width: 29px;
height: 22px;
line-height: 22px;
font-size: 12px;
color: #666666;
padding-left: 1px;
text-align: center !important;
}

input[type="text"].tyhja,
input[type="text"].vaadittu,
select.tyhja,
select.vaadittu {
background-color: #FFFECC;
-moz-box-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

input[type="text"].vaadittu {
border: 1px solid #B3343D !important;
}

.input-append input[type="text"].vaadittu {
padding-left: 0 !important;
}

.merkki input[type="text"].vaadittu {
padding-right: 0 !important;
}

select.vaadittu {
border-color: #B3343D;
}

#nayta_palkkaerittely:checked ~ #kehys .nayta_palkkaerittely,
#piilota_palkkaerittely:checked ~ #kehys .piilota_palkkaerittely,
#nayta_vahennyserittely:checked ~ #kehys .nayta_vahennyserittely,
#piilota_vahennyserittely:checked ~ #kehys .piilota_vahennyserittely {
display: none;
}

#nayta_palkkaerittely:checked ~ #kehys .piilota_palkkaerittely,
#piilota_palkkaerittely:checked ~ #kehys .nayta_palkkaerittely,
#nayta_vahennyserittely:checked ~ #kehys .piilota_vahennyserittely,
#piilota_vahennyserittely:checked ~ #kehys .nayta_vahennyserittely {
display: block;
}

#piilota_palkkaerittely:checked ~ #kehys .palkkaerittely,
#piilota_vahennyserittely:checked ~ #kehys .vahennyserittely {
display: none;
}

.palkantarkistus {
display: table !important;
margin: 0 auto 0 auto !important;
}

.vuorot {
width: auto;
padding-right: 10px !important;
vertical-align: top !important;
display: table-cell !important;
}

.palkkalaskelma {
width: 350px !important;
vertical-align: top !important;
display: table-cell !important;
}

.vuorot .laatikko_valkoinen {
width: auto !important;
padding: 5px !important;
}

.vuorot .otsikot .solu {
height: 14px !important;
line-height: 14px !important;
text-align: center;
}

.vuorot .solu.rivi_lisaaminen,
.vuorot .solu.rivi_poistaminen,
.vuorot .solu.rivi_numero,
.vuorot .solu.rivi_tyhjentaminen {
width: 17px;
}

.vuorot .solu.vuoro {
width: 55px;
}

.vuorot .solu.vuoron_aloitus:nth-child(odd),
.vuorot .solu.vuoron_lopetus:nth-child(odd) {
width: 98px;
}

.vuorot .solu.vuoron_aloitus:nth-child(even),
.vuorot .solu.vuoron_lopetus:nth-child(even) {
width: 69px;
}

.vuorot .solu.tunnit {
width: 50px;
}

.palkkalaskelma .laatikko_harmaa.marginaali_yla {
margin-top: 10px;
}

.palkkalaskelma .laatikko_harmaa.marginaali_ala {
margin-bottom: 10px;
}

.palkkalaskelma .laatikko_valkoinen .solu:nth-child(odd),
.palkkalaskelma .palkkaerittely .laatikko_valkoinen .solu.parillinen:nth-child(odd) {
width: 73%;
text-align: left;
}

.palkkalaskelma .laatikko_valkoinen .solu:nth-child(even),
.palkkalaskelma .palkkaerittely .laatikko_valkoinen .solu.parillinen:nth-child(even){
width: 27%;
text-align: right;
}

.palkkalaskelma .palkkaerittely .laatikko_valkoinen .solu:nth-child(3n+1),
.palkkalaskelma .vahennyserittely .laatikko_valkoinen .solu:nth-child(3n+1) {
width: 46%;
text-align: left;
}

.palkkalaskelma .palkkaerittely .laatikko_valkoinen .solu:nth-child(3n+2),
.palkkalaskelma .vahennyserittely .laatikko_valkoinen .solu:nth-child(3n+2) {
width: 27%;
text-align: right;
}

.palkkalaskelma .palkkaerittely .laatikko_valkoinen .solu:nth-child(3n+3),
.palkkalaskelma .vahennyserittely .laatikko_valkoinen .solu:nth-child(3n+3) {
width: 27%;
text-align: right;
}