/* หน้า webcast : ย้ายมาจาก <style> ในหน้า webcast.aspx
   เพื่อให้ CSP ไม่ต้องพึ่ง 'unsafe-inline' ใน style-src */
        /* For pc: */
        @media (min-width:1200px) {
            table {
                width: 1200px !important;
            }

            .table-responsive {
                overflow-x: inherit;
            }

            a.color-primary {
                background: linear-gradient(90deg, rgb(148 148 148) 0%, rgb(71 73 74) 60%, rgb(31 32 33) 100%);
                color: #ffffff;
                border-radius: 50px;
                overflow: hidden;
                font-size: var(--fs-22);
                padding: 5px 25px;
                position: relative;
                cursor: pointer;
                height: 45px;
                transition: all 0.35s ease-in-out;
                top: 25%;
            }

                a.color-primary:hover {
                    border: 2px solid var(--secondary-hover);
                    background-color: var(--secondary-hover);
                    color: var(--white);
                    border-radius: 50px;
                    overflow: hidden;
                    position: relative;
                    cursor: pointer;
                }
        }
        /* For mobile phones: */
        @media only screen and (max-width: 767px) {
            table {
                width: 700px !important;
            }

            a.color-primary {
                background: linear-gradient(90deg, rgb(148 148 148) 0%, rgb(71 73 74) 60%, rgb(31 32 33) 100%);
                color: #ffffff;
                border-radius: 50px;
                overflow: hidden;
                font-size: 10px !important;
                padding: 5px 20px;
                position: relative;
                cursor: pointer;
                height: 45px;
                transition: all 0.35s ease-in-out;
                top: 25%;
            }

                a.color-primary:hover {
                    border: 2px solid var(--secondary-hover);
                    background-color: var(--secondary-hover);
                    color: var(--white);
                    border-radius: 50px;
                    overflow: hidden;
                    position: relative;
                    cursor: pointer;
                }
        }

        a:focus {
            outline: none;
        }

        thead {
            background-color: #000000;
            color: #ffff;
        }

        table.dataTable thead th, table.dataTable thead td {
            padding: 17px 18px !important;
            border-bottom: 0px solid #54595f;
        }

        table.dataTable tbody th, table.dataTable tbody td {
            padding: 12px 10px !important;
            border-bottom: 0.5px solid #e6e5e5;
        }