html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* Возвращаем стандартные границы для всех ячеек */
table,
th,
td {
    border: 1px solid #000000; /* Цвет черный */
}

/* Убираем двойные границы */
table {
    border-collapse: collapse;
}

/* Вариант 1: Таблица занимает всю ширину, но ячейки распределяются по содержимому */
.my-custom-table {
    width: 0 auto;
}

    .my-custom-table caption {
        caption-side: top;
        color: #000000;
    }