/* Custom styles for Task Management System */

/* General styling for full-width layout */
.container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
}

/* Navbar styling */
.navbar {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
    font-weight: bold;
    color: #5a5a5a;
    font-size: 1.5rem;
}

.nav-link {
    font-size: 85%;
    padding: 10px 15px;
    color: #555;
}

.nav-link:hover {
    color: #333;
}

.navbar-nav .active > .nav-link {
    font-weight: bold;
    color: #007bff !important;
}

.navbar-toggler-icon {
    background-color: #007bff;
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 123, 255, 0.1);
}

/* Buttons */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.4);
    transition: all 0.2s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Table styling */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 123, 255, 0.05);
}

.table thead th {
    background-color: #007bff;
    color: #fff;
    border-bottom: 2px solid #0056b3;
}

/* 3D Card Effect */
.section-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.section-card:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Form styles */
.form-control {
    border-radius: 5px;
    border: 1px solid #ced4da;
    box-shadow: none;
}

.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
}

.form-section {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Modal styling */
.modal-content {
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-header {
    background-color: #007bff;
    color: #fff;
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-title {
    font-weight: bold;
}

.close {
    color: #fff;
    opacity: 1;
}

/* Alert styling */
.alert-success, .alert-danger {
    border-radius: 5px;
    font-weight: bold;
}

.alert-success {
    background-color: #28a745;
    border-color: #28a745;
}

.alert-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

/* Footer */
.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    text-align: center;
    font-size: 0.9rem;
    color: #6c757d;
}

.footer a {
    color: #007bff;
    text-decoration: none;
}

.footer a:hover {
    color: #0056b3;
}

tr.highlight-row {
    color: red;
    font-weight: bold;
    border: 2px solid red;
}


tr.highlight-row-1 {
    color: navy;
    font-weight: bold;
}