@import "css/taskeditor.css";

/* GLOBAL */
body.x-body {
    background : #444;
}

.x-panel-body-default {
    background : transparent;
}

.sch-taskboard .x-panel-header-default {
    background-image : none;
    background-color : rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.2);
}

.sch-taskboard .x-title-text {
    font-size   : 14px;
    font-weight : 600;
}

.split .x-title-text {
    text-align : center;
}

/* EOF GLOBAL */

.sch-taskview {
    background : #f6f6f6;
}

/* TOOLBAR */

.maintbar {
    background : transparent;
}

.maintbar * {
    color : #fff;
}

.maintbar {
    margin  : 0;
    padding : 0 4px 0 14px;
}

.logged-in-user {
    height      : 50px;
    padding-top : 6px;
}

.logged-in-user img {
    width          : 22px;
    border-radius  : 3px;
    vertical-align : middle;
    margin-left    : 10px;
    border         : 1px solid #aaa;
}

/* EOF TOOLBAR */

/* TASK STYLES */

.sch-task,
.sch-task-inner {
    border  : 0;
    padding : 0;
    border-radius : 3px;
}

.task-header {
    position   : relative;
    background : #aaa;
    color      : #fff;
    padding    : 7px 8px;
    overflow   : hidden;
}

.sch-taskcolumn-state-Done .task-header {
    background : #13bc7d;
}

.task-progress {
    position   : absolute;
    height     : 100%;
    top        : 0;
    left       : 0;
    background : rgba(255, 255, 255, 0.25);

    /* Yay CSS animations */
    transition : width 0.3s;
}

.task-body {
    padding    : 7px 10px 3px;
    min-height : 33px;
    overflow   : hidden;
}

.task-footer {
    clear : both;
}

.task-footer span {
    display : inline-block;
    margin  : 3px 3px 0px 3px;
}

.task-footer span {
    color     : #999;
    font-size : 11px;
}

.task-footer span:hover {
    color : #444;
}

.sch-task-selected .task-footer span {
    color : inherit;
}

.sch-task-selected div, .sch-task-selected span {
    text-shadow : none;
    color       : inherit;
}

.sch-task-menu-handle {
    display     : block;
    visibility  : visible !important;
    top         : 6px;
    right       : 10px;
    background  : 0 none !important;
    font-family : 'Font Awesome 5 Free';
    font-weight : 900;
    font-size   : 16px;
}

.sch-task-selected .sch-task-menu-handle {
    color   : #fff;
    opacity : 1;
}

.sch-task-selected .sch-task-menu-handle:hover {
    opacity : 0.7;
}

.sch-task-menu-handle:before {
    content : "\f013";
}

.task-id {
    font-weight : 600;
}

.task-user {
    float        : right;
    margin-right : 20px;
    font-weight  : 600;
}

.sch-taskview div.sch-task-selected {
    background-color : transparent;
}

.sch-taskview div.sch-task-selected .task-header {
    background-color : #39aefe;
    color            : #fff;
}

.sch-task-name {
    float       : left;
    margin      : 0;
    width       : 90%;
    font-weight : bold;
}

.task-userimg {
    float         : right;
    width         : 10%;
    border-radius : 3px;
}

.sch-phantom-task .task-id {
    text-indent : -1000px;
}

.task-comments:before {
    font-weight : bold;
    position    : relative;
    top         : -1px;
}

/* EOF TASK STYLES */

/* SUBTASK LIST STYLES */

.subtasks {
    float   : left;
    margin  : 10px 0 0 0;
    padding : 0;
}

.subtasks li {
    list-style : none;
}

.subtasks label {
    display     : block;
    margin-top  : 2px;
    cursor      : pointer;
    color       : #333;
    font-weight : 500;
}

ul.subtasks li {
    transition : opacity 0.4s;
}

.subtask-done {
    opacity : 0.5;
}

/* EOF SUBTASK LIST STYLES */