/* Base styles inherited from styles.css */
@import url('/css/styles.css');

/* Container for the entire tab section (buttons + table) */
.tab-container {
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
    border: 2px solid var(--text-color);
    border-radius: 10px;
    background-color: var(--bg-color);
}

/* Separator line between buttons and table */
.separator {
    border-top: 2px solid var(--text-color);
    margin: 20px 0;
}

/* Container for the tab buttons */
.tab-buttons-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}

/* Styles for tab buttons */
.tab-button {
    background-color: var(--bg-color);
    color: var(--text-color);
    border: 2px solid var(--text-color);
    padding: 12px 24px;
    margin: 0;
    cursor: pointer;
    border-radius: 10px;
    font-size: 1.05em;
    /* transition: background-color 0.3s, border-color 3s; */
}

.tab-button:hover,
.tab-button:hover.active {
    border-color: dashed var(--bg-color);
    border-style: dashed;
}

.tab-button.active {
    background-color: var(--text-color);
    color: var(--bg-color);
    font-weight: bold;
}

/* DataTables pagination styling for provisioned device tables */
#table_pplus_domestic_wrapper .dataTables_info,
#table_pplus_domestic_wrapper .dataTables_paginate .paginate_button,
#table_pplus_domestic_wrapper .dataTables_paginate a.paginate_button,
#table_pplus_international_wrapper .dataTables_info,
#table_pplus_international_wrapper .dataTables_paginate .paginate_button,
#table_pplus_international_wrapper .dataTables_paginate a.paginate_button,
#table_plutotv_wrapper .dataTables_info,
#table_plutotv_wrapper .dataTables_paginate .paginate_button,
#table_plutotv_wrapper .dataTables_paginate a.paginate_button {
    color: var(--text-color) !important;
}

#table_pplus_domestic_wrapper .dataTables_paginate .paginate_button.current,
#table_pplus_domestic_wrapper .dataTables_paginate a.paginate_button.current,
#table_pplus_domestic_wrapper .dataTables_paginate a.paginate_button:hover:not(.disabled):not(.current),
#table_pplus_international_wrapper .dataTables_paginate .paginate_button.current,
#table_pplus_international_wrapper .dataTables_paginate a.paginate_button.current,
#table_pplus_international_wrapper .dataTables_paginate a.paginate_button:hover:not(.disabled):not(.current),
#table_plutotv_wrapper .dataTables_paginate .paginate_button.current,
#table_plutotv_wrapper .dataTables_paginate a.paginate_button.current,
#table_plutotv_wrapper .dataTables_paginate a.paginate_button:hover:not(.disabled):not(.current) {
    color: var(--bg-color) !important;
}