table {
    border-collapse: collapse;
    background: white;
    margin-bottom: 0.5em;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
}

table.align-top tbody {
    vertical-align: top;
}

div#content > table {
    max-width: 95% !important;
}

table tr:first-of-type > *:first-child {
    border-top-left-radius: 5px;
    overflow: hidden;
}

table tr:last-of-type > *:first-child {
    border-bottom-left-radius: 5px;
    overflow: hidden;
}

table th, table td {
    padding: 10px 15px;
}

table td input, table td select {
    font-size: large
}

table th {
    /*color: white;
    background: #6BA9E8;*/
    font-weight: 500;
    background: #4b89d2;
    color: #fff;
}

table td, table th {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

table th.link {
    text-align: right;
}

table th.link a {
    font-weight: bold;
    /* color: white; */
    text-decoration: none;
}

table.overview td, table.overview th {
    padding: 2px 1em;
    text-align: center;
}

table.parameters th {
    /*padding: 1px 1em 1px 0.6em;*/
    min-width: 8em;
    text-align: right;
}

table.parameters th a {
    color: #fff;
    border: none;
}

table.parameters th a img {
    margin-bottom: -2px;
}

table.parameters th a:hover {
    color: #aedbff;
}

table.parameters td {
    /*padding: 1px 0.6em 1px 1em;*/
    min-width: 13em;
}

table.parameters select {
    width: 100%;
}

table.parameters textarea {
    width: 100%;
    padding: 0;
    margin: 0;
}

table.parameters ul {
    margin: 0;
}

table .numeric {
    text-align: right !important;
}

table .numeric input {
    width: 4em;
}

table.kasla td, table.kasla th {
    padding: 3px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: none;
    color: inherit;
}

table.kasla input {
    width: 3em;
    height: 1.3em;
    font-size: large;
}


table.picker__table {
    box-shadow: none;
}

table.picker__table th {
    background: none;
    color: #000;
    border-bottom: none;
}

table.picker__table td {
    border-bottom: none;
}

table#usage tr td {
    border: none;
    border-top: 1px solid rgba(0,0,0,0.15);
}

table#usage tr[class*=subitem_] td {
    border-bottom: none !important;
    border-top: 1px solid rgba(0,0,0,0.15);
}

table#usage tr[class*=subitem_] td {
    background: rgba(0,0,0,0.06); 
    border-top: 1px solid rgba(0,0,0,0.05);
}

table#usage tr[class*=subitem_] td:first-of-type {
    padding-left: 40px;
}

table#usage tr[class*=mainitem_] {
    cursor: pointer;
}

table#usage tr[class*=mainitem_] td:last-of-type::after {
    content: "";
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ccc;
    float:right;
    margin: 8px 0 0 0;
}

table#usage tr[class*=mainitem_].open td:last-of-type::after {
    border-top: none;
    border-bottom: 10px solid #ccc !important;
}

table#usage tr[class*=mainitem_].open td {
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}

table#usage td.numeric {
    padding-right: 0;
}

@media print {
    table {
        box-shadow: none !important;
        
    }
    
    th, td {
        border-top-left-radius: 0px !important;
        padding: 3px !important;
        border: 1px solid black !important;
    }
    
    th {
        font-weight: bold !important;
    }
}