/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.1.2019, 10.19.36
    Author     : titommi
*/

.jaostovalinta {
    padding:20px;
}

.voimassaAlkaen, .voimassaAsti {
    padding:20px;
}

.jaostonnimi {
    grid: jaostonnimi;
    padding-left: 20px;
    display:flex;
}

.lisaajasen {
    padding-top: 22px;
}

.jaostotehtava {
    grid: jaostotehtava;
    padding-left: 5px;
}

.layerZ6 {
    z-index: 100 !important;
}

.jaostonjasenennimi {
    grid: jaostonjasenennimi;
    display: table-cell; 
    vertical-align:middle; 
    padding-left: 5px;
    font-weight: bold;
}

.jaostonjasen {
    grid: jaostonjasen;
    display: grid;
    grid-template-columns: 120px 3fr 5fr 120px;
    grid-template-areas:
        "jaostotehtava jaostonjasenennimi jasenenemail jasenenphone";
    padding: 3px;
}

.jaostonjasenMuokkaa {
    grid: jaostonjasenMuokkaa;
    padding-top: 8px;
}

.jaostonjasenPoista {
    grid: jaostonjasenPoista;
    padding-top: 8px;
}

.jaostonjasenUpdate {
    grid: jaostonjasen;
    display: grid;
    grid-template-columns: 50px 120px 3fr 5fr 120px 50px;
    grid-template-areas:
        "jaostonjasenMuokkaa jaostotehtava jaostonjasenennimi jasenenemail jasenenphone jaostonjasenPoista";
    padding: 3px;    
}

.jasenenemail {
    grid: jasenenemail;
    padding-left: 5px;
    vertical-align: middle;
    display: table-cell; 
    vertical-align:middle; 
}

.jasenenphone {
    grid: jasenenphone;
    padding-left: 5px;
    vertical-align: middle;
}

.jaostonkokoonpano {
    grid: jaostonkokoonpano;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "jaostonjasen";
      
    border: 1px solid #003865;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 5px;
    margin: 5px;
    background-color: white;
}

.jaostonkokoonpanoUpdate {
    grid: jaostonkokoonpano;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "jaostonjasenUpdate";
      
    border: 1px solid #003865;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 5px;
    margin: 5px;
    background-color: white;
}

.jaostolohko {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 50px auto;
    grid-template-areas:
        "jaostonnimi"
        "jaostonkokoonpano";
}

.paddingtopneg10 {
    padding-top: -10px;
}