.host-support-sessions-popup{
    height: 400px;
}

.host-support-sessions {
    .host-support-credentials-holder{
        border-bottom: 1px dashed $divider-color;        
    }
    .host-support-input {
        border: 1px solid $divider-color;
    }

    .host-support-rounded {
        border-radius: 4px;
    }

    .btn-outline {
        border: 1px solid $divider-color;
    }

    .paw-finder-filters {
        .paw-finder-filter-slot {
            padding-right: 3px;
        }

        .paw-finder-filters-holder > button {
            min-height: 36px;
        }

        .paw-finder-input {
            @include paw-finder-input();
        }

        .bootstrap-select {
            @include paw-finder-input();
        }

        .select2.select2-container {
            @include paw-finder-input();

            .select2-selection__rendered {
                border-bottom: none;
                height: 28px;
            }
        }

        .paw-finder-input-date {
            @include paw-finder-input();

            .custom-datepicker, .input-group-addon {
                border-bottom: none;
            }
        }

        .dropdown.bootstrap-select > button.dropdown-toggle {
            min-height: 33px;
            max-height: 33px;
        }
    }

    .paw-host-support-sessions-datatable {
        .dataTable {
            table-layout: fixed;
            width: 100% !important;
        }

        .dataTables_wrapper {
            width: 100%;
            height: 100%;
            min-height: unset;

            .dataTables_scroll {
                width: 100%;
                height: 100%;

                .dataTables_scrollBody {
                    width: 100%;
                    height: 100%;
                    min-height: unset;
                }
            }
        }

        table.host-support-table {
            width: 100%;

            th.host-support-row-select {
                width: 40px; /* Adjust width as needed */
                min-width: 40px;
                max-width: 40px;
                text-align: center;
            }

            td {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;

                &.dtfc-fixed-left {
                    background: none;
                }
            }

            td, th {
                border-right: 1px solid $divider-color;
            }

            tr.active {
                background-color: $table-hover-row-background-color;
            }
        }
    }

    table.host-support-session-table {
        tr.support-session-selected {
            background: $table-hover-row-background-color;
        }
    }


    .paw-table {
        display: table;
        width: 100%;
        height: 100%;
        border-collapse: separate;

        .paw-table-header {
            display: table-header-group;

            > .paw-table-row {
                display: table;
                table-layout: fixed;
                width: 100%
            }
        }

        .paw-table-body {
            display: block;
            overflow: auto;
            height: 100%;

            > .paw-table-row {
                width: 100%;
                display: table;
                table-layout: fixed;

                .paw-table-col.paw-table-text-cell {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }
            }
        }

        .paw-table-row {
            display: table-row;

            .paw-table-col {
                display: table-cell;
                vertical-align: middle;
                padding: 7px;
            }
        }

        &.paw-table-height-auto .paw-table-body {
            height: auto;
        }
    }
}
