/*

Kanban TaskBoard 1.0.0
Copyright(c) 2009-2014 Bryntum AB
http://bryntum.com/contact
http://bryntum.com/license

*/
.sch-taskboard,
.sch-taskboard-body {
    background : transparent;
}

/* Selector element should appear above task elements */
.sch-taskboard .x-view-selector {
    z-index      : 2;
    border-width : 2px;
}

.sch-taskcolumn {
    border-radius    : 1px;
}

.sch-taskcolumn .sch-header-icon {
    background      : url(../images/header.png) no-repeat 2px center;
    background-size : 12px;
}

.sch-taskview{
    padding : 10px 7px;
}

.sch-taskcolumn .x-panel-header-text {
    font-size   : 1.5em;
    font-weight : normal;
    margin      : 5px 0;
    display     : block;
    line-height : 22px;
}

.sch-task {
    position           : relative;
    border-left        : 7px solid royalblue;
    border-radius      : 1px;
    box-shadow         : 1px 1px 3px rgba(150, 150, 150, 0.8);
    cursor             : pointer;
    color              : #666;
    margin             : 0 5px 7px 5px;
    background         : #fff;
    padding-bottom     : 2px;
    width              : auto;
    -webkit-transition : width 0.4s, height 0.4s, opacity 0.3s;
    -moz-transition    : width 0.4s, height 0.4s, opacity 0.3s;
    -ms-transition     : width 0.4s, height 0.4s, opacity 0.3s;
    -o-transition      : width 0.4s, height 0.4s, opacity 0.3s;
    transition         : width 0.4s, height 0.4s, opacity 0.3s;
}

.x-ie8m .sch-task {
    border-top    : 1px solid #aaa;
    border-bottom : 1px solid #aaa;
    border-right  : 1px solid #aaa;
    overflow      : hidden;
}

.sch-task-inner {
    height   : inherit;
    overflow : hidden;
    padding  : 2px 8px 2px 8px;
}

.sch-task-name {
    margin : 5px 0;
}

.sch-task-id {
    color : #666;
}

.sch-taskboard-filtered .sch-task {
    opacity : .2;
    filter  : alpha(opacity=20);
}

.sch-taskboard-filtered .sch-task.sch-filter-match {
    opacity : 1;
    filter  : alpha(opacity=100);
}

.sch-task-over {
    background : #eff;
}

div.sch-task-selected {
    background-color  : rgb(57, 174, 254);
    z-index           : 2;
}

.sch-phantom-task {
    opacity       : 0.7;
    border-top    : 1px dashed #ccc;
    border-right  : 1px dashed #ccc;
    border-bottom : 1px dashed #ccc;
}

.sch-task-selected div,
.sch-task-selected span {
    color       : #fff;
    text-shadow : 1px 1px 1px navy;
}

.sch-color {
    border-top-left-radius    : 1px;
    border-bottom-left-radius : 1px;
    width                     : 10px;
    position                  : absolute;
    height                    : 100%;
}

.sch-task-state-NotStarted {
    border-left-color : brown;
}

.sch-task-state-InProgress {
    border-left-color : rgb(231, 168, 75);
}

.sch-task-state-Test {
    border-left-color : lightblue;
}

.sch-task-state-Done {
    border-left-color : lightgreen;
}

.sch-task-img {
    width         : 100%;
    border-radius : 1px;
    margin-bottom : 2px;
    margin-top    : 5px;
}

.sch-task img.sch-user-avatar {
    position      : absolute;
    bottom        : -4px;
    right         : -4px;
    width         : 20px;
    height        : 20px;
    border        : 1px solid #bababa;
    padding       : 1px;
    border-radius : 100%;
    background    : #fff;
}

/* Slightly uglier for IE8 and below */
.x-ie8m .sch-task img.sch-user-avatar {
    bottom : -1px;
    right  : -1px;
}

.sch-task img.sch-user-avatar:hover {
    border-color : #777;
}

.sch-no-img {
    display : none;
    opacity : 0.6;
}

.sch-task-over .sch-no-img {
    display : block;
}

.sch-no-img:hover {
    opacity : 1;
}

/* TASK ZOOM LEVEL SIZING */

[size=medium] div.sch-task {
    width     : 90px;
    height    : 90px;
    float     : left;
    font-size : 90%;
}

[size=small] div.sch-task {
    height    : 50px;
    width     : 50px;
    float     : left;
    font-size : 85%;
}

[size=mini] div.sch-task {
    height    : 25px;
    width     : 25px;
    float     : left;
    font-size : 75%;
    border    : 0;
}

[size=mini] .sch-task-img,
[size=mini] .sch-task-name,
[size=mini] .sch-no-img {
    display : none;
}

[size=mini] .sch-task-id {
    margin     : 6px 0px;
    display    : block;
    text-align : center;
}

[size=mini] .sch-task-inner {
    padding : 0;
}

[size=mini] .sch-user-avatar {
    left   : 3px;
    top    : 3px;
    bottom : auto;
    right  : auto;
}

[size=mini] .sch-task-state-NotStarted {
    background : brown;
}

[size=mini] .sch-task-state-InProgress {
    background : rgb(231, 168, 75);
}

[size=mini] .sch-task-state-Test {
    background : lightblue;
}

[size=mini] .sch-task-state-Done {
    background : lightgreen;
}

/***/
.sch-task-dd {
    overflow : visible !important;
    opacity  : 0.7;
}

.sch-task-dd .sch-task {
    background    : #fff;
    border-top    : 1px dashed #888;
    border-right  : 1px dashed #888;
    border-bottom : 1px dashed #888;
}

.sch-task-dd .x-dd-drop-icon {
    top   : -8px;
    right : -8px;
    left  : auto !important;
}

.sch-dd-wrap-holder {
    overflow : visible;
}

.sch-task-placeholder {
    background-color : rgba(230, 230, 230, 0.7);
    border           : 1px dashed #aaa;
    box-shadow       : none;
}

.sch-dd-extra {
    -webkit-transform : rotate(2deg);
    -moz-transform    : rotate(2deg);
    -ms-transform     : rotate(2deg);
    transform         : rotate(2deg);
}

.x-dd-no-drop .sch-task {

}

.sch-task-dd .sch-no-img {
    display : none;
}

.sch-usermenu .x-menu-item-icon {
    background      : transparent url(../images/user.png) no-repeat left center;
    background-size : contain;
    opacity         : 0.4;
}

.sch-user-selected .x-menu-item-icon {
    background      : transparent url(../images/user_sel.png) no-repeat left center;
    background-size : contain;
    opacity         : 1;
}

.sch-userpicture-view .sch-user {
    position           : relative;
    float              : left;
    margin             : 0 5px 5px 5px;
    text-align         : center;
    line-height        : 14px;
    color              : #333;
    font-size          : 10px;
    height             : 80px;
    width              : 55px;
    overflow           : hidden;
    cursor             : pointer;
    left               : 0;
    top                : 0;
    opacity            : 0.6;
    -webkit-transition : opacity 0.4s;
    -moz-transition    : opacity 0.4s;
    -ms-transition     : opacity 0.4s;
    -o-transition      : opacity 0.4s;
    transition         : opacity 0.4s;
}

.sch-userpicture-view .sch-user img {

    width         : 50px;
    border-radius : 100%;
    border        : 1px solid #fff;
    padding       : 1px;
}

.sch-userpicture-view .sch-user-selected {
    top          : -5px;
    left         : -5px;
    font-weight  : bold;
    width        : 70px;
    margin-right : -10px;
    opacity      : 1;
}

.sch-userpicture-view .sch-user-hover {
    opacity : 0.8;
}

.sch-userpicture-view .sch-user-hover img {
    border-color : #ccc;
}

.sch-userpicture-view .sch-user-selected img {
    box-shadow   : 1px 1px 3px #aaa;
    border-color : #666;
    width        : 60px;

}

.sch-columnfilter-list li {
    height           : 30px;
    border           : 0;
    padding-left     : 28px;
    line-height      : 30px;
    font-size        : 1.2em;
    background-color : transparent !important;
}

.sch-columnfilter-list li.x-boundlist-selected {
    background      : transparent url(../images/check.png) no-repeat 3px center;
    background-size : 20px;
}