/* colors */


section#timeline ul.jobs>li:nth-child(odd),
tbody tr:nth-child(odd),
section>article,
section#overlayContent,
.fieldgroup,
details,
select,
div.sub-item button.delete {
    background-color: white;
}

form#page-form fieldset,
section#timeline>header>div.timeline>ul>li,
tr.job-part:nth-child(even),
tbody tr:nth-child(even),
ul.field-list>li,
p#text-preview   {
    background-color: #EFEFEF;
}

section#timeline>header>div.timeline>ul>li.weekend,
section#timeline div.chart ul li.weekend {
    background-color: bisque;
}
section#timeline>header>div.timeline>ul>li.holiday,
section#timeline div.chart ul li.holiday {
    background-color: lightpink;
}

section#timeline>header,
ul.field-list>li>span:first-child,
button.cancel,
button.tool,
section#timeline div.sub-item div.tools div.move button,
#custom-alert>section h2 {
    background-color: #CCCCCC;
}

ul#form-tabs li button.active,
form#page-form fieldset>ul,
section#overlayContent header,
section#overlayContent footer,
#page-footer,
form#login-form button {
    background-color: rgb(254, 221, 0);
}


body,
ul#form-tabs,
article>header,
fieldset>ul button.secondary,
fieldset>ul a.button,
section#timeline div.tools button:hover,
section#overlayContent h3,
thead th,
details summary {
    background-color: #bdd6e6;
}

fieldset>ul button,
fieldset button,
footer button,
label.block,
fieldset>ul a.button:focus,
section#timeline div.tools button,
section#timeline>header>ul,
section#overlayContent header button::before,
section#section-jobs button,
a.button,
#custom-alert button:first-child {
    background-color: #f56300;
}

.job-part-image button.delete.icon {
    background-color: #f56300!important;
}

div.chart>div {
    background-color: rgb(16, 221, 16);
}

.sub-item div.chart>div {
    background-color: lightgreen;
}


fieldset>ul button,
fieldset>ul a.button,
footer button,
section#timeline div.tools button,
label.block,
section#overlayContent header button::before,
section#section-jobs button,
.fieldgroup h3,
form#login-form label span,
button.icon::before,
fieldset button,
a.button,
#custom-alert button:first-child  {
    color: white;
}

ul#form-tabs button.active::before,
tr.fail td.job-part-state span::before,
section#timeline div.sub-item div.tools button.delete {
    color: #f56300;
}

ul#form-tabs button::before,
fieldset>ul button.secondary {
    color: #666666;
}

button.cancel,
button.tool {
    color: #333333;
}

tr td.job-part-state span::before {
    color: green;
}

select,
div.chart>div>span {
    color: black;
}

fieldset>ul,
section#timeline>header {
    border-bottom: 1px solid #f56300;
}

input,
textarea,
ul.field-list li {
    border: 1px solid #f56300;
}

textarea[disabled] {
    border-color: #EFEFEF;
}