*{
    margin: 0;
    padding: 0;
    user-select: none;
    
}
html{
    height: 100%;
}
body{
    font-family: 'Roboto';
    height: 100%;
}
th{
    background-color: #e6e6e6;
}
td{
    padding: 3px;
}
table{
    width: 100%;
    border-collapse: collapse;
}
h2{
    margin-bottom:0.3em
}
input{
    margin-bottom:5px
}
input:disabled{
    color:#000;
    background: none;
    border: 0px
}
.asiakas_oikea{
    text-align:left
}
button{
    padding: 3px 8px;
}
.buttons{
    display: flex;
    column-gap: 1em;
    padding: 1em;
    button{
        flex: 1;
        font-size: 1.2em;
    } 
}
#tulevat{
    width: 100%;
    border-collapse: collapse;
    tr:first-of-type{
        background-color: #e6e6e6;
    }
}

#asiakastablep{
    margin: 1em;
    width: calc(100% - 2em);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(102,102,102,1);
    box-shadow: 1px 1px 5px 0px rgba(102,102,102,1);
    box-sizing: border-box;
    td{
        padding: 5px ;
        border-bottom: 1px solid #e6e6e6;
        user-select: none;
    }
}
#inputtable input{
    margin-bottom: 0px;
}
#tulevat{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(102,102,102,1);
    box-shadow: 1px 1px 5px 0px rgba(102,102,102,1);
    box-sizing: border-box;
    td{
        padding: 10px 5px;
        border-bottom: 1px solid #e6e6e6;
        user-select: none;
    }
}
#historia{
    td{
        border-bottom: 1px solid #e6e6e6;
        padding:5px
    }
}