html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

footer {
    margin-top: auto;
}

.border-warning, .table-border-warning {
    border: 2px solid rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important;
}

.border-danger, .table-border-danger {
    border: 2px solid rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}

.border-info, .table-border-info, .table-border-info {
    background:
            repeating-linear-gradient(
                    45deg,
                    transparent 0px,
                    transparent 9px,
                    rgba(111, 66, 193, 0.4) 9px,
                    rgba(111, 66, 193, 0.4) 11px,
                    transparent 11px,
                    transparent 20px
            ) !important;
    background-size: 200% 200% !important;
    position: relative;
}

.custom-border td, .custom-border th {
    border: 2px solid red; /* Change red to your preferred color */
}