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

        h5.calculator-results__heading {
            font-family: 'FC Minimal' !important;
        }

        thead th:first-child, tfoot th:first-child {
            z-index: 5;
            width: 40px !important;
        }

        /*.picker-bg-color {
            background: var(--blue-3) !important;
            padding: 5px 10px;
            display: block;
            border: 1px solid var(--blue-3) !important;
        }*/

        body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            font-family: 'FC Minimal' !important;
        }

        .custom-control-input:checked ~ .custom-control-label:before {
            color: #fff;
            border-color: #222221 !important;
            background-color: #222221 !important;
        }

        .echarts-tooltip__volume {
            font-family: 'FC Minimal' !important;
            color: #222221;
            font-size: 24px;
        }

        .echarts-tooltip__header {
            font-family: 'FC Minimal' !important;
            color: #222221;
            font-size: 28px;
        }

        .echarts-tooltip__last-updated {
            font-family: 'FC Minimal' !important;
            color: #222221;
            font-size: 20px;
        }

        .calculator-chart__remark {
            font-size: 22px !important;
            font-weight: 600 !important;
            /*font-family: "FC Minimal" !important;*/
            color: var(--primary) !important;
            margin-top: 20px;
        }

        p.tex-sub-about {
            font-size: 18px;
            font-weight: 400 !important;
        }

        /*mobile*/
        @media only screen and (max-width: 650px) {
            .calculator-chart__remark {
                margin-top: 7rem !important;
            }

            h5.calculator-results__heading {
                font-size: 24px !important;
            }

            span.font-weight-normal {
    font-size: 15px;
}

            .calculator-results__text {
                font-size: 20px;
            }
        }

        /*mobile*/
        @media only screen and (max-width: 700px) {
            .bg-sub-ir-main {
                margin-bottom: 7rem !important;
            }

            h5.calculator-results__heading {
    font-size: 17px !important;
}

            span.font-weight-normal {
    font-size: 15px;
}

           .calculator-results__text {
    font-size: 15px;
}
        }

        /*ipad*/
        @media only screen and (min-width: 1024px) {
            .calculator-chart__remark {
                margin-top: 10px !important;
            }
        }

        /*.col-lg-6 {
            width: 50%;
        }*/

        .row > * {
            flex-shrink: 0;
            padding-right: calc(var(--bs-gutter-x) * 0.5);
            padding-left: calc(var(--bs-gutter-x) * 0.5);
        }

        .bg-sub-ir-main {
            margin-bottom: 1rem !important;
        }


        @media only screen and (min-width: 1500px) {
            .v-menu__content {
                top: 286px !important;
            }
        }

        @media only screen and (min-width: 1900px) {
            .v-menu__content {
                top: 286px !important;
            }
        }


        /*For iPhone 14 Pro Max, iPhone 15 Plus and iPhone 15 Pro Max:*/
        @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
            .v-menu__content {
    top: 242px !important;
}
        }
        /*For iPhone 14 Pro, iPhone 15 and iPhone 15 Pro:*/
        @media only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) {
            .v-menu__content {
                top: 797px !important;
            }
        }
        /*For iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14:*/
        @media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
            .v-menu__content {
                top: 764px !important;
            }
        }

        /*For iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus:*/
        @media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
            .v-menu__content {
                top: 764px !important;
            }
        }

        /*For iPhone X, iPhone Xs, iPhone 11 Pro, iPhone 12 Mini, and iPhone 13 Mini:*/
        @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
            .v-menu__content {
                top: 873px !important;
            }
        }
        /*For iPhone XR, and iPhone 11:*/
        @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
            .v-menu__content {
                top: 873px !important;
            }
        }
        /*For iPhone Xs Max, and iPhone 11 Pro Max:*/
        @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
            .v-menu__content {
                top: 873px !important;
            }
        }

        /*For iPhone 7 (2016), iPhone 8 (2017), and iPhone SE (1st to 3rd gen):*/
        @media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
            .v-menu__content {
    top: 242px !important;
}
        }
        /*For iPhone 7 (2016), iPhone 8 (2017), and iPhone SE (1st to 3rd gen):*/
        @media only screen and (device-width : 360px) and (device-height : 740px) and (-webkit-device-pixel-ratio : 2) {
            .v-menu__content {
                top: 786px !important;
            }
        }
        /*ipad mini*/
        @media only screen and (device-width : 768px) and (device-height : 1024px) and (-webkit-device-pixel-ratio : 2) {
            .v-menu__content {
                top: 832px !important;
            }

            .bg-sub-ir-main {
                margin-bottom: 1rem !important;
            }

            h5.calculator-results__heading {
                font-size: 24px !important;
            }

            span.font-weight-normal {
                font-size: 20px !important;
            }

            .calculator-results__text {
                font-size: 20px !important;
            }
        }
        /*ipad air*/
        @media only screen and (device-width : 820px) and (device-height : 1180px) and (-webkit-device-pixel-ratio : 2) {
            .v-menu__content {
                top: 892px !important;
            }

            .bg-sub-ir-main {
                margin-bottom: 1rem !important;
            }

            h5.calculator-results__heading {
                font-size: 24px !important;
            }

            span.font-weight-normal {
                font-size: 20px !important;
            }

            .calculator-results__text {
                font-size: 20px !important;
            }
        }
        /*ipad pro*/
        @media only screen and (device-width : 1024px) and (device-height : 1366px) and (-webkit-device-pixel-ratio : 2) {
            .v-menu__content {
                top: 1129px !important;
            }

            .bg-sub-ir-main {
                margin-bottom: 1rem !important;
            }

            h5.calculator-results__heading {
                font-size: 24px !important;
            }

            span.font-weight-normal {
                font-size: 20px !important;
            }

            .calculator-results__text {
                font-size: 20px !important;
            }
        }

        .nav-menu > li {
            margin-left: 0px !important;
        }

        .calculator-results .calculator-results__heading {
            /*font-family: 'Prompt', sans-serif !important;
            font-size: var(--fs-Head2);
            font-weight: var(--fw-700);*/
            color: var(--primary);
            line-height: 140%;
        }

        .content-ir {
            background-color: rgb(255, 255, 255);
            /*margin-top: 100px;*/
            margin-bottom: 100px;
            min-height: 392px;
            font-family: 'FC Minimal' !important;
            font-weight: 500;
            color: #171818;
            font-size: 15px;
            line-height: 22px;
        }

        .hd-1 {
            font-size: 30px;
            color: #111111;
            font-weight: 500;
            line-height: 41px;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 2.5rem
        }

        .calculator-form__label {
            font-size: 16px;
            line-height: 21px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 4px;
            font-weight: 400;
            margin-bottom: 1rem;
        }

        .tex-sub-main {
            font-size: 24px;
            /*font-family: "FC Minimal" !important;*/
            font-weight: 500;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .color1 {
            color: #ffffff !important;
        }

        button {
            font-family: 'FC Minimal' !important;
            font-size: 20px;
        }

        input#input-4 {
            font-family: 'FC Minimal';
            font-size: 17px;
        }

        input#investmentValue1 {
            font-family: 'FC Minimal';
            font-size: 19px;
            border-radius: 0.25rem !important;
            height: 41.5px;
            background: #ffffff;
        }

        input#investmentValue2 {
            font-family: 'FC Minimal';
            font-size: 19px;
            border-radius: 0.25rem !important;
            height: 41.5px;
            background: #ffffff;
        }

        .form-control:focus {
            border-color: #ff900000 !important;
        }

        .form-control:disabled,
        .form-control[readonly] {
            background-color: #e9ecef;
            opacity: 1
        }

        .custom-control {
            padding-left: 0rem !important;
            margin-bottom: 29px !important;
            margin-top: 0rem;
        }

        @media (max-width: 768px) {
            .custom-control {
                padding-left: 0rem !important;
                margin-bottom: 29px !important;
                margin-top: 2rem !important;
            }
        }


        .calculator-form .v-input {
            border-radius: 0.25rem !important;
        }

        .custom-control.custom-radio.custom-control-inline {
            text-align: left;
        }

        .form-group {
            text-align: left;
        }

        h3.service__detail-sub-title.tex-sub-main {
            text-align: left;
            font-family: 'FC Minimal' !important;
        }

        .container1 {
            font-family: 'FC Minimal' !important;
        }

        .v-picker__title__btn.v-date-picker-title__date {
            font-family: 'FC Minimal';
        }

        .v-picker__title__btn.v-date-picker-title__year {
            font-family: 'FC Minimal';
        }

        li.active.picker-bg-color--text {
            font-family: 'FC Minimal';
        }