.tooltip-dtxgrey {
    --bs-tooltip-bg: #7d7d7d;
    --bs-tooltip-color: var(--bs-white);
}

.bg-dtxgrey {
    background-color: #7d7d7d !important;
}

.bg-dtxgrey-subtle {
    background-color: #fafafa !important;
}
.text-dtxgrey {
    color: #7d7d7d;
}
.link-dtxgrey {
    color: #7d7d7d;
}
    .link-dtxgrey:hover, .link-dtxgrey:focus {
        color: #3d3d3d;
    }

.border-dtxgrey {
    border-color: #cccccc;
}
.table-dtxgrey {
    --bs-table-bg: #transparent;
    --bs-table-striped-bg: #fafafa;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #fafafa;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #fafafa;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #cccccc;
}

.timepicker-dtxgray {
    padding: 0.25rem;
    background-color: transparent;
    color: #7d7d7d;
    cursor: pointer;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.timepicker-dtxgray:disabled,
.timepicker-dtxgray[disabled] {
    background-color: #e9ecef;
    color: #b0b0b0;
    cursor: not-allowed;
}

.btn-outline-dtxgrey {
    color: #7d7d7d;
    border-color: #7d7d7d;
}

    .btn-check:hover + .btn-outline-dtxgrey, .btn-outline-dtxgrey:hover {
        color: #FFFFFF;
        background-color: #e9ecef;
        border-color: #b0b0b0;
    }

    .btn-check:focus + .btn-outline-dtxgrey, .btn-outline-dtxgrey:focus {
        box-shadow: 0 0 0 0.25rem rgba(175,175,175, 0.5);
    }

    .btn-check:checked + .btn-outline-dtxgrey, .btn-check:active + .btn-outline-dtxgrey, .btn-outline-dtxgrey:active, .btn-outline-dtxgrey.active, .btn-outline-dtxgrey.dropdown-toggle.show {
        color: #FFFFFF;
        background-color: #e9ecef;
        border-color: #b0b0b0;
    }

        .btn-check:checked + .btn-outline-dtxgrey:focus, .btn-check:active + .btn-outline-dtxgrey:focus, .btn-outline-dtxgrey:active:focus, .btn-outline-dtxgrey.active:focus, .btn-outline-dtxgrey.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(175,175,175, 0.5);
        }

    .btn-outline-dtxgrey:disabled, .btn-outline-dtxgrey.disabled {
        color: #7d7d7d;
        background-color: transparent;
    }
    
.btn-dtxgrey {
    color: #FFFFFF;
    background-color: #7d7d7d;
    border-color: #7d7d7d;
}

    .btn-dtxgrey:hover {
        color: #FFFFFF;
        background-color: #8e8e8e;
        border-color: #7d7d7d;
    }


    .btn-check:focus + .btn-dtxgrey, .btn-dtxgrey:focus {
        color: #FFFFFF;
        background-color: #8e8e8e;
        border-color: #7d7d7d;
        box-shadow: 0 0 0 0.25rem rgba(0, 132, 153, 0.5);
    }

    .btn-check:checked + .btn-dtxgrey, .btn-check:active + .btn-dtxgrey, .btn-dtxgrey:active, .btn-dtxgrey.active, .show > .btn-dtxgrey.dropdown-toggle {
        color: #FFFFFF;
        background-color: #33afc3;
        border-color: #7d7d7d;
    }

        .btn-check:checked + .btn-dtxgrey:focus, .btn-check:active + .btn-dtxgrey:focus, .btn-dtxgrey:active:focus, .btn-dtxgrey.active:focus, .show > .btn-dtxgrey.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(0, 132, 153, 0.5);
        }

    .btn-dtxgrey:disabled, .btn-dtxgrey.disabled {
        color: #FFFFFF;
        background-color: #7d7d7d;
        border-color: #7d7d7d;
    }