html, 
body {
    height: 100%;
}

#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

#wrapper .main-col {
    flex: 1 0 auto;
}

.headlines {
    padding-left: 8px;
    padding-top: 8px;
    display: block;
    flex: 0 0 480px;
}

.headlines h2, .headlines h3 {
    float: right;
}

.headlines img {
    height: 60px;
    margin-left: 20px;
    margin-top: 2px;
    width: inherit;
}

.headlines a {
    float: left;
    text-decoration: none;
}

#announcement {
    text-align: center;
    color: var(--text-default);
    font-size: 15px;
}

.contact-notice {
    text-align: center;
    padding: 10px;
    background: #DFF2BF;
    border: 1px solid;
    color: #4F8A10;
    margin-bottom: 10px;
}

.mouse_icon_help {
    cursor: help;
}

.mouse_icon_hand {
    cursor: pointer;
}

.hideSpecial, .hideDetail {
    display: none;
}

i {
    font-style: italic;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

.strong {
    font-weight: bold;
}

.underline {
    border-bottom: 2px solid;
}

.no-underline {
    text-decoration: none;
}

.smallerText {
    font-weight: normal;
    font-size: 0.9em;
}

.smallText {
    font-weight: normal;
    font-size: 11px;
}

a.weak {
    color: var(--link-secondary);
}

a.weak:hover {
    color: var(--link-secondary-hover);
}

th .ui-icon {
    background-image: url("images/ui-icons_888888_256x240-d7146350a30b152537fb12190ea655ad.png");
}

ul.login li span.ui-icon-extlink {
    background-image: url("images/ui-icons_ffffff_256x240-dbdec1ea7886c930f89bf1d70ab21321.png");
    display: inline-block;
    margin-left: -14px;
    margin-bottom: -4px;
}

div span.ui-icon-extlink {
    background-image: url("images/ui-icons_0a68aa_256x240-2bd4570b0d68af8a75dbb00649be2bd3.png");
    display: inline-block;
    margin-left: -4px;
    margin-bottom: -4px;
}

.main-col form h2 {
    font-weight: 600;
    padding: 20px 20px 15px;
}

.mainnavigation.forecast {
    background: var(--warning);
}

form:not([name='tecuri_ct-id_selected']) div {
    clear: left;
    margin-bottom: 10px;
}

form div.dynRev {
    width: 420px;
}

div.filter {
    display: inline-block;
}

table.filter {
    padding: 0;
    border: none;
}

table.filter:not(.more_filter) {
    display: inline-block;
}

.utility form table.filter div {
    margin-bottom: 0;
}

form label {
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 150px;
    font-weight: 600;
    vertical-align: top;
    padding-top: 6px;
}

form label.twolines {
    padding-top: 0;
}

form label.threelines {
    padding-top: 0;
    margin-bottom: 12px;
}

form label.inline {
    float: none;
    font-weight: normal;
    vertical-align: baseline;
    width: auto;
}

form label.internal-cost-rate-util {
    margin-left: 20px;
    margin-bottom: 10px;
    text-align: left;
    width: 800px;
    font-weight: 600;
    vertical-align: top;
}

form table.filter label {
    padding-top: 0;
    text-align: center;
    margin: 0 7px;
    float: none;
}

form input.preset {
    color: gray;
}

.utility form table.filter label {
    font-weight: normal;
    text-align: left;
    width: auto;
    margin-right: 10px;
    margin-top: 4px;
    vertical-align: middle;
}

input.changed {
    color: blue;
}

form input.threelines {
    margin-top: 6px;
}

form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="number"],
input[type="time"] /*,
input[type="text"] this breaks the layout of the jquery drop down boxes... what was it good for? */
{
    width: 450px;
    line-height: 20px;
    font-size: 13px;
    min-height: 20px;
    font-family: var(--font-family-sans-serif);
    border-radius: var(--border-radius);
    border-inline: 1px solid rgb(118, 118, 118);
    border-block: 1px solid rgb(118, 118, 118);
}

form input[type="text"].comment.form-control {
    width: 485px;
}

div.internal-cost-rate-util {
    margin-left: 20px;
}

form div.internal-cost-rate-util input[type="text"] {
    width: 160px;
}

input[type="text"].text-medium {
    width: 300px;
}

form td input[type="text"],
form td input[type="password"],
form td input[type="email"],
form td input[type="number"],
form input.auto-width {
    width: auto;
}

form input[type="checkbox"] {
    margin-top: 5px;
    vertical-align: middle;
    accent-color: var(--primary);
}

form.dynRev input[type="checkbox"] {
    margin-top: 9px;
}

form table.filter input[type="text"],
form table.filter input[type="email"],
form table.filter input[type="number"] {
    width: 150px;
    border: 1px solid #767676;
    border-radius: var(--border-radius);
}

form table.filter input[type="text"].short,
form table.filter input[type="email"].short,
form table.filter input[type="number"].short,
form input.short,
input.short {
    width: 106px;
}

form table.filter input[type="text"].veryShort,
div.list table input[type="text"].veryShort,
form table.filter input[type="email"].veryShort,
form table.filter input[type="number"].veryShort,
form table.filter select.short {
    width: 100px;
}

form table.filter input[type="text"].veryVeryShort,
div.list table input[type="text"].veryVeryShort,
table.budget input[type="text"].veryVeryShort,
form table.filter input[type="email"].veryVeryShort,
form table.filter input[type="number"].veryVeryShort {
    width: 50px;
}

input[type="text"].percent {
    width: 35px;
}

td.col_taskdetail_invoice_description input[type='text'],
td.col_taskdetail_invoice_description textarea {
    width: 200px;
}

form table.filter select.veryShort {
    width: 60px;
}

textarea {
    width: 450px;
    line-height: 20px;
    font-size: 13px;
    font-family: var(--font-family-sans-serif);
}

table.balance textarea {
    width: 320px;
    height: 60px;
}

.remain-vacation {
    color: var(--text-default);
}

form .save:last-of-type,
form .reset:last-of-type {
    margin-left: 160px;
}

form input.below_table[type="submit"],
form .save.below_table,
form .cancel.below_table {
    margin-top: 10px;
    margin-left: 10px;
}

form textarea.comment_vac_appl {
    height: 20px;
    min-height: 20px;
    width: 260px;
    vertical-align: middle;
}

form input[type="file"] {
    line-height: 20px;
    font-size: 13px;
    min-height: 20px;
}

.filter form .save {
    margin-left: 0;
}

button.append,
.save + .cancel
{
    margin-left: 20px;
}

div.modify form ul:not(.select2-selection__rendered) {
    margin-left: 160px;
    margin-bottom: 10px;
    width: 450px;
    list-style: disc;
}

div.modify-list form ul:not(.select2-selection__rendered) {
    margin-left: 20px;
    margin-bottom: 15px;
    width: 800px;
    list-style: disc;
}

form.dynRev ul:not(.select2-selection__rendered) {
    margin-left: 110px;
    margin-bottom: 10px;
    list-style: disc;
}

form ul.no_list, div.modify form ul.no_list, div.modify-list form ul.no_list {
    list-style: none;
    margin-bottom: 0;
}

ul.error {
    margin-top: 20px;
}

ul.error li {
    color: #ff0000;
    margin-bottom: 5px;
    font-weight: 600;
}

form table.timesheet textarea.comment {
    width: 99%;
    height: 35px;
    font-family: var(--font-family-sans-serif);
}

form table.timesheet input.place[type="text"] {
    width: 100px;
}

form table.timesheet input.amount[type="text"] {
    width: 36px;
}

form input[type="time"] {
    width: 94px;
}

form table.timesheet td.times input[type="text"], form table td.live-time input[type="text"] {
    margin-right: 5px;
    max-width: 28px;
    text-align: center;
    padding: 0;
    font-family: monospace;
}

form table.timesheet td.times input[type="text"]:nth-of-type(2), form table td.live-time input[type="text"]:nth-of-type(2) {
    margin-left: 5px
}

form table.timesheet td.times div {
    margin-bottom: 0
}

form table.timesheet td.times input[type="text"] {
    width: 44px;
}

td input.long[type="text"] {
    width: 300px;
}

form table.filter td input.long[type="text"] {
    width: 300px;
}

form label.long {
    width: 300px;
}

form label.short {
    width: 100px;
}

form label.veryShort {
    width: 60px;
}

form table.filter label.role {
    width: 50px;
    vertical-align: inherit;
}

form table.filter th {
    vertical-align: middle;
}

form table.transactions input[type="text"] {
    line-height: 16px;
    font-size: 13px;
    min-height: 18px;
}

table.dynRevs form label {
    width: 100px;
}

table.dynRevs form input[type="text"] {
    width: 150px;
}

form.dynRev {
    width: 415px;
}

table.dynRevs form.dynRev div.dist {
    width: 300px;
    display: inline-block;
    padding-top: 6px;
}

table.dynRevs form.dynRev div.dist-coll div {
    float: left;
    clear: none;
}

table.dynRevs form.dynRev div.dist-coll div label {
    width: 30px;
    margin-left: -10px;
    margin-right: 5px;
}

table.dynRevs form.dynRev div.dist-coll div input {
    margin-right: 15px;
}

table.dynRevs form.dynRev div.dist-coll div select {
    margin-right: 15px;
    margin-top: 2px;
}

table.dynRevs form.dynRev div.dist-coll a {
    margin-left: 15px;
}

table.dynRevs form.dynRev div.dist input[type="text"] {
    width: 60px;
}

table.dynRevs form textarea {
    height: auto;
    width: 294px; /* 300px - padding */
}

table.dynRevs td button.save.first {
    margin-left: 110px;
}

td.payment-comment, th.payment-comment {
    width: 225px;
}

div.info ul, div.info ol {
    list-style: disc
}

div.info li {
    margin-left: 20px;
    margin-top: 7px;
}

table {
    line-height: 20px;
    border: 1px solid #666666;
}

td, th {
    border: 1px solid #666666;
    padding: 3px 5px;
}

tr {
    background-color: #ffffff;
}

th {
    font-weight: 600;
    border-bottom: 2px solid #666666;
    border-top: 2px solid #666666;
    background-color: #2c3139;
    color: #ffffff;
}

table.item th {
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 2px solid #666666;
    text-align: right;
    min-width: 145px;
    padding-right: 10px;
}

table.item td {
    min-width: 450px;
}

table.item td.smaller {
    min-width: 200px;
}

tr.odd {
    background-color: #ffffff;
}

tr.even {
    background-color: #eeeeee;
}

tr.odd.free-cap, tr.even.free-cap {
    color: #555555;
}

ul.subnavigation {
    list-style: none;
}

.subnavigation li {
    display: inline;
}

.subnavigation li.empty {
    display: inline-block;
    width: 50px;
}

.subnavigation li.margin_before {
    margin-left: 50px;
}

.subnavigation li a {
    display: inline-block;
    padding: 15px 18px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: none;
}

.subnavigation li a.active, 
.subnavigation li.active a,
.subnavigation li a:hover {
    color: var(--primary);
    border-top: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    border-left: none;
    border-right: none;
}

#wrapper ul.subnavigation li a, 
#wrapper ul.subnavigation li a.active,
#wrapper ul.subnavigation li.active a,
#wrapper ul.subnavigation li a:hover,
#wrapper ul.subnavigation li a.active:hover {
    background: transparent;
}

#wrapper ul.subnavigation li a.active,
#wrapper ul.subnavigation li.active a,
#wrapper ul.subnavigation li a:hover,
#wrapper ul.subnavigation li a.active:hover,
#wrapper ul.subnavigation li.active a:hover {
    color: var(--primary);
}

#header ul.navigation li a,
#header ul.navigation li a.active,
#header ul.navigation li a:hover,
#header ul.navigation li a.active:hover {
    background-color: var(--primary);
    color: var(--white);
    border:none;
    font-weight: 500;
}


ul.actions {
    height: 25px;
}

ul.actions li {
    display: inline;
}

ul.actions li a,
ul.actions li strong {
    padding: 10px 15px;
}

ul.actions li a.recent {
    padding: 10px 5px;
}

ul.list li {
    padding: 10px 15px;
}

#menu .ui-menu-item ul li {
    display: block;
    background: transparent;
}

#menu li.ui-widget-content.ui-menu-divider {
    margin: 0;
}

#menu li.ui-widget-content.ui-menu-divider {
    margin: 0;
}
#menu .ui-menu-icon.ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240-dbdec1ea7886c930f89bf1d70ab21321.png");
}

.disabled {
    color: #777777;
}

th.disabled {
    color: #555555;
}

.fixedSize {
    width: 65px;
}

table.item {
    min-width: 300px;
}

table.transactions {
    border: 1px solid #666666;
}

table.transactions.absence,
table.filter.absence {
    margin-top: 10px;
}

table tr.subheadline {
    background-color: #b4db41;
}

table tr.subtask {
    background-color: #d4f378;
}

table tr.subheadline2 {
    color: #565656;
    background-color: #C8E569;
}

#wrapper table tr.subheadline a {
    color: #06304a;
}

table tr.greyed {
    color: #777;
    background-color: #eee;
}

table tr.darkGreyed {
    color: #555;
    background-color: #d8d8d8;
    font-style: italic;
}

span.greyedText,
table td.greyedText {
    color: #777;
}

div.lightGreyedText, span.lightGreyedText {
    color: #aaa;
}

table tr.dimmed {
    color: #333;
}

table tr.prj_row.dimmed {
    color: #ddd;
}

table tr.prj_int {
    background-color: #b4d2e5;
    color: #000000;
}

table tr.prj_flextime {
    background-color: #eee;
    color: #555;
}

#wrapper table tr.prj_int a {
    color: #06304a;
}

table tr.alt_unit {
    background-color: #d4f378;
    color: #555;
}

table tr.pieces_unit {
    background-color: #eee;
}

table tr.corrected {
    border-bottom: 4px solid #888888;
}

table tr.correcting {
    border-bottom: 4px solid #F2AC21;
}

table tr.corrected td,
table tr.correcting td {
    padding-bottom: 2px;
}

table td.light_grey {
    background-color: #eee;
}

table tr.even td.light_grey {
    background-color: #ddd;
}

table td.grey {
    background-color: #ddd;
}

table td.greyed {
    background-color: #ccc;
}

table tr.sum td,
table.timesheet tr.sum td {
    border-top: 2px solid #666666;
    background-color: #eee;
    font-weight: 600;
}

table.report tr.sum td {
    background-color: #ddd;
}

table.report tr.sum.greyed td {
    background-color: #ccc;
}

table.report tr.rev {
    font-style: italic;
    font-weight: 600;
}

table.report tr.inv {
    font-weight: 600;
}

table tr.sum td.action {
    font-weight: normal;
    text-align: right;
}

table tr.sum td.weekend {
    background-color: #ccc;
}

table tr.sum2 td {
    border: none;
    font-weight: 600;
}

table tr td.title,
table tr.sum2.title {
    background-color: #ccc;
    border-right: 1px solid #666666;
}

table tr.sum2 td.weekend {
    background-color: #ccc;
    border: 1px solid #666666;
}

table td.sum, table tr.sum td.sum {
    background-color: #ccc;
}

table.transactions th, table.transactions td, table.invoicing th, table.invoicing td {
    width: 25px;
    min-width: 25px;
}

table.transactions th.nowrap, table.transactions td.nowrap, table.invoicing th.nowrap, table.invoicing td.nowrap {
    width: auto;
}

table td.rem {
    background-color: #ccc;
}

table tr.rem,
table.timesheet tr.rem td {
    background-color: #eee;
    font-weight: 600;
}


table.transactions th.veryVeryShort, table.transactions td.veryVeryShort {
    width: 18px;
    min-width: 18px;
}

table.transactions tr.additionalHeader th {
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

table.report td.amount {
    width: 40px;
}

table.transactions td.amount input[type="number"],
table.transactions td.amount input[type="text"] {
    width: 30px;
}

table.transactions td.project input[type="text"] {
    width: 90px;
    text-align: center;
}

table.transactions td.narrow {
    padding: 3px 2px;
}

table.transactions td span.centered,
td.centered span.ui-icon {
    margin: 0 auto;
}

table.transactions tr.sum_wh td {
    background-color: #eee;
    color: #555;
}
table.transactions tr.sum_wh td.centered.amount {
    text-align: center;
}

td.centered {
    text-align: center;
}

td.centered .ui-icon,
div.rem-date .reminder-link .ui-icon,
div.rem-tn-date .reminder-link .ui-icon {
    display: inline-block;
}

div.rem-date, div.rem-tn-date {
    float: right;
    display: inline;
    height: 1.15em;
}

.right {
    float: right;
}

td.nowrap, th.nowrap, span.nowrap {
    white-space: nowrap;
}

tr.inactive, td.inactive {
    color: #888888;
}

td.rightBorder, th.rightBorder {
    border-right: 2px solid #666666 !important;
}

td.rightBorderRed {
    border-right: 2px solid #dd3747 !important;
}

td.leftBorder, th.leftBorder {
    border-left: 2px solid #666666;
}

table tr.weekend,
table td.weekend,
table.timesheet tr.weekend td,
table.transactions.absence th.weekend,
table td.highlight {
    background-color: #b4db41;
}

table tr.weekend input,
table tr.weekend textarea,
table tr.weekend select,
table td.weekend input,
table td.weekend textarea,
table td.weekend select {
    background-color: #e6f5bc;
    border-inline: 1px solid rgb(118, 118, 118);
    border-block: 1px solid rgb(118, 118, 118);
    border-radius: var(--border-radius);
}

table tr.absence {
    background-color: lightgray;
}

table span.absenceComment {
    color: grey;
}

table td.holiday, table th.holiday, table tr.holiday,
table.timesheet tr.holiday td {
    background-color: #b4db41;
}

table td.half_holiday, table th.half_holiday, table tr.half_holiday,
table.timesheet tr.half_holiday td {
    background-color: #d5eb94;
}

td.amount,
td.amount input,
input.amount,
td.amount0,
td.col_day_index,
td.text_right {
    text-align: right;
    white-space: nowrap;
}

td.day {
    width: 25px;
}

th.comment, td.comment {
    width: 400px;
}

th.role {
    padding: 1px 5px 3px 5px;
}

td.logo {
    width: 125px;
}

td.logo img {
    width: 150px;
    margin: 24px 4px 10px 4px;
    vertical-align: top;
}

body .timesheet {
    line-height: 1.4em;
    font-family: var(--font-family-sans-serif);
    color: #000;
}

table.timesheet tr td {
    line-height: 18px;
    vertical-align: middle;
}

table tr.timesheet_head td {
    padding: 1px 5px;
}

table td.timesheet_head {
    background-color: #eee;
    white-space: nowrap;
}

table.noBorder, 
table.noBorder th, 
table.noBorder td {
    border:none;
}

table.contacts_table tr:not(:last-of-type) {
    border-bottom: 1px solid #000;
}

table td.noLeftBorder {
    border-left: 0 none;
}

table td.noRightBorder {
    border-right: 0 none;
}

td.vacation {
    background-color: #eee;
}

td.internal {
    background-color: #eee;
}

td.billable {
    background-color: #8bb618;
}

td.overtime {
    background-color: #b4d2e5;
}

div.show {
    padding-top: 0;
}

div.show_error {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
}

div.list, 
div.reportList, 
div.modify, 
div.modify-list, 
div.show, 
div.va-overview {
    margin: 30px 20px 30px 20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    clear: both;
}

div.list h2 {
    margin-top: 20px;
}

div.budget_head {
    margin: 10px 0 30px 20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    clear: both;
}

div.actions + div.list, div.actions + div.reportList,
div.actions + div.show, div.actions + form div.list,
div.actions + div#transactions > div.list {
    margin-top: 10px;
}

div.actions {
    position: relative;
    padding: 20px 20px 0 20px;
    margin: 10px 0;
    clear: both;
}

div.modify.absence {
    padding-bottom: 0;
}

div.list.absence {
    padding-top: 10px;
}

div.show.absence {
    padding-top: 0;
    padding-bottom: 0;
}

table.stickyHeader {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}

table.stickyHeader th {
    position: sticky;
    top: 0;
    background-clip: padding-box;
    text-align: center;
}

table.stickyHeader th a {
    display: block;
    text-align: center;
    color: var(--white);
}

div.scroll {
    overflow: auto;
    padding-bottom: 20px;
}

div.modify-list .ui-widget,
div.modify .ui-widget {
    font-size: 1em;
}

div.filter {
    margin-top: 0;
}

.select2-container {
    width: 300px;
    line-height: 18px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    height: 100%;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: #767676 !important;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
    color: #999;
    font-family: var(--font-family-sans-serif);
}     

table.filter .select2-container,
table.filter .select2-medium,
table .select2-medium {
    width: 200px;
}

table.filter .select2-medium2 {
    width: 220px;
}

div.modify-list .select2-short,
div.modify .select2-short,
table.filter .select2-short,
table.budget .select2-short {
    width: 150px;
}

table.filter .select2-short1,
table.budget .select2-short1 {
    width: 120px;
}

table.filter .select2-short2,
table.budget .select2-short2,
table.timesheet .select2-short2 {
    width: 100px;
}

table.filter .select2-short3 {
    width: 55px;
}

table.filter .select2-short4 {
    width: 75px;
}

table.budget .select2-short3 {
    width: 65px;
}

table .select2-long,
table.filter .select2-long,
form.dynRev .select2-long {
    width: 300px;
}

table.filter .select2-longer {
    width: 400px;
}

table.filter .select2-longer2 {
    width: 370px;
}

div.modify .select2-long,
div.modify-list .select2-long {
    width: 450px;
}

th.hide, 
td.hide, 
tr.hide, 
span.hide, 
div.hide, 
thead.hide {
    display: none;
}

td.hidden {
    visibility: hidden;
}

td.custom-first {
    border-top: hidden;
}

th.custom, 
td.custom {
    background-color: transparent;
    color: #2c3139;
    min-width: 145px;
    border-left: hidden;
    border-right: hidden;
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding: 20px 20px 15px;
}

.select2-container.month,
table.filter .select2-month {
    width: 150px;
}

div.subform {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

div.info {
    background-color: #ecf2f6;
    margin: 10px 20px;
    padding: 10px;
    border: 1px solid #aaa;
}

div.info.warning_bg {
    background-color: #ffcc00 !important;
}

div.info p {
    line-height: 18px;
    margin-bottom: 4px;
}

div.utility {
    background-color: #f2f2f2;
    padding: 10px;
}

div.utility table.filter {
    background-color: #ffffff;
}

a.standalone {
    margin: 10px;
    display: block;
}

button.toggler {
    margin-bottom: 15px;
    margin-left: 0;
    width: 200px;
}

div.report {
    width: 500px;
}

div.report h3 {
    background-color: #2c3139;
    border-top: 1px solid #666666;
    padding: 5px 10px;
}

div.reportEntry {
    background-color: #eee;
    overflow: hidden;
}

div.reportEntry div {
    padding: 5px 10px;
}

div.reportEntry a.action {
    float: right;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.reportEntry form label {
    width: 100px;
    font-weight: normal;
}

div.showInfo {
    margin-top: 10px;
    margin-left: 20px;
    line-height: 1.3;
    padding-bottom: 10px;
}

div.showInfo table {
    border: none;
}

div.showInfo table td {
    padding: 0 10px 0 0;
    border: none;
}

table.budget td {
    vertical-align: top;
}

table.budget th span.underline,
table.report th span.underline {
    border-bottom: 2px #666666 solid;
    padding-bottom: 3px;
}

table.item td.editLink {
    vertical-align: bottom;
    text-align: right;
    padding-right: 10px;
}

table.report td.editBudget input[type="text"] {
    width: 40px;
}

table.report td.editBudget1 input[type="text"] {
    width: 80px;
}

button.cancel2 {
    margin-left: 160px;
}

button.add-job-level-link {
    width: 140px;
    margin-left: 310px;
}

div.employee-job-level div {
    float: left;
    clear: none;
}

div.employee-job-level {
    input.job-level, 
    .select2-job-level {
        width: 90px;
    }
    label.job-level {
        width: 50px;
        padding-top: 0;
    }
}

a.remove-job-level-link {
    margin-left: 10px;
    line-height: 2em;
}

td button.save, td input[type=submit].save,
td button.cancel, td input[type=submit].cancel,
table.filter td button.ui-button, table.filter td input[type=submit] {
    margin-left: 2px;
    margin-right: 2px;
}

td button.save span.ui-button-text,
td button.cancel span.ui-button-text,
table.filter td button.ui-button span.ui-button-text {
    padding: 0.2em 1em;
}

.white {
    background-color: #ffffff;
}

.emp_row {
    background-color: #d4f378;
}

.cust_row {
    background-color: #8bb618;
}

#wrapper .cust_row a {
    color: #06304a;
}

.prj_row,
#working_hours_table tr.working_hours_contract_row {
    background-color: #0a68aa;
    color: #ffffff;
}

#wrapper .prj_row a {
    color: #ffffff;
}

.task_row {
    background-color: #FFFFFF;
}

.subtask_row {
    background-color: #e6e6e6;
}

.detail_row {
    background-color: #d3d3d3;
}

.fp_detail_row {
    background-color: #f2f2f2;
}

.limited_contract {
    background-color: #ffeeb7;
}

.locked_account {
    background-color: #ff6666;
}

#wrapper .hr_locked_account {
    font-weight: bold;
    color: white;
    background-color: #800000;
}

#wrapper .hr_locked_account a {
    color: white;
}

.reset_button {
    color: black;
    background-color: #70db70;
    font-weight: 600;
    width: 100px;
    text-decoration: none;
    float: right;
    text-align: center;
}

#wrapper a.reset_button, #wrapper a.refresh-link {
    color: black;
}

.reset_button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.is_last {
    background-color: #fff0a4;
}

table.transactions td.empty1,
table.report td.empty1 {
    min-width: 5px;
    width: 5px;
}

td.extern, #wrapper td.extern a {
    color: sienna;
}

td.polish, #wrapper td.polish a {
    color: #000091;
}

td.isStarting, #wrapper td.isStarting a {
    color: #13A100;
    font-weight: 600;
}

td.isLeaving, #wrapper td.isLeaving a {
    color: #D80000;
    font-weight: 600;
}

/**** Help Page ****/
article.help {
    width: 920px;
    margin: 0 150px;
}

article.help i {
    font-style: italic;
}

article.help ul {
    list-style-type: disc;
    margin-bottom: 6px;
    margin-left: 20px;
}

article.help p,
article.help ul {
    margin-bottom: 6px;
    padding: 0 10px;
}

article.help h2 {
    background-color: #2c3139;
    padding: 3px;
    margin-top: 30px;
}

article.help h3 {
    background-color: var(--primary);
    color: var(--white);
    padding: 3px;
    margin-top: 5px;
}

article ul li {
    line-height: 1.5em;
}

article ul.contents li {
    list-style-type: none;
}

article b {
    font-weight: bold;
}

#commands {
    background: #fff;
    width: 200px;
    position: fixed;
    top: 360px;
    right: 150px;
    cursor: default;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
    z-index: 10;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

#commands h3 {
    margin: 10px 0 0 10px;
    flex: 1 0 100%;
}

#commands .button-container {
    display: inline-flex;
}

#commands .save, #commands .cancel {
   margin: 10px;
}

tr.sectionEnd th, tr.sectionEnd td {
    border-bottom: 5px double #666666;
}

tr.subSectionEnd th, tr.subSectionEnd td {
    border-bottom: 3px solid #666666;
}

div.sectionEnd {
    border-bottom: 5px double;
    width: 615px;
}

div.subSectionEnd {
    border-bottom: 3px solid;
    width: 615px;
}

td.available-item {
    color: #87AF31;
    font-weight: 600;
}

td.position-relative {
    position: relative;
}

td.lost-item {
    color: #ff0000;
    font-weight: 600;
}

td.planned, tr.greyed td.planned {
    color: #999999;
    font-weight: 600;
}

td.submitted, td.changing, td.changed,
tr.greyed td.submitted, tr.greyed td.changing, tr.greyed td.changed,
span.submitted, span.changing, span.changed {
    color: #F2AC21;
    font-weight: 600;
}

td.not-submitted {
    color: #ff0000;
}

td.approved, tr.greyed td.approved, span.approved {
    color: #92BF18;
    font-weight: 600;
}

td.pre-approved, tr.greyed td.pre-approved, span.pre-approved {
    color: #59750E;
    font-weight: 600;
}

td.rejected, tr.greyed td.rejected, span.rejected,
td.change-rejected, tr.greyed td.change-rejected, span.change-rejected {
    color: #dd3747;
    font-weight: 600;
}

td.revoked, tr.greyed td.revoked, span.revoked {
    color: #2c3139;
    font-weight: 600;
}

td.cancelled, tr.greyed td.cancelled, span.cancelled {
    color: #666666;
    font-weight: 600;
}

td.damaged-item {
    color: #FF700A;
    font-weight: 600;
}

td.approved .black,
td.submitted .black,
td.changing .black,
td.rejected .black {
    color: #000000;
}

form table.filter input[type="text"].comment-reject {
    width: 97%;
}

table.budget td.veryShort {
    min-width: 20px;
    width: 20px;
}

table.budget td.veryShort .ui-icon-triangle-1-w {
    background-position: -100px -16px;
}

table.budget td.veryShort .ui-icon-triangle-1-e {
    background-position: -36px -16px;
}

table.budget td.veryShort .ui-icon {
    width: 10px;
    display: inline-block;
}

.ui-icon.ui-icon-with-text {
    text-indent: 20px;
    overflow: visible;
    font-weight: normal;
}

.ui-icon.ui-icon-td {
    margin-top: 5px;
    margin-left: 8px;
}

.ui-tooltip {
    line-height: 1.3em;
}

.inline-block,
.ui-icon.inline-block {
    display: inline-block;
}

.warranty {
    color: #777777;
    font-weight: 600;
}

table tr.subheadline2.warranty {
    color: #777777;
}

table tr.task_row.warranty {
    font-style: italic;
    font-weight: normal;
}

input [type="text"] .monthOverview {
    margin-top: 10px;
}

button.workflowSelect {
    margin-left: 10px;
}

div.timesheet_head div.right {
    float: right;
}

div.budget_head div.left {
    float: left;
    margin-bottom: 20px;
}

div.budget_head div.filter.left {
    padding: 0 0 0 60px;
    margin-top: 8px;
}

div.budget_head div.showInfo {
    margin-left: 0;
    margin-top: 0;
}

img.info_icon {
    height: 14px;
    margin-left: 10px;
    vertical-align: baseline;
}

table.filter td button.exportLink, 
td input.exportLink[type="submit"] {
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    border: none;
    color: var(--link-primary); /* take the same color as wrapper a in screen.css */
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
}

table.filter td button.exportLink:hover, 
td input.exportLink[type="submit"]:hover {
    filter: brightness(80%);
}

button.button_hide, input[type="submit"].button_hide {
    display: none;
}

.date-input input[type="text"] {
    line-height: 20px;
    font-size: 13px;
    min-height: 20px;
    padding: 1px 5px;
    margin-top: 2px;
}

.va-overview table {
    margin-bottom: 2em;
}

.va-overview button {
    width: 50px;
}

.va-overview > .employees,
.slick-container > .month,
.slick-container > .week {
    float: left;
    display: inline-block;
}

.slick-container {
    display: inline-block;
    margin-left: 200px;
}

.list.va-overview[data-mode^='user'] .slick-container,
.list.va-overview[data-mode^='user'] .slick-arrows-container {
    margin: 0;
}

.slick-slide table {
    width: 100%;
}

.cal-info {
    padding-top: 10px;
}


.va-overview .employees {
    min-width: 200px;
    text-align: left;
}

.va-overview .employees table {
    width: 100%;
}

.va-overview td {
    height: 28px;
    width: 15px;
    text-align: center;
    vertical-align: bottom;
}

.va-overview thead td {
    height: 9px;
    padding: 4px 3px;
}

.va-overview tbody td {
    padding: 0;
}

.va-overview tbody td.employees,
.va-overview tbody td.col_employee_number {
    padding: 3px;
    height: auto;
}

.va-overview .employees tbody td {
    vertical-align: middle;
    text-align: left;
    height: 28px;
    padding-left: 0.25em;
}

.va-overview .employees thead td {
    padding: 0;
    height: 28px;
}

.employees [class*='contract-'].current td,
.absences [class*='vacation-'].current td.employee {
    font-weight: 600;
    background: #eee;
    transition: all 0.5s ease-in-out;
}

td.vacation {
    background-color: #0a68aa;
    color: white;
}

td.flextime {
    background-color: #F6F602;
    color: black;
}

td.vacation-special {
    background-color: #A4D4F2;
    color: black;
}

td.sickness {
    background-color: #666666;
    color: white;
}

td.homeoffice {
    background-color: #9370DB;
    color: black;
}

td.short-time-work {
    background-color: #ab0b00;
    color: white;
}

.va-overview td.vacation,
.va-overview td.vacation-special,
.va-overview td.sickness,
.va-overview td.flextime,
.va-overview td.homeoffice,
.va-overview td.short-time-work {
    font-weight: 600;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

.month td {
    vertical-align: bottom;
}

.cell-inner {
    height: 20px;
}

.cell-inner.top,
.cell-inner.bottom {
    height: 15px;
}

.cell-inner.vacation {
    background-color: #0a68aa;
    color: white;
}

.cell-inner.vacation-special {
    background-color: #A4D4F2;
    color: black;
}

.cell-inner.flextime {
    background-color: #F6F602;
    color: black;
}

.cell-inner.homeoffice {
    background-color: #9370DB;
    color: black;
}

.cell-inner.short-time-work {
    background-color: #ab0b00;
    color: white;
}

.cell-inner.sickness {
    background-color: #666666;
    color: white;
}

.cell-inner.planned {
    border-top: 4px solid #dddddd;
    border-bottom: 4px solid #dddddd;
}

.cell-inner.planned.bottom {
    border-top: none;
    height: 10px;
}

.cell-inner.planned.top {
    border-bottom: none;
    height: 10px;
}

.cell-inner.submitted,
.cell-inner.changed {
    border-top: 4px solid #F2AC21;
    border-bottom: 4px solid #F2AC21;
}

.cell-inner.submitted.bottom,
.cell-inner.changed.bottom {
    border-top: none;
    height: 10px;
}

.cell-inner.submitted.bottom-quarter,
.cell-inner.changed.bottom-quarter,
.cell-inner.approved.bottom-quarter,
.cell-inner.rejected.bottom-quarter,
.cell-inner.change-rejected.bottom-quarter,
.cell-inner.revoked.bottom-quarter,
.cell-inner.deleted.bottom-quarter {
    border-top: none;
    height: 5px;
}

.cell-inner.submitted.bottom-three-quarter,
.cell-inner.changed.bottom-three-quarter,
.cell-inner.approved.bottom-three-quarter,
.cell-inner.rejected.bottom-three-quarter,
.cell-inner.change-rejected.bottom-three-quarter-quarter,
.cell-inner.revoked.bottom-three-quarter,
.cell-inner.deleted.bottom-three-quarter {
    border-top: none;
    height: 15px;
}

.cell-inner.submitted.top-quarter,
.cell-inner.changed.top-quarter,
.cell-inner.approved.top-quarter,
.cell-inner.rejected.top-quarter,
.cell-inner.change-rejected.top-quarter,
.cell-inner.revoked.top-quarter,
.cell-inner.deleted.top-quarter {
    border-bottom: none;
    height: 5px;
}

.cell-inner.submitted.top-three-quarter,
.cell-inner.changed.top-three-quarter,
.cell-inner.approved.top-three-quarter,
.cell-inner.rejected.top-three-quarter,
.cell-inner.change-rejected.top-three-quarter,
.cell-inner.revoked.top-three-quarter,
.cell-inner.deleted.top-three-quarter {
    border-bottom: none;
    height: 15px;
}

.cell-inner.submitted.top,
.cell-inner.changed.top {
    border-bottom: none;
    height: 10px;
}

.cell-inner.approved {
    border-top: 4px solid #92BF18;
    border-bottom: 4px solid #92BF18;
}

.cell-inner.approved.bottom {
    border-top: none;
    height: 10px;
}

.cell-inner.approved.top {
    border-bottom: none;
    height: 10px;
}

.cell-inner.rejected,
.cell-inner.change-rejected {
    border-top: 4px solid #dd3747;
    border-bottom: 4px solid #dd3747;
}

.cell-inner.rejected.bottom,
.cell-inner.change-rejected.bottom {
    border-top: none;
    height: 10px;
}

.cell-inner.rejected.top,
.cell-inner.change-rejected.top {
    border-bottom: none;
    height: 10px;
}

.cell-inner.revoked {
    border-top: 4px solid #2c3139;
    border-bottom: 4px solid #2c3139;
}

.cell-inner.revoked.bottom {
    border-top: none;
    height: 10px;
}

.cell-inner.revoked.top {
    border-bottom: none;
    height: 10px;
}

.cell-inner.deleted {
    border-top: 4px solid #dddddd;
    border-bottom: 4px solid #dddddd;
}

.cell-inner.deleted.bottom {
    border-top: none;
    height: 10px;
}

.cell-inner.deleted.top {
    border-bottom: none;
    height: 10px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.slick-container table {
    margin: 0;
}
/* 
.slick-arrows-container {
    margin-left: 200px;
} */

.slick-arrows-container button,
.slick-arrows-container .date-input {
    float: left;
    margin: 0 20px 5px 0;
}

#tecuri_ct-taskdetail_startDate,
#tecuri_ct-taskdetail_endDate {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

.craue_formflow_buttons {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.craue_formflow_buttons button {
    margin-left: 1px;
    margin-right: 9px;
}

.steplist {
    margin-bottom: 10px;
}

.craue_formflow_steplist > li.craue_formflow_current_step:before, .craue_formflow_steplist > li.craue_formflow_current_step ~ li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
}

.craue_formflow_steplist > li.craue_formflow_current_step:after, .craue_formflow_steplist > li.craue_formflow_current_step ~ li:after {
    background-color: #ededed;
}

.craue_formflow_steplist {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.craue_formflow_steplist > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: DimGray;
}

.craue_formflow_steplist > li:before {
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    background-color: var(--white);
    width: 36px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    font-weight: 600;
    border-width: 3px;
    border-style: solid;
    border-color: var(--primary);
    border-radius: 50%;
}

.craue_formflow_steplist > li:after {
    content: '';
    height: 3px;
    width: 100%;
    background-color: var(--primary);
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: -1;
}

.craue_formflow_steplist > li:last-child:after {
    display: none;
}

.craue_formflow_steplist > li.craue_formflow_current_step:before {
    background-color: #fff;
    border-color: var(--primary);
}

.craue_formflow_steplist > li.craue_formflow_current_step ~ li {
    color: var(--gray);
}

.craue_formflow_steplist > li.craue_formflow_current_step ~ li:before {
    background-color: #ededed;
    border-color: #ededed;
}

div.modify.absence form ul {
    margin-left: 10px;
}

form table.filter.absence input.veryShort[type="number"],
form table.filter.absence input.veryShort[type="text"] {
    width: 30px;
}

div.vac_label {
    white-space: nowrap;
}

div.top div.vac_label {
    position: relative;
    top: -6px;
    font-size: 6pt;
    font-weight: 600;
}

div.bottom div.vac_label {
    position: relative;
    top: -6px;
    font-size: 6pt;
    font-weight: 600;
}

td.bottom, th.bottom {
    vertical-align: bottom;
}

td.middle, th.middle {
    vertical-align: middle;
}

#home_employee_filter {
    margin-left: 20px;
}

#home_employee_list {
    position: relative;
    margin: 15px 0 30px 20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    width: 792px;
    overflow-y: auto;
    max-height: 700px;
}

#home_employee_table {
    width: 100%;
}

form label.home_employee_search {
    width: 385px;
    font-size: 16px;
    font-weight: normal;
    float: none;
    vertical-align: baseline;
}

.overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.2;
}

.loader-wrapper {
    position: absolute;
    top: 15px;
    width: 100%;
}

.loader {
    position: relative;
    margin: 0 auto;
    opacity: 1;
    border: 3px solid #f5f5f5;
    border-top: 3px solid #666666;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#home_conflict_list {
    position: relative;
    margin: 0 0 30px 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    overflow: auto;
    max-height: 700px;
}

.conflict-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.2;
}

.conflict-loader-wrapper {
    position: absolute;
    top: 15px;
    width: 100%;
}

.conflict-loader {
    position: relative;
    margin: 0 auto;
    opacity: 1;
    border: 3px solid #f5f5f5;
    border-top: 3px solid #666666;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.invoice-desc {
    font-size: 0.8em;
    font-weight: 600;
    font-style: italic;
}

table.transactions td.inv-number {
    min-width: 85px;
}

.bolder {
    font-weight: bolder;
}

#spinner-container, #preview-spinner-container, #listSpinnerContainer {
    position: relative;
}

#spinner, #preview-spinner {
    position: absolute;
    left: 300px;
    display: none;
    width: 36px;
}

#spinner {
    top: 0px;
}

#preview-spinner {
    top: -30px;
}

#listSpinner {
    position: absolute;
    top: 70px;
    left: 300px;
    display: none;
    width: 36px;
}

#spinner.visible, #preview-spinner.visible, #listSpinner.visible {
    display: block;
}

#new_invoice {
    position: relative;
}

#new_invoice .alert {
    display: none;
    color: red;
    font-style: italic;
    margin-left: 20px;
}

#new_invoice .list {
    position: relative;
}

#new_invoice.disabled .list::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: rgba(255, 255, 255, .8);
}

#new_invoice.disabled .preview {
    display: none;
}

#new_invoice.disabled .alert {
    display: block;
}

#new_invoice table.transactions td {
    text-align: center;
}

#new_invoice [type="checkbox"] {
    margin-top: 3px;
}

.inv-calcRate-container {
    margin-top: 10px;
    label {
        font-weight: normal;
    }
}

tr {
    transition: background-color .3s ease-out;
}

tr.highlighted {
    background-color: rgb(255, 243, 83);
}

.invoicesList table td.actionColumn {
    width: 70px;
}

.link-underline {
    text-decoration: underline;
}

.is-disabled {
    background-color: #eeeeee;
    border: 1px;
    margin-top: 1px;
    padding: 2px;
}

p.timesheet-approval {
    margin-top: 20px;
    margin-bottom: 0;
}

.ui-keyboard {
    border: 1px solid #666666;
    box-shadow: 2px 1px 8px #999999;
}

.ui-datepicker {
    z-index: 1003 !important;
}

.leftAlign {
    text-align: left;
}

.loading {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 35%;
}

#spinner-invoicing-report {
    width: 80px;
}

.taskStatusWarning,
.taskSupplierWarning {
    color: #ff700a;
    font-weight: 600;
}

div.workingHours {
    display: flex;
    min-width: 0;
}

div.live-tracker {
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background-color: #FCFCFC;
    margin-top: 30px;
    padding: 20px 20px 10px 20px;
    position: relative;
}

div.live-tracker table, div.live-tracker tr, div.live-tracker td {
    border: none;
    background-color: inherit;
}

div.live-tracker td {
    vertical-align: middle;
    padding: 5px 20px 10px 0px;
}

h3.live-date {
    color: #A0D21A;
    font-weight: 600;
}

.live-time input {
    width: 100px;
    text-align: center;
    border-color: #E0E0E0;
    font-family: inherit;
    font-size: inherit;
}

.live-time input::placeholder {
    text-align: center;
}

form div.live-explanation {
    color: #949494;
    font-style: italic;
    font-size: 12px;
    line-height: 15px;
    width: 240px;
    margin-bottom: 0;
}

div.live-tracker .save {
    width: 140px;
}

form div.live-tracker-link {
    margin-bottom: 0;
    text-align: right;
}

form div.live-tracker-link a {
    display: inline-block;
    margin-top: 10px;
}

.main-col form div.live-tracker h2 {
    font-weight: normal;
    padding: 0 0 10px 0;
}

.jconfirm {
    line-height: 20px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: lightgrey;
    text-transform: none;
}

#transactions-container {
    min-height: 40px;
}

#transactions .list {
    margin-top: 10px;
}

#reminder_message_icon {
    float: left;
    padding-top: 6px;
    width: 90px;
}

#reminder_message_icon span {
    float: right;
}

#reminder_message_label,
#reminder_tn_text_label,
#reminder_general_text_label,
#reminder_fl_text_label,
#reminder_end_message_label {
    width: 60px;
    margin-right: 11px;
}

.reminder-list {
    margin-bottom: 20px;
}

form.use-preset td:not(.preset):not(.action), form.use-preset td:not(.preset):not(.action) {
    background: #e9e9e9;
    cursor: not-allowed;
}

form.use-preset td:not(.preset):not(.action) input, form.use-preset td:not(.preset):not(.action) select, form.use-preset td:not(.preset):not(.action) span.select2 {
    pointer-events: none;
    cursor: not-allowed;
}

table.filter.budget-filter th.veryShort, table.filter.budget-filter td.veryShort {
    width: 66px;
    text-align: center;
}

table.filter.budget-filter label.veryShort {
    margin: 0;
}

td.color0 {
    color: #000000;
    background-color: #f20a00;
}

td.color10 {
    color: #000000;
    background-color: #d91f00;
}

td.color20 {
    color: #000000;
    background-color: #bf3300;
}

td.color30 {
    color: #000000;
    background-color: #a64700;
}

td.color40 {
    color: #000000;
    background-color: #995200;
}

td.color50 {
    color: #000000;
    background-color: #8c5c00;
}

td.color60 {
    color: #000000;
    background-color: #737000;
}

td.color70 {
    color: #000000;
    background-color: #598500;
}

td.color80 {
    color: #000000;
    background-color: #409900;
}

td.color90 {
    color: #000000;
    background-color: #26ad00;
}

td.color100 {
    color: #555555;
    background-color: #00cc00;
}

td.color110 {
    color: #000000;
    background-color: #00e600;
}

td.color120 {
    color: #000000;
    background-color: #00ff00;
}

td.color130 {
    color: #000000;
    background-color: #00ff99;
}

td.color140 {
    color: #000000;
    background-color: #00ffff;
}

td.color150 {
    color: #000000;
    background-color: #00d1ff;
}

tr.odd.free-cap td[class*="color"], tr.even.free-cap td[class*="color"] {
    color: #222222;
}

/* different width of select2 */
div > select.select2-short1 {
    min-width: 120px;
}

div > select.select2-short2 {
    min-width: 100px;
}

div > select.select2-short3 {
    min-width: 65px;
}

.col_task_not_billed_reason {
    font-size: 90%;
    color: #333333;
}

/* adds small flag before element */
.flag:before {
  content: '';
  width: 15px;
  min-height: 15px;
  height: 15px;
  display: inline-block;
  background-color: transparent;
  margin-right: 4px;
  vertical-align: text-bottom;
}

.flag.flextime:before {
  background-color: #f6f602;
}

.flag.sickness:before {
  background-color: #666666;
}

.flag.vacation-special:before {
  background-color: #a4d4f2;
}

.flag.vacation:before {
  background-color: #0a68aa;
}

.flag.homeoffice:before {
  background-color: #9370DB;
}

.flag.short-time-work:before {
  background-color: #ab0b00;
}

#footer {
  background-color: #000;
  color: var(--white);
}

.vat_default {
    color: var(--green);
}

.vat_retracted {
    color: var(--red);
}

.ui-widget .ui-keyboard-button {
    height: initial;
}

.ui-dialog-content fieldset {
    display: inline-flex;
    flex-direction: column;
    padding-top: 10px;
}

.ui-dialog-content form div {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.ui-dialog-content label {
    width: 40%;
    text-align: left;
    padding-top: 0;
}

.ui-dialog-content input[type="text"] {
    width: 50%;
}

.ui-dialog-content textarea {
    width: 97%;
}

.ui-dialog-content p {
    padding-bottom: 10px;
}