html {
  font-size: 14px;
}

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

.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;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Responsive Table for Mobile */
@media (max-width: 767.98px) {
    .table-responsive-cards table,
    .table-responsive-cards thead,
    .table-responsive-cards tbody,
    .table-responsive-cards th,
    .table-responsive-cards td,
    .table-responsive-cards tr {
        display: block;
    }

    .table-responsive-cards thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive-cards tr {
        border: 1px solid #dee2e6;
        border-radius: .25rem;
        margin-bottom: 1rem;
    }

    .table-responsive-cards td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: right;
    }

    .table-responsive-cards td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /* Label content for each cell */
    .table-responsive-cards td:nth-of-type(1):before { content: "الإصدار"; }
    .table-responsive-cards td:nth-of-type(2):before { content: "اسم الملف"; }
    .table-responsive-cards td:nth-of-type(3):before { content: "المستخدم"; }
    .table-responsive-cards td:nth-of-type(4) {
        border-bottom: none; /* No border for the last cell (actions) */
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .table-responsive-cards td:nth-of-type(4) .btn {
        margin-right: 5px; /* Space out buttons */
    }
}