/* custom css-modifications */

body {
    letter-spacing: 0.03em;
}

#pause {
    text-align: center;
    width: 4em;
}

.navbar {
    background-color: #df7817;
}

.navbar-brand img {
    height: 2em;
}

.navbar a {
    color: black;
    font-weight: bold;
}

.navbar-nav.mr-auto li a {
    margin-right: 1em;
}

.py-4 {
    margin: 1em;
}

.apb_table {
    margin: 1em;
    text-align: left;
    border-bottom: 1px solid gray;
}

.apb_table thead {
    font-weight: bold;
    border-bottom: 2px solid black;
}

.apb_table tfoot {
    border-top: 1px solid gray;
}

.apb_table td {
    padding: 0.5em 1em 0.5em 1em;
}

.apb_table img {
    height: 1em;
    margin-right: 0.2em;
}

.worktime_table {
    text-align: center;
}

.worktime_table>tbody>tr>td:first-child {
    text-align: left;
}

.employee_found {
    color: green;
}

.worktime_time_field {
    display: inline;
    border: 2px solid lightgray;
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 0 1em 0 1em;
}

.worktime_search_form {
    display: inline-block;
    border-bottom: 1px solid gray;
}

.new_item {
    margin-top: 1em;
}

.new_item img {
    height: 1em;
    margin-right: 0.2em;
    position: relative;
    top: -2px;
}

.index_hourly_wage {
    text-align: right;
    padding-right: 2em !important;
}

.input_hourly_wage {
    width: 5em;
}


/* employee index: functions */

.employee_function_headline {
    display: inline;
    vertical-align: top;
}

.employee_function_content {
    display: inline-block;
}

.employee_function_content img {
    height: 1.5em;
    margin-top: -0.3em;
}

.employee_function_content .skill_recently_changed>span {
    display: none;
}

.employee_function_content .skill_recently_changed:hover>span {
    display: inline;
    margin-left: 0.5em;
    border: 1px solid gray;
    border-radius: 10px;
    padding: 0.35em;
    background: lightgray;
    opacity: 0.7;
}

.bold {
    font-weight: bold;
}

.print-only {
    display: none;
}

@media print {
    body {
        padding-left: 2em;
        font-size: 1.1em;
    }
    .worktime_search_form {
        border: none;
    }
    .worktime_search_form select {
        border: none;
        background: none;
        appearance: none;
        -webkit-appearance: none;
        font-weight: bold;
    }
    .employee_function {
        margin-top: 0.25rem;
    }
    .worktime_table.apb_table {
        margin: 1em 0 0 0;
    }
    .employee_function_content {
        margin: 0;
    }
    .print-only {
        display: table-cell;
    }
}