We_Relese/OnlineApp/Relese/Views/Play/_BoxBaseStyle.cshtml

<style>
    .btn {
        cursor: pointer;
    }

    .btn-info {
        color: #fff;
        background-color: #049e9a;
        border-color: #049e9a;
        box-shadow: none;
    }

    .btn-outline-info, .btn-outline-success {
        color: #fff;
        border-color: #fff;
    }

        .btn-outline-info:hover {
            color: #fff;
            background-color: #049e9a;
            border-color: #049e9a;
        }

    .box {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        --mainColor: #049e9a;
        border: 1px solid var(--mainColor);
    }

        .box .box-header {
            width: 100%;
            line-height: 40px;
            font-size: 20px;
            font-weight: 600;
            /*padding: 10px 20px;*/
            color: #fff;
            background: var(--mainColor);
            text-align: center;
            position: relative;
        }


        .box .box-body {
            padding: 0 20px;
            height: calc(100% - 50px)
        }

        .box .box-header .back-btn {
            position: absolute;
            /*top: 8px;*/
            top: -3.5px;
            right: 20px;
        }

    dl.dl {
        width: 100%;
        display: flex;
        margin: 10px 0;
        padding: 10px;
        font-size: 18px;
        background: var(--mainBgColor2);
        color: var(--mainColor);
        border-radius: 10px;
        min-height: 70px;
    }

    .dl dt, .dl dd {
        display: flex;
        align-items: center;
        padding: 5px;
    }

    .dl dt {
        width: 15%;
        min-width: 100px;
        font-weight: 600;
        justify-content: flex-end;
    }

    .dl dd {
        width: 85%;
        white-space: normal;
        word-break: break-all;
        margin: 0;
        flex-wrap: wrap;
    }
</style>