.department-overview {
    display: table;
    margin-top: 4em;
    height: 1px;
    border-collapse: collapse;
}

.department-overview ul,
.department-overview li {
    margin: 0;
    padding: 0;
}

.department-overview > ul {
    display: table-row;
    background-color: #ECECEF;
}

.department-overview > ul:first-child {
    text-align: center;
    background-color: #E6E6E9;
}

.department-overview > ul:not(:first-child):hover {
    background-color: #E3E3EF;
    outline: 1px solid #C3C3CF;
    /*outline-offset: 1px;*/
}

.department-overview > .header {
    display: table-header-group;
}

.department-overview > ul > li {
    display: table-cell;
    /*position: relative;*/
    min-width: 4em;
    max-width: 16em;
    height: 100%;
    vertical-align: top;
    border: 2px solid #F6F6F6;
}

.department-overview > ul:first-child > li,
.department-overview > ul > li:first-child {
    padding: 0.6em;
    vertical-align: middle;
    font-weight: bold;
}

.department-overview > ul > li:first-child {
    position: relative;
}

.department-overview > ul:first-child > li a,
.department-overview > ul > li:first-child a {
    color: #000000;
}

.department-overview > ul > li:first-child a[title]:not([title=""]) {
    border-bottom: 1px dotted #666666;
}

.department-overview > ul > li:first-child > span.week {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.2em 0.6em;
    font-size: 0.8em;
    font-weight: normal;
    background-color: rgba(0, 0, 0, 0.1);
}

.department-overview > ul[data-status='quoted'] > li:first-child {
    background-image: repeating-linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.1) 8px,
            rgba(255, 255, 255, 0.1) 8px,
            rgba(255, 255, 255, 0.1) 16px
    );
}

.department-overview > ul[data-status='halted'] > li:first-child {
    background-image: repeating-linear-gradient(
            45deg,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.1) 8px,
            rgba(255, 255, 255, 0.1) 8px,
            rgba(255, 255, 255, 0.1) 16px
    );
}
.department-overview > ul[data-status='closed'] > li:first-child {
    background-image: repeating-linear-gradient(
            135deg,
            rgba(255, 0, 0, 0.25),
            rgba(255, 0, 0, 0.25) 8px,
            rgba(255, 255, 255, 0.25) 8px,
            rgba(255, 255, 255, 0.25) 16px
    );
}

.department-overview > ul > li > ul {
    height: 100%;
    /*display: table;*/
    /*display: flex;*/
    /*flex-flow: row;*/
}

.department-overview > ul > li > ul > li {
    /*display: block;*/
    /*display: table-column;*/
    position: relative;
    /*height: 100%;*/
    /*width: 100%;*/
}

.department-overview .task-box {
    display: block;
    /*position: relative;*/
    /*margin: 0 0 1px 0 !important;*/
    /*margin: 0 !important;*/
    /*padding: 0.2em;*/
    padding: 0.6em;
    width: 100%;
    min-width: 3em;
    height: 100%;
    /*min-height: 2em;*/
    min-height: 3em;
    border-radius: 0;
    font-weight: bold;
    text-decoration: none;
    /*style="border-top: 1px dotted; border-color: inherit"*/
}

.department-overview > ul > li > ul > li:only-child {
    height: 100%;
}

/*.department-overview .task-box.done::after {*/
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-style: solid;*/
    /*border-width: 14px 0 0 14px;*/
    /*border-color: transparent;*/
    /*border-left-color: inherit;*/
/*}*/

.department-overview li:not(:first-child) > .task-box {
    margin-top: 1px !important;
}

/*.department-overview .task-box {*/
    /*/!*outline: 1px solid #F6F6F6;*!/*/
/*}*/

/*.department-overview .task-box.done {*/
    /*opacity: 0.6;*/
    /*/!*border: 1px solid;*!/*/
    /*outline-width: 2px;*/
    /*outline-style: dotted;*/
    /*outline-offset: -2px;*/
    /*/!*border-right: 4px double;*!/*/
    /*/!*border-right: 2px dotted;*!/*/
/*}*/

.department-overview .task-box.done {
    opacity: 0.4;
    background-image: repeating-linear-gradient(
            135deg,
            rgba(0, 0, 0, 0.25),
            rgba(0, 0, 0, 0.25) 6px,
            rgba(255, 255, 255, 0.25) 6px,
            rgba(255, 255, 255, 0.25) 12px
    );
}

.department-overview .task-box .task-addition {
    margin: 0.2em;
    /*font-size: 0.9em;*/
}

.department-overview .task-box .badge {
    margin: 0 0.1em 0.1em 0.1em;
}

.department-overview .task-box .badge.padder-badge {
    visibility: hidden;
}

/*.department-overview .task-box .task-person-badge {*/
    /*float: left;*/
/*}*/

/*.department-overview .task-box .task-due-badge {*/
    /*float: right;*/
/*}*/

/*.department-overview .task-box .task-priority-badge {*/
    /*float: right;*/
/*}*/

/*.department-overview .task-box:last-child {*/
    /*bottom: 0;*/
/*}*/

.department-information-tooltip {
    max-width: 1000px !important;
    font-size: 1em;
}