/* stock-price : รวม <style> 1 บล็อกที่เดิมอยู่ในหน้า stock-price.aspx
   ย้ายออกมาเพื่อให้ CSP ไม่ต้องพึ่ง 'unsafe-inline' ใน style-src */

        .product-sub img {
            margin-bottom: 0px;
        }

        .custom-radio .custom-control-input:checked ~ .custom-control-indicator:before {
            background-color: #0094d9 !important;
        }

        .bt-stock-price:hover {
            background-color: #d2d7dc;
            color: #000000 !important;
        }

        .bt-stock-price2:hover {
            background-color: #292929;
            color: #ffffff !important;
        }

        .bt-stock-price {
            background-color: #2d2d2d;
            border-radius: 10px;
            display: flex;
            padding: 18px 0 18px 20px;
            color: #fff;
        }

        .bt-stock-price2 {
            background-color: #d2d7dc;
            border-radius: 10px;
            display: flex;
            padding: 18px 0 18px 22px;
        }

        .ui-datepicker .ui-datepicker-header {
            background: #080808;
            border: 1px solid #000000;
        }


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

        .mb-0 {
            color: #000 !important;
        }

        .btn-lg-square {
            position: fixed !important;
        }

        thead th:first-child, tfoot th:first-child {
            width: 15%;
        }

        th:first-child {
            background: none;
        }

        .mt-2 {
            margin-top: 1.5rem !important;
        }

        .custom-radio {
            display: inline-block !important;
        }

        .custom-control-input {
            opacity: 1 !important;
            z-index: 1;
            position: inherit;
        }
        /* For PC: */
        @media (min-width:992px) {
            .ui-datepicker {
                width: 19em;
            }
        }
        /* For mobile phones: */
        @media only screen and (max-width: 767px) {
            .ui-datepicker {
                left: 20px !important;
                width: 19em;
            }
        }
        /* For mobile ipad: */
        @media all and (device-width: 768px) and (device-height: 1024px) {
            .ui-datepicker {
                width: 19em !important;
            }
        }

        .container-fluid.page-bg-info.mb-5.wow.fadeIn {
            font-size: var(--fs-20);
        }

        .pl-2.row {
            text-align: left;
        }

        input, textarea {
            border: 1px solid #eeeeee;
            box-sizing: border-box;
            margin: 0;
            outline: none;
            padding: 10px;
        }