/* Кнопка добавления задачи */
#addTask {
    width:100%;
    max-width:400px;
}

/* Кнопка редактирования задачи */
#tasks_list .task_edit_btn_block {
    position: absolute;
    top:0.75rem;
    right:0.75rem;
}
#tasks_list .viewed > i {
    text-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
}
#tasks_list .bg-gradient-danger .viewed,
#tasks_list .bg-gradient-info .viewed {
    color:#ffffff;
}
#tasks_list .viewed:hover {
    color: #0a53be;
}
#tasks_list .bg-gradient-danger .viewed:hover {
    color: #0dcaf0;
}

.task_image_block {
    height: fit-content;
}

.task_image_block .task_image_item {
    display: block;
    width: 100%;
    height: auto;
    contain: size;
    object-fit: cover;
    border-radius: 0.25rem;
    cursor: pointer;
    background: #f4f6f9 url('/dist/img/loading.svg') no-repeat center center;
    background-size: 70%;
}

.task_file_with_name {
    max-width: 35vw;
    text-overflow: clip;
}

.task_image_block .task_file_remove_btn {
    position: absolute;
    top:5px;
    right:12px;
    z-index:1;
    padding:0 0.25rem;
}

.task_file_remove_filename_btn {
    padding:0 0.25rem;
}

.task .task-remember-badge {
    top:2px;
    right:2px;
    padding:0 4px;
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
}

.task.loading {
    opacity: 0.5;
    cursor: wait;
    background-color: #CCCCCC;
}

#task_delete_btn {
    background-color: white;
    color: #9e0b0f;
}

#task_delete_btn:hover {
    background-color: #CCCCCC;
}