.resize-handle {
    position: absolute;
    top: 0;
    right: -5.5px;
    width: 10px; /* Adjusted width for better user interaction */
    height: 100%;
    cursor: ew-resize; /* Better cursor for horizontal resizing */
    background: linear-gradient(135deg, #f0f0f0 0%, #d1d1d1 100%); /* Soft gradient for depth */
    border-radius: 6px; /* More rounded corners for a modern feel */
    transition: all 0.2s ease; /* Smooth transition for hover and active states */
    user-select: none; /* Prevent text selection */
}

    /* Add hover effect */
    .resize-handle:hover {
        background-color: #999; /* Darker gray when hovered */
    }

    /* Optional: Add a focus effect */
    .resize-handle:focus {
        outline: none;
    }


.filter-table {
    display: grid;
    row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 1fr;
    align-items: end;
}

.filter-small-table {
    display: grid;
    row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 1fr;
    align-items: end;
}

.iniline-filter-cell {
    width: 200px;
    min-width: 200px; /* Ensures it won't shrink */
    flex: 0 0 200px; /* Prevents flexbox from overriding the width */
}


.iniline-filter-cell-date-withoutdatepicker {
    width: 228px;
   
}

.iniline-filter-cell-date {
    max-width: 550px; /* Ensures it won't shrink */
    flex: 0 0 550px; /* Prevents flexbox from overriding the width */
}

.iniline-filter-cell-item {
    border-radius: 8px;
    padding: 5.5px 10.5px;
    background: white;
    width: 100%;
}
.iniline-filter-cell-date-item {
    border-radius: 8px;
    padding: 1.5px 10.5px;
    background: white;
    width: 100%;
}

.iniline-filter-cell-item-text {
    font-size: 15px;
}

.filter-cell {
    overflow: hidden;
}


.add-new-table {
    display: grid;
    row-gap: 30px;
    column-gap: 30px;
    grid-template-columns: 1fr;
    align-items: start
}

.add-new-table-order-1 {
    order: 1
}

.add-new-table-md-order-2 {
    order: 2
}

.add-new-sub-table {
    display: grid;
    row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 1fr;
}


.single-left {
    padding-right: 0px;
}

.single-right {
    padding-left: 0px;
}

.items-table {
}

.items-table-header {
    position: sticky;
    z-index: 1;
    top: 0; /* Adjust the offset as needed */
    background-color: white; /* Keeps the background consistent */
}

.items-table-header,
.items-table-body {
    border-bottom: 1px solid var(--border-light-color); /* Adjust the color and thickness as needed */
    display: grid;
    padding: 0px 12px;
}

.settings-single-table {
    display: grid;
    grid-template-columns: minmax(0,1fr );
}

.comparison-items-table-header,
.comparison-items-table-body {
    grid-template-columns: 5fr 6fr 6fr 6fr;
}

.applications-items-table-header,
.applications-items-table-body {
    grid-template-columns: 6fr 17fr;
}

.leadflow-items-table-header,
.leadflow-items-table-body {
    grid-template-columns: 23fr;
}

.applications-single-table {
    display: grid;
    grid-template-columns: 1fr;
}

.leadowners-items-table-header,
.leadowners-items-table-body {
    display: grid;
    grid-template-columns: 1fr 22fr;
}

.leads-items-table-header,
.leads-items-table-body,
.leads-cdm-items-table-header,
.leads-cdm-items-table-body {
    grid-template-columns: 1fr 22fr;
}


.lost-leads-items-table-header,
.lost-leads-items-table-body {
    grid-template-columns: 12fr 11fr;
}

.dashboard-items-table-header,
.dashboard-items-table-body {
    grid-template-columns: 12fr 11fr;
}

.leads-single-table {
    display: grid;
    grid-template-columns: minmax(0,1fr );
}

.calendar-single-table {
    display: grid;
    grid-template-columns: minmax(0,1fr );
}

.candidates-items-table-header,
.candidates-items-table-body {
    grid-template-columns: 1fr 22fr;
}

.candidates-single-table {
    display: grid;
    grid-template-columns: minmax(0,1fr );
}

.executives-items-table-header,
.executives-items-table-body {
    grid-template-columns: 23fr;
}

.executive-single-table {
    display: grid;
    grid-template-columns: 1fr;
}

.countries-items-table-header,
.countries-items-table-body {
    grid-template-columns: 23fr;
}

.countries-single-table {
    display: grid;
    row-gap: 12px;
    grid-template-columns: 1fr;
}

.course-items-table-header,
.course-items-table-body {
    grid-template-columns: 3fr 16fr 4fr;
}

.institute-course-items-table-header,
.institute-course-items-table-body {
    grid-template-columns: 19fr 4fr;
}

.course-single-table {
    display: grid;
}

.followups-items-table-header,
.followups-items-table-body {
    grid-template-columns: 18fr 5fr;
}

.applicationsmini-items-table-header,
.applicationsmini-items-table-body {
    grid-template-columns: 23fr;
}

.paymentsmini-items-table-header,
.paymentsmini-items-table-body {
    grid-template-columns: 18fr 5fr;
}

.agencyfee-items-table-header,
.agencyfee-items-table-body {
    grid-template-columns: 18fr 5fr;
}

.branches-items-table-header,
.branches-items-table-body {
    grid-template-columns: 23fr;
}

.branches-single-table {
    display: grid;
    grid-template-columns: 1fr;
}

.processes-items-table-header,
.processes-items-table-body {
    grid-template-columns: 19fr 4fr;
}


.institutions-items-table-header,
.institutions-items-table-body {
    grid-template-columns: 23fr;
}

.institutions-single-table {
    display: grid;
    row-gap: 12px;
    grid-template-columns: 1fr;
}



.inbox-items-table-header,
.inbox-items-table-body {
    grid-template-columns: 20fr 3fr;
}

.inbox-single-table {
    display: grid;
    grid-template-columns: 1fr;
}


.tasks-items-table-header,
.tasks-items-table-body {
    grid-template-columns: 8fr 13fr 2fr;
}

.tasks-single-table {
    display: grid;
    grid-template-columns: 1fr;
}

.lost-leads-count-items-table-body, .lost-leads-count-items-table-header {
    grid-template-columns: 18fr 5fr;
}

.settings-items-table-header,
.settings-items-table-body {
    grid-template-columns: 23fr;
}

.lead-substatuses-items-table-header,
.lead-substatuses-items-table-body {
    grid-template-columns: 8fr minmax(0, 15fr);
}

.display-cell-0 {
    display: block;
}

.display-cell-600 {
    display: none;
}

.display-cell-800 {
    display: none;
}


.display-cell-1000 {
    display: none;
}

.display-cell-1200 {
    display: none;
}

.display-cell-1600 {
    display: none;
}

.scroll-icon {
    display: none;
}
/*
.items-table-body-cell:hover {
    position: relative;
}

    .items-table-body-cell:hover .scroll-icon {
        user-select: none;
        display: inline;
        position: absolute;
        right: 0px;
        top: 0px;
    }*/

@media(min-width:600px) {

    .executives-items-table-header,
    .executives-items-table-body {
        grid-template-columns: 23fr;
    }

    .institutions-items-table-header,
    .institutions-items-table-body {
        grid-template-columns: 12fr 11fr;
    }



    .display-cell-600 {
        display: block;
    }

    .filter-table {
        grid-template-columns: 1fr 1fr;
    }


    .filter-small-table {
        grid-template-columns: 1fr 1fr;
    }
}

@media(min-width:800px) {

    .leads-single-table > *,
    .candidates-single-table > * {
        border-right: 1px solid var(--border-light-color); /* Adjust the color and thickness as needed */
    }

    .calendar-single-table > * {
        border-right: 1px solid var(--border-light-color); /* Adjust the color and thickness as needed */
    }

    .executives-items-table-header,
    .executives-items-table-body {
        grid-template-columns: 15fr 8fr;
    }

    .leads-items-table-header,
    .leads-items-table-body,
    .leads-cdm-items-table-header,
    .leads-cdm-items-table-body {
        grid-template-columns: 1fr 14fr 8fr;
    }


    .tasks-items-table-header,
    .tasks-items-table-body {
        grid-template-columns: 3fr 10fr 4fr 4fr 2fr;
    }

    .countries-items-table-header,
    .countries-items-table-body {
        grid-template-columns: 16fr 7fr;
    }

    .course-items-table-header,
    .course-items-table-body {
        grid-template-columns: 3fr 16fr 4fr;
    }


    .institute-course-items-table-header,
    .institute-course-items-table-body {
        grid-template-columns: 19fr 4fr;
    }

    .followups-items-table-header,
    .followups-items-table-body {
        grid-template-columns: 18fr 5fr;
    }

    .applicationsmini-items-table-header,
    .applicationsmini-items-table-body {
        grid-template-columns: 10fr 13fr;
    }

    .paymentsmini-items-table-header,
    .paymentsmini-items-table-body {
        grid-template-columns: 18fr 5fr;
    }

    .agencyfee-items-table-header,
    .agencyfee-items-table-body {
        grid-template-columns: 18fr 5fr;
    }

    .branches-items-table-header,
    .branches-items-table-body {
        grid-template-columns: 23fr;
    }

    .display-cell-800 {
        display: block;
    }

    .single-left {
        /*padding-right: 20px;*/
    }

    .single-right {
        /*padding-left: 20px;*/
    }

    .applications-single-table,
    .executive-single-table,
    .institutions-single-table,
    .inbox-single-table,
    .tasks-single-table,
    .countries-single-table,
    .course-single-table,
    .branches-single-table {
        grid-template-columns: 1fr minmax(0, 2fr);
    }

        .applications-single-table > *,
        .executive-single-table > *,
        .institutions-single-table > *,
        .inbox-single-table > *,
        .tasks-single-table > *,
        .countries-single-table > *,
        .course-single-table > *,
        .branches-single-table > *,
        .items-table-header > *,
        .items-table-body > * {
            border-right: 1px solid var(--border-light-color); /* Adjust the color and thickness as needed */
        }

    .filter-table {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(min-width:992px) {

    .calendar-single-table {
        grid-template-columns: 2fr minmax(0, 2fr);
    }
}

@media(min-width:1000px) {

    .display-cell-1000 {
        display: block;
    }

    .add-new-table {
        grid-template-columns: 1fr 1fr;
    }

    .add-new-table-order-1 {
        order: 2
    }

    .add-new-table-md-order-2 {
        order: 1
    }

    .add-new-sub-table {
        grid-template-columns: 1fr minmax(0, 2fr);
    }


    .leads-single-table,
    .candidates-single-table {
        grid-template-columns: 1fr minmax(0, 2fr);
    }


    .leadflow-items-table-header,
    .leadflow-items-table-body {
        grid-template-columns: 13fr 10fr;
    }


    .filter-table {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .lost-leads-count-items-table-body,
    .lost-leads-count-items-table-header {
        grid-template-columns: 11.5fr minmax(0, 11.5fr);
    }

    .settings-items-table-header,
    .settings-items-table-body {
        grid-template-columns: 12fr minmax(0, 11fr);
    }


    .lead-substatuses-items-table-header,
    .lead-substatuses-items-table-body {
        grid-template-columns: 4fr 13fr minmax(0, 6fr);
    }
}

@media(min-width:1200px) {

    .leads-items-table-header,
    .leads-items-table-body{
        grid-template-columns: 1fr 3fr 7fr 5fr 4fr 3fr;
    }
    .leads-cdm-items-table-header,
    .leads-cdm-items-table-body {
        grid-template-columns: 1fr 3fr 6fr 4fr 4fr 3fr 2fr;
    }
    .lost-leads-items-table-header,
    .lost-leads-items-table-body {
        grid-template-columns: 3fr 5fr 6fr 5fr 4fr;
    }

    .candidates-items-table-header,
    .candidates-items-table-body {
        grid-template-columns: 1fr 3fr 3fr 8fr 8fr;
    }


    .applications-items-table-header,
    .applications-items-table-body {
        grid-template-columns: 3fr 3fr 9fr 5fr 3fr;
    }


    .leadflow-items-table-header,
    .leadflow-items-table-body {
        grid-template-columns: 7fr 7fr 3fr 3fr 3fr;
    }

    .followups-items-table-header,
    .followups-items-table-body {
        grid-template-columns: 16fr 5fr 2fr;
    }

    .executives-items-table-header,
    .executives-items-table-body {
        grid-template-columns: 14fr 3fr 6fr;
    }

    .institutions-items-table-header,
    .institutions-items-table-body {
        grid-template-columns: 6fr 5fr 7fr 5fr;
    }

    .tasks-items-table-header,
    .tasks-items-table-body {
        grid-template-columns: 4fr 6fr 3fr 3fr 3fr 3fr 1fr;
    }

    .processes-items-table-header,
    .processes-items-table-body {
        grid-template-columns: 11fr 10fr 2fr;
    }

    .display-cell-1200 {
        display: block;
    }

    .filter-table {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media(min-width:1400px) {


    .calendar-single-table {
        grid-template-columns: 1fr minmax(0, 2fr);
    }
}

@media(min-width:1600px) {
    .leads-items-table-header,
    .leads-items-table-body {
        grid-template-columns: 0.25fr 2.75fr 5.75fr 2fr 2.5fr 2fr 3.25fr 2fr 1.5fr;
    }

    .leads-cdm-items-table-header,
    .leads-cdm-items-table-body {
        grid-template-columns: 0.25fr 2.25fr 5.75fr 2fr 2fr 2fr 3.25fr 2fr 1.5fr 2fr;
    }

    .lost-leads-items-table-header,
    .lost-leads-items-table-body {
        grid-template-columns: 3fr 4fr 4fr 3fr 4fr;
    }

    .dashboard-items-table-header,
    .dashboard-items-table-body {
        grid-template-columns: 3fr 2.5fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 1.5fr;
    }

    .candidates-items-table-header,
    .candidates-items-table-body {
        grid-template-columns: 1fr 2fr 2fr 5fr 5fr 4fr 4fr;
    }

    .applications-items-table-header,
    .applications-items-table-body {
        grid-template-columns: 3fr 3fr 5fr 3fr 3fr 2fr 4fr;
    }

    .leadflow-items-table-header,
    .leadflow-items-table-body {
        grid-template-columns: 5fr 4fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr;
    }

    .display-cell-1600 {
        display: block;
    }

    .executives-items-table-header,
    .executives-items-table-body {
        grid-template-columns: 7fr 4fr 4fr 4fr 4fr;
    }

    .course-items-table-header,
    .course-items-table-body {
        grid-template-columns: 1fr 12fr 3fr 3fr 4fr;
    }

    .institute-course-items-table-header,
    .institute-course-items-table-body {
        grid-template-columns: 13fr 3fr 3fr 4fr;
    }

    .tasks-items-table-header,
    .tasks-items-table-body {
        grid-template-columns: 3fr 7fr 2fr 2fr 2fr 2fr 2fr 2fr 1fr;
    }

    .followups-items-table-header,
    .followups-items-table-body {
        grid-template-columns: 13fr 4fr 4fr 2fr;
    }

    .applicationsmini-items-table-header,
    .applicationsmini-items-table-body {
        grid-template-columns: 5fr 6fr 6fr 6fr;
    }

    .paymentsmini-items-table-header,
    .paymentsmini-items-table-body {
        grid-template-columns: 13fr 2fr 3fr 3fr 2fr;
    }

    .agencyfee-items-table-header,
    .agencyfee-items-table-body {
        grid-template-columns: 17fr 3fr 3fr;
    }

    .institutions-items-table-header,
    .institutions-items-table-body {
        grid-template-columns: 6fr 4fr 5fr 4fr 4fr;
    }

    .branches-items-table-header,
    .branches-items-table-body {
        grid-template-columns: 12fr 7fr 4fr;
    }
}


.applications-single-table > :last-child,
.leads-single-table > :last-child,
.calendar-single-table > :last-child,
.candidates-single-table > :last-child,
.executive-single-table > :last-child,
.institutions-single-table > :last-child,
.inbox-single-table > :last-child,
.tasks-single-table > :last-child,
.countries-single-table > :last-child,
.course-single-table > :last-child,
.branches-single-table > :last-child,
.items-table-header > :last-child,
.items-table-body > :last-child {
    border-right: none; /* Remove border from the last column */
}

.items-table-header-cell {
    position: relative;
}

.items-table-header-cell,
.items-table-body-cell {
    padding: 8px 10px;
}



    .items-table-header-cell span {
        color: var(--text-light-color);
        font-size: 12px;
    }

    .items-table-body-cell span {
        font-size: 16px;
        color: var(--text-primary-color);
        font-weight: 500;
    }