.crm-container #civiappointment-slot-block .crm-accordion-header, .crm-container #civiappointment-slot-block .collapsed .crm-accordion-header,
.crm-container #civiappointment-slot-block .crm-accordion-bold > summary, .crm-container #civiappointment-slot-block details > .crm-accordion-header {
    color: black;
    background-color: transparent;
    display: list-item;
    list-style: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.5rem;
    font-weight: bold;
}

.crm-container #civiappointment-slot-block .crm-accordion-header:hover, .crm-container #civiappointment-slot-block .crm-accordion-header:focus,
.crm-container #civiappointment-slot-block .crm-accordion-bold > summary:hover, .crm-container #civiappointment-slot-block .crm-accordion-bold > summary:focus {
    background-color: transparent;
}

.crm-container #civiappointment-slot-block .crm-accordion-wrapper .crm-accordion-body,
.crm-container #civiappointment-slot-block details.crm-accordion-bold .crm-accordion-body {
    border: none;
    padding: 4px 0;
}

.crm-container #civiappointment-slot-block form table label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.1em;
    color: black;
}

.crm-container #civiappointment-slot-block tr.odd {
    background-color: #f9f9f9;
}

.crm-container #civiappointment-slot-block .even {
    background-color: transparent;
}

table.dataTable > thead > tr > th {
    border-bottom: 2px solid #ddd;
}

#bootstrap-theme table.dataTable > thead > tr > th, #bootstrap-theme table.dataTable > thead > tr > td,
#bootstrap-theme table.dataTable > tbody > tr > th, #bootstrap-theme table.dataTable > tbody > tr > td,
#bootstrap-theme table.dataTable > tfoot > tr > th, #bootstrap-theme table.dataTable > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

table.dataTable > tbody > tr > td {
    border-top: 1px solid #ddd;
}

table.dataTable.no-footer {
    border: 1px solid #efefef;
}

#bootstrap-theme td, #bootstrap-theme th {
    padding: 2px 5px;
}

.crm-container #civiappointment-slot-block table thead th.sorting_asc, .crm-container #civiappointment-slot-block table thead th.sorting_desc,
.crm-container #civiappointment-slot-block table .sticky th a.sort-ascending, .crm-container #civiappointment-slot-block table .sticky th a.sort-descending,
.crm-container #civiappointment-slot-block table.caseSelector tr.columnheader th a.sort-ascending,
.crm-container #civiappointment-slot-block table.caseSelector tr.columnheader th a.sort-descending {
    color: #a7a7a7;
}

table.dataTable .btn {
    margin-right: 5px;
}

.dataTables_empty {
    padding: 15px !important;
    margin-bottom: 20px;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    color: #3a87ad;
    background-color: #d9edf7;
}

.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.crm-container #civiappointment-slot-block .dataTables_paginate {
    float: none;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 4px 8px;
    line-height: 1.428571429;
    color: #999999 !important;
    text-decoration: none;
    background-color: white;
    border: 1px solid #ddd;
    margin: 0 0 0 -1px;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: whitesmoke !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: whitesmoke !important;
    border: 1px solid #ddd;
    color: #999999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #999999 !important;
    border-color: #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: whitesmoke;
    border-color: #ddd;
    color: #999999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}