html, body, input, textarea, button, select, table, th, td, div, p, label, span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#navigation a {
    padding-right: 6px;
}

a {
    color: #278CF3
}

h1, h2 {
    color: #278CF3!important;
}

.journey h2 {
    background-color: #c0cee5;
    padding: 10px;
    font-size: 18px;
    border-radius: 4px;
}

#at_reisekosten table th {
    background-color: #dddd;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

#at_reisekosten tr:nth-child(even) {
    background-color: #f8f8f8;
}

.sorter {
    display: inline-block;
    vertical-align: middle;
    margin: -12px 6px 0 2px;
}

.sorter img {
    width: 10px;
    height: 6px;
    vertical-align: baseline;
}

#sort_headers {
    margin-top: 10px;
}

.journeys_list, #sort_headers {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
}

table.journeys_list .width_larger, #sort_headers .width_larger {
    width: 18%;
}

table.journeys_list .functions, #sort_headers .functions {
    width: 6%;
}

.expenses_head {
    padding-left: 26px;
}

.edit {
    background-image: url("../../images/16x16/pencil.png");
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    background-position: 0;
    background-repeat: no-repeat;
}

.delete {
    background-image: url("../../images/16x16/trash.png");
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    background-position: 0;
    background-repeat: no-repeat;
}

.billing_done {
    background-image:url("../../images/16x16/accept.png");
    display:block;
    width:16px;
    height:16px;
    margin:auto;
    background-position:0;
    background-repeat:no-repeat;
}

.hide {
    display: none;
}

.sorter a:first-child {
    margin-bottom: 0;
}

.header_sum {
    float: right;
    margin: 4px 6px 0 0;
}

button {
    background: #eee;
    cursor: pointer;
    margin-left: 5px;
    overflow: visible;
    width: auto;
    white-space: nowrap;
    color: #333;
    border-radius: 5px;
    border: 1px solid #666;
    padding: 5px;
    height: 30px;
}

select {
    color: #333;
    border-radius: 5px;
    border: 1px solid #666;
    padding: 5px;
    height: 30px;
}

input[type=text], input[type=password], input[type=email] {
    color: #333;
    border-radius: 5px;
    border: 1px solid #666;
    padding: 5px;
    height: inherit;
}

#at_reisekosten .filter_form {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

#calculation_form input {
    color: #333;
    border-radius: 5px;
    border: 1px solid #666;
    padding: 5px;
    height: inherit;
}

input.invalid {
    background-color: #ffb3b3;
}

:-moz-ui-invalid {
    box-shadow: none;
}

@media print {
    body {
        width: 100%;
        margin: 0;
        float: none;
        font: 13pt Georgia, "Times New Roman", Times, serif;
        /* line-height: 1.3; */
        background: #fff !important;
        color: #000;
    }

    @page { margin: 2cm }

    #header, .form_head, #feedback {
        display: none;
    }

    input, select {
        border: none!important;
        outline: none!important;
        box-shadow: none!important;
        display: inline;
        margin-top: -5px!important;
        height: 16px!important;
        background: transparent!important;
    }

    input.kilometer {
        margin-top: 0!important;
    }

    input[type="radio"] {
        display: none;
    }

    input:not(:checked) + span {
        display: none;
    }

    #tagesdiaeten_km_valid:parent {
        display: none;
    }

    #footer {
        display: none;
    }

    select {
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    #entfernung {
        display: none!important;
    }

    #result_header {
        display: none;
    }

    .upload {
        display: none;
    }
}