/* ===== Main Dashboard Container ===== */
.asdld-dashboard-main-container {
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


/* ===== Dashboard Main Filters Container ===== */
.asdld-dashboard-main-container .asdld-filter-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asdld-dashboard-main-container .asdld-filter-container > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.asdld-dashboard-main-container .asdld-filter-container > div select {
    padding: 12px !important;
}

@media screen and (max-width: 690px) {
    .asdld-dashboard-main-container .asdld-filter-container {
        flex-direction: column;
    }
}

/* Loader Container */
#asdld-assignment-filter-container.asdld-loader-exists, #asdld-user-filter-container.asdld-loader-exists {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ===== Dashboard Radio and Checkbox container ===== */
.asdld-dashboard-main-container .asdld-radio-checkbox-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.asdld-dashboard-main-container .asdld-radio-checkbox-container .asdld-radio-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asdld-radio-checkbox-container .asdld-radio-buttons-container > .asdld-radio-buttons {
    display: flex;
    gap: 20px;
}

.asdld-radio-checkbox-container .asdld-checkbox-container {
    display: flex;
    gap: 10px;
}

/* Enrolment Duration Container */
.asdld-dashboard-main-container .asdld-radio-checkbox-container .asdld-enrollment-filter-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.asdld-enrollment-filter-container .asdld-enrollment-filter-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asdld-enrollment-filter-container .asdld-enrollment-filter-inner label {
    display: inline-block;
    min-width: 40px;
}

.asdld-enrollment-filter-container .asdld-enrollment-filter-inner input[type='date'] {
    padding: 10px 16px;
}

/* Upper Pagination Container */
.asdld-dashboard-main-container .asdld-upper-bulk-pagination-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.asdld-upper-bulk-pagination-container .asdld-select-bulk-action {
    display: flex;
    gap: 10px;
}

/* ===== Dashboard Filter Button CSS ===== */
.asdld-dashboard-main-container .asdld-filter-button-container {
    display: flex;
    justify-content: flex-start;
}


/* ===== Dashboard Table CSS ===== */

table.asdld-deadlines-table .asdld-table-accordion-hide {
    display: table-cell !important;
}

table.asdld-deadlines-table .asdld-table-accordion-show {
    display: none !important;
}

table.asdld-deadlines-table .asdld-accordion-dropdown-icon {
    display: none;
}

/* Date and Time Input */
table.asdld-deadlines-table .asdld-deadline-date-time {
    display: flex;
    align-items: center;
    gap: 5px;
}

table.asdld-deadlines-table .asdld-deadline-date-time input {
    width: 130px;
    font-size: 15px;
}

table.asdld-deadlines-table .asdld-deadline-date-time input[disabled] {
    background-color: #ddd;
    padding: 6px 0px 6px 2px;
    width: 130px;
    font-size: 10px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    font-size: 11.5px;
    color: #303030;
}

table.asdld-deadlines-table .asdld-deadline-date-time input[type="datetime-local"] {
    padding: 6px 0px 6px 2px;
    width: 130px;
    font-size: 10px;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    font-size: 11.5px;
    color: #303030;
}

table.asdld-deadlines-table .asdld-deadline-date-time svg {
    cursor: pointer;
}

/* Table Design CSS */
div.asdld-table-container {
    overflow: auto;
}

.asdld-table-container table.asdld-deadlines-table {
    border-collapse: collapse;
    border: 1px solid #b1b1b1 !important;
    font-size: 0.9rem;
    margin-bottom: 0px !important;
}

.asdld-table-container table.asdld-deadlines-table thead th {
    text-align: center;
    padding: 8px !important;
    border-bottom: 1px solid #b1b1b1;
    border-width: 0px 0px 1px 0px;
}

.asdld-table-container table.asdld-deadlines-table thead th:first-child {
    width: 30px;
    border-bottom: 1px solid #b1b1b1 !important;
    border-left-width: 0px !important;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(2) {
    min-width: 65px;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(3) {
    min-width: 105px;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(4) {
    min-width: 120px;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(5) {
    min-width: 160px;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(6) {
    min-width: 110px;
    padding: 8px 2px !important;
}

.asdld-table-container table.asdld-deadlines-table tbody tr td:nth-child(6) {
    padding: 8px 2px !important;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(7) {
    min-width: 192px;
}

.asdld-table-container table.asdld-deadlines-table thead th:nth-child(8) {
    min-width: 110px;
}

.asdld-table-container table.asdld-deadlines-table thead th:last-child {
    min-width: 100px;
    /* width: 12%; */
}

.asdld-table-container table.asdld-deadlines-table tbody tr:nth-child(odd) {
    background-color: #f4f4f4;
}

.asdld-table-container table.asdld-deadlines-table tbody td {
    padding: 8px;
    border: none !important;
}

.asdld-table-container table.asdld-deadlines-table tbody td {
    text-align: center;
}

table.asdld-deadlines-table tbody td:nth-child(3), 
table.asdld-deadlines-table tbody td:nth-child(4), 
table.asdld-deadlines-table tbody td:nth-child(5),
table.asdld-deadlines-table tbody td:nth-child(7),
table.asdld-deadlines-table tbody td:nth-child(8) {
    text-align: left;
}

.asdld-table-container table.asdld-deadlines-table tbody td:nth-child(5) > div {
    display: -webkit-box;
    max-width: 160px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Submission Status Tag CSS */
table.asdld-deadlines-table .asdld-submission-status b {
    min-width: 100px;
    padding: 2px 4px;
    display: inline-flex;
    /* justify-content: center; */
    align-items: center;
    gap: 5px;
    color: white;
    font-size: 0.8rem !important;
    line-height: 1.7;
    border-radius: 5px;
}

/* Not Submitted Label */
.asdld-submission-status .asdld-brown{
    background-color: #d93939;
}

.asdld-yellow-main-status{
    background-color: #ed750a;
}

.asdld-red-main-status{
    background-color: #d93939;
}

/* Overdue */
.asdld-submission-detail .asdld-red{
    color:red;
    font-weight: 500;
}

/* Pending Submission */
.asdld-submission-detail .asdld-yellow{
    color: #ed750a;
    font-weight: 500;
}

/* Submitted Label */
.asdld-submission-status .asdld-green{
    background-color: #23894a;
}

/* Ontime */
.asdld-submission-detail .asdld-blue{
    color: #23894a;
    font-weight: 500;
}

/* Submitted Late */
.asdld-submission-detail .asdld-orange{
    color: #0087ff;
    font-weight: 500;
}

/* Late Submission Delay Time */
table.asdld-deadlines-table .asdld-submission-status > div > div {
    font-size: 12px !important;
}

/* Table to Accordion CSS */
@media screen and (max-width: 1000px) {

    table.asdld-deadlines-table thead {
        display: none;
    }
    
    table.asdld-deadlines-table tbody tr {
        display: flex;
        flex-direction: column;
    }
    
    table.asdld-deadlines-table tbody td {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        text-align: left !important;
    }
    
    table.asdld-deadlines-table tbody td::before {
        content: attr(data-label);
        display: block;
        min-width: 160px;
        font-weight: bold;
    }

    table.asdld-deadlines-table tbody td:first-child {
        /* order: 2; */
        display: none !important;
    }

    table.asdld-deadlines-table tbody td.asdld-no-data-available {
        display: flex !important;
        justify-content: center;
    }

    table.asdld-deadlines-table tbody td.asdld-no-data-available::before {
        display: none;
    }

    table.asdld-deadlines-table tbody td:nth-child(2) {
        cursor: pointer;
    }
    
    table.asdld-deadlines-table tbody td:nth-child(2)::before {
        display: none;
        order: 1;
    }

    table.asdld-deadlines-table tbody td:not(:nth-child(2)):not(:first-child) {
        order: 3;
    }

    table.asdld-deadlines-table .asdld-table-accordion-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }

    table.asdld-deadlines-table .asdld-table-accordion-container > .asdld-table-accordion-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    table.asdld-deadlines-table .asdld-table-accordion-container .asdld-table-accordion-content > div:first-child {
        display: flex;
        gap: 30px;
    }

    table.asdld-deadlines-table .asdld-accordion-dropdown-icon {
        margin-top: 5px;
        display: flex;
        transition: rotate 0.5s;
    }

    table.asdld-deadlines-table .asdld-table-accordion-hide {
        display: none !important;
    }

    table.asdld-deadlines-table .asdld-table-accordion-show {
        display: block !important;
    }
}

#enable-filteration-by-assignment-due-status-conatiner{
    display:flex;
}

/* ===== PAGINATION CONTAINER CSS ===== */
.asdld-pagination-container {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.asdld-pagination-container .asdld-pagination-button {
    width: 30px !important;
    height: 30px !important;
    padding: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    color: #333;
    border-radius: 5px;
    border: 1px solid #333;
    background: #f1f1f1;
    cursor: pointer;
}

.asdld-pagination-container .asdld-pagination-button:hover {
    background-color: #e5e5e5;
}

.asdld-pagination-container .asdld-pagination-button.asdld-pagination-btn-disabled {
    color: #b1b1b1;
    background-color: #eeeeee;
    border: 1px solid #b1b1b1;
    cursor: default;
}

.asdld-pagination-container .asdld-pagination-counter {
    display: flex;
    align-items: center;
    gap: 5px;
}

.asdld-pagination-container .asdld-pagination-counter input[type="number"] {
    width: 60px !important;
    padding: 4px 5px !important;
    font-size: 16px !important;
    color: #333;
    border-radius: 4px;
    border: 1px solid #818181;
}

/* View Assignment Button CSS */
.asdld-view-assignment-link .asdld-view-assignment-btn {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 6px 14px;
    cursor: pointer;
}

/* Save Individual Deadline Button CSS  */
.asdld-deadline-date-time .asdld-save-deadline-date-time {
    display: none;
}

/* ======== BULK EDIT CONTAINER CSS ======== */

.asdld-set-bulk-deadline-container {
    display: none;
    align-items: center;
    justify-content: flex-end;
}

.asdld-set-bulk-deadline-container input[type="datetime-local"] {
    margin: 0 20px;
}

/* ========= CALENDAR CONTAINER CSS ========= */
.asdld-calendar-main-container {
    display: none;
    flex-direction: column;
    margin-top: 20px;
    text-align: right;
    border: 1px solid #b1b1b1;
    border-radius: 8px;
    padding-top: 10px;
    width: 100%;
}

.asdld-calendar-main-container #asdld-manage-holiday-list {
    margin-right: 20px;
}

#asdld-calendar-container {
    display: none;
    padding: 10px;
    border-top: 1px solid #b1b1b1;
    padding-top: 10px;
}

.asdld-frontend-deadline-db-holiday-container {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.asdld-frontend-deadline-db-holiday-container svg {
    display: none;
}
#asdld-calendar-container table {
    margin: 0px !important;
}

/* #asdld-calendar-container .fc-scroller.fc-scroller-liquid-absolute {
    height: max-content;
} */