.qs-detail-container {
    color: #000; // black text
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    .card {
        background-color: #fff;

        .card-header {
            background-color: #f5f5f5;
            font-weight: bold;
            color: #000;
        }

        .card-body {
            dt {
                font-weight: 600;
                color: #000;
            }

            dd {
                margin-bottom: 10px;
                color: #000;
            }

            .nav-tabs {
                border-bottom: 1px solid #000;

                .nav-link {
                    color: #000;
                    border: 1px solid transparent;
                    border-top-left-radius: 0.25rem;
                    border-top-right-radius: 0.25rem;
                    font-weight: 500;

                    &.active {
                        background-color: #e0e0e0;
                        border-color: #000 #000 #fff;
                    }

                    &:hover {
                        color: #000;
                    }
                }
            }

            .tab-content {
                padding: 1rem;
            }

            .mb-3 {
                dt {
                    font-weight: bold;
                }

                dd {
                    margin-left: 0;
                }
            }

            .border {
                border-color: #000 !important;
            }

            .shadow-sm {
                box-shadow: none !important;
            }

            .rounded {
                border-radius: 4px !important;
            }
        }
    }
}