.privatePortal {
    padding-top: 35px;
    padding-bottom: 200px;
    background: linear-gradient(to bottom, #f1f4f9, #dff1ff);
}


.privatePortal_ds {
    margin: 0 auto;
    padding: 75px;
    background: #fff;
    backdrop-filter: blur(5px);
    box-shadow: -4px 27px 15px 3px #000;
    border-radius: 9px;
}


.privatePortal_ds h2 {
    font-size: 25px;
    color: navy;
    font-family: "Patua One", cursive;
    text-align: center;
    margin-bottom: 18px;
    text-transform: capitalize;
}

.privatePortal_ds .portal_sub {
    color: #000;
    font-size: 16px;
    text-align: center;
    font-family: "Poly", serif;
    font-weight: bold;
}

.privatePortal_ds .portal_sub strong {
    color: #ff7100;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
}


.privatePortal_ds label {
  font-family: "Patua One", cursive;
  font-size: 17px;
  color: #0a1f44;
}

.privatePortal_ds input {
  box-shadow: none;
}


 /* Portal Login Form */

#portal-login-form h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    color: #333;
}

#portal-login-form label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: #444;
}

#portal-login-form input[type="text"],
#portal-login-form input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 18px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    transition: border 0.3s ease;
}

#portal-login-form input[type="text"]:focus,
#portal-login-form input[type="password"]:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,115,170,0.15);
}

/* Submit Button */
#portal-login-form #wp-submit {
    width: 100%;
    background: #ff7100;
    border: none;
    border-radius: 6px;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

#portal-login-form #wp-submit:hover {
    background: #ff7300d2;
}

/* Remember Me */
#portal-login-form .forgetmenot {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    color: #555;
}

#portal-login-form .forgetmenot input {
    margin-right: 6px;
}

/* Center text */
.portal_sub {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.privatePortal .login_filter {
    position: absolute;
    height: 740px;
    width: 570px;
    background-color: #4ECDC4;
    bottom: 10px;
    left: 286px;
    transform: translatex(-50%);
    filter: blur(150px);
}

.privatePortal .login_filter2 {
    position: absolute;
    height: 500px;
    width: 500px;
    background-color: #FDF6F0;
    bottom: 20px;
    right: -777px;
    filter: blur(150px);

}

/* =========================================== */
/* End Private Portal Login Page */
/* =========================================== */


/* Global Dashboard Layout */


#private_portal_admin_page {
    font-family: "Inter", "Roboto", "Segoe UI", sans-serif;
    background: #eff5fc;
    padding: 30px;
    color: #1e293b;
}

#private_portal_admin_page h2 {
    text-align: center;
    font-family: "Raleway", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
}

/* Section Titles */

#private_portal_admin_page h3 {
    margin: 7px 0 15px;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    font-family: "Patua One", cursive;
    text-align: center;
    margin-bottom: 18px;
    text-transform: capitalize;
}


.portal_left_sidebar .modal-content {
    background: #0a1f44;
    padding: 0px 10px 38px 20px;
    border-radius: 10px;
    height: fit-content;
}

.portal_left_sidebar .modal-title {
    color: #fff;
}

.portal_left_sidebar .side_bar_task_title {
    font-size: 16px;
    font-family: "Poly", serif;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    padding-top: 15px;
}

.portal_left_sidebar .side_bar_task_button {
    font-size: 16px;
    background: #ff7100;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
    padding: 13px 33px;
    border: 1px transparent;
    border-radius: 4px;
    margin-left: 47px;
    margin-top: 10px;
}

.side_bar_document_button {
    color: #fff;
}

/* Hide modal initially (Bootstrap uses .fade for opacity) */
.modal.slide-from-left .modal-dialog {
    transform: translateX(-100%);
    transition: transform 0.5s ease-out;
}

/* When modal is shown, slide in */
.modal.slide-from-left.show .modal-dialog {
    transform: translateX(0);
}


.side_bar_task_title input[type="date"] {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
}

.portal_left_sidebar input[type="file"]::file-selector-button {
  background-color: #fff; /* Green background */
  color: #000; /* White text color for contrast */
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.portal_left_sidebar label {
    font-family: "Poly", serif;
    font-size: 15px;
    color: #fff;
    padding-bottom: 11px;
}


/* Task Cards */

.task-card {
    background: #fff;
    border-radius: 10px;
    padding: 46px 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.task-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #2563eb;
}

.task-meta {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 10px;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.1s ease;
}

.btn-primary {
    background: #2563eb;
    color: #fff;
    border: none;
}

.btn-primary:hover {
    background: #1d4ed8;
    transform: scale(1.02);
}

.btn-danger {
    background: #dc2626;
    color: #fff;
    border: none;
}

.btn-danger:hover {
    background: #b91c1c;
}

/* Forms */
#private_portal_admin_page input[type="text"],
#private_portal_admin_page textarea,
#private_portal_admin_page select {
    width: 100%;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    margin-bottom: 12px;
    font-size: 14px;
    background: #fff;
    transition: border-color 0.2s ease;
}

#private_portal_admin_page input:focus,
#private_portal_admin_page textarea:focus,
#private_portal_admin_page select:focus {
    border-color: #2563eb;
    outline: none;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
    color: #000;
}

/* Messages */
.success-msg {
    color: #16a34a;
    background: #dcfce7;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 14px;
}

.error-msg {
    color: #dc2626;
    background: #fee2e2;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 14px;
}


/* ================== */
/* after admin dashboard  */

/* Accordion Header */
.accordion-header .accordion-button {
    background: #cfcfcf; /* light gray-blue */
    color: #1e293b; /* dark slate */
    font-weight: 600;
    padding: 14px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    margin-top: 5px;
}

.accordion-header .accordion-button:hover {
    background: #e2e8f0;
}

/* Active state */
.accordion-button:not(.collapsed) {
    background: #0a1f44; /* brand blue */
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Accordion Body */
.accordion-body {
    background: #ffffff;
    padding: 8px 4px;
    border: 1px solid #e2e8f0;
    border-radius: 0 0 8px 8px;
    margin-bottom: 15px;
    font-size: 15px;
}

.user_task_card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    display: flex;
}

#user_task_card>h3 {
    font-size: 17px;
    color: #2fb164;
    font-family: "Patua One", cursive;
    text-align: center;
    text-transform: capitalize;
    padding-right: 9px;
    margin: 0;
}


.user_task_details_flex>p {
    padding-right: 13px;
}

#user_task_card .dropdown {
    margin-right: 13px;
}


.user_task_details_flex {
    display: flex;
}

.user_task_history_wrapper {
    display: flex;
    margin-left: 15px;
}

.user_task_status_update_form_wraper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.accordion-body ul li {
    margin: 16px 0px;
    padding: 4px 0px;
}


/* Task Info Blocks */
/* .accordion-body p {
    margin: 8px 0;
} */

.accordion-body strong {
    color: #fff;
    background-color: #0a1f44;
    padding: 6px;
    border-radius: 5px;
}

/* Documents List */
.accordion-body ul {
    padding-left: 20px;
    margin: 8px 0;
}

.accordion-body ul li a {
    color: #2563eb;
    text-decoration: none;
    transition: color 0.2s ease;
}

.accordion-body ul li a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

/* Forms inside tasks */

.accordion-body form {
    margin-top: 15px;
    padding: 12px 30px 30px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin-left: 22px;
}


#user_task_card .accordion-body form {
    margin-top: 10px;
    /* padding: 12px 30px 30px 12px; */
    /* border: 1px solid #e5e7eb; */
    /* border-radius: 6px; */
    /* margin-left: 22px; */
    max-width: 111px;
}


.user_task_status_update_comments {
    margin-left: 64px;
}

.accordion-body form label {
    font-weight: 500;
    margin-right: 6px;
}

.accordion-body input[type="submit"],
.accordion-body button {
    background: #ff7100;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.accordion-body input[type="submit"]:hover,
.accordion-body button:hover {
    background: #1d4ed8;
}

/* Comments */
.accordion-body h4 {
    margin-top: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
}

.accordion-body textarea {
    width: 100%;
    min-height: 80px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 10px;
    font-size: 14px;
}

/* task Color-Coded Deadlines */

.normal-task {
    color: #2c3e50; /* dark blue/gray */
}
.warning-task {
    color: #e67e22; /* orange */
    font-weight: bold;
}
.urgent-task {
    color: #c0392b; /* red */
    font-weight: bold;
}
.overdue-task {
    color: #ffffff;
    background-color: #e74c3c;
    padding: 5px 6px;
    border-radius: 4px;
    font-weight: bold;
}


/* Admin Dashboard archive section */


.portal_left_sidebar .archive-section {
    background-color: #fff;
    margin-top: 100px;
    border-radius: 4px;
}

.portal_left_sidebar .archive-section>h4 {
    color: #000;
    text-align: center;
    padding: 10px 0;
    font-family: "Patua One", cursive;
    font-size: 20px;
}




/* ======================================= */
/* End Global Admin Dashboard Layout */
/* ======================================= */

.private_portal_user_design h2 {
    text-align: center;
    font-family: "Raleway", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 39px;
    color: #000000;
    padding-bottom: 40px;
}

.user_dashboard_task_card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}


.user_dashboard_task_card h3 {
    text-align: center;
    color: #fff;
    font-size: 29px;
    padding: 17px 0px;
    background-color: darkcyan;
}

.user_task_top {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
}

.user_task_under_top {
    display: flex;
    justify-content:space-between ;
    padding: 25px 30px;
}

.user_task_top strong {
    color: #0a1f44;
    background-color: #fff;
    text-decoration: underline;
    padding: 10px 17px;
    border-radius: 4px;
}

.user_task_under_top strong {
    color: #0a1f44;
    text-decoration: underline;
    background-color: #fff;
}


.arch_button_section {
    position: relative;
}

.arch_button_section>a {
    position: absolute;
    top: -71px;
    right: 0;
    font-size: 19px;
    background: #ff7100;
    color: #fff;
    font-family: poppins;
    font-weight: 400;
    padding: 10px 15px;
    text-align: center;
    border: transparent;
    border-radius: 3px;
}

.archivedToadmin a {
    background: #ff7100;
    color: #fff;
    border: transparent;
    border-radius: 3px;
}



.arch_button_section form {
    justify-content: center;
}

td.file_background {
    background-color: #9c9b9b;
}

.file_background li {
    padding: 7px 0px;
}
.file_background a {
    color: #000;
}