.navbar-nav li a {
    color: white;
    background-color: #2a6b75;
    cursor: pointer;
    text-decoration: none;
}

.navbar-nav li a:hover {
    background-color: rgb(0, 128, 133);
}

.sort-by-date {
    background-color: #1b94c5;
    font-weight: 700;
    padding: 5px 10px;
    color: white;
    text-decoration: none;
}

.sort-by-date:hover {
    text-decoration: none;
    background-color: rgba(1, 63, 63, 0.671);
    color: white;
}

.task-btn {
    background: rgb(1, 63, 63);
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    color: white;
    border: 2px solid #1b94c5;
}

a.task-btn:hover {
    text-decoration: none;
    background: rgba(1, 63, 63, 0.671);
    color: white;
}

.from-area {
    border: 2px solid #005400;
}
a {
    text-decoration: none;
}
a.card-item .card .card-body h5 {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none !important;
}

.card .card-img img {
    width: 100px;
    height: 100px;
    padding: 10px;
}

.border_color {
    border: 2px solid #17a2b8 !important;
}

.feature-disabled {
    pointer-events: auto! important;
     cursor: not-allowed! important;
    background : rgba(0, 0, 0, 0.454) !important;
}

@media only screen and (max-width: 991px) {
    .navbar-nav li a {
        display: flex;
        margin: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .calculation-section {
        margin-top: 10px;
    }
}