a {
    color: black;
}

body {
    background-color: white;
    color: navy;
}

button{
    background-color: snow;
    border-color: darkgray black black darkgray;
}

fieldset {
    border-color: blue;
}

footer {
    background-color: white;
}

input{
    background-color: lightcyan;
    border-color: blue;
    color: blue;
}

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

nav {
  background-color: #dfe4ff;
  border-bottom-color: blue;
}

textarea{
    color: blue;
    background-color: lightcyan;;
}

tr:hover{
    background: #afffff;
}

tr:hover a{
    color: black;
}

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

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

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

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

.code{
	color: black;
}

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

.kanban .add_task,
.kanban .box,
.kanban .head,
.kanban .user{
    color: black;
}
.kanban .box{
    background-color: white;
}

.kanban .add_task,
.kanban .head,
.kanban .user{
    background-color: white;
    border-color: blue;
    color: blue;
}

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

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

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

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

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

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

.states .active{
    background: #dfe4ff;
}

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

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

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

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

.task.pending > a {
    color: #606060;
}

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

.timetracking {
  border-color: blue;
}

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

.timetracks.sum {
  background: white;
}

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

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



/** priority colors **/


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

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

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

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

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

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

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

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

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

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

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

.easylist > fieldset > div {
	border-color: blue;
	color: blue;
	background: #dfe4ff;
}

.easylist fieldset {
	border-color: blue;
	color: blue;
}

.histo .bar{
	background: cyan;
}

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