@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format("woff2");
    unicode-range: u+0460 -052 f, u+1 c80-1c88, u+20 b4, u+2 de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format("woff2");
    unicode-range: u+0400 -045 f, u+0490 -0491, u+04 b0-04b1, u+2116
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format("woff2");
    unicode-range: u+1 f ? ?
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format("woff2");
    unicode-range: u+0370 -03 ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1 ea0-1ef9, u+20 ab
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format("woff2");
    unicode-range: u+0100 -024 f, u+0259, u+1 e ? ?, u+2020, u+20 a0-20ab, u+20 ad-20cf, u+2113, u+2 c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02 bb-02bc, u+02 c6, u+02 da, u+02 dc, u+2000 -206 f, u+2074, u+20 ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

/* Global DXSB */

.ducp-component-flight-details-flight .flight-detail-header .segment-status, .ducp-component-flight-status>.flight-status-badge, .spark-badge {
    font-size: 14px;
    font-weight: 400;
    -webkit-box-align: center;
    -webkit-align-items: center;
    color: #fff;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .417rem 1rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.ducp-component-button, .ducp-component-confirmation-header .supplementary-data-container .ducp-component-toolbar .show-more .spark-toolbar__show-more, .MessagePopup .button-container .modal-button.close-button, .sabre-dx-component-check-in-documents .footer>button, .spark-btn {
    font-family: Roboto Condensed,sans-serif;
}

.dxp-ribbon.platinum, .dxp-ribbon.premier {
    background: #ffc51d;
    left: 0rem !important;
}

.dxp-ribbon.platinum:before, .dxp-ribbon.premier:before {
    background: linear-gradient(30deg,transparent,transparent 48%,#ffc51d 52%,#ffc51d);
}

.dxp-ribbon.platinum:before, .dxp-ribbon.premier:after {
    background: linear-gradient(150deg,#ffc51d,#ffc51d 48%,transparent 52%,transparent);
}

.dxp-sign-up .links .sign-up-link .sign-up-benefits-text {
    font-weight: 400;
    font-size: 14px;
}

.dxp-sign-in .bottom .links-container .createProfile, .dxp-sign-in .bottom .links-container .forgot {
    color: #006ba8;
    font-size: 14px;
    line-height: 2rem;
}

.dxp-link, .link-underlined,
.dxp-shared-flight-selection .dxp-error-button,
.dxp-payment-trip-summary-selected-flights .view-details {
    color: #e4394e;
}

.dxp-background .background-content > .centered-content > .dxp-title,
.dxp-matrix .header .description,
.dxp-matrix .header .description .dxp-link,
.dxp-matrix .header .title,
.dxp-payment-component .header.padding h3, 
.dxp-title.dxp-flight-status-view-title.view-title,
.dxp-flight-status-view .flight-status-title-info, 
.dxp-cancel-flight-review .page-title, 
.dxp-cancel-flight-confirmation-review .page-title, 
.dxp-transaction-summary .dxp-transaction-summary-title, 
.dxp-passenger-view .centered-content .passenger-header, 
.dxp-view.dxp-flight-schedule-view .flight-schedule-title-info,
.dxp-payment-component .payment-fops .header.padding.payment-abn-acn,
.dxp-payment-component .header.padding h3 .ducp-component-price {
    text-shadow: .0625rem .0625rem .1875rem #000;
    color: #fff !important
}

.dxp-cancel-flight-review .page-title {
    margin: 0 0 2rem;
    font-size: 22px;
}

.dxp-transaction-summary .dxp-transaction-summary-title {
    padding-bottom: 2rem;
}

.ducp-component-button.continue {
    padding: 1.25rem 2.5rem !important;
}

.dxp-button.small {
    font-size: 1.33333rem;
    height: 3.555rem;
    padding: .777rem 1.5rem;
	margin-top: .5rem;
	font-family: Roboto Condensed, sans-serif !important;
}

.dxp-button.primary.small, .dxp-button.primary.x-small {
    color: #fff;
    background: #730652;
    border-color: #cd8511;
}

h3 {
    font-size: 20px;
    margin-bottom: 0.5rem;
    line-height: 3.333rem;
}

.dxp-button.primary {
    color: #fff;
    background: linear-gradient(150deg,#730652 50%,#d17fb8 51%);
    background-color: #730652;
    background-size: 200% 200%;
    background-position: 30% 0;
    border-color: #730652;
}

.dxp-button.secondary:hover {
    color: #FFF;
    border-color: #cd8511;
}

.disabled.ducp-component-button.negative, 
.disabled.ducp-component-button.negative:active, 
.disabled.ducp-component-button.negative:focus, 
.disabled.ducp-component-button.negative:hover, 
.disabled.ducp-component-button.negative:hover:active, 
.disabled.ducp-component-button.negative:hover:focus, 
.disabled.ducp-component-button.secondary-button, 
.disabled.ducp-component-button.secondary-button:active, 
.disabled.ducp-component-button.secondary-button:focus, 
.disabled.ducp-component-button.secondary-button:hover, 
.disabled.ducp-component-button.secondary-button:hover:active, 
.disabled.ducp-component-button.secondary-button:hover:focus, 
.disabled.ducp-component-button.text-button, 
.disabled.ducp-component-button.text-button:active, 
.disabled.ducp-component-button.text-button:focus, 
.disabled.ducp-component-button.text-button:hover, 
.disabled.ducp-component-button.text-button:hover:active, 
.disabled.ducp-component-button.text-button:hover:focus, 
.disabled.ducp-component-button.view-more-button, 
.disabled.ducp-component-button.view-more-button:active, 
.disabled.ducp-component-button.view-more-button:focus, 
.disabled.ducp-component-button.view-more-button:hover, 
.disabled.ducp-component-button.view-more-button:hover:active, 
.disabled.ducp-component-button.view-more-button:hover:focus, 
.disabled.ducp-component-button:active:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.disabled.ducp-component-button:focus:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.disabled.ducp-component-button:hover:active:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.disabled.ducp-component-button:hover:focus:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.disabled.ducp-component-button:hover:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.disabled.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.MessagePopup .button-container .disabled.modal-button.close-button, 
.MessagePopup .button-container .disabled.modal-button.close-button:active, 
.MessagePopup .button-container .disabled.modal-button.close-button:focus, 
.MessagePopup .button-container .disabled.modal-button.close-button:hover, 
.MessagePopup .button-container .disabled.modal-button.close-button:hover:active, 
.MessagePopup .button-container .disabled.modal-button.close-button:hover:focus, 
.MessagePopup .button-container .modal-button.close-button:disabled, 
.MessagePopup .button-container .modal-button.close-button:disabled:active, 
.MessagePopup .button-container .modal-button.close-button:disabled:focus, 
.MessagePopup .button-container .modal-button.close-button:disabled:hover, 
.MessagePopup .button-container .modal-button.close-button:disabled:hover:active, 
.MessagePopup .button-container .modal-button.close-button:disabled:hover:focus, 
.ducp-component-button.negative:disabled, .ducp-component-button.negative:disabled:active, 
.ducp-component-button.negative:disabled:focus, .ducp-component-button.negative:disabled:hover, 
.ducp-component-button.negative:disabled:hover:active, .ducp-component-button.negative:disabled:hover:focus, 
.ducp-component-button.secondary-button:disabled, .ducp-component-button.secondary-button:disabled:active, 
.ducp-component-button.secondary-button:disabled:focus, .ducp-component-button.secondary-button:disabled:hover, 
.ducp-component-button.secondary-button:disabled:hover:active, .ducp-component-button.secondary-button:disabled:hover:focus, 
.ducp-component-button.text-button:disabled, .ducp-component-button.text-button:disabled:active, 
.ducp-component-button.text-button:disabled:focus, .ducp-component-button.text-button:disabled:hover, 
.ducp-component-button.text-button:disabled:hover:active, .ducp-component-button.text-button:disabled:hover:focus, 
.ducp-component-button.view-more-button:disabled, .ducp-component-button.view-more-button:disabled:active, 
.ducp-component-button.view-more-button:disabled:focus, .ducp-component-button.view-more-button:disabled:hover, 
.ducp-component-button.view-more-button:disabled:hover:active, .ducp-component-button.view-more-button:disabled:hover:focus, 
.ducp-component-button:disabled:active:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.ducp-component-button:disabled:focus:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.ducp-component-button:disabled:hover:active:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.ducp-component-button:disabled:hover:focus:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.ducp-component-button:disabled:hover:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.ducp-component-button:disabled:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative), 
.spark-btn.disabled, 
.spark-btn.disabled:active, 
.spark-btn.disabled:focus, 
.spark-btn.disabled:hover, 
.spark-btn.disabled:hover:active, 
.spark-btn.disabled:hover:focus, 
.spark-btn:disabled, 
.spark-btn:disabled:active, 
.spark-btn:disabled:focus, 
.spark-btn:disabled:hover, 
.spark-btn:disabled:hover:active, 
.spark-btn:disabled:hover:focus {
    background: linear-gradient(150deg,#eee 50%,#eee 51%);
}

.ancillary-summary-common .summary-button .MessagePopup .button-container button.modal-button.close-button:after, 
.ancillary-summary-common .summary-button button.ducp-component-button.negative:after, 
.ancillary-summary-common .summary-button button.ducp-component-button.secondary-button:after, 
.ancillary-summary-common .summary-button button.ducp-component-button.text-button:after, 
.ancillary-summary-common .summary-button button.ducp-component-button.view-more-button:after, 
.ancillary-summary-common .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, 
.ancillary-summary-common .summary-button button.spark-btn:after, 
.MessagePopup .button-container .ancillary-summary-common .summary-button button.modal-button.close-button:after, 
.MessagePopup .button-container .ducp-component-page-button-wrapper>button.modal-button.close-button.continue:after, 
.MessagePopup .button-container .spark-btn--lg.modal-button.close-button:after, 
.MessagePopup .button-container .spark-btn--md.modal-button.close-button:after, 
.MessagePopup .button-container .summary-content .summary-button button.modal-button.close-button:after, 
.ducp-component-page-button-wrapper>button.ducp-component-button.continue:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, 
.ducp-component-page-button-wrapper>button.ducp-component-button.negative.continue:after, 
.ducp-component-page-button-wrapper>button.ducp-component-button.secondary-button.continue:after, 
.ducp-component-page-button-wrapper>button.ducp-component-button.text-button.continue:after, 
.ducp-component-page-button-wrapper>button.ducp-component-button.view-more-button.continue:after, 
.ducp-component-page-button-wrapper>button.spark-btn.continue:after, 
.spark-btn--lg.ducp-component-button.negative:after, 
.spark-btn--lg.ducp-component-button.secondary-button:after, 
.spark-btn--lg.ducp-component-button.text-button:after, 
.spark-btn--lg.ducp-component-button.view-more-button:after, 
.spark-btn--lg.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, 
.spark-btn--lg.spark-btn:after, .spark-btn--md.ducp-component-button.negative:after, 
.spark-btn--md.ducp-component-button.secondary-button:after, 
.spark-btn--md.ducp-component-button.text-button:after, 
.spark-btn--md.ducp-component-button.view-more-button:after, 
.spark-btn--md.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .spark-btn--md.spark-btn:after, .summary-content .summary-button .MessagePopup .button-container button.modal-button.close-button:after, .summary-content .summary-button button.ducp-component-button.negative:after, .summary-content .summary-button button.ducp-component-button.secondary-button:after, .summary-content .summary-button button.ducp-component-button.text-button:after, .summary-content .summary-button button.ducp-component-button.view-more-button:after, .summary-content .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button):after, .summary-content .summary-button button.spark-btn:after {
    background-color: #5b003c;
}

.dxp-flight-selection .flight-selection-page-button-wrapper .go-back {
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    color: #fff;
}

.journey-type-selection .journey-type-selection-item .dxp-link {
    background: #fff;
}

.dxp-switch .dxp-switch-option.selected,
.journey-type-selection .journey-type-selection-item.active .dxp-link,
.dxp-toggle-button .toggle-button.selected {
    background: #5b003c;
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab span {
    font-size: 16px;
    margin-left: 0;
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab span[data-translation="flightSearch.checkFlightStatus"] {
    margin-left: 1rem;
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab a {
    padding: 1rem 0 .75rem 1.5rem;
}

.dxp-flight-details .header:before,
.dxp-flight-details .header:after,
.flight-offer-itinerary-part-details .segment-details .segment-line:after, 
.flight-offer-itinerary-part-details .segment-details .segment-line:before {
    background-color: #e4394e;
}

.dxp-flight-details .details:before,
.flight-offer-itinerary-part-details .segment-details .segment-line .segment-content:before {
    background: #e4394e;
}

.flight-offer-itinerary-part-details .segment-details .arrival .layover,
.dxp-layover {
    background-color: #730652;
    margin: 1.5rem 0;
}

.itinerary-part-remaining-seats,
.itinerary-part-offer-brand-comparison .shadow-box .results-count {
    color: #f50623;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-remaining-seats, .itinerary-part-offer-brand-comparison .shadow-box .results-count {
    color: #f53021;
    font-size: 14px;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-name,
.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price,
.spark-step-indicator__item--completed .spark-step-indicator__text .spark-step-indicator__title-text,
.flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button,
.dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button {
    color: #555;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button {
    margin-left: 1rem;
}

.RadioButtonList label .SabreDxComponentToggle .spark-toggle .toggle-input:checked~.radio-label:nth-child(n), 
.RadioButtonList label .SabreDxComponentToggle .toggle-item .spark-toggle__input:checked~.radio-label:nth-child(n), 
.RadioButtonList label .SabreDxComponentToggle .toggle-item .toggle-input:checked~.radio-label:nth-child(n), 
.RadioButtonList label .spark-toggle .SabreDxComponentToggle .toggle-input:checked~.radio-label:nth-child(n), 
.RadioButtonList label .spark-toggle .spark-toggle__input:checked~.radio-label:nth-child(n), 
.SabreDxComponentToggle .spark-toggle .RadioButtonList label .toggle-input:checked~.radio-label:nth-child(n), 
.SabreDxComponentToggle .spark-toggle .spark-toggle__input:checked~.toggle-label:nth-child(n), 
.SabreDxComponentToggle .spark-toggle .toggle-input:checked~.spark-label:nth-child(n), 
.SabreDxComponentToggle .spark-toggle .toggle-input:checked~.toggle-label:nth-child(n), 
.SabreDxComponentToggle .toggle-item .RadioButtonList label .spark-toggle__input:checked~.radio-label:nth-child(n), 
.SabreDxComponentToggle .toggle-item .RadioButtonList label .toggle-input:checked~.radio-label:nth-child(n), 
.SabreDxComponentToggle .toggle-item .spark-toggle__input:checked~.spark-label:nth-child(n), 
.SabreDxComponentToggle .toggle-item .spark-toggle__input:checked~.toggle-label:nth-child(n), 
.SabreDxComponentToggle .toggle-item .toggle-input:checked~.spark-label:nth-child(n), 
.SabreDxComponentToggle .toggle-item .toggle-input:checked~.toggle-label:nth-child(n), 
.spark-toggle .RadioButtonList label .spark-toggle__input:checked~.radio-label:nth-child(n), 
.spark-toggle .SabreDxComponentToggle .RadioButtonList label .toggle-input:checked~.radio-label:nth-child(n), 
.spark-toggle .SabreDxComponentToggle .spark-toggle__input:checked~.toggle-label:nth-child(n), 
.spark-toggle .SabreDxComponentToggle .toggle-input:checked~.spark-label:nth-child(n), 
.spark-toggle .SabreDxComponentToggle .toggle-input:checked~.toggle-label:nth-child(n), 
.spark-toggle .spark-toggle__input:checked~.spark-label:nth-child(n) {
    background-color: #730652;
    border-color: #cd8511;
}

.dxp-shared-flight-selection .dxp-title {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.dxp-shared-flight-selection .dxp-title.points-currency-toggle-title {
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    color: #FFF;
}

.spark-step-indicator__item--current:after, 
.spark-step-indicator__item--current:before {
    background-color: #730652;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md {
    background: linear-gradient(45deg,#ddd,#730652);
    border-color: #cd8511;
    margin-bottom: .35rem;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:hover,
.spark-btn--lg.ducp-component-button:hover:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    background: linear-gradient(45deg,#730652,#730652);
    border-color: #cd8511;
}

.selected-itinerary-part-offer .header-row .header-info .header-icon,
.ducp-component-breadcrumbs .spark-step-indicator__body .spark-step-indicator__cart, 
.spark-success,
.dxp-breadcrumbs-container .dxp-breadcrumbs .spark-step-indicator__cart .dxp-price .price {
    color: #3b6e55;
}

.MessagePopup .info b, 
.MessagePopup .info h1, 
.MessagePopup .info h2, 
.MessagePopup .info h3, 
.MessagePopup .info h4, 
.MessagePopup .info h5, 
.MessagePopup .info h6, 
.MessagePopup .info strong, 
.spark-message--info b, 
.spark-message--info h1, 
.spark-message--info h2, 
.spark-message--info h3, 
.spark-message--info h4, 
.spark-message--info h5, 
.spark-message--info h6, 
.spark-message--info strong,
.rbe-flow-sign-in h3 {
    color: #730652;
}

#dxp-flight-status .flight-status-search-type,
#dxp-flight-status .flight-status-search-type .toggle-button-group,
#dxp-flight-status .flight-status-search-type .toggle-button-item {
    margin-top: 0rem;
}

.dxp-breadcrumbs-container .dxp-breadcrumbs .spark-step-indicator__body .spark-step-indicator__cart .dxp-price .price {
    color: #3b6e55;
    font-size: 20px;
    font-weight:700;
    font-family: Roboto Condensed, sans-serif;
}

.dxp-pnr .status.cancelled {
    background-color: #3b6e55;
}

.custom {
    color: #000;
    float: left;
    width: 100%
}

#dxp-flight-status .flight-status-form h2 {
    margin: 0;
    display: inline-block;
    font-size: 19px;
}

#dxp-manage-trips .manage-trips-form-header {
    margin: 0;
    display: inline-block;
    font-size: 19px;
}

.dxp-flight-search .search-form-header {
    margin: 0;
    display: inline-block;
    font-size: 19px;
}

#dxp-flight-schedule .flight-schedule-form h2 {
    margin: 0;
    display: inline-block;
    font-size: 19px;
}

#cvc-help #cvc-help-trigger .cvc-help.link-underlined {
    display: none !important
}

.dxp-inline-message__icon-container__icon:before {
    line-height: 1rem !important
}

.dxp-cart-item.taxes.expanded.has-children .dxp-cart-item-child-list-item.tax-item .dxp-cart-item-child-list-item-amount, .dxp-cart-item.taxes.expanded.has-children .dxp-cart-item-child-list-item.tax-item .dxp-cart-item-child-list-item-title {
    display: none !important
}

.comparison-table-body tr th.brand-name-head.brand-offer.slide-1 {
    position: relative;
    right: 460px
}

.comparison-table-body tr th.button-prev-col {
    z-index: 1;
    position: absolute;
    right: 934px
}

.dxp-home-view .dxp-home-view-tabs .spark-tabs__list {
    width: 100%;
    background-color: #ad6095;
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab {
    border: none;
    border-radius: .33333rem .33333rem 0 0;
    padding: 0 1rem;
    min-width: 14.6rem !important
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab.spark-icon--sm, .dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab .spark-icon--sm:before {
    font-size: 2rem;
    line-height: 2rem;
    font-family: spark-icon-line !important;
    transform: translateY(-30%)
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab:after {
    background-color: rgba(0, 0, 0, 0.35)
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab a {
    padding: .5rem 0 .75rem 2.33rem;
    margin-bottom: .9rem
}

.dxp-home-view-tabs .spark-tabs__nav .spark-tabs__tab.active {
    position: relative;
    /* top: 5.33328px; */
}

.dxp-home-view-tabs .spark-tabs__panels {
    background: hsla(0, 0%, 93%, 0.9);
    border: none
}

.dxp-home-view-tabs .spark-tabs__panels .search-form-section {
    background: hsla(0, 0%, 93%, 0) !important
}

.dxp-summary-bar-selected-flights .flight-direction {
    display: block;
    margin: 1em 0
}

.dxp-modal-window.dxp-modal-window--index-1.dxp-modal-window--is-mounted.dxp-bagfee .dxp-modal-window-content p {
    display: none
}

.dxp-menu .menu-link {
    font-size: 18px !important
}

.flight-offer-itinerary-breakdown .action-buttons .view-seats {
    font-size: 14px;
}

.passenger-information .expirationDate .dxp-field-date .icon-calendar .sr-only {
    left: auto !important
}

.dxp-shared-confirmation.dxp-view .remote-message .message-button {
    display: none !important
}

.dxp-modal-window-close-button .sr-only {
    left: auto !important
}

tr.dxp-cart-item.cancellation-fee.has-children .dxp-cart-item-description .cart-item-info-popover {
    display: none !important
}

.dxp-fare-rules * {
    word-break: normal !important
}

.dxp-message > .title-container .dxp-error .content, .dxp-message > .title-container .dxp-error .title, .dxp-message > .title-container .dxp-info .content, .dxp-message > .title-container .dxp-info .title, .dxp-message > .title-container .dxp-success .content, .dxp-message > .title-container .dxp-success .title, .dxp-message > .title-container .dxp-warning .content, .dxp-message > .title-container .dxp-warning .title {
    /* font-family: Roboto Condensed, sans-serif !important; */
}

.dxp-flight-offers .brand-offer .brand-name, .dxp-flight-offers .offer .brand-name {
    color: #000
}

.dxp-operated-by .logo {
    margin-right: 0
}

.dxp-passenger-view .centered-content {
    padding-top: 1rem;
}

.dxp-passenger-view .centered-content .passenger-header {
    margin-top: 0
}

.dxp-passenger-view .page-actions .dxp-page-navigation-buttons {
    float: left
}

.dxp-menu {
    text-transform: none;
    background: #730652;
    color: #fff;
    padding-left: 2.35rem;
}

.field-phone-group.field-phone-group-inline .field-phone-input {
    border-right: 1px solid #ccc
}

#dxp-cancel-flight-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-trip-messages-container.col-lg-12.general-messages {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

#dxp-cancel-flight-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-confirmation-header-wrapper-container.col-lg-12 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

#dxp-cancel-flight-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-12 > div > div.dxp-container.dxp-flight-summary-container.col-lg-12 {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

#dxp-cancel-flight-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-12 > div > div.dxp-container.dxp-confirmation-passengers-container.col-lg-12 {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

/* End of Global DXSB */

@media (max-width: 768px) {
    .action-buttons > button + button, .mto-flow .dxp-shared-seat-selection .segment-selection-modal .pull-right button, .pull-right > button + button {
        margin-left: 0 !important;
    }
}

.dxp-flight-summary .main-collapse > button .dxp-collapse-header {
    text-transform: none !important
}

.dxp-flight-summary .dxp-trip-details .collapse-btn, .dxp-flight-summary .dxp-trip-details .collapse-btn .dxp-collapse-header-icon {
    color: #3a675e !important
}

.dxp-flight-summary .dxp-trip-details .collapse-btn .collapse-header-icon-is-before {
    display: inline-block !important
}

.dxp-flight-summary .dxp-trip-details .collapse-btn .collapse-header-icon-is-after {
    display: none !important
}

.dxp-flight-summary .dxp-trip-details .collapse-body-container .dxp-trip-airports h2 {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.dxp-flight-summary .dxp-trip-details .collapse-body-container .payment-details-list .payment-card-details {
    display: none !important
}

.dxp-payment-component .payment-fops .dxp-payment .card-details-header {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end
}

.dxp-payment-component .payment-fops .dxp-payment .card-details-header .credit-cards-list .credit-card-image {
    zoom: .5
}

.dxp-payment-component .payment-fops .dxp-payment .BPC-content {
    border: 2px dashed #ef6337;
    padding: 5px;
    background: #fff9d7;
    color: #333;
    font-weight: normal;
}

.dxp-payment-component .payment-fops .dxp-payment .BPC-title {
    display: none;
}

.dxp-payment-component .payment-fops .dxp-payment .payment-credit-card .credit-card-summary {
    display: block;
}

.dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-index {
    border-color: #cd8511 !important;
}

.dxp-background .background-mask {
    background: rgba(0, 0, 0, .1) !important;
}

@media (max-width: 768px) {
    .dxp-header-view .centered-content {
        background: #fff;
    }

    .dxp-header-view .centered-content .header-item-group:before {
        display: none;
    }
}

.dxp-header-view .header-item-group:before {
    top: 1px;
}

.dxp-header-view .header-item-group .header-item > .header-item-label .caret:before {
    content: "\F10F";
    font-family: spark-icon-line !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
}

.dxp-header-view .header-item-group .header-item.active > .header-item-label .caret:before {
    content: "\F112"
}

@media (max-width: 768px) {
    .dxp-header-view .header-item-group .header-item > .header-item-label {
        margin-right: 0;
    }

    .dxp-header-view .header-item-group .header-item > .header-item-label .hidden-sm-down {
        display: none;
    }
}

.dxp-logo {
    background: #fff;
    margin-top: -5px;
    position: relative;
    z-index: 0;
}

.dxp-logo:after {
    transform-origin: bottom left;
    transform: skew(-30deg, 0deg);
    background: #FFF;
    position: absolute;
    height: 100%;
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.dxp-logo .dxp-link {
    min-width: auto;
    margin-top: -.125rem;
    margin-right: 0;
}

.dxp-logo img {
    vertical-align: middle;
    max-width: 83%
}

.dxp-button.offer {
    font-weight: 700
}

#dxp-manage-trips .header-title .spark-icon-search {
    float: left;
    margin-left: 0;
    margin-top: .4rem;
}

#dxp-manage-trips .header-title .search-form-header {
    float: left;
    /* font-family: Roboto Condensed, sans-serif; */
    font-weight: 400;
    line-height: 1.25em;
}

#dxp-manage-trips .header-title .search-form-header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 10px
}

#dxp-manage-trips .header-title .note {
    clear: both;
}

#dxp-manage-trips .header-title .note .dxp-inline-message__content {
    line-height: 1rem !important
}

.dxp-sign-in-banner .image {
    background: url(../images/loyality_banner.png) bottom !important;
    background-size: cover !important;
    height: 8rem !important;
}

.dxp-sign-in-banner .actions {
    background: #730652 !important;
}

.dxp-multi-city .leg {
    padding-right: 0 !important;
}

.dxp-multi-city .leg .remove-leg-button {
    top: 0;
    right: 1rem
}

.dxp-multi-city .leg-title {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    /* font-family: Roboto Condensed, sans-serif; */
}

.dxp-multi-city .airports {
    margin-bottom: 1rem;
}

.dxp-multi-city .airports:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

@media (max-width: 768px) {
    .dxp-multi-city .leg .remove-leg-button {
        right: .5rem !important;
    }

    .dxp-multi-city .leg .airports {
        margin-bottom: 0;
    }
}

.dxp-recent-searches .recent-search {
    background: hsla(0, 0%, 100%, .4) !important;
}

.dxp-flight-search .header-tabs [role=tab] {
    background: none !important;
}

.dxp-flight-search .date-picker .dp-footer, .dxp-flight-search .dp-footer {
    display: none;
}

.dxp-summary-bar-container {
    background-color: rgba(115, 6, 82, .95) !important;
    border-top: 1px solid #fff
}

.dxp-summary-bar-spacer {
    background: transparent;
}

.dxp-edit-panel {
    background-color: #fff !important;
}

.dxp-edit-panel-title {
    color: #730652 !important;
}

.dxp-edit-panel-component {
    margin-top: 0 !important;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .dxp-price {
    color: #f9af41 !important;
}

.dxp-shared-flight-selection .centered-content .dxp-title {
    text-shadow: .0625rem .0625rem .1875rem #000;
}

.dxp-shared-flight-selection .centered-content .dxp-selected-flight .dxp-base-component .dxp-title {
    color: #333 !important;
    text-shadow: none;
}

.dxp-shared-flight-selection .centered-content .dxp-brand-amenities .amenity .title, .dxp-shared-flight-selection .centered-content .dxp-brand-amenities .amenity .value {
    overflow-wrap: break-word;
}

.dxp-cabin-offers .offer {
    border-color: #cd8511;
}

.dxp-cabin-offers .offer:not(:hover) .from {
    color: #730652 !important;
}

.dxp-cabin-offers .dxp-price {
    color: #f9af41;
}

.dxp-cabin-offers .booking-class {
    color: #fff;
}

.dxp-cabin-offers .dxp-seats-remaining {
    color: #e50000;
}

.passenger-frequent-flyer-info-section {
    margin-top: 2rem;
}

.passenger-frequent-flyer-info-section:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.dxp-payment-component .dxp-panel.complete-payment-panel .toc-container {
    overflow: hidden;
    padding-bottom: 0 !important
}

.dxp-payment-component .dxp-panel.complete-payment-panel .toc-container .agreement-checkbox {
    width: 100% !important;
}

.dxp-payment-component .dxp-panel.complete-payment-panel .toc-container .agreement-checkbox .dxp-cart-terms-checkbox {
    padding-bottom: 0rem;
}

.dxp-sign-in .bottom .checkbox-container {
    width: 100%;
}

.dxp-sign-in .bottom .createProfile, .dxp-sign-in .bottom .forgot {
    padding-right: 0;
}

@media (max-width: 544px) {
    .dxp-sign-in .bottom {
        padding-right: 0;
        text-align: center;
    }

    .dxp-sign-in .bottom .createProfile, .dxp-sign-in .bottom .dxp-checkbox, .dxp-sign-in .bottom .forgot {
        text-align: left;
    }

    .dxp-sign-in .bottom .submit {
        position: relative;
        float: none;
    }
}

.dxp-sign-up .links > .link > .dxp-link > span:before {
    margin-right: .5rem;
}

.dxp-my-profile-view-tabs .passenger-travel-documents-section .expirationDate .dxp-field-date {
    max-width: 100%;
}

.dxp-my-profile-component > .dxp-update-profile {
    margin-bottom: 1.5rem;
    font-size: 1.333rem;
}

@media (max-width: 960px) {
    .dxp-my-profile-component .dxp-tabs .react-tabs ul.ReactTabs__TabList li {
        display: block;
        float: none;
    }
}

.days-legend .Select-placeholder {
    color: #fff !important;
}

.dxp-date-selection-day .is-lowest-fare .dxp-price .price .amount, 
.dxp-date-selection-day .is-lowest-fare .dxp-price .price .currency {
    color: #f9af41 !important;
}

.dxp-date-selection .Select-placeholder {
    color: #fff !important;
}

.dxp-date-selection .dxp-inline-message__icon-container__icon, 
.dxp-date-selection .instructions, 
.dxp-date-selection .month-name, 
.dxp-date-selection .price-info-label .price-info-label-desktop-content, 
.dxp-date-selection .Select-placeholder {
    text-shadow: .0625rem .0625rem .1875rem #000;
}

.dxp-flight .dxp-flight-offers.comparison-table table.brand-fare-table td.brand-price-button {
    vertical-align: bottom;
}

.dxp-create-profile-view {
    margin-top: 6.25rem;
}

.dxp-create-profile-view .create-profile-page-title {
    color: #333 !important;
    text-shadow: none !important;
}

.dxp-create-profile .section-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 544px) {
    .dxp-create-profile .section-right {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 83.33333%;
        float: left;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 768px) {
    .dxp-create-profile .section-right {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 83.33333%;
        float: left;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 992px) {
    .dxp-create-profile .section-right {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 91.66667%;
        float: left;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.dxp-create-profile .half-width .action-button {
    margin-top: 1rem;
}

.dxp-create-profile .half-width .action-button .add-remove-home-address {
    margin-right: 1rem;
}

.dxp-flight-summary .main-airports .airport {
    font-weight: 400;
    font-size: 1.75rem !important;
    line-height: 3.75rem;
    /* font-family: Roboto Condensed, sans-serif !important; */
}

.dxp-trip-manager .dxp-collapse .dxp-collapse-content, .dxp-trip-manager .trip-options {
    overflow: visible !important;
}

.dxp-trip-manager .trip-option {
    position: relative;
}

.dxp-trip-manager .trip-option button:hover .sub-function-label {
    display: block;
    position: absolute;
    background: hsla(0, 0%, 93%, .85);
    color: #333;
    padding: .51rem;
    left: 0;
    top: -2.5rem;
    border: 1px solid #cd8511;
}

.remote-message .message-button {
    max-width: 100% !important;
}

@media (min-width: 992px) {
    .remote-message .message-body-left, .remote-message .message-button {
        width: 50% !important;
    }
}

@media (min-width: 768px) {
    .remote-message .message-body-left, .remote-message .message-button {
        width: 50% !important;
    }
}

.background-mask {
    opacity: 0;
}

.header-item-label {
    color: #006ba8 !important;
}

.dxp-logo img {
    max-width: 83% !important;
}

@media (max-width: 768px) {
    .dxp-header-view .centered-content {
        background-color: #fff !important;
    }

    .header-group-wrapper:before {
        border-left-color: #fff;
    }
}

.dxp-footer * {
    color: #fff;
    font-size: 13px;
}

.spark-tabs__tab.active {
    /* background-color: hsla(0, 0%, 93%, .9) !important;
    background: hsla(0, 0%, 93%, .9) !important; */
    color: #555 !important;
}

.spark-tabs__btn:after, .spark-tabs__tab:after {
    background-color: rgba(0, 0, 0, .9);
}

.spark-tabs__btn, .spark-tabs__tab:not(.active) {
    background-color: #730652 !important;
    background: #730652 !important;
    color: #fff !important;
}

.toggle-recent-searches {
    text-decoration: underline;
    padding:0rem;
}

.dxp-recent-searches .recent-search {
    background: #fff !important;
    border: 1px solid #cd8511 !important;
    color: #730652 !important;
    margin-top: 1px !important;
    text-align: left;
    background: #fff !important;
    font-size:15.8px;
}

.dxp-recent-searches .recent-search .bold-label {
    color: #730652 !important;
}

.dxp-recent-searches .recent-search:hover .bold-label {
    color: #fff !important;
}

.dxp-recent-searches .recent-search:hover .arrow {
    background: rgba(0, 0, 0, .5) !important;
}

.dxp-summary-bar-container {
    background-color: #730652 !important;
}

.spark-step-indicator__item--completed .spark-step-indicator__icon {
    background-color: #3b6e55;
}

.dxp-calendar-ribbon .days .dxp-calendar-ribbon-day .date {
    margin-bottom: 0 !important;
}

.dxp-button.secondary:active, .dxp-button.secondary:hover {
    background-color: #730652 !important;
}

.dxp-button.secondary:active {
    color: #fff !important;
}

.dxp-cabin-offers .offer:hover .from {
    color: #fff;
}

.dxp-upcoming-trips .header .dxp-title {
    margin: 1rem;
    font-size: 1.5rem;
}

.dxp-shared-confirmation .dxp-total-paid .dxp-price, .h1, .h2, .h3, .h4, .h5, .h6, [data-translation="itineraryDetails.outbound"], h1, h2, h3, h4, h5, h6 {
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-upcoming-trips .upcoming-trips-content .no-trips-message .dxp-button {
    float: right;
    margin-bottom: 1rem;
    font-weight: 400;
}

h2 {
    font-size: 20px;
    margin-bottom: .5rem;
    line-height: 2rem;
}

p {
    font-feature-settings: "kern" 1,"liga" 0;
    font-size: 1.33333rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.dxp-dashboard-greeting .no-flight .content {
    padding-top: 1.5rem!important;
}

.dxp-dashboard-greeting .panel-header .content {
    min-height: 7rem;
    font-size: 18px;
    line-height: 2.5rem;
    margin-left: 8.66667rem;
    padding: 1rem 1rem 0;
}

.dxp-dashboard-greeting .panel-header .content+.content {
    padding-top: 1rem;
}

.dxp-dashboard-greeting .panel-header .no-flight-description .description {
    position: absolute;
    width: 40%;
    left: 1.667rem;
    bottom: 1.333rem;
    color: #fff;
    font-size: 22px;
    line-height: 3.111rem;
}

.dxp-dashboard-greeting .panel-header .user-initial:after {
    content: "";
    position: absolute;
    width: 7.16667rem;
    height: 7.16667rem;
    top: 66%;
    left: 66%;
    margin-top: -5.08333rem;
    margin-left: -5.08333rem;
    background: #fff;
    border: .16667rem solid #99541c;
    border-radius: 5.08333rem;
    z-index: -1;
}

.dxp-dashboard-greeting .panel-header .user-initial {
    position: absolute;
    width: 7.5rem;
    height: 7.5rem;
    top: 1.667rem;
    left: 1.667rem;
    border: none;
    color: #99541c;
    text-align: center;
    text-transform: uppercase;
    font-size: 3.333rem;
    line-height: 10.16667rem;
    margin: 0;
    z-index: 1;
}

.dxp-upcoming-trips .upcoming-trips-content .trip-panel .left-box {
    float: left;
    margin-right: 2rem;
}

.dxp-free-miles .panel-content .title h3 {
    padding-top: 2rem;
    margin: 0 .833rem;
    font-size: 18px;
}



.dxp-button.medium {
    font-size: 1.33333rem;
    height: 5rem;
    padding: .6875rem 1.5rem;
}

.dxp-rewards .dxp-panel .panel-header, .dxp-your-travel-bank .dxp-panel .panel-header {
    position: relative;
    background: #fee48b;
    padding: 1.3rem 1.3rem 1.3rem 6.8333rem;
}

.dxp-upcoming-trips .upcoming-trips-content .trip-panel {
    overflow: hidden;
    padding: 1rem 1rem 1rem;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
}

.dxp-personalize-your-trip {
    font-family: Roboto Condensed, sans-serif !important;
}

.ducp-component-extras-info .extra-info-button {
    align-self: flex-end;
    justify-content: flex-end;
    margin-top: .5rem;
    margin-left: auto;
    display: flex;
    height:2.555rem;
}

.ducp-component-button .button-label, .ducp-component-button>span {
    margin-left: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .title {
    font-size: 15px;
    line-height: 1.25em;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-breadcrumbs-list-item-title {
    text-shadow: none !important;
}

.dxp-breadcrumbs-list-item-index, .dxp-breadcrumbs-list-item.completed .dxp-breadcrumbs-list-item-index {
    color: #730652 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

@media only screen and (min-width: 77.5rem) {
    .dxp-summary-bar-container-separator-bar {
        margin: 0 2.375rem;
    }
}

.dxp-payment-trip-summary-selected-flights .flight-summary-row .itinerary-part .column.flight-data .airport-code {
   font-size: 15px;
}

.dxp-operated-by .flight-number {
    color: #730652 !important;
    font-size: 14px;
}

.dxp-confirmation-passengers .dxp-confirmation-passengers-seats-extras li {
    font-size: 14px;
}

.dxp-passenger-list-item .no-editable-fields div {
    margin-top: .2rem;
    padding-left:.5rem;
}

.dxp-message.success-profile > .title-container .icon, .dxp-message.success > .title-container .icon {
    background-color: #3b6e55;
}

.dxp-message > .title-container .dxp-success .title {
    color: #3b6e55;
    font-weight: 700;
    font-family: Roboto Condensed, sans-serif !important;
}

[id^="items-breakdown-Taxes-"] * {
    font-size: 1rem;
}

/********** 4.0 Branding **********/
/* 
    Colors 
    Purple: #730652;
    Red: #e4394e;
    Green: #3b6e55;
    Green-Gradient: #53806a - #3b6e55;
    #ffff00: #ffc51d;
    Gray: #6a6e72;
*/


/* Global */





/* Header */
.dxp-header-view {
    background-color: #fff;
}

.dxp-logo .dxp-link,
.sign-in-section,
.dxp-header-view .centered-content,
.dxp-menu:hover .menu-link:hover, 
.dxp-menu:hover .toggle:hover {
    background: transparent none;
}

.dxp-header-view .centered-content {
    border-top-color: #cd8511;
}

.dxp-logo .dxp-link:before,
.sign-in-section:before,
.dxp-menu .main-menu-container .main-menu .menu-item.active:after {
    display: none;
}

.dxp-header-view .centered-content .header-item-group:before {
    transform-origin: bottom left;
    transform: skew(-30deg, 0deg);
    background: #FFF;
    position: absolute;
    height: 100%;
    content: " ";
    display: block;
    width: 150%;
    height: 100%;
    top: 0;
    left: -2.35rem;
    z-index: -1;
    border: 0;
}

.dxp-menu .main-menu-container .main-menu .menu-item.active,
.dxp-menu .main-menu-container .main-menu .menu-item:hover,
.dxp-menu .dxp-settings:hover,
.dxp-header-view .header-item-group .header-item > .header-item-label:active, 
.dxp-header-view .header-item-group .header-item > .header-item-label:focus {
    background-color: #5b003c !important;
    border-top-color: #ffc51d;
    color: #fff !important;
}

.dxp-header-view .header-item-group .header-item > .header-item-label:hover {
    border-top-color: #ffc51d;
}


/* Homepage */

.dxp-home-view-tabs .spark-tabs__panels,
.dxp-search-widget .spark-tabs__nav .spark-tabs__list .spark-tabs__tab.active {
    background-color: rgba(255, 255,255, .94) !important;
    background: rgba(255, 255,255, .94) !important;
}

.dxp-inline-message.info .title {
    color: #ac0000;
    font-size: 14px;
    font-family: Roboto Condensed, sans-serif !important;
}

.spark-tabs__list:after, .spark-tabs__scroll:after {
    display: none;
}

.dxp-promo-code .dxp-promo-code-button,
.dxp-promo-code .dxp-promo-code-button:hover,
.dxp-home-view #dxp-manage-trips, 
.dxp-home-view .dxp-flight-schedule, 
.dxp-home-view .dxp-flight-search, 
.dxp-home-view .dxp-flight-status, 
.dxp-home-view .dxp-upcoming-trips {
    background-color: transparent !important;
    background: none;
}

.dxp-recent-searches .dxp-button.toggle-recent-searches .button-label,
.dxp-promo-code .dxp-promo-code-button {
    color: #206080;
}

.dxp-field-date .ducp-component-icon {
    color: #767676;
}

.dxp-recent-searches .recent-search .arrow {
    background: #5b003c;
    padding: 0 .5rem;
    color: #fff;
    width: auto;
}

.dxp-recent-searches .recent-search:hover {
    background: #730652 !important;
    color: #fff !important
}

.dxp-recent-searches .recent-search:hover .arrow {
    background: #370024 !important;
}

.dxp-upcoming-trips .upcoming-trips-footer .dont-see-label {
    color: #e4394e;
    margin: 1rem;
    font-size: 1.333rem;
    float: left;
}

.dxp-free-miles .panel-header h2 {
    position: absolute;
    top: 1.667rem;
    left: 1.667rem;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
}

.dxp-free-miles .panel-content {
    padding: 1rem;
}

.dxp-upcoming-trips .upcoming-trips-content .no-trips-message div {
    padding-left: 5rem;
}

/* Flight Selection */

.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after {
    background-color: #e4394e;
}

.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .result-info-sort-filter .flight-search-date,
.selected-itinerary-part-offer .header-row .change-flight .spark-btn--sm.ducp-component-button.text-button {
    color: #006ba8;
    font-size: 14px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight:700;
    text-transform:uppercase;
}

.dxp-flight-status-view {
    margin-top: -1.5rem;
}

.dxp-flight-status-view .dxp-background .background-content {
    padding-top: 1.5rem;
}

/* Trip Costs */



/* Passengers */
.passenger-basic-info-legend, .passenger-info-panel-title.basic-info-title,
.additional-info-panel .travel-document-info-title,
.additional-info-panel .contact-info-title,
.additional-info-panel .frequent-flyer-info-title,
.additional-information-section .passenger-info-panel-title.additional-info-title {
    color: #555;
}

.dxp-passenger-view .centered-content .passenger-header {
    padding: 2rem;
}

.passenger-summary,
.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button > span {
    color: #e4394e;
    font-family: Roboto Condensed, sans-serif !important;
}

.passenger-form {
    padding: 1rem;
}

.passenger-info-panel {
    padding: 1rem;
}

.additional-information-section .passenger-additional-info-buttons {
    padding: .5rem;
}

.MessagePopup .modal-message+.modal-content-main, .MessagePopup .modal-message+.spark-message__content, .MessagePopup .spark-message__icon+.modal-content-main, .spark-message__icon+.spark-message__content {
    margin-left: 0rem;
}

.dxp-sign-up {
    padding-bottom: 0;
}

.account-panel .dxp-sign-in, .account-panel .dxp-sign-up {
    margin: 1.3333rem;
}

.dxp-trip-preparation.dxp-collapse .collapse-body-container {
    padding: 1rem;
}

.rbe-flow-sign-in .rbe-flow-sign-in-header .spark-icon {
    margin: .5rem;
}

.additional-information-section .passenger-info-panel-title.additional-info-title {
    padding-left: 1rem;
    font-size: 18px;
}

.passenger-info-panel-title.additional-info-title {
    padding-top: 1rem;
}

.passenger-additional-info-button .dxp-button.primary.small {
    background-color: #e4394e;
    background: #e4394e;
    border-color: #cd8511;
    padding: 0 !important;
}

.dxp-passenger-avatar .passenger-name-info .tier-details {
    margin: .25rem 0;
}

.dxp-passenger-list-item .passenger-signed-in-section .passenger-signed-in-section-content {
    padding-left: 0;
    line-height: 2.5rem;
}

.dxp-passenger-list-item .passenger-signed-in-section .passenger-signed-in-section-content .clear-sign-in-info {
    color: #730652;
}

/* Calendar */

.dxp-date-selection-view .dxp-background-hd {
    background-image: none !important;
    background-color: #fff;
}

.days-legend {
    background: #730652 !important;
}

.dxp-date-selection-footer {
    background: #6a6e72 !important;
}

.dxp-date-selection .dxp-inline-message__icon-container__icon, 
.dxp-date-selection .instructions, 
.dxp-date-selection .month-name, 
.dxp-date-selection .price-info-label .price-info-label-desktop-content, 
.dxp-date-selection .Select-placeholder,
.dxp-date-selection-view .date-selection-month-label .month-name {
    text-shadow: none;
    color: #730652;
}

.date-selection-calendar thead .date-selection-month-label #react-select-3--value-item .month-name {
    color: #FFF !important;
}

.dxp-date-selection-day .day-btn.is-first-departure-date.is-departure-date, 
.dxp-date-selection-day .is-wrapped.is-first-departure-date.is-departure-date,
.dxp-date-selection-day .day-btn.is-return-date, 
.dxp-date-selection-day .is-wrapped.is-return-date,
.dxp-date-selection-day .in-between-bar,
.dxp-date-selection-day .day-btn.no-flights.is-hovered, .dxp-date-selection-day .is-wrapped.no-flights.is-hovered,
.matrix-grid table tr th.highlight,
.matrix-grid-cell:hover,
.matrix-grid-cell:focus,
.matrix-grid-cell.selected {
    background-color: #5b003c !important;
    color: #fff !important;
}

.dxp-date-selection-day .day-btn.no-flights.is-in-between, 
.dxp-date-selection-day .is-wrapped.no-flights.is-in-between,
.dxp-date-selection-day .day-btn.is-in-between, 
.dxp-date-selection-day .is-wrapped.is-in-between,
.matrix-grid-cell.highlight {
    background-color: #CA83B5 !important;
    color: #fff !important;
}

.matrix-grid-cell.selected .ducp-component-price {
    color: #fff !important;
}


.matrix-grid-cell.selected:focus {
    outline: .189rem solid #5b003c;
}

.matrix-grid-cell .is-lowest-fare .dxp-price .amount, 
.matrix-grid-cell .is-lowest-fare .dxp-price .currency,
.matrix-grid-cell .price-container .lowest-fare-title {
    color: #e4394e;
}

.matrix-grid-cell:hover .price-container .lowest-fare-title {
    color: #fff !important;
}


/* Seats */
.dxp-seat-map {
    padding-bottom: 4rem;
}

.dxp-shared-seat-selection .seat-map-content .seatmap-header {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 0.5rem;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.dxp-shared-seat-selection .seat-map-content .right-container {
    padding: 1rem 0;
    border: 1px solid #ccc;
    border-right: none;
    overflow-x: scroll;
}

.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports {
    font-size: 1.175rem;
}

.dxp-shared-seat-selection .seat-map-content .seatmap-header .proceed-to-next-segment button {
    background-color: #3b6e55;
    background: #009688;
    border-color: #cd8511;
}

.dxp-shared-seat-selection .seat-map-content .seat-map-not-available {
    color: #e4394e;
}

.dxp-seat-selection-passenger-list .passenger-list li .passenger-index,
.dxp-seat .seat .selected-mark {
    background: #730652;
}

.seat-map-wrapper .dxp-blank,
.seat-map-wrapper .dxp-aisle,
.seat-map-wrapper .dxp-seat,
.seat-map-wrapper .dxp-bulkhead {
    background-color: #fff;
}

.dxp-seat .code {
    text-shadow: none;
    color: #333;
}


/* Payments */

.payment-type .card-details-header .card-details-header-title .card-details-header-label,
.dxp-payment-trip-summary .spark-panel__header,
.complete-payment-panel-header h3 {
    color: #333;
    font-size: 20px;
}

.dxp-payment-component .header.padding > span {
    text-shadow: 2px 2px 1px rgba(0,0,0,.55);
    color: #fff;
}

.dxp-payment-component .payment-fops .dxp-payment .card-details-header {
    align-items: unset;
    flex-direction: inherit;
}

.dxp-payment-component .payment-fops .dxp-payment .card-details-header .credit-cards-list .credit-card-image {
    margin-right: .5rem;
    zoom: .75;
}

.payment-type .card-details-header .card-details-header-available-credit-cards li {
    margin-bottom: 0;
}

.ducp-component-accordion.spark-panel--expand.dxp-payment-trip-summary .spark-panel__header {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 300;
    font-size: 2rem;
    padding-left:1rem;
}

.ducp-component-accordion.spark-panel--expand>.spark-panel__header.has-right-content {
    padding-right: 1rem;
}

.ducp-component-accordion.spark-panel--expand .spark-panel__header.has-right-content .dxp-title {
    font-size: 1.25rem;
}

.ducp-component-accordion.spark-panel--expand .spark-panel__header.has-right-content .ducp-component-icon {
    vertical-align: top;
}

.ducp-component-accordion.spark-panel--expand .spark-panel__header.has-right-content .ducp-component-icon:before {
    font-size: 1.25rem;
}

.ducp-component-accordion.spark-panel--expand.dxp-payment-trip-summary > .spark-panel__header .dxp-title {
    font-family: Oswald, Roboto Condensed, sans-serif !important;
    font-weight: 300;
    font-size: 1.65rem;
}
.ducp-component-accordion.spark-panel--expand.dxp-payment-trip-summary > .spark-panel__header .dxp-title .ducp-component-icon {
    display: none;
}

.dxp-award-payment-balance-price .balance-price-title {
    text-transform: uppercase;
    font-weight: 600;
}

.dxp-payment-component .payment-fops .dxp-award-payment-details-summary .name .spark-icon--fill, 
.dxp-payment-component .payment-fops .gift-card-summary .name .spark-icon--fill,
.dxp-award-payment-details-summary .ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    background: #730652;
    background-color: #730652;
}

.payment-summaries .payment-summary-item {
    margin-top: .5rem;
}

.payment-summaries .payment-summary-item .dxp-award-payment-details-summary {
    padding-top: 0;
}

/* Trip Details / Confirmation */

.trip-detail-section .dxp-title.page-title {
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
    color: #730652;
}

.dxp-pnr .pnr {
    color: #730652;
}

.dxp-pnr .icon {
    display: none;
}

.dxp-trip-airports.main-airports h2,
.dxp-shared-confirmation .bottom-section h3 {
    color: #730652;
}

.dxp-total-paid .ducp-component-price {
    color: #730652;
}

.dxp-flight-summary .dxp-trip-details .collapse-btn, 
.dxp-flight-summary .dxp-trip-details .collapse-btn .dxp-collapse-header-icon {
    color: #730652 !important;
}

.dxp-add-to-calendar-links .add-to-calendar-button.ical-link {
    color: #730652;
}

/* Exchange Flow */

.dxp-flight-selection-table-header {
    background-color: #6a6e72;
    color: #fff;
    margin-bottom: 1rem;
    text-transform: uppercase;
    border-radius: 3px;
}

.dxp-panel-accordion-header .title, .dxp-panel-accordion-header .title-mobile,
.dxp-exchange-flight-review-section h3 {
    color: #730652;
}

.dxp-flight-selection-itinerary-part-route-view-details__toggle {
    color: #e4394e;
    font-size:14px;
}

.dxp-flight-selection-itinerary-part-route-view-details__toggle[aria-expanded="true"] {
    margin-bottom: 2rem;
}

.left-side-panel.exchange .dxp-title {
    color: #730652 !important;
    font-size:18px;
    font-family: Roboto Condensed, sans-serif !important;
}

/* Transaction Summary */

.dxp-transaction-summary-cart .dxp-cart-refund-body .dxp-cart-item td {
    padding: .5rem 0 .25rem;
}

.dxp-transaction-summary-cart .dxp-cart-refund-body .dxp-cart-item.total-amount-list-item .dxp-cart-item-description, 
.dxp-transaction-summary-cart .dxp-cart-refund-body .dxp-cart-item.total-amount-list-item .dxp-price {
    color: #3b6e55;
}

.dxp-transaction-summary-cart .dxp-cart-refund-body .dxp-cart-item .price.negative-price {
    color: #e4394e;
}

.dxp-payment-panel-header-content__title,
.dxp-payment-panel-body__title {
    color: #730652;
}

.dxp-payment-panel-header-content .dxp-inline-message .title-content,
.dxp-payment-panel-header-content .dxp-inline-message .title-content .title {
    font-size: 1.15rem;
    line-height: 1.75rem;
}

/* Footer */

.dxp-footer {
    background: #730652;
}

.dxp-link.primary-font-color {
    font-size: 1rem;
}

.dxp-footer .ducp-component-icon {
    margin-top: -.55rem;
}

.dxp-masked-field-text .field-input,
.dxp-masked-field-text .spark-input__field {
    height: 2.5rem !important;
    padding: 0.5rem 0.8333rem 1rem !important;
    line-height: 1 !important;
}

.dxp-masked-field-text.spark-input .spark-label {
    color: #555;
    padding-top: 0.15rem !important;
    transform: translateY(0);
    font-size: 0.75rem;
    line-height: 1;
    position: absolute !important;
    top: 0;
    left: 0.8333rem;
}

/* REMOVED L1: global spark-input padding:.5rem broke floating-label space */

/****** Scrolling, Padding, Sapcing & Responsive updates ******/

html, body {
    letter-spacing: .045rem;
    line-height: 2rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-modal-window-container {
    top: 3rem;
}

.dxp-modal-window-container .dxp-button.primary {
    margin-left: 0;    
}

.dxp-menu .toggle-main-menu:after {
    display: none;
}
.dxp-menu .main-menu-container .main-menu .menu-item.active {
    background: none transparent;
    border-color: transparent;
}

@media (max-width: 795px) {
    .dxp-header-view .centered-content .dxp-logo {
        margin-left: 2rem;
    }
}

@media (max-width: 767px) {

    .dxp-header-view .dxp-logo .dxp-link {
        min-width: auto;
        margin-left: 2rem;
    }

    .dxp-header-view .centered-content .dxp-logo {
        margin-left: 2rem;
    }

    .dxp-flight-search.search-form-section.flight-search-form .journey-type-selection {
        margin-top: -2rem !important;
    }

}

.dxp-flight-search .dxp-inline-message.info .title-content,
.dxp-flight-search .dxp-inline-message.info .title-content .title {
    font-size: 14px;
}


.dxp-flight-search .dxp-inline-message {
    margin: 0;
}
    .dxp-flight-search .dxp-inline-message.info .icon {
        background-color: transparent;
        border: 0px;
        color: #333;
        min-width: auto;
        width: auto;
        margin-right: .5rem;
    }

.dxp-flight-search .airport-selection-row {
    margin-top: .5rem;
}

.dxp-flight-search .dxp-recent-searches {
    padding-top: 0rem;
}

@media (max-width: 544px) {

    .dxp-header-view .header-item-group .header-item > .header-item-label {
        height: 6.5rem !important;
    }


    .dxp-header-view .header-item-group .header-item > .header-item-body.sign-in-panel {
        max-width: unset;
        position: absolute;
        right: 0rem;
        top: 6.45rem;
        border: 1px solid #cd8511;
        width: 100vw;
        overflow: visible;
    }
    
    .header-item-body.sign-in-panel:before {
        border-left: .75rem solid transparent;
        border-right: .75rem solid transparent;
        border-bottom: .75rem solid #a1a1a1;
        width: 0rem;
        height: 0rem;
        content: '';
        position: absolute;
        top: -.75rem;
        right: 3rem;
    }
    
    .header-item-body.sign-in-panel:after {
        border-left: .75rem solid transparent;
        border-right: .75rem solid transparent;
        border-bottom: .75rem solid #fff;
        width: 0rem;
        height: 0rem;
        content: '';
        position: absolute;
        top: -.65rem;
        right: 3rem;
    }

    .dxp-header-view .header-item-group .header-item.active > .header-item-body .header-item-panel .note span {
        font-size: 1rem;
    }

    .dxp-header-view .header-item-group .header-item.active > .header-item-body .header-item-panel .note span.spark-icon-info-circle {
        padding-left: 0rem !important;
        padding-right: .5rem;
    }

    .dxp-sign-in .bottom .button-container,
    .dxp-sign-in .bottom .button-container .dxp-button {
        width: 100%;
        height: auto;
        color: #fff !important;
    }

    .dxp-sign-in .bottom .checkbox-container {
        text-align: center;
    }

    .dxp-sign-in .g-recaptcha {
        width: 123%;
    }

    .dxp-sign-in .g-recaptcha > div {
        margin: 0 auto;
    }

    .dxp-sign-in .bottom .button-container .dxp-button.submit {
        padding-top: 1.125rem !important;
        margin-bottom: .5rem;
        font-size: 1.25rem !important;
    }

    .dxp-sign-up .title,
    .dxp-header-view .header-item-group .header-item > .header-item-body .header-item-panel .title {
        display: block;
        text-align: center;
        font-size: 1.5rem !important;
    }

    .dxp-sign-up .dxp-button {
        width: 100%;
        padding: 1rem 0;
        font-size: 1.25rem;
        height: auto;
    }

}

/* Breadcrumbs */

.dxp-breadcrumbs-container .dxp-breadcrumbs .dxp-price .currency {
    vertical-align: top;
    font-size: 70%;
    margin-top: -.35rem;
    padding: 0;
}
    .dxp-breadcrumbs-container .dxp-breadcrumbs .dxp-price .decimal {
        vertical-align: top;
        font-size: 70%;
        margin-top: -.35rem;
        margin-left: -.05rem;
        display: inline-block;
    }

    .dxp-breadcrumbs-container .dxp-breadcrumbs .dxp-home-breadcrumb-item .spark-step-indicator__title-text {
        line-height: 16px;
        font-size: 75% !important;
        top: 2.5rem;
        font-family: allerregular, sans-serif;
    }

    @media (max-width: 795px) {
        .ducp-component-breadcrumbs .spark-step-indicator__body .spark-step-indicator__cart:not(.blank):after {
            font-size: 1.5rem;
        }
        .dxp-breadcrumbs-container .dxp-breadcrumbs.dxp-breadcrumbs-large .spark-step-indicator__item .spark-step-indicator__icon .ducp-component-icon:before {
            font-size: 1.75rem !important;
        }
        .dxp-breadcrumbs-container .dxp-breadcrumbs.dxp-breadcrumbs-large .spark-step-indicator__item .spark-step-indicator__text .spark-step-indicator__title-text {
            padding-top: .25rem;
            font-size: 14px !important;
        }
    }
    
    @media (max-width: 544px) {
        .dxp-breadcrumbs-container .dxp-breadcrumbs.dxp-breadcrumbs-large .spark-step-indicator__item .spark-step-indicator__icon .ducp-component-icon:before {
            font-family: "spark-icon-line" !important;
        }
    }

.dxp-home-view .top-section {
    min-height: 66vh;
}

.spark-step-indicator__edit-button .ducp-component-icon {
    transform: scale(.75);
}
    .spark-step-indicator__edit-button .ducp-component-icon:after {
        content: 'Edit';
        padding-top: .5rem;
        display: block;
        line-height: 16px;
        font-size: 19px;
        top: 2.5rem;
        font-family: Roboto Condensed, sans-serif !important;
        color: #006ba8;
        text-transform:uppercase;
        font-weight:900;
}

.cabin-offer-mobile .big-price-container .big-price .currency {
    font-size: 80%;
}

.summary-content .spark-panel__content .ancillary-price {
    color: #206080;
    margin: .5rem 0;
    font-size: 1.2rem;
}

.itinerary-part-details {
    margin-top: 0rem;
}

.passenger-cart-item {
    padding-top: 0rem;
}

.passenger-cart-item .additional-details {
    margin-left: 0.5rem;
}

.sign-in-form-note {
    margin: 0.5rem;
    font-size: 14px;
}

.dxp-ancillary-footer .total {
    margin-top: 2rem;
    font-size: 18px;
    margin-right: 1rem;
    margin-left: 1rem;
}

@media (max-width: 544px) {

    .dx-flight-selection-ribbon .spark-carousel__item {
        min-width: 15rem !important;
    }
            .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item .date {
            font-size: 14px !important; /* rem doesn't work here */
        }
        .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected .date,
        .dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected .ducp-component-price {
            font-weight: bold !important;
        }
        .dx-flight-selection-ribbon-item .calendar-ribbon-item-label, .dx-flight-selection-ribbon-item .ducp-component-price {
            font-size: 16px !important; /* rem doesn't work here */
        }


    .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by .carrier-logo {
        display: none;
    }

    .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by {
        margin: .35rem 0;
        font-size: 1rem;
    }

    .dxp-shared-flight-selection .dxp-title {
        color: #333;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 0rem;
        font-family: Roboto Condensed, sans-serif;
        font-size: 1.5rem;
    
    }

    .flight-offer-details .route-date-time .time-airport .airport {
        font-size: 14px !important; /* rem doesn't work here */
        margin-top: .35rem !important;
    }

    .flight-offer-details .route-date-time .time-airport .time {
        font-size: 14px !important;
        white-space: nowrap;
    }

    .flight-offer-details .duration-stops .duration span {
        font-size: 14px !important;
        font-family: Roboto Condensed, sans-serif;
    }

    .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button {
        font-size: 14px !important; /* rem doesn't work here */
        padding-left:0;
    }

    .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown .ducp-component-icon {
        display: none;
    }

}

@media (max-width: 452px) {
    .dx-flight-selection-ribbon .spark-carousel__item {
        min-width: 12rem !important;
    }
}

@media (max-width: 796px) {
.dx-flight-selection-ribbon[data-spark-carousel-panel] .spark-carousel__outer-container .spark-carousel__controls.mobile-link-controls .next-link, .dx-flight-selection-ribbon[data-spark-carousel-panel] .spark-carousel__outer-container .spark-carousel__controls.mobile-link-controls .prev-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    font-size: 1.08333rem;
    color: #206080;
    background: none;
    }
}

.dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button {
    margin: 0 .25rem 0 .75rem;
}
.dxp-itinerary-offers-header.spark-panel > .spark-panel__content .flight-selection-header-row .result-info-sort-filter .spark-btn--sm.text-button .ducp-component-icon {
    font-size: .925rem;
    margin: 0 0 0 .125rem;
}
.flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown .ducp-component-icon {
    font-size: 1rem;
}

.ducp-component-flight-details-flight .flight-detail-header .segment-status {
    font-size: 1.33333rem;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 400;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .417rem 1rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

.dxp-collapse {
    margin-top: 0;
}

.dxp-collapse.disabled {
    border: 0rem solid #eee;
    background-color: #eee;
    color: #666;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dxp-ancillary-feature .dxp-collapse {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.dxp-ancillary {
    background-color: #fff;
    height: auto;
    border: 0rem solid #ccc;
    max-width: 400px;
}

@media (min-width: 882px){
              .dxp-ancillaries-view .dxp-ancillary-wrapper { width: 33.3%; max-width: 23.33rem; }
}

.main-trip-details .dxp-pnr .icon {
    display: none;
}

.dxp-shopping-cart .spark-panel__header .spark-icon--md:before {
    font-size: 1.65rem;
}

.dxp-flight-selection .dxp-title p {
    font-weight: 200;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-view .title-wrapper .dxp-view-title {
    font-size: 22px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-shared-seat-selection .seat-map-content .seat-map-not-available {
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .big-price {
    color: #006ba8;
    font-size: 20px;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 300;
    line-height: 1;
}

.dxp-shopping-cart .surcharges-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .cart-item-label {
    font-size: 16px;
}

.dxp-shopping-cart .base-fare-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .cart-item-label {
    font-size: 14px;
    padding-left:0;
}

.dxp-shopping-cart .dxp-price .currency {
    padding: 0;
}

.dxp-shopping-cart .spark-panel--expand .spark-panel__header:after {
    font-size: 1.5rem;
}

.dxp-payment-trip-summary-flight-details .origin-data {
    margin-right: 1rem;
}

.dxp-payment-trip-summary-flight-details .destination-data {
    margin: 0 1rem;
}

.shopping-cart-table .dxp-cart-item-child-list-item-title {
    font-size: 1rem !important;
}

.shopping-cart-table .dxp-cart-item-child-list-item-title .ducp-component-price {
    font-size: 1.25rem !important;
}

.shopping-cart-table .dxp-cart-item-child-list-item-title .ducp-component-price:after {
    margin-left: .5rem;
    font-weight: 200;
    content: '';
    color: #333;
}

.shopping-cart-table .dxp-cart-item-child-list-item-title > span {
    display: inline-block;
    padding-right: 1rem;
}

@media (max-width: 796px) {
    
    .dxp-flight-summary .dxp-pnr {
        width: 30% !important;
    }
    
    .dxp-flight-summary .dxp-pnr .pnr {
        line-height: 2.75rem;
    }

    .dxp-flight-summary .dxp-trip-airports.main-airports {
        width: 70% !important;
    }

    .dxp-flight-summary .dxp-pnr {
        min-height: 6.85rem !important;
    }

    .dxp-flight-summary .dxp-trip-airports.main-airports {
        min-height: 6.85rem !important;
    }

    .dxp-flight-summary .dxp-trip-airports.main-airports h2 {
        line-height: 1rem;
    }

    .dxp-flight-summary .dxp-trip-airports.main-airports h2 span {
        font-size: 1.35rem !important;
    }

    .dxp-trip-manager .dxp-collapse .collapse-btn {
        display: block !important;
        margin: 0 0 0 0 !important;
        width: 100%;
        text-align: left;
    }

    .dxp-trip-manager .dxp-collapse .collapse-btn[aria-expanded="false"] {
        border-bottom: 0px;
    }

    .dxp-trip-manager .dxp-collapse .collapse-btn:after {
        content: '\F10f';
        float: right;
        font-family: "spark-icon-fill" !important;
    }

    .dxp-trip-manager .dxp-collapse .collapse-btn[aria-expanded="true"]:after {
        content: '\F112';
    }

    .dxp-trip-manager .trip-manager-title,
    .dxp-trip-manager .dxp-collapse .collapse-btn .dxp-collapse-header-icon {
        display: none;
    }

    .dxp-trip-manager .trip-options .trip-option.sub-functions div:first-of-type {
        padding-left: 0rem;
    }

    .dxp-trip-manager .trip-options .trip-option.sub-functions div:last-of-type {
        padding-right: 0rem;
    }

    .dxp-flight-summary .dxp-trip-details .collapse-btn {
        padding: 2rem 0;
    }

    .dxp-flight-summary .dxp-trip-details .collapse-btn[aria-expanded="true"] {
        border-bottom: 1px solid #ccc;
        margin-bottom: 1rem;
    }

}

@media (max-width: 600px) {
    
    .dxp-flight-summary .dxp-pnr {
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    .dxp-flight-summary .dxp-trip-airports.main-airports {
        width: 100% !important;
        margin-top: -1px !important;
        margin-left: 0 !important;
    }

    .dxp-trip-manager .dxp-collapse .collapse-btn {
        width: 100%;
    }

    .dxp-trip-manager .trip-options .trip-option {
        margin: 0;
        padding: .5rem 0 !important;
    }

    .dxp-trip-manager .trip-options .trip-option .dxp-button.secondary {
        background: #fff;
        padding: 0;
        height: auto;
        text-align: left;
        font-size: 1.25rem;
        width: 100% !important;
    }

}

@media (max-width: 544px) {

    .dxp-trip-manager .dxp-panel .trip-options-section .trip-options {
        width: 100%;
    }

    .dxp-trip-manager .trip-options .trip-option.sub-functions div:nth-child(1) {
        margin-top: 0rem;
        padding-top: 0rem !important;
    }

    .dxp-trip-manager .trip-options .trip-option .sub-function-label {
        float: left;
    }

    .dxp-trip-manager .trip-options .trip-option.sub-functions div .spark-icon {
        margin-left: 1rem;
    }
    
    .dxp-trip-manager .dxp-panel .trip-options-section .trip-options .sub-functions .trip-option .ducp-component-icon {
        margin-left: .75rem;
    }

    .dxp-flight-summary .dxp-trip-airports.main-airports h2 span {
        line-height: 1.5rem !important;
    }

    .spark-message__content span,
    .dxp-message > .title-container .title-content .content {
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .spark-message__content h4 span,
    .dxp-message > .title-container .title-content .title p {
        font-size: 1.65rem;
        line-height: 1rem;
        margin-bottom: 1rem;
    }

}

@media (max-width: 400px) {

    .dxp-trip-details .payment-details-list .dxp-cart-item-amount {
        float: none;
    }

    .dxp-trip-details .payment-details-list .dxp-cart-item-amount .ducp-component-price {
        padding-right: 2.5rem;
    }

}

/* FLIGHT SUMMARY */

.dxp-flight-summary .main-collapse.open > .collapse-btn {
    padding-left: 0px;
    text-align: left;
}

.dxp-flight-summary .main-collapse > .collapse-btn .dxp-collapse-header-icon {
    display: none;
}

.dxp-flight-summary .dxp-pnr {
    border-radius: 3px 0 0 3px;
    display: inline-flex;
    text-align: left;
    min-height: 4rem;
    color: #730652;
    min-height: 6rem;
    width: 18%;
}

.dxp-flight-summary .dxp-pnr .pnr {
    padding: 1.25rem 1.5rem 1.15rem;
    font-size: 1.938rem;
}

.dxp-flight-summary .dxp-pnr .pnr:before {
    content: 'Record Locator';
    font-size: 14px;
    color: #333;
    font-family: 'source sans pro', sans-serif;
    display: block;
    margin-bottom: -1rem;
    margin-top: -.5rem;
}

.dxp-flight-summary .dxp-trip-airports.main-airports {
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 0 3px 3px 0;
    display: inline-flex;
    border: 1px solid #ccc;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: -1px;
    vertical-align: top;
    min-height: 6rem;
    width: 82%;
}


.dxp-flight-summary .dxp-trip-airports.main-airports h2, 
.dxp-flight-summary .dxp-trip-airports.main-airports h2 span {
    font-family: 'source sans pro', sans-serif;
    font-weight: normal !important;
    font-size: 1.563rem;
}

.dxp-flight-summary .dxp-trip-extras, 
.dxp-flight-summary .dxp-trip-passengers, 
.dxp-flight-summary .dxp-trip-type {
    font-size: 1rem !important;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .currency {
    vertical-align: top;
    font-size: 50%;
    margin-top: -.35rem;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .decimal {
    vertical-align: top;
    font-size: 50%;
    margin-top: -.35rem;
    margin-left: -.05rem;
    display: inline-block;
}

.dxp-sign-in-banner .actions {
    display: none;
    visibility: hidden;
}

.dxp-sign-in-banner .image {
    height: 13rem;
}

/* HOME */
.dxp-home-view.dxp-view .title-wrapper {
    padding: 2rem 0;
}

.dxp-background {
    padding-bottom: 3rem;
}

.dxp-flight-search {
    margin-bottom: 0 !important;
}

.dxp-recent-searches .recent-search .arrow {
    color: #FFF;
}
    .dxp-recent-searches .ducp-component-icon {
        margin: 0;
    }

.dxp-multi-city .leg {
    padding-right: 0rem !important;
}

.dxp-multi-city .add-flight .add-flight-button {
    background: #206080;
    border-radius: 50% !important;
    border: 0px;
    padding: .5rem .5rem;
    height: auto;
}

.dxp-multi-city .leg-title {
    padding-left: .25rem !important;
    padding-top: .5rem !important;
    text-transform: capitalize !important;
}

.dxp-multi-city .add-flight {
    display: flex;
}

.dxp-multi-city .add-flight > span {
    font-weight: bold;
    text-transform: uppercase;

    padding-top: .25rem;
}

.dxp-multi-city .add-flight .add-flight-button .spark-icon:before {
    font-family: "spark-icon-fill" !important;
    font-size: 1rem;
    color: #FFF;
}

.dxp-multi-city .leg .remove-leg-button {
    background: none transparent;
    border: 0px;
    padding: 0;

    top: -.5rem !important;
}

.dxp-multi-city .leg .remove-leg-button .spark-icon:before {
    font-family: "spark-icon-fill" !important;
    font-size: 1rem;

}

.dxp-flight-summary .main-collapse.open > .collapse-btn {
    padding-left: 0px;
    text-align: left;
}

.dxp-flight-summary .main-collapse > .collapse-btn .dxp-collapse-header-icon {
    display: none;
}

.dxp-flight-summary .dxp-pnr {
    border-radius: 3px 0 0 3px;
    display: inline-flex;
    text-align: left;
    min-height: 4rem;
    min-height: 6rem;
    width: 18%;
}

.dxp-flight-summary .dxp-pnr .pnr {
    padding: 1.25rem 1.5rem 1.15rem;
}

.dxp-flight-summary .dxp-pnr .pnr:before {
    content: 'Record Locator';
    font-size: 14px;
    color: #333;
    font-family: 'source sans pro', sans-serif;
    display: block;
    margin-bottom: -1rem;
    margin-top: -.5rem;
}

.dxp-flight-summary .dxp-trip-airports.main-airports {
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 0 3px 3px 0;
    display: inline-flex;
    border: 1px solid #ccc;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-left: -1px;
    font-size: 1.938rem;
    vertical-align: top;
    min-height: 6rem;
    width: 82%;
}

.dxp-flight-summary .dxp-trip-airports.main-airports h2, 
.dxp-flight-summary .dxp-trip-airports.main-airports h2 span {
    font-family: 'source sans pro', sans-serif;
    font-weight: normal !important;
    font-size: 1.563rem;
}

.dxp-flight-summary .dxp-trip-airports.main-airports h2 span {
    line-height: 2.25rem;
}

.dxp-flight-summary .dxp-trip-extras, 
.dxp-flight-summary .dxp-trip-passengers, 
.dxp-flight-summary .dxp-trip-type {
    font-size: 1rem !important;
}

.dxp-flight-summary .ducp-component-price {
    font-size: 2rem !important;
    margin: 1rem 0 2rem;
    display: block;
}

.dxp-flight-summary .ducp-component-price .currency {
    vertical-align: top;
    font-size: 50%;
    margin-top: -.35rem;
}

.dxp-flight-summary .ducp-component-price .decimal {
    vertical-align: top;
    font-size: 50%;
    margin-top: -.35rem;
    margin-left: -.05rem;
    display: inline-block;
}

#dxp-flight-summary-payment-details .payment-details-list {
    font-size: 13px;
}

.payment-details-list li .credit-card-image {
    vertical-align: middle;
    margin-top: -.15rem;
}

.dxp-flight-summary .payment-details {
    width: 100%;
}

#collapse-body-dxp-trip-details-flight-and-payment-collapse .airport {
    font-size: 1.25rem;
}

.dxp-confirmation-passengers .dxp-panel .dxp-collapse .dxp-collapse-body .flight-number,
.dxp-confirmation-passengers .dxp-panel .dxp-collapse .dxp-collapse-body .extras,
.dxp-confirmation-passengers .dxp-panel .dxp-collapse .dxp-collapse-body .e-ticket,
.dxp-confirmation-passengers .dxp-panel .dxp-collapse .dxp-collapse-body .seat {
    font-size: 1rem !important;
}


@media (max-width: 795px) {
    .dxp-flight-search.search-form-section.flight-search-form .journey-type-selection {
        margin-top: 2rem;
    }

    .dxp-flight-search .header-title {
        margin-top: 3rem;
    }
}

@media (max-width: 768px) {

    .dxp-flight-search.search-form-section.flight-search-form .header-tabs {
        width: auto;
        top: 2rem;
    }

}

@media (max-width: 543px) {

    .dxp-flight-search .select-journey-type .header-tabs {
        top: 2rem;
        left: -.5rem;
    }

    .dxp-flight-search .header-title {
        margin-top: 4rem;
    }

    .dxp-flight-search .journey-type-selection .journey-type-selection-item .dxp-link {
        line-height: 1.185rem !important;
        padding: 1rem 0;
    }

    .dxp-flight-search.search-form-section.flight-search-form .dxp-recent-searches {
        width: 100%;
    }

    .dxp-recent-searches .results .from, .dxp-recent-searches .results .to {
        padding-left: 0 !important;
    }

}


#main-content > div.dxp-matrix-view-view > .dxp-background {
    padding-top: 1.5rem;
}

.dxp-matrix .header .title {
    line-height: 2.25rem;
    font-size: 1.5rem;
}

.matrix-grid {
    margin-left: 0 !important;
}

.matrix-grid .table-container table {
    width: 100% !important;
}

.matrix-grid-tab-container.right .matrix-grid-tab {
    overflow: hidden;
}

.matrix-grid-tab-container.top .buttons {
    margin-left: auto !important;
}
.matrix-grid-tab-container.right .buttons {
    margin-top: 1.25rem !important;
}

.matrix-grid-tab-container.right .buttons .tab-button {
    margin: 0 0;
}

.matrix-grid-cell .price-container .unavailable {
    font-size: 1.25rem !important;
    color: #989898;
}

.matrix-grid-cell:hover .ducp-component-price,
.matrix-grid-cell.selected .ducp-component-price {
    color: #fff !important;
}

.matrix-grid .centerOfMatrix .no-flights {
    border-color: #cd8511 !important;
}

.matrix-grid .centerOfMatrix .unavailable {
    color: #dc011f !important;
}

.matrix-grid-tab-container.right .matrix-grid-tab .tab-details {
    text-align: left;
    left: -13rem !important;
}

@media (max-width: 1080px) {

    .matrix-grid-tab-container.right .matrix-grid-tab {
        height: 28.5rem !important;
    }

    .matrix-grid .matrix-header tr.travel-info .departing-travel-information {
        border-bottom: 0px;
    }

}

@media (max-width: 1000px) {

    .matrix-grid-tab-container.top .matrix-grid-tab {
        width: 12.5rem !important;
    }

    .matrix-grid-tab-container.right .matrix-grid-tab {
        height: 12.5rem !important;
        text-align: center;
    }

}

@media (max-width: 900px) {
    .matrix-grid-tab-container.right .matrix-grid-tab .tab-details {
        left: -12.5rem !important;
    }

    .matrix-grid-tab-container.top .matrix-grid-tab {
        padding-top: 1.75rem;
    }
}

@media (max-width: 795px) {

    .matrix-grid-tab-container .matrix-grid-tab {
        height: 4.875rem !important;
    }

    .matrix-grid-tab-container.right .matrix-grid-tab .tab-details {
        left: 0rem !important;
        top: 2rem !important;
    }

}

@media (max-width: 595px) {

    .matrix-grid .table-container table {
        margin-bottom: 4rem;
    }

}

@media (max-width: 75rem) {

    .matrix-grid table tr th .date .number {
        width: 100% !important;
}

}

@media (max-width: 56.25rem) {
    .matrix-grid-tab-container .buttons .tab-button {
        padding: .75rem !important;
    }
}

@media (max-width: 544px) {

    .dxp-fare-rules .airport-code {
        padding-right: 1rem;
    }

}

.dxp-flight-search .journey-type-selection .journey-type-selection-item {
    padding: 0;
}

    .journey-type-selection .journey-type-selection-item .dxp-link {
        background-color: #fff;
        border: 1px solid #cd8511;
        color: #555;
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: 700;
        margin-top: 0;
        padding: .25rem 1.25rem 0rem;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        z-index: 5;
    }
    .journey-type-selection .journey-type-selection-item:hover,
    .journey-type-selection .journey-type-selection-item .dxp-link:hover,
    .journey-type-selection .journey-type-selection-item .dxp-link .journey-type-label,
    .journey-type-selection .journey-type-selection-item .dxp-link .journey-type-label:hover {
        border-bottom-color: transparent !important;
    }
    .dxp-flight-search .journey-type-selection .journey-type-selection-item:first-child .dxp-link {
        border-radius: .25rem 0 0 .25rem;
    }
    .dxp-flight-search .journey-type-selection .journey-type-selection-item:last-child .dxp-link {
        border-radius: 0 .25rem .25rem 0;
    }


.dxp-edit-panel-component.journey-types {
    width: auto;
    float: right;
    margin-top: -1.5rem;
    margin-bottom: 2rem;
}


.dxp-edit-panel .edit-panel-promo-code {
    min-height: auto;
}

@media (min-width: 1310px) {

    .dxp-edit-panel {
        max-width: calc(1440px - 2rem);
        width: 100%;
    }

}

@media (max-width: 796px) {

    .dxp-edit-panel {
        max-width: 1440px;
        width: 100%;
    }
}

.dxp-panel.dxp-message,
.title-content.dxp-marketing {
    padding: 1rem;
    margin-top: 0.5 rem;
    margin-bottom: 0.5rem;
}

.dxp-panel.dxp-message span[data-translation="flightSelection.noFlightsFound"] p,
.title-content.dxp-marketing span[data-translation="flightAdvisory.marketing"] p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.dxp-search-widget .spark-tabs__tab {
    background-color: rgba(180, 180, 180, .77);
    box-shadow: inset 0 -12px 16px -10px #555;
    border: 1px solid #ddd;
    margin-bottom: -2px;
    padding: 0 1rem;
    font-size: 1rem;
    color: #333;
    min-width: auto;
}

    .dxp-search-widget .spark-tabs__nav .spark-tabs__list .spark-tabs__tab .tab-title {
        margin-left: 0;
    }
    .dxp-search-widget .spark-tabs__tab > .spark-icon:before {
        font-size: 1.65rem;
    }
    .dxp-search-widget .spark-tabs__tab.active {
        background-color: rgba(255, 255, 255, .85);
        box-shadow: none;
    }
    .dxp-search-widget .spark-tabs__tab.active:hover {
        background-color: rgba(255, 255, 255, 1);
    }
    .dxp-search-widget .spark-tabs__tab [class*=' spark-icon-'] + a {
        padding-left: 2.5rem;
        line-height: 1rem;
        margin-top: 1rem;
    }
    .spark-tabs__tab a, .spark-tabs__btn a {
        padding: 1rem 1rem;
    }
    .dxp-search-widget .spark-tabs__scroll::after, .spark-tabs__list::after {
        display: none;
    }
    .dxp-search-widget .spark-tabs__btn:after, .dxp-search-widget .spark-tabs__tab:after {
        background-color: rgba(51, 51, 51, .64);
    }
    .dxp-search-widget .spark-tabs .spark-tabs__panels {
        background-color: rgba(255, 255, 255, .85) !important;
    }

    .dxp-home-view #dxp-manage-trips, 
    .dxp-home-view .dxp-flight-schedule, 
    .dxp-home-view .dxp-flight-search, 
    .dxp-home-view .dxp-flight-status, 
    .dxp-home-view .dxp-upcoming-trips {
        background: transparent !important;
    }

    .dxp-home-view .dxp-home-view-tabs {
        margin-top: 0rem !important;
    }

    .itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available .brand-offer-not-available-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }


.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button button {
    background: transparent;
    box-shadow: none;
}

.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button button:focus {
    border-radius: 0rem;
}

.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button button:focus span {
    color: #FFF;
}

.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button button:hover .spark-icon {
    color: #fff;
}

.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button button .spark-icon:before {
    font-family: "spark-icon-fill" !important;
}

.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button span {
    font-size: 16.333px;
    line-height: 1.25rem;
}

.dxp-passenger-avatar .passenger-name-info .tier-details {
    margin-top: .25rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-passenger-list-item {
    margin-bottom: 1rem;
}

.dxp-passenger-checklist .unavailable-message {
    font-size: 1rem;
}

.origin-data > .spark-icon-arrow-basic-right {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.flight-offer-itinerary-breakdown .itinerary-breakdown-content {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid #ccc;
}

.dxp-passenger-view .page-actions {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.dxp-fare-rules-tab-icon {
    padding-left: 1.75rem !important;
}
.dxp-fare-rules-tabs-tab-panel * {
    text-transform: lowercase !important;
}

.dxp-modal-window-content .collapse-body-container .spark-icon {
    margin-right: .5rem;
    padding-left: 0 !important;
}

.dxp-modal-window-content .collapse-body-container .description span,
.dxp-modal-window-content .collapse-body-container .dxp-passenger-checklist-info span {
    font-size: 16px;
}

.dxp-modal-window-content .dxp-passenger-checklist .radio-button-label {
    font-size: 16px;
    font-weight: 700;
}
    
    .dxp-seat-selection-view .modal-actions .dxp-button.secondary {
        margin-right: 2rem;
    }
    
    .dxp-promo-code .dxp-promo-code-button {
        background: none transparent;
    }
    
    .dxp-promo-code .dxp-promo-code-button .spark-icon {
        margin-right: .35rem;
    }
 
/* Ancillary Modal Updates */
@media (max-width: 1145px) {

    .dxp-modal-window-container {
        top: 2.5rem;
    }

    .dxp-modal-window-container p.intro {
        font-size: 1rem;
    }

}

@media (max-width: 661px) {

    .dxp-passenger-checklist .dxp-passenger-checklist-info {
        font-size: 1rem;
    }

    .dxp-passenger-checklist .dxp-passenger-checklist-info .spark-icon {
        margin-right: .5rem;
        padding-left: 0 !important;
        float: left;
    }

}
.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .flight-index {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: bold;
    width: 1rem;
    height: 1rem;
}

.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .flight-index:after {
    content: '.';
}

.dxp-seat-selection-passenger-list .passenger-list li.active:before,
.dxp-seat-selection-passenger-list .passenger-list li.active:after {
    position: absolute;
    height: .5rem;
    width: 100%;
    content: '';
    left: 0;
}

.dxp-seat-selection-passenger-list .passenger-list li.active:before {
    background-color: #fff;
    bottom: 0px;
    z-index: 1;
}

.dxp-seat-selection-passenger-list .passenger-list li.active:after {
    background-color: #a1a1a1;
    transform: skewY(-0.75deg);
    bottom: -4px;
}

.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: -.175rem;
}

.dxp-seat-selection-passenger-list .passenger-list li .dxp-passenger {
    padding: 1rem;
    position: relative;
}

.dxp-seat-selection-passenger-list .passenger-list li {
    margin: 0;
    padding: 0rem !important;
    border-top: 1px solid #ccc;
}

.dxp-seat-selection-passenger-list .passenger-list li.active .dxp-passenger:after {
    background: #fff;
    position: absolute;
    top: 0;
    right: 2px;
    content: '';
    height: 100%;
    width: 2px;
    min-height: 80px;
}

.dxp-legend {
    margin-top: 1.5rem !important;
}

.dxp-legend .legend-box {
    margin: 0 0 !important;
}

.dxp-legend .legend-box > .legend {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 15px;
    font-weight: 300 !important;
    color: #4a5767;
    text-transform: capitalize !important;
    padding: 1rem;
    box-shadow: 0 3px 16px 0 #ddd;
    width: 100%;
}

.dxp-legend .seats-list {
    padding: 1rem;
}

.dxp-legend .legend-box .legend-facility .legend-label, 
.dxp-legend .legend-box .legend-seat-type .legend-label {
    font-size: 14px;
}

.dxp-seat-map .aircraft-name {
    color: #555 !important;
    font-weight: bold;
    font-size: 1.250rem !important;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-seat-map .seat-map th {
    font-weight: bold;
}

.dxp-seat-map tbody:before {
    display: none !important;
}

.dxp-seat-map .seat-map .seat-map-caption {
    text-align: center;
    padding: 1rem;
}

.dxp-seat .code {
    color: #333 !important;
    text-shadow: none !important;
    padding-top: 35%;
    display: block;
}

.dxp-seat[data-component-state="selected-seat"] {
    background: none !important;
}

.dxp-seat .seat.selected .selected-mark {
    width: 100%;
    height: 88%;
    display: block;
    margin: -.45rem 0 0 -.25rem;
    vertical-align: middle;
    text-align: center;
    padding-top: 21.5%;
}

.dxp-seat-selection-passenger-list .passenger-list-title {
    padding: 1rem 1rem 1rem 1rem !important;
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
 
}

@media (max-width: 796px) {
    
    .dxp-shared-seat-selection .sticky-header {
        top: 4.5rem !important;
    }

    .dxp-shared-seat-selection .seat-map-content .seat-selection-container .left-container {
        width: 30% !important;
    }

    .dxp-seat-selection-passenger-list .passenger-list-title {
        display: none;
    }

    .dxp-seat-selection-passenger-list .passenger-list {
        margin-top: 0;
    }

    .dxp-shared-seat-selection .seat-map-content .seat-selection-container .right-container {
        width: 70% !important;
    }

}

@media (max-width: 796px) {

    .dxp-shared-seat-selection .seat-map-content .seat-selection-container .left-container {
        width: 100% !important;
    }

    .dxp-seat-selection-passenger-list .passenger-list {
        margin-top: 0 !important;
    }

    .dxp-seat-selection-passenger-list .passenger-list-toggler {
        font-weight: bold;
        font-size:14px;
    }

    .dxp-legend {
        width: 100%;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 0 0!important;
    }

    .dxp-shared-seat-selection .seat-map-content .seat-selection-container .right-container {
        width: 100% !important;
    }

}

.dxp-payment-complete {
    margin-top: 1rem;
}

@media (max-width: 544px) {

    .dxp-seat .seat.selected .selected-mark {
        width: 125%;
        margin: -.25rem 0 0 -.5rem;
    }

}

/* PAYMENTS */

.dxp-payment-component .payment-fops .no-padding .header h3 .ducp-component-price {
    margin-left: 1rem;
    font-size: 20px;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-payment-component .header.padding h3 {
    font-size: 20px;
    border: 1px solid #b7c0c1;
    background: #730652;
    padding: 10px;
}

.dxp-payment-component .payment-fops .dxp-payment.bnpl {
    background-color: #fff;
    margin-bottom: 1rem;
    border-radius: .333rem;
}

.ducp-component-accordion.spark-panel--expand .spark-panel__header .spark-icon-document:before {
    font-family: "spark-icon-line" !important;
    font-size: 1.5rem;
}

.ducp-component-accordion.spark-panel--expand .spark-panel__header:after {
    font-size: 1.750rem;
}

.ducp-component-cart-panel-section .ducp-component-accordion .spark-panel__header .dxp-title,
.ducp-component-cart-panel-section .ducp-component-accordion .spark-panel__header .dxp-title .spark-icon:before {
    font-size: 1.250rem !important;
}

.ducp-component-cart-panel-section .ducp-component-accordion .spark-panel__header .dxp-title .spark-icon-airplane:before {
    font-size: 1.50rem !important;
}

.dxp-third-party-payment-description p {
    font-size: 1rem !important;
    line-height: 1.5rem;
    margin-bottom: 0rem;
}

.dxp-third-party-payment-price-after-surcharge {
    font-size: 2rem !important;
    margin: 1rem 0 1rem;
    display: block;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .currency {
    vertical-align: top;
    font-size: 70%;
    margin-top: -.35rem;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .decimal {
    vertical-align: top;
    font-size: 70%;
    margin-top: -.35rem;
    margin-left: -.05rem;
    display: inline-block;
}

.dxp-payment-component .page-actions .dxp-button.continue span:before {
    font-family: "spark-icon-fill" !important;
    content: '\F13F';
    margin-right: .75rem;
}

@media (max-width: 796px) {
    
    .dxp-panel.complete-payment-panel .toc-container {
        margin-top: 1rem;
    }
    
    .dxp-payment-complete .dxp-page-navigation-buttons #dxp-page-navigation-continue-button {
        width: 100% !important;
    }

}


/* TRIP DETAILS */

.dxp-shared-confirmation.dxp-view {
    /* margin-top: -2rem; */
}

.dxp-shared-confirmation .background-content {
    padding-top: 2rem;
}


/* 
    Calendar (Non-matrix)
*/
.dxp-date-selection-view .days-legend,
.dxp-date-selection-footer {
    background: transparent !important;
}
.dxp-date-selection-view .days-legend .centered-content {
    background: #fff;
    padding: 0 1rem;
}

.dxp-date-selection-view .days-legend .date-selection-calendar thead {
    box-shadow: 0 6px 8px -4px #ddd;
}

.dxp-date-selection-view .dxp-date-selection {
    background: #fff;
}

.dxp-date-selection-view .date-selection-month-label .Select {
    margin: 0 0 0 0 !important;
    text-align: left;
}

.dxp-date-selection-view .date-selection-calendar .date-selection-month-label > td {
    line-height: 3.5rem;
}

.dxp-date-selection-view .date-selection-month-label .month-name {
    color: #333 !important;
    font-size: 1.5rem !important;
    font-family: Oswald, Roboto Condensed, sans-serif !important;
    font-weight: 200;
}

.dxp-date-selection-view .days-legend.date-selection-calendar-wrap .date-selection-month-label .month-name {
    font-size: 3em !important;
}

.dxp-date-selection-view .date-selection-month-label .Select .Select-value {
    padding: 0 !important;
    line-height: 3rem !important;
}

.dxp-date-selection-view .date-selection-month-label .Select .Select-arrow {
    background: none transparent;
    margin-top: .5rem;
}

.dxp-date-selection-view .date-selection-month-label .Select .Select-arrow:before {
    color: #333;
    font-size: 2.250rem;
}

.dxp-date-selection-view .date-selection-month-label .Select .Select-control {
    margin: 1.5rem;
}

.dxp-date-selection-view .price-info-label,
.price-info-label .price-info-label-desktop-content,
.dxp-date-selection-view .days-legend th {
    color: #333 !important;
}

.dxp-date-selection-view .days-legend th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .5rem 0 .35rem;
}

.dxp-date-selection-view .days-legend th:first-child {
    border-left: 1px solid #ccc;
}

.dxp-date-selection-view .days-legend th:last-child {
    border-right: 1px solid #ccc;
}

.dxp-date-selection-day {
    vertical-align: bottom;
}

.dxp-date-selection-day .day-btn.no-flights, .dxp-date-selection-day .is-wrapped.no-flights {
    background: rgba(255, 255, 255, .9);
    color: #333;
}

.dxp-date-selection-day .day-btn.is-first-departure-date.is-departure-date,
.dxp-date-selection-day .day-btn.is-departure-date.is-return-date {
    color: #FFF;
}

.dxp-date-selection-day .in-between-bar {
    display: none;
}

.dxp-date-selection-day .day-btn, 
.dxp-date-selection-day .is-wrapped {
    min-height: 7.25rem;
    max-width: 100%;
    display: block;
    margin-top: 0;
}

.dxp-date-selection-day .close {
    top: 1rem;
    right: 1rem;
}

.dxp-date-selection-day .close .spark-icon {
    font-size: 1rem;
    margin: 0 0 0 0;
}

.dxp-date-selection-day .day-btn.is-first-departure-date.is-departure-date .day-of-month, 
.dxp-date-selection-day .is-wrapped.is-first-departure-date.is-departure-date .day-of-month,
.dxp-date-selection-day .day-btn.is-return-date .day-of-month, 
.dxp-date-selection-day .is-wrapped.is-return-date .day-of-month,
.dxp-date-selection-day .day-btn .day-of-month.is-events, 
.dxp-date-selection-day .is-wrapped .day-of-month.is-events {
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1rem;
    font-weight: 700;
}

.dxp-date-selection-day .day-btn.is-return-date:before, 
.dxp-date-selection-day .is-wrapped.is-return-date:before,
.dxp-date-selection-day .day-btn.is-first-departure-date:before, 
.dxp-date-selection-day .is-wrapped.is-first-departure-date:before {
    line-height: 2.75rem;
    top: inherit;
}

.dxp-date-selection-day .day-btn.is-first-departure-date:before, 
.dxp-date-selection-day .is-wrapped.is-first-departure-date:before {
    content: '\F10D';
    right: 1rem;
    left: inherit;
}

.dxp-date-selection-day .day-btn.is-return-date:before, 
.dxp-date-selection-day .is-wrapped.is-return-date:before {
    content: '\F10C';
    right: inherit;
    left: 1rem;
}

.dxp-date-selection-day .day-btn .day-content, 
.dxp-date-selection-day .is-wrapped .day-content {
    line-height: 1.25rem;
    font-size: 1.25rem;
    font-family: Oswald, Roboto Condensed, sans-serif !important;
    font-weight: 200;
}

.dxp-date-selection-view .date-selection-month-label .month-name {
    color: #fff;
}

.dxp-date-selection-view .date-selection-calendar-wrap .navigation-info-caption {
    color: #333;
}

.dxp-date-selection-view .date-selection-calendar-wrap .navigation-info-caption .instructions {
    padding-left: .5rem;
}

.dxp-date-selection-view .add-month .dxp-button {
    margin-top: 1.5rem;
    margin-bottom: -1rem;
}

.dxp-date-selection-footer {
    position: inherit;
}

.dxp-date-selection-footer .centered-content {
    box-shadow: 0 -8px 12px -8px #ddd;
    border-top: 1px solid #ddd;
    background: #eee;
    padding: 0 1rem;
}

.dxp-date-selection-footer {
    color: #333;
}

.dxp-date-selection-footer .dxp-date-selection-footer-centered-content {
    text-align: left;
}


.social-media-links .spark-icon-info-circle {
    padding-left: 1px !important;
}

.social-media-links .spark-icon-info-circle:before {
    font-size: .925rem;
}


/* Edit Passenger */
.dxp-passenger-additional-info .dxp-panel {
    background: #fff;
    padding: 1.5rem;
}

.dxp-passenger-additional-info .additional-info > div .action-button.add-contact {
    background: none transparent;
    box-shadow: none;
    width: auto;
    padding: 0;
    margin: 1.5rem 0;
    margin-left: .5rem;
}

.dxp-passenger-view .page-actions {
    display: block;
}


/* EXCHANGE FLIGHTS - Step 1 of 8*/

.dxp-flight-selection-table-header {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.dxp-exchange-flight-view-passengers-description {
    margin-bottom: 0px !important;
    font-size: 16px !important;
}

.passenger-item {
    margin-bottom: 0px !important;
}

 
/* Step 2 of 8 - search criteria */

.brand-bonus-item-title {
    color:#333333 !important;
}
.cabin-brand-bonuses-comparison-title {
    color: #333333 !important;
}
.dxp-change-flight-view-panel-navigation {
    margin-top: 1.5rem !important;
}
.dxp-cancel-flight-view-passengers-description {
    margin-bottom: 0px !important;
    font-size: 14px!important;
             
}
.dxp-cancel-flight-view-separator {
    margin-bottom: .5rem !important;        
               
}
.dxp-change-view-flights-change-fee {
    margin-bottom: .5rem !important;
}

.spark-icon-calendar {
    color: #555  !important;
}
 
/* Step 3 of 8 - Flight Results */

.dxp-shared-flight-selection .ducp-component-accordion.expanded .spark-panel__header .dxp-title {
    color: #333;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    font-family: source sans pro, sans-serif;
    font-size: 1.5rem;
                               
}

@media (max-width:544px) {

    .dxp-shared-flight-selection {
        padding-left: 0 !important;
    }

}
 
.time-airport-separator {
    padding: 0px 0.3rem 0px 0.3rem !important
}
.spark-icon-hotel-night {
    padding-left: 1rem  !important;
}
 
/* Step 4 of 8 - Who's Flying - PAX info */

.dxp-panel {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .25rem;
    background: #fff;
    padding: 1rem;
    overflow: visible;
    margin-bottom: 0;
}

.dxp-payment-panel-header .description {
    width: 100%;
    height: auto;
    padding: 1rem;
    background-color: #eee;
    font-size: 15.888px;
}

.dxp-breadcrumbs-container .dxp-breadcrumbs.dxp-breadcrumbs-small .spark-step-indicator__item .spark-step-indicator__text .spark-step-indicator__title-text {
    font-size: 1.3rem;
}

.dxp-payment-trip-summary .spark-panel__content.show {
    padding: .333rem;
}

.payment-types-toggle-options-container {
    padding: 1rem;
}

.dxp-passenger-list {
   background-color: transparent !important;
}
.dxp-passenger-view.update-passenger-view .additional-info-panel {
    margin-top: 1rem !important;   
 
}
.additional-information-section .passenger-additional-info-buttons .passenger-additional-info-button .span {
    text-transform: capitalize !important;
}
 
.dxp-passenger-additional-info .dxp-panel {
    padding-left: 1rem;
}
.dxp-passenger-additional-info .passenger-addtl-contact-info-section .editable-fields, 
.dxp-passenger-additional-info .passenger-extra-contact-info-section .editable-fields {
    margin-left: .5rem !important;
 
}
.additional-info-panel .passenger-info-panel-fields.address-info-fields .passenger-home-address, .address-section .passenger-info-panel-fields.address-info-fields .passenger-home-address {
    margin-right: 1rem !important;
}

.dxp-travel-bank .dxp-travel-bank-selection .body {
    padding: 1.333rem;
    background-color: #e4e0e0;
}

/* Payment - POli & PayPal description */

.dxp-third-party-payment-description {
    font-size: 16px;
    line-height: 2rem;
    letter-spacing: .055rem;
    font-family: Roboto Condensed, sans-serif !important;
    margin-bottom: 1.16667rem;
    background: #f0f7ff !important;
    border: 1px solid #c5dff8 !important;
    border-left: 4px solid #730652 !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
}

/* Header line -- "Note: UnionPay payment option best viewed using Chrome" */
.dxp-third-party-payment-description b,
.dxp-third-party-payment-description strong {
    display: block !important;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #730652 !important;
    margin-bottom: 6px !important;
}

/* Body text */
.dxp-third-party-payment-description p {
    font-size: 13px !important;
    font-family: Roboto Condensed, sans-serif !important;
    line-height: 1.6 !important;
    color: #333 !important;
    margin-bottom: 0 !important;
}

.dxp-payment-view .dxp-third-party-payment-title {
    color: #333;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 20px;
    margin-bottom: 1rem;
}

/* REMOVED L2: spark-auto-suggest__field padding:2rem reduced from main.css 2.25rem */

/* Buttons and Inputs */

button, input, select {
    font-family: Roboto Condensed, sans-serif !important;
}

.brand-offer-price-mobile .brand-select-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) .big-price {
    color: #fff;
    font-size: 20px;
}

.brand-comparison-mobile {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 0rem;
    padding-bottom: 1rem;
    width: 100%;
    position: relative;
}

.brand-offer-price-mobile .brand-select-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    background: linear-gradient(45deg,#795548,#730652);
    border: 1px solid #cd8511;
    border-radius: 3px;
    padding: 0.5rem;
}

.cabin-brand-bonuses-comparison .cabin-brand-bonuses-comparison-panel .spark-panel__header {
    display: flex;
    text-align: center;
    padding: 1rem 1rem;
}

.cabin-brand-bonuses-comparison .cabin-brand-bonuses-comparison-panel .brand-bonus-item .spark-panel__header {
    padding: 1rem;
    border: none;
    border-radius: 0;
}

.cabin-brand-bonuses-comparison .cabin-brand-bonuses-comparison-panel .spark-panel__header .cabin-brand-bonuses-comparison-title {
    font-size: 17px;
    font-weight: 300;
}

.cabin-brand-bonuses-comparison .available-brand-bonuses .brand-bonus-item-title-content {
    text-align: left;
    font-size: 16px;
}

.selected-brand-bonuses-comparison {
    display: flex;
    font-size: 14px;
    line-height: 1.5;
    padding: 0rem;
    color: #006ba8;
    -webkit-box-align: baseline;
    align-items: baseline; 
}

.selected-brand-bonuses-comparison:last-child {
    padding-bottom: 1.5rem;
}

.selected-brand-bonuses-comparison:first-child {
    padding-top: 1.5rem;
}

.selected-brand-bonuses-comparison .brand-id {
    font-family: Roboto Condensed, sans-serif !important;
    flex-basis: 50%;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 0.5rem;
}

.cabin-offer-mobile .big-price-container .big-price .amount .number .decimal {
    font-size: 80%;
    line-height: 1;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.cabin-offer-mobile .big-price-container .big-price {
    color: #006ba8;
    font-size: 16px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container .dxp-brand-header-info .total-discount-amount-container .brand-card-price .price {
    display: flex;
    align-items: baseline;
    font-family: Roboto Condensed,sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container .dxp-brand-header-info .total-discount-amount-container .brand-card-price .amount .number .decimal {
    vertical-align: super;
    font-size: 13px;
    transform: translateY(0%);
}

.itinerary-part-offer-brand-details-mobile .list-key-item .legend-value {
    font-size: 11px;
    color: #666;
}

.dxp-breadcrumbs.new-mobile-theme.spark-step-indicator .spark-step-indicator__body--dropdown.spark-step-indicator__body .flight-selection-breadcrumb-item .spark-step-indicator__text .spark-step-indicator__title-text .dxp-flight-breadcrumb-title-container {
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
/* Trip Costs components */

/* Payment Details on Trip Costs at Confirmation Page */

.payment-details .payment-details-list li .payment-card-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* Third-Party-Payment footer at Confirmation Page */

.dxp-third-party-payment-footer-container {
    text-align: left;
    
}

.dxp-third-party-payment-footer-text-container>div {
    margin-bottom: 1.16667rem;
}

/* My Dates Are Flexible at Homepage Page */



/* Show pricing in at Flight selection Page */

.DucpComponentToggle .spark-toggle .spark-toggle__input:checked~.toggle-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked~.spark-label:nth-child(n), .DucpComponentToggle .spark-toggle .toggle-input:checked~.toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked~.spark-label:nth-child(n), .DucpComponentToggle .toggle-item .spark-toggle__input:checked~.toggle-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked~.spark-label:nth-child(n), .DucpComponentToggle .toggle-item .toggle-input:checked~.toggle-label:nth-child(n), .spark-toggle .DucpComponentToggle .spark-toggle__input:checked~.toggle-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked~.spark-label:nth-child(n), .spark-toggle .DucpComponentToggle .toggle-input:checked~.toggle-label:nth-child(n), .spark-toggle .spark-toggle__input:checked~.spark-label:nth-child(n) {
    border-color: #cd8511;
    background-color: #730652;
    color: #fff;
}

/* BNPL TTL Warning */

.spark-message--warning b {
    color: #99541c;
    font-size: 17px;
}

.spark-message--warning h2 {
    color: #99541c;
    font-size: 18px;
    letter-spacing: .045rem;
    line-height: 2rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-trip-messages-container.col-lg-12.general-messages > div > div.message-container.trip-message-warning > div.ducp-component-message.Message.spark-message.spark-message--warning.spark-message--lg.spark-panel > div > div > p {
    margin-top: 1rem;;
    margin-bottom: 0rem;;
}

.ducp-component-message .MessagePopup .modal-content-main .title, .ducp-component-message .spark-message__content .title, .MessagePopup .ducp-component-message .modal-content-main .title {
    margin-right: 0rem;
}

/* Review Flight selection Page - Details Extension */

.ducp-component-airport .code, .ducp-component-passenger-name-item.selected-for-checkin, .spark-bold, b, strong {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 700;
}

.flight-offer-itinerary-part-details .segment-details .airport-code, .flight-offer-itinerary-part-details .segment-details .carrier-code {
    margin-right: .5rem;
    font-size: 14px;
}

.flight-offer-details .route-date-time .time-airport .time {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.flight-offer-details .duration-stops .duration {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
    font-weight: 400;
}

.flight-offer-itinerary-part-details .segment-details .segment-line .segment-header {
    color: #333;
    margin: 0;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

.flight-offer-itinerary-part-details .segment-details .segment-header {
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.flight-offer-amenities {
    font-size: 14px;
    line-height: 2rem;
    margin: 0;
}

.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .offer-labels .offer-label {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #555;
    padding: 2rem 0rem 0rem 0rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price {
    color: #206080;
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 800;
    line-height: 1;
}

.flight-offer-details .route-date-time .time-airport .airport {
    margin-top: .3rem;
    font-size: 14px;
    font-weight: 600;
    color: #6f6f6f;
    font-family: Roboto Condensed, sans-serif !important;
}

.selected-itinerary-part-offer .flight-row {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
}

.flight-offer-itinerary-breakdown .action-buttons {
    padding: 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    float: none;
}

.flight-offer-itinerary-breakdown .itinerary-breakdown-content .shadow-box {
    padding: 1.333rem;
    margin: 1rem 1rem 0rem;
    display: flex;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0.333rem 1.333rem 0 rgba(0,0,0,.2);
}

.selected-itinerary-part-offer .header-row .header-info {
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
}

.selected-itinerary-part-offer .header-row {
    display: flex;
    font-family: Roboto Condensed, sans-serif;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid #ccc;
}

.dxp-passenger-avatar .passenger-name-info .passenger-header-name {
    font-weight: 400;
    font-size: 18px;
    line-height: .5rem;
}

.ducp-component-cart-panel-section .ducp-component-accordion .spark-panel__header .ducp-component-title {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 2.5rem;
    color: #555;
}

.no-extras .no-extras-label {
    margin-left: .333rem;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 200;
    font-size: 16px;
}

#payment-credit-card-form .card-details-header .card-details-header-title .title-container .surcharges-description{
display:none;
}

.points-currency-toggle .points-currency-toggle-title {
    margin-bottom: 1rem;
    margin-top:1.5rem;
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-shared-seat-selection .aircraft-name {
    margin: .5rem 0;
    font-size: 14px;
    color: #666;
    font-family: Roboto Condensed, sans-serif !important;
}

/* Extras Page B2C */  

.dxp-featured-ancillaries .dxp-ancillary-content .title {
    padding: 0;
    margin-bottom: .333rem;
    line-height: 4rem;
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
}

.ancillary-common.feature .ancillary-summary-common {
    padding: 1rem;
}

.dxp-ancillary-summary .summary-content .caption {
    font-weight: 400;
    margin-top: .533rem;
    margin-bottom: .533rem;
}

.dxp-ancillary-content.feature .description .intro {
    -webkit-box-flex: 1;
    flex: 1 0 50%;
    overflow: hidden;
    word-wrap: break-word;
}

.dxp-ancillary-panel-content .title {
    position: relative;
    font-size: 21px;
    padding: 0rem;
    margin: 0;
    color: #4a5767;
}

.dxp-ancillary-flight .collapse-btn .flight-title {
    font-size: 1.533rem;
    font-family: Roboto Condensed, sans-serif !important;
    line-height: 2.666rem;
    font-weight: 400;
    color: #4a5767;
    font-style: normal;
}

.dxp-ancillary-panel .travel-part-title.itinerary {
    font-size: 18px;
    font-weight: 500;
    font-family: Roboto Condensed, sans-serif !important;
}



.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-summary, .dxp-exchange-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-summary {
    width: 30%;
    float: right;
    display: inline;
    margin: 0rem;
    padding-top: 3rem;
}

.summary-content .spark-panel__content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 1.5rem;
}

.dxp-ancillary-panel-content .img-div {
    position: relative;
    overflow: hidden;
    height: 18rem;
    min-height: 15.83333rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.dxp-ancillary-panel-content .content .item {
    width: 48%;
    float: left;
    padding: 0 3rem;
}

.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary, .dxp-exchange-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary {
    background-color: #fff;
    padding: 0;
    height: auto;
    border: 0rem solid #ccc;
    max-width: none;
}

.dxp-featured-ancillaries .dxp-ancillary-content.feature .description .intro {
    font-weight: 300;
    text-align: left;
    font-size: 15px;
    align-self: auto;
    padding: 0 0 0 1rem;
    margin-top: 0rem;
}

.dxp-ancillary-content .intro {
    font-weight: bolder;
    margin: 0rem 0rem;
}

.dxp-ancillary-panel-content .intro {
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
}

.spark-icon-info-circle:before {
    content: "\f188";
    /*visibility:hidden; */
}

.itinerary-part-amenities .amenities-note {
    font-size: 14px;
    color: #555;
    margin-top: .25rem;
}

.dx-flight-selection-ribbon-item .date {
    font-size: 14px;
    margin-bottom: .25rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-summary-details .flights-operated-by .flight-number-operated-by .aircraft-type, .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by .flight-number, .itinerary-part-summary-details .flights-operated-by .flight-number-operated-by .operated-by {
    margin-right: .5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    direction: ltr;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
}

.flight-offer-details .duration-stops .stops {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .25rem;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-name {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight:700;
    line-height: 1;
    color: #730652;
    text-transform:uppercase;
}

/* ============================================================
   FARE BRAND COMPARISON  UX improvements
   Three targeted improvements to the brand comparison table:
   1. Strengthen price visual hierarchy (price is the key
      decision-driving number, currently undersized at 20px).
   2. Strengthen the "Only N seats left" scarcity message 
      apply amber warning palette and add icon for instant
      recognition. The message is rendered via ::after on the
      brand-selection-button-container.
   3. Tighten column padding to reduce horizontal scroll
      and let all 4 fare columns fit within desktop viewport.
   ============================================================ */

/* 1. Price hierarchy  make the main amount visually dominant.
   The DOM is:
     .big-price > .price-info > .alternative > .price > .amount > .number
                                                              > .currency.symbol (.80 PGK)
   We boost the .amount/.number visually, and de-emphasise the
   .currency.symbol so the customer's eye lands on the integer price first. */
.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .big-price {
    color: #730652 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    display: block !important;
    margin-bottom: 0.4rem !important;
}

.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-selection-button-container .big-price .price-info .currency.symbol {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6a6a6a !important;
    margin-left: 2px !important;
}

/* 2. Scarcity message ("Only N seats left!")  restyle from plain
   red text to amber warning chip with stronger visual weight.
   This message lives inside .brand-selection-button-container, below
   the SELECT button. We use the established amber palette from the
   notification banner system for consistency. */
.itinerary-part-offer-brand-comparison .shadow-box 
    .spark-bold.itinerary-part-remaining-seats {
    display: inline-block !important;
    background: #FFF8E1 !important;
    color: #5D4037 !important;
    border: 1px solid #FFE082 !important;
    border-left: 3px solid #F5B642 !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 0.5rem !important;
    line-height: 1.3 !important;
}

/* Add a small warning glyph before the scarcity message. The Spark
   icon system uses unicode-based glyphs; a leading [WARNING] character is
   lighter weight and renders cross-browser. */
.itinerary-part-offer-brand-comparison .shadow-box 
    .spark-bold.itinerary-part-remaining-seats::before {
    content: "\26A0\FE0F  ";  /* warning emoji U+26A0 */
    margin-right: 2px;
    color: #F5B642;
}

/* 3. Column-fit attempts REVERTED.
   We attempted to fit all 4 fare columns within the desktop viewport
   by overriding widths, padding, and flex distribution on the brand
   comparison table. The attempts caused brand-name heading clipping
   and misalignment issues that couldn't be resolved via screenshot
   iteration (the controlling rules appear to live in styles.css 
   the DXP application layer  rather than main.css or custom.css).
   
   Reverted to Sabre's default column widths and layout: this means
   the data area may have horizontal scroll at narrower viewports,
   BUT all 4 brand names display correctly without clipping, which
   is the user-visible priority.
   
   This is a polish item parked for a future dedicated DevTools
   session with styles.css visible in the Sources panel. */

.itinerary-part-offer-brand-comparison .shadow-box .legend-value {
    text-transform: capitalize;
    font-weight:500;
    font-size: 15px;
    color: #555;

}

.flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown .expand-details {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 0;
    font-size: 14px;
    color: #006ba8;
}

.ducp-component-airport .code .spark-link, .ducp-component-airport .code .spark-link--underline, .ducp-component-airport .code a, .ducp-component-passenger-name-item.selected-for-checkin .spark-link, .ducp-component-passenger-name-item.selected-for-checkin .spark-link--underline, .ducp-component-passenger-name-item.selected-for-checkin a, .spark-bold .spark-link, .spark-bold .spark-link--underline, .spark-bold a, b .spark-link, b .spark-link--underline, b a, strong .spark-link, strong .spark-link--underline, strong a {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 700;
}

.ducp-component-flight-details-flight .flight-detail-header {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

#dxp-manage-trips .dxp-form .field-input {
    direction: ltr;
    text-transform:uppercase;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-amenity-value {
    justify-content: center;
}

.itinerary-part-offer-brand-comparison .shadow-box .amenity-value, .itinerary-part-offer-brand-comparison .shadow-box .legend-value {
    padding: 1rem 1rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.dxp-message.warning>.title-container .title, .dxp-message.warning>.title-container b {
    color: #99541c;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px;
    font-weight: 600;
}

.dxp-trip-preparation .main-label {
    font-size: 20px;
    font-weight: 700;
    line-height: 2.666rem;
}

.dxp-message.error>.title-container .title, .dxp-message.error>.title-container b {
    color: #ac0000;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 18px;
    font-weight: 600;
}

.dxp-message.info>.title-container .title {
    color: #4a5767;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px;
    font-weight: 600;
}

.confirmation-component .dxp-trip-airports h2 {
    color: #fff;
    font-size: 20px;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md .big-price {
    color: #fff;
    font-size: 20px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 300;
    line-height: 1;
}

.flight-offer-itinerary-part-details .segment-details .airport {
    color: #767676;
    font-size: 14px;
}

.dxp-flight-selection .airport-name {
    margin-right: .5rem;
    font-size: 14px;
}

.selected-itinerary-part-offer .flight-row .flight-price .selected-brand {
    font-size: 14px;
}

.flight-offer-itinerary-part-details .segment-details .segment-line .segment-content {
    padding-bottom: .5rem;
    color: #767676;
    font-size: 14px;
}

.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .result-info-sort-filter .sort-filters-panel .ducp-component-button.text-button {
    color: #206080;
    font-size: 14px;
}

.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row {
    display:flex;
    font-size: 14px;
}

.dxp-filter .filters-tab .filter-details>span {
    font-size: 14px;
}

.spark-step-indicator__title-text {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .discounted-price {
    color: #767676;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 900;
    font-size: 13px;
    margin-bottom: .15rem;
}

.myb-passenger-list .passenger-item .description {
    margin: 0;
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-flight-selection-itinerary-part-route-description__destination, .dxp-flight-selection-itinerary-part-route-description__origin {
    color: #4a5767;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-flight-selection-itinerary-part-route-details .dxp-flight-selection-itinerary-part-route-details__depart-time__description {
    font-size: 14px;
    font-family: Roboto Condensed, sans-serif !important;
}


/* Brand Benefits & Table - Colour Codes
   
   Each fare brand gets a subtle background tint to ease visual
   differentiation between columns. Tints follow a value ladder
   from basic (near-white neutral) to premium (subtle brand
   maroon), staying minimalistic  low saturation, near-white,
   noticeable only when scanning side-by-side.
   
   Subtle right-edge borders are also added to each cell to give
   the columns clean vertical separation without harshness  a
   1px light grey line is enough for the eye to lock onto column
   boundaries while remaining minimalistic. */

/* Shared subtle vertical border between all fare-brand cells */
.amenity-item-row > .EA,
.amenity-item-row > .BA,
.amenity-item-row > .YD,
.amenity-item-row > .YV,
.amenity-item-row > .YS,
.amenity-item-row > .YF,
.amenity-item-row > .JV,
.amenity-item-row > .JF {
    border-right: 1px solid #E5E5E5 !important;
}

/* Horizontal border below the brand-name heading row (.top-row)
   to clearly separate the fare headings from the data rows below.
   Without this divider, the headings feel like they merge into
   the data area. */
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.top-row {
    border-bottom: 1px solid #E5E5E5 !important;
}

/* Bottom border to close off the entire fare comparison table.
   Without this, the price/select/scarcity area bleeds into white
   space below with no visual termination. Applied to the
   brand-comparison-table itself so it spans the full width and
   closes the table cleanly. */
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table {
    border-bottom: 1px solid #E5E5E5 !important;
}

/* Also add a bottom border to the bottom-row (which contains the
   price + SELECT button + scarcity chip area) so each fare column
   has a clean closing edge at its own height  important because
   Sold Out columns end earlier than active columns. */
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .EA,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .BA,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .YD,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .YV,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .YS,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .YF,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .JV,
.itinerary-part-offer-brand-comparison .shadow-box 
    .brand-comparison-table .amenity-item-row.bottom-row > .JF {
    border-bottom: 1px solid #E5E5E5 !important;
}

/* Economy Award  neutral warm grey */
.amenity-item-row>.EA {
    border-bottom: none !important;
    background-image: none !important;
    background-color: #F7F5F0 !important;
}

/* Business Award  slightly warmer cream */
.amenity-item-row>.BA {
    border-bottom: none !important;
    background-image: none !important;
    background-color: #F5F1E8 !important;
}

/* Economy Promo  near-white neutral (cheapest, no emphasis) */
.amenity-item-row>.YD{
    border-bottom: none !important;
    background-image: none !important;
    background-color: #FAFAFA !important;
}

/* Economy Saver  subtle warm cream (popular default tier) */
.amenity-item-row>.YV{
    border-bottom: none !important;
    background-image: none !important;
    background-color: #FDF9F2 !important;
}

/* Economy Semi-Flex  subtle pale blue (more value tier) */
.amenity-item-row>.YS{
    border-bottom: none !important;
    background-image: none !important;
    background-color: #F4F8FB !important;
}

/* Economy Flex  subtle brand maroon (premium tier, ties to
   Lock My Fare emphasis pattern) */
.amenity-item-row>.YF{
    border-bottom: none !important;
    background-image: none !important;
    background-color: #FAF2F6 !important;
    border-right: none !important;
}

/* Business Saver  pale blue (matches Economy Semi-Flex blue family) */
.amenity-item-row>.JV{
    border-bottom: none !important;
    background-image: none !important;
    background-color: #EEF4F9 !important;
}

/* Business Flex  deeper brand maroon tint (top-tier premium) */
.amenity-item-row>.JF{
    border-bottom: none !important;
    background-image: none !important;
    background-color: #F4E8EE !important;
    border-right: none !important;
}

/* Brand Amenity Properties */

.amenity-value>span>table>tbody>tr>td{
    font-size:1.5rem;
    width:6rem 
}

.amenity-value>span>table>tbody>tr>td{
    font-size: 13px;
    width:6rem 
}

.amenity-value>span>table>tbody>tr:not(:first-child)>td:nth-child(1){
    font-weight:bold;
}

.amenity-value>span>table>tbody>tr:nth-child(1)>td>span{
    color:#350505;
    font-size:1.2rem;
    padding-bottom:1rem;
}

.brand-amenity-value>.amenity-value>span{
    font-size: 13px;
}

.amenity-value>span>.spark-icon-user-check{
    color:#350505;
    padding-right:1rem;
    font-size:1.2rem;
}

.amenity-value>span>.spark-icon-users{
    padding-right:1rem;
    color:#350505;
    font-size:1.2rem;
}

.amenity-value>span>.spark-icon-check-circle{
    font-size:1.5rem;
    color:#157300;
}

.amenity-value>span>.spark-icon-close-circle{
    font-size:1.5rem;
    color:#f50623;
}

.amenity-value>span>.spark-icon-currency-convert{
    font-size:1.8rem;
    color:#004e75;
}

/* FLIFO Tabs Updates */

.flight-depart .dxp-time {
    font-size: 18px;
    font-weight: 200;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-view.dxp-flight-schedule-view .flight-schedule-title-info {
    font-weight: 400;
    font-size: 1.667rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-link.text-btn {
    font-weight: 400;
    text-transform: uppercase;
    color: #006ba8;
    font-size: 14px;
}

.number-of-stops .total-stops {
    font-weight: 300;
    font-size: 14px;
}

.dxp-flight-status-view .flight-status-title-info {
    font-weight: 400;
    font-size: 1.667rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-view .title-wrapper {
    width: 100%;
    margin: 1rem 0;
    color: #fff;
    text-shadow: 0px 0px 0px rgba(0,0,0,.5);
}

.ducp-component-passenger-summary .full-name .name-type .passenger-name {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #4a5767;
    text-transform:uppercase;
}

.dxp-modal-window-content {
    background-color: #fff;
    border: .08333rem solid #ccc;
    border-radius: 3px;
    padding: 1.3rem 2rem;
    overflow: auto;
    transform: scale(1);
}

.dxp-payment-trip-summary-selected-flights .itinerary-part-header .flight-direction {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
}

.dxp-payment-trip-summary-selected-flights .itinerary-part-header .flight-date {
    margin-left: 2rem;
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-payment-trip-summary-selected-flights .flight-summary-row .itinerary-part .column.flight-data .time {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
}

.dxp-payment-trip-summary-selected-flights .flight-summary-row .itinerary-part .column.duration-stops .dxp-duration {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
}

.dxp-payment-trip-summary-selected-flights .view-details {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    line-height:3rem;
}

.dxp-payment-trip-summary-selected-flights .flight-summary-row .itinerary-part .column.flight-data .airport-name {
    font-size: 14px;
}

.ducp-component-flight-summary-amenities.is-inline {
    text-align: center;
    font-size: 13px;
}

.dxp-payment-trip-summary-selected-flights .flight-summary-row .itinerary-part .column.duration-stops .stop-details {
    font-size: 15px;
}

.dxp-payment-trip-summary-selected-flights .flight-summary-row .cabin-class {
    margin: 0 2rem;
    font-size: 16px;
}

/* Mobile View */

.cabin-offer-mobile .cabin-class {
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 400;
    line-height: 1;
    color: #006ba8;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.cabin-offer-mobile .cabin-offer-price {
    background: none;
    color: #333;
    padding: 0rem 1rem;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    border: 0;
}

.cabin-offer-mobile .cabin-offer-content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 1rem;
}

.brand-comparison-mobile .brand-offer-sold-out-title {
    margin-top: 0rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 300;
    color: #006ba8;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

.brand-comparison-mobile .brand-offer-sold-out .brand-offer-sold-out-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    padding: 1rem;
    font-size: 18px;
    font-weight: 200;
    color: #a1a1a1;
    text-transform: capitalize;
    width: 100%;
}

.cabin-offer-mobile .cabin-offer-price .labels-wrapper {
    color: #767676;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    text-transform: capitalize;
    padding-right: .5rem;
}

.brand-offer-price-mobile {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-top: 1rem;
}

.brand-offer-price-mobile .brand-offer-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 300;
    color: #006ba8;
    text-transform: capitalize;
    margin-bottom: 0rem;
}

.dxp-header-view .header-item-group .header-item>.header-item-body .header-item-panel .manage-links .dxp-link {
    text-transform: none;
    color: #006ba8;
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 400;
}

.dxp-upcoming-trips .upcoming-trips-content .trip-panel .right-box .pnr {
    font-weight: 400;
    font-family: Roboto Condensed,sans-serif;
}

.dxp-account .text {
    font-size: 16px;
}

.dxp-award-payment-details-summary .name {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-family: Roboto Condensed,sans-serif;
}

h4 {
    font-size: 16px;
    line-height: 2rem;
}

.dxp-slider .inputs input {
    padding: 0 .25rem;
    margin: 0 .25rem;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: .333rem;
    height:2.432rem;
    font-weight: 400;
    color: #555;
}

#payment-options-container > div.dxp-panel.clearfix.payment-form-container > div > div > div > div.body > div.dxp-slider.slider > div.inputs > span.suffix {
    padding: 0.25rem;
}

/* Book Now Pay Later CTA button */

.ducp-component-trip-messages .message-container .additional-content {
    align-self: center;
    padding-right: 1rem;
    padding-left: 1rem;
    visibility: visible;
}

.dxp-edit-panel .dxp-edit-panel-title {
    font-weight: 500;
    font-family: Roboto Condensed,sans-serif;
    font-size: 2rem;
    color: #4a5767;
}

.dxp-payment-component .dxp-panel .header h3 {
    font-weight: 100;
    font-size: 18px;
}

.dxp-award-payment-details-header .using-miles {
    color: #006ba8;
    font-size: 16px;
    padding: 0 0 0 1rem;
    cursor: pointer;
}

.dxp-award-payment-details-footer {
    overflow: hidden;
    padding-bottom: 1rem;
}

.dxp-award-payment .column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.rbe-flow-sign-in .dxp-rbe-flow-info .spark-message__content, .rbe-flow-sign-in .dxp-rbe-flow-info .spark-message__content .title {
    font-family: Roboto Condensed,sans-serif;
}

.award-payment-successful .dxp-payment-award .dxp-award-payment-balance-price.column.success {
    text-align: right;
    padding: 2rem 0 0 2.333rem;
}

.passenger-selection .passenger-selection-label {
    color: #555;
    font-size: 15px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available .brand-offer-not-available-button.ducp-component-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    font-size: 20px;
    font-family: Roboto Condensed,sans-serif;
    text-transform: capitalize;
    color: #555;
    font-weight: 200;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-offer-not-available {
    padding: 1rem 0;
    text-align: center;
    min-width: 26.667rem;
    border-bottom: 1px solid #ccc;
    -webkit-box-flex: 1;
    flex: 1;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container, .itinerary-part-offer-brand-comparison .shadow-box .price-ranges {
    padding: 1rem 0;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.dxp-itinerary-offers-header.spark-panel>.spark-panel__content .flight-selection-header-row .prices-label {
    padding: 0 1rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}

.flight-offer-itinerary-part-details .segment-details .arrival .layover {
    background-color: #4CAF50;
    font-size: 14px;
    line-height: 2rem;
    height: auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: Roboto Condensed,sans-serif;
}



.dxp-modal-window-content h2, .dxp-modal-window-content h3 {
    color: #730652;
    font-size: 20px;
    margin-bottom:1rem;
}

.field-autocomplete .Select-input__control {
    background: transparent;
    height: 4.83333rem;
    border: none;
    font-size: 14px;
}

.fieldset-date .dxp-fieldset-date-legend {
    font-size: 1rem;
    padding: 0 .833rem;
    position: relative;
    z-index: 1;
}

.dxp-field-date-field-container .dxp-field-date-input {
    background: transparent;
    font-size: 14px;
    color: #333;
}

.date-picker .dp-header .dp-cell {
    color: #000;
    font-size: 14px;
}

.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected .price {
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-route-info .airport-code {
    display: block;
    font-size: 16px;
    padding-left:0;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .ducp-component-panel-details-toggle {
    padding: 0 0;
}

#accordion-confirmation-passengers > div > div > div > div.ducp-component-panel-details-toggle.row {
    margin-top: .5rem;
}

.dxp-passenger .selected-seat {
    font-weight: 400;
    font-size: 14px;
}

.dxp-ancillary-summary .summary-content .price .amount {
    font-size: 16px;
}

.dxp-ancillary-summary .summary-content .price .currency, .dxp-ancillary-summary .summary-content .price .decimal {
    font-size: 16px;
}

.additional-info-panel .passenger-info-panel-fields.frequent-flyer-info-fields .frequent-flyer-data .airlines-segment {
    font-size: 14px;
}

.additional-info-panel .passenger-info-panel-fields.frequent-flyer-info-fields .frequent-flyer-data .airlines-name {
    font-size: 14px;
}

.additional-info-panel .passenger-info-panel-fields.frequent-flyer-info-fields .frequent-flyer-data {
    margin-top: 0rem;
}

.summary-content .spark-panel__content .added-to-cart-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #55761b;
    font-size: 16px;
    font-weight: 400;
}
.summary-content .spark-panel__content .title {
    color: #898989;
    font-weight: bolder;
    font-size: 14px;
}

.summary-content .spark-panel__content .caption {
    color: #898989;
    font-size: 14px;
}

.dxp-ancillary-panel .travel-part-title.segment {
    font-size: 16px;
    font-weight: 300;
}

.dxp-flight-details .header .time {
    margin-right: 2rem;
    font-size: 16px;
    font-family: Roboto Condensed,sans-serif;
}

.dxp-flight-details .header {
    display: flex;
    font-family: Roboto Condensed,sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-left: 2rem;
}

hr {
    margin: 1rem 0;
}

.dxp-payment-trip-summary-selected-flights .flight-segment-details {
    margin-top: 1rem;
}

.itinerary-part-details .itinerary-part-flight-details .segment-operated-by-list li {
    line-height: 2rem;
    margin: 0;
    padding-left: 0rem;
}

.no-extras {
    padding: 0rem;
}

.dxp-shopping-cart .taxes-section .cart-item.has-tax-breakdown>.main-content {
    padding: 0 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    background: #f2f2f2;
}

.ducp-component-cart-item .main-content {
    padding-left: 0rem;
}

.spark-icon--lg:before {
    font-size: 2rem;
    line-height: 2rem;
}

.dxp-shared-seat-selection .seat-map-caption .dxp-link {
    color: #206080;
    font-size: 14px;
}

.dxp-flight-search .row {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.1rem;
}

.passenger-selection .passenger-count {
    font-weight: 400;
    font-size: 14px;
}

.field-dropdown .Select-input__value-container .Select-input__single-value {
    width: 80%;
    font-size: 14px;
}

.spark-tabs__panels .spark-tabs__panel {
    padding: 1rem;
}

.dxp-flight-search .flight-search-headers {
    margin-bottom: .5rem;
}

.passenger-selection .passenger-selection-summary {
    position: relative;
    padding: .5rem;
    height: 4.83333rem;
    background: #fff;
}

.dxp-checkbox .dxp-checkbox-box {
    background-color: #fff;
    border-radius: .333rem;
    border: 1px solid #949494;
    display: inline-block;
    height: 2.1rem;
    position: relative;
    top: .433rem;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.86,0,.07,1);
    width: 2.1rem;
    margin-right: 0.555rem;
}

.dxp-menu .toggle-main-menu {
    position: absolute;
    padding: 0.3rem;
    top: -.4167rem;
    bottom: 0;
    left: 0;
    background: #730053;
    color: #fff;
    border: none;
}

.forgot-password-description {
    font-size: 14px;
}

.forgot-password-username input {
    width: 100%;
    padding-left: 0rem;
    padding-top: 1.333rem;
    font-size: 14px;
}

.dxp-switch .dxp-switch-option {
    background: #fff;
    border: 1px solid #949494;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    color: #4a5767;
    padding: .4rem;
    cursor: pointer;
}

.dxp-flight-search .destination-selection.airport-fields {
    padding-left: 1rem;
    padding-right: 0rem;
}

.dxp-flight-search .class-selection {
    padding-left: 1rem;
    padding-right: 0rem;
}

.dxp-flight-search .origin-selection.airport-fields {
    padding-right: 0rem;
}

.dxp-flight-search .passenger-selection {
    padding-right: 0rem;
}

.dxp-flight-search .date-selection, .dxp-flight-search .date-selection.departure-date {
    padding-right: 0rem;
}

.itinerary-part-offer .itinerary-part-offer-header {
    display: flex;
    flex-wrap: nowrap;
    padding-top: .333rem;
    background-color: #fff;
}

.flight-offer-itinerary-breakdown {
    width: 100%;
    background-color: #fff;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.passenger-summary {
    color: #4a5767;
    background: #fff;
    font-size: 2.333rem;
    padding-top: 0rem;
    border-bottom: 1px solid #ccc;
    padding-left: 0rem;
}

.dxp-seat-selection-passenger-list .passenger-list li .passenger-index {
    color: #fff;
    border-radius: 50%;
    width: 2.555rem;
    height: 2.555rem;
    text-align: center;
    line-height: 2.555rem;
    margin-right: 1rem;
    font-size: 1.222rem;
    float: left;
    font-weight: 400;
}

.dxp-shared-seat-selection .seat-map-caption {
    padding: .5rem;
    display: flex;
    text-align: center;
}

.dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .flight-index {
    text-align: center;
    line-height: 2.333rem;
    font-size: 1.222rem;
    margin-right: .5rem;
}

.dxp-ancillary-body .dxp-ancillary-flight {
    margin-top: 0.3rem;
    border-top: 1px solid #ccc;
    padding-top: 0.5rem;
    display: block;
}

.dxp-passenger-checklist {
    margin-top: .5rem;
    width: 100%;
}

.dxp-ancillary-body .dxp-passenger-checklist {
    margin-left: 0rem;
}

.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .cvc-container .dxp-popover-cvc-help .spark-popover-trigger .cvc-help {
    color: #333;
    font-weight: 500;
    padding: .2rem .2rem .2rem 0;
}

.payment-type .card-details-header .card-details-header-title {
    display: block;
    padding: .2rem .2rem .2rem 0;
}

.complete-payment-panel-header h3 {
    color: #333;
    font-size: 20px;
    padding: .2rem
}

.ducp-component-cart-panel-footer {
    padding-top: 0rem;
}

.spark-gamma {
    font-size: 18px !important;
    line-height: 2rem!important;
}

.rbe-flow-sign-in .spark-message__content.content {
    padding-left: 0;
    width:100%;
}

.dxp-shared-flight-selection .dxp-panel.clearfix {
    margin-bottom: 1rem;
}

.rbe-flow-sign-in {
    margin-bottom: .5rem;
}

.dxp-account .name {
    text-transform: capitalize;
    font-size: 18px;
}

.dxp-account .tier-level {
    font-size: 16px;
}

.dxp-payment-component .payment-fops .dxp-award-payment-details-summary {
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.dxp-award-payment-details-cart .cart-item {
    padding: .1rem 0;
    overflow: hidden;
}

.dxp-award-payment-details {
    background: #eee;
    overflow: hidden;
    padding: 1rem 1rem;
}

.dxp-selected-flights .dxp-selected-flight {
    margin-bottom: 1rem;
}

.dxp-award-payment-details-cart .item-name {
    padding: 0 1rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 2.58333rem;
    float: left;
}

.dxp-payment-component .payments-container .remaining {
    padding: .5rem 0;
    border-top: 1px solid #e4e4e4;
}

.dxp-payment-component .payment-form-container .payment-types-toggle-options-container {
    width: 100%;
    border: none;
    border-bottom: .08333rem solid #e4e4e4;
    border-radius: .25rem;
    background: #fff;
    overflow: visible;
    padding: .333rem 0rem;
}

.dxp-payment-component .payment-fops .dxp-payment .billing-data-legend {
    margin: 0;
    font-size: 1.333rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 .5rem;
}

.payment-type .card-details-header .card-details-header-title .card-details-header-label {
    color: #333;
    font-size: 20px;
    padding: 0 0rem;
}

.dxp-view .background-content>.main-content .cart {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16667%;
    float: left;
    padding-left: 1rem;
    padding-right: 0rem;
}

.dxp-shopping-cart .ducp-component-cart-panel:not(last-child) {
    margin-bottom: 0rem;
    padding-bottom: 1rem;
}

.dxp-ribbon {
    position: absolute;
    padding: 1rem;
    color: #fff;
    text-transform: uppercase;
    background: #999;
}

.dxp-account .balance {
    font-size: 18px;
    color: #4a5767;
}

.dxp-header-view .sign-out {
    font-size: 18px;
    font-weight: 400;
    color: #006ba8;
}

.dxp-passenger .passenger .single-passenger {
    font-size: 15px;
}

.dxp-shared-seat-selection .seat-map-content .row .seat-map-description {
    padding: 0 1rem;
}

.ducp-component-trip-messages .message-container .ducp-component-message .spark-panel__content {
    padding: 1rem;
}

.dxp-view .view-title {
    margin: 0 0 1.5rem;
    font-size: 2.08333rem;
    padding-left: 1rem;
    color: #fff;
}

.dxp-my-profile .section-right h2 {
    margin-top: 0;
    display: inline;
    color: #555;
    text-shadow: 0 0 0;
    font-size: 1.68333rem;
}

.dxp-my-profile .profile-consent-info-section-legend {
    float: left;
    font-size: 18px;
}

.dxp-upcoming-trips .upcoming-trips-content .no-trips-message {
    padding: 1rem;
    font-size: 16px;
    line-height: 150%;
}

.dxp-rewards .dxp-panel .panel-content, .dxp-your-travel-bank .dxp-panel .panel-content {
    position: relative;
    padding: 1rem 0;
}

.dxp-rewards .dxp-rewards-left, .dxp-your-travel-bank .dxp-rewards-left {
    text-align: center;
    text-transform: uppercase;
    line-height: 2rem;
    font-size: 15px;
}

.dxp-rewards .dxp-panel .panel-content .row h3 {
    font-size: 16px;
}

.dxp-your-travel-bank .dxp-panel .panel-content .row h3 {
    margin: 0;
    text-align: center;
    font-size: 16px;
}

.dxp-dashboard-view .dxp-dashboard-content .dxp-personalize-your-trip h3 {
    font-size: 20px;
}

.dxp-rewards .dxp-panel .panel-content .dxp-button {
    position: absolute;
    bottom: 0.333rem;
    right: 1.667rem;
}

.ducp-component-extras-info .content .children .ducp-component-extras-info-section .extras-info-title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.dxp-upcoming-trips .upcoming-trips-content .no-trips-message .short-name-avatar {
    float: left;
    font-weight: 400;
    border: .333rem solid;
    padding: .833rem;
    border-radius: 3.333rem;
    font-size: 1.666rem;
}

.dxp-upcoming-trips .upcoming-trips-footer {
    float: right;
    padding: 1rem;
}

.user-initial.big {
    width: 5rem;
    height: 5rem;
}

.ducp-component-button.secondary-button {
    color: #ffffff;
}

.dxp-account-logged-in-panel .dxp-account-logged-in .name {
    font-size: 19px;
    color: #4a5767;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 400;
    margin-right: .5rem;
}

.spark-delta {
    font-size: 15px!important;
    line-height: 1rem!important;
}

/* RBE & CI Profile Login updates */





.rbe-flow-sign-in .content .speed-bump-title {
    padding-top: .5rem;
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 16px!important;
}

.dxp-inline-message .icon.spark-icon--sm:before {
    font-size: 1.333rem;
    line-height: 1.333rem;
    align-self: center;
    margin-left: 0rem;
}

.dxp-inline-message {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rbe-flow-sign-in .rbe-flow-sign-in-header .login-message .title {
    color: #5a3567;
    margin-right: .5rem;
}

.spark-epsilon {
    font-size: 15px!important;
    line-height: 1rem!important;
}

.passenger-summary .passenger-details {
    padding: 1rem;
}

.dxp-account-logged-in-panel .dxp-account-logged-in .name {
    font-size: 16px;
    color: #4a5767;
    font-weight: 400;
    margin-right: .5rem;
}

.dxp-account-logged-in-panel .dxp-account-logged-in .total {
    font-weight: 400;
    font-size: 16px;
}

.spark-large {
    font-size: 16px!important;
}

.dxp-account-logged-in-panel .dxp-account-logged-in .tier-level {
    font-weight: 400;
    margin-right: .5rem;
    font-size: 16px!important;
}

.dxp-passenger-avatar .passenger-name-info .tier-details {
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.dxp-upcoming-trips .upcoming-trips-content .trip-panel .date {
    font-size: 1.3333rem;
}

.dxp-button.x-small {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 1.08333rem;
    height: 3rem;
    padding: .6875rem 1.5rem;
}

.spark-panel__header {
    padding: 1.5rem 1.2rem;
    position: relative;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content {
    padding: 1rem 0rem;
}

.dxp-view .title-wrapper .dxp-view-subtitle {
    font-size: 20px;
    margin-top: .833rem;
    margin-bottom: .5rem;
}

.dxp-flight-selection .flight-selection-ribbon-wrapper {
    margin-bottom: 1rem;
}

/* CI Profile View Starts */

.dxp-sign-in .title {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 20px;
}

.dxp-account-logged-in-panel.spark-panel {
    border: 1px solid #ccc;
    margin-bottom: 1rem;
}

.ducp-component-account-dashboard .rewards .content .balance-type {
    font-size: 1.222rem;
}

.ducp-component-account-dashboard .travel-bank .content .balance-type {
    font-size: 1.222rem;
}

.ducp-component-account-dashboard .rewards .content .ducp-component-price, .ducp-component-account-dashboard .travel-bank .content .ducp-component-price {
    margin-top: 1.5rem;
    color: #fff;
    font-size: 1.5333rem;
    font-weight: 300;
}

/* CI Profile View Ends */

.dxp-payment-component {
    margin-bottom: 3rem;
    overflow: hidden;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.selected .option-label .logo-container img {
    height: 3.467rem;
    opacity: 1;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option .option-label .logo-container img {
    height: 3.467rem;
    opacity: 1;
}

/* Passenger Page View */

.passenger-info-panel-title.basic-info-title {
    font-size: 18px;
}

.additional-info-panel .contact-info-title {
    font-size: 18px;

}

.additional-info-panel .travel-document-info-title {
    font-size: 18px;    
}

.additional-info-panel .frequent-flyer-info-title {
    font-size: 18px;
}

.additional-info-panel .special-requests-info-title {
    font-size: 18px;
}

.dxp-passenger-avatar .passenger-name-info {
    padding: 0.5rem;
}

/* Seat Selection Page B2C */



.dxp-flow-step-actions {
    margin-top: 1rem;
}

/* Confirmation Page View */

.ducp-component-flight-details-flight .city {
    margin-left: .5rem;
    margin-right: 1rem;
    font-size: 16px;
}

.ducp-component-flight-duration .duration {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 700;
    color: #4a5767;
}

.dxp-flight-details {
    box-shadow: 0 0.25rem 1rem 0 rgb(0 0 0 / 20%);
    padding: 1rem;
    margin-top: 0rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-trip-messages-container.col-lg-12.general-messages > div > div.message-container.trip-message-warning {
    margin-top: 1rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-trip-airports-container.col-lg-12 > div {
    margin-top: 0;
    margin-bottom: 1rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-confirmation-header-wrapper-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-confirmation-passengers-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-shopping-cart-container.col-lg-12 {
    margin-top: 1rem;
    margin-bottom: 0;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-4 > div > div.dxp-container.dxp-account-panel-container.col-lg-12 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-4 > div > div:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0;
}

#static--flight-selection--dxp-page-navigation-buttons-before-0 > span > div {
    margin-top: 0;
    margin-bottom: 1rem;
}

#dxp-trip-details-view > div > div.background-content.clearfix > div > div > div > div.row > div.dxp-container.dxp-confirmation-header-wrapper-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-trip-details-view > div > div.background-content.clearfix > div > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-confirmation-passengers-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-trip-details-view > div > div.background-content.clearfix > div > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-4 > div > div.dxp-container.dxp-account-panel-container.col-lg-12 {
    margin-top: 1rem;
    margin-bottom: 0;
}

.field-phone .react-tel-input {
    margin-top: 2.3rem;
    width: 100%;
}

#dxp-mto-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-flight-summary-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-mto-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-trip-airports-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-mto-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-shopping-cart-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-mto-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-4 > div > div.dxp-container.dxp-account-panel-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-trip-details-view > div > div.background-content.clearfix > div > div > div > div.row > div.dxp-container.dxp-trip-messages-container.col-lg-12.general-messages {
	margin-bottom: 0;
}

.dxp-flight-selection .ducp-component-title {
    color: #fff;
    font-size: 18px;
}

.dxp-payment-component .payment-fops .header {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

/* DXSB 4.8 CSS UPDATES 13 APRIL 2020 */

.spark-toolbar .spark-toolbar__item:before {
    padding: 1rem;
    content: attr(label);
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    font-family: Roboto Condensed, sans-serif !important;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.ducp-component-toolbar .spark-toolbar__item {
    color: #ffffff;
    border: .08333rem solid #cd8511;
    border-radius: 5px;
    background-color:#742456;
    margin-right: 0.588rem;
}

.ducp-component-flight-duration-stops .stops-label.non-stop {
    font-size: 14px;
    padding-left:0;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-route-info .airport-code, .ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-route-info .date, .ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-summary-label {
    font-size: 14px;
    color: #333;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-booking-info .booking-class {
    -webkit-box-ordinal-group: 3;
    font-size: 14px;
    order: 2;
    padding-right: 0rem;
    padding-left: 0rem;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .ducp-component-flight-duration .duration, .ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .ducp-component-flight-times {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    color: #555;
    padding-left:0;
}

.spark-badge--sm {
    height: 2rem;
    line-height: 1rem;
    min-width: 2rem;
    font-size: 16px;
    border-radius: 10px;
    font-family: Roboto Condensed,sans-serif;
}

.ducp-component-flight-status>.flight-status-badge {
    font-family: Roboto Condensed, sans-serif;
    border-radius: 10px;
}

.spark-panel--expand .spark-panel__header h3 {
    color: inherit;
    font-size: 18px;
}

.ducp-component-cart-panel .title {
    font-size: 18px;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.itinerary-part-details .itinerary-part-flight-details .dxp-duration {
    font-size: 14px;
}

.ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content, .ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content .ducp-component-cart-item .cart-item-label, .ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content .ducp-component-cart-item .cart-item-price, .ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content .ducp-component-cart-item .cart-item-remove-confirmation, .ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content .ducp-component-initial-circle, .ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content .PassengerNameItem {
    font-size: 14px;
    line-height: 2rem;
    color: #555;
    font-family: Roboto Condensed, sans-serif !important;
}

.itinerary-part-details .itinerary-part-flight-details .duration-label {
    color: #555;
    padding-left: 0rem;
    font-size: 14px;
}

.itinerary-part-details .itinerary-part-flight-details .number-of-stops {
    color: #ac0000;
    font-weight: 500;
    font-size: 14px;
}

.itinerary-part-details .itinerary-part-flight-details .brand-id {
    padding-left: 0rem;
    color: #555;
    font-size: 14px;
}

.itinerary-part-details .itinerary-part-flight-details .dxp-operated-by .name {
    font-size: 14px;
    color: #555;
}

.itinerary-part-details .itinerary-part-flight-details .fare-basis {
    margin-right: .25rem;
    margin-left: 1.66667rem;
    font-size: 14px;
}

.itinerary-part-details .itinerary-part-flight-details .cabin-class, .itinerary-part-details .itinerary-part-flight-details .fare-basis {
    margin-right: .25rem;
    margin-left: 0;
    font-size: 14px;
}

.itinerary-part-details .itinerary-part-flight-details .dxp-operated-by .flight-number, .itinerary-part-details .itinerary-part-flight-details .dxp-operated-by .name {
    font-size: 14px;
    color: #555;
}

ul.passenger-cart-list-by-type li {
    list-style-position: inside;
    list-style-type: disc;
    font-size: 14px;
    line-height: 1rem;
    padding-left: 0rem;
}

.dxp-shopping-cart .taxes-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .cart-item-label {
    font-size: 14px;
    line-height: 1rem;
    padding-left: 0rem;
}

.dxp-shopping-cart .taxes-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price {
    font-size: 14px;
    margin-right: 2.5rem;
}

.dxp-shopping-cart-footer.trip-total .total-container {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.dxp-shopping-cart-footer.trip-total .total-container .label {
    font-weight: 600;
    color: #555;
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-shopping-cart-footer.trip-total .total-container .total .price {
    font-size: 18px;
    color: #555;
    font-weight: 600;
}

.payment-details .payment-details-title {
    margin: 1rem 0 1rem 0rem;
    font-size: 14px;
}

#dxp-flight-search-form > div.row.rbe-toggle-promo-code > div.column.rbe-toggle-promo-code-column > div.rbe-toggle > span {
    font-size: 14px;
}

.dxp-checkbox {
    color: #333;
    font-size: 16px;
}

.itinerary-part-summary-details .flights-operated-by {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    margin-bottom: 1rem;
    font-size: 14px;
}

.flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    margin-right: 2rem;
    padding: 0rem;
    text-transform: uppercase;
}

.itinerary-part-offer-price .price-content-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    border: .03333rem solid #cd8511;
    background-color: #e9e9e9;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .amount .number .decimal {
    font-size: 80%;
    line-height: 1;
    align-self: baseline;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .currency {
    font-size: 80%;
}

.rbe-flow-sign-in .spark-panel__content {
    padding: .555rem;
    background-image: linear-gradient(to right, #fffce2, #fff9d7) !important;
}

.rbe-flow-sign-in .rbe-flow-sign-in-header .login-message {
    margin: 0;
    flex: 1;
    padding: .555rem;
}

.ducp-component-message {
    background-image: linear-gradient(to right, #fff, #fff) !important;
}

.rbe-flow-sign-in .rbe-flow-sign-in-header .toggle-login {
    color: #fff;
    border: 1px solid #cd8511;
    background-color: #f58220;
    width: 20%;
    font-size: 14px;
}

.rbe-flow-sign-in .rbe-flow-sign-in-header .login-message .title {
    color: #5a3567;
    margin-right: .5rem;
}

.rbe-flow-sign-in .content .rbe-flow-sign-in-button-container button {
    padding: 1.5rem 3rem;
    border: 1px solid #cd8511;
    color: #206080;
    background-color: #eeeeee;
}

.dxp-inline-message .title-content {
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

.itinerary-part-details .itinerary-part-flight-details .departure {
    font-size: 14px;
}

.dxp-shared-seat-selection .seat-map-content .seatmap-header .header {
    -webkit-box-flex: 8;
    padding-left: .5rem;
    font-size:14px;
}

.itinerary-part-header {
    display: flex;
    font-size:15px;
    font-weight: 100;
    color: #333;
    padding-left: 0rem;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: .3333rem;
    border: 1px solid #cd8511;
    border-radius: 3px;
    font-weight: 400;
    padding: 0;
    font-size: 1rem;
}

.billing-info {
    border: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ducp-component-record-locator .record-locator-container .record-locator-value {
    font-size: 24px;
    color: #206080;
    font-weight: 400;
    padding-right: .5rem;
    font-family: Roboto Condensed,sans-serif;
}

.dxp-flight-summary .ducp-component-from-to.ducp-component-flight-route.title-route {
    font-size: 16px;
}

.record-locator-title {
    font-size: 14px;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-title {
    padding: 0 0rem .5rem;
    border-bottom: .08333rem solid #eee;
}

.dxp-shopping-cart .dxp-shopping-cart-fare-rules {
    margin-left: .5rem;
}

.dxp-shopping-cart-fare-rules {
    display: block;
    padding-top: .5rem;
    padding-right: 0px;
    padding-bottom: .5rem;
    padding-left: 0px;
    font-size: 14px;
}

.ducp-component-confirmation-header .actions-container, .ducp-component-confirmation-header .record-locator-status-container, .ducp-component-confirmation-header .supplementary-data-container {
    padding: .999rem;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content {
    padding: .999rem;
}

.MessagePopup .modal-content, .spark-panel__content {
    padding: .333rem;
    width: 100%;
}

.ducp-component-cart-panel-section .ducp-component-accordion .spark-panel__content {
    overflow: auto;
    max-height: 27rem;
    padding: .999rem;
}

.ducp-component-sectional-information .ducp-component-sub-section .sections-container {
    padding-left: 1rem;
}

.ducp-component-passenger-summary-seats-extras .itinerary-container {
    padding-left: 1rem;
    padding-bottom: 0rem;
    font-size: 14px;
}

.ducp-component-sectional-information .ducp-component-sub-section .section {
    padding-bottom: 0rem;
    font-size: 14px;
}

.ducp-component-sectional-information .ducp-component-sub-section .section-info-name {
    padding-right: .5rem;
    font-weight:600;
}

.dxp-confirmation-passengers .dxp-confirmation-passengers-seats-extras, .dxp-confirmation-passengers .dxp-confirmation-standalone-extras {
    margin-bottom: .5rem;
    border-bottom: 1px solid #ccc;
}

.ducp-component-passenger-summary-seats-extras .itinerary-container .itinerary-flight-route {
    text-transform: none;
    margin-bottom: .5rem;
}

.ducp-component-passenger-summary-seats-extras .segment-extras .segment-flight-route {
    flex-basis: 30%;
    font-weight:600;
}

.ducp-component-passenger-summary-seats-extras .ducp-component-airport {
    font-size: 14px;
}

.itinerary-part-details .itinerary-part-flight-details .origin-destination {
    color: #4a5767;
    line-height:1.5rem;
    padding-left: 0rem;
    font-size: 14px;
    font-family: Roboto Condensed, sans-serif !important;
}

.ducp-component-cart-panel ul.ducp-component-cart-panel-list>.ducp-component-cart-panel-section>.ducp-component-accordion>.spark-panel__content .flight-segment-title .ducp-component-flight-route  {
    font-family: Roboto Condensed, sans-serif !important;
    font-size: 14px;
}

.ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-additional-info, .ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-booking-info, .ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-route-info, .ducp-component-flight-summary .flight-summary-header .ducp-component-panel-content .flight-summary-content .flight-travel-info {
    align-self: flex-end;
    padding-bottom: 0rem;
}

.operating-airline .operating-airline-row {
    padding-top: .5rem;
}

.ducp-component-operating-airlines li {
    list-style-type: none;
    font-size: 14px;
}

.passenger-summary-header .items-container .ducp-component-link.item-content {
    color: #fafafa;
    background-color: #742456;
    border: .08333rem solid #cd8511;
    border-radius: 5px;
    font-family: Roboto Condensed, sans-serif !important;
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: .543rem;
}

.dxp-button.small {
    margin-top:.888rem;
    font-family: Roboto Condensed, sans-serif !important;
}

.ducp-component-confirmation-header {
    border: .0625rem solid #ccc;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ducp-component-airport.stacked>span {
    font-size: 16px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 600;
    text-transform:uppercase;
}

.ducp-component-passenger-summary .passenger-summary-header .passenger-content {
    padding-left: 0rem;
    display: flex;
}

.ducp-component-flight-duration-stops .stops-label {
    color: #ac0000;
    font-weight: 600;
    display: block;
    margin-right: .5rem;
    font-size: 14px;
}

.ducp-component-flight-duration-stops .stops-locations {
    text-transform: uppercase;
    font-size: 14px;
}

.ducp-component-panel-details-toggle .show-details.text-button {
    color: #006ba8;
    font-size: 15px;
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 600;
}

.dxp-sign-up .title {
    margin-bottom: .5rem;
    font-size: 18px;
    font-family: Roboto Condensed, sans-serif !important;
}

.ducp-component-flight-summary-amenities .amenities-list {
    margin-bottom: 0;
    margin-left: 0;
    display: none; /* Hide flight-summary-amenities on Confirmation Page */
}

.ducp-component-flight-summary-amenities.is-inline {
    text-align: center;
    font-size: 13px;
    display: none; /* Hide flight-summary-amenities on Confirmation Page */
}

.stop-airports {
    font-size: 14px;
}

.dxp-flight-search .select-journey-type .header-tabs {
    position: absolute;
    top: -2.2rem;
    right: 0;
    float: right;
    margin-top: 2.5rem;
}

.ducp-component-accordion.spark-panel--expand>.spark-panel__header.has-right-content>.right-content {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 3rem;
    float: right;
    font-size: 1.08333rem;
    color: #333;
}

.payment-details .payment-details-list li .card-identifier-details {
    margin-top: 0rem;
    margin-left: 0rem;
}

.payment-details .payment-details-list .dxp-cart-item-amount {
    margin-top: 0rem;
    margin-left: 0rem;
}

.dxp-sign-in .top {
    margin-bottom: 1rem;
}

.dxp-sign-in .bottom .button-container .submit {
    justify-self: flex-end;
    max-width: 100%;
    margin: .111rem;
    vertical-align: middle;
    padding-left:5rem;
    padding-right:5rem;
}

.dxp-sign-up .links {
    margin-bottom: .5rem;
}

.rbe-flow-sign-in .content {
    padding: .111rem;
}

.dxp-trip-preparation .purchase-trip-btn {
    width: 100%;
    font-size: 1.333rem;
    font-family: Roboto Condensed, sans-serif;
}

.dxp-trip-preparation .counter {
    margin-top: 1rem;
    text-transform: uppercase;
    text-align: center;
}

.dxp-trip-preparation .counter .title {
    margin: 0;
    background: #c27b12;
    border: .08333rem solid #cd8511;
    border-bottom: none;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: #fff;
    font-size: 13px;
    line-height: 2.926rem;
}

.dxp-shopping-cart .ancillaries-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .cart-item-label {
    font-size: 14px;
}

.dxp-shopping-cart .ancillaries-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .ducp-component-tooltip .ducp-component-initial-circle.trigger.xs {
    font-size: 14px;
}

.ducp-component-cart-flight-segment .flight-segment-title {
    font-size: 14px;
    display: flex;
    padding-left: 2rem;
}

.ducp-component-accordion .seat-cart-items .flight-segment-title {
    padding-left: 2rem;
    font-size: 14px;
}

.dxp-shopping-cart .seats-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .ducp-component-tooltip .ducp-component-initial-circle.trigger.xs {
    font-size: 14px;
}

.dxp-shopping-cart .seats-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .cart-item-label {
    font-size: 14px;
    line-height: 1.333rem;
}

.dxp-shopping-cart .ancillaries-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .base-fare-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .change-fees-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .discount-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .emd-refund-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .fare-refund-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .flight-passenger-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .new-charge-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .non-refundable-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .original-booking-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .seats-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .surcharges-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price, .dxp-shopping-cart .taxes-section .ducp-component-accordion.spark-panel--expand .spark-panel__content .ducp-component-cart-item.cart-item .main-content .right-content .cart-item-price {
    font-size: 14px;
    margin-right: 2.5rem;
}

.ducp-component-account-dashboard .ducp-component-title {
    font-size: 20px;
}

.ducp-component-account-dashboard .user-details .user-name {
    font-weight: 700;
    font-size: 18px;
}

.ducp-component-account-dashboard .user-details .user-tier {
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
}

.ducp-component-tile .ducp-component-panel-content .image-container {
    background: #fff;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    padding: 1rem;
    border: 1px solid #cd8511;
    text-align: center;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 1rem;
}

.ducp-component-upcoming-trips-carousel .spark-carousel__outer-container {
    margin: 1rem 0;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-upcoming-trips-container.col-lg-12 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(5) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-confirmation-passengers-container.col-lg-12 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

#dxp-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(5) > div > div.dxp-container.col-lg-4 > div > div:nth-child(2) {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.dxp-flight-summary .main-container .main-trip-details .ducp-component-flight-status {
    padding-top: 0rem;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .big-price-container .big-price .alternative:not(:first-child) .price {
    font-size: 18px;
}

.itinerary-part-offer-price .itinerary-part-offer-price-button .price-prefix, .itinerary-part-offer-price .itinerary-part-offer-price-button .starting-at-label {
    color: #333;
    font-weight: 400;
    font-size: small;
    text-align: center;
    margin-bottom: .45rem;
}

.dx-flight-selection-ribbon-item .calendar-ribbon-item-label, .dx-flight-selection-ribbon-item .ducp-component-price {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column-reverse;
    font-size: 15px;
    font-family: Roboto Condensed, sans-serif !important;
}

.dxp-exchange-flight-review-section h3 {
    color: #730652;
    font-size: 20px;
    font-weight: 700;
}

.dxp-panel-accordion-header {
    background: #fff;
    border: 1px solid #cd8511;
    border-radius: .333rem .333rem 0 0;
    color: #555;
    padding: 1rem;
    position: relative;
    transition-duration: .25s;
    transition-property: color,border,border-radius;
    -webkit-transition-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1);
    user-select: none;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}

.dxp-flight-selection-table .flight-status-badge {
    text-transform: capitalize;
    color: #fff;
    font-size: 1.333rem;
    font-family: Roboto Condensed, sans-serif !important;
    border-radius: 1.5rem;
    padding: 0 1rem;
    font-weight: 400;
    line-height: 2rem;
    height: 2rem;
}

.dxp-flight-selection-itinerary-part-route-description {
    margin: 0 0 1rem;
    padding: 1rem 0;
    border-bottom: .1rem solid #eee;
}

.dxp-flight-selection-itinerary-part-route-details {
    padding: 0 1rem 1rem;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.dxp-flight-selection-itinerary-part-route-stops {
    margin-top: .5rem;
    font-size: 14px;
}

.dxp-itinerary-part-route-departure-arrival__arrive-description, .dxp-itinerary-part-route-departure-arrival__depart-description {
    display: block;
    font-size: 14px;
}

.dxp-operated-by {
    line-height: 1.333rem;
    list-style: none;
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.dxp-details {
    font-size: 15px;
    position: relative;
    overflow: hidden;
}

#dxp-exchange-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-confirmation-header-wrapper-container.col-lg-12 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

#dxp-exchange-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-12 > div > div.dxp-container.dxp-confirmation-passengers-container.col-lg-12 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.dxp-itinerary-part-route-flights__brand {
    display: block;
    font-weight: 400;
    font-size: 14px;
}

.dxp-mto-ancillaries-view .ancillary-common.feature .dxp-ancillary-summary {
    width: 30%;
    float: right;
    display: inline;
    margin: 4rem 0 0 0;
}

.dxp-flight-selection .dxp-page-navigation-buttons {
    width: 100%;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.dxp-seat-selection-view .dxp-page-navigation-buttons {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.dxp-mto-seat-selection-view .dxp-page-navigation-buttons {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.field-phone .react-tel-input input[type=tel] {
    border: none;
    box-shadow: none;
    width: 100%;
    position: relative;
    font-size: 1.333rem;
    background: transparent;
}

.passenger-form .person-name {
    padding: 0rem;
}

.ancillary-common.feature {
    display: flex;
    margin-bottom: 0rem;
}

.dxp-exchange-seat-selection-view .dxp-page-navigation-buttons {
    margin-top: 2rem;
    margin-right: 0px;
    margin-bottom: 2rem;
    margin-left: 0px;
}

.dxp-ancillaries-view .dxp-page-navigation-buttons, .dxp-exchange-ancillaries-view .dxp-page-navigation-buttons {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dxp-passenger-view .page-actions .page-actions-buttons-container {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.dxp-exchange-passenger-view .page-actions {
    display: flex;
    margin: 2rem 0;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.dxp-mto-ancillaries-view .dxp-page-navigation-buttons {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.dxp-ancillary-panel .travel-part-title {
    margin-bottom: 0rem;
    padding: 0rem 0rem 0;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
}

.dxp-change-flight-view .dxp-flow-step-actions {
    margin: 2rem 0;
    float: right;
}

.dxp-search-flight-view .dxp-flow-step-actions {
    margin: 2rem 0;
    float: right;
}

/* END OF DXSB 4.8 CSS UPDATES 04 MAY 2021 */

/* ============================================================
   FARE LOCK PANEL -- VISUAL REDESIGN v2
   CSS-ONLY OVERRIDES (no HTML changes)
   Fixes from v1 (after live render):
   - Headline + description now visible (forced white on purple)
   - Lock icon positioned correctly inside the panel (SVG, inline with title)
   - White inner wrapper collapsed -- no inner gap inside the purple card
   - SELECT button label readable on all tiles (wide selector net, !important)
   - MOST POPULAR badge sits ABOVE the tile, not inside it
   - Auto-fit grid handles 2-tile and 3-tile renders both cleanly
   ============================================================ */

/* ----- OUTER CONTAINER (SOFT PURPLE TINT) ----- */
.dxp-payment-component .payment-fops .dxp-payment.bnpl {
    background-color: #F4E6F0 !important;
    background-image: none !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    padding: 1.5rem 1.75rem !important;
    border: 1px solid #E5CCDE !important;
    box-shadow: none !important;
    color: #2C2C2A !important;
    position: relative;
    overflow: hidden;
}

/* Soft decorative orb top-right -- subtle deeper purple wash */
.dxp-payment-component .payment-fops .dxp-payment.bnpl::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 140px;
    height: 140px;
    background: rgba(115, 6, 82, 0.05);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}


/* ----- KILL ANY WHITE INNER WRAPPER ----- */
/* The IBE wraps content in a white panel inside the purple -- force transparent */
.dxp-payment.bnpl,
.dxp-payment.bnpl > div,
.dxp-payment.bnpl > section,
.dxp-payment.bnpl .dxp-bnpl,
.dxp-payment.bnpl .bnpl-container,
.dxp-payment.bnpl .dxp-panel,
.dxp-payment.bnpl .panel,
.dxp-payment.bnpl .panel-body {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* ----- HEADLINE (h3) -- PX PURPLE ON TINT ----- */
.dxp-payment.bnpl .bnpl-container h3,
.dxp-payment.bnpl h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #730652 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    position: relative;
    z-index: 1;
    text-shadow: none;
    padding-left: 46px;
    min-height: 34px;
    display: flex !important;
    align-items: center !important;
}

/* Lock icon -- purple-on-tint, larger and more prominent */
.dxp-payment.bnpl .bnpl-container h3::before,
.dxp-payment.bnpl h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    background-color: #730652;
    border-radius: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'><path d='M12 2C9.24 2 7 4.24 7 7v3H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2h-1V7c0-2.76-2.24-5-5-5zm0 2c1.66 0 3 1.34 3 3v3H9V7c0-1.66 1.34-3 3-3zm0 11c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    box-shadow: 0 2px 4px rgba(115, 6, 82, 0.2);
}


/* ----- DESCRIPTION TEXT -- DARK ON TINT ----- */
.dxp-payment.bnpl .bnpl-container .bnpl-description,
.dxp-payment.bnpl .bnpl-description {
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
    color: #4a3942 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    position: relative;
    z-index: 1;
}

.dxp-payment.bnpl .bnpl-container .bnpl-description a,
.dxp-payment.bnpl .bnpl-description a {
    color: #730652 !important;
    text-decoration: underline;
    font-weight: 500;
}


/* ----- INNER CONTAINER FLOW ----- */
.dxp-bnpl .bnpl-container {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    flex-flow: column !important;
    align-items: stretch !important;
    position: relative;
    z-index: 1;
}


/* ----- ANCILLARY WARNING -- white card with amber accent on tint ----- */
.dxp-bnpl .bnpl-ancillary-warning {
    background-color: #FFFFFF !important;
    border: 1px solid #FFE082 !important;
    border-left: 4px solid #F5B642 !important;
    color: #5D4037 !important;
    border-radius: 8px;
    padding: 10px 14px !important;
    margin: 0 0 16px 0 !important;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}


/* ----- HOLD OPTIONS GRID -- auto-fit handles 2 or 3 tiles ----- */
.dxp-bnpl .bnpl-container .hold-options {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    padding: 6px 0 0 0 !important;
    margin-top: 0 !important;
    flex-flow: row;
    position: relative;
    z-index: 1;
}


/* ----- INDIVIDUAL HOLD OPTION TILES ----- */
.dxp-bnpl .bnpl-container .hold-options .hold-option {
    background-color: #ffffff !important;
    border: 1px solid #E5CCDE !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(115, 6, 82, 0.08) !important;
    margin: 12px 0 0 0 !important;
    padding: 14px 12px !important;
    text-align: center;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 110px;
    overflow: visible !important;
}

.dxp-bnpl .bnpl-container .hold-options .hold-option:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(115, 6, 82, 0.15) !important;
    border-color: #D4B5C8 !important;
}

/* Highlight the middle option (most popular)  brand maroon border + subtle pink fill.
   Uses Air Niugini brand maroon to signal "recommended/featured" via brand emphasis,
   not yellow (which carries warning semantics elsewhere in the booking flow). */
.dxp-bnpl .bnpl-container .hold-options .hold-option:nth-child(2) {
    border: 2px solid #6E1F47 !important;
    background-color: #FAF2F6 !important;
    box-shadow: 0 4px 12px rgba(110, 31, 71, 0.18) !important;
}

/* "MOST POPULAR" ribbon  sits ABOVE the tile. Brand maroon background with
   white text for high contrast and instant brand recognition. */
.dxp-bnpl .bnpl-container .hold-options .hold-option:nth-child(2)::before {
    content: 'MOST POPULAR';
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #6E1F47;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    white-space: nowrap;
    z-index: 5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}


/* ----- PRICE INSIDE TILES ----- */
.dxp-bnpl .bnpl-container .ducp-component-price,
.dxp-bnpl .bnpl-container .hold-option .ducp-component-price {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #730652 !important;
    margin: 4px 0 !important;
    line-height: 1 !important;
    font-family: 'Roboto Condensed', sans-serif;
}

/* Force the entire price-row to centre -- overrides any inherited justify-content from parent */
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price,
.dxp-bnpl .bnpl-container .hold-option .dxp-bnpl-offering-pay,
.dxp-bnpl .bnpl-container .hold-option .offer-information {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price .dxp-price,
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price .ducp-component-price,
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price .price-info,
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price .alternative,
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price .price,
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price .amount {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Hide the "Fare Lock Fee" label that appears before the price -- it duplicates the section header */
.dxp-bnpl .bnpl-container .hold-option .bnpl-hold-option-price > span[data-translation="payment.BNPL.fee"] {
    display: none !important;
}


/* ----- HOLD-TIME LABEL INSIDE TILES ----- */
.dxp-bnpl-lock-time {
    display: block !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 11px !important;
    color: #730652 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 10px 0 !important;
}


/* ----- SELECT BUTTON -- wide-net selector ----- */
.dxp-bnpl .bnpl-container .hold-options .hold-option button,
.dxp-bnpl .bnpl-container .hold-options .hold-option .btn,
.dxp-bnpl .bnpl-container .hold-options .hold-option .select-button,
.dxp-bnpl .bnpl-container .hold-options .hold-option a.btn,
.dxp-bnpl .bnpl-container .hold-options .hold-option input[type="submit"],
.dxp-bnpl .bnpl-container .hold-options .hold-option input[type="button"],
.dxp-bnpl .bnpl-container .hold-options .hold-option .spark-btn,
.dxp-bnpl .bnpl-container .hold-options .hold-option [class*="button"],
.dxp-bnpl .bnpl-container .hold-options .hold-option [class*="btn"] {
    background: #730652 !important;
    background-image: none !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background 0.15s ease;
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    line-height: 1.2 !important;
    min-height: 32px !important;
    height: auto !important;
    box-shadow: none !important;
}

/* Force the button TEXT to be visible -- child spans/labels can hide text */
.dxp-bnpl .bnpl-container .hold-options .hold-option button *,
.dxp-bnpl .bnpl-container .hold-options .hold-option .btn *,
.dxp-bnpl .bnpl-container .hold-options .hold-option a *,
.dxp-bnpl .bnpl-container .hold-options .hold-option [class*="button"] *,
.dxp-bnpl .bnpl-container .hold-options .hold-option [class*="btn"] * {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
}

.dxp-bnpl .bnpl-container .hold-options .hold-option button:hover,
.dxp-bnpl .bnpl-container .hold-options .hold-option .btn:hover,
.dxp-bnpl .bnpl-container .hold-options .hold-option a.btn:hover,
.dxp-bnpl .bnpl-container .hold-options .hold-option [class*="button"]:hover,
.dxp-bnpl .bnpl-container .hold-options .hold-option [class*="btn"]:hover {
    background: #5C0341 !important;
}


/* ----- OFFERING WRAPPER ----- */
.dxp-payment .dxp-bnpl-offering {
    display: flex !important;
    flex-flow: column !important;
    align-items: stretch !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
}

.dxp-payment .dxp-bnpl-offering .offer-information {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
    margin-bottom: 6px;
}


/* ----- VIEW MORE / VIEW LESS TOGGLE -- restyled, NOT hidden ----- */
.dxp-bnpl .show-link-container {
    display: flex !important;
    flex-direction: row-reverse;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(115, 6, 82, 0.18);
    position: relative;
    z-index: 1;
}

.dxp-bnpl .show-link-container a,
.dxp-bnpl .show-link-container .show-link,
.dxp-bnpl .show-link-container .show-more,
.dxp-bnpl .show-link-container .show-less,
.dxp-bnpl .show-link-container [class*="show-"],
.dxp-bnpl .show-link-container [class*="view-more"],
.dxp-bnpl .show-link-container [class*="view-less"] {
    color: #730652 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    background: transparent !important;
    border: none !important;
    padding: 4px 8px !important;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.dxp-bnpl .show-link-container a:hover,
.dxp-bnpl .show-link-container .show-link:hover,
.dxp-bnpl .show-link-container [class*="show-"]:hover,
.dxp-bnpl .show-link-container [class*="view-more"]:hover,
.dxp-bnpl .show-link-container [class*="view-less"]:hover {
    color: #5C0341 !important;
}


/* ----- FORCE ALL HOLD OPTIONS VISIBLE ----- */
/* Override any collapsed state the IBE applies -- show ALL tiers, always */
.dxp-bnpl .bnpl-container .hold-options .hold-option,
.dxp-bnpl .bnpl-container .hold-options .hold-option.hidden,
.dxp-bnpl .bnpl-container .hold-options .hold-option.collapsed,
.dxp-bnpl .bnpl-container .hold-options .hold-option[hidden],
.dxp-bnpl .bnpl-container .hold-options .hold-option[aria-hidden="true"],
.dxp-bnpl .bnpl-container .hold-options .hold-option[style*="display: none"],
.dxp-bnpl .bnpl-container .hold-options .hold-option[style*="display:none"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}


/* ----- SHOPPING CART FOOTER PRICE ----- */
.dxp-shopping-cart-footer .bnpl-fare-lock-fee {
    color: #730652;
    font-weight: 500;
    font-size: 18px;
    margin-top: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
}

.dxp-shopping-cart-footer .bnpl-fare-lock-fee .bnpl-fee .price {
    color: #730652;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}


/* ----- RESPONSIVE -- MOBILE BREAKPOINT ----- */
@media (max-width: 768px) {
    .dxp-payment-component .payment-fops .dxp-payment.bnpl {
        padding: 1.25rem 1rem !important;
    }

    .dxp-payment.bnpl .bnpl-container h3,
    .dxp-payment.bnpl h3 {
        font-size: 18px !important;
        padding-left: 36px;
    }

    .dxp-payment.bnpl .bnpl-container h3::before,
    .dxp-payment.bnpl h3::before {
        width: 26px;
        height: 26px;
    }

    .dxp-payment.bnpl .bnpl-description {
        font-size: 13px !important;
    }

    .dxp-bnpl .bnpl-container .hold-options {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .dxp-bnpl .bnpl-container .hold-options .hold-option {
        min-height: auto;
        padding: 14px 16px !important;
    }

    .dxp-bnpl .bnpl-container .ducp-component-price {
        font-size: 20px !important;
    }
}


/* ----- LEGACY SPARK ICON COMPATIBILITY ----- */
.spark-icon-note:before {
    content: "\f104";
}

.spark-message--info.spark-message--lg .spark-message__icon {
    border: 4px solid #ffffff;
}

.spark-message--info .spark-message__icon {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}


/* ----- CONFIRMATION VIEW MARGINS (preserved from original) ----- */
#dxp-bnpl-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div.dxp-container.dxp-confirmation-header-wrapper-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-bnpl-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-8 > div > div.dxp-container.dxp-confirmation-passengers-container.col-lg-12 {
    margin-top: 0;
    margin-bottom: 0;
}

#dxp-bnpl-confirmation-view > div > div.background-content.clearfix > div > div > div.row > div:nth-child(4) > div > div.dxp-container.col-lg-4 > div > div:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0;
}

/* ============================================================
   PAYMENT METHOD ICONS -- TARGETED FIX
   The IBE serves a generic blue-card placeholder image for Pay Later
   and Points+Cash because no specific logos are configured. This
   replaces those placeholders with proper inline SVG icons via CSS.
   Credit Card and BSPPay already have correct logos and are untouched.
   ============================================================ */

/* Pay Later (REMOTE) -- replace placeholder with a clock icon */
.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.REMOTE .option-label .logo-container img {
    display: none !important;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.REMOTE .option-label .logo-container {
    width: 36px !important;
    height: 36px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15 14'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
    transition: filter 0.15s ease !important;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.REMOTE.selected .option-label .logo-container {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23730652' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15 14'/></svg>") !important;
}


/* Points + Cash (AWARD) -- replace placeholder with a coins icon */
.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.AWARD .option-label .logo-container img {
    display: none !important;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.AWARD .option-label .logo-container {
    width: 36px !important;
    height: 36px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='8' cy='9' rx='5' ry='2.5'/><path d='M3 9v3c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V9'/><ellipse cx='16' cy='15' rx='5' ry='2.5'/><path d='M11 15v3c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V15'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 28px 28px !important;
    transition: filter 0.15s ease !important;
}

.payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.AWARD.selected .option-label .logo-container {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23730652' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='8' cy='9' rx='5' ry='2.5'/><path d='M3 9v3c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V9'/><ellipse cx='16' cy='15' rx='5' ry='2.5'/><path d='M11 15v3c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5V15'/></svg>") !important;
}


/* Note: WeChat, UnionPay, AliPay, and BSPPay (DD-105) are all AFOP variants
   that have their own branded logos served by the IBE. No CSS icon swap needed --
   the IBE delivers proper logos for these payment methods. */


/* ============================================================
   THIRD-PARTY PAYMENT PRICE (BSPPay, AFOP variants)
   Override the inherited 2rem (32px) styling so the price reads
   at the same weight as other payment-section prices.
   ============================================================ */
.dxp-third-party-payment-price-after-surcharge {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #2C2C2A !important;
    margin: 8px 0 12px 0 !important;
    display: block !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .currency {
    font-size: 75% !important;
    vertical-align: baseline !important;
    margin-top: 0 !important;
    color: #555555 !important;
    font-weight: 500 !important;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .decimal {
    font-size: 75% !important;
    vertical-align: baseline !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    display: inline !important;
}

.dxp-price .dxp-third-party-payment-price-after-surcharge .number,
.dxp-price .dxp-third-party-payment-price-after-surcharge .amount {
    color: #2C2C2A !important;
    font-weight: 500 !important;
}

/* ============================================================
   HIDE COVID-19 / CORONAVIRUS TRAVEL ADVICE NOTICES
   Removes legacy COVID/Coronavirus notices wherever they appear
   in the IBE flow (home page, flight selection, etc).
   Targets via data-translation attribute (most stable), parent
   static-content wrappers (second-stable), and inline-style
   fallback (catches any stragglers).
   ============================================================ */

/* ----- Primary targets: by data-translation key ----- */
span[data-translation="flightSearch.alert"],
[data-translation="flightSearch.alert"],
span[data-translation="flightSelection.reviewFlightsMoreInfo"],
[data-translation="flightSelection.reviewFlightsMoreInfo"] {
    display: none !important;
}

/* ----- Secondary: by static-content wrapper id/class ----- */
span.static--home--flight-search-headers-after,
span[id^="static--home--flight-search-headers-after"],
[id^="static--home--flight-search-headers-after"],
span.static--flight-selection--dxp-page-navigation-buttons-before,
span[id^="static--flight-selection--dxp-page-navigation-buttons-before"],
[id^="static--flight-selection--dxp-page-navigation-buttons-before"] {
    display: none !important;
}

/* ----- Fallback: inline-styled banner divs with the known background colours
   that the IBE uses for these legacy notices. Last-resort safety net. ----- */
.flight-search-headers + span div[style*="background: #e0f1ff"],
.flight-search-headers + span div[style*="background:#e0f1ff"],
.flight-search-headers + span div[style*="background: #E0F1FF"],
.dxp-flight-selection div[style*="background: #fff9d7"],
.dxp-flight-selection div[style*="background:#fff9d7"],
.dxp-flight-selection div[style*="background: #FFF9D7"] {
    display: none !important;
}

/* ============================================================
   FONT NORMALISATION -- TARGETED
   Force Roboto Condensed on breadcrumbs, booking summary panel,
   and other elements currently picking up the wrong font family.
   Deliberately scoped to AVOID touching icon fonts.
   ============================================================ */

/* ----- FORM FIELD VALUES -- auto-suggest and select inputs -----
   main.css sets Source Sans Pro on .spark-auto-suggest__field and
   .spark-select__input. Override to Roboto Condensed for consistency
   with the rest of the Air Niugini UI. Covers DOB values, Gender,
   airport pickers, and all other field-autocomplete components. */
.spark-auto-suggest__field,
.field-autocomplete .dxp-field-autocomplete.ducp-component-auto-suggest .spark-auto-suggest__field,
.spark-select__input,
.spark-select .spark-select__input,
.field-input,
.spark-input__field,
.spark-input__overlay {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

/* ----- BREADCRUMBS / STEP INDICATOR ----- */
.spark-step-indicator,
.spark-step-indicator *:not([class*="spark-icon"]),
.dxp-breadcrumbs,
.dxp-breadcrumbs *:not([class*="spark-icon"]),
.spark-step-indicator__item,
.spark-step-indicator__title,
.spark-step-indicator__title-text,
.spark-step-indicator__subtext,
.spark-step-indicator__subtitle,
.dxp-breadcrumb-header,
.dxp-breadcrumb-title-container,
.dxp-breadcrumb-item-subtitle,
.dxp-flight-breadcrumb-title-container,
.dxp-flight-selection-origin,
.dxp-flight-selection-destination {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- BOOKING SUMMARY (right-hand cart panel) ----- */
.dxp-shopping-cart,
.dxp-shopping-cart *:not([class*="spark-icon"]):not(.spark-icon),
.ducp-component-cart-panel,
.ducp-component-cart-panel *:not([class*="spark-icon"]):not(.spark-icon),
.cart,
.cart *:not([class*="spark-icon"]):not(.spark-icon) {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- EXTRAS PAGE PRODUCT TILES ----- */
.dxp-extras-view,
.dxp-extras-view *:not([class*="spark-icon"]):not(.spark-icon),
.dxp-extra-card,
.dxp-extra-card *:not([class*="spark-icon"]):not(.spark-icon),
.product-tile,
.product-tile *:not([class*="spark-icon"]):not(.spark-icon),
.dxp-product-card,
.dxp-product-card *:not([class*="spark-icon"]):not(.spark-icon) {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- TRIP COSTS / FOOTER ----- */
.dxp-shopping-cart-footer,
.dxp-shopping-cart-footer *:not([class*="spark-icon"]):not(.spark-icon),
.trip-total,
.trip-total *:not([class*="spark-icon"]):not(.spark-icon) {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- HEADER / NAV ----- */
.dxp-header-view,
.dxp-header-view *:not([class*="spark-icon"]):not(.spark-icon),
.dxp-menu,
.dxp-menu *:not([class*="spark-icon"]):not(.spark-icon) {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- FOOTER ----- */
.dxp-footer-view,
.dxp-footer-view *:not([class*="spark-icon"]):not(.spark-icon) {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- ICON FONT PROTECTION ----- */
/* Reassert Spark icon fonts on any icon element, even if a parent
   font-family rule somehow reaches them. */
.spark-icon-line,
[class*="spark-icon-line"]::before {
    font-family: 'spark-icon-line' !important;
}

.spark-icon-fill,
[class*="spark-icon-fill"]::before,
[class*="spark-icon"]:not(.spark-icon-line)::before {
    font-family: 'spark-icon-fill' !important;
}


/* ============================================================
   PRICE FONT OVERRIDE -- Oswald a  Roboto Condensed
   The price elements (extras tiles, cart, surcharge, taxes) are
   currently rendering in Oswald due to an inherited rule.
   Force Roboto Condensed across all price components.
   ============================================================ */
span.price,
.price,
.ducp-component-price,
.ducp-component-price *,
.dxp-price,
.dxp-price *,
.amount,
.number,
.currency,
.symbol,
.decimal,
.delimiter,
.alternative,
.price-info,
.cart-item-price,
.cart-item-price *,
.bnpl-hold-option-price,
.bnpl-hold-option-price * {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

/* ============================================================
   EXTRAS / ANCILLARIES PAGE -- TILE RESTYLE
   CSS-only. Targets existing IBE selectors. No HTML changes.
   
   Goal: quieter, on-brand tiles with cleaner typography and
   PX-branded CTAs. Removes the chunky dual-tone teal-purple
   stripe button in favour of a flat solid PX purple CTA.
   ============================================================ */


/* ----- PAGE INTRO HEADING ----- */
.dxp-ancillaries-view .dxp-view-title,
.dxp-ancillaries-view h1,
.dxp-ancillaries-view h2 {
    color: #2C2C2A !important;
    font-weight: 500 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- PAY LATER NOTICE -- restyle to amber notification ----- */
.dxp-ancillaries-view .dxp-payment-options-notice,
.dxp-ancillaries-view [class*="ancillary"] [style*="background"][style*="yellow"],
.dxp-ancillaries-view [class*="ancillary"] [style*="background"][style*="#fff"] {
    background: #FFF8E1 !important;
    border: 1px solid #FFE082 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    color: #5D4037 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 1.25rem !important;
}


/* ----- ANCILLARY TILE WRAPPER ----- */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary,
.dxp-exchange-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
    margin-bottom: 1rem !important;
    /* Fixed height so every tile is identical across columns and rows */
    display: flex !important;
    flex-direction: column !important;
    height: 280px !important;
    box-sizing: border-box !important;
}

.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary:hover {
    border-color: #D4B5C8 !important;
    box-shadow: 0 4px 12px rgba(115, 6, 82, 0.08) !important;
    transform: translateY(-2px) !important;
}

/* Wrapper column -- let the tile inside drive its own height */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary-wrapper,
.dxp-exchange-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary-wrapper {
    padding: 0 8px !important;
    margin-bottom: 1rem !important;
}


/* ----- INNER LAYOUT: content stretches, CTA stays at the bottom ----- */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-content,
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-summary,
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .ancillary-summary-common {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* The summary-content block (title, intro, price, caption) takes the available space */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-summary .summary-content,
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .ancillary-summary-common .summary-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

/* The summary-button block is pinned to the bottom of the tile */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-summary .summary-button,
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .ancillary-summary-common .summary-button {
    margin-top: auto !important;
    flex: 0 0 auto !important;
}


/* ----- TILE TITLE ----- */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-content .title,
.dxp-ancillary-panel-content .title,
.dxp-featured-ancillaries .dxp-ancillary-content .title {
    color: #2C2C2A !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    padding: 14px 16px 0 16px !important;
}

/* The icon next to the title */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-content .title .spark-icon,
.dxp-ancillary-panel-content .title .spark-icon {
    color: #730652 !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}


/* ----- TILE INTRO / DESCRIPTION ----- */
.dxp-featured-ancillaries .dxp-ancillary-content.feature .description .intro,
.dxp-ancillary-content .intro,
.dxp-ancillary-panel-content .intro {
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 0 0.75rem 0 !important;
    padding: 0 16px !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- PRICE BLOCK INSIDE TILES ----- */
.dxp-ancillary-summary .summary-content .price {
    margin: 0.75rem 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
    color: #730652 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

.dxp-ancillary-summary .summary-content .price .amount {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #730652 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

.dxp-ancillary-summary .summary-content .price .currency,
.dxp-ancillary-summary .summary-content .price .decimal {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #730652 !important;
    vertical-align: baseline !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- CAPTION (e.g. "per guest, per flight") ----- */
.dxp-ancillary-summary .summary-content .caption {
    color: #888888 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-align: center !important;
    padding: 0 16px !important;
    margin: -4px 0 12px 0 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* ----- BUTTON CONTAINER ----- */
.dxp-ancillary-summary .summary-button,
.ancillary-summary-common .summary-button {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}


/* ----- CTA BUTTON -- flat PX purple, no diagonal stripe ----- */
.ancillary-summary-common .summary-button button,
.ancillary-summary-common .summary-button button.ducp-component-button,
.ancillary-summary-common .summary-button button.spark-btn,
.dxp-ancillary-summary .summary-button button {
    background: #730652 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    cursor: pointer !important;
    width: 100% !important;
    display: block !important;
    transition: background 0.15s ease !important;
    box-shadow: none !important;
    min-height: 44px !important;
    text-align: center !important;
}

.ancillary-summary-common .summary-button button:hover,
.ancillary-summary-common .summary-button button.ducp-component-button:hover,
.dxp-ancillary-summary .summary-button button:hover {
    background: #5C0341 !important;
}

/* Force the button text and any nested span/icon to be white */
.ancillary-summary-common .summary-button button *,
.dxp-ancillary-summary .summary-button button * {
    color: #FFFFFF !important;
    background: transparent !important;
}


/* ----- REMOVE THE DUAL-TONE TEAL-PURPLE DIAGONAL STRIPE ----- */
/* This is the chunky decorative stripe at the bottom-right of the CTA */
.ancillary-summary-common .summary-button button::after,
.ancillary-summary-common .summary-button button.ducp-component-button::after,
.ancillary-summary-common .summary-button button.spark-btn::after,
.ancillary-summary-common .summary-button button.ducp-component-button.negative::after,
.ancillary-summary-common .summary-button button.ducp-component-button.secondary-button::after,
.ancillary-summary-common .summary-button button.ducp-component-button.text-button::after,
.ancillary-summary-common .summary-button button.ducp-component-button.view-more-button::after,
.ancillary-summary-common .summary-button button.ducp-component-button:not(.negative):not(.view-more-button):not(.secondary-button):not(.text-button)::after,
.dxp-ancillary-summary .summary-button button::after {
    display: none !important;
    content: none !important;
    background: none !important;
}


/* ----- "SELECTED" / ADDED STATE ----- */
/* When an ancillary is added, the tile typically gets a 'selected' or 'added' class */
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary.selected,
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary.added,
.dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary[class*="selected"] {
    border-color: #730652 !important;
    box-shadow: 0 2px 8px rgba(115, 6, 82, 0.15) !important;
}


/* ----- ANCILLARY PANEL CONTENT (the "Select Your Preferred Seats" preview area) ----- */
.dxp-ancillary-panel-content {
    background: #FAFAFA !important;
    border: none !important;
    padding: 16px !important;
    margin: 0 !important;
}

.dxp-ancillary-panel-content .img-div {
    margin-bottom: 8px !important;
}

.dxp-ancillary-panel-content .content .item {
    color: #555555 !important;
    font-size: 13px !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- ANCILLARY FOOTER TOTAL ----- */
.dxp-ancillary-footer .total {
    color: #730652 !important;
    font-weight: 600 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}


/* ----- MOBILE BREAKPOINT ----- */
@media (max-width: 768px) {
    .dxp-ancillaries-view .dxp-featured-ancillaries .dxp-ancillary .dxp-ancillary-content .title {
        font-size: 13px !important;
        padding: 12px 14px 0 14px !important;
    }

    .dxp-ancillary-summary .summary-content .price {
        padding: 0 14px !important;
    }

    .dxp-ancillary-summary .summary-content .price .amount {
        font-size: 20px !important;
    }
}

/* ============================================================
   HIDE REDUNDANT "BILLING DATA" LEGEND
   The billing section legend is unnecessary visual noise -- the
   Country/City fields self-explain. Hide it without removing it
   from the DOM (screen readers still announce it for accessibility).
   ============================================================ */
.dxp-payment-component .payment-fops .dxp-payment .billing-data-legend,
legend.billing-data-legend,
.dxp-billing-data .billing-data-legend {
    display: none !important;
}

/* ============================================================
   CVC FIELD WIDTH FIX
   The CVC field renders much narrower than other fields, breaking
   visual rhythm. Widen its container so it has the same visual
   weight as the Expiry Date block next to it.
   Surgical fix -- only touches the CVC container width, nothing else.
   ============================================================ */

/* Expiry+CVC row: give equal weight to both blocks */
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 14px !important;
    width: 100% !important;
}

/* Expiry block takes 2/3 of the row */
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .expiration-date,
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .credit-card-details-field.expiration-date {
    flex: 2 1 0 !important;
    min-width: 0 !important;
}

/* CVC block takes 1/3 of the row  gives it noticeably more breathing room */
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .cvc-container,
.credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .credit-card-details-field.cvc-container {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

/* ============================================================
   MOBILE  Expiry Date + CVC layout
   At mobile width (<=544px), three rules from styles.css (the
   DXP application layer) were silently constraining the date
   field to ~108px per Month/Year half, causing severe overlap:

   1. .expiration-cvc-container .fieldset-date { width: 65% }
      (unconditional, applies at all widths)
   2. .fieldset-date-part-month/year { width: 50% }
   3. .expiration-cvc-container { flex-direction: row }

   Mobile fix: override all three so Expiry stacks above CVC,
   Month stacks above Year, each at full container width.
   ============================================================ */
@media (max-width: 544px) {
    /* Override #1: stack expiry+cvc vertically (was flex-direction: row) */
    .credit-card-fieldset .credit-card-fields-container .expiration-cvc-container {
        flex-direction: column !important;
        gap: 1rem !important;
    }

    /* Override #2: full-width date field (was 65% in styles.css line 9802) */
    .credit-card-fieldset .credit-card-fields-container 
        .expiration-cvc-container .fieldset-date {
        width: 100% !important;
        margin-right: 0 !important;
    }

    /* Override #3: stack month above year, each full-width
       (was 50% in styles.css line 9809) */
    .credit-card-fieldset .credit-card-fields-container 
        .expiration-cvc-container .fieldset-date 
        .field-autocomplete.fieldset-date-part-month,
    .credit-card-fieldset .credit-card-fields-container 
        .expiration-cvc-container .fieldset-date 
        .field-autocomplete.fieldset-date-part-year {
        width: 100% !important;
        display: block !important;
        margin-bottom: 0.75rem !important;
    }

    /* Remove the bottom margin from the last (year) field so the
       gap between Year and CVC is controlled by the parent flex gap */
    .credit-card-fieldset .credit-card-fields-container 
        .expiration-cvc-container .fieldset-date 
        .field-autocomplete.fieldset-date-part-year {
        margin-bottom: 0 !important;
    }
}

/* ============================================================
   FORM VALIDATION VISUAL SOFTENING -- TACTICAL FIX
   The IBE's validation fires on page load instead of on blur/submit
   (a JS bug to be fixed at source by the Digital team). Until then,
   soften the visual aggressiveness so premature errors don't shout
   at the user.
   
   Also fixes the Expiry Date legend truncation.
   ============================================================ */


/* ----- EXPIRY DATE LEGEND: give it room so "MM-YYYY)" doesn't truncate ----- */
.credit-card-fieldset .expiration-date .fieldset-date-fieldset .dxp-fieldset-date-legend,
.credit-card-fieldset .expiration-date legend {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
}


/* ----- SOFTER ERROR BORDER COLOUR ----- */
/* Replace harsh dark red with a softer warning red that still reads as
   "needs attention" but doesn't dominate the page visually */

.field.field-error,
.field.has-error,
.field.field-invalid,
.field[aria-invalid="true"],
.spark-input.has-error,
.spark-input--error,
.field-use-label-feedback.field-invalid,
.field-use-label-feedback.field-error,
.credit-card-fieldset .field-error,
.credit-card-fieldset .has-error,
.credit-card-fieldset .field-invalid,
.dxp-billing-data .field-error,
.dxp-billing-data .has-error,
.dxp-billing-data .field-invalid {
    border-color: #E5928D !important;
    box-shadow: none !important;
}

/* Error border on the input element itself */
.field.field-error input,
.field.has-error input,
.field.field-invalid input,
.field[aria-invalid="true"] input,
.spark-input.has-error input,
.spark-input--error input,
.credit-card-fieldset .has-error input,
.credit-card-fieldset .field-invalid input,
.credit-card-fieldset .field-error input {
    border-color: #E5928D !important;
    box-shadow: none !important;
}

/* Error border on auto-suggest (Month/Year dropdowns) */
.field.field-autocomplete.field-error > span,
.field.field-autocomplete.has-error > span,
.field.field-autocomplete.field-invalid > span,
.field.field-autocomplete[aria-invalid="true"] > span {
    border-color: #E5928D !important;
    box-shadow: none !important;
}

/* Error border on fieldset (Expiry Date wrapper) */
.fieldset-date.field-error .fieldset-date-fieldset,
.fieldset-date.has-error .fieldset-date-fieldset,
.fieldset-date.field-invalid .fieldset-date-fieldset,
fieldset.field-error,
fieldset.has-error,
fieldset.field-invalid {
    border-color: #E5928D !important;
    box-shadow: none !important;
}


/* ----- SOFTER ERROR MESSAGE TEXT ----- */
.field-error-message,
.field .error-message,
.field .field-error-message,
.spark-input__message,
.field-feedback,
.field-validation-message,
.field-required-message,
.field-use-label-feedback .field-feedback,
[class*="is-required"],
[class*="is-Required"] {
    color: #B5524C !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    background: transparent !important;
}


/* ----- FOCUS STATE TAKES PRIORITY OVER ERROR ----- */
/* When the user focuses an errored field, show focus ring (purple)
   so they know they're acting on it, instead of staring at red */
.field.field-error input:focus,
.field.has-error input:focus,
.field.field-invalid input:focus,
.credit-card-fieldset .field-error input:focus,
.credit-card-fieldset .has-error input:focus,
.credit-card-fieldset .field-invalid input:focus,
.field.field-autocomplete.field-error > span:focus-within,
.field.field-autocomplete.has-error > span:focus-within,
.fieldset-date.field-error .fieldset-date-fieldset:focus-within,
.fieldset-date.has-error .fieldset-date-fieldset:focus-within {
    border-color: #730652 !important;
    box-shadow: 0 0 0 3px rgba(115, 6, 82, 0.1) !important;
    outline: none !important;
}

/* ============================================================
   STATIC INFORMATIONAL NOTICES  RESTYLE
   Restyles legacy inline-styled pale-yellow notices to match the
   design system (soft blue card with accent stripe  informational).
   
   These banners are predominantly informational guidance with
   embedded warning emphasis (bold text). The blue palette signals
   "important info to read" without the false-alarm cost of yellow.

   Covers:
   - payment.payment.prePurchaseWarning (Payment page)  INFO
   - passengers.headerInfo (Passengers page)  INFO
   - ancillary.ancillaryWarningPayLater (Extras page)  INFO
   - ancillary.selectBagsWithRespectiveWeights (Baggage modal)  WARNING (still amber, see below)
   - any other inline-styled pale-yellow div inside ancillary panels

   NOTE: Genuine warnings (.BPC-content Pay Later 24-hr deadline,
   BA_remote Pay at Airport cancellation, baggage no-refund,
   payment-processing double-charge risk) remain amber via their
   own JSON inline styles. Only banners with predominantly
   informational content are blue here.
   ============================================================ */

/* Outer wrapper spans -- all translation hosts */
span[data-translation="payment.payment.prePurchaseWarning"],
[data-translation="payment.payment.prePurchaseWarning"],
span[data-translation="passengers.headerInfo"],
[data-translation="passengers.headerInfo"],
span[data-translation="ancillary.ancillaryWarningPayLater"],
[data-translation="ancillary.ancillaryWarningPayLater"],
span[data-translation="ancillary.selectBagsWithRespectiveWeights"],
[data-translation="ancillary.selectBagsWithRespectiveWeights"] {
    display: block !important;
    margin: 0 0 1.25rem 0 !important;
}

/* Inner inline-styled divs -- override the inline border/padding/background */
span[data-translation="payment.payment.prePurchaseWarning"] > div,
[data-translation="payment.payment.prePurchaseWarning"] > div,
span[data-translation="passengers.headerInfo"] > div,
[data-translation="passengers.headerInfo"] > div,
span[data-translation="ancillary.ancillaryWarningPayLater"] > div,
[data-translation="ancillary.ancillaryWarningPayLater"] > div,
span[data-translation="ancillary.selectBagsWithRespectiveWeights"] > div,
[data-translation="ancillary.selectBagsWithRespectiveWeights"] > div,
.dxp-payment-component .payment-fops > span[id*="payment-bnpl-before"] div[style*="background"][style*="fff9d7"],
.dxp-payment-component .payment-fops > span[id*="payment-bnpl-before"] div[style*="background"][style*="FFF9D7"],
.dxp-passenger-view div[style*="background"][style*="fff9d7"],
.dxp-passenger-view div[style*="background"][style*="FFF9D7"],
.static--ancillaries--ancillaries-container-before div[style*="background"][style*="fff9d7"],
.static--ancillaries--ancillaries-container-before div[style*="background"][style*="FFF9D7"],
.dxp-ancillary-panel div[style*="background"][style*="fff9d7"],
.dxp-ancillary-panel div[style*="background"][style*="FFF9D7"],
.dxp-ancillary-panel-body div[style*="background"][style*="fff9d7"],
.dxp-ancillary-panel-body div[style*="background"][style*="FFF9D7"] {
    background: #E8F4FD !important;
    border: 1px solid #B6DAF2 !important;
    border-left: 4px solid #2196F3 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    color: #0D47A1 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
}

/* Override any inline-coloured span (e.g. <span style="color:#9F6000">) inside these informational banners */
span[data-translation="ancillary.selectBagsWithRespectiveWeights"] > div > span[style*="color"],
.dxp-ancillary-panel div[style*="background"][style*="fff9d7"] > span,
.dxp-ancillary-panel div[style*="background"][style*="FFF9D7"] > span,
.dxp-ancillary-panel-body div[style*="background"][style*="fff9d7"] > span,
.dxp-ancillary-panel-body div[style*="background"][style*="FFF9D7"] > span {
    color: #0D47A1 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* Pay Later instruction notice (.BPC-content) -- dashed-orange-bordered yellow box */
.dxp-payment-component .payment-fops .dxp-payment .BPC-content,
.dxp-payment .BPC-content,
div.BPC-content {
    background: #FFF8E1 !important;
    border: 1px solid #FFE082 !important;
    border-left: 4px solid #F5B642 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    color: #5D4037 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    margin: 0 0 1rem 0 !important;
    font-weight: 400 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

/* Pay Later instruction content -- force uniform font size and weight on ALL children */
.dxp-payment-component .payment-fops .dxp-payment .BPC-content *,
.dxp-payment .BPC-content *,
div.BPC-content * {
    color: #5D4037 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Override the first-paragraph bold rendering -- restore normal weight */
.dxp-payment-component .payment-fops .dxp-payment .BPC-content p,
.dxp-payment .BPC-content p,
div.BPC-content p,
.dxp-payment-component .payment-fops .dxp-payment .BPC-content b,
.dxp-payment .BPC-content b,
div.BPC-content b,
.dxp-payment-component .payment-fops .dxp-payment .BPC-content strong,
.dxp-payment .BPC-content strong,
div.BPC-content strong {
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

/* Numbered list inside the notice */
.dxp-payment-component .payment-fops .dxp-payment .BPC-content ol,
.dxp-payment .BPC-content ol,
div.BPC-content ol,
.dxp-payment-component .payment-fops .dxp-payment .BPC-content ul,
.dxp-payment .BPC-content ul,
div.BPC-content ul {
    margin: 0 !important;
    padding-left: 20px !important;
}

.dxp-payment-component .payment-fops .dxp-payment .BPC-content li,
.dxp-payment .BPC-content li,
div.BPC-content li {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    color: #5D4037 !important;
}

/* Links inside the Pay Later notice */
.dxp-payment-component .payment-fops .dxp-payment .BPC-content a,
.dxp-payment .BPC-content a,
div.BPC-content a {
    color: #730652 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

/* The text inside translation-host warnings */
span[data-translation="payment.payment.prePurchaseWarning"] > div > span,
[data-translation="payment.payment.prePurchaseWarning"] > div > span,
span[data-translation="passengers.headerInfo"] > div > span,
[data-translation="passengers.headerInfo"] > div > span,
span[data-translation="ancillary.ancillaryWarningPayLater"] > div > span,
[data-translation="ancillary.ancillaryWarningPayLater"] > div > span,
span[data-translation="ancillary.selectBagsWithRespectiveWeights"] > div > span,
[data-translation="ancillary.selectBagsWithRespectiveWeights"] > div > span {
    color: #5D4037 !important;
    font-size: 13px !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    line-height: 1.6 !important;
}

/* Links inside ancillary modal warnings (e.g. "Read our Baggage Policy") */
span[data-translation="ancillary.selectBagsWithRespectiveWeights"] a,
[data-translation="ancillary.selectBagsWithRespectiveWeights"] a,
.dxp-ancillary-panel div[style*="background"][style*="fff9d7"] a,
.dxp-ancillary-panel-body div[style*="background"][style*="fff9d7"] a {
    color: #730652 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/* The "Reminder:" / bold text */
span[data-translation="payment.payment.prePurchaseWarning"] > div > span > b,
[data-translation="payment.payment.prePurchaseWarning"] > div > span > b,
span[data-translation="payment.payment.prePurchaseWarning"] b,
[data-translation="payment.payment.prePurchaseWarning"] b,
span[data-translation="passengers.headerInfo"] b,
[data-translation="passengers.headerInfo"] b,
span[data-translation="ancillary.ancillaryWarningPayLater"] b,
[data-translation="ancillary.ancillaryWarningPayLater"] b,
span[data-translation="ancillary.selectBagsWithRespectiveWeights"] b,
[data-translation="ancillary.selectBagsWithRespectiveWeights"] b {
    color: #BF360C !important;
    font-weight: 600 !important;
}

/* ============================================================
   FLIGHT SEGMENT -- DEPARTURE / ARRIVAL FONT CONSISTENCY
   The arrival segment (.segment-arrival) renders the city name
   and airport code at a different size/weight than the departure
   segment (.segment-line). Force consistent typography on both.
   ============================================================ */

/* The arrival segment block */
.flight-offer-itinerary-part-details .flight-offer-segment-details .segment-details .segment-arrival,
.flight-offer-itinerary-part-details .flight-offer-segment-details .segment-details .segment-line {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

/* Time (e.g. "07 JUN, 10:30 AM" / "07 JUN, 01:40 PM") */
.flight-offer-itinerary-part-details .segment-arrival .segment-header .time,
.flight-offer-itinerary-part-details .segment-line .segment-header .time,
.flight-offer-itinerary-part-details .segment-arrival .time,
.flight-offer-itinerary-part-details .segment-line .time {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #2C2C2A !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    line-height: 1.3 !important;
}

/* City name (e.g. "PORT MORESBY" / "BRISBANE") */
.flight-offer-itinerary-part-details .segment-arrival .segment-header .town,
.flight-offer-itinerary-part-details .segment-line .segment-header .town,
.flight-offer-itinerary-part-details .segment-arrival .town,
.flight-offer-itinerary-part-details .segment-line .town {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2C2C2A !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
}

/* Airport code + name (e.g. "BNE  Brisbane, Queensland") */
.flight-offer-itinerary-part-details .segment-arrival .airport,
.flight-offer-itinerary-part-details .segment-line .airport,
.flight-offer-itinerary-part-details .segment-arrival .airport *,
.flight-offer-itinerary-part-details .segment-line .airport * {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    line-height: 1.3 !important;
}

/* ============================================================
   SELECTED FLIGHTS -- BOTTOM GAP TRIM
   The .dxp-selected-flights block has a 2.67rem (~42px) margin-bottom
   that creates an oversized empty gap before the "Take the time to
   read through the Fare Rules..." disclaimer. Tighten to ~1rem.
   ============================================================ */

.dxp-selected-flights {
    margin-bottom: 1rem !important;
}

/* ============================================================
   GLOBAL DXP INLINE MESSAGE -- INFO VARIANT
   The .dxp-inline-message.info component appears across multiple
   pages (Payment "Please note", Passenger special-needs notice,
   etc). Apply consistent amber-card styling everywhere.
   ============================================================ */

.dxp-inline-message.info,
div.dxp-inline-message.info {
    background: #FFF8E1 !important;
    border: 1px solid #FFE082 !important;
    border-left: 4px solid #F5B642 !important;
    border-radius: 8px !important;
    padding: 10px 16px 8px 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    color: #5D4037 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    margin: 0 0 0.5rem 0 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

/* Disclaimer banner nested inside the Remember Me section needs top
   spacing  it sits below the gender/form fields and would otherwise
   touch them. Scoped to .remember-me-checkbox so it doesn't affect
   other instances of the info banner elsewhere. */
.remember-me-checkbox .dxp-inline-message.info,
.save-passenger-section-checkbox .dxp-inline-message.info {
    margin-top: 1rem !important;
    margin-bottom: 0.75rem !important;
}

/* The "info" / "note" icon -- replace dark/blue circle with simple amber */
.dxp-inline-message.info .spark-icon-note,
.dxp-inline-message.info .spark-icon-info-circle,
.dxp-inline-message.info [class*="spark-icon"] {
    background: transparent !important;
    border: none !important;
    color: #BF360C !important;
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    line-height: 1.3 !important;
}

.dxp-inline-message.info .spark-icon-note::before,
.dxp-inline-message.info .spark-icon-info-circle::before,
.dxp-inline-message.info [class*="spark-icon"]::before {
    color: #BF360C !important;
}

/* Title-content wrapper */
.dxp-inline-message.info .title-content {
    flex: 1 !important;
}

/* The bold "Note:" / "Please note:" label */
.dxp-inline-message.info .title-content .title,
.dxp-inline-message.info b.title,
.dxp-inline-message.info b {
    color: #BF360C !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
}

/* Body text */
.dxp-inline-message.info .title-content > span,
.dxp-inline-message.info > span {
    color: #5D4037 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
}

/* Links inside the message */
.dxp-inline-message.info a,
.dxp-inline-message.info .dxp-link {
    color: #730652 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/* ============================================================
   ANCILLARIES MASONRY -- CONTAINER STRETCH ONLY
   The .dxp-masonry container is narrower than its parent column,
   leaving unused space between the rightmost ancillary tile and
   the page edge.
   
   IMPORTANT LESSON: removing the max-width on .dxp-ancillary-wrapper
   broke the 3-column layout because the masonry JS computed positions
   based on the original capped tile widths. Tiles got wider but
   container didn't, so they reflowed to 2 columns.
   
   This version: stretches the OUTER containers only. Keeps the
   per-tile max-width intact so the 3-column layout is preserved.
   The masonry will sit left-aligned within a wider container --
   some right-side space may remain, but layout won't collapse.
   ============================================================ */

/* DO NOT touch .dxp-ancillary-wrapper max-width -- that broke the layout */

/* Outer containers stretch to fill available width */
.dxp-ancillaries-view .dxp-masonry,
.dxp-tiled-ancillaries .dxp-masonry,
div.dxp-masonry {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.left-side-panel .ancillaries-container,
.left-side-panel #dxp-ancillaries-container,
.ancillaries-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.left-side-panel .dxp-ancillaries,
.left-side-panel .dxp-ancillaries-layout {
    width: 100% !important;
    max-width: 100% !important;
}

.left-side-panel .dxp-tiled-ancillaries {
    width: 100% !important;
    max-width: 100% !important;
}

/* ============================================================
   TILED ANCILLARY CARDS  reduce excessive vertical whitespace
   
   DevTools showed each .ducp-component-title (the "SEAT SELECTION",
   "LOUNGE ACCESS", etc. headings) rendering with margin:12px 0
   AND padding:12px  totalling 48px of vertical empty space around
   each heading. Combined with other internal card padding, the
   cards felt oversized and empty relative to their content.
   
   Second iteration added .dxp-ancillary-content.tile margin tightening
   (was rendering with 16px outer margin) and inner section spacing.
   
   This block tightens that spacing for a denser, more scannable
   ancillary tile layout. JavaScript-set masonry height will
   auto-recalculate based on the new tighter children.
   ============================================================ */

/* Tighten the outer content tile wrapper margin (was 16px from
   Sabre default  creates an empty band around each card) */
.dxp-tiled-ancillaries .dxp-ancillary-content.tile,
.dxp-tiled-ancillaries .ancillary-common .dxp-ancillary-content {
    margin: 4px 0 !important;
}

/* Tighten the title heading inside each tiled ancillary card.
   Using h3.ducp-component-title.title selector for maximum
   specificity  DevTools showed Sabre's 12px 0px margin winning
   against earlier less-specific selectors. */
.dxp-tiled-ancillaries h3.ducp-component-title.title,
.dxp-tiled-ancillaries .dxp-ancillary-content h3.ducp-component-title.title,
.dxp-tiled-ancillaries .dxp-ancillary h3.ducp-component-title.title {
    margin: 0 !important;
    padding: 4px 8px !important;
    line-height: 1.2 !important;
}

/* Reduce vertical padding on the ancillary content wrapper itself
   so the title, body content, and CTA button sit closer together */
.dxp-tiled-ancillaries .dxp-ancillary .dxp-ancillary-content,
.dxp-tiled-ancillaries .ancillary-common .dxp-ancillary-content {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* Tighten the description area between title and CTA */
.dxp-tiled-ancillaries .dxp-ancillary-content .description {
    padding: 2px 8px !important;
    margin: 0 !important;
}

/* Tighten the ancillary summary area (where price + "per person, per flight" sits) */
.dxp-tiled-ancillaries .ancillary-summary {
    padding: 4px 8px !important;
    margin: 0 !important;
}

/* Remove the gap between the title block and the description/summary
   block that appears in tile layout. This is typically caused by a
   wrapper around each section having its own bottom margin. */
.dxp-tiled-ancillaries .dxp-ancillary-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Tighten the wrapper around each ancillary tile so cards sit
   closer together vertically (was using larger default margins) */
.dxp-tiled-ancillaries .dxp-ancillary-wrapper {
    padding: 4px !important;
}

/* General within-card tightening  third iteration.
   Targets remaining gaps: caption text, price area, "per guest"
   subtitle, and the band between subtitle and CTA button.
   Conservative reductions (2-6px each)  small enough that no
   single element becomes cramped, but compounding for a visibly
   tighter feel overall. */

/* The "Prepay in 5 kilogram lots" caption inside Prepaid Baggage
   card  DevTools showed margin: -4px 0 12px. The 12px bottom margin
   is the culprit creating space before the ADD BAGS button. */
.dxp-tiled-ancillaries .dxp-ancillary-content .caption,
.dxp-tiled-ancillaries .description .caption {
    margin: 0 !important;
    padding: 2px 16px !important;
    line-height: 1.3 !important;
}

/* Price area (e.g., "290.00 PGK")  reduce surrounding spacing */
.dxp-tiled-ancillaries .dxp-ancillary-content .price,
.dxp-tiled-ancillaries .dxp-ancillary-content .ducp-component-price,
.dxp-tiled-ancillaries .ancillary-summary .price,
.dxp-tiled-ancillaries .ancillary-summary .ducp-component-price {
    margin: 0 !important;
    padding: 2px 0 !important;
    line-height: 1.2 !important;
}

/* "per guest, per flight" / "per person, per flight" subtitle 
   sit it closer to both the price above and the CTA button below */
.dxp-tiled-ancillaries .ancillary-summary .price-clarifier,
.dxp-tiled-ancillaries .ancillary-summary .secondary-info,
.dxp-tiled-ancillaries .dxp-ancillary-content .price-clarifier,
.dxp-tiled-ancillaries .dxp-ancillary-content .secondary-info {
    margin: 0 !important;
    padding: 0 0 4px 0 !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
}

/* CTA button container (ADD BUNDLE / VIEW AND SELECT / ADD LOUNGE
   ACCESS / ADD BAGS)  tighten top margin so button sits flush
   to the content above */
.dxp-tiled-ancillaries .dxp-ancillary-content .action,
.dxp-tiled-ancillaries .dxp-ancillary-content .ducp-component-button,
.dxp-tiled-ancillaries .dxp-ancillary-content button.action-button {
    margin-top: 4px !important;
}

/* The masonry grid layout  reduce inter-card gap so cards pack
   together more efficiently. Default Sabre uses a generous gap
   that adds up across 6+ cards. */
.dxp-tiled-ancillaries .dxp-masonry {
    column-gap: 8px !important;
}

.dxp-tiled-ancillaries .dxp-ancillary-wrapper {
    margin-bottom: 8px !important;
}

/* Inner spark-panel content wrapper  DevTools showed this with
   padding: 12px 12px 18px, creating the visible green band around
   the price + "per guest, per flight" subtitle inside each card.
   Tighten to give the price area a flush appearance. */
.dxp-tiled-ancillaries .spark-panel__content.spark-expand,
.dxp-tiled-ancillaries .dxp-ancillary-content .spark-panel__content,
.dxp-tiled-ancillaries .ancillary-summary .spark-panel__content {
    padding: 4px 12px !important;
}

/* ============================================================
   ANCILLARY MODAL  tighten panel content padding
   
   When a user clicks ADD BUNDLE on a tile, a modal opens with
   the bundle details. The .dxp-ancillary-panel-content wrapper
   inside that modal has 16px padding on all sides  creating
   visible empty bands around the title header and content
   sections. Tightening these padding values gives the modal a
   denser, more focused feel.
   ============================================================ */
.dxp-ancillary-panel-content {
    padding: 8px 16px !important;
}

/* The bundle title bar at the top of the modal (e.g. "SEAT & 10KG
   BAG BUNDLE"  blue header)  tighten its surrounding spacing */
.dxp-ancillary-panel .dxp-ancillary-panel-content .ducp-component-title,
.dxp-ancillary-panel .dxp-ancillary-panel-content h3,
.dxp-ancillary-panel .dxp-ancillary-panel-content .title {
    margin: 0 !important;
    padding: 6px 12px !important;
    line-height: 1.3 !important;
}

/* Bundle hero image inside the modal  DevTools showed 36px
   horizontal padding creating visible empty bands either side of
   the image. Reduce to 8px so the image sits tighter within its
   container. */
.dxp-ancillary-panel img.dxp-image.item,
.dxp-ancillary-panel .dxp-ancillary-panel-content img.dxp-image,
.dxp-ancillary-panel-content img.item.img-div {
    padding: 0 8px !important;
    margin: 0 0 4px 0 !important;
}

/* Modal outer container margin  DevTools showed Sabre's default
   .spark-modal__content using margin: 4rem auto (64px vertical),
   creating wide empty bands above and below the modal within the
   dark overlay. Reduce to 2rem so the modal sits closer to viewport
   edges. Scoped to ancillary modals so other modals are unaffected. */
.dxp-ancillary-panel-modal.spark-modal .spark-modal__content,
.spark-modal.dxp-ancillary-panel-modal .spark-modal__content {
    margin: 2rem auto !important;
}

/* ============================================================
   CREDIT CARD FIELDS -- CONSERVATIVE STYLING
   
   History:
   - First attempt forced 18/8 padding across all fields a  broke
     Expiry and Name fields
   - Second attempt 12/12 even padding a  broke Expiry
   - Third attempt scoped to Card/Name/CVC a  Card Number value
     sat at bottom of input, looked unbalanced
   - Fourth attempt reduced Card Number top padding to 8px a  label
     overlapped with value
   
   Conclusion: the IBE's input padding logic is interwoven with
   its floating-label positioning JS. CSS-only overrides on the
   input padding consistently break the label rendering on at
   least one field type.
   
   Final state: leave the input padding alone. Apply ONLY the
   safe cosmetic changes (placeholder font normalisation, label
   colour for readability).
   ============================================================ */

/* Placeholder font normalisation -- replace Roboto Mono with Roboto Condensed.
   This is the only safe change that consistently improves all fields. */
.credit-card-fieldset .credit-card-number-container .spark-input__placeholder,
.credit-card-fieldset .credit-card-cvc-container .spark-input__placeholder,
.credit-card-fieldset .credit-card-name-container .spark-input__placeholder {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    font-size: 14px !important;
}


/* ============================================================
   LABEL CONSISTENCY -- clean dark labels across all fields
   
   Labels should look the same in BOTH empty and filled states:
   12px Roboto Condensed, 500 weight, dark charcoal.
   
   IMPORTANT: this rule changes ONLY visual styling (font, colour,
   weight) -- no position, padding, or transform changes. That keeps
   the IBE's floating-label JS animation intact while making labels
   readable in the empty state.
   ============================================================ */
.credit-card-fieldset .field-label,
.credit-card-fieldset label.field-label,
.credit-card-fieldset .dxp-fieldset-date-legend,
.credit-card-fieldset legend.dxp-fieldset-date-legend,
.credit-card-fieldset .credit-card-number-container .field-label,
.credit-card-fieldset .credit-card-cvc-container .field-label,
.credit-card-fieldset .credit-card-name-container .field-label,
.credit-card-fieldset .expiration-date .field-label,
.credit-card-fieldset .expiration-date .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date .dxp-fieldset-date-legend {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #2C2C2A !important;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
    line-height: 1.3 !important;
    letter-spacing: 0.2px !important;
    opacity: 1 !important;
}

/* Placeholder spans in EMPTY state -- also render in the dark label
   style so the label is clearly readable. Only changes font/colour,
   does NOT touch position, padding, or transform. */
.credit-card-fieldset .credit-card-number-container .spark-input__placeholder,
.credit-card-fieldset .credit-card-cvc-container .spark-input__placeholder,
.credit-card-fieldset .credit-card-name-container .spark-input__placeholder {
    color: #2C2C2A !important;
    font-weight: 500 !important;
}


/* ============================================================
   EXPIRY DATE -- NEGATIVE MARGIN + LEGEND SOFTENING
   Reset the -24px margin on Month/Year sub-fields so the row
   aligns with the Card Number / Name / CVC row.
   Tighten the gap between the legend and the dropdowns so the
   dropdowns sit centred in the field box like CVC's value does.
   Soften the error-state legend colour.
   ============================================================ */
.credit-card-fieldset .fieldset-date-part-month,
.credit-card-fieldset .fieldset-date-part-year,
.credit-card-fieldset .expiration-date .fieldset-date-part-month,
.credit-card-fieldset .expiration-date .fieldset-date-part-year,
.credit-card-fieldset div.field.field-autocomplete.fieldset-date-part-month,
.credit-card-fieldset div.field.field-autocomplete.fieldset-date-part-year {
    margin-top: 0 !important;
}

.credit-card-fieldset .expiration-date .fieldset-date-fieldset .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date .fieldset-date-fieldset .dxp-fieldset-date-legend {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    line-height: 1.2 !important;
}

/* ============================================================
   Expiry Date  Month / Year autocomplete field height + label
   The autocomplete component (.spark-auto-suggest) needs more
   height than the CVC field because it contains label + value
   + dropdown chevron, all positioned within the same container.

   Field height: 3rem (taller than CVC's 2.5rem) to give the
   label its own visual band above the value without overlap.

   IMPORTANT: scoped to .fieldset-date-fieldset to prevent the
   rules cascading to other .spark-auto-suggest components used
   elsewhere in the booking flow (city/airport pickers, etc.).
   !important is required because main.css from Sabre loads
   after this file and overrides on these classes.
   ============================================================ */

/* ============================================================
   CREDIT CARD EXPIRY DATE -- Month / Year sub-field labels
   Scoped to .credit-card-fieldset .fieldset-date-fieldset ONLY.

   main.css sets overflow:hidden on .spark-auto-suggest__field
   which clips the floating label in the filled state.
   Fix: pin label at top with overflow:visible. This was the
   confirmed working state before the "native layout" attempt.
   ============================================================ */

/* Label pinned at top of field in all states */
.credit-card-fieldset .fieldset-date-fieldset .spark-auto-suggest .spark-label {
    color: #555 !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 0.35rem !important;
    left: 0.8333rem !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
    background: transparent !important;
    overflow: visible !important;
    transform: none !important;
}

/* Component container */
.credit-card-fieldset .fieldset-date-fieldset .spark-auto-suggest {
    min-height: 3rem !important;
    border: none !important;
    background: transparent !important;
}

/* Field container -- override overflow:hidden from main.css.
   height:3rem keeps the compact layout. padding-top centres
   the value below the 0.35rem label. */
.credit-card-fieldset .fieldset-date-fieldset .spark-auto-suggest__field {
    overflow: visible !important;
    height: 3rem !important;
    padding-top: 1.4rem !important;
    padding-bottom: 0.25rem !important;
}

/* Re-position the dropdown chevron so it sits centred vertically
   in the shorter field. The icon is typically absolutely
   positioned by main.css for a 5rem-tall field  without this
   override it floats awkwardly in our 3rem field.

   KNOWN TRADE-OFF: clicking the chevron does NOT open the
   dropdown on date fields (it does on Country/City). This is
   because Sabre's date variant binds the click handler in a
   position-dependent way that breaks when we reposition the icon.
   Users open the dropdown by clicking the field text area, which
   works reliably. The chevron remains a visual affordance. */
.fieldset-date-fieldset .spark-icon-arrow-triangle-down {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    right: 0.5rem !important;
}

/* CC expiry -- chevron centred within the 3rem compact field height */
.credit-card-fieldset .fieldset-date-fieldset .spark-icon-arrow-triangle-down {
    top: 1.5rem !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    right: 0.5rem !important;
}

/* When the fieldset is in error state and the legend shows the error
   message ("Invalid/Out of Range Date"), soften the red */
.credit-card-fieldset .fieldset-date-fieldset.field-error .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date-fieldset.has-error .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date-fieldset.field-invalid .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date.field-error .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date.has-error .dxp-fieldset-date-legend,
.credit-card-fieldset .fieldset-date.field-invalid .dxp-fieldset-date-legend {
    color: #B5524C !important;
    font-weight: 500 !important;
}

/* Start of Mobile Theme CSS Updates */



.flight-offer-details-mobile .duration-stops .stops {
    display: flex;
    margin-top: 0;
    font-family: Roboto Condensed, sans-serif;
    color: #333;
}

.flight-offer-details-mobile .duration-stops .duration {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.08333rem;
    font-weight: 400;
    color: #333;
    width: max-content;
}

.flight-offer-details-mobile .route-date-time .time-airport .time {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.08333rem;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .big-price-container .big-price .amount, .itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .big-price-container .big-price .amount .number {
    display: flex;
    font-size: 13px;
}

.itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .big-price-container .big-price .alternative {
    font-size: 13px;
    font-family: Roboto Condensed, sans-serif;
}

.itinerary-part-offer-min-price-new-mobile {
    padding: 0 0 0 2.5rem;
}

.dxp-flight-selection.mobile-theme .flight-details-content .flight-details-price {
    font-size: 1.01233rem;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container .brand-name {
    font-family: Roboto Condensed, sans-serif;
    font-size: 16px;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container {
    border-bottom: .08333rem solid #ccc;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: .5rem;
    -webkit-box-align: center;
    align-items: center;
    font-size:18px;
    font-weight: 300;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container .total-discount-amount-container .brand-card-price .price {
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.66667rem;
}

.mini-flight-summary-container .mini-flight-summary [class*=Time] {
    line-height: 1.5rem;
    font-size: 1.11111rem;
    color: #333;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 400;
}

.itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .starting-at-label {
    color: #555;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom:.45rem;
}

.itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .big-price-container .big-price .amount .number .decimal {
    font-size: 80%;
    line-height: 1;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container .total-discount-amount-container .brand-card-price .amount {
    color: #1a4c66;
    font-size: 16px;
}

.dxp-flight-selection.mobile-theme .flight-details-content {
    font-weight: 400;
    font-size: 14px;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container {
    border-radius: .5rem;
    margin: .5rem 0;
    -webkit-box-shadow: 2px 3px 9px rgb(32 33 36 / 10%);
    box-shadow: 2px 3px 9px rgb(32 33 36 / 10%);
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .mini-flight-summary-container {
    padding-top: 0.5rem;
}

.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .action-buttons, .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .mini-flight-summary-container {
    padding: 0 1rem;
    background: #fff;
	display:none;
}

.mini-flight-summary-container .ducp-component-flight-duration .duration, .mini-flight-summary-container .duration-stops {
    line-height: 1.5rem;
    font-size: 1.08333rem;
    color: #555;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 300;
}

.itinerary-part-offer-brand-details-mobile {
    font-size: 13px;
    color: #555;
    padding: .5rem;
}

.itinerary-part-offer-mobile.spark-panel>.spark-panel__content {
    padding: .9999rem;
}

/* End of Mobile Theme CSS Updates */

@media (max-width: 796px){
  .dx-flight-selection-ribbon[data-spark-carousel-panel] .spark-carousel__outer-container .spark-carousel__controls.mobile-link-controls .next-link, .dx-flight-selection-ribbon[data-spark-carousel-panel] .spark-carousel__outer-container .spark-carousel__controls.mobile-link-controls .prev-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    font-size: 1.08333rem;
    color: #206080;
    background: none;
    }
}

.cabin-ribbon .dx-ribbon-cabin-item .cabin-class, .cabin-ribbon .dx-ribbon-cabin-item .ducp-component-price, .cabin-ribbon .dx-ribbon-cabin-item .offer-not-available-text {
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    font-size: 1.08333rem;
    color: #767676;
}

/* Start of Bundles CSS Updates */

.dxp-ancillary-content .bundle, .dxp-ancillary-content.feature {
    margin: 0;
    display: none;
}

.ancillary-common.tile .dxp-ancillary-content .intro {
    margin-top: .5rem;
    font-size: 15px;
    display: none;
}

.dxp-ancillary-content .img-div {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 18rem;
    max-width: 33.33333rem;
    min-width: 20rem;
    display: none;
}

.dxp-ancillary-content .title {
    display: flex;
    font-weight: 600;
    line-height: 3rem;
    text-transform: uppercase;
}

.ancillary-common.tile .dxp-ancillary-content .title {
    color: #4a5767;
    font-size: 1.454rem;
    margin: 1rem 0 !important;
    overflow: unset !important;
    padding: 1rem 1rem;
    position: relative;
    text-align: left;
}

.summary-content .spark-panel__content .title {
    color: #898989;
    font-weight: bolder;
    font-size: 14px;
    display: none;
}

.dxp-ancillary-content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 1rem;
    max-width: 45.83333rem;
    position: relative;
}

.dxp-ancillary-summary .summary-content .bag-allowance {
    color: #767676;
    font-size: 1rem;
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.dxp-ancillary-panel-content .content {
    padding-top: 0rem;
}

.dxp-ancillary-panel .dxp-ancillary-summary {
    padding: 0rem 2.5rem 1rem 0rem;
}

.dxp-ancillary-body {
    height: auto;
    margin: 0.333rem;
    position: relative;
    padding-top: 0.333rem;
}

.dxp-ancillary-flight .dxp-collapse-content {
    padding:0rem;
}

.dxp-ancillary-flight .dxp-collapse-content .segment-offers {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-top: 0.333rem;
}

.ancillary-bundle-slide .ancillary-bundle-item-info ul.bundle-items {
    list-style: initial;
    padding-left: 2.666rem;
    display: none;
}

.ancillary-bundle-slide .ancillary-bundle-item-info {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
}

.summary-content .spark-panel__content .title {
    color: #795548;
    font-weight: 600;
    font-size: 16px;
    text-transform:uppercase;
}

.ancillary-common.tile .dxp-ancillary-content .intro {
    margin-top: 1rem;
    font-size: 15px;
    display: none;
}

.dxp-ancillary-content .bundle {
    margin: 0;
    display: none;
}

.dxp-seat-bundle-selection .seat-bundle-explanation {
    color: #006ba8;
    float: left;
    font-size: 18px;
}

.dxp-passenger-bags-by-weight .spark-panel__content .passenger-bag-row .each-passenger-bag .bag-weight-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 0;
    display: none;
}

.dxp-ancillary-panel-content {
    margin: 0rem;
    position: relative;
}

.dxp-ancillary-panel .dxp-ancillary-summary .summary-content {
    border-bottom: 0.08333rem solid #ccc;
    min-height: 15.333rem;
}

.dxp-ancillary-footer {
    margin: 0rem;
}

.ancillary-bundle-slide .ancillary-bundle-slide-availability {
    font-size: 1.084rem;
    margin-top: 5.333rem;
    display: none;
}

.ancillary-bundle-slide .bundle-summary {
    display: flex;
    flex-basis: 100%;
    width: 100%;
}

.ancillary-bundle-slide {
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    border: 0.08333rem solid;
    border-radius: 2%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin: 1.333rem;
    max-width: 53.33rem;
}

.dxp-ancillary-summary {
    height: auto;
    padding: 1rem 1rem 1rem;
    position: relative;
}

.dxp-seat-overlay .overlay-content .seat-info .general .price .discounted {
    font-size: 1.333rem;
    margin-right: 0.833rem;
}

.dxp-seat-overlay .overlay-content .seat-info .general .seat-discount-info {
    font-size: 1.333rem;
    line-height: 1.333rem;
    margin-bottom: 1rem;
}
/*-----------------Mobile Updates------------------------*/
.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-footer-container .itinerary-part-remaining-seats {
    font-size: .875rem;
    color: #b2740e;
    font-weight: 700;
}

/*hiding the footer and header*/
.mobile-app .dxp-footer {
    display: none;
}

.mobile-app .dxp-header-view {
    display: none;
}

/*hiding edit trip options*/
.mobile-app .spark-step-indicator__edit {
    display: none;
}

.mobile-app .dxp-summary-bar-container-edit-button {
    display: none;
}

.mobile-app #dxp-confirmation-header>div .actions-container>div>.spark-icon-print {
    display: none;
}

.mobile-app #dxp-confirmation-header>div .actions-container>div>.spark-icon-document {
    display: none;
}

.mobile-app .dxp-view .title-wrapper {
    display: none;
    width: 100%;
    margin: 1rem 0;
    color: #fff;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 50%);
}

.mobile-app .dxp-flight-selection .ducp-component-title {
    color: #fff;
    display: none;
    font-size: 18px;
}

.mobile-app .dxp-flight-selection.mobile-theme .flight-details-content {
    font-weight: 400;
    font-size: 14px;
    display: none;
}

.mobile-app .dxp-flight-selection-ribbon .dx-flight-selection-ribbon .spark-carousel__item {
    width: 14.28571%;
    padding: 0 0 0.41667rem;
    overflow: visible;

}


.mobile-app .MessagePopup .modal-content,
.spark-panel__content {
    color: #333;
    padding: 0.999rem;
    width: 90%;
}

.mobile-app .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .mini-flight-summary-container {
    padding-top: 0.5rem;
    display: none;
}

.mobile-app .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .flight-offer-itinerary-breakdown.offer-details-modal-mobile button {
    color: #1a4c66;
    align-items: center;
    padding: 0;
}

.mobile-app .cabin-ribbon .dx-ribbon-cabin-item.selected {
    border-bottom: 3px solid #7ebd00;
    color: #1a4c66;
    background: mediumpurple;
}

.mobile-app .MessagePopup .modal-content,
.spark-panel__content {
    color: #333;
    padding: 0.999rem;
    width: 100%;
}

.mobile-app #static--flight-selection--dxp-page-navigation-buttons-before-0>span>div {
    margin-top: 0;
    margin-bottom: 1rem;
    display: none;
}

.mobile-app element.style {
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    background: #e0f1ff !important;
}

.mobile-app .dxp-button.medium {
    font-size: 13px;
    height: 4rem;
    padding: 0.6875rem 1.5rem;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
	border-width: 0;
}



.mobile-app .dxp-background .dxp-background-hd,
.dxp-background .dxp-background-preload {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-color: rgba(0, 0, 0, .5);
}

.mobile-app .passenger-info-panel-title.basic-info-title {
    display: none;
    font-size: 18px;
}

.mobile-app h3 {
    font-size: 20px;
    margin-bottom: 0.5rem;
    line-height: 1.333rem !important;
}

.mobile-app .dxp-passenger-list-item .save-passenger-section-checkbox {
    display: inline-block;
    border: none;
    display: none;
}

.mobile-app .additional-info-panel .contact-info-title {
    display: none
}

.mobile-app element.style {
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff9d7 !important;
}

.mobile-app .summary-content .spark-panel__content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 0rem;
	padding-top:0rem;
}

/*---------------newchanhges----------*/
.mobile-app #static--flight-selection--dxp-flight-selection--dxp-page-navigation-buttons-before-0>span>div {
    display: none;

}

.mobile-app .dxp-inline-message {
    display: none;
}

.mobile-app #static--ancillaries--ancillaries-container-before-0>span>div {
    display: none;
}

.mobile-app #static--seat-selection--dxp-shared-seat-selection-before-0>span>div {
    display: none;
}

.mobile-app #static--payment--dxp-payment-bnpl-before-0>span>div {
    display: none;
}

.mobile-app .flight-offer-details-mobile .row {
    display: flex;
    margin-bottom: -32px;
	flex-direction: column;
}

.mobile-app .dxp-background .dxp-background-hd,
.dxp-background .dxp-background-preload {
    background-image: url(https://dx.dx12.cert.aws.sabre.com/dx/PXDX/5.3.9-487.SI_CSSCHANGES_APP/images/phonebackground.jpg) !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-color: #e4e4e4;
}

.mobile-app .flight-offer-itinerary-breakdown .action-buttons .view-seats {
    display: none !important;
}

.dxp-flight-selection.mobile-theme .flight-details-content .flight-details-price {
    display: none;
}

.mobile-app .dxp-flight-selection .results-action-header {
    padding-top: 0 !important;
}

.mobile-app .dxp-flight-selection-ribbon .dxp-mobile-link-controls {
    display: flex;
    flex-basis: 100%;
    margin-top: 0;
    padding: 0 1rem;
    justify-content: center;
}

.mobile-app .dxp-panel.small-padding,
.dxp-panel .small-padding {
    padding: 1.333rem;
    display: none;
}

.mobile-app .ducp-component-trip-messages .message-container {
    display: flex;
    border: 0.08333rem solid #ccc;
    justify-content: center;
    background: #fff;
    display: none;
}

.mobile-app .flight-offer-itinerary-breakdown .action-buttons .view-seats {
    font-size: 14px;
    display: none !important;
}

.mobile-app .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .action-buttons,
.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .mini-flight-summary-container {
    padding: 0 1rem;
    background: #fff;
    display: none;
}

.mobile-app .flight-offer-itinerary-breakdown .action-buttons .toggle-itinerary-breakdown.ducp-component-button.text-button {
    font-size: 14px !important;
    /* rem doesn't work here */
    padding-left: 0;
    
}

.mobile-app .itinerary-part-summary-details {
    padding: 1rem 0;
    display: contents;
}

.mobile-app #dxp-confirmation-view>div>div.background-content.clearfix>div>div>div.row>div:nth-child(4)>div>div.dxp-container.col-lg-4>div>div:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0;
    display: none;
}

/*panel fixing*/
.mobile-app .dxp-panel {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .25rem;
    background: #fff;
    padding: 0.4rem;
    overflow: visible;
    margin-bottom: 0;
	margin-top: .83rem;
}


.mobile-app .dxp-ancillary-summary .summary-content .bag-allowance {
    display: none;
}

.mobile-app .passenger-summary .passenger-details {
    padding: 0 !important;
}

.mobile-app .summary-content .spark-panel__content .ancillary-price {
    color: #206080;
    margin: -0.5rem !important;
    font-size: 1.2rem;
}

.mobile-app .ancillary-common.tile .ancillary-summary-common {
    padding: 0.25rem;
}

.mobile-app #dxp-confirmation-view>div>div.background-content.clearfix>div>div>div.row>div:nth-child(4)>div>div.dxp-container.col-lg-4>div>div.dxp-container.dxp-account-panel-container.col-lg-12 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: none;
}

.mobile-app .DucpComponentToggle .toggle-item .toggle-input:checked~.toggle-label:nth-child(n) {
    border-color: white !important;
    background-color: #730652;
    color: #fff;
}


.mobile-app .dxp-button.small {
    margin-top: -0.112rem !important;
    font-family: Roboto Condensed, sans-serif !important;
}

.mobile-app .dxp-button.primary {
    color: #fff;
    background: linear-gradient(150deg, #730652 50%, #d17fb8 56%) !important;
    background-color: #730652;
    background-size: 200% 200%;
    background-position: 30% 0;
    border-color: white !important;
}

.mobile-app .mobile-app .ancillary-summary-common .summary-button button {
    color: #fff;
    background: linear-gradient(150deg, #730652 50%, #d17fb8 51%) !important;
    background-color: #730652 !important;
    background-size: 200% 200%;
    background-position: 30% 0;
    border-color: white;
    overflow: hidden;
    z-index: 5;
    border-radius: 2rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.mobile-app .dxp-button.secondary:active,
.dxp-button.secondary:hover {
    background-color: #730652 !important;
    border: white;
    border-radius: 2px !important;
}

.mobile-app .dxp-flight-selection-ribbon .dxp-mobile-link-controls .prev-link {
    color: white !important;
}

.mobile-app .dxp-flight-selection-ribbon .dx-flight-selection-ribbon.flight-selection-mobile-ribbon .dx-flight-selection-ribbon-item {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.mobile-app .dxp-flight-selection-ribbon .dxp-mobile-link-controls .next-link,
.dxp-flight-selection-ribbon .dxp-mobile-link-controls .prev-link {
    color: white;
}

.mobile-app .dxp-button.primary {
    border-radius: 4px !important;
    border-color: #fff !important;
}

.mobile-app .dxp-ancillary-summary .summary-content .price {
    font-size: 2.254rem !important;
    color: #4a5767;
}

.mobile-app .ancillary-summary-common .summary-button button,
.ducp-component-page-button-wrapper>button.continue,
.ducp-component-page-button-wrapper>button.go-back:not(.go-back-text-button),
.spark-btn--lg,
.spark-btn--md,
.summary-content .summary-button button {
    background: linear-gradient(150deg, #730652 50%, #d17fb8 56%) !important;
    background-color: #730652 !important;
    background-size: 200% 200% !important;
    background-position: 30% 0 !important;
    border-color: white !important;
    overflow: hidden !important;
    z-index: 5 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
    z-index: 5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	height: 4rem;
}

.mobile-app .dxp-shared-seat-selection .sticky-header .header-text {
    display: none !important;
}

.mobile-app .ancillary-summary-common .summary-button button.secondary-button {

    background: linear-gradient(150deg, #730652 44%, #d17fb8 56%) !important;
    background-color: #730652 !important;
    background-size: 200% 200% !important;
    background-position: 30% 0 !important;
    border-color: white !important;
    overflow: hidden !important;
    z-index: 5 !important;
    display: flex;
    justify-content: center;
}

.mobile-app .ducp-component-button.secondary-button {
    color: #fff !important;
}

/**changing button color for after and before**/
.mobile-app .ducp-component-button:not([disabled]):not(.spark-btn--icon):not(.ducp-component-button.icon-button):not(.spark-btn--view-more):not(.ducp-component-button.view-more-button):not(.spark-btn--text):not(.ducp-component-button.text-button):not(.spark-btn--brand):not(.spark-btn--secondary):not(.ducp-component-button.secondary-button):not(.spark-btn--negative):not(.ducp-component-button.negative):not(.spark-btn--sm):not(.ducp-component-button.sm):not(.spark-btn--xs):not(.ducp-component-button.xs):not(.spark-btn--multi-action):not([class*=spark-btn-combo]):before {
    box-shadow: inset 0 -0.125rem 0 #07141a !important;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transition: top .1s cubic-bezier(.86, 0, .07, 1) !important;
    width: 100%;
    z-index: 5;
    background: linear-gradient(150deg, #730652 44%, #d17fb8 56%) !important;
    background-color: #730652 !important;
    background-size: 200% 200% !important;
    background-position: 30% 0 !important;
    border-color: white !important;
    overflow: hidden !important;
    z-index: 5 !important;
    display: flex;
    justify-content: center;
}

/**shwoing discount fare in red color**/
.mobile-app .dxp-seat-overlay .overlay-content .seat-info .general .seat-discount-info {
    color: red !important;
}

/**bringing seat number onto the map correctly**/

/**hiding terms and conditions text for seat selection**/
.mobile-app .dxp-seat-overlay .exit-row-condition {
    display: none !important;
}

/**some tweaks on seats, bundles and ancillary selection page **/
.mobile-app .dxp-seat .seat.selected .selected-mark {
    width: 120% !important;
    padding-top: 28.5% !important;
    margin-top: -8px 0px 0 -0.5rem !important;
}

.mobile-app .dxp-ancillary-panel .ancillary-panel-body .dxp-ancillary-footer .row {
    display: flex !important;
    justify-content: flex-start !important;
}

.mobile-app .dxp-ancillary-footer .add-border {
    border-top: 0 !important;
    margin: -0.75rem !important;
}

/*button color change for seat map*/
.mobile-app .dxp-ancillary-footer .pull-right .add-to-cart-btn {
    border-radius: 2rem !important;
}

/*changing flight select button to rounded*/
.mobile-app .ducp-component-button select-brand .dxp-button small primary .dxp-button.primary.small {
    border-radius: 3rem !important;
    border-width: 0 !important;
}

/*reducing white wpsace on pax form pax page*/
.mobile-app .passenger-form {
    padding: 1rem !important;
    padding-bottom: 0rem !important;
}

/*reducing white space on pax page */
.mobile-app .passenger-info-panel {
    padding: 1rem !important;
    padding-top: 0rem !important;
}

.mobile-app .additional-information-section .passenger-info-panel-title.additional-info-title {
    display: none !important;
}

/*hiding brand compare on fsr*/

.mobile-app .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .compare-brand {
    display: none !important;
}

/* Spin keyframe for the loading logo */
@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

/* mobile spinner  */
#initial-progress-indicator .page-loading-message,
.page-loading-message {
    display: none !important;
}

#initial-progress-indicator .dxp-spinner .bounce1,
#dxp-spinner .bounce1 {
    /* position: absolute; */
    display: none !important;
    /* padding: 1rem !important; */
    min-width: 35px;
    min-height: 35px;
    border-radius: 50% !important;
    border: 3px solid #730652;
    border-top: 3px solid #eee;
    animation: spin 1s ease-in-out infinite !important;
    -webkit-animation: spin 1s ease-in-out infinite !important;
    background-color: transparent !important;
}
/*new spinner*/
/* Logo spinner -- Air Niugini PX.png rotates continuously */
#initial-progress-indicator .dxp-spinner .bounce2,
#dxp-spinner .bounce2 {
    position: relative;
    display: inline-block !important;
    background-image: url(../images/PX.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 2rem;
    min-height: 8rem;
    min-width: 8rem;
    width: 8rem;
    height: 8rem;
    background-color: transparent;
    animation: spin 1.5s linear infinite !important;
    -webkit-animation: spin 1.5s linear infinite !important;
}

/* Hide bounce1 (old ring spinner) and bounce3 -- logo only */
#initial-progress-indicator .dxp-spinner .bounce1,
#dxp-spinner .bounce1,
#initial-progress-indicator .dxp-spinner .bounce3,
#dxp-spinner .bounce3 {
    display: none !important;
}

#initial-progress-indicator .dxp-spinner,
#dxp-spinner {
    /* position: relative !important; */
    background-image: none !important;
    background-position: unset !important;
    background-repeat: unset !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

#main-content div .dxp-background .background-content .dxp-view .centered-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile-app .dxp-flight-search .journey-type-selection .journey-type-selection-item:last-child .dxp-link {
	display: none;
    border-radius: 0 .25rem .25rem 0;
}

/*DOB hiding and payment expiry date hiding */
.mobile-app .fieldset-date .dxp-fieldset-date-legend {
    font-size: 1rem;
    padding: 0 0.833rem;
    position: relative;
    z-index: 1;
	opacity: 0;
 
}
/*hide password close modal */

.mobile-app .spark-modal.spark-modal--fullscreen-xs .spark-modal__close {
    margin-right: 1rem;
    padding: 0;
    top: unset;
    display: none;
}
.mobile-app .spark-modal .dxp-forgot-password .full-screen .ducp-component-modal .spark-modal--fullscreen-xs .active{
	display:none;
}

/* start: collapsed fare brand feature */
.flight-details.mobile-theme
  .brand-cards-container
  .brand-tile-container
  .brand-content,
.flight-details.mobile-theme
  .brand-cards-container
  .brand-tile-container
  .brand-name-footer-container {
  display: none !important;
}
.flight-details.mobile-theme
  .brand-cards-container
  .brand-tile-container
  .brand-content.brand-open {
  display: block !important;
}
.flight-details.mobile-theme
  .brand-cards-container
  .brand-tile-container
  .brand-name-footer-container.brand-open {
  display: flex !important;
}
/* end: collapsed fare brand feature */

.mobile-app .dxp-flight-selection .results-action-header {
    padding-top: 0 !important;
    display: none;
} 
/* to remove currency-points tab */

.mobile-app button#dxp-page-navigation-back-button.dxp-button.medium.secondary.back{
	display:none;
}

/* removing back button */

.mobile-app .rbe-flow-sign-in .content .footer .rbe-flow-sign-in-button {
    margin-top: 0rem;
	height: 4rem;
}
/* adjusting button size */


/* buttons beside each other on flight select */
.mobile-app .dxp-flight-selection .dxp-page-navigation-buttons {
    display: inline-block;
    justify-content: flex-end;
}

.mobile-app .dxp-page-navigation-buttons .dxp-button {
    margin: 1rem 1rem;
    width: 95%;
    display: inline-grid;
    justify-content: space-around;
	padding: 1rem;
	height: 4rem;
}
/* ------ */


/*hiding ribobon numbers*/
.mobile-app .dxp-flight-selection-ribbon .dxp-mobile-link-controls {
    display: flex;
    flex-basis: 100%;
    margin-top: 0;
    padding: 0 1rem;
    justify-content: center;
    display: none;
}

/*common colors for buttons */
.mobile-app .dxp-button.primary {
    color: #fff;
 	background: linear-gradient(150deg, #730652 50%, #d17fb8 56%) !important;
    background-color: #730652;
    background-size: 200% 200%;
    background-position: 30% 0;
    border-color: #fff;
	border-bottom-width: 0;
	border-top-width: 0;
	border-width: 0;
}
/*removing ancillary images */
.mobile-app .dxp-ancillary-content .img-div {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 18rem;
    max-width: 33.33333rem;
    min-width: 20rem;
    display: none;
}

/*removing ancillary text */
.mobile-app .ancillary-common.tile .dxp-ancillary-content .intro {
    margin-top: 1rem;
    font-size: 15px;
    display: none;
}

.mobile-app .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .dxp-link.toggle-brand-comparison {
	display:none !important;
}

.mobile-app .dxp-ancillary-summary .summary-content .title {
	display:none !important;
}
.dxp-ancillary-footer .pull-right .add-to-cart-btn, .dxp-ancillary-footer .pull-right .cancel-btn {
  background: #730652 !important;
  background: linear-gradient(150deg, #730652 50%, #d17fb8 56%) !important;
  background-size: 200% 200% !important;
  background-position: 30% 0 !important;
  border-color: white !important;
  overflow: hidden !important;
  z-index: 5 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  overflow: hidden !important;
  z-index: 5 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-left: 0 !important;
}
/* removing passenger back button */
.mobile-app .dxp-page-navigation-back-button .dxp-button .dxp-passenger-view-back .secondary .medium .dxp-page-navigation-back-button{
display:none;
}
/*beginning of flight search results edit */
.mobile-app .itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .big-price-container .big-price .amount .number {
    display: flex;
    font-size: 18px;
	font-weight: 800;
}
.mobile-app .flight-offer-details-mobile .route-date-time .time-airport .airport {
    color: #333;
    font-size: 12px;
    font-weight: 450;
    line-height: 1.2;
}


.mobile-app .itinerary-part-summary-details .flights-operated-by {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    
}
.mobile-app .itinerary-part-offer-price-mobile .itinerary-part-offer-price-button .starting-at-label {
    color: #555;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0.45rem;
}
/*end of flight search results edit */
.mobile-app .dxp-link.toggle-brand-comparison{
	display: none;
}
.mobile-app .dxp-ancillary-content .bundle {
	display:none !important;
}
.summary-container {
		display: none !important;

}

.mobile-app .payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: .3333rem;
    border: 1px solid #000;
    border-radius: 3px;
    font-weight: 400;
    padding: 0;
    font-size: 1rem;
}
/*brand display- first default open- remaining collapsed*/
.flight-details.mobile-theme .brand-cards-container .brand-tile-container .brand-content.brand-open {
  display: block !important;
}	
/*to hide close modal */
.mobile-app .spark-modal.spark-modal--fullscreen-xs .spark-modal__close {
    
    display: none!important;
}
.mobile-app .dxp-passenger-bags-by-weight .spark-panel__content .passenger-bag-row .each-passenger-bag .bag-weight-container {
    display: none !important;
}
.mobile-app #span.ducp-component-price.dxp-passenger-ancillary-price{
	display: none;
}

.mobile-app .ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .dxp-link.toggle-brand-comparison {
    font-size: 1.08333rem;
    font-weight: 400;
    text-decoration: underline;
    display: none;
}


/*modifying all buttons*/
.dxp-button.primary {
    background: linear-gradient(150deg, #730652 50%, #d17fb8 56%) !important;
    background-color: #730652 !important;
    background-size: 200% 200% !important;
    background-position: 30% 0 !important;
    border-color: white !important;
    overflow: hidden !important;
    z-index: 5 !important;
}

.bag-weight-container {
    display: none !important;
}

/*back button on pax page*/
.mobile-app .dxp-button.dxp-passenger-view-back.secondary.medium
{
    display: none;
}

/*removing bag weghts info in ancillary*/
.mobile-app .dxp-passenger-bags-by-weight.spark-panel__content.passenger-bag-row.each-passenger-bag.bag-weight-container
{
    display: none;
}


/*not applicable for mobile app alone rightnw*/
.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .compare-brand
{
    display: none;
}

/*modifying the close x icon on top right*/
.mobile-app .spark-icon-close:before {
    content: "X Close";
}

/*payment page fixes*/

.mobile-app .billing-info {
    border: none;
    margin: .83rem 0rem 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    /* padding-bottom: 1rem; */
}
.mobile-app .billing-info .fields-container {
	margin:0.83rem
}

.mobile-app .credit-card-fieldset .credit-card-fields-container{
    margin: 0.83rem;
}

/*font size increase on brands page for price*/
.ducp-component-modal.flight-details.mobile-theme.full-screen-modal-container .spark-modal__body .brand-tile-container .spark-panel__content .brand-name-header-container .dxp-brand-header-info .total-discount-amount-container .brand-card-price .amount{
	font-size: x-large;
}

.mobile-app .dxp-flight-selection .dxp-page-navigation-buttons {
    display: flex;
    justify-content: normal;
    flex-direction: row;
}

/*Flight status changes*/

.mobile-app .dxp-flight-status-view .flight-status-title-info {
display: none;
}


.mobile-app .dxp-flight-status-view .dxp-flight-status-table .time-operating-carrier-details {
        padding-top: .8rem;
}

.mobile-app .payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option.selected{
    background: #730652;
}

/*7670 payment option display */
.mobile-app .payment-types-toggle-options-container .payment-types-toggle-options {
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    margin-top: 0.5rem;
    justify-content: flex-start;
    flex-direction: column;
    color: #fff;
}

/*8602 payment options panel*/
.mobile-app .payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option {
	display: inline-block;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 1rem;
    border: 1px solid #000;
    border-radius: 3px;
    font-weight: 300;
    padding: 0.5rem;
    font-size: 1.5rem;
    background: #730652;
    width: 40%;
    height: 4rem;
}

/*logo not on payment forms*/
.mobile-app .payment-types-toggle-options-container .payment-types-toggle-options .payment-types-toggle-option .option-label .logo-container {
    text-align: center;
    height: 4rem;
    display: none;
}

/*reducing white space on payment page for more cleaner look*/
.mobile-app .dxp-payment-component .payment-fops .header {
    padding-top: 0;
    padding-bottom: 0;
}

/*none confirmation page changes*/


/*post booking flow changes
.ducp-component-confirmation-header .actions-container .ducp-component-action-bar {
    flex-wrap: nowrap;
    display: none;
}*/
/*flight number visible on gflight search results*/
.mobile-app .dxp-flight-operating-details .aircraft-type{
	display: none;
}
.mobile-app.flight-offer-details-mobile .duration-stops .stops {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    color: #333;
    margin-right: 2.5rem;
}
.mobile-app .spark-modal.spark-modal--fullscreen-xs .spark-modal__close {
    padding: 0;
    margin-right: 1rem;
    top: unset;
    display: none;
}
/*.mobile-app .dxp-confirmation-header-wrapper .ducp-component-confirmation-header .supplementary-data-container {
    justify-content: center;
    display: none;
}*/
.mobile-app .ducp-component-button .button-label, .ducp-component-button>span {
    margin-left: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    /* padding-bottom: 1rem; */
}
.mobile-app .rbe-flow-sign-in .content .rbe-flow-sign-in-button-container .text-button{
	height: 4rem;
}

/*
.mobile-app .dxp-ancillary-footer .pull-right .add-to-cart-btn, .dxp-ancillary-footer .pull-right .cancel-btn {
    margin-right: 0.7rem;
    height: 4rem;
    width: 44%;
}
*/



/*seat map css changes*/
.mobile-app .dxp-shared-seat-selection .seat-map-caption {
    padding: 0.5rem;
    display: flex;
    text-align: center;
    display: none;
}
.mobile-app .dxp-shared-seat-selection #dxp-shared-seat-selection-tabs .spark-tabs__panels .seat-map-content .row {
    margin-left: 0;
    margin-right: 0;
    display: none;
}

.mobile-app .dxp-shared-seat-selection .seat-map-content .right-container .big-seat-map {
    overflow-x: scroll;
    padding-bottom: 0rem!important;
}

.mobile-app .dxp-seat-map {
    padding-bottom: 0rem!important;
}


/*flight status changes */
.mobile-app .dxp-summary-bar-container-airports {
    width: 100%; 
    font-size: 0;
    line-height: 1;
}

.mobile-app .dxp-flight-status-view .dxp-flight-status-table .flight-depart .arrival-time, .dxp-flight-status-view .dxp-flight-status-table .flight-depart .departure-time {
    width: 31%;
    padding-top: 0rem;
    font-size: 1.5rem;
    
}
.mobile-app .dxp-flight-status-view .dxp-flight-status-table .flight-depart time.dxp-time {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2;
    padding-top: 0rem;
}

.mobile-app .dxp-flight-status-view .dxp-flight-status-table .details .dxp-flight-status-origin-destination h4 {
    font-weight: 300;
    font-size: 1.3rem;
}

.mobile-app .dxp-flight-status-table .dxp-flight-status-flight .details:last-child {
    margin-bottom: 1rem;
    border-radius: 3rem;
	margin-top: 0rem;
}

.mobile-app .dxp-flight-status-details .flight-time {
    padding: 0;
}
.mobile-app .dxp-flight-status-details .flight-time .label {
    font-size: 1.9rem;
    font-weight: 200;
}

.mobile-app .dxp-flight-status-view .dxp-flight-status-table .details .flight-details-type {
    text-align: center;
    margin-top: 1.333rem;
    font-size: 1.667rem;
    font-weight: 400;
    padding-left: 1.333rem;
    display: none;
}

.mobile-app .dxp-flight-status-table .flight-number-origin-destination {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 1.333rem;
    display: none;
}

.mobile-app .dxp-flight-status-view .dxp-flight-status-table .details .flight-time {
    text-align: center;
    padding-left: 1.333rem;
    display: none;
}

/*end of flight status changes */
.mobile-app .ducp-component-price {
    font-family: Roboto Condensed,sans-serif!important;
    font-weight: 400;
    display: inline-block;
    line-height: 1.25;
    color: #333;
}
.mobile-app .dxp-shopping-cart .ducp-component-accordion.spark-panel--expand.expanded .spark-panel__header.has-right-content .right-content .ducp-component-price, .dxp-shopping-cart .ducp-component-accordion.spark-panel--expand .spark-panel__header.has-right-content .right-content .ducp-component-price {
    font-size: 1.333rem;
    font-weight: 600;
    font-family: Roboto Condensed,sans-serif!important;
}

.dxp-breadcrumbs-container .dxp-spinner { display: none;}



/*.mobile-app .dxp-ancillary-footer .pull-right .cancel-btn {
width: 40%;
    height: 4rem;
}*/
.mobile-app .dxp-ancillary-footer .pull-right .add-to-cart-btn, .dxp-ancillary-footer .pull-right .cancel-btn {
    margin-right: 0.7rem;
    height: 4rem;
    width: 44%;
}
.mobile-app .dxp-ancillary-footer .pull-right .add-to-cart-btn{
	width: 40% !important;
    height: 4rem!important;
	
}
/*tab to full length tabs on seat map/ancillaries */
.mobile-app .spark-tabs__list {
    display: flex;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: transform .25s cubic-bezier(.86,0,.07,1);
    user-select: none;
    white-space: nowrap;
    flex-wrap: wrap;
    z-index: 5;
}
.mobile-app .spark-tabs.xs .spark-tabs__tab {
    max-width: 48rem;
    min-width: 48rem;
}

/*cvv and expiry date one line changes */
.mobile-app .credit-card-fieldset .credit-card-fields-container .expiration-cvc-container {
    display: flex;
}
.mobile-app .credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .fieldset-date {
    width: 60%;
}
.mobile-app .credit-card-fieldset .credit-card-fields-container .expiration-cvc-container .cvc-container {
    display: flex;
    width: 30%;
}

/*secondary button border and color*/
.dxp-button.secondary {
    color: #000;
    background: #fff;
    border-color: #000;
}

/*Ancillary button view*/
.dxp-ancillary-panel .ancillary-panel-body .dxp-ancillary-footer .row {
    display: flex;
    justify-content: flex-start;
}

.dxp-ancillary-footer .pull-right .cancel-btn {
    margin-right: 0.7rem;
    height: 4rem;
    width: 63%
}

.dxp-ancillary-footer .pull-right .add-to-cart-btn {
    align-items: center;
    margin-right: 1rem;
    margin-left: 0;
    /*margin-top: 1.333rem;*/
    width: 15rem;
    height: 4rem;
    text-align: -webkit-center;
}

.dxp-ancillary-footer .add-left-margin {
      display: flex;
}

/*end of ancillary button view*/
.mobile-app .flight-offer-details-mobile .duration-stops .stops {
    display: block!important;
    margin-top: 0;
    font-family: Roboto Condensed, sans-serif;
    color: #333;
}
.mobile-app .dxp-ancillary-flight-tabs.dxp-ancillary-flight-tabs-mobile.has-scroll-buttons .spark-tabs__btns {
    display: none;
}

.mobile-app .dxp-flight-status-view .dxp-flight-status-table .details .dxp-flight-status-flight-status-ribbon .flight-status-ribbon-title {
    display: block;
    text-align: center;
    margin: 0 1.333rem;
    margin-top: 1rem;
}

.mobile-app .dxp-summary-bar-container-travel-dates {
	margin-bottom: 1rem !important;
}
.mobile-app .dxp-flight-status-details .flight-terminal .value {
	font-size: 1.25rem !important;
}

.mobile-app .dxp-shared-seat-selection .spark-tabs .spark-tabs__tab .airports {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle !important;
    margin-top: -0.175rem;
}

.mobile-app .dxp-flight-status-table .status{
	height: 3.333rem !important;
}

.mobile-app .dxp-flight-status-table .details {
	padding: 1rem !important;
	margin: 1.5rem !important;
}

.mobile-app .dxp-flight-status-view .dxp-flight-status-table .status {
    margin-bottom: 1rem !important;
}	
.mobile-app #dxp-trip-details-view>div>div.background-content.clearfix>div>div>div>div.row>div:nth-child(4)>div>div.dxp-container.col-lg-4>div>div.dxp-container.dxp-account-panel-container.col-lg-12 {
    display:none;
}
.mobile-app .dxp-mto-ancillaries-view .dxp-ancillary-wrapper {
    margin: 1rem 0.1rem;
    
    width: 100%;
}

/* REMOVED: global field-label font-size:0.8rem was overriding
   main.css standard of 1.333rem (empty) / 1rem (filled).
   main.css floating-label JS handles font-size correctly. */


.dxp-custom.sign-in-panel {
  overflow: hidden;
  padding: 20px;
}
.dxp-custom.sign-in-panel a {
  text-decoration: underline;
}
.dxp-custom.rbe-flow-sign-in {
  padding: 10px!important;
}

/*Hide BILLING DATA Union Pay, Alipay & We Chat */
#payment-options-container > div.dxp-panel.clearfix.dxp-payment-form-container.payment-form-container > div > div.dxp-third-party-payment-children > fieldset > legend {
    display: none !important;
}
/*End of Hide BILLING DATA Union Pay, Alipay & We Chat */

/*Hide BILLING DATA for VI CA & AX */
#payment-credit-card-form > div.card-details > fieldset.dxp-billing-data.billing-info > legend {
    display: none !important;
}

/*End of Hide BILLING DATA for VI CA & AX */



.sign-in-section .header-item-panel {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  margin-bottom: 0;
}
.sign-in-section .header-item-panel .sign-out {
  display: flex;
  padding: 0;
  border: 0;
  background-color: transparent!important;
  color: #006ba8;
  text-transform: none;
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 400;
  margin-top: 1rem;
  height: auto;
}
.sign-in-section .header-item-panel .sign-out:hover {
  text-decoration: underline;
}
.logout-loader-wrapper {
    background: rgba(0,0,0,.5);
    height: 100vh;
    width: 100vw;
    position:absolute;
    top:0;
    left:0;
    z-index: 999;
}
.logout-loader-container {
  display: flex;
  background:rgba(255,255,255,.8);
  justify-content: center;
  align-items: center;
  gap: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  width: 70px;
  border-radius: 10px;
}

.logout-loader-dot {
  display: inline-block;
  background-color: #4a5767;
  height: 12px;
  width: 12px;
  border-radius: 25px;
  -webkit-animation: dotbounce 1.2s infinite 1s;
}
.logout-loader-dot:nth-child(2) {
  -webkit-animation: dotbounce 1.2s infinite 1.1s;
}
.logout-loader-dot:nth-child(3) {
  -webkit-animation: dotbounce 1.2s infinite 1.2s;
}

@-webkit-keyframes dotbounce {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
}

/* =========================================================================
   PAYMENT FORM  Expiry Date dropdown fix (Month / Year)
   ------------------------------------------------------------------------
   Issue: On the Credit Card Details panel, the Month and Year dropdown
   arrows render but clicks do not open the React-Select menu. Symptoms:
   placeholder text "Month..." and "Year is..." are truncated, and the
   dropdown menu either fails to appear or is clipped.

   Root cause: parent container is too narrow, .Select-control inherits
   overflow:hidden from a wrapper, and an adjacent validation error
   wrapper (e.g. "Country is required") intercepts pointer events due to
   stacking-context overlap.

   Scope: strictly limited to payment-form expiry date dropdowns so the
   date-selection calendar (which reuses .Select / .Select-arrow) is
   unaffected.
   ========================================================================= */

/* 1. Ensure the expiry-date field wrapper does not clip its children
      and that pointer events reach the React-Select control. */
.dxp-payment-component .dxp-field-date,
.dxp-payment-component .expirationDate,
.dxp-payment-component .expiry-date,
.dxp-payment-component [class*="expiry"],
.dxp-payment-component [class*="expiration"] {
    overflow: visible !important;
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
}

/* 2. Make the React-Select control itself fully clickable and visible.
      Force min-width so "Month" / "Year" labels are not truncated. */
.dxp-payment-component .dxp-field-date .Select,
.dxp-payment-component .expirationDate .Select,
.dxp-payment-component [class*="expiry"] .Select,
.dxp-payment-component [class*="expiration"] .Select {
    overflow: visible !important;
    position: relative;
    pointer-events: auto !important;
    min-width: 7rem;
    width: 100%;
}

.dxp-payment-component .dxp-field-date .Select .Select-control,
.dxp-payment-component .expirationDate .Select .Select-control,
.dxp-payment-component [class*="expiry"] .Select .Select-control,
.dxp-payment-component [class*="expiration"] .Select .Select-control {
    cursor: pointer !important;
    pointer-events: auto !important;
    overflow: visible !important;
    background-color: #fff;
    height: 2.5rem;
    display: flex;
    align-items: center;
}

/* 3. The placeholder must not be clipped  this is what's causing
      "Month..." and "Year is..." to truncate. */
.dxp-payment-component .dxp-field-date .Select .Select-placeholder,
.dxp-payment-component .expirationDate .Select .Select-placeholder,
.dxp-payment-component [class*="expiry"] .Select .Select-placeholder,
.dxp-payment-component [class*="expiration"] .Select .Select-placeholder,
.dxp-payment-component .dxp-field-date .Select .Select-value,
.dxp-payment-component .expirationDate .Select .Select-value,
.dxp-payment-component [class*="expiry"] .Select .Select-value,
.dxp-payment-component [class*="expiration"] .Select .Select-value {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap;
    padding-right: 1.75rem; /* leave room for the arrow */
    line-height: 2.5rem;
}

/* 4. Ensure the arrow zone is decorative and does NOT swallow clicks
      that belong to the underlying .Select-control. */
.dxp-payment-component .dxp-field-date .Select .Select-arrow-zone,
.dxp-payment-component .expirationDate .Select .Select-arrow-zone,
.dxp-payment-component [class*="expiry"] .Select .Select-arrow-zone,
.dxp-payment-component [class*="expiration"] .Select .Select-arrow-zone,
.dxp-payment-component .dxp-field-date .Select .Select-arrow,
.dxp-payment-component .expirationDate .Select .Select-arrow,
.dxp-payment-component [class*="expiry"] .Select .Select-arrow,
.dxp-payment-component [class*="expiration"] .Select .Select-arrow {
    pointer-events: none !important;
    cursor: pointer;
}

/* 5. When opened, the menu must float above sibling elements
      (Country error box, City field, CVC tooltip, etc.) and must not
      be clipped by any ancestor. */
.dxp-payment-component .dxp-field-date .Select.is-open,
.dxp-payment-component .expirationDate .Select.is-open,
.dxp-payment-component [class*="expiry"] .Select.is-open,
.dxp-payment-component [class*="expiration"] .Select.is-open {
    z-index: 1050 !important;
    position: relative;
}

.dxp-payment-component .dxp-field-date .Select-menu-outer,
.dxp-payment-component .expirationDate .Select-menu-outer,
.dxp-payment-component [class*="expiry"] .Select-menu-outer,
.dxp-payment-component [class*="expiration"] .Select-menu-outer {
    z-index: 1051 !important;
    background: #fff !important;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 240px;
    overflow-y: auto !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dxp-payment-component .dxp-field-date .Select-option,
.dxp-payment-component .expirationDate .Select-option,
.dxp-payment-component [class*="expiry"] .Select-option,
.dxp-payment-component [class*="expiration"] .Select-option {
    padding: 0.5rem 0.8333rem;
    cursor: pointer;
    line-height: 1.5;
}

.dxp-payment-component .dxp-field-date .Select-option.is-focused,
.dxp-payment-component .expirationDate .Select-option.is-focused,
.dxp-payment-component [class*="expiry"] .Select-option.is-focused,
.dxp-payment-component [class*="expiration"] .Select-option.is-focused,
.dxp-payment-component .dxp-field-date .Select-option:hover,
.dxp-payment-component .expirationDate .Select-option:hover,
.dxp-payment-component [class*="expiry"] .Select-option:hover,
.dxp-payment-component [class*="expiration"] .Select-option:hover {
    background-color: #f4e8f0;
    color: #730652;
}

/* 6. Stop the "Country is required" error wrapper from overlapping the
      expiry-date column. Its red border was visually bleeding into the
      Month/Year area and (more importantly) its stacking context was
      eating clicks. */
.dxp-payment-component .has-error,
.dxp-payment-component .dxp-field.has-error,
.dxp-payment-component .spark-input.has-error {
    position: relative;
    z-index: 1;
    overflow: visible;
}

/* 7. Native <select> fallback  if Sabre swaps React-Select for a
      native select in any build, this keeps it usable too. */
.dxp-payment-component .dxp-field-date select,
.dxp-payment-component .expirationDate select,
.dxp-payment-component [class*="expiry"] select,
.dxp-payment-component [class*="expiration"] select {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    width: 100%;
    height: 2.5rem;
    background-color: #fff;
    padding: 0.5rem 0.8333rem;
    border: 1px solid #ccc;
}

/* 8. Mobile: stop the dropdown column from shrinking below readable
      width on narrow viewports. */
@media (max-width: 767px) {
    .dxp-payment-component .dxp-field-date,
    .dxp-payment-component .expirationDate,
    .dxp-payment-component [class*="expiry"],
    .dxp-payment-component [class*="expiration"] {
        min-width: 6.5rem;
    }
}


/* =========================================================================
   PAYMENT FORM  Expiry Date dropdown menu width fix
   ------------------------------------------------------------------------
   Issue: Year options in the auto-suggest dropdown display as "2..."
   because the popup menu inherits the narrow column width of the field.
   The dropdown opens correctly (via the JS patch on .fieldset-date-part-*)
   but option values are truncated to a single character.

   Fix: widen the popup menu and stop text truncation. Scoped strictly to
   the date-part Month/Year fields so it can't affect other auto-suggest
   components (country, city, passenger autocomplete, etc.).
   ========================================================================= */

/* Widen the popup menu container itself */
.fieldset-date-part-month .spark-auto-suggest__menu,
.fieldset-date-part-year .spark-auto-suggest__menu,
.fieldset-date-part-month .ducp-component-auto-suggest__menu,
.fieldset-date-part-year .ducp-component-auto-suggest__menu,
.fieldset-date-part-month [class*="auto-suggest"][class*="menu"],
.fieldset-date-part-year [class*="auto-suggest"][class*="menu"] {
    min-width: 7rem !important;
    width: auto !important;
    max-width: 12rem !important;
    overflow: visible !important;
    z-index: 1051;
    background: #fff !important;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Stop individual option items from truncating their text */
.fieldset-date-part-month .spark-auto-suggest__option,
.fieldset-date-part-year .spark-auto-suggest__option,
.fieldset-date-part-month .ducp-component-auto-suggest__option,
.fieldset-date-part-year .ducp-component-auto-suggest__option,
.fieldset-date-part-month [class*="auto-suggest"][class*="option"],
.fieldset-date-part-year [class*="auto-suggest"][class*="option"],
.fieldset-date-part-month li,
.fieldset-date-part-year li {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding: 0.5rem 0.8333rem !important;
    min-width: 6rem;
    line-height: 1.5;
}

/* Hover/focus state for readability */
.fieldset-date-part-month .spark-auto-suggest__option:hover,
.fieldset-date-part-year .spark-auto-suggest__option:hover,
.fieldset-date-part-month li:hover,
.fieldset-date-part-year li:hover,
.fieldset-date-part-month [class*="auto-suggest"][class*="option"]:hover,
.fieldset-date-part-year [class*="auto-suggest"][class*="option"]:hover {
    background-color: #f4e8f0 !important;
    color: #730652 !important;
    cursor: pointer;
}

/* Ensure the parent field-autocomplete container does not clip the
   menu when it overflows downward */
.date-parts-field-container,
.dxp-payment-component .date-parts-field-container,
.fieldset-date-part-month,
.fieldset-date-part-year {
    overflow: visible !important;
}


/* =========================================================================
   PAYMENT FORM  Expiry Year dropdown popup truncation (broad-catch fix)
   ------------------------------------------------------------------------
   The previous menu-width rule (.spark-auto-suggest__menu /
   .ducp-component-auto-suggest__menu) did not match Sabre's actual popup
   class in this DXP build, so year options still truncate to "202.".
   This block uses broader structural and attribute-based selectors so it
   catches the popup whatever Sabre's exact class name is.
   ========================================================================= */

/* Catch ANY popover, dropdown, suggestion menu, or listbox that appears
   as a descendant of (or sibling spawned from) the Month/Year fields.
   max-width is critical -- without it the Year list stretches full-page. */
.fieldset-date-part-month [role="listbox"],
.fieldset-date-part-year [role="listbox"],
.fieldset-date-part-month [role="menu"],
.fieldset-date-part-year [role="menu"],
.fieldset-date-part-month [class*="popover"],
.fieldset-date-part-year [class*="popover"],
.fieldset-date-part-month [class*="dropdown"],
.fieldset-date-part-year [class*="dropdown"],
.fieldset-date-part-month [class*="menu"],
.fieldset-date-part-year [class*="menu"],
.fieldset-date-part-month [class*="suggestions"],
.fieldset-date-part-year [class*="suggestions"],
.fieldset-date-part-month [class*="options"],
.fieldset-date-part-year [class*="options"],
.fieldset-date-part-month ul,
.fieldset-date-part-year ul {
    min-width: 8rem !important;
    width: auto !important;
    max-width: 10rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1051;
    background: #fff !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
}

/* Catch every descendant text-bearing element inside the popup and
   prevent it from truncating  works regardless of whether options are
   <li>, <div>, <button>, <a>, or <span> */
.fieldset-date-part-month [role="listbox"] *,
.fieldset-date-part-year [role="listbox"] *,
.fieldset-date-part-month [role="option"],
.fieldset-date-part-year [role="option"],
.fieldset-date-part-month [class*="popover"] *,
.fieldset-date-part-year [class*="popover"] *,
.fieldset-date-part-month [class*="dropdown"] *,
.fieldset-date-part-year [class*="dropdown"] *,
.fieldset-date-part-month [class*="menu"] li,
.fieldset-date-part-year [class*="menu"] li,
.fieldset-date-part-month [class*="menu"] [class*="item"],
.fieldset-date-part-year [class*="menu"] [class*="item"],
.fieldset-date-part-month [class*="menu"] [class*="option"],
.fieldset-date-part-year [class*="menu"] [class*="option"] {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-width: 0 !important;
    max-width: none !important;
    text-indent: 0 !important;
}

/* Sabre commonly renders popovers as a sibling under <body> via a
   portal/tether pattern (escaping the field's overflow context). Catch
   those too by targeting any body-level popover that's currently open.
   Includes bare ul[role="listbox"] which Sabre drops directly under <body>
   for the DOB Month and Year dropdowns. */
body > [class*="popover"],
body > [class*="auto-suggest"][class*="menu"],
body > [class*="tether"],
body > [data-popper-placement],
body > [class*="portal"] [role="listbox"],
body > [role="listbox"],
body > ul[role="listbox"],
body > ul.spark-auto-suggest__listbox,
body > [class*="listbox"] {
    min-width: 8rem !important;
    max-width: 10rem !important;
    max-height: 16rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: absolute !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    z-index: 1051 !important;
}

body > [class*="popover"] *,
body > [class*="auto-suggest"][class*="menu"] *,
body > [class*="tether"] *,
body > [data-popper-placement] *,
body > [class*="portal"] [role="listbox"] *,
body > [role="listbox"] *,
body > ul[role="listbox"] *,
body > ul.spark-auto-suggest__listbox *,
body > [class*="listbox"] * {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Ensure individual option rows are padded enough to be readable and
   show the brand hover state */
.fieldset-date-part-month [role="option"],
.fieldset-date-part-year [role="option"],
body > [class*="popover"] [role="option"],
body > [class*="auto-suggest"][class*="menu"] li {
    padding: 0.45rem 0.9rem !important;
    line-height: 1.4 !important;
    cursor: pointer;
}

.fieldset-date-part-month [role="option"]:hover,
.fieldset-date-part-year [role="option"]:hover,
.fieldset-date-part-month [role="option"][aria-selected="true"],
.fieldset-date-part-year [role="option"][aria-selected="true"],
body > [class*="popover"] [role="option"]:hover,
body > [class*="auto-suggest"][class*="menu"] li:hover {
    background-color: #f4e8f0 !important;
    color: #730652 !important;
}


/* =========================================================================
   PAYMENT FORM  Move expiry dropdown chevron slightly to the right
   ------------------------------------------------------------------------
   The base rule at line ~9329 positions the chevron at right:0.5rem.
   On the narrow Month/Year columns the icon sits a touch too close to
   the value text. Reducing the right offset moves the chevron further
   toward the field's right edge, giving the value text more space.
   Scoped to date-part fields only.
   ========================================================================= */
.fieldset-date-part-month .spark-icon-arrow-triangle-down,
.fieldset-date-part-year .spark-icon-arrow-triangle-down {
    right: 0.25rem !important;
}


/* =========================================================================
   [WARNING]  TEMPORARY  Hide BSPPay (AFOP DD-105) payment option
   ------------------------------------------------------------------------
   STATUS:   TEMPORARY HIDE during BSPPay outage / testing window
   ADDED:    2026-05-25 (Ian / Air Niugini Commercial Systems)
   REMOVE:   When BSPPay channel is restored and ready for live customers
   TO REVERT: Delete this entire block and re-upload custom.css.

   IMPORTANT: AFOP is the parent class for ALL Alternative Forms of Payment
   (WeChat Pay, Alipay, UnionPay, BSPPay, etc.). The DD-105 sub-code is
   what makes BSPPay specifically BSPPay. The selector below requires
   BOTH classes together (compound selector with no comma) so that ONLY
   BSPPay is hidden  WeChat Pay, Alipay, UnionPay and other AFOPs remain
   visible.

   DO NOT split this into separate ".AFOP" or ".DD-105" rules  that
   would hide the other Asian digital payment methods.
   ========================================================================= */
li.payment-types-toggle-option.AFOP.DD-105 {
    display: none !important;
}

/* ============================================================
   FIELD BORDER CONSISTENCY -- filled autocomplete fields

   main.css removes border:none from .spark-auto-suggest__field
   when has-value, relying on the outer .field div border to show.
   But the inner element's background covers the outer border on
   the sides, leaving only the bottom visible (red line artefact).

   Fix: restore border on the inner field element when filled.
   - Required + has-value: green border #5e8120 (matches main.css success)
   - Has-value (non-required): standard grey border #949494

   Scoped to .dxp-flight-search and .passenger-information to avoid
   affecting other field-autocomplete instances.
   ============================================================ */
.field-autocomplete .dxp-field-autocomplete.ducp-component-auto-suggest.has-value .spark-auto-suggest__field {
    border: 1px solid #949494 !important;
}

.field-autocomplete .dxp-field-autocomplete.ducp-component-auto-suggest.required.has-value .spark-auto-suggest__field:not([disabled]) {
    border: 1px solid #5e8120 !important;
}