.docs-container{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.docCard{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    border-color: #0d6efd;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    flex-basis: 350px;
    flex-grow: 1;
}

.docCard .card-header {
    padding: 0.3rem 0.5rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-color: #0d6efd;
}

.docCard .card-header > h6{
    margin-bottom: 0;
}

.docCard .card-body{
    padding:2px; 
    margin:0; 
}

.docCard .card-text{
    margin-bottom: 0;
}

.docCard .card-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
    border-color: #0d6efd;
    display: flex;
    justify-content: space-around;
    color: #6c757d!important;
    font-size: small;
}

.docCard .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
}

.rounded {
    border-radius: 0.25rem!important;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 50%);
}