td {
    border: 1px solid black;
}
table {
    border-collapse: collapse;
}
tr {
    white-space: nowrap;
}

.taskstate_1 {

}
.taskstate_2 {
    background: lightgray;
}
.taskstate_3 {
    background: aquamarine;
}
.taskstate_99 {
    background: #444;
}
.inline {
    display: inline-block;
}
.inline > input {
    width: 6em;
}
.group_addbtn {
    border: 1px solid black;
    border-radius: 2px;
    background: lightgray;
    display: inline-block;
    padding: 10px 10px;
}
.group_addbtn p {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}
.group_mbtn {
    border: 1px solid black;
    border-radius: 2px;
    background: red;
    display: inline-block;
    padding: 10px 10px;
}
.group_mbtn p {
    padding: 0px;
    margin: 0px;
    color: white;
    font-weight: bold;
}
.p_priority_v_0 {
    /*background: red;*/
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
.p_priority_v_1 {
    background: red;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
.p_priority_v_2 {
    background: red;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
}
.Cavars span {
    color: red;
}
.Cavars {
    border: 1px solid black;
    background: #ececec;
    width: fit-content;
    padding: 0px;
    border-bottom: 0px;
}
.Cavars p {
    margin: 3px;
    padding: 0px;
    border-bottom: 1px solid black;
}
.group_container > div:not(:first-child) p {
    display: none;
}
.group_container > div {
    margin: 0px;
    padding: 0px;
}

#header a {
    border: 2px solid gray;
    padding: 2px 10px;
    min-width: 75px;
    display: inline-block;
    background: lightgray;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}
#header a:visited {
    color: black;

}


@media only screen and (max-width: 100px) {
    * {
        font-size: xx-large;
    }
    p {
        margin: 0px;
        padding: 0px;
    }
    input {
        width: 100%;
    }
    select {
        width: 100%;
    }
    .group_container .inline {
        width: 30%;
    }
    body {
        background-color: lightblue;
    }
    #header a {
        display: block !important;
    }
}