.tasks-project .icon-item img {
    /*max-width: 51px;*/
    max-height: 80px;
}

.tasks-project[data-opacity="01"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.1);
}

.tasks-project[data-opacity="02"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.2);
}

.tasks-project[data-opacity="03"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.3);
}

.tasks-project[data-opacity="04"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.4);
}

.tasks-project[data-opacity="05"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.5);
}

.tasks-project[data-opacity="06"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.6);
}

.tasks-project[data-opacity="07"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.7);
}

.tasks-project[data-opacity="08"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.8);
}

.tasks-project[data-opacity="09"] .tasks-project__item {
    background-color: rgba(255, 255, 255, 0.9);
}

.tasks-project__item[href="#"]:not([data-toggle="modal"]) {
    cursor: default;
}

.tasks-project__item:hover .plus-item, .tasks-project__item .plus-item {
    opacity: 0 !important;
}

.tasks-project[data-opacity="01"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.tasks-project[data-opacity="02"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.tasks-project[data-opacity="03"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.tasks-project[data-opacity="04"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.tasks-project[data-opacity="05"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.tasks-project[data-opacity="06"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.tasks-project[data-opacity="07"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

.tasks-project[data-opacity="08"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 1);
}

.tasks-project[data-opacity="09"] .tasks-project__item:hover {
    background-color: rgba(255, 255, 255, 1);
}

.tasks-project[data-opacity="01"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.tasks-project[data-opacity="02"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.tasks-project[data-opacity="03"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.tasks-project[data-opacity="04"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.tasks-project[data-opacity="05"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.tasks-project[data-opacity="06"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.tasks-project[data-opacity="07"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.tasks-project[data-opacity="08"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.tasks-project[data-opacity="09"] .tasks-project__item[href="#"]:not([data-toggle="modal"]):hover {
    background-color: rgba(255, 255, 255, 0.9);
}