.table {
    /*--bs-table-striped-color: #8f8f8f;*/
    --bs-table-striped-color: var(--text-color);
}

.table-bordered {
    --border-color: var(--color-400);
}

.form-check-input {
    background-color: var(--color-200);
}

.input-text-checkbox {
    background-color: var(--body-color) !important;
}

/* accordion
-------------------------------------------------- */

.accordion-button {
    color: var(--text-color);
}

/* carousel
-------------------------------------------------- */

.carousel-control-prev-icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/* dropdown
-------------------------------------------------- */

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: var(--bs-table-bg)
}

/* datatables
-------------------------------------------------- */

.table.dataTable tbody tr > .dtfc-fixed-left, table.dataTable tbody tr > .dtfc-fixed-right,
.table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right, table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right {
    background-color: var(--body-color) !important;
}


.dataTable tbody tr:nth-child(odd) td input[type="checkbox"] {
    background-color: var(--body-color);
}

.dataTable tbody tr:nth-child(odd) td input[type="time"] {
    background-color: var(--body-color);
}

.dataTable tbody tr:nth-child(even):hover td input[type="checkbox"] {
    background-color: var(--body-color);
}

.dataTable tbody tr:nth-child(even):hover td input[type="time"] {
    background-color: var(--body-color);
}

/* staff priority schedule
-------------------------------------------------- */

.event-actions {
    color: white !important;
}

/*fixes issue with left borders on 1st instances*/
table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td:first-child {
    border-left: 1px solid var(--color-400) !important;
}

.table-bordered > :not(caption) > * > * {
    border-width: 1px 1px; /* Ensures borders exist on all sides */
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-bottom-width: 0 !important;
}

.table-bordered.dataTable tr:last-child td {
    border-bottom-width: 1px !important;
}

/* buttons
-------------------------------------------------- */

.btn.btn-outline-warning {
    color: #FFBA33;
    border-color: #FFBA33
}

    .btn.btn-outline-warning:hover {
        background-color: #FFBA33;
        color: #fff
    }

.btn-danger {
    color: var(--bs-btn-color) !important;
    background-color: var(--bs-btn-bg) !important;
    border-color: var(--bs-btn-border-color) !important;
}

    .btn-danger:active {
        color: var(--bs-btn-color) !important;
        background-color: var(--bs-btn-bg) !important;
        border-color: var(--bs-btn-border-color) !important;
    }



/* scrollbars
-------------------------------------------------- */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    visibility: visible;
    background: transparent
}

::-webkit-scrollbar-thumb {
    visibility: visible;
    opacity: 0.2;
    background: var(--secondary-color);
    border-radius: 5px
}

    ::-webkit-scrollbar-thumb:hover {
        opacity: 1
    }


/* Pagination
-------------------------------------------------- */
.dataTables_wrapper .dataTables_paginate .page-item .page-link {
    color: var(--text-color) !important;
}

.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
    color: #ffffff !important;
}

/* Icons
-------------------------------------------------- */
.icofont-edit {
    color: white;
}

.avatar-list .avatar {
    color: white !important;
}

/* Board Settings
-------------------------------------------------- */
.board-group-border {
    border: 1px solid var(--color-300) !important;
}

.text-warning {
    font-weight: bold;
}

/* Bg-color buttons (Staff Schedule)
-------------------------------------------------- */
.btn-check:checked + .btn {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}

.bg-dark {
    background-color: var(--dark-color) !important;
}

/* DataTables reorder (drag and drop on staffboards list)
-------------------------------------------------- */
.reorder-handle {
    cursor: grab;
    font-size: 18px;
}

    .reorder-handle:active {
        cursor: grabbing;
    }

table.dt-rowReorder-float {
    position: absolute !important;
    opacity: .9;
    table-layout: fixed;
    outline: 2px solid var(--border-color);
    outline-offset: -2px;
    z-index: 2001;
    background-color: var(--body-color);
}

tr.dt-rowReorder-moving {
    outline: 2px solid #555;
    outline-offset: -2px;
}

.hidden {
    display: none !important; /*added class for hidden to hide save button*/
}