.label.task-status-doing {color: #D2322D}
.label.task-status-done {color: #229F24}
.label.task-status-waiting {color: #E48600}
.label.task-status-cancel {color: #333}

.taskMenu {width: 200px}
.taskMenu + .page-content {margin-left: 220px;}

#dropMenu {min-width: 200px;}
#defaultMenu, #finishedMenu, #suspendMenu {min-width: 168px;}
#groupBar .btn-group{margin-right: 15px;}

.dropdown-menu.w-80px{min-width: 80px!important;}

#currentItem {margin-right: 1px;}

.children {background: #f0f0f0;}
.modal-team .table-form {margin: auto;}
.modal-team .modal-content {padding: 5px;}
.modal-team .modal-content .table-form td + td, .table-form th + th {padding-left: 5px;}

.panel .panel-heading a:hover{text-decoration: none;}
#menu .pull-right{margin-right: 5px;}

.table-children {border-left: 2px solid #cbd0db; border-right: 2px solid #cbd0db;}
.table tbody > tr.table-children.table-child-top {border-top: 2px solid #cbd0db;}
.table tbody > tr.table-children.table-child-bottom {border-bottom: 2px solid #cbd0db;}
.table td.has-child > a {max-width: 90%; max-width: calc(100% - 30px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table td.has-child > .task-toggle {color: #838a9d; position: relative; top: 1px;}
.table td.has-child > .task-toggle:hover {color: #006af1; cursor: pointer;}
.table td.has-child > .task-toggle > .icon {font-size: 16px; display: inline-block; transition: transform .2s; -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform: rotate(-90deg);}
.table td.has-child > .task-toggle.collapsed > .icon {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform: rotate(90deg);}
.main-table tbody > tr.table-children > td:first-child::before {width: 3px;}
@-moz-document url-prefix() {.main-table tbody > tr.table-children > td:first-child::before {width: 4px;}}