body.tasks table.tasks th {
    font-family: 'Roboto', sans-serif;
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 5px;
}

body.tasks table.tasks th:nth-child(2) {
    text-align: left;
}

@media (max-width: 991px) {
    body.tasks table.tasks th {
        padding-left: 10px;
    }
}

body.tasks table.tasks div.priority {
    padding: 5px 30px 5px 7px;
    border-left: 5px solid #EEE;
}

body.tasks table.tasks div.priority .info {
    display: none;
}

body.tasks table.tasks div.priority br {
    display: none;
}

@media screen and (max-width: 1200px) {
    body.tasks table.tasks div.priority .info {
        display: block;
    }

    body.tasks table.tasks div.priority br {
        display: block;
    }
}

body.tasks table.tasks div.priority.low {
    /* background-color: #EBFCEE; */
    border-color: #3CC051;
}

body.tasks table.tasks div.priority.high {
    /* background-color: #FCF3E1; */
    border-color: #FCB322;
}

body.tasks table.tasks div.priority.critical {
    /* background-color: #FAEAE6; */
    border-color: #ED4E2A;
}

body.tasks table.tasks .changePriority {
    color: white;
    height: 38px;
    width: 38px;
    border-radius: 20px !important;
}

body.tasks table.tasks .changePriority:hover {
    background-color: #54657e !important;
}

body.tasks table.tasks .changePriority.low {
    background-color: #3CC051;
}

@media screen and (max-width: 480px) {
    body.tasks table.tasks .changePriority.low {
        display: none;
    }
}

body.tasks table.tasks .changePriority.high {
    background-color: #FCB322;
}

body.tasks table.tasks .changePriority.critical {
    background-color: #ED4E2A;
}

body.tasks td.title {
    cursor: pointer;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
}

@media screen and (min-width: 1220px){
    body.tasks td.title {
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    body.tasks td.title {
        padding: 8px 0;
    }
}

body.tasks td.title i.loading {
    color: #DDD;
    position: absolute;
    right: 10px;
    top: 36%;
    display: none;
}

body.tasks td.id {
    vertical-align: middle;
/ / padding-top : 13 px;
}

body.tasks td.actions a {
}

body.tasks td.actions a i {
    width: 19px;
}

body.tasks td.actions .isChecked {
}

body.tasks td.actions .isChecked.checked {
    color: white;
    background-color: #04be5b;
    height: 38px !important;
    width: 38px !important;
    border-radius: 20px !important;
}

body.tasks td.actions .isChecked.unchecked {
    color: rgb(152, 194, 162);
    background-color: #8493a8;
    height: 38px !important;
    width: 38px !important;
    border-radius: 20px !important;
}

body.tasks td.actions .isChecked.checked:hover {
    background-color: #54657e !important;
}

body.tasks td.actions .isChecked.unchecked:hover {
/ / background-color : #E0E0E0;
    background-color: #54657e;
    height: 38px !important;
    width: 38px !important;
    border-radius: 20px !important;
}

@media screen and (max-width: 480px) {
    body.tasks td.actions .isChecked.unchecked {
        display: none;
    }
}

body.tasks div.actions select {
    margin-bottom: 5px;
}

body.tasks td.actions {
    padding: 8px 0;
}

@media (min-width: 768px) {
    body.tasks td.actions {
        white-space: nowrap;
    }
}

@media (min-width: 992px) {
    body.tasks td.actions {
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    body.tasks td.actions {
        white-space: nowrap;
    }
}

@media screen and (max-width: 480px){
    body.tasks td.actions {
        display: none;
    }
}

body.tasks i.fa.deadline {
    color: #ddd;
    margin-top: 9px;
}

body.tasks a > i.fa.deadline {
    color: #08C;
}

body.tasks a.grey > i.fa.deadline {
    color: #ddd;
}

body.tasks a.final > i.fa.deadline, body.tasks .final {
/ / color : #D84A37;
    color: #0082d5;
}

body.tasks .priorities button {
    width: 21px;
    padding: 0;
}

body.tasks .priorities button.active {
    cursor: default;
}

body.tasks #newPriority button {
    width: 44px;
}

body.tasks #newPriority button.active {
    cursor: default;
}

body.tasks a.noDate {
    color: #A94442;
}

body.tasks .page-breadcrumb.breadcrumb .btn-group {
    right: 25px;
    margin: 0;
}

body.tasks .page-breadcrumb.breadcrumb .btn-group .btn {
    padding-top: 7px;
    padding-bottom: 7px;
}

body.tasks .page-content .page-breadcrumb.breadcrumb {
    padding-right: 123px;
    margin-bottom: 10px;
}

@media (max-width: 480px) {
    body.tasks .page-content .page-breadcrumb.breadcrumb {
        padding-right: 43px;
    }
}

body.tasks span.daysText {
    width: 32px;
    display: inline-block;
}

body.tasks .taskLog a.attachment {
    word-break: break-word;
    display: inline-block;
}

body.tasks .taskLog a.attachment img {
    margin: 5px;
}

.task_drop {
    color: #8493a8 !important;
    background-color: #eceff4;
    border: 1px solid #cad3df;
    border-radius: 4px !important;
    height: 46px;
}

.task_drop_2 {
/ / color : #8493a8 !important;
    background-color: #8493a8;
    border: 1px solid #8493a8;
    border-radius: 4px !important;
    height: 46px;
    display: none;
    width: 46px;
}

.task_drop_2:hover, .task_drop_2:focus, .task_drop_2:active, .task_drop_2.active, .task_drop_2[disabled], .task_drop_2.disabled {
    background-color: #54657e;
    border: 1px solid #54657e;
}

@media (max-width: 480px) {
    .task_drop {
        display: none;
    }

    .task_drop_2 {
        display: inherit;
    }
}

body.tasks table.tasks div.priority.low::first-letter {

    text-transform: capitalize;
}