/* Shared styles for the ComprehensivePlus product pages.
 * Extracted verbatim from the inline <style> in ComprehensivePlus.aspx,
 * byte-identical across all 15 country clones. */
        .notification-section2
        {
            background: #ff0000;
            padding: 8px 10px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            margin: 0 auto;
            border-radius: 30px;
        }

            .notification-section2 a
            {
                background: #fff;
                display: inline-block;
                margin: 0 auto;
                padding: 6px 20px;
                border-radius: 24px;
                font-size: 16px;
                margin-left: 20px;
                color: #ff0000;
            }

        .new-feature
        {
            width: 90%;
            margin: 50px auto;
            padding: 40px;
            border-radius: 15px;
            border: 3px solid #ff0000;
            box-shadow: 5px 8px 18px -1px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 5px 8px 18px -1px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 5px 8px 18px -1px rgba(0, 0, 0, 0.15);
        }

        .ribbon
        {
            position: relative;
            padding: 0 1em;
            font-size: 1.8em;
            margin: 0 0 40px -1.45em;
            line-height: 1.875em;
            color: #fff;
            border-radius: 0 0.156em 0.156em 0;
            background: rgb(203, 32, 39);
            box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.5);
            font-family: MontserratBold;
        }

        #content-wrapper
        {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .benefitpageitem
        {
            font-size: 14px;
            text-align: center;
            line-height: 22px;
            min-height: auto;
            padding-top: 15px;
            padding-bottom: 15px;
            width: 30%;
        }

        .placeholder
        {
            visibility: hidden;
            /* keep space but make it invisible */
        }

        #pagination
        {
            margin-top: 20px;
            text-align: center;
            border: none;
        }

        .page-link
        {
            margin: 0 3px;
            padding: 5px 10px;
            background: none;
            color: red;
            text-decoration: none;
            border-radius: 4px;
            display: inline-block;
        }

            .page-link.active
            {
                background-color: none;
                font-weight: bold;
                border-bottom: 3px solid;
            }

        .page-arrow
        {
            font-weight: bold;
            background-color: #444;
        }

        .page-link.disabled
        {
            background-color: #ccc;
            pointer-events: none;
        }

        .newh2
        {
            font-size: 30px;
            text-align: center;
            font-family: MontserratBold, Arial, Helvetica, Geneva, sans-serif;
            margin-bottom: 1em;
            color: #e43a6c;
            background: -webkit-linear-gradient(45deg, #e43a6c 30%, #faa82f 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
        }

        h3
        {
            font-size: 18px;
            font-family: MontserratBold, Arial, Helvetica, Geneva, sans-serif;
            line-height: 24px;
            margin: 0.8em auto 1.5em;
            color: black;
        }

        /*
                            {
                            position: absolute;
                            z-index: 2;
                            color: #fff;
                            background: transparent;
                            width: 100%;
                        }
                        */

        .tune-container
        {
            /*width: 100%;*/
            margin: 0 auto;
        }

        .logo-title
        {
            padding: 7.5px 0;
            text-align: center;
        }

        #lbl_sectionReviewTitle1ID
        {
            font-size: 30px;
            text-align: center;
            text-transform: uppercase;
            font-family: 'MontserratBold', Arial, Helvetica, Geneva, sans-serif;
            color: #e43a6c;
        }

        .wrapper
        {
            margin: 0.5em 0.5em 1em 0.5em;
            padding: 1em 0.5em 0.5em 0.5em;
            /*border-top: 0.5em solid #fff;
	  border-bottom: 0.1em solid #bdc3c7 !important;*/
            background: #fff;
            /*box-shadow: 0 0 0 0.5em rgba(189, 195, 199, 0);*/
            -moz-transition: box-shadow 0.15s linear;
            -o-transition: box-shadow 0.15s linear;
            -webkit-transition: box-shadow 0.15s linear;
            transition: box-shadow 0.15s linear;
            border-radius: 8px;
            /*
	   * alpha
	   */
            /*
	   * beta
	   */
            /*
	   * gamma
	   */
            /*
	   * delta
	   */
        }

            .wrapper:hover
            {
                /*box-shadow: 0 0 0 0.5em rgba(189, 195, 199, 0.6);*/
            }

            .wrapper h2
            {
                font-size: 0.8em;
                font-weight: 700;
                margin: 0 auto 1em auto;
                line-height: 1.7em;
            }

            .wrapper h3
            {
                font-weight: 400;
                margin: 0;
                font-size: 1.2em;
                line-height: 1.2;
            }

            .wrapper address
            {
                font-style: normal;
                margin-bottom: 0.5em;
            }

            .wrapper ul
            {
                margin: 0;
            }

            .wrapper li
            {
                margin-bottom: 0.5em;
                border-bottom: .25em solid #fff;
                padding-bottom: 0.5em;
            }

                .wrapper li:last-child
                {
                    border: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

            .wrapper label
            {
                cursor: pointer;
            }

            /*.wrapper input {
	  width: 1.15em;
	  height: 1.15em;
	  margin-right: .25em;
	  cursor: pointer;
	  box-shadow: inset 0 0 0 .25em #dddddd;
	  vertical-align: text-bottom;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	  -moz-transition: background 0.15s linear;
	  -o-transition: background 0.15s linear;
	  -webkit-transition: background 0.15s linear;
	  transition: background 0.15s linear;
	}*/

            .wrapper input[type="number"]
            {
                width: 1.75em;
                height: 60%;
                border: none;
                padding: 0 0.25em;
                text-align: center;
                font-size: 2em;
                position: relative;
            }

                .wrapper input[type="number"]:focus
                {
                    outline: none;
                    background: #ecf0f1;
                }

                .wrapper input[type="number"]::-webkit-inner-spin-button,
                .wrapper input[type="number"]::-webkit-outer-spin-button
                {
                    -webkit-appearance: none;
                    cursor: pointer;
                    width: 0.5em;
                    height: 100%;
                    text-align: center;
                    color: #bdc3c7;
                }

                    .wrapper input[type="number"]::-webkit-inner-spin-button:before,
                    .wrapper input[type="number"]::-webkit-outer-spin-button:before
                    {
                        position: absolute;
                        left: 0;
                        top: 0;
                        content: '\25B4';
                    }

                    .wrapper input[type="number"]::-webkit-inner-spin-button:after,
                    .wrapper input[type="number"]::-webkit-outer-spin-button:after
                    {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        content: '\25BE';
                    }

            /*.wrapper input:checked {
	  background: #E4170E;
	}*/
            .wrapper input[type="checked"]
            {
                display: inline-block;
                width: 19px;
                height: 19px;
                margin: -1px 4px 0 0;
                vertical-align: middle;
                background: url(/images/check_radio_sheet.png) left top no-repeat;
                cursor: pointer;
            }

                .wrapper input[type="checked"]:checked + label span
                {
                    background: url(/images/check_radio_sheet.png) -19px top no-repeat;
                }

            .wrapper input[type="text"]
            {
                /*display:inline-block;
    width:50%;
    height:30px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
	border-radius: 20px;
	display: block;*/
            }

                /*}2016*/

                .wrapper input[type="text"] + label span
                {
                }

            /* input checkbox css */
            /*
	.wrapper input[type="checkbox"] {
    display:none;
	}
	.wrapper input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(./images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
	}
	.wrapper input[type="checkbox"]:checked + label span {
    background:url(./images/check_radio_sheet.png) -19px top no-repeat;
	} */
            /* end input checkbox css*/

            .wrapper img
            {
                /*max-width: 60%;*/
                max-height: 5em;
                /*border: .25em solid #fff;*/
            }

            .wrapper table
            {
                width: 100%;
                border-spacing: 0 0.25em;
                border-collapse: separate;
                margin-top: -0.25em;
            }

            .wrapper th
            {
                text-align: right;
                padding-right: 0.5em;
            }

            .wrapper thead
            {
                /*background: #414141;*/
                background: #b7b7b7;
            }

                .wrapper thead th
                {
                    text-align: left;
                    padding: 0.5em;
                    color: #fff;
                }

                    .wrapper thead th:last-child
                    {
                        text-align: right;
                    }

            .wrapper tr.alpha
            {
                background: #414141;
                color: #fff;
            }

                .wrapper tr.alpha > th
                {
                    padding: 0.5em 1em 0.5em 0.5em;
                }

            .wrapper hr
            {
                border: none;
                border-bottom: 0.25em solid #fff;
            }

            .wrapper .tune-btn-red
            {
                -webkit-transition: all .5s cubic-bezier(1, .01, 0, .99);
                -moz-transition: all .5s cubic-bezier(1, .01, 0, .99);
                -o-transition: all .5s cubic-bezier(1, .01, 0, .99);
                position: relative;
                cursor: pointer;
                font-family: "MontserratMedium", Arial, Helvetica, Geneva, sans-serif;
                overflow: hidden;
                border-radius: 40px;
                -webkit-border-radius: 40px;
                padding: 11px 53px;
                background: #EE2E24;
                color: #ffffff;
                border: 1px solid #e4170e;
            }

                .wrapper .tune-btn-red:hover
                {
                    background: #fff !important;
                    color: #ee2e24;
                    border: 1px solid #ee2e24;
                }

            .wrapper .btn-grey
            {
                width: 100%;
                border: none;
                padding: 0.5em;
                background: #ecf0f1;
                -moz-appearance: none;
                -webkit-appearance: none;
                -moz-transition: background 0.15s linear;
                -o-transition: background 0.15s linear;
                -webkit-transition: background 0.15s linear;
                transition: background 0.15s linear;
                font-family: 'MontserratMedium', Arial, Helvetica, Geneva, sans-serif;
            }

                .wrapper .btn-grey:hover
                {
                    background: #bdc3c7;
                }

            .wrapper .text--right
            {
                text-align: right;
            }

            .wrapper .helper--alpha
            {
                padding-left: 0em;
            }

            .wrapper .wrapper--box
            {
                color: #414141;
                padding: 0em;
                list-style-type: none;
            }

            .wrapper.wrapper__alpha
            {
                border-color: #414141;
                background: #e43a6c;
                background: linear-gradient(45deg, #e43a6c 20%, #faa82f 90%);
                background: -webkit-linear-gradient(45deg, #e43a6c 20%, #faa82f 90%);
                background: -moz-linear-gradient(45deg, #e43a6c 20%, #faa82f 90%);
                background: -o-linear-gradient(45deg, #e43a6c 20%, #faa82f 90%);
            }

                .wrapper.wrapper__alpha .wrapper--box
                {
                    background: #ffffff;
                }

                .wrapper.wrapper__alpha h2
                {
                    color: #e4170e;
                }

            .wrapper.wrapper__beta
            {
                border-color: #2980b9;
            }

                .wrapper.wrapper__beta .wrapper--box
                {
                    background: #2980b9;
                }

                .wrapper.wrapper__beta h2
                {
                    color: #3498db;
                }

                .wrapper.wrapper__beta li
                {
                    border-color: #3498db;
                }

                .wrapper.wrapper__beta input:checked
                {
                    background: #3498db;
                }

            .wrapper.wrapper__gamma
            {
                border-color: #cc0000;
            }

                .wrapper.wrapper__gamma .wrapper--box
                {
                    color: #000;
                }

        .wrapper2__alpha h2
        {
            font-size: 20px;
            color: #262932;
        }

        .wrapper.wrapper__gamma h3
        {
            color: #e4170e;
        }

        .wrapper.wrapper__gamma hr
        {
            border-color: #b7b7b7;
            margin: 0;
            border-width: 2px;
            /*border-color: #414141;
            margin: 0;*/
        }

        .wrapper.wrapper__delta
        {
            border-color: #cc0000;
        }

            .wrapper.wrapper__delta .wrapper--box
            {
                background: #ffffff;
            }

            .wrapper.wrapper__delta h2
            {
                color: #e4170e;
            }

            .wrapper.wrapper__delta li
            {
                border-color: #414141;
            }

            .wrapper.wrapper__delta input:checked
            {
                background: #E4170E;
            }

        /* wrapper2 */
        .wrapper2
        {
            margin: 0.5em 0.5em 1em 0.5em;
            padding: 1em;
            /*border-top: 0.5em solid #fff;
	  border-bottom: 0.1em solid #bdc3c7 !important;*/
            /*-moz-transition: box-shadow 0.15s linear;
            -o-transition: box-shadow 0.15s linear;
            -webkit-transition: box-shadow 0.15s linear;*/
            transition: box-shadow 0.15s linear;
            /*border-radius: 8px;*/
            border-radius: 12px;
            background-color: #fff;
            border: 3px solid #e41e26;
            /*
	   * alpha
	   */
            /*
	   * beta
	   */
            /*
	   * gamma
	   */
            /*
	   * delta
	   */
        }

            .wrapper2 h2
            {
                font-size: 1.2em;
                font-weight: 700;
                margin: 0 0 0.5em 0;
            }

            .wrapper2 h3
            {
                font-weight: 400;
                margin: 0;
                font-size: 1.2em;
                line-height: 1.2;
            }

            .wrapper2 address
            {
                font-style: normal;
                margin-bottom: 0.5em;
            }

            .wrapper2 ul
            {
                margin: 0;
            }

            .wrapper2 li
            {
                margin-bottom: 0.5em;
                border-bottom: .25em solid #fff;
                padding-bottom: 0.5em;
            }

                .wrapper2 li:last-child
                {
                    border: none;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

            .wrapper2 label
            {
                cursor: pointer;
            }

            .wrapper2 input[type="number"]
            {
                width: 1.75em;
                height: 60%;
                border: none;
                padding: 0 0.25em;
                text-align: center;
                font-size: 2em;
                position: relative;
            }

                .wrapper2 input[type="number"]:focus
                {
                    outline: none;
                    background: #ecf0f1;
                }

                .wrapper2 input[type="number"]::-webkit-inner-spin-button,
                .wrapper input[type="number"]::-webkit-outer-spin-button
                {
                    -webkit-appearance: none;
                    cursor: pointer;
                    width: .5em;
                    height: 100%;
                    text-align: center;
                    color: #bdc3c7;
                }

                    .wrapper2 input[type="number"]::-webkit-inner-spin-button:before,
                    .wrapper input[type="number"]::-webkit-outer-spin-button:before
                    {
                        position: absolute;
                        left: 0;
                        top: 0;
                        content: '\25B4';
                    }

                    .wrapper2 input[type="number"]::-webkit-inner-spin-button:after,
                    .wrapper input[type="number"]::-webkit-outer-spin-button:after
                    {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        content: '\25BE';
                    }

            /*.wrapper2 input:checked {
	  background: #E4170E;
	}*/
            .wrapper2 input[type="checked"]
            {
                display: inline-block;
                width: 19px;
                height: 19px;
                margin: -1px 4px 0 0;
                vertical-align: middle;
                background: url(/images/check_radio_sheet.png) left top no-repeat;
                cursor: pointer;
            }

                .wrapper2 input[type="checked"]:checked + label span
                {
                    background: url(/images/check_radio_sheet.png) -19px top no-repeat;
                }

            .wrapper2 input[type="text"]
            {
                /*display:inline-block;
    width:50%;
    height:30px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
	border-radius: 20px;
	display: block;*/
            }

                /*}2016*/

                .wrapper2 input[type="text"] + label span
                {
                }

            /* end input checkbox css*/

            .wrapper2 img
            {
                max-width: 50%;
                max-height: 8em;
                border: .25em solid #fff;
            }

            .wrapper2 table
            {
                width: 100%;
                border-spacing: 0 0.25em;
                border-collapse: separate;
                margin-top: -0.25em;
            }

            .wrapper2 th
            {
                text-align: right;
                padding-right: 1em;
            }

            .wrapper2 thead
            {
                background: #414141;
            }

                .wrapper2 thead th
                {
                    text-align: left;
                    padding: 0.5em;
                    color: #fff;
                }

                    .wrapper2 thead th:last-child
                    {
                        text-align: right;
                    }

            .wrapper2 tr.alpha
            {
                background: #414141;
                color: #fff;
            }

                .wrapper2 tr.alpha > th
                {
                    padding: 0.5em 1em 0.5em 0.5em;
                }

            .wrapper2 hr
            {
                border: none;
                border-bottom: 0.25em solid #fff;
            }

            .wrapper2 button
            {
                display: inline-block;
                padding: 11px 53px;
                background: #ee2e24;
                font-size: 12.5px;
                text-transform: uppercase;
                color: #fff;
                font-family: "MontserratMedium", Arial, Helvetica, Geneva, sans-serif;
                margin: 0 5px;
                border-radius: 40px;
                -webkit-border-radius: 40px;
                cursor: pointer;
                vertical-align: middle;
                width: 100%;
            }

                .wrapper2 button:hover
                {
                    background: #fff !important;
                    color: #ee2e24;
                    border: 1px solid #ee2e24;
                }

                .wrapper2 button.alpha:before
                {
                    content: "x";
                    color: #414141;
                }

                .wrapper2 button.beta
                {
                    background: #e4170e;
                    color: #fff;
                    padding: 0.5em;
                    margin-top: 0.25em;
                    font-size: 1.25em;
                    width: 100%;
                    border-radius: 20px;
                    font-family: 'MontserratMedium', Arial, Helvetica, Geneva, sans-serif;
                    text-transform: uppercase;
                }

                    .wrapper2 button.beta:hover
                    {
                        background: #cc0000;
                    }

                    .wrapper2 button.beta:before
                    {
                        content: '\25B6';
                    }

                .wrapper2 button.gamma:before
                {
                    content: '\25AA';
                    color: #bdc3c7;
                }

                .wrapper2 button.gamma:hover:before
                {
                    color: #ecf0f1;
                }

            .wrapper2 .text--right
            {
                text-align: right;
            }

            .wrapper2 .helper--alpha
            {
                padding-left: 1.5em;
            }

            .wrapper2 .wrapper2--box
            {
                color: #414141;
                padding: 0.5em;
                list-style-type: none;
            }

        .styled-select
        {
            background: #fff url(/images/arrow-down-red.png) no-repeat 96%;
            overflow: hidden;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 20px;
        }

            .styled-select select
            {
                background: transparent;
                border: none;
                width: 110%;
            }

        .wrapper2.wrapper2__alpha .wrapper2--box
        {
            background: #ffffff;
        }

        .wrapper2.wrapper2__alpha h2
        {
            font-size: 20px;
            color: #e41e26;
        }

        .wrapper2.wrapper2__beta
        {
            border-color: #2980b9;
        }

            .wrapper2.wrapper2__beta .wrapper2--box
            {
                background: #2980b9;
            }

            .wrapper2.wrapper2__beta h2
            {
                color: #3498db;
            }

            .wrapper2.wrapper2__beta li
            {
                border-color: #3498db;
            }

            .wrapper2.wrapper2__beta input:checked
            {
                background: #3498db;
            }

        .wrapper2.wrapper2__gamma
        {
            border-color: #cc0000;
        }

            .wrapper2.wrapper2__gamma .wrapper2--box
            {
                border-top: 0.5em solid #c0392b;
                color: #000;
            }

            .wrapper2.wrapper2__gamma h2,
            .wrapper2.wrapper2__gamma h3
            {
                color: #e4170e;
            }

            .wrapper2.wrapper2__gamma hr
            {
                border-color: #414141;
                margin: 0;
            }

        .wrapper2.wrapper2__delta
        {
            border-color: #cc0000;
        }

            .wrapper2.wrapper2__delta .wrapper2--box
            {
                background: #ffffff;
            }

            .wrapper2.wrapper2__delta h2
            {
                color: #e4170e;
            }

            .wrapper2.wrapper2__delta li
            {
                border-color: #414141;
            }

            .wrapper2.wrapper2__delta input:checked
            {
                background: #E4170E;
            }

        /* end wrapper2 */
        /*body { font-family: Arial; font-size: 10pt; }
        #dialog { height: 600px; overflow: auto; font-size: 10pt !important; font-weight: normal !important; background-color: #FFFFC1; margin: 10px; border: 1px solid #ff6a00; }
        #dialog div { margin-bottom: 15px; }*/
        .rowStyle
        {
            border: 1px solid red;
        }

        .cellStyle1
        {
            background-color: blue;
        }

        /* Added by WL */
        /*.modal {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }*/

        .loaderCenter
        {
            z-index: 1000;
            margin: 300px auto;
            padding: 10px;
            width: 50px;
            background-color: white;
            border-radius: 10px;
            filter: alpha(opacity=10);
            opacity: 1;
            -moz-opacity: 1;
        }

        .imageCenter
        {
            height: 32px;
            width: 32px;
        }

        /*input {
            border: solid 1pt #000;
        }*/

        input:required:invalid
        {
            background-color: white;
            /*border-color: #cc0e00;*/
            /*border-width: thick;*/
        }

        input:required:valid
        {
            background-color: none;
        }

        /* Added by SB */
        body
        {
            margin: 0;
            padding: 0;
        }

        /*.modal {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }*/

        .center
        {
            z-index: 1000;
            margin: 300px auto;
            padding: 10px;
            width: 130px;
            background-color: White;
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }

            .center img
            {
                height: 128px;
                width: 128px;
            }

        /* Added by SB */
        /* Background of entire field. If necessary, add a "color" declaration  which matches that in the .form-all rule. */
        .form-line-error
        {
            background: #090 repeat scroll 0 0;
        }

        .form-error-message
        {
            background: #090 !important;
            font-weight: bold;
        }

        .section-tq-screen
        {
            font-size: 16px !important;
        }

        .rbl input[type="radio"]
        {
            margin-left: 10px;
            margin-right: 1px;
        }

        #triangle
        {
            background-image: url("https://s3-ap-southeast-1.amazonaws.com/tuneprotect.com/airasia/powerbyTuneProtect3.png");
            background-size: cover;
            position: absolute;
            top: 70px;
            right: 0;
            width: 100px;
            height: 100px;
            z-index: 10;
            /* clip-path: polygon(0 0, 100% 0, 100% 100%);*/
        }

        @media (max-width: 760px)
        {
            #triangle
            {
                width: 80px;
                height: 80px;
                top: 70px;
            }
        }