a {
    color: #ff7726;
}

body{
    background-color: black;
    color: orange;
}

button{
    background-color: orange;
    border-color: yellow red red yellow;
}

fieldset{
    border-color: orange;
}

footer{
    background-color: black;
}

input{
    background-color: black;
    border-color: orange;
    color: orange;
}

legend.date,
legend.time{
    background-color: black;
}

nav {
  background-color: #26220c;
  border-bottom-color: orange;
}

span.timetracking {
  background-color: #734a00;
}

textarea{
    color: white;
    background-color: #333;
}

tr:hover{
    background: orange;
    color: black;
}

tr:hover a{
    color: black;
}

tr:hover .taglist .tag {
    border-color: black;
}

tr:hover .taglist .tag button {
    background: orange;
    color: black;
}

.account .sums,
.archive{
  background: black;
}

.account .sums:hover,
.archive.hover{
    background: orange;
    color: black;
}

code,
.code{
	color: chocolate;
}

.em {
    background: rgba(255, 215, 0, 0.09);
}

.error {
  background-color: red;
  color: black;
}

.info{
	background: orange;
	color: black;
}

.kanban .add_task,
.kanban .box,
.kanban .head,
.kanban .user{
    color: black;
}
.kanban .box{
    background-color: #759eff;
}

.kanban .add_task,
.kanban .head,
.kanban .user{
    background-color: black;
    border-color: orange;
    color: orange;
}

.kanban .highlight{
    background-color: #4b3000;
}

.kanban .state_10 .box,
.kanban .state_100 .box{
    opacity: 0.5;
}

.kanban .state_10 .box,
.kanban .state_10 .due_date,
.kanban .state_20 .box,
.kanban .state_20 .due_date,
.kanban .state_40 .box,
.kanban .state_40 .due_date,
.kanban .state_100 .box
.kanban .state_100 .due_date{
    background-color: orange;
}

.kanban .state_60 .box,
.kanban .state_60 .due_date{
    background-color: #d3ff00;
}

.position_selector{
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(3px);
}

.start_end button.join{
    background-color: none;
    color: orange;
}

.states .active{
    background: yellow;
}

.taglist .tag{
    border-color: orange;
}

.taglist .tag button{
    background-color: transparent;
    color: orange;
}

.task.cancelled > a {
    color: gray;
}

.task.started > a {
    color: chartreuse;
}

.task.pending > a {
    color: gray;
}

.task.complete > a {
   color: forestgreen;
}

.timetracks .selected td:not(.year):not(.month){
    background-color: navy;
}

.timetracks.sum {
  background: black;
}

.version a.selected{
     border-color: orange;
}

.warn {
    background-color: yellow;
    color: black;
}



/** priority colors **/


.task.p10 .name{
    color: #fff066;
}
.kanban .state_custom .box.p10,
.kanban .state_20 .box.p10,
.kanban .state_40 .box.p10{
    border: 5px solid #fff066;
}

.task.p20 .name{
    color: #ffe706;
}
.kanban .state_custom .box.p20,
.kanban .state_20 .box.p20,
.kanban .state_40 .box.p20{
    border: 5px solid #ffe706;
}

.task.p30 .name{
    color: #ffa906;
}
.kanban .state_custom .box.p30,
.kanban .state_20 .box.p30,
.kanban .state_40 .box.p30{
    border: 5px solid #ffa906;
}

.task.p40 .name{
    color: #ff8606;
}
.kanban .state_custom .box.p40,
.kanban .state_20 .box.p40,
.kanban .state_40 .box.p40{
    border: 5px solid #ff8606;
}

.task.p50 .name{
    color: #ff4c06;
}
.kanban .state_custom .box.p50,
.kanban .state_20 .box.p50,
.kanban .state_40 .box.p50{
    border: 5px solid #ff4c06;
}

.task.p60 .name{
    color: #ff3506;
}
.kanban .state_custom .box.p60,
.kanban .state_20 .box.p60,
.kanban .state_40 .box.p60{
    border: 5px solid #ff3506;
}

.task.p70 .name{
    color: #ff0000;
}
.kanban .state_custom .box.p70,
.kanban .state_20 .box.p70,
.kanban .state_40 .box.p70{
    border: 5px solid #ff0000;
}

.task.p80 .name{
    color: #df153b;
}
.kanban .state_custom .box.p80,
.kanban .state_20 .box.p80,
.kanban .state_40 .box.p80{
    border: 5px solid #df153b;
}

.task.p90 .name{
    background-color: #991c34;
    color: #ffff00;
}
.kanban .state_custom .box.p90,
.kanban .state_20 .box.p90,
.kanban .state_40 .box.p90{
    border: 5px solid #991c34;
}

.task.p100 .name{
    background-color: #733440;
    color: #ffff00;
}
.kanban .state_custom .box.p100,
.kanban .state_20 .box.p100,
.kanban .state_40 .box.p100{
    border: 5px solid #733440;
}

.vcard span.inactive{
    color: #222200;
}

.easylist > fieldset > div {
	border-color: orange;
	color: orange;
}

.easylist fieldset {
	border-color: #ff7726;
	color: #ff7726;
}

.easylist .filter{
	background: black;
}

.histo .bar{
	background: #a00;
}

.jss_worksheet{
	background: black !important;
	border-right: 1px solid #333 !important;
	border-bottom: 1px solid #333 !important;
}

.jss_worksheet > thead > tr > td,
.jss_worksheet > tbody > tr > td:first-child{
	background: orange !important;
	color: black;
}

.jss_worksheet td{
	border-top: 1px solid #333 !important;
	border-left: 1px solid #333 !important;
}

.jss_worksheet tr:hover td input{
	color: black;
}

@media screen and (max-width: 900px) {
	#app nav a{
		background: black;
		color: orange;
	}
}
