/* stock_quote.asp — externalized inline CSS (CSP: remove style-src unsafe-inline)
   moved <style> block verbatim + shared classes for inline style="..." attributes */

                                    /* The container */
                                    .custom-radio {
                                        position: relative;
                                        padding-left: 35px;
                                        margin-bottom: 12px;
                                        cursor: pointer;
                                        font-size: 17px;
                                        -webkit-user-select: none;
                                        -moz-user-select: none;
                                        -ms-user-select: none;
                                        user-select: none;
                                    }

                                        /* Hide the browser's default radio button */
                                        .custom-radio input {
                                            position: absolute;
                                            opacity: 0;
                                            cursor: pointer;
                                        }

                                    /* Create a custom radio button */
                                    .custom-control-indicator {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        height: 20px;
                                        width: 20px;
                                        background-color: #eee;
                                        border-radius: 50%;
                                    }

                                    /* On mouse-over, add a grey background color */
                                    .custom-radio:hover input ~ .custom-control-indicator {
                                        background-color: #ccc;
                                    }

                                    /* When the radio button is checked, add a blue background */
                                    .custom-radio input:checked ~ .custom-control-indicator {
                                        background-color: #2196F3;
                                    }

                                    /* Create the indicator (the dot/circle - hidden when not checked) */
                                    .custom-control-indicator:after {
                                        content: "";
                                        position: absolute;
                                        display: none;
                                    }

                                    /* Show the indicator (dot/circle) when checked */
                                    .custom-radio input:checked ~ .custom-control-indicator:after {
                                        display: block;
                                    }

                                    /* Style the indicator (dot/circle) */
                                    .custom-radio .custom-control-indicator:after {
                                        top: 6px;
                                        left: 6px;
                                        width: 8px;
                                        height: 8px;
                                        border-radius: 50%;
                                        background: white;
                                    }


                                    .bt-stock-price:hover {
                                        background-color: #0079c2;
                                    }

                                    .bt-stock-price2:hover {
                                        color: #fff;
                                    }

                                    .bt-stock-price {
                                        background-color: #2d2d2d;
                                        border-radius: 10px;
                                        padding: 18px 0 19px 0px;
                                        color: #fff;
                                        text-align: center;
                                    }

                                    .bt-stock-price2 {
                                        background-color: #d2d7dc;
                                        border-radius: 10px;
                                        padding: 18px 0 18px 0px;
                                        text-align: center;
                                    }

                                    .ui-datepicker .ui-datepicker-header {
                                        background: #2d2d2d;
                                        border: 1px solid;
                                    }

                                    .hasDatepicker {
                                        display: initial !important;
                                        background: #fff !important;
                                        border: 0px solid !important;
                                        appearance: auto !important;
                                        width: 12rem;
                                        height: 2rem;
                                        padding-left: 5px;
                                        font-size: 16px;
                                    }

                                    .custom-control {
                                        font-size: 18px !important;
                                    }

                                    #main-scrollbar {
                                        z-index: 1 !important;
                                    }

                                    .justify-content-center {
                                        -webkit-box-pack: center !important;
                                        justify-content: center !important;
                                    }

                                    .custom-control-description {
                                        color: white;
                                    }

                                    .custom-control {
                                        margin-top: 0.4rem;
                                        font-size: 15px;
                                    }

                                    @media (min-width:1200px) {
                                        /* For PC: */
                                        .d-flex {
                                            display: flex;
                                            justify-content: center;
                                        }
                                    }

                                    .date-text {
                                        text-align: right;
                                        margin-bottom: 1rem;
                                        margin-top: 1rem;
                                        font-size: 16px;
                                    }

                                    #period {
                                        color: #000000;
                                        border-radius: 10px;
                                        height: 30px;
                                        font-size: 16px;
                                        width: 150px;
                                        text-align: center;
                                        margin-bottom: 1rem;
                                        margin-top: 1rem;
                                    }
                                    /* จัด label ให้เรียงแนวนอนในบรรทัดเดียว */
                                    .custom-control.custom-radio {
                                        display: inline-flex;
                                        align-items: center;
                                        gap: 8px; /* ระยะห่างระหว่างวงกลมกับข้อความ */
                                        margin-right: 10px; /* เว้นระยะระหว่าง radio */
                                        white-space: nowrap; /* ป้องกันตัดบรรทัด */
                                        cursor: pointer;
                                    }

                                    /* ซ่อนปุ่ม radio ดั้งเดิม */
                                    .custom-control-input {
                                        position: absolute;
                                        opacity: 0;
                                        pointer-events: none;
                                    }

                                    .ui-widget {
                                        font-size: 16px !important;
                                    }

                                    .ui-datepicker {
                                        width: 13em !important;
                                    }

/* shared classes replacing inline style="..." attributes; declarations verbatim */
.stock_quote-s1 { margin: 30px 0; }
.stock_quote-s2 { background-color: #2d2d2d; margin: 0px; border-radius: 5px 5px 0px 0px; color: #ffffff; }
.stock_quote-s3 { display: block; }
.stock_quote-s4 { width: 120px; font-size: 20px; }
.stock_quote-s5 { font-size: 15px }
.stock_quote-s6 { text-align: right; }
.stock_quote-s7 { font-size: 12px; border-radius: 0px 0px 5px 5px; background-color: #0079c2; color: #ffffff; margin: 0; }
.stock_quote-s8 { display: inherit; margin-bottom: 2rem; }
.stock_quote-s9 { text-align: right; margin-bottom: 1rem; }
.stock_quote-s10 { color: #000000; border-radius: 10px; }
.stock_quote-s11 { padding: 0; width: 100%; border-radius: 5px; padding: 0.5%; background-color: #F0F0F0 }