/* 
    Created on : 23.2.2020, 8:38:25
    Author     : Janne Mustonen
*/

hr{
    height: 1px;
    background-color: lightgray;
    border: 0;
}

fieldset{
    border: 0;
    border-top: 1px solid lightgrey;
}

input[type="text"], input[type="password"]{
    border: 1px solid lightgrey;
    padding: 6px;
    width: 175px;
}

table input[type="text"]{
    width: 100%;
}

input.amount{
    width: 60px !important;
    text-align: center;
}

input.price, input[data-type="price"]{
    width: 75px !important;
    text-align: right;
}

input.narrow{
    width: 70px !important;
}

input.datepicker{
    width: 80px !important;
}

input.productcode{
    width: 120px;
}

input.modified{
    background-color: lightgreen;
}

select{
    border: 1px solid lightgrey;
    padding: 6px;
    min-width: 150px;
}

textarea{
    border: 1px solid lightgrey;
    font: 14px normal Helvetica, Arial, sans-serif;
    padding: 6px;
}

button{
    padding: 4px 8px;
    border: 1px solid #eaeaea;
    background-color: lightgrey;
    min-width: 75px;
}

table.formatted{
    border-collapse: collapse;
    min-width: 450px;
}

table.formatted a{
    color: black;   
}

table.formatted th{
    background-color: #f0ab00;
    color: white;
}

table.formatted tbody{
    font-size: 0.9em;
}

table.formatted th, table.formatted td{
    border-bottom: 1px solid #ddd;
    border: 1px solid #ddd;
    padding: 6px 10px;
}

table.formatted tr:nth-child(even) {
    background-color: #f2f2f2;
}

.ui-icon{
    cursor: pointer;
}

.boxwrapper{
   background-color: #3A9EE4;
   border-radius: 4px;
   color: white;
   padding: 2px 4px;
   margin: 0 4px 4px 0;
}

a.buttonlink{
    text-decoration: none;
}

a.buttonlink > span.ui-corner-all{
    padding: 4px 8px;
}

div.table
{
    display: table;
}

div.table div.tr
{
    display: table-row;
}

div.table div.tr div.td, div.table div.th
{
    display: table-cell;
    border: 1px solid black;
}

div.table button.selected
{
    background-color: red;
}