a {
    color: red;
}

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

button{
    background-color: #730000;
    border-color: orange brown brown orange;
    color: yellow;
}

button:disabled{
    color: coral;
}

fieldset {
    border-color: red;
}

footer{
    background-color: black;
}

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

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

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

textarea{
    color: #ffc586;
    background-color: black;
}

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

tr:hover a{
    color: black;
}

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

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

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

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

.code{
	color: orangered;
}

.error {
  background-color: red;
  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 .estimate{
    border-color: 0 none;
}

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

.kanban .state_40 .box{
    background: linear-gradient(rgba(180,255,100,0.8));
}

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

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

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

.settings {
    background-color: black;
    border-color: orange;
}

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

.states .active{
    background: red;
}

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

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

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

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

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

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

.task.open > a {
    color: orange;
}

.timetracking {
  background-color: #800000;
  color: yellow;
}

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

.timetracks.sum {
  background: black;
}

.timetracks .year, .month{
    border-color: 1px solid;
}

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



/** priority colors **/


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

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

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

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

.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: red;
	color: red;
}

.easylist .filter{
	background: black;
}

.histo .bar{
	border: 1px solid red;
}

.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: #730000 !important;
	color: yellow;
}

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

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

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