/* ==========================================================================
   VRS TABLES
   ========================================================================== */

.table-responsive{
    border:1px solid #cfcfcf;
    background:#b6b6b6;
}

.vrs-table{
    --bs-table-bg:#ececec;
    --bs-table-striped-bg:#dddddd;
    --bs-table-striped-color:#000;
    --bs-table-border-color:#ffffff;

    margin-bottom:0;
    font-size:.84rem;
    color:#111;
}

.vrs-table thead th{
    background:#a9a9a9 !important;
    color:#fff !important;
    text-align:center;
    vertical-align:middle;
    font-weight:700;
    padding:.80rem .50rem;
    white-space:nowrap;
}

.vrs-table tbody td{
    background:transparent;
    vertical-align:middle;
    padding:.65rem .55rem;
}

.vrs-table tfoot td,
.vrs-table-summary td{
    background:#8b8b8b !important;
    color:#fff !important;
    font-size:1rem;
    font-weight:500;
    padding:.55rem .75rem !important;
}

.vrs-table-group-spacer td{
    background:#b6b6b6 !important;
    border:none !important;
    height:12px;
    padding:0 !important;
}

/* ==========================================================================
   SORTABLE HEADERS
   ========================================================================== */

.vrs-table-sort{
    display:inline;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:inherit;
    cursor:pointer;
}

.vrs-table-sort:hover{
    text-decoration:underline;
}

/* ==========================================================================
   TOOLBAR
   ========================================================================== */

.task-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    margin:1rem 0;
}

.task-toolbar-filter{
    display:flex;
    align-items:center;
    gap:.75rem;
}

.task-toolbar-actions{
    display:flex;
    align-items:center;
    gap:1.25rem;
    margin-left:auto;
}

.task-toolbar-action{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    border:0;
    background:transparent;
    color:#111;
    font-size:1.05rem;
    cursor:pointer;
}

.task-toolbar-action:hover{
    color:#000;
    text-decoration:underline;
}

/* ==========================================================================
   ACTION BUTTONS
   ========================================================================== */

.task-action-buttons{
    display:flex;
    justify-content:center;
    gap:.35rem;
}

.task-icon-button{
    width:36px;
    height:36px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:.45rem;
}

/* ==========================================================================
   FILTERS
   ========================================================================== */

.task-date-filter{
    margin-bottom:1.5rem;
}

.task-filter-title{
    font-size:1rem;
    font-weight:700;
    margin-bottom:.75rem;
}