/* Minification failed. Returning unminified contents.
(19077,1): run-time error CSS1019: Unexpected token, found '@import'
(19077,9): run-time error CSS1019: Unexpected token, found 'url("https://p.typekit.net/p.css?s=1&k=ddv1ndn&ht=tk&f=49469.49470.49471.49474.49475.49476.51230.51231&a=160041661&app=typekit&e=css")'
 */
/*! jQuery UI - v1.12.1 - 2017-11-22
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=55&bgImgOpacityHighlight=55&bgImgOpacityActive=75&bgImgOpacityHover=100&bgImgOpacityDefault=60&bgImgOpacityContent=50&bgImgOpacityHeader=35&cornerRadiusShadow=0px&offsetLeftShadow=-4px&offsetTopShadow=-4px&thicknessShadow=4px&opacityShadow=60&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=80&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23eeeeee&iconColorError=%23fbc856&fcError=%23ffffff&borderColorError=%23c0402a&bgTextureError=flat&bgColorError=%23c0402a&iconColorHighlight=%233383bb&fcHighlight=%23003399&borderColorHighlight=%23b4b4b4&bgTextureHighlight=flat&bgColorHighlight=%23b4b4b4&iconColorActive=%23003399&fcActive=%23ffffff&borderColorActive=%23999999&bgTextureActive=flat&bgColorActive=%23003399&iconColorHover=%23009EE0&fcHover=%23009EE0&borderColorHover=%23bbbbbb&bgTextureHover=glass&bgColorHover=%23f8f8f8&iconColorDefault=%23003399&fcDefault=%23003399&borderColorDefault=%23cccccc&bgTextureDefault=glass&bgColorDefault=%23ffffff&iconColorContent=%23999999&fcContent=%23333333&borderColorContent=%23aaaaaa&bgTextureContent=inset_soft&bgColorContent=%23DADADA&iconColorHeader=%23555555&fcHeader=%23444444&borderColorHeader=%23bbbbbb&bgTextureHeader=glass&bgColorHeader=%23b4b4b4&cornerRadius=6px&fwDefault=bold&fsDefault=1.1em&ffDefault=Trebuchet%20MS%2CHelvetica%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
    height: 40px;
}

/*.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}*/

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
    display: none;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1em 2em 0.5em;
	/*outline-color: #fefefe;
    outline-style: solid;
    outline-width: 15px;*/
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
    background: #fff;
}
.ui-dialog .ui-dialog-title {
	float: left;
	/*white-space: nowrap;*/
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
    text-align: center;
    font-family: FSMeWeb-Light, Lucida Grande, Calibri, Arial, Sans-Serif;
    font-size: 1.3em;
    font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
    margin: 0px;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	width: 13%;
    margin: auto;
}
.ui-dialog .ui-dialog-buttonpane button {
	/*margin: .5em .4em .5em 0;*/
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #cccccc;
    border-top-color:#e8e8e8;
    border-left-color:#e8e8e8;
    border-right-color:#e8e8e8;
    border-bottom-color:#e8e8e8;
}
.ui-widget-content {
	/*border: 1px solid #aaaaaa;*/
    background:#fff;
	/*background: #DADADA url("images/ui-bg_inset-soft_50_DADADA_1x100.png") 50% bottom repeat-x;*/
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	/*border: 1px solid #bbbbbb;*/
	/*background: #b4b4b4 url("images/ui-bg_glass_35_b4b4b4_1x400.png") 50% 50% repeat-x;*/
	color: #444444;
	font-weight: bold;
}
.ui-widget-header a {
	color: #444444;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	/*border: 1px solid #cccccc;*/
	/*background: #ffffff url("images/ui-bg_glass_60_ffffff_1x400.png") 50% 50% repeat-x;*/
    background: transparent;
	font-weight: bold;
	color: #003399;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #003399;
	text-decoration: underline;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	/*border: 1px solid #bbbbbb;*/
	/*background: #f8f8f8 url("images/ui-bg_glass_100_f8f8f8_1x400.png") 50% 50% repeat-x;*/
    /*background: #039;*/
	/*font-weight: bold;*/
	/*color: #009EE0;*/
    /*color: #fff;*/
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	/*color: #009EE0;*/
    /*color: #fff;*/
	/*text-decoration: none;*/
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: none;
	background: #fff;
	font-weight: bold;
	color: #003399;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #999999;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #b4b4b4;
	background: #b4b4b4;
	color: #003399;
}
.ui-state-checked {
	border: 1px solid #b4b4b4;
	background: #b4b4b4;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #003399;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #c0402a;
	background: #c0402a;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_999999_256x240.png");
}
.ui-widget-header .ui-icon {
	/*background-image: url("images/ui-icons_555555_256x240.png");*/
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_009EE0_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_003399_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_3383bb_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_fbc856_256x240.png");
}
.ui-button .ui-icon {
	/*background-image: url("images/ui-icons_003399_256x240.png");*/
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; display: none;}
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	/*border-top-left-radius: 6px;*/
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	/*border-top-right-radius: 6px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	/*border-bottom-left-radius: 6px;*/
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	/*border-bottom-right-radius: 6px;*/
}

/* Overlays */
.ui-widget-overlay {
	background: #000000;
	opacity: .8;
	filter: Alpha(Opacity=80); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: -4px -4px 4px #aaaaaa;
	box-shadow: -4px -4px 4px #aaaaaa;
}

@font-face {
  font-family: 'calibre-web';
  src: url('../fonts/calibre-web-Regular.eot');
  src: url('../fonts/calibre-web-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-Regular.woff2') format('woff2'), url('../fonts/calibre-web-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'calibre-web-italic';
  src: url('../fonts/calibre-web-Regular-Italic.eot');
  src: url('../fonts/calibre-web-Regular-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-Regular-Italic.woff2') format('woff2'), url('../fonts/calibre-web-Regular-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'calibre-web-semibold';
  src: url('../fonts/calibre-web-SemiBold.eot');
  src: url('../fonts/calibre-web-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-SemiBold.woff2') format('woff2'), url('../fonts/calibre-web-SemiBold.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: 'calibre-web-bold';
  src: url('../fonts/calibre-web-Bold.eot');
  src: url('../fonts/calibre-web-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-Bold.woff2') format('woff2'), url('../fonts/calibre-web-Bold.woff') format('woff');
  font-weight: 700;
}
.calibre-web {
  font-family: 'calibre-web';
}
.calibre-web-italic {
  font-family: 'calibre-web-italic';
  font-style: italic;
}
@font-face {
  font-family: 'Greycliff CF Bold';
  src: url('../fonts/greycliff-cf-bold.eot');
  src: url('../fonts/greycliff-cf-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-bold.woff2') format('woff2'), url('../fonts/greycliff-cf-bold.woff') format('woff'), url('../fonts/greycliff-cf-bold.ttf') format('truetype'), url('../fonts/greycliff-cf-bold.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Greycliff CF Demi Bold';
  src: url('../fonts/greycliff-cf-demi-bold.eot');
  src: url('../fonts/greycliff-cf-demi-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-demi-bold.woff2') format('woff2'), url('../fonts/greycliff-cf-demi-bold.woff') format('woff'), url('../fonts/greycliff-cf-demi-bold.ttf') format('truetype'), url('../fonts/greycliff-cf-demi-bold.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Greycliff CF Extra Bold';
  src: url('../fonts/greycliff-cf-extra-bold.eot');
  src: url('../fonts/greycliff-cf-extra-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-extra-bold.woff2') format('woff2'), url('../fonts/greycliff-cf-extra-bold.woff') format('woff'), url('../fonts/greycliff-cf-extra-bold.ttf') format('truetype'), url('../fonts/greycliff-cf-extra-bold.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Greycliff CF Regular';
  src: url('../fonts/greycliff-cf-regular.eot');
  src: url('../fonts/greycliff-cf-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-regular.woff2') format('woff2'), url('../fonts/greycliff-cf-regular.woff') format('woff'), url('../fonts/greycliff-cf-regular.ttf') format('truetype'), url('../fonts/greycliff-cf-regular.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/source-sans-pro-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Source Sans Pro SemiBold';
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans-pro-v14-latin-semi-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: FSMeWeb-Bold;
  src: local("FSMeWeb-Bold"), url(../fonts/frutiger65_bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-Italic;
  src: local("FSMeWeb-Italic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-BoldItalic;
  src: local("FSMeWeb-BoldItalic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-Light;
  src: local("FSMeWeb-Light"), url(../fonts/frutiger45_light.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-LightItalic;
  src: local("FSMeWeb-LightItalic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-Heavy;
  src: local("FSMeWeb-Heavy"), url(../fonts/frutiger65_bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-HeavyItalic;
  src: local("FSMeWeb-HeavyItalic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FutureYouIcons;
  src: local("ZhubIcons"), url(../fonts/futureyou-icons.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: ZhubIcons;
  src: local("ZhubIcons"), url(../fonts/zhub-icons.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.margin_thin {
  margin: 0.6em;
}
.margin_medium {
  margin: 1.2em;
}
.margin_thick {
  margin: 2.2em;
}
.margin_extra_thick {
  margin: 4.2em;
}
.padding_thin {
  padding: 0.25em;
}
.padding_medium {
  padding: 0.35em;
}
.padding_thick {
  padding: 0.75em;
}
.add-on-focus {
  border-width: 0 0 2px;
  border-color: #C6C6C6;
}
.add-on-error {
  border-color: #e5007e;
}
.add-hyperlink {
  color: white !important;
  text-decoration: none;
}
.add-document {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-documents.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin: -2px 1em 0 0px;
}
.add-document-coloured {
  content: ' ';
  background-image: url(../image/icon-document.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  width: 30px;
  height: 40px;
}
.add-exclaimation {
  content: ' ';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjNweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMyAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+R3JvdXAgQ29weSAyPC90aXRsZT4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNTAwMDAwLCA5LjAwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTEuNTAwMDAwLCAtOS4wMDAwMDApICIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIzIDE4IDIuNzI4NDg0MTFlLTEyIDE4IDIuNzI4NDg0MTFlLTEyIDE0IDMgMTQiPjwvcG9seWdvbj4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjMgMTIgMi43Mjg0ODQxMWUtMTIgMTIgMi43Mjg0ODQxMWUtMTIgMCAzIDAiPjwvcG9seWdvbj4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 40px;
}
.add-calendar-button {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-calendar.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.add-close-button {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-cross-large.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
}
.add-basic-button {
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -moz-user-select: none;
  display: inline-block;
  padding: 0.75em 1.15em;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 1em;
}
.add-primary-button {
  background: #e5007e;
  color: #ffffff;
  min-width: 15em;
  border: solid #e5007e 2px;
  text-decoration: none;
  -webkit-transition: 0.5s;
}
.add-primary-button:hover {
  background-color: #890D54;
  border-color: #890D54;
  color: #ffffff;
}
.add-primary-button:focus,
.add-primary-button:active {
  background-color: #890D54;
}
.border-radius--thin {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.border-radius--none {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.border-radius--thick {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.corporateColor_back_border {
  border-color: #e5007e;
  background-color: #e5007e;
}
.form-group {
  position: relative;
  width: 100%;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}
@media only screen and (min-width: 45em) {
  .col-4 {
    width: 28.66666667%;
  }
  .col-5 {
    width: 37.08333333%;
  }
  .col-6 {
    width: 45.5%;
  }
  .col-7 {
    width: 53.91666667%;
  }
  .col-8 {
    width: 62.33333333%;
  }
  .col-9 {
    width: 70.75%;
  }
  .col-10 {
    width: 79.16666667%;
  }
  .col-11 {
    width: 87.58333333%;
  }
  .col-12 {
    width: 96%;
  }
  .hidden-sm {
    display: block;
  }
}
.doNotUseThisSelector h1 {
  font-family: Greycliff CF Extra Bold, calibre-web-bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector h2 {
  font-family: Greycliff CF Extra Bold, calibre-web-bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector h3 {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector h4 {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector body {
  font-family: Greycliff CF Regular;
  box-sizing: border-box;
  font-style: normal;
  color: #1E193E;
  background-color: #e6e6e6;
}
@media (max-width: 792px) {
  .doNotUseThisSelector body {
    font-size: 16px;
  }
}
.doNotUseThisSelector .borderless {
  border: none;
}
.doNotUseThisSelector .no-margin {
  margin: 0px;
}
.doNotUseThisSelector b {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector .icon-info-circle-blue {
  content: url(../image/icon-info-circle-blue.svg);
  float: right;
  margin-top: -20px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
.doNotUseThisSelector .clickable {
  cursor: pointer;
}
.doNotUseThisSelector .layout-container--banner__main-content:not(.view-dashboard) {
  width: 95%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  float: none;
}
.doNotUseThisSelector .layout-container__main-content {
  padding-left: unset;
  padding-right: unset;
  box-shadow: none;
}
.doNotUseThisSelector .layout-container__header {
  background-color: white;
}
.doNotUseThisSelector .view-personal-details .layout-container--banner__banner--top,
.doNotUseThisSelector .view-change-password .layout-container--banner__banner--top,
.doNotUseThisSelector .view-bank-details .layout-container--banner__banner--top,
.doNotUseThisSelector .view-notify-claim .layout-container--banner__banner--top,
.doNotUseThisSelector .view-claim-confirmation .layout-container--banner__banner--top {
  display: none !important;
}
.doNotUseThisSelector .layout-container--side-banner .layout-container--banner__banner--side {
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
  margin-top: 0;
  float: none;
}
.doNotUseThisSelector .navigation__menu--secondary--light {
  margin-top: 0;
}
.doNotUseThisSelector #body .layout-container--banner__banner--side {
  margin: 0;
}
.doNotUseThisSelector #body .layout-container--banner__banner--side .banner-container {
  border: 1px solid #dadada;
  box-shadow: 0px 0px 20px #eee;
}
.doNotUseThisSelector #body .form-content {
  border-top: none;
  padding-top: 0px;
}
.doNotUseThisSelector #body .form-content .form-group #Description,
.doNotUseThisSelector #body .form-content .short-list-answer #Description {
  height: 250px;
  width: 100%;
}
.doNotUseThisSelector #body .form-content .form-group p.help-text,
.doNotUseThisSelector #body .form-content .short-list-answer p.help-text {
  margin-top: 1em !important;
  margin-left: 0;
  width: 24.5em;
  color: #1E193E;
}
.doNotUseThisSelector #body .box-shadow {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px white inset;
  border-radius: 5px;
}
.doNotUseThisSelector #body .form-group.disabled input[type="text"] {
  background: #f5f5f5;
  box-shadow: none;
  color: #999;
}
.doNotUseThisSelector #body .divPendingChangeContainer {
  flex-basis: 100%;
}
.doNotUseThisSelector #body .popup-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
}
.doNotUseThisSelector #body .popup-content {
  position: absolute;
  background-color: white;
  padding: 0.75em 5%;
  left: 50%;
  top: -50px;
  transform: translate(-50%, 0);
  z-index: 9000;
  width: 90%;
}
.doNotUseThisSelector #body .horizontal-flip {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.doNotUseThisSelector #view {
  min-height: 629px;
}
.doNotUseThisSelector .layout-container--banner__banner--top {
  margin-bottom: 3em;
}
.doNotUseThisSelector .viewport {
  background: none;
}
.doNotUseThisSelector .wrapper__content header {
  background-position: 15px 20px;
}
.doNotUseThisSelector .wrapper__content header .header__logo {
  display: inline-block;
  min-height: 80px;
  min-width: 200px;
}
.doNotUseThisSelector .wrapper__content header .header__navigation--primary {
  display: inline-block;
  float: right;
}
.doNotUseThisSelector .wrapper__content header .header__navigation--primary,
.doNotUseThisSelector .wrapper__content header .navigation__menu--primary {
  border: none;
  margin: 0;
  padding: 0;
}
.doNotUseThisSelector .wrapper__content header .exit,
.doNotUseThisSelector .wrapper__content header .save-exit {
  float: right;
  padding-bottom: 18px;
  padding-left: 5px;
}
.doNotUseThisSelector .wrapper__content header .exit a,
.doNotUseThisSelector .wrapper__content header .save-exit a {
  background-image: url(../image/icon-sign-out.png);
  background-size: 20px;
  background-position: 0 10px;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-top: 20px;
}
.doNotUseThisSelector .wrapper__content header .exit a:hover,
.doNotUseThisSelector .wrapper__content header .save-exit a:hover {
  color: #1E193E;
  background-color: inherit;
  background: url(../image/icon-sign-out.png);
  background-size: 20px;
  background-position: 0 10px;
  background-repeat: no-repeat;
}
.doNotUseThisSelector .wrapper__content header .save-exit {
  display: none;
}
.doNotUseThisSelector .wrapper__content header .exit {
  display: block;
}
.doNotUseThisSelector .wrapper__content .viewport {
  clear: both;
  overflow: hidden;
}
.doNotUseThisSelector .wrapper__content .viewport .layout-container__left-content .page-actions__navigation .navigation__menu--secondary--light {
  margin-top: 0;
}
.doNotUseThisSelector .wrapper__footer {
  background-color: #1E193E;
  color: #ffffff;
  clear: both;
  overflow: hidden;
}
.doNotUseThisSelector .wrapper__footer .home-url {
  font-weight: bold;
}
.doNotUseThisSelector h1 {
  font-weight: normal;
  margin-top: 0;
  padding-right: 5px;
  margin-bottom: 30px;
}
.doNotUseThisSelector .btn-help-icon-d2c--placeholder {
  margin-left: 10px;
  border-radius: 100%;
  border: 1px solid #e5007e;
  cursor: pointer;
  color: #e5007e;
  font-size: 0.9em;
  padding: 0.2em 0.6em 0.15em 0.5em;
}
.doNotUseThisSelector .help-text p {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 10px;
}
.doNotUseThisSelector .help-text .btn-more-info:before {
  display: inline-block;
  padding-top: 1px;
  padding-right: 1px;
  content: "i";
  line-height: 20px;
  width: 20px;
  font-weight: bold;
  text-align: center;
  color: #e5007e;
  border: 1px solid #e5007e;
  border-radius: 50%;
}
.doNotUseThisSelector .sorting_disabled {
  background-image: none !important;
}
.doNotUseThisSelector .page-actions {
  border: none;
}
.doNotUseThisSelector .page-actions__navigation {
  background-color: #FBFAFA;
}
.doNotUseThisSelector .sum-display {
  min-width: 12em;
  display: inline-block;
  vertical-align: top;
}
.doNotUseThisSelector .sum-display h4 {
  margin-top: 1em;
  font-weight: 400;
}
.doNotUseThisSelector .sum-display h4 span {
  display: block;
  font-size: 2em;
  margin-top: 5px;
  font-weight: 400;
}
.doNotUseThisSelector .view-forgotten-password #body .form-buttons .btn-primary {
  width: 14em;
}
.doNotUseThisSelector .view-register {
  min-height: 600px;
  float: none;
  right: 0;
  width: 100%;
  overflow: hidden;
}
.doNotUseThisSelector .view-register .layout-container--banner__banner--side {
  display: none !important;
}
.doNotUseThisSelector .view-register #body {
  float: none;
  position: relative;
  width: 90%;
  background-color: #ffffff;
  vertical-align: top;
  border: 1px solid #ddd;
  padding: 2em;
  padding-bottom: 0;
  margin: 1em auto 0 auto;
  display: block;
}
.doNotUseThisSelector .view-register #body h1 {
  margin-bottom: 0;
}
.doNotUseThisSelector .view-register #body .register-container {
  display: inline-block;
  width: 100%;
}
.doNotUseThisSelector .view-register #body .register-container .form-content .label-header {
  margin: 0.3em 0 1em 0;
  display: inline-block;
  width: 100%;
}
.doNotUseThisSelector .view-register #body .register-container .form-content .help-text {
  display: none;
}
.doNotUseThisSelector .view-register #body .register-container .form-content .form-group {
  border: 0;
}
.doNotUseThisSelector .view-register #body .register-container .form-content .new-password,
.doNotUseThisSelector .view-register #body .register-container .form-content .confirm-password {
  display: inline-block;
  width: auto;
  overflow: hidden;
  margin-right: 2em;
  margin-top: 1em;
}
.doNotUseThisSelector .view-register #body .register-container .form-content .new-password > input[type="password"],
.doNotUseThisSelector .view-register #body .register-container .form-content .confirm-password > input[type="password"] {
  width: 15em !important;
}
.doNotUseThisSelector .view-register #body .register-container .form-group__input-container--checkbox .input-container__label--checkbox {
  font-weight: normal;
  color: #9E9E9E;
  font-family: Frutiger, Lucida Grande, Arial, sans-serif;
}
.doNotUseThisSelector .view-register #body .register-container .form-group__input-container--checkbox .input-container__label--checkbox:before {
  margin-top: -1px !important;
}
.doNotUseThisSelector .view-register #body .register-container .form-group__input-container--checkbox .input-container__label--checkbox a {
  color: #9e9e9e;
  font-family: Frutiger, Lucida Grande, Arial, sans-serif;
}
.doNotUseThisSelector .view-register #body .register-container .form-buttons {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
}
.doNotUseThisSelector .view-register #body .register-container .form-buttons .btn {
  float: none;
  width: 90%;
}
.doNotUseThisSelector .view-register #body .password-requirements {
  display: block;
  width: 100%;
}
.doNotUseThisSelector .view-register #body .password-requirements h3 {
  margin-top: 0;
}
.doNotUseThisSelector .view-register #body .password-requirements ul {
  padding: 0 0 0 1em;
}
.doNotUseThisSelector .view-register .layout-container--banner__banner--top,
.doNotUseThisSelector .view-register .header__navigation,
.doNotUseThisSelector .view-register .layout-container__left-content {
  display: none !important;
}
.doNotUseThisSelector .view-logon .layout-container--banner__banner--top,
.doNotUseThisSelector .view-resend-invitation .layout-container--banner__banner--top {
  display: none !important;
}
.doNotUseThisSelector .view-logon .header,
.doNotUseThisSelector .view-resend-invitation .header {
  display: inline-block;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) h1,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) h1 {
  margin-bottom: 1em;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) .background-image,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) .background-image {
  float: right;
  width: 54%;
  height: 103.9%;
  margin-top: -16px;
  margin-right: -16px;
  display: none;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .validation-summary-errors,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .validation-summary-errors {
  padding-bottom: 10px;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .login-help,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .login-help {
  display: none;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .not-registered-text,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .not-registered-text {
  color: #C6C6C5;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .form-content,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .form-content {
  display: block;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .form-content .form-group,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .form-content .form-group {
  width: auto;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .form-content .form-group label,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .form-content .form-group label {
  display: block;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .form-content .form-group .password-labels,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .form-content .form-group .password-labels {
  display: block;
  margin-left: 0;
  margin-bottom: 0;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .form-content .form-group .password-labels label,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .form-content .form-group .password-labels label {
  display: inline-block;
}
.doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) form .form-content .form-group .password-labels .forgotten-password-text,
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form .form-content .form-group .password-labels .forgotten-password-text {
  display: inline-block;
  float: right;
  color: #C6C6C5;
  text-decoration: none;
}
.doNotUseThisSelector .view-resend-invitation #body.layout-container--banner__main-content .form-content .form-group:first-of-type {
  margin-bottom: 10px;
}
.doNotUseThisSelector .view-resend-invitation #body.layout-container--banner__banner--side {
  margin-bottom: 1em;
}
.doNotUseThisSelector .view-resend-invitation #body.layout-container--banner__banner--side .banner-container {
  margin: 0;
  width: 100%;
}
.doNotUseThisSelector .view-resend-invitation #body.layout-container--banner__banner--side .banner-container ul li:before {
  color: #51524a;
}
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) {
  height: auto;
}
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) .header {
  width: 50%;
}
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) .header h1 {
  margin-bottom: 5px;
}
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form {
  width: 100%;
  display: inline-block;
}
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form label.sub-header {
  margin-bottom: 1em;
  display: block;
}
.doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form p.help-text {
  font-size: 0.8em;
  color: #C6C6C5;
}
.doNotUseThisSelector .view-dashboard-documents .layout-container--banner__banner--top,
.doNotUseThisSelector .view-dashboard .layout-container--banner__banner--top,
.doNotUseThisSelector .view-quote-summary .layout-container--banner__banner--top {
  display: none !important;
}
.doNotUseThisSelector .view-personal-details #body .form-content .form-group .help-text p {
  width: 85%;
}
.doNotUseThisSelector .view-personal-details #body .form-content .form-group .help-text .btn-more-info:before {
  vertical-align: top;
  margin-top: 5px;
}
.doNotUseThisSelector .view-personal-details #body .form-content .form-buttons .btn-update-success {
  background-color: #417505;
}
.doNotUseThisSelector .view-personal-details #body .form-content .form-buttons .btn-update-success:before {
  font-family: FutureYouIcons;
  content: "7";
  margin-right: 10px;
}
.doNotUseThisSelector .view-change-password #body .header {
  display: inline-block;
}
.doNotUseThisSelector .view-change-password #body .form-content .form-group {
  margin: 0;
  border: none;
  padding: 0;
}
.doNotUseThisSelector .view-change-password #body .form-content .form-group label {
  display: block;
  width: auto;
}
.doNotUseThisSelector .view-change-password #body .form-content .form-buttons .btn {
  float: none;
}
.doNotUseThisSelector .view-change-password #body .password-requirements {
  margin-right: 5%;
}
.doNotUseThisSelector .view-change-password #body .password-requirements ul {
  padding-left: 1.1em;
}
.doNotUseThisSelector .view-change-password #body .password-requirements h3 {
  margin-top: 0;
}
.doNotUseThisSelector .view-bank-details #body .form-content .sortcode div input[type="text"],
.doNotUseThisSelector .view-bank-details #body .form-content .sortcode div input[type="number"] {
  width: 8em !important;
  padding: 15px;
  height: 50px;
  border-radius: 0;
  margin-right: 1em;
  text-align: center;
}
.doNotUseThisSelector .view-bank-details #body .form-content .bank-account:first-child {
  border-top: 2px solid #eee;
}
.doNotUseThisSelector .view-bank-details #body .form-content .bank-account h3 {
  word-wrap: break-word;
}
.doNotUseThisSelector .view-bank-details #body .form-content .bank-account .bank-account-details {
  margin-bottom: 15px;
}
.doNotUseThisSelector .view-bank-details #body .form-content .bank-account .bank-account-details em {
  font-style: normal;
}
.doNotUseThisSelector .view-bank-details #body .form-content .bank-account .bank-account-details span {
  display: block;
  margin-top: 5px;
}
.doNotUseThisSelector .view-bank-details #body .add-bank-account .form-group {
  margin-bottom: 2em;
}
.doNotUseThisSelector .view-bank-details #body .add-bank-account .bank-details-container .bank-address-label {
  display: none;
}
.doNotUseThisSelector .view-bank-details #body .add-bank-account .bank-details-container .dd-info .dd-info__details div {
  margin-bottom: 5px;
}
.doNotUseThisSelector .view-notify-claim .online-claim ul {
  margin-left: -20px;
  margin-bottom: 2.2em;
}
.doNotUseThisSelector .view-notify-claim textarea {
  width: 100%;
  height: 100px;
}
.doNotUseThisSelector .view-challenge-screen #body .form-group {
  margin-bottom: 1em;
}
.doNotUseThisSelector .policy-holder-description {
  margin-right: 10px;
}
.doNotUseThisSelector .payment-details .form-group {
  margin-bottom: 20px;
}
.doNotUseThisSelector .return-summary {
  margin-bottom: 15px;
  display: block;
}
.doNotUseThisSelector .check-payment-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.doNotUseThisSelector .check-payment-header h3,
.doNotUseThisSelector .check-payment-header h4 {
  display: inline-block;
}
.doNotUseThisSelector .check-payment-header input {
  color: #0E7196;
  text-decoration: underline;
  float: right;
  margin-top: 20px;
  background: none;
  font-family: Greycliff CF Regular;
}
.doNotUseThisSelector .check-payment-header input:focus {
  background: none;
}
.doNotUseThisSelector .check-payment-section {
  display: flex;
  border-bottom: lightgrey solid 2px;
  margin-top: 10px;
  padding-bottom: 15px;
  flex-wrap: wrap;
}
.doNotUseThisSelector .check-payment-section label {
  width: 400px;
}
.doNotUseThisSelector .client-details-card {
  position: relative;
}
.doNotUseThisSelector .check-bank-info {
  margin-bottom: 30px;
}
.doNotUseThisSelector .view-decision .layout-container--banner__header {
  display: none;
}
.doNotUseThisSelector .view-decision .layout-container--banner__banner--top {
  padding-top: 32%;
}
.doNotUseThisSelector .view-decision #body:not(.layout-container--banner__banner--side) .form-content a {
  color: #1E193E;
  text-decoration: none;
}
.doNotUseThisSelector .view-decision #body:not(.layout-container--banner__banner--side) .form-content ul {
  margin-left: 0;
}
.doNotUseThisSelector .view-decision #body:not(.layout-container--banner__banner--side) .form-content .slideToggleTarget div div {
  border: none;
}
.doNotUseThisSelector .view-decision #body:not(.layout-container--banner__banner--side) .inline-banner-container .banner-container {
  border: 1px solid #ddd;
}
.doNotUseThisSelector .view-decision #body:not(.layout-container--banner__banner--side) .inline-banner-container .banner-container__list-container {
  border: none;
}
.doNotUseThisSelector .view-decision #body:not(.layout-container--banner__banner--side) .form-buttons {
  border: none;
}
.doNotUseThisSelector .container {
  flex: 1 1;
  background: #fff;
  padding: 0px 25px 10px 25px;
  border: 1px solid #707070;
  border-radius: 4px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
}
.doNotUseThisSelector .container .inner-container {
  margin: 0px;
  padding: 0px 25px 0px 25px;
}
.doNotUseThisSelector .container .inner-container .actions {
  display: flex;
}
.doNotUseThisSelector .borderless-container {
  padding: 25px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
}
.doNotUseThisSelector .borderless-container .form-content p {
  max-width: 700px;
}
.doNotUseThisSelector .closed-policy-container {
  background-color: #F1F1F0;
}
.doNotUseThisSelector .closed-policy-container .card-divider {
  background-color: #1E193E;
}
.doNotUseThisSelector .closed-policy-container .product-card-action {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  padding-top: 8px;
}
.doNotUseThisSelector .teen-confirmation {
  background-repeat: no-repeat;
}
.doNotUseThisSelector .teen-confirmation ul {
  list-style: none;
  padding-inline-start: 0px;
  margin-bottom: 2.5em;
}
.doNotUseThisSelector .teen-confirmation ul li {
  display: flex;
  align-items: flex-start;
}
.doNotUseThisSelector .teen-confirmation ul li.bullet-correspondence:before {
  content: '';
  background-image: url(../image/icon-speech-bubble.svg);
  background-size: 43px;
  background-repeat: no-repeat;
  height: 43px;
  min-width: 56px;
}
.doNotUseThisSelector .teen-confirmation ul li.bullet-mobile:before {
  content: url(../image/icon-mobile-phone.svg);
  border: 2px solid black;
  border-radius: 100%;
  padding: 10px 0 0 15px;
  margin-right: 15px;
  min-width: 31px;
  min-height: 36px;
}
.doNotUseThisSelector .teen-confirmation .icon-list li {
  margin-bottom: 1.5em;
}
.doNotUseThisSelector .teen-confirmation .form-content .form-group {
  margin: 40px 0px 75px 0px;
}
.doNotUseThisSelector .teen-confirmation .actions button .btn-primary {
  font-family: Greycliff CF Regular;
}
.doNotUseThisSelector .view-find-product--layout-container .layout-container__header,
.doNotUseThisSelector .child-trust-fund--layout-container .layout-container__header,
.doNotUseThisSelector .view-registration--layout-container .layout-container__header,
.doNotUseThisSelector .parent-details--layout-container .layout-container__header {
  background: none;
}
@media (min-width: 972px) {
  .doNotUseThisSelector .view-find-product--layout-container .viewport,
  .doNotUseThisSelector .child-trust-fund--layout-container .viewport,
  .doNotUseThisSelector .view-registration--layout-container .viewport {
    margin-top: 50px;
  }
}
.doNotUseThisSelector .view-inbox .container {
  z-index: 0;
  border-radius: 0px 0px 4px 4px;
  padding-top: 20px;
}
.doNotUseThisSelector .view-inbox .container .form-section {
  margin-bottom: 20px;
}
.doNotUseThisSelector .view-inbox .container .help-message-label {
  margin-top: 20px;
}
.doNotUseThisSelector .view-inbox .container .actions {
  margin-bottom: 20px;
}
.doNotUseThisSelector .container-thread.form-container {
  padding-bottom: 30px;
}
.doNotUseThisSelector .container-thread.form-container a {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector .container-thread.form-container .actions {
  margin-right: 0;
}
.doNotUseThisSelector .tab-container {
  height: 53px;
}
.doNotUseThisSelector .inbox-tab {
  background: #fff;
  border-top: solid 3px #0E7196;
  font-family: Greycliff CF Regular;
  z-index: 0;
  height: 51px;
  display: inline-flex;
  justify-content: center;
}
.doNotUseThisSelector .inbox-tab.selected {
  border-top: solid 4px #42383B;
  border-bottom-color: white;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  width: 200px;
  height: 54px;
}
.doNotUseThisSelector .inbox-tab:active {
  border-color: #f0f0f0;
}
.doNotUseThisSelector .inbox-tab:hover:not(.selected) {
  background-color: #E7F7FB;
}
.doNotUseThisSelector #inbox-info {
  background-image: url(../image/icon-info-blue.svg);
  float: left;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-top: 20px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
}
.doNotUseThisSelector .new-secure-message,
.doNotUseThisSelector .top-up-invitation {
  width: 100%;
}
.doNotUseThisSelector .content .secure-message-document-upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.doNotUseThisSelector .content .secure-message-document-upload .content-upload {
  background-color: #f7f7f7;
  border: 1px lightgrey dashed;
  min-height: 60px;
  padding: 20px 10px;
  width: 100%;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: black;
}
.doNotUseThisSelector .content .secure-message-document-upload .content-upload .link {
  color: #0E7196;
  text-decoration: underline;
}
.doNotUseThisSelector .content .secure-message-document-upload .content-upload .drag-and-drop {
  padding-left: 45px;
}
.doNotUseThisSelector .content .secure-message-document-upload .content-upload .drag-and-drop:before {
  content: url(../image/icon-paperclip.svg);
  margin-right: 10px;
  position: absolute;
  left: 10px;
  top: 15px;
}
.doNotUseThisSelector .content .secure-message-document-upload .content-upload .file-warning {
  background-image: none;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 12px 10px;
}
.doNotUseThisSelector .content .secure-message-document-upload .content-upload .uploaded-files {
  width: 100%;
}
.doNotUseThisSelector .content .secure-message-document-upload input {
  width: 100%;
  height: 55px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.doNotUseThisSelector .content .secure-message-document-upload ul {
  background-color: white;
  padding-inline-start: 0px;
  margin: 15px 0 0 0;
  width: 100%;
}
.doNotUseThisSelector .content .secure-message-document-upload ul li {
  background-color: white;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: #0E7196;
  padding: 10px 5px 15px 35px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 2px;
  list-style: none;
  background: url(../image/icon-tick.svg) no-repeat;
  background-size: 18px;
  background-position: 10px;
  display: flex;
  justify-content: space-between;
}
.doNotUseThisSelector .content .secure-message-document-upload ul .remove-file {
  font-size: 14px;
  text-decoration: underline;
  font-family: Greycliff CF Regular;
  display: inline-block;
  padding-top: 2px;
  cursor: pointer;
}
.doNotUseThisSelector .attach-a-file {
  color: #0E7196;
  margin-top: 10px;
}
.doNotUseThisSelector .attach-a-file:before {
  content: url(../image/icon-paperclip.svg);
  vertical-align: middle;
  margin-right: 8px;
}
.doNotUseThisSelector .subrequest-types-container {
  margin-top: 30px;
  width: 100%;
}
.doNotUseThisSelector .secure-message,
.doNotUseThisSelector .top-up-invitation-message {
  width: 100%;
  min-height: 100px;
  background-color: #F7F7F7;
  margin-top: 5px;
  font-size: large;
  line-height: 1em;
  padding-top: 5px;
}
.doNotUseThisSelector .my-messages-container {
  margin-top: 15px;
}
.doNotUseThisSelector .my-messages-container a {
  text-decoration: underline;
  background-size: 10px;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position-y: 5px;
  cursor: pointer;
}
.doNotUseThisSelector .my-messages-container #search-subject {
  margin-bottom: 20px;
  background-image: url(../image/icon-search.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 225px;
  background-position-y: 11px;
  padding-left: 24px;
  width: 100%;
}
.doNotUseThisSelector #search-document,
.doNotUseThisSelector #search-link {
  background-image: url(../image/icon-search.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  width: 225px;
  background-position-y: 8px;
  padding-left: 24px;
  height: 34px;
}
.doNotUseThisSelector .unread-message-notification {
  background-size: 20px;
  background-repeat: no-repeat;
  background-image: url(../image/icon-message-unread.svg);
  font-size: 11px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: white;
  padding: 3px 0px 0px 0px;
  width: 20px;
  height: 21px;
  text-align: center;
  margin-left: 6px;
}
.doNotUseThisSelector a .unread-message-notification {
  background-position-x: 9px;
  margin-top: -12px;
  padding: 3px 0px 0px 6px;
  margin-left: 0px;
  width: 31px;
  position: absolute;
}
.doNotUseThisSelector .still-having-problems {
  margin-top: 20px;
  margin-bottom: 40px;
}
.doNotUseThisSelector .secure-message-info-section {
  margin-top: 30px;
  width: 100%;
}
.doNotUseThisSelector .secure-message-section {
  margin-top: 30px;
  width: 100%;
}
.doNotUseThisSelector .secure-message-info {
  background-color: #E7F7FB;
  min-height: 100px;
  padding: 10px;
  border: 1px solid #707070;
}
.doNotUseThisSelector .quick-subrequest-types-container {
  flex-wrap: wrap;
  display: inline-flex;
  width: 400px;
  margin-top: 20px;
}
.doNotUseThisSelector .quick-subrequest-types-container label {
  display: flex;
  cursor: pointer;
  position: relative;
  margin-right: 25px;
  margin-bottom: 30px;
}
.doNotUseThisSelector .quick-subrequest-types-container label:focus-within {
  outline: 0.125em solid lightblue;
}
.doNotUseThisSelector .quick-subrequest-types-container label input {
  position: absolute;
  left: -9999px;
}
.doNotUseThisSelector .quick-subrequest-types-container label span {
  align-items: center;
  padding: 1em 0.75em 1em 1em;
  border-radius: 7px;
  border: 2px solid #1E193E;
  background-color: #E7F7FB;
  font-family: Greycliff CF Regular;
}
.doNotUseThisSelector .quick-subrequest-types-container label span:hover {
  background-color: #C0EEFA;
}
.doNotUseThisSelector .quick-subrequest-types-container label span:before {
  display: none;
}
.doNotUseThisSelector .thread-header {
  height: 50px;
  border: solid #F1F1F0;
  border-width: 2px 0px 2px 0px;
  margin-bottom: 20px;
  padding-top: 8px;
}
.doNotUseThisSelector .thread-header .thread-details {
  float: right;
  margin-top: 1px;
  display: flex;
  height: 28px;
}
.doNotUseThisSelector .thread-respondent {
  display: inline-block;
  font-size: 14px;
}
.doNotUseThisSelector .thread-respondent:before {
  content: ' ';
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  display: inline-block;
  margin-right: 5px;
}
.doNotUseThisSelector .thread-respondent .respondent-name {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  display: inline-block;
  position: absolute;
  margin-top: -2px;
}
.doNotUseThisSelector .thread-respondent .recipient-name {
  display: inline-block;
  height: 15px;
}
.doNotUseThisSelector .respondent-customer:before {
  background-image: url(../image/icon-inbox-user.svg);
}
.doNotUseThisSelector .respondent-onefamily:before {
  background-image: url(../image/icon-inbox-corona.svg);
}
.doNotUseThisSelector .btn-reply {
  background-image: url(../image/icon-reply.svg);
  background-size: 28px;
  background-repeat: no-repeat;
  margin-right: 17px;
  padding-left: 28px;
  height: inherit;
  cursor: pointer;
}
.doNotUseThisSelector .thread-date {
  background-image: url(../image/icon-date.svg);
  background-size: 19px;
  background-repeat: no-repeat;
  font-size: 16px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  padding-left: 27px;
  height: 25px;
  padding-top: 3px;
}
.doNotUseThisSelector .thread-view {
  width: 100%;
  margin-bottom: 20px;
}
.doNotUseThisSelector .thread-view .messages-view {
  border-bottom: solid 2px #DBDAE0;
  margin-bottom: 10px;
}
.doNotUseThisSelector .thread-view .message-header {
  height: 50px;
  padding-left: 5px;
  padding-top: 10px;
  padding-right: 9px;
  margin-bottom: 10px;
}
.doNotUseThisSelector .thread-view .message-header .message-date {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  float: right;
}
.doNotUseThisSelector .thread-view .message-header.header-onefamily {
  background-color: #E7F7FB;
}
.doNotUseThisSelector .thread-view .message-header.header-customer {
  background-color: #F1F1F0;
}
.doNotUseThisSelector .thread-view .message-body {
  min-height: 50px;
  margin-bottom: 20px;
  font-family: Greycliff CF Regular;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.doNotUseThisSelector .thread-view .message-body.message-customer {
  font-style: italic;
}
.doNotUseThisSelector .thread-view .message-documents {
  font-style: italic;
  overflow-wrap: break-word;
  margin-bottom: 10px;
}
.doNotUseThisSelector .thread-view .new-customer-message .secure-message {
  margin-top: 20px;
}
.doNotUseThisSelector .thread-view .actions {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.doNotUseThisSelector .thread-view .actions input {
  width: 100%;
}
.doNotUseThisSelector .conversation-closed {
  background-color: #F1F1F0;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  padding: 12px;
  font-style: italic;
  margin-bottom: 20px;
}
.doNotUseThisSelector .secure-message-notification-container {
  background-image: url(../image/icon-notification-bg.svg);
  background-repeat: no-repeat;
  background-size: 150px;
  background-position-y: -4px;
  background-position-x: 96%;
  border: #a43c74 solid 2px;
  padding-bottom: 20px;
  position: relative;
}
.doNotUseThisSelector .secure-message-notification-container .notfification-links {
  justify-content: space-between;
  display: flex;
  margin-top: 25px;
  cursor: pointer;
}
.doNotUseThisSelector .secure-message-notification-container .notfification-links .hide-notification {
  padding-right: 75px;
}
.doNotUseThisSelector .secure-message-notification-container .notification-sidebar {
  width: 10px;
  height: 100%;
  background-color: #e7cfdd;
  display: inline-flex;
  position: absolute;
  left: 0px;
  border-radius: 3px 0 0 3px;
  z-index: 0;
}
.doNotUseThisSelector .notification-bell:before {
  content: ' ';
  background-image: url(../image/icon-notification.svg);
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 35px;
  background-position-y: 4px;
}
.doNotUseThisSelector .direct-debit-setup ul {
  padding: 0;
  margin-top: 30px;
}
.doNotUseThisSelector .direct-debit-setup ul li {
  background: url(../image/icon-tick-circle.svg) top left no-repeat;
  background-size: 37px 20px;
  list-style: none;
  margin-right: 20px;
  padding-left: 2.5em;
}
.doNotUseThisSelector .form-group-portal {
  padding-right: 72px;
}
.doNotUseThisSelector .form-group-portal input {
  width: 100%;
  margin-bottom: 20px;
}
.doNotUseThisSelector .account-holder-confirmation {
  margin-bottom: 20px;
  border-top: 1px #ececec solid;
  padding-top: 10px;
}
.doNotUseThisSelector .account-holder-confirmation label {
  font-family: Greycliff CF Regular;
}
.doNotUseThisSelector .input-segment {
  margin-right: 50px;
  width: 280px;
  display: inline-block;
  margin-bottom: 20px;
}
.doNotUseThisSelector .input-segment input {
  width: 100%;
}
.doNotUseThisSelector .single {
  width: 100%;
}
.doNotUseThisSelector .form-group--double-control-portal .sortcode input {
  width: 100%;
  margin-right: 10px;
}
.doNotUseThisSelector .sortcode,
.doNotUseThisSelector .monthly-payment {
  margin-right: 0;
}
.doNotUseThisSelector #paymentsView .container {
  flex: none;
}
.doNotUseThisSelector .form-container {
  margin-top: 15px;
  padding: 5px 25px 30px 25px;
}
.doNotUseThisSelector .form-container .actions {
  margin-right: 10px;
  margin-top: 20px;
}
.doNotUseThisSelector .form-container .actions .btn-primary-portal {
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 2.5em;
}
.doNotUseThisSelector .form-container .actions a {
  cursor: pointer;
}
.doNotUseThisSelector .form-container p,
.doNotUseThisSelector .form-container .form-paragraph {
  max-width: 770px;
}
.doNotUseThisSelector .form-container .payment-section {
  max-width: 520px;
}
.doNotUseThisSelector .form-container .content-area {
  margin-bottom: 20px;
}
.doNotUseThisSelector .form-container .content-area .container-section {
  display: flex;
}
.doNotUseThisSelector .form-container .content-area .container-section .input-segment {
  width: 210px;
  margin-bottom: 20px;
}
.doNotUseThisSelector .form-container .content-area .container-section .input-segment label {
  padding-left: 0px;
}
.doNotUseThisSelector .full-width-text p {
  max-width: none;
}
.doNotUseThisSelector .policy-summary {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  background: transparent !important;
}
.doNotUseThisSelector .policy-summary .container {
  padding: 0px 0px 20px 0px;
  margin-top: 20px;
  position: relative;
}
.doNotUseThisSelector .policy-summary .container .inner-container {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  min-height: 296px;
}
.doNotUseThisSelector .policy-summary .container label {
  font-family: Greycliff CF Regular;
}
.doNotUseThisSelector .policy-summary .container .container-segment {
  margin-bottom: 0.6em;
  max-width: 500px;
}
.doNotUseThisSelector .policy-summary .container .application-action-message {
  background-color: #F9F3F6;
  padding: 5px 10px 1px 10px;
  margin-top: 15px;
}
.doNotUseThisSelector .policy-summary .container .product-card-action {
  position: relative;
  padding-left: 45px;
  min-height: 40px;
}
.doNotUseThisSelector .policy-summary .container .product-card-action:before {
  content: url(../image/exclamation-circle-solid.svg);
  position: absolute;
  left: 0px;
  width: 37px;
  top: 3px;
}
.doNotUseThisSelector .policy-summary .container .product-card-action b {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.doNotUseThisSelector .policy-summary .container .application-status-message {
  background-color: #F1F7F9;
  margin-top: auto;
  padding: 0px 10px 1px 10px;
}
.doNotUseThisSelector .policy-summary .container .app-status h2 {
  margin-top: 0px;
}
.doNotUseThisSelector .policy-summary .container .maturity-card-inner {
  color: white;
  height: 273px;
}
.doNotUseThisSelector .policy-summary .container:after {
  height: 6px;
  background-color: #b5d3df;
  content: ' ';
  position: absolute;
  border-radius: 0 0 3px 3px;
  bottom: 0px;
}
.doNotUseThisSelector .policy-summary .maturity-card {
  background: url(../image/product-card-mature-bg.svg) top right no-repeat, url(../image/product-card-mature-corona-bg.svg) bottom left no-repeat;
  background-color: #890d54;
}
.doNotUseThisSelector .policy-summary .maturity-card .container-segment div {
  max-width: 275px;
}
.doNotUseThisSelector .policy-summary .no-after:after {
  content: none !important;
}
.doNotUseThisSelector .Documents .static-links {
  padding-bottom: 25px;
}
.doNotUseThisSelector .withdrawal-view,
.doNotUseThisSelector .maintain-payment-view {
  margin-top: 100px;
}
.doNotUseThisSelector .withdrawal-view .client-details-card button {
  position: relative;
}
.doNotUseThisSelector .transfer-topup-view,
.doNotUseThisSelector .transfer-topup-confirm-view {
  margin-top: 100px;
}
.doNotUseThisSelector .transfer-topup-view h4,
.doNotUseThisSelector .transfer-topup-confirm-view h4 {
  margin: 0 0 0.5em 0;
}
.doNotUseThisSelector .transfer-topup-view .container form .input-container__label--checkbox,
.doNotUseThisSelector .transfer-topup-confirm-view .container form .input-container__label--checkbox {
  margin-bottom: 20px;
}
.doNotUseThisSelector .transfer-topup-view .container .actions,
.doNotUseThisSelector .transfer-topup-confirm-view .container .actions {
  margin-bottom: 20px;
}
.doNotUseThisSelector .transfer-topup-view .container .actions button,
.doNotUseThisSelector .transfer-topup-confirm-view .container .actions button {
  min-width: 287px;
}
.doNotUseThisSelector .transfer-topup-view .client-details-modal .inner-content,
.doNotUseThisSelector .transfer-topup-confirm-view .client-details-modal .inner-content {
  margin-top: -20px;
  margin-left: 280px;
}
.doNotUseThisSelector .form-control-descriptor-left {
  padding-top: 4px;
  position: absolute;
  margin-top: 5px;
  padding-left: 7px;
  font-size: 16.8px;
}
.doNotUseThisSelector .summary-partial-view {
  margin-top: 80px;
  display: flex;
  place-content: flex-start space-between;
  flex-flow: row wrap;
  align-items: flex-start;
}
.doNotUseThisSelector .summary-partial-view .container {
  padding: 0px 25px 25px 25px;
  margin-top: 20px;
}
.doNotUseThisSelector .summary-partial-view .container .container-segment {
  margin-bottom: 0.6em;
}
.doNotUseThisSelector .summary-partial-view .container .container-segment .container-section {
  display: inline-block;
}
.doNotUseThisSelector .summary-partial-view .container .actions {
  margin-top: 2em;
}
.doNotUseThisSelector .summary-partial-view .transaction-container {
  width: 100%;
  max-width: none;
}
.doNotUseThisSelector .summary-partial-view .account-value-container {
  padding-top: 25px;
}
.doNotUseThisSelector .summary-partial-view .account-value-container .container-segment .container-section p {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: xx-large;
  margin-bottom: 0px;
  margin-top: 5px;
}
.doNotUseThisSelector .summary-partial-view .account-value-container .actions {
  margin-top: 60px;
}
.doNotUseThisSelector .summary-partial-view .projections-container {
  background: url(../image/panel-bg-projections-calculator.svg) top left no-repeat;
  background-color: #7186EC;
  padding: 25px;
  float: right;
  background-size: 597px;
  background-position-x: -1px;
}
.doNotUseThisSelector .summary-partial-view .projections-container h3 {
  width: 88%;
  display: inline-block;
  margin-top: 0;
}
.doNotUseThisSelector .summary-partial-view .projections-container .info-icon {
  content: url(../image/icon-info-blue.svg);
  vertical-align: top;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  border: solid #8B9CB2 1px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results .maturity-year {
  font-size: 16px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results h1 {
  margin-bottom: 10px;
  margin-right: 5px;
  display: inline-block;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results .question-icon {
  content: url(../image/icon-question.svg);
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance .sub-performance {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance .sub-performance span {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 14px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs {
  text-align: center;
  border-bottom: dotted 3px #1E193E;
  width: 100%;
  position: relative;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs p {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  max-width: 360px;
  display: inline-block;
  font-size: 18px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs button,
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-input {
  border-radius: 8px;
  background-color: white;
  border: 2px solid #1E193E;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  white-space: pre-wrap;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs button:focus,
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-input:focus {
  background-color: #1E193E;
  color: white;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container {
  display: flex;
  justify-content: space-evenly;
  margin-top: 15px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container button {
  padding: 10px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input {
  display: flex;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input:focus-within {
  background-color: #1E193E;
  color: white;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input:focus-within .edit-icon {
  content: url(../image/icon-calculator-edit-reversed.svg);
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input .currency-icon {
  padding-top: 5px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input .edit-icon {
  content: url(../image/icon-calculator-edit.svg);
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input .projection-editable {
  background: none;
  border: none;
  display: inline-block;
  width: 80%;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 24px;
  padding-left: 0.1em;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input .projection-editable:focus {
  color: white;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input label {
  position: absolute;
  bottom: -25px;
  left: 0;
  color: #1E193E;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .current-payment-setup {
  background-color: white;
  border: 2px solid #1E193E;
  border-radius: 8px;
}
.doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-warning {
  position: absolute;
  min-height: 43px;
  padding: 15px 25px 15px 25px;
  border-top: 2px solid #e5007e;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.doNotUseThisSelector .summary-partial-view .container-account-actions .container-segment .container-section {
  margin-right: 1em;
}
.doNotUseThisSelector .summary-partial-view .container-account-actions .container-segment .actions a {
  min-width: 140px;
  max-width: 145px;
  margin-top: 10px;
}
.doNotUseThisSelector .summary-partial-view .container-account-summary {
  width: 100%;
  max-width: none;
}
.doNotUseThisSelector .summary-partial-view .investment-options-container {
  display: block;
}
.doNotUseThisSelector .sub-footer-cards {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}
.doNotUseThisSelector .sub-footer-cards .bg-bottom-left {
  background: url(../image/panel-bg-bottom-left.svg) bottom left no-repeat;
}
.doNotUseThisSelector .sub-footer-cards .bg-top-right {
  background: url(../image/panel-bg-top-right.svg) top right no-repeat;
}
.doNotUseThisSelector .sub-footer-cards .bg-bottom-right {
  background: url(../image/panel-bg-bottom-right.svg) bottom right no-repeat;
}
.doNotUseThisSelector .sub-footer-cards .container {
  flex: 1 1 33%;
  flex-wrap: wrap;
  padding: 0 0 5px 0;
  background-color: white;
  position: relative;
}
.doNotUseThisSelector .sub-footer-cards .container .payment-card {
  background: url(../image/icon-card-payment.svg) top right no-repeat;
  margin-right: 20px;
}
.doNotUseThisSelector .sub-footer-cards .container .helpful-card {
  background: url(../image/icon-helpful-links.svg) top right no-repeat;
  margin-right: 20px;
}
.doNotUseThisSelector .sub-footer-cards .container .legal-card {
  background: url(../image/icon-legal-links.svg) top right no-repeat;
  margin-right: 20px;
}
.doNotUseThisSelector .sub-footer-cards .container .questions-card {
  background: url(../image/icon-top-questions.svg) top right no-repeat;
  margin-right: 20px;
}
.doNotUseThisSelector .sub-footer-cards .container .watermark {
  top: 39rem;
  right: -37rem;
  z-index: -1;
  opacity: 0.2;
  height: 110px;
  width: 100%;
  position: absolute;
}
.doNotUseThisSelector .sub-footer-cards .container .watermark_logo {
  background: url(../image/onefamily-logo-watermark.svg) top center no-repeat;
  background-size: contain;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.doNotUseThisSelector .sub-footer-cards .container label {
  font-family: Greycliff CF Regular;
}
.doNotUseThisSelector .sub-footer-cards .container .inner-container {
  min-height: 199px;
}
.doNotUseThisSelector .sub-footer-cards .container .inner-container .actions {
  margin-right: 10px;
  margin-top: 40px;
}
.doNotUseThisSelector .sub-footer-cards .container:after {
  height: 5px;
  background-color: #1E193E;
  z-index: 0;
  content: ' ';
  position: absolute;
  border-radius: 0 0 3px 3px;
  min-width: 100%;
  bottom: 0px;
}
.doNotUseThisSelector .container-header {
  display: flex;
  justify-content: space-between;
}
.doNotUseThisSelector .container-header .container-icon {
  margin-top: 2.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 0;
  font-size: 11px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 15px;
  flex-direction: column;
}
.doNotUseThisSelector .container-header strong {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-weight: 800;
}
.doNotUseThisSelector .card-divider {
  height: 5px;
  background-color: #e5007e;
  width: 50px;
  margin-bottom: 0.6em;
}
.doNotUseThisSelector .grey-divider {
  height: 4px;
  background-color: #C6C6C6;
  width: 50px;
  margin-top: 3em;
}
.doNotUseThisSelector .account-value {
  font-weight: bold;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin-bottom: 10px;
}
.doNotUseThisSelector #fundsadded::marker {
  color: #e5007e;
  font-size: 20px;
}
.doNotUseThisSelector #fundsremaining::marker {
  color: #f4f4f4;
  font-size: 20px;
}
.doNotUseThisSelector .subnav {
  width: 100%;
  height: 70px;
  text-decoration: none;
  position: absolute;
  margin-top: 20px;
  z-index: 1;
  left: 0px;
}
.doNotUseThisSelector .subnav a {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 22px;
  padding-top: 16px;
  margin-right: 10px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  text-decoration: none;
  color: #0E7196;
}
.doNotUseThisSelector .subnav .subnav-menu {
  flex-direction: column;
}
.doNotUseThisSelector .subnav .subnav-menu a {
  background: #1E193E;
  font-family: Greycliff CF Regular;
  color: white;
  width: 100%;
  font-size: 13px;
  padding-left: 90px;
  padding-top: 18px;
  background-repeat: no-repeat;
  background-position: 55px 16px;
  border-top: darkgray solid 1px;
}
.doNotUseThisSelector .subnav .subnav-menu .withdraw {
  background-image: url(../image/icon-sub-nav-withdrawal.svg);
  background-position-x: 58px;
}
.doNotUseThisSelector .subnav .subnav-menu .set-withdrawal-account {
  background-image: url(../image/icon-sub-nav-withdrawal-account.svg);
}
.doNotUseThisSelector .subnav .subnav-menu .invest-options-responsive {
  background-image: url(../image/icon-sub-nav-investment-options.svg);
}
.doNotUseThisSelector .subnav .subnav-menu .manage-direct-debit {
  background-image: url(../image/icon-sub-nav-direct-debit.svg);
  background-position-x: 58px;
}
.doNotUseThisSelector .subnav .subnav-menu .one-off-payment {
  background-image: url(../image/icon-sub-nav-one-off-payment.svg);
}
.doNotUseThisSelector .account-info-bar {
  margin-top: 20px;
}
.doNotUseThisSelector .tabs-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
}
.doNotUseThisSelector .sticky {
  position: fixed;
  margin-top: 0;
  background-color: white;
  z-index: 1;
}
.doNotUseThisSelector .summary-partial-view .container-client-details {
  display: inline-block;
}
.doNotUseThisSelector .container-client-details .container-segment {
  display: flex;
}
.doNotUseThisSelector .container-client-details .container-segment .container-section {
  flex: 1 0;
}
.doNotUseThisSelector .container-client-details a {
  color: #0E7196;
}
.doNotUseThisSelector .container-client-details .extra-details {
  margin-bottom: 18px;
}
.doNotUseThisSelector .container-client-details .extra-details .first-line-address {
  margin-block-end: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.doNotUseThisSelector .contactdetails {
  margin-bottom: 20px;
}
.doNotUseThisSelector .contactdetails .client-details-card {
  margin-bottom: 7.5px;
}
.doNotUseThisSelector #account-value-icon {
  background-image: url(../image/icon-info-grey.svg);
  float: right;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-top: 20px;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.doNotUseThisSelector .account-mature-complete-icon {
  background-image: url(../image/icon-account-mature.svg);
  float: left;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-right: 7px;
  height: 20px;
  width: 20px;
}
.doNotUseThisSelector .account-mature-timer-icon {
  background-image: url(../image/icon-timer.svg);
  float: left;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-right: 7px;
  height: 20px;
  width: 20px;
}
.doNotUseThisSelector .info-box {
  background-image: url(../image/exclamation-circle-solid.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  padding-top: 20px;
  float: left;
  height: 20px;
  width: 34px;
  margin-right: 10px;
}
.doNotUseThisSelector .child-edit-icon {
  background-image: url(../image/icon-pen.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  padding: 10px;
  margin-left: 27px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.doNotUseThisSelector .portal-address-entry {
  margin-top: 40px;
}
.doNotUseThisSelector .container-account-summary {
  display: flex;
  flex-wrap: wrap;
  flex: none;
  width: 100%;
  padding: 0 25px 10px 25px;
  position: relative;
}
.doNotUseThisSelector .container-account-summary .account-value-segment .account-interest {
  display: none;
}
.doNotUseThisSelector .container-account-summary .account-value-segment .container-segment {
  margin-bottom: 0.6em;
}
.doNotUseThisSelector .container-account-summary .border-right {
  border-right: 2px solid #f4f4f4;
  height: 340px;
  margin-top: 20px;
}
.doNotUseThisSelector .progress-ring__circle {
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke: #e5007e;
  stroke-linecap: round;
}
.doNotUseThisSelector .progress-ring__circle_background {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke: #f4f4f4;
}
.doNotUseThisSelector .progress-ring circle {
  fill: transparent;
}
.doNotUseThisSelector .tax-year-content {
  display: flex;
}
.doNotUseThisSelector .tax-year-content .tax-year-graphic {
  text-align: center;
  position: relative;
}
.doNotUseThisSelector .tax-year-content .progress-ring .progress-ring__circle {
  stroke: #1E193E;
}
.doNotUseThisSelector .tax-year-content .tax-year-graphic-small {
  flex-direction: column;
}
.doNotUseThisSelector .tax-year-content .tax-year-allowance {
  align-self: center;
  max-height: 20px;
  height: 20px;
  width: min-content;
}
.doNotUseThisSelector .tax-year-content .tax-graphic-labels {
  align-self: center;
}
.doNotUseThisSelector .tax-year-content .tax-graphic-labels ul {
  margin-top: 0;
}
.doNotUseThisSelector .tax-year-content .tax-graphic-labels ul li.paid-in::marker {
  color: #1E193E;
  font-size: 25px;
}
.doNotUseThisSelector .tax-year-content .tax-graphic-labels ul li.remaining::marker {
  color: #f4f4f4;
  font-size: 25px;
}
.doNotUseThisSelector .layout-container__main-content .content .tax-year-content .tax-graphic-labels ul li {
  margin-top: 0px;
}
.doNotUseThisSelector .btn-secondary-portal,
.doNotUseThisSelector .actions .btn-secondary-portal {
  border-radius: 7px;
  border-color: #1E193E;
  border: solid 1px #1E193E;
  color: #1E193E;
  font-family: Greycliff CF Regular;
  min-height: 60px;
  background-color: white;
  text-decoration: none;
  margin-right: 20px;
}
.doNotUseThisSelector .btn-secondary-portal:hover,
.doNotUseThisSelector .actions .btn-secondary-portal:hover,
.doNotUseThisSelector .btn-secondary-portal:focus,
.doNotUseThisSelector .actions .btn-secondary-portal:focus,
.doNotUseThisSelector .btn-secondary-portal:active,
.doNotUseThisSelector .actions .btn-secondary-portal:active {
  background-color: #E7E6EA;
}
.doNotUseThisSelector a {
  color: #0E7196;
}
.doNotUseThisSelector a.btn-secondary-portal {
  padding-top: 18px;
}
.doNotUseThisSelector a.btn-primary-portal {
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  color: white;
}
.doNotUseThisSelector .actions .btn-primary-portal,
.doNotUseThisSelector .account-value-segment .btn-primary-portal {
  background-color: #0E7196;
  border-radius: 7px;
  border-color: #0E7196;
  color: white;
  font-family: Greycliff CF Regular;
  margin-right: 1em;
  min-height: 60px;
  padding-left: 1em;
  padding-right: 1em;
}
.doNotUseThisSelector .actions .btn-primary-portal:hover,
.doNotUseThisSelector .account-value-segment .btn-primary-portal:hover,
.doNotUseThisSelector .actions .btn-primary-portal:focus,
.doNotUseThisSelector .account-value-segment .btn-primary-portal:focus,
.doNotUseThisSelector .actions .btn-primary-portal:active,
.doNotUseThisSelector .account-value-segment .btn-primary-portal:active {
  background-color: #0B5673;
  border-color: #0B5673;
}
@media (max-width: 792px) {
  .doNotUseThisSelector .actions .btn-primary-portal,
  .doNotUseThisSelector .account-value-segment .btn-primary-portal,
  .doNotUseThisSelector .actions .btn-secondary-portal,
  .doNotUseThisSelector .account-value-segment .btn-secondary-portal {
    min-height: 52px;
  }
  .doNotUseThisSelector a.btn-primary-portal,
  .doNotUseThisSelector a.btn-secondary-portal {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
  }
}
.doNotUseThisSelector a.a-modal-close {
  font-family: Greycliff CF Regular;
  color: #0E7196;
}
.doNotUseThisSelector .btn-retrieve {
  margin-top: 59px;
}
.doNotUseThisSelector ul.static-doc-link {
  color: #0E7196;
  padding-inline-start: 0;
}
.doNotUseThisSelector ul.static-doc-link li {
  list-style: none;
  content: '';
  height: 20px;
  background: url(../image/cloud-download-alt-solid.svg) no-repeat;
  padding-left: 40px;
  margin-top: 2.1em;
}
.doNotUseThisSelector ul.footer-list {
  padding-left: inherit;
}
.doNotUseThisSelector ul.footer-list li {
  margin-top: 1em;
}
.doNotUseThisSelector ul.footer-list li::marker {
  color: #0E7196;
}
.doNotUseThisSelector .table-filter label select {
  height: 35px;
  font-size: 15px;
  color: #51524a;
}
.doNotUseThisSelector .table-filter-label {
  margin-right: 1.5em;
}
.doNotUseThisSelector #select-charge-description {
  margin-right: 3em;
}
.doNotUseThisSelector .layout-container--banner__main-content {
  margin-top: 0 !important;
}
.doNotUseThisSelector .policy-summary ul.key-features {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.doNotUseThisSelector .layout-container--banner__main-content {
  background: #fff;
  padding: 20px;
  margin-top: 35px !important;
  box-shadow: 1px 1px 10px #ddd;
  border: 1px solid #e0e0e0;
}
.doNotUseThisSelector .view-dashboard .layout-container--banner__banner--side + .layout-container--banner__main-content {
  background: none;
  padding: 0;
  margin-top: 0 !important;
  box-shadow: none;
  border: none;
}
.doNotUseThisSelector .layout-container--banner__banner--top {
  display: none;
}
.doNotUseThisSelector header .header__logo {
  background-size: 220px !important;
  border-bottom: 1px solid #ddd !important;
}
.doNotUseThisSelector .view-dashboard #menu {
  position: absolute;
  right: 20px;
  top: 62px;
  z-index: 99;
  text-decoration: none;
}
.doNotUseThisSelector .view-dashboard #menu a {
  color: #333;
  text-decoration: none;
}
.doNotUseThisSelector .view-dashboard #menu ul {
  position: absolute;
  color: #333;
  right: 0px;
  top: 20px;
  z-index: 99;
  background: #fff;
  font-size: 14px;
  border-radius: 3px;
  list-style: none;
  padding: 10px 20px;
  font-weight: bold;
  border: 1px solid #bbb;
  line-height: 2;
  box-shadow: 1px 1px 10px #c0c0c0;
  min-width: 240px;
}
.doNotUseThisSelector .view-dashboard #menu #subMenu > li {
  font-size: 12px;
}
.doNotUseThisSelector .view-dashboard #menu #subMenu > li > a > span {
  color: lightgray;
  display: inline-block;
  width: 100px;
}
.doNotUseThisSelector .view-personal-details #body .form-content .form-group {
  border-bottom: none;
}
.doNotUseThisSelector .date-month {
  margin-left: 0 !important;
}
.doNotUseThisSelector .view-deposit .date-today,
.doNotUseThisSelector .view-withdrawal .date-today {
  padding: 12px 10px;
  height: auto;
}
.doNotUseThisSelector table.withdrawl-summary {
  width: 100%;
}
.doNotUseThisSelector table.policy-change-summary {
  width: 100%;
  border-collapse: collapse;
}
.doNotUseThisSelector table.policy-change-summary td {
  font-size: 14px;
  padding: 10px 10px;
  color: #333;
  text-align: right;
  border: none;
}
.doNotUseThisSelector table.policy-change-summary td:first-child {
  text-align: left;
}
.doNotUseThisSelector table.policy-change-summary tr.header td {
  border-bottom: 2px solid #298fc2;
  font-weight: bold;
}
.doNotUseThisSelector table.withdrawl-summary tr.header + tr td {
  border-bottom: 1px solid #ddd;
}
.doNotUseThisSelector table.ThreadDetails tbody tr td:first-child {
  position: unset;
}
.doNotUseThisSelector .validation-summary-errors ul {
  list-style-type: none;
}
.doNotUseThisSelector .view-loan-application .validation-summary-errors {
  padding: 20px 0 10px 0 !important;
}
.doNotUseThisSelector .change-client-details .row {
  margin-bottom: 20px;
}
.doNotUseThisSelector .change-client-details .large-row {
  margin-bottom: 50px;
}
.doNotUseThisSelector .change-client-details .btn-primary-portal {
  background-color: #0E7196;
  border-radius: 7px;
  border-color: #0E7196;
  min-width: 0px;
  color: white;
  font-family: Greycliff CF Regular;
  margin-right: 1em;
  min-height: 60px;
}
.doNotUseThisSelector .change-client-details .btn-primary-portal:hover,
.doNotUseThisSelector .change-client-details .btn-primary-portal:focus,
.doNotUseThisSelector .change-client-details .btn-primary-portal:active {
  background-color: #0B5673;
  border-color: #0B5673;
}
.doNotUseThisSelector .change-client-details .btn-search {
  background-color: #0E7196;
  border-color: #0E7196;
  min-width: 0px;
  color: white;
  font-family: Greycliff CF Regular;
  margin-right: 1em;
  width: auto !important;
}
.doNotUseThisSelector .change-client-details .btn-search:hover,
.doNotUseThisSelector .change-client-details .btn-search:focus,
.doNotUseThisSelector .change-client-details .btn-search:active {
  background-color: #0B5673;
  border-color: #0B5673;
}
.doNotUseThisSelector .change-client-details .btn-tertiary {
  background: 0;
  color: #007196 !important;
  text-decoration: underline;
  font-family: Greycliff CF Regular;
  min-width: auto;
}
.doNotUseThisSelector .change-client-details .btn-tertiary:hover {
  color: #0B5673 !important;
}
.doNotUseThisSelector .fund-boxes-container {
  display: flex;
  margin-bottom: 30px;
}
.doNotUseThisSelector .fund-boxes-container ol {
  display: contents;
}
.doNotUseThisSelector .fund-boxes-container ol form {
  width: 100%;
  display: contents;
}
.doNotUseThisSelector .fund-boxes-container ol form li {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 8px;
  padding-left: 8px;
}
.doNotUseThisSelector .fund-boxes-container ol .carousel__slide {
  display: flex;
  align-self: baseline;
  list-style: none;
  display: inline-block;
  float: left;
}
.doNotUseThisSelector .fund-option-container {
  margin-bottom: 30px;
  max-width: 480px;
  border: 1px solid #707070;
  height: unset;
  margin-right: 15px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.doNotUseThisSelector .fund-option-container .actions {
  margin-top: 35px;
}
.doNotUseThisSelector .active-fund-box {
  border: 2px solid #1E193E;
}
.doNotUseThisSelector .active-fund-header {
  background-color: #1E193E;
  background-image: none;
  padding: 20px;
  color: white;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.doNotUseThisSelector .active-fund-header .text {
  text-align: center;
}
.doNotUseThisSelector .investment-options {
  display: block !important;
}
.doNotUseThisSelector .investment-options-container {
  display: flex;
  justify-content: center;
}
.doNotUseThisSelector .fund-option-header {
  background: #008471;
  color: #fff;
  padding: 20px;
}
.doNotUseThisSelector .fund-option-header h3 {
  margin-top: 0.5rem;
}
@media (min-width: 300px) {
  .doNotUseThisSelector .layout-container__header.sticky {
    z-index: 2;
    top: 0px;
  }
  .doNotUseThisSelector .subnav {
    background-color: #1E193E;
  }
  .doNotUseThisSelector .subnav .tabs-container {
    display: flex;
    justify-content: space-evenly;
  }
  .doNotUseThisSelector .subnav .tabs-container a {
    color: white;
    font-family: Greycliff CF Regular;
    top: 18%;
    position: relative;
    font-size: 13px;
    padding-top: 30px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: top;
    background-position-x: center;
  }
  .doNotUseThisSelector .subnav .tabs-container .summary {
    background-image: url(../image/icon-sub-nav-summary.svg);
  }
  .doNotUseThisSelector .subnav .tabs-container .payments,
  .doNotUseThisSelector .subnav .tabs-container .invest-options {
    display: none;
  }
  .doNotUseThisSelector .subnav .tabs-container .payments-responsive {
    background-image: url(../image/icon-sub-nav-payments.svg);
  }
  .doNotUseThisSelector .subnav .tabs-container .more-options {
    display: inline;
    background-image: url(../image/icon-sub-nav-more.svg);
  }
  .doNotUseThisSelector .subnav.sticky {
    top: 74px;
  }
  .doNotUseThisSelector .sub-footer-cards {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
  }
  .doNotUseThisSelector .policy-summary {
    display: block;
  }
  .doNotUseThisSelector .policy-summary .container:after {
    min-width: 100%;
  }
  .doNotUseThisSelector .policy-summary .container .remaining-allowance {
    display: none;
  }
  .doNotUseThisSelector .policy-summary .container .inner-container .container-header h3 {
    width: 75%;
  }
  .doNotUseThisSelector .policy-summary .container form {
    margin-top: auto;
  }
  .doNotUseThisSelector .policy-summary .container .actions {
    justify-content: space-between;
    margin-top: auto;
  }
  .doNotUseThisSelector .policy-summary .container .actions .btn-primary-portal,
  .doNotUseThisSelector .policy-summary .container .actions .btn-secondary-portal {
    font-size: 14px;
  }
  .doNotUseThisSelector .summary-partial-view .container-column {
    width: 100%;
  }
  .doNotUseThisSelector .summary-partial-view .container {
    width: 100%;
    margin-bottom: 0;
    padding: 2px 15px 25px 15px;
  }
  .doNotUseThisSelector .summary-partial-view .container .container-segment .container-section {
    margin-right: 1.5em;
  }
  .doNotUseThisSelector .summary-partial-view .container .actions {
    justify-content: space-between;
  }
  .doNotUseThisSelector .summary-partial-view .container .actions .btn-secondary-portal {
    font-size: 15px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container {
    padding-top: 25px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container h3 {
    margin-bottom: 0px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results {
    padding-left: 20px;
    padding-right: 20px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results h1 {
    margin-top: 5px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance {
    border: none;
    font-size: 12px;
    gap: 8px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance .sub-performance:first-of-type {
    border-right: dotted 3px #1E193E;
    padding-right: 10px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs p {
    margin-top: 5px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .desktop {
    display: none;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .current-payment-setup.mobile {
    display: block;
    width: 100%;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .current-payment-setup:focus {
    color: white;
    background-color: #1E193E;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container {
    margin-bottom: 35px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input {
    width: 45%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input label {
    width: 100%;
    font-size: 14px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-warning {
    top: 198px;
  }
  .doNotUseThisSelector .container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    flex: none;
  }
  .doNotUseThisSelector .borderless-container .form-content {
    width: 100%;
  }
  .doNotUseThisSelector .tab-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
  }
  .doNotUseThisSelector .tab-container .inbox-tab {
    margin: 0px;
    width: 184px;
  }
  .doNotUseThisSelector .tab-container .inbox-tab.selected {
    height: 54px;
  }
  .doNotUseThisSelector .view-inbox .responsive {
    display: block;
  }
  .doNotUseThisSelector .view-inbox .desktop {
    display: none;
  }
  .doNotUseThisSelector .view-documents .container .actions {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .doNotUseThisSelector .quick-subrequest-types-container label {
    max-width: 275px;
  }
  .doNotUseThisSelector .actions .btn-secondary-portal {
    margin-right: 0px;
    padding-left: 9px;
    padding-right: 9px;
  }
  .doNotUseThisSelector .button.btn-secondary-portal.withdraw-portal {
    margin-top: 9px;
  }
  .doNotUseThisSelector .container-account-summary .border-right {
    display: none;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .account-invested-label {
    display: none;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested #account-container-fund-icon-without-title {
    display: none;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested #account-container-fund-icon {
    display: block;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .container-icon {
    position: absolute;
    top: 15px;
    right: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-basis: 0;
    font-size: 11px;
    text-align: center;
    flex-direction: column;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .container-icon .account-invested-icon-label {
    display: block;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-interest {
    display: none;
  }
  .doNotUseThisSelector .progress-ring__circle,
  .doNotUseThisSelector .progress-ring__circle_background {
    stroke-width: 15px;
  }
  .doNotUseThisSelector .tax-year-graphic-small .progress-ring {
    height: 215px;
  }
  .doNotUseThisSelector .tax-year-graphic-small .progress-ring .progress-ring__circle,
  .doNotUseThisSelector .tax-year-graphic-small .progress-ring .progress-ring__circle_background {
    stroke-width: 20px;
  }
  .doNotUseThisSelector .graphic-mobile {
    display: block;
    width: fit-content;
  }
  .doNotUseThisSelector .graphic-desktop,
  .doNotUseThisSelector .tax-year-graphic {
    display: none;
  }
  .doNotUseThisSelector .tax-year-graphic-small {
    display: flex;
    flex-wrap: wrap;
  }
  .doNotUseThisSelector .tax-year-allowance {
    text-align: center;
    position: absolute;
    padding-top: 80px;
  }
  .doNotUseThisSelector .account-performance-segment {
    width: 100%;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-header {
    margin-bottom: 0px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic {
    display: flex;
    flex-direction: column-reverse;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-funds {
    padding-left: 120px;
    position: absolute;
    bottom: 175px;
    right: 30px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .container-segment {
    margin-bottom: 0.6em;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units {
    border-top: 2px solid #f6f6f6;
    border-bottom: 2px solid #f6f6f6;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background: #f6f6f6;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units .account-units-row {
    display: flex;
    gap: 15%;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units .account-units-row .price-percentage {
    color: purple;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units .account-units-row .account-unit-column {
    min-width: 80px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units label {
    font-weight: bold;
    margin-right: 5px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic {
    text-align: center;
    margin-right: 50px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic .account-performance-allowance {
    text-align: left;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic .account-performance-allowance div {
    display: inline-block;
  }
  .doNotUseThisSelector .total-allowance {
    display: inline-block;
  }
  .doNotUseThisSelector .view-dashboard h4,
  .doNotUseThisSelector .view-personal-details h4 {
    font-size: 24px;
  }
  .doNotUseThisSelector .my-messages-container a {
    padding-left: 0;
  }
  .doNotUseThisSelector .my-messages-container a.unread {
    background-image: none;
    font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  }
  .doNotUseThisSelector .my-messages-container a.read {
    background-image: none;
  }
  .doNotUseThisSelector .teen-confirmation {
    background-image: url(../image/rc-teen-mobile.png);
    background-size: 90% 225px;
    background-position-x: center;
    background-position-y: 80px;
  }
  .doNotUseThisSelector .teen-confirmation .form-content {
    max-width: none;
  }
  .doNotUseThisSelector .teen-confirmation .icon-list {
    margin-top: 17em;
  }
  .doNotUseThisSelector .fund-header.active-fund-header-title {
    margin-top: 65px;
  }
  .doNotUseThisSelector .view-find-product--layout-container .form-buttons {
    width: 100%;
  }
}
@media (min-width: 792px) {
  .doNotUseThisSelector {
    /* Style for pages with a banner*/
  }
  .doNotUseThisSelector .layout-container__header {
    position: unset;
  }
  .doNotUseThisSelector .h1,
  .doNotUseThisSelector h1 {
    font-size: 36px;
  }
  .doNotUseThisSelector .borderless-container .form-content {
    width: 80%;
  }
  .doNotUseThisSelector .sub-footer-cards {
    display: flex;
    padding: 0;
    max-width: 90%;
  }
  .doNotUseThisSelector .sub-footer-cards .container {
    max-width: 33%;
  }
  .doNotUseThisSelector .grey-divider {
    margin-bottom: 1.2em;
  }
  .doNotUseThisSelector .container {
    margin-left: unset;
    margin-right: unset;
    margin-bottom: 0px;
  }
  .doNotUseThisSelector .tabs-container {
    max-width: 90%;
  }
  .doNotUseThisSelector .borderless-container form-content {
    max-width: 80%;
  }
  .doNotUseThisSelector .subnav {
    background-color: rgba(255, 255, 255, 0.9);
    padding-top: 0px;
  }
  .doNotUseThisSelector .subnav .tabs-container {
    display: block;
  }
  .doNotUseThisSelector .subnav .tabs-container .payments,
  .doNotUseThisSelector .subnav .tabs-container .summary,
  .doNotUseThisSelector .subnav .tabs-container .more-options a {
    background: none;
  }
  .doNotUseThisSelector .subnav .tabs-container .payments-responsive,
  .doNotUseThisSelector .subnav .tabs-container .more-options {
    display: none;
  }
  .doNotUseThisSelector .subnav .tabs-container .payments,
  .doNotUseThisSelector .subnav .tabs-container .invest-options {
    display: inline;
  }
  .doNotUseThisSelector .subnav .tabs-container a {
    color: #0E7196;
    font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
    top: 36%;
    font-size: unset;
  }
  .doNotUseThisSelector .subnav .tabs-container a.selected {
    border-bottom: solid 3px;
    border-color: #0E7196;
    border-radius: 0;
  }
  .doNotUseThisSelector .subnav.sticky {
    top: 0px;
  }
  .doNotUseThisSelector .subnav-menu {
    display: none;
  }
  .doNotUseThisSelector .policy-summary {
    display: flex;
    padding: 0;
  }
  .doNotUseThisSelector .policy-summary .container {
    width: 564px;
  }
  .doNotUseThisSelector .policy-summary .container .remaining-allowance {
    display: block;
  }
  .doNotUseThisSelector .policy-summary .container .inner-container .container-header h3 {
    width: 82%;
  }
  .doNotUseThisSelector .policy-summary .container .actions {
    justify-content: normal;
  }
  .doNotUseThisSelector .policy-summary .container .actions .btn-primary-portal,
  .doNotUseThisSelector .policy-summary .container .actions .btn-secondary-portal {
    font-size: 14px;
    padding-left: 1em;
    padding-right: 1em;
  }
  .doNotUseThisSelector .view-documents .container {
    margin-bottom: 20px;
  }
  .doNotUseThisSelector .view-documents .container .actions {
    float: right;
    margin: 0;
  }
  .doNotUseThisSelector .view-documents .container p {
    max-width: 60%;
  }
  .doNotUseThisSelector .thread-view {
    width: 750px;
  }
  .doNotUseThisSelector .thread-view .actions {
    flex-direction: row;
    gap: 30px;
  }
  .doNotUseThisSelector .thread-view .actions input {
    width: unset;
  }
  .doNotUseThisSelector .form-container {
    max-width: none;
  }
  .doNotUseThisSelector .view-inbox .container {
    max-width: none;
  }
  .doNotUseThisSelector .view-inbox .responsive {
    display: none;
  }
  .doNotUseThisSelector .view-inbox .desktop {
    display: block;
  }
  .doNotUseThisSelector .thread-view {
    width: 750px;
  }
  .doNotUseThisSelector .quick-subrequest-types-container {
    width: 750px;
  }
  .doNotUseThisSelector .tab-container {
    max-width: none;
    display: block;
  }
  .doNotUseThisSelector .tab-container .inbox-tab {
    margin: 0px 8px 0px 5px;
  }
  .doNotUseThisSelector .tab-container .inbox-tab.selected {
    margin-left: 0px;
    width: 200px;
    height: 54px;
  }
  .doNotUseThisSelector h4 {
    margin-left: 0px;
  }
  .doNotUseThisSelector .view-dashboard h4,
  .doNotUseThisSelector .view-personal-details h4 {
    font-size: 46px;
  }
  .doNotUseThisSelector .summary-partial-view {
    padding: 0;
  }
  .doNotUseThisSelector .summary-partial-view .container-column {
    width: unset;
  }
  .doNotUseThisSelector .summary-partial-view .account-value-container .actions {
    float: right;
    justify-content: normal;
  }
  .doNotUseThisSelector .summary-partial-view .account-value-container .actions .btn-secondary-portal {
    font-size: 1em;
  }
  .doNotUseThisSelector .summary-partial-view .container {
    width: 590px;
    padding: 2px 25px 25px 25px;
  }
  .doNotUseThisSelector .summary-partial-view .container .container-segment {
    display: flex;
    justify-content: flex-start;
    gap: 1.5em;
  }
  .doNotUseThisSelector .summary-partial-view .container .actions .btn-primary-portal {
    font-size: 12px;
  }
  .doNotUseThisSelector .summary-partial-view .container .actions .btn-secondary-portal {
    font-size: 1em;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container {
    padding-top: 25px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container h3 {
    margin-bottom: 0.6em;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results {
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 8px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results h1 {
    margin-top: 0;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance {
    border-bottom: dotted 3px #1E193E;
    font-size: 14px;
    gap: 0px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-results .higher-lower-performance .sub-performance:first-of-type {
    border: none;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs p {
    margin-top: 10px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .current-payment-setup.mobile {
    display: none;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container {
    margin-bottom: 45px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .current-payment-setup.desktop {
    display: block;
    width: 153px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input {
    width: 153px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .doNotUseThisSelector .summary-partial-view .projections-container .projection-inputs .projection-buttons-container .projection-input label {
    font-size: 16px;
  }
  .doNotUseThisSelector .summary-partial-view .container-account-summary {
    max-width: none;
    width: 100%;
    padding-top: 10px;
    flex-wrap: nowrap;
  }
  .doNotUseThisSelector .summary-partial-view .account-value-container,
  .doNotUseThisSelector .summary-partial-view .transaction-container,
  .doNotUseThisSelector .summary-partial-view .container-account-actions {
    width: 100%;
    max-width: none;
  }
  .doNotUseThisSelector .summary-partial-view .account-value-container .container-segment,
  .doNotUseThisSelector .summary-partial-view .transaction-container .container-segment,
  .doNotUseThisSelector .summary-partial-view .container-account-actions .container-segment {
    justify-content: space-between;
  }
  .doNotUseThisSelector .summary-partial-view .container-account-actions .container-segment .actions {
    float: right;
  }
  .doNotUseThisSelector .summary-partial-view .container-account-actions .container-segment .actions a {
    max-width: none;
  }
  .doNotUseThisSelector .tax-year-allowance {
    left: 85px;
    top: 25px;
  }
  .doNotUseThisSelector .btn-primary-portal {
    padding-left: 0px;
    padding-right: 0px;
  }
  .doNotUseThisSelector .actions .btn-secondary-portal {
    margin-right: 20px;
    padding-left: 1em;
    padding-right: 1em;
  }
  .doNotUseThisSelector .container-account-summary .account-performance-segment .account-performance-content .performance-graphic .account-performance-allowance {
    position: relative;
    top: 125px;
    max-height: 20px;
    height: 20px;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested {
    display: flex;
    justify-content: space-between;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .account-invested-label {
    display: block;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .account-invested-label .fund-label {
    margin-top: 5px;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested #account-container-fund-icon-without-title {
    display: block;
    padding-left: 0.35em;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested #account-container-fund-icon {
    display: none;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .container-icon {
    position: unset;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-invested .container-icon .account-invested-icon-label {
    display: none;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-interest {
    display: flex;
    max-width: fit-content;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-interest .account-interest-label {
    display: inline;
    max-width: 60%;
  }
  .doNotUseThisSelector .container-account-summary .account-value-segment .account-interest .account-interest-pct {
    display: inline;
    max-width: 40%;
    margin-top: 0px;
  }
  .doNotUseThisSelector .container-account-summary .border-right {
    display: block;
  }
  .doNotUseThisSelector .tax-year-graphic-small,
  .doNotUseThisSelector .graphic-mobile {
    display: none;
  }
  .doNotUseThisSelector .graphic-desktop {
    display: block;
  }
  .doNotUseThisSelector .tax-year-graphic {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .doNotUseThisSelector .progress-ring {
    min-height: 280px;
    max-width: 250px;
  }
  .doNotUseThisSelector .progress-ring__circle,
  .doNotUseThisSelector .progress-ring__circle_background {
    stroke-width: 30px;
  }
  .doNotUseThisSelector .tax-year-graphic-small .progress-ring .progress-ring__circle,
  .doNotUseThisSelector .tax-year-graphic-small .progress-ring .progress-ring__circle_background {
    stroke-width: 30px;
  }
  .doNotUseThisSelector .account-performance-segment {
    margin-left: 25px;
    width: auto;
  }
  .doNotUseThisSelector .account-performance-segment .performance-graphic {
    display: block;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content {
    display: flex;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats {
    margin-top: 20px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-funds {
    padding-left: 50px;
    position: initial;
    bottom: unset;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units {
    background: none;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .account-stats .account-performance-units .account-units-row {
    display: flex;
    gap: 1.2em;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic {
    text-align: left;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic .account-performance-allowance {
    text-align: center;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic .account-performance-allowance div {
    display: block;
  }
  .doNotUseThisSelector .total-allowance {
    display: block;
  }
  .doNotUseThisSelector .payment-details {
    width: 60%;
  }
  .doNotUseThisSelector .form-group--double-control-portal {
    display: flex;
    justify-content: space-between;
  }
  .doNotUseThisSelector .title-container span {
    display: inline-block;
  }
  .doNotUseThisSelector .wrapper__content header .exit,
  .doNotUseThisSelector .wrapper__content header .save-exit {
    padding-bottom: 1px;
  }
  .doNotUseThisSelector .wrapper__content header .exit a,
  .doNotUseThisSelector .wrapper__content header .save-exit a {
    padding-top: 10px;
  }
  .doNotUseThisSelector .wrapper__content .viewport {
    clear: both;
    overflow: hidden;
  }
  .doNotUseThisSelector .wrapper__footer {
    width: 975px;
  }
  .doNotUseThisSelector .navigation__menu--primary .exit,
  .doNotUseThisSelector .navigation__menu--primary .save-exit {
    padding: 0.25em;
    margin: 2em 0 2em 0 !important;
  }
  .doNotUseThisSelector .view-client-selection #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-product-details #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-declaration #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-decision #body.layout-container--banner__main-content {
    margin-left: 6%;
  }
  .doNotUseThisSelector .view-declaration #body .form-content .comparison,
  .doNotUseThisSelector .view-policy-change-summary #body .form-content .comparison,
  .doNotUseThisSelector .view-quote-summary #body .form-content .comparison {
    display: flex;
  }
  .doNotUseThisSelector .view-declaration #body .form-content .comparison .product--d2c:first-child,
  .doNotUseThisSelector .view-policy-change-summary #body .form-content .comparison .product--d2c:first-child,
  .doNotUseThisSelector .view-quote-summary #body .form-content .comparison .product--d2c:first-child {
    margin-bottom: 0;
  }
  .doNotUseThisSelector .view-resend-invitation {
    display: block;
  }
  .doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) {
    width: 83%;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details {
    display: inline-block;
    float: none;
    position: relative;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-container,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-container,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-summary--compact,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-summary--compact {
    display: inline-block;
    width: 45%;
    max-width: 450%;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-container,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-container {
    margin-left: 0;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .actions ul li,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .actions ul li {
    display: inline-block;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .actions ul .amend-policy,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .actions ul .amend-policy,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .actions ul .change-payment-details,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .actions ul .change-payment-details {
    float: right;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-summary--compact,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-summary--compact {
    max-width: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .doNotUseThisSelector .view-change-password #body .form-content {
    width: 45%;
    display: inline-block;
  }
  .doNotUseThisSelector .view-change-password #body .form-content #Password,
  .doNotUseThisSelector .view-change-password #body .form-content #ConfirmPassword {
    width: 21em;
  }
  .doNotUseThisSelector .view-change-password #body .password-requirements {
    padding-left: 4%;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    float: right;
    height: 22em;
    border-left: 2px solid #eee;
  }
  .doNotUseThisSelector .view-register #body {
    padding-bottom: 2em;
    width: 80%;
  }
  .doNotUseThisSelector .view-register #body .register-container {
    width: 67%;
    border-right: 1px solid #ddd;
  }
  .doNotUseThisSelector .view-register #body .register-container .form-content {
    margin-bottom: 2em;
  }
  .doNotUseThisSelector .view-register #body .register-container .form-buttons {
    margin-top: 32px;
  }
  .doNotUseThisSelector .view-register #body .register-container .form-buttons .btn {
    width: auto;
  }
  .doNotUseThisSelector .view-register #body .password-requirements {
    display: inline-block;
    width: 30%;
    float: right;
  }
  .doNotUseThisSelector .view-register #body .password-requirements h3 {
    margin-top: 1em;
  }
  .doNotUseThisSelector .my-messages-container a {
    padding-left: 20px;
  }
  .doNotUseThisSelector .my-messages-container a.unread {
    background-image: url(../image/icon-message-unread.svg);
  }
  .doNotUseThisSelector .my-messages-container a.read {
    background-image: url(../image/icon-message-read.svg);
  }
  .doNotUseThisSelector .layout-container__header-title,
  .doNotUseThisSelector layout-container--side-banner__header-title,
  .doNotUseThisSelector .layout-container__header-container,
  .doNotUseThisSelector layout-container--side-banner__header-container,
  .doNotUseThisSelector .layout-container__actions,
  .doNotUseThisSelector layout-container--side-banner__actions,
  .doNotUseThisSelector .layout-container__main-content,
  .doNotUseThisSelector layout-container--side-banner__main-content {
    width: 90%;
    margin: auto;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic {
    margin-right: 0px;
  }
  .doNotUseThisSelector .teen-confirmation {
    background-image: url(../image/rc-teen.png);
    background-size: 37% 100%;
    background-position-x: right;
    background-position-y: top;
  }
  .doNotUseThisSelector .teen-confirmation h1 {
    font-size: 47px;
  }
  .doNotUseThisSelector .teen-confirmation .form-content {
    max-width: 60%;
  }
  .doNotUseThisSelector .teen-confirmation .icon-list {
    margin-top: 1em;
  }
  .doNotUseThisSelector .teen-confirmation .input-container__label--checkbox {
    margin-right: 3em;
  }
  .doNotUseThisSelector .fund-header.active-fund-header-title {
    margin-top: 20px;
  }
  .doNotUseThisSelector .view-find-product--layout-container .form-buttons {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .doNotUseThisSelector {
    /* Style for pages with a banner*/
  }
  .doNotUseThisSelector .new-secure-message,
  .doNotUseThisSelector .top-up-invitation {
    width: 550px;
  }
  .doNotUseThisSelector .account-performance-segment {
    margin-left: 40px;
  }
  .doNotUseThisSelector .account-performance-segment .account-performance-content .performance-graphic {
    margin-right: 50px;
  }
  .doNotUseThisSelector .tax-year-allowance {
    padding-bottom: 69px;
  }
  .doNotUseThisSelector .sub-footer-cards {
    max-width: 1200px;
  }
  .doNotUseThisSelector .sub-footer-cards .container {
    max-width: 385px;
    min-width: 300px;
  }
  .doNotUseThisSelector .tabs-container {
    max-width: 1200px;
  }
  .doNotUseThisSelector .actions .btn-secondary-portal {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .doNotUseThisSelector .policy-summary .container {
    min-width: 592px;
    max-width: unset;
  }
  .doNotUseThisSelector .policy-summary .container .actions .btn-primary-portal,
  .doNotUseThisSelector .policy-summary .container .actions .btn-secondary-portal {
    font-size: 1em;
  }
  .doNotUseThisSelector .summary-partial-view .container {
    min-width: 565px;
  }
  .doNotUseThisSelector .summary-partial-view .container .actions .btn-primary-portal,
  .doNotUseThisSelector .summary-partial-view .container .actions .btn-secondary-portal {
    font-size: 1em;
  }
  .doNotUseThisSelector .summary-partial-view .container-account-summary {
    max-width: none;
    width: 100%;
    gap: 2em;
  }
  .doNotUseThisSelector .summary-partial-view .container-account-summary h2 {
    font-size: 28px;
    margin-bottom: 5px;
  }
  .doNotUseThisSelector .summary-partial-view .account-value-container {
    max-width: none;
    width: 100%;
  }
  .doNotUseThisSelector .quick-subrequest-types-container label {
    max-width: none;
  }
  .doNotUseThisSelector .navigation__menu--secondary--light {
    margin-top: 8%;
  }
  .doNotUseThisSelector .wrapper__content header {
    background-position: 70px 20px;
  }
  .doNotUseThisSelector .navigation__menu--secondary--light {
    padding-left: 65px !important;
  }
  .doNotUseThisSelector .wrapper__footer {
    width: 1100px;
  }
  .doNotUseThisSelector .navigation__menu--primary .exit,
  .doNotUseThisSelector .navigation__menu--primary .save-exit {
    margin-right: 6.5rem !important;
  }
  .doNotUseThisSelector .links {
    margin: 0 6% 0 6%;
  }
  .doNotUseThisSelector .title-container span {
    display: block;
    float: none;
  }
  .doNotUseThisSelector .view-client-selection #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-product-details #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-declaration #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-decision #body.layout-container--banner__main-content {
    float: left;
    width: 45%;
    margin-left: 10%;
  }
  .doNotUseThisSelector .view-resend-invitation #body .layout-container--banner__banner--side {
    display: inline-block;
    top: 0;
    vertical-align: top;
    margin-left: 3em;
  }
  .doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) {
    height: 27em;
  }
  .doNotUseThisSelector .view-resend-invitation #body:not(.layout-container--banner__banner--side) form {
    width: 50%;
  }
  .doNotUseThisSelector .view-declaration #body.layout-container--banner__main-content {
    padding-left: 0;
    width: 60%;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details {
    width: 100%;
    margin-top: 0;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-container,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-container {
    width: 50%;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .key-features,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .key-features {
    display: inline-block;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .key-features ul,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .key-features ul {
    margin-top: 1em;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-summary--compact,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-summary--compact {
    width: 45%;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .doNotUseThisSelector .layout-container__header-title,
  .doNotUseThisSelector layout-container--side-banner__header-title,
  .doNotUseThisSelector .layout-container__actions,
  .doNotUseThisSelector layout-container--side-banner__actions,
  .doNotUseThisSelector .layout-container__main-content,
  .doNotUseThisSelector layout-container--side-banner__main-content {
    width: 1200px;
  }
  .doNotUseThisSelector .layout-container.basic .layout-container__header-title,
  .doNotUseThisSelector layout-container--side-banner.basic .layout-container__header-title,
  .doNotUseThisSelector .layout-container.basic .layout-container__actions,
  .doNotUseThisSelector layout-container--side-banner.basic .layout-container__actions,
  .doNotUseThisSelector .layout-container.basic .layout-container__main-content,
  .doNotUseThisSelector layout-container--side-banner.basic .layout-container__main-content {
    width: 1138px;
  }
}
@media (min-width: 1350px) {
  .doNotUseThisSelector {
    /* Style for pages with a banner*/
  }
  .doNotUseThisSelector .wrapper__content header {
    background-position: 110px 20px;
  }
  .doNotUseThisSelector .layout-container--banner__main-content {
    width: 65%;
    margin: 3% 6% 0 0%;
  }
  .doNotUseThisSelector .view-client-selection #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-product-details #body.layout-container--banner__main-content,
  .doNotUseThisSelector .view-decision #body.layout-container--banner__main-content {
    width: 50%;
  }
  .doNotUseThisSelector .view-client-selection #body.layout-container--banner__main-content form,
  .doNotUseThisSelector .view-product-details #body.layout-container--banner__main-content form,
  .doNotUseThisSelector .view-decision #body.layout-container--banner__main-content form {
    display: block !important;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-container,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-container {
    width: 62%;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .product-summary--compact,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .product-summary--compact {
    width: 35%;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-summary .key-features ul,
  .doNotUseThisSelector .view-dashboard #body:not(.layout-container--banner__banner--side) .form-content .policy-details .key-features ul {
    padding-left: 46px;
  }
  .doNotUseThisSelector .view-declaration #body.layout-container--banner__banner--side,
  .doNotUseThisSelector .view-policy-change-summary #body.layout-container--banner__banner--side,
  .doNotUseThisSelector .view-quote-summary #body.layout-container--banner__banner--side,
  .doNotUseThisSelector .view-client-selection #body.layout-container--banner__banner--side,
  .doNotUseThisSelector .view-product-details #body.layout-container--banner__banner--side {
    display: none;
  }
  .doNotUseThisSelector .view-quote-summary #body:not(.layout-container--banner__banner--side):not(.layout-container--banner__banner--top) {
    margin-left: 10%;
  }
  .doNotUseThisSelector .view-logon #body:not(.layout-container--banner__banner--side) .background-image {
    width: 50%;
  }
  .doNotUseThisSelector .view-resend-invitation #body .layout-container--banner__banner--side {
    margin-left: 6em;
  }
  .doNotUseThisSelector .view-change-password #body .form-content .form-group #Password,
  .doNotUseThisSelector .view-change-password #body .form-content .form-group #ConfirmPassword {
    width: 25em;
  }
  .doNotUseThisSelector .online-account .card-container {
    text-align: center;
    width: 494px;
    height: 320px;
    padding: 28px;
    border: 1px solid #1E193E;
    background: #FBFBFB;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .doNotUseThisSelector .online-account .card-panel {
    height: 180px;
  }
  .doNotUseThisSelector .online-account .card-image {
    background-size: 42px 48px !important;
    background-repeat: no-repeat;
    height: 48px;
    width: 42px;
    margin: auto;
  }
  .doNotUseThisSelector .online-account .card-image.card-left {
    background-image: url('../image/icon-user-plus.svg');
  }
  .doNotUseThisSelector .online-account .card-image.card-right {
    background-image: url('../image/icon-user-circle.svg');
  }
  .doNotUseThisSelector .online-account .card-text {
    width: 430px;
    height: 45px;
    margin-top: -15px;
  }
  .doNotUseThisSelector .online-account .card-button {
    height: 52px;
    font-size: 18px;
    min-width: 312px !important;
  }
  .doNotUseThisSelector .grid-row {
    position: relative;
    width: 100%;
  }
  .doNotUseThisSelector .grid-mt-10 {
    margin-top: 10px !important;
  }
  .doNotUseThisSelector .grid-mt-20 {
    margin-top: 20px !important;
  }
  .doNotUseThisSelector .grid-mt-30 {
    margin-top: 30px !important;
  }
  .doNotUseThisSelector .grid-mt--20 {
    margin-top: -20px !important;
  }
  .doNotUseThisSelector .grid-mb-10 {
    margin-bottom: 10px !important;
  }
  .doNotUseThisSelector .grid-mb-20 {
    margin-bottom: 20px !important;
  }
  .doNotUseThisSelector .grid-mb-30 {
    margin-bottom: 30px !important;
  }
  .doNotUseThisSelector .login {
    text-align: left;
    padding: 50px 0 50px 60px;
  }
  .doNotUseThisSelector .login .card-container {
    text-align: center;
    width: 510px;
    height: 320px;
    padding: 28px;
    border: 1px solid #1E193E;
    background-color: #FBFBFB;
  }
  .doNotUseThisSelector .login .card-panel {
    height: 180px;
  }
  .doNotUseThisSelector .login .card-image {
    background-size: 42px 48px !important;
    height: 48px;
    width: 42px;
    margin: auto;
  }
  .doNotUseThisSelector .login .card-image.register {
    background: url(../image/icon-user-plus.svg) no-repeat;
  }
  .doNotUseThisSelector .login .card-image.login {
    background: url(../image/icon-user-circle.svg) no-repeat;
  }
  .doNotUseThisSelector .login .card-button {
    min-width: 232px;
    height: 60px;
  }
  .doNotUseThisSelector .parent-details .text-panel {
    width: 705px;
    height: 35px;
  }
  .doNotUseThisSelector .parent-details .action-button {
    min-width: 317px;
    height: 52px;
  }
  .doNotUseThisSelector .parent-create-account .text-panel {
    width: 884px;
    height: 41px;
  }
  .doNotUseThisSelector .parent-create-account .action-button {
    min-width: 157px;
    height: 52px;
  }
  .doNotUseThisSelector .legacy-create-account .text-panel {
    width: 710px;
    height: 40px;
  }
  .doNotUseThisSelector .legacy-create-account .action-button {
    min-width: 157px;
    height: 52px;
  }
  .doNotUseThisSelector .isa-lisa-account .text-panel {
    width: 731px;
    height: 66px;
  }
  .doNotUseThisSelector .isa-lisa-account .action-button {
    min-width: 218px;
    height: 52px;
  }
  .doNotUseThisSelector .family-bond-details .text-panel {
    width: 850px;
    height: 130px;
  }
  .doNotUseThisSelector .family-bond-details .action-button {
    min-width: 317px;
    height: 52px;
  }
  .doNotUseThisSelector .parent-no-details .text-panel {
    width: 850px;
    height: 130px;
  }
  .doNotUseThisSelector .parent-no-details .action-button {
    min-width: 317px;
    height: 52px;
  }
  .doNotUseThisSelector .ctf-not-found .text-panel {
    width: 850px;
    height: 130px;
  }
  .doNotUseThisSelector .ctf-not-found .faq-panel {
    width: 479px;
    height: 130px;
    font-size: 43px;
    font-weight: bold;
    margin-top: 28px;
    border: 6px solid black;
  }
  .doNotUseThisSelector .ctf-not-found .faq-text {
    background-color: white;
    padding: 7px 6px 10px 0px;
    margin: -8px 8px;
    height: 140px;
  }
  .doNotUseThisSelector .fb-not-found .text-panel {
    width: 850px;
    height: 130px;
  }
  .doNotUseThisSelector .fb-not-found .faq-panel {
    width: 479px;
    height: 130px;
    font-size: 43px;
    font-weight: bold;
    margin-top: 28px;
    border: 6px solid black;
  }
  .doNotUseThisSelector .fb-not-found .faq-text {
    background-color: white;
    padding: 7px 6px 10px 0px;
    margin: -8px 8px;
    height: 140px;
  }
  .doNotUseThisSelector .view-registration .faq-panel {
    width: 479px;
    height: 130px;
    font-size: 43px;
    font-weight: bold;
    margin-top: 28px;
    border: 6px solid black;
  }
  .doNotUseThisSelector .view-registration .faq-text {
    background-color: white;
    padding: 7px 6px 10px 0px;
    margin: -8px 8px;
    height: 140px;
  }
  .doNotUseThisSelector .o50-not-found .text-panel {
    width: 850px;
    height: 130px;
  }
  .doNotUseThisSelector .o50-not-found .faq-panel {
    width: 479px;
    height: 130px;
    font-size: 43px;
    font-weight: bold;
    margin-top: 28px;
    border: 6px solid black;
  }
  .doNotUseThisSelector .o50-not-found .faq-text {
    background-color: white;
    padding: 7px 6px 10px 0px;
    margin: -8px 8px;
    height: 140px;
  }
  .doNotUseThisSelector .setup-new-portal .text-panel {
    width: 890px;
    height: 60px;
  }
  .doNotUseThisSelector .setup-new-portal .steps-image {
    height: 200px;
    width: 860px;
    background: url('../image/login-steps-background.svg') center center no-repeat;
  }
  .doNotUseThisSelector .setup-new-portal .step-image {
    height: 185px;
    width: 280px;
    margin: auto;
    background-size: 200px 200px !important;
  }
  .doNotUseThisSelector .setup-new-portal .step-image.step1-image {
    background: url('../image/login-step-1.svg') center center no-repeat;
  }
  .doNotUseThisSelector .setup-new-portal .step-image.step2-image {
    background: url('../image/login-step-2.svg') center center no-repeat;
  }
  .doNotUseThisSelector .setup-new-portal .step-image.step3-image {
    background: url('../image/login-step-3.svg') center center no-repeat;
  }
  .doNotUseThisSelector .setup-new-portal .step-text {
    height: 41px;
    width: 247px;
    text-align: center;
    font-weight: bold;
  }
  .doNotUseThisSelector .setup-new-portal .text-panel2 {
    width: 815px;
    height: 90px;
    font-size: 18px;
  }
  .doNotUseThisSelector .setup-new-portal .action-button {
    min-width: 327px;
    height: 52px;
  }
  .doNotUseThisSelector .title-container h3.title {
    width: 45%;
  }
  .doNotUseThisSelector .title-container span {
    display: inline-block;
    margin: 3px 11px 0 0;
  }
  .doNotUseThisSelector header {
    width: 1200px;
  }
  .doNotUseThisSelector .wrapper__footer {
    width: 1200px;
  }
}
.doNotUseThisSelector .ui-state-default,
.doNotUseThisSelector .ui-widget-content .ui-state-default,
.doNotUseThisSelector .ui-widget-header .ui-state-default,
.doNotUseThisSelector .ui-button,
.doNotUseThisSelector html .ui-button.ui-state-disabled:hover,
.doNotUseThisSelector html .ui-button.ui-state-disabled:active {
  background: #e8e8e8;
  font-weight: bold;
  color: #e5007e !important;
}
.doNotUseThisSelector .ui-datepicker-calendar .ui-state-default.ui-state-hover {
  background: #e5007e;
  color: #F1F1F0 !important;
}
.doNotUseThisSelector .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
  background: #e5007e;
  color: #F1F1F0 !important;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.21/b-1.6.2/r-2.2.5/sl-1.3.1
 *
 * Included libraries:
 *   DataTables 1.10.21, Buttons 1.6.2, Responsive 2.2.5, Select 1.3.1
 */

.dataTables_wrapper{
    margin-bottom:2em;
}
table.dataTable {
    width: 100%;
    margin: 0 auto 1em;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

    table.dataTable thead {
        border-top: solid 3px #007196;
        border-bottom: solid 1px darkgrey;
        color: black;
        background-color: white;
    }
        table.dataTable thead th, table.dataTable tfoot th {
            text-align: left;
            background-color: white;
            color: black;
            border-top: solid 3px #007196;
            border-bottom: solid 1px darkgrey;
        }

    table.dataTable thead th, table.dataTable thead td {
        padding: 10px 10px;
    }

        table.dataTable thead th:active, table.dataTable thead td:active {
            outline: none
        }

    table.dataTable tfoot th, table.dataTable tfoot td {
        padding: 8px 10px;
        border-top: 1px solid #111
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        *cursor: hand;
        background-repeat: no-repeat;
        background-position: center right
    }

    table.dataTable thead .sorting {
        background-image: url("/css/images/sort_both.png")
    }

    table.dataTable thead .sorting_asc {
        background-image: url("/css/images/sort_asc.png")
    }

    table.dataTable thead .sorting_desc {
        background-image: url("/css/images/sort_desc.png")
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("/css/images/sort_asc_disabled.png")
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("/css/images/sort_desc_disabled.png")
    }

    table.dataTable tbody tr {
        background-color: #ffffff
    }

    table.dataTable tbody tr.selected {
        background-color: #B0BED9
    }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 10px
    }

    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        border-top: none;
    }

    table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
        border-top: none
    }

    table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
        border-top: none;
        border-right: none;
    }

    table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
        border-left: none;
    }

    table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
        border-top: none
    }

    table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
        background-color: rgba(131,130,113,0.1)
    }

        table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
            background-color: #acbad4
        }

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #f6f6f6
    }

        table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
            background-color: #aab7d1
        }

    table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
        background-color: #fafafa
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: whitesmoke
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb
    }

    table.dataTable.no-footer {
        border-bottom: 3px solid #007196;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap
    }

    table.dataTable.compact thead th, table.dataTable.compact thead td {
        padding: 1em 4px
    }

    table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
        padding: 4px
    }

    table.dataTable.compact tbody th, table.dataTable.compact tbody td {
        padding:1em 4px
    }

    table.dataTable th.dt-left, table.dataTable td.dt-left {
        text-align: left
    }

    table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
        text-align: center
    }

    table.dataTable th.dt-right, table.dataTable td.dt-right {
        text-align: right
    }

    table.dataTable th.dt-justify, table.dataTable td.dt-justify {
        text-align: justify
    }

    table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
        white-space: nowrap
    }

    table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
        text-align: left
    }

    table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
        text-align: center
    }

    table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
        text-align: right
    }

    table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
        text-align: justify
    }

    table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap
    }

    table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
        text-align: left
    }

    table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
        text-align: center
    }

    table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
        text-align: right
    }

    table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
        text-align: justify
    }

    table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
        white-space: nowrap
    }

    table.dataTable, table.dataTable th, table.dataTable td {
        box-sizing: content-box
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}
.dataTables_wrapper .dataTables_length select {
    border: none;
}
.dataTables_wrapper .dataTables_length label{
    font-family: Source Sans Pro;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            margin-left: 6px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333;
            border: 1px solid transparent;
            border-radius: 2px
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
                vertical-align: middle
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
        border-bottom: none
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em
    }
}


@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: white;
    border: 2px solid #111;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

    div.dt-button-info h2 {
        padding: 0.5em;
        margin: 0;
        font-weight: normal;
        border-bottom: 1px solid #ddd;
        background-color: #f3f3f3
    }

    div.dt-button-info > div {
        padding: 1em
    }

div.dt-button-collection-title {
    text-align: center;
    padding: 0.3em 0 0.5em;
    font-size: 0.9em
}

    div.dt-button-collection-title:empty {
        display: none
    }

button.dt-button, div.dt-button, a.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.333em;
    margin-bottom: 0.333em;
    padding: 0.5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    line-height: 1.6em;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
    text-overflow: ellipsis
}

    button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled {
        color: #999;
        border: 1px solid #d0d0d0;
        cursor: default;
        background-color: #f9f9f9;
        background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
        background-image: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
        background-image: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
        background-image: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
        background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9')
    }

    button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
        background-color: #e2e2e2;
        background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
        background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
        background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
        background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
        background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
        box-shadow: inset 1px 1px 3px #999999
    }

        button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
            box-shadow: inset 1px 1px 3px #999999;
            background-color: #cccccc;
            background-image: -webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);
            background-image: -moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);
            background-image: -ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);
            background-image: -o-linear-gradient(top, #eaeaea 0%, #ccc 100%);
            background-image: linear-gradient(to bottom, #eaeaea 0%, #ccc 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc')
        }

    button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
        text-decoration: none
    }

        button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
            border: 1px solid #666;
            background-color: #e0e0e0;
            background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
            background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
            background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
            background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
            background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0')
        }

    button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) {
        border: 1px solid #426c9e;
        text-shadow: 0 1px 0 #c4def1;
        outline: none;
        background-color: #79ace9;
        background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
        background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
        background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
        background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
        background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9')
    }

.dt-button embed {
    outline: none
}

div.dt-buttons {
    position: relative;
    float: left
}

    div.dt-buttons.buttons-right {
        float: right
    }

div.dataTables_layout_cell div.dt-buttons {
    float: none
}

    div.dataTables_layout_cell div.dt-buttons.buttons-right {
        float: none
    }

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: white;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-sizing: border-box
}

    div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 4px;
        margin-right: 0
    }

        div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
            background-color: #dadada;
            background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
            background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
            background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
            background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
            background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
            box-shadow: inset 1px 1px 3px #666
        }

    div.dt-button-collection.fixed {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -75px;
        border-radius: 0
    }

        div.dt-button-collection.fixed.two-column {
            margin-left: -200px
        }

        div.dt-button-collection.fixed.three-column {
            margin-left: -225px
        }

        div.dt-button-collection.fixed.four-column {
            margin-left: -300px
        }

    div.dt-button-collection > :last-child {
        display: block !important;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        -ms-column-gap: 8px;
        -o-column-gap: 8px;
        column-gap: 8px
    }

        div.dt-button-collection > :last-child > * {
            -webkit-column-break-inside: avoid;
            break-inside: avoid
        }

    div.dt-button-collection.two-column {
        width: 400px
    }

        div.dt-button-collection.two-column > :last-child {
            padding-bottom: 1px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            -ms-column-count: 2;
            -o-column-count: 2;
            column-count: 2
        }

    div.dt-button-collection.three-column {
        width: 450px
    }

        div.dt-button-collection.three-column > :last-child {
            padding-bottom: 1px;
            -webkit-column-count: 3;
            -moz-column-count: 3;
            -ms-column-count: 3;
            -o-column-count: 3;
            column-count: 3
        }

    div.dt-button-collection.four-column {
        width: 600px
    }

        div.dt-button-collection.four-column > :last-child {
            padding-bottom: 1px;
            -webkit-column-count: 4;
            -moz-column-count: 4;
            -ms-column-count: 4;
            -o-column-count: 4;
            column-count: 4
        }

    div.dt-button-collection .dt-button {
        border-radius: 0
    }

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
    z-index: 2001
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float: none !important;
        text-align: center
    }
}

button.dt-button.processing, div.dt-button.processing, a.dt-button.processing {
    color: rgba(0,0,0,0.2)
}

    button.dt-button.processing:after, div.dt-button.processing:after, a.dt-button.processing:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        box-sizing: border-box;
        display: block;
        content: ' ';
        border: 2px solid #282828;
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: dtb-spinner 1500ms infinite linear;
        -o-animation: dtb-spinner 1500ms infinite linear;
        -ms-animation: dtb-spinner 1500ms infinite linear;
        -webkit-animation: dtb-spinner 1500ms infinite linear;
        -moz-animation: dtb-spinner 1500ms infinite linear
    }


table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
        display: none !important
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
        top: 50%;
        left: 5px;
        height: 14px;
        width: 14px;
        margin-top: -9px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: 'Courier New', Courier, monospace;
        line-height: 14px;
        content: '+';
        background-color: #31b131
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
    padding-left: 27px
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 14px;
        text-indent: 3px
    }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer
}

    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: 'Courier New', Courier, monospace;
        line-height: 14px;
        content: '+';
        background-color: #31b131
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333
}

table.dataTable > tbody > tr.child {
    padding: 0.5em 1em
}

    table.dataTable > tbody > tr.child:hover {
        background: transparent !important
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            border-bottom: 1px solid #efefef;
            padding: 0.5em 0
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
                border-bottom: none
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: bold
    }

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

    div.dtr-modal div.dtr-modal-display {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 50%;
        overflow: auto;
        margin: auto;
        z-index: 102;
        overflow: auto;
        background-color: #f5f5f7;
        border: 1px solid black;
        border-radius: 0.5em;
        box-shadow: 0 12px 30px rgba(0,0,0,0.6)
    }

    div.dtr-modal div.dtr-modal-content {
        position: relative;
        padding: 1em
    }

    div.dtr-modal div.dtr-modal-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 22px;
        height: 22px;
        border: 1px solid #eaeaea;
        background-color: #f9f9f9;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        z-index: 12
    }

        div.dtr-modal div.dtr-modal-close:hover {
            background-color: #eaeaea
        }

    div.dtr-modal div.dtr-modal-background {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
        background: rgba(0,0,0,0.6)
    }

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}


table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #8a0923;
    color: white;
}

table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
    background-color: #8a0923;
    color:white;
}

table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
    background-color: #aab7d1
}

table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
    background-color: #acbad5
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
    background-color: #a6b4cd
}

table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
    background-color: #acbad5
}

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
    background-color: #a2aec7
}

table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
    position: relative
}

    table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
        display: block;
        position: absolute;
        top: 1.2em;
        left: 50%;
        width: 12px;
        height: 12px;
        box-sizing: border-box
    }

    table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
        content: ' ';
        margin-top: -6px;
        margin-left: -6px;
        border: 1px solid black;
        border-radius: 3px
    }

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
}

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: 0.5em
}

@media screen and (max-width: 640px) {
    div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
        margin-left: 0;
        display: block
    }
}

@font-face {
  font-family: 'calibre-web';
  src: url('../fonts/calibre-web-Regular.eot');
  src: url('../fonts/calibre-web-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-Regular.woff2') format('woff2'), url('../fonts/calibre-web-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'calibre-web-italic';
  src: url('../fonts/calibre-web-Regular-Italic.eot');
  src: url('../fonts/calibre-web-Regular-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-Regular-Italic.woff2') format('woff2'), url('../fonts/calibre-web-Regular-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'calibre-web-semibold';
  src: url('../fonts/calibre-web-SemiBold.eot');
  src: url('../fonts/calibre-web-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-SemiBold.woff2') format('woff2'), url('../fonts/calibre-web-SemiBold.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: 'calibre-web-bold';
  src: url('../fonts/calibre-web-Bold.eot');
  src: url('../fonts/calibre-web-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/calibre-web-Bold.woff2') format('woff2'), url('../fonts/calibre-web-Bold.woff') format('woff');
  font-weight: 700;
}
.calibre-web {
  font-family: 'calibre-web';
}
.calibre-web-italic {
  font-family: 'calibre-web-italic';
  font-style: italic;
}
@font-face {
  font-family: 'Greycliff CF Bold';
  src: url('../fonts/greycliff-cf-bold.eot');
  src: url('../fonts/greycliff-cf-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-bold.woff2') format('woff2'), url('../fonts/greycliff-cf-bold.woff') format('woff'), url('../fonts/greycliff-cf-bold.ttf') format('truetype'), url('../fonts/greycliff-cf-bold.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Greycliff CF Demi Bold';
  src: url('../fonts/greycliff-cf-demi-bold.eot');
  src: url('../fonts/greycliff-cf-demi-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-demi-bold.woff2') format('woff2'), url('../fonts/greycliff-cf-demi-bold.woff') format('woff'), url('../fonts/greycliff-cf-demi-bold.ttf') format('truetype'), url('../fonts/greycliff-cf-demi-bold.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Greycliff CF Extra Bold';
  src: url('../fonts/greycliff-cf-extra-bold.eot');
  src: url('../fonts/greycliff-cf-extra-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-extra-bold.woff2') format('woff2'), url('../fonts/greycliff-cf-extra-bold.woff') format('woff'), url('../fonts/greycliff-cf-extra-bold.ttf') format('truetype'), url('../fonts/greycliff-cf-extra-bold.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Greycliff CF Regular';
  src: url('../fonts/greycliff-cf-regular.eot');
  src: url('../fonts/greycliff-cf-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/greycliff-cf-regular.woff2') format('woff2'), url('../fonts/greycliff-cf-regular.woff') format('woff'), url('../fonts/greycliff-cf-regular.ttf') format('truetype'), url('../fonts/greycliff-cf-regular.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/source-sans-pro-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Source Sans Pro SemiBold';
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans-pro-v14-latin-semi-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: FSMeWeb-Bold;
  src: local("FSMeWeb-Bold"), url(../fonts/frutiger65_bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-Italic;
  src: local("FSMeWeb-Italic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-BoldItalic;
  src: local("FSMeWeb-BoldItalic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-Light;
  src: local("FSMeWeb-Light"), url(../fonts/frutiger45_light.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-LightItalic;
  src: local("FSMeWeb-LightItalic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-Heavy;
  src: local("FSMeWeb-Heavy"), url(../fonts/frutiger65_bold.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FSMeWeb-HeavyItalic;
  src: local("FSMeWeb-HeavyItalic"), url(../fonts/frutiger56_italic.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: FutureYouIcons;
  src: local("ZhubIcons"), url(../fonts/futureyou-icons.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: ZhubIcons;
  src: local("ZhubIcons"), url(../fonts/zhub-icons.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.margin_thin {
  margin: 0.6em;
}
.margin_medium {
  margin: 1.2em;
}
.margin_thick {
  margin: 2.2em;
}
.margin_extra_thick {
  margin: 4.2em;
}
.padding_thin {
  padding: 0.25em;
}
.padding_medium {
  padding: 0.35em;
}
.padding_thick {
  padding: 0.75em;
}
.add-on-focus {
  border-width: 0 0 2px;
  border-color: #C6C6C6;
}
.add-on-error {
  border-color: #e5007e;
}
.add-hyperlink {
  color: white !important;
  text-decoration: none;
}
.add-document {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-documents.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin: -2px 1em 0 0px;
}
.add-document-coloured {
  content: ' ';
  background-image: url(../image/icon-document.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  width: 30px;
  height: 40px;
}
.add-exclaimation {
  content: ' ';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjNweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMyAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+R3JvdXAgQ29weSAyPC90aXRsZT4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNTAwMDAwLCA5LjAwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTEuNTAwMDAwLCAtOS4wMDAwMDApICIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIzIDE4IDIuNzI4NDg0MTFlLTEyIDE4IDIuNzI4NDg0MTFlLTEyIDE0IDMgMTQiPjwvcG9seWdvbj4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjMgMTIgMi43Mjg0ODQxMWUtMTIgMTIgMi43Mjg0ODQxMWUtMTIgMCAzIDAiPjwvcG9seWdvbj4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 40px;
}
.add-calendar-button {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-calendar.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.add-close-button {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-cross-large.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
}
.add-basic-button {
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -moz-user-select: none;
  display: inline-block;
  padding: 0.75em 1.15em;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 1em;
}
.add-primary-button {
  background: #e5007e;
  color: #ffffff;
  min-width: 15em;
  border: solid #e5007e 2px;
  text-decoration: none;
  -webkit-transition: 0.5s;
}
.add-primary-button:hover {
  background-color: #890D54;
  border-color: #890D54;
  color: #ffffff;
}
.add-primary-button:focus,
.add-primary-button:active {
  background-color: #890D54;
}
.border-radius--thin {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.border-radius--none {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.border-radius--thick {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.corporateColor_back_border {
  border-color: #e5007e;
  background-color: #e5007e;
}
body {
  color: #1E193E;
  background-color: #eff0f0;
}
.page-actions {
  border-right: solid 2px #e5007e;
}
.validation-summary-valid {
  display: none;
}
.word-wrap {
  max-width: 300px;
  word-wrap: break-word;
}
.validation-summary-errors {
  border: 1px solid #e5007e;
  margin-bottom: 50px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  background: url(../image/system-error-bg.svg) top right no-repeat;
  background-color: #fbd8eb;
}
.validation-summary-errors ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 1.15em;
}
.error-messages {
  color: #e5007e;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.small-text {
  font-size: 12px;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.layout-container__actions .page-actions {
  background-color: #51524a;
  color: #ffffff;
}
.layout-container__actions .page-actions__summary {
  list-style: none;
  padding: 0;
}
.layout-container--banner__banner--top {
  background-repeat: no-repeat;
  background-size: 100%;
}
.layout-container--banner__banner--top .product-summary--compact,
.layout-container--banner__banner--top .product-summary--compact--refer,
.layout-container--banner__banner--top .product-summary--mini {
  width: 100%;
  margin: 0;
}
.decision a,
.product a,
.form-content .product-summary a,
.product--input a {
  text-decoration: none;
  color: inherit;
}
.decision--d2c__alternative-information,
.product--d2c__alternative-information,
.form-content .product-summary--d2c__alternative-information,
.product--input--d2c__alternative-information {
  display: none;
}
.decision__header,
.product__header,
.form-content .product-summary__header,
.product--input__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2em;
  width: 80%;
}
.decision__header a,
.product__header a,
.form-content .product-summary__header a,
.product--input__header a {
  color: inherit;
}
.decision__header__product-summary,
.product__header__product-summary,
.form-content .product-summary__header__product-summary,
.product--input__header__product-summary {
  text-decoration: none;
}
.decision__header__price,
.product__header__price,
.form-content .product-summary__header__price,
.product--input__header__price,
.decision__header__empty,
.product__header__empty,
.form-content .product-summary__header__empty,
.product--input__header__empty {
  width: 21.08333333%;
  display: inline-block;
  width: 15.5%;
  margin-left: 5%;
  text-align: right;
}
.decision__header__price h1,
.product__header__price h1,
.form-content .product-summary__header__price h1,
.product--input__header__price h1,
.decision__header__empty h1,
.product__header__empty h1,
.form-content .product-summary__header__empty h1,
.product--input__header__empty h1,
.decision__header__price h4,
.product__header__price h4,
.form-content .product-summary__header__price h4,
.product--input__header__price h4,
.decision__header__empty h4,
.product__header__empty h4,
.form-content .product-summary__header__empty h4,
.product--input__header__empty h4 {
  margin: 0;
}
.decision__header__price h1,
.product__header__price h1,
.form-content .product-summary__header__price h1,
.product--input__header__price h1,
.decision__header__empty h1,
.product__header__empty h1,
.form-content .product-summary__header__empty h1,
.product--input__header__empty h1 {
  color: #9E9E9E;
}
.decision__header__price .estimated,
.product__header__price .estimated,
.form-content .product-summary__header__price .estimated,
.product--input__header__price .estimated,
.decision__header__empty .estimated,
.product__header__empty .estimated,
.form-content .product-summary__header__empty .estimated,
.product--input__header__empty .estimated {
  margin-left: auto;
}
.decision__header__date,
.product__header__date,
.form-content .product-summary__header__date,
.product--input__header__date {
  width: 21.08333333%;
  display: inline-block;
  width: 31%;
  margin-left: 4.5%;
}
.decision__header__information,
.product__header__information,
.form-content .product-summary__header__information,
.product--input__header__information {
  width: 21.08333333%;
  display: inline-block;
  margin-left: 5%;
}
.decision__header__status,
.product__header__status,
.form-content .product-summary__header__status,
.product--input__header__status {
  display: flex;
  align-items: center;
  width: 100%;
  color: #1E193E;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 20px;
  margin-top: 30px;
  padding: 10px;
}
.decision__header__status:before,
.product__header__status:before,
.form-content .product-summary__header__status:before,
.product--input__header__status:before {
  color: rgba(0, 126, 127, 0.15);
  content: ' ';
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin-right: 1em;
}
.decision__header__status.cover-decline:before,
.product__header__status.cover-decline:before,
.form-content .product-summary__header__status.cover-decline:before,
.product--input__header__status.cover-decline:before,
.decision__header__status.refer:before,
.product__header__status.refer:before,
.form-content .product-summary__header__status.refer:before,
.product--input__header__status.refer:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjNweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMyAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+R3JvdXAgQ29weSAyPC90aXRsZT4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNTAwMDAwLCA5LjAwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTEuNTAwMDAwLCAtOS4wMDAwMDApICIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIzIDE4IDIuNzI4NDg0MTFlLTEyIDE4IDIuNzI4NDg0MTFlLTEyIDE0IDMgMTQiPjwvcG9seWdvbj4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjMgMTIgMi43Mjg0ODQxMWUtMTIgMTIgMi43Mjg0ODQxMWUtMTIgMCAzIDAiPjwvcG9seWdvbj4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
}
.decision__header__status.non-standard:before,
.product__header__status.non-standard:before,
.form-content .product-summary__header__status.non-standard:before,
.product--input__header__status.non-standard:before,
.decision__header__status.rated:before,
.product__header__status.rated:before,
.form-content .product-summary__header__status.rated:before,
.product--input__header__status.rated:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjNweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMyAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+R3JvdXAgQ29weSAyPC90aXRsZT4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNTAwMDAwLCA5LjAwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTEuNTAwMDAwLCAtOS4wMDAwMDApICIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIzIDE4IDIuNzI4NDg0MTFlLTEyIDE4IDIuNzI4NDg0MTFlLTEyIDE0IDMgMTQiPjwvcG9seWdvbj4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjMgMTIgMi43Mjg0ODQxMWUtMTIgMTIgMi43Mjg0ODQxMWUtMTIgMCAzIDAiPjwvcG9seWdvbj4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
}
.decision__header__status.eligible:before,
.product__header__status.eligible:before,
.form-content .product-summary__header__status.eligible:before,
.product--input__header__status.eligible:before,
.decision__header__status.ordinaryrates:before,
.product__header__status.ordinaryrates:before,
.form-content .product-summary__header__status.ordinaryrates:before,
.product--input__header__status.ordinaryrates:before {
  background-image: url(../image/icon-tick-large.svg);
  border: solid #1E193E 1px;
  border-radius: 35px;
  height: 35px;
  border-width: 2px;
  width: 35px;
  background-size: 75%;
}
.decision__header__status.defer,
.product__header__status.defer,
.form-content .product-summary__header__status.defer,
.product--input__header__status.defer,
.decision__header__status.decline,
.product__header__status.decline,
.form-content .product-summary__header__status.decline,
.product--input__header__status.decline,
.decision__header__status.declined,
.product__header__status.declined,
.form-content .product-summary__header__status.declined,
.product--input__header__status.declined {
  background: rgba(236, 236, 236, 0.75);
  border-color: #EC0702;
}
.decision__header__status.defer:before,
.product__header__status.defer:before,
.form-content .product-summary__header__status.defer:before,
.product--input__header__status.defer:before,
.decision__header__status.decline:before,
.product__header__status.decline:before,
.form-content .product-summary__header__status.decline:before,
.product--input__header__status.decline:before,
.decision__header__status.declined:before,
.product__header__status.declined:before,
.form-content .product-summary__header__status.declined:before,
.product--input__header__status.declined:before {
  background-image: url(../image/icon-cross-large.svg);
  border: solid #e5007e 1px;
  border-radius: 35px;
  height: 35px;
  width: 35px;
}
.decision__header__status--preapproved,
.product__header__status--preapproved,
.form-content .product-summary__header__status--preapproved,
.product--input__header__status--preapproved {
  color: #16a085;
  width: 21.08333333%;
  display: inline-block;
  width: 15.5%;
  margin-left: 5%;
}
.decision__header__status--preapproved:before,
.product__header__status--preapproved:before,
.form-content .product-summary__header__status--preapproved:before,
.product--input__header__status--preapproved:before {
  content: "\f00c";
  color: #16a085;
}
.decision__header__commission-disclosure,
.product__header__commission-disclosure,
.form-content .product-summary__header__commission-disclosure,
.product--input__header__commission-disclosure {
  border: solid 1px #4C9BB5;
  width: 80%;
}
.decision__header__documents,
.product__header__documents,
.form-content .product-summary__header__documents,
.product--input__header__documents {
  width: 21.08333333%;
  display: inline-block;
  width: 24%;
  vertical-align: middle;
  margin-left: auto;
}
.decision__header__documents__list-details,
.product__header__documents__list-details,
.form-content .product-summary__header__documents__list-details,
.product--input__header__documents__list-details {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #1E193E !important;
}
.decision__header__documents__list-details__item a,
.product__header__documents__list-details__item a,
.form-content .product-summary__header__documents__list-details__item a,
.product--input__header__documents__list-details__item a {
  color: #1E193E !important;
  margin-right: 6%;
  display: flex;
  align-items: center;
}
.decision__header__documents__list-details__item a:before,
.product__header__documents__list-details__item a:before,
.form-content .product-summary__header__documents__list-details__item a:before,
.product--input__header__documents__list-details__item a:before {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-documents.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin: -2px 1em 0 0px;
}
.decision__header__form,
.product__header__form,
.form-content .product-summary__header__form,
.product--input__header__form {
  display: inline-block;
}
.decision__header__button--amend,
.product__header__button--amend,
.form-content .product-summary__header__button--amend,
.product--input__header__button--amend {
  display: inline-block;
  margin-left: 5%;
  padding: 0;
  background: none;
  color: #e5007e;
}
.decision__header__button--amend:before,
.product__header__button--amend:before,
.form-content .product-summary__header__button--amend:before,
.product--input__header__button--amend:before {
  text-align: right;
  font-family: ZhubIcons;
  content: "\f014";
  float: left;
  font-size: 1.7em;
  pointer-events: none;
}
.decision--comparison,
.product--comparison,
.form-content .product-summary--comparison,
.product--input--comparison {
  width: 100%;
  display: inline-block;
  display: flex;
  justify-content: space-between;
}
.decision--comparison .decision--original,
.product--comparison .decision--original,
.form-content .product-summary--comparison .decision--original,
.product--input--comparison .decision--original,
.decision--comparison .decision--original--declined,
.product--comparison .decision--original--declined,
.form-content .product-summary--comparison .decision--original--declined,
.product--input--comparison .decision--original--declined,
.decision--comparison .decision--alternative,
.product--comparison .decision--alternative,
.form-content .product-summary--comparison .decision--alternative,
.product--input--comparison .decision--alternative {
  width: 45.5%;
  display: inline-block;
}
.decision--comparison .decision--original .decision__header__product-summary,
.product--comparison .decision--original .decision__header__product-summary,
.form-content .product-summary--comparison .decision--original .decision__header__product-summary,
.product--input--comparison .decision--original .decision__header__product-summary,
.decision--comparison .decision--original--declined .decision__header__product-summary,
.product--comparison .decision--original--declined .decision__header__product-summary,
.form-content .product-summary--comparison .decision--original--declined .decision__header__product-summary,
.product--input--comparison .decision--original--declined .decision__header__product-summary,
.decision--comparison .decision--alternative .decision__header__product-summary,
.product--comparison .decision--alternative .decision__header__product-summary,
.form-content .product-summary--comparison .decision--alternative .decision__header__product-summary,
.product--input--comparison .decision--alternative .decision__header__product-summary {
  width: 45.5%;
  display: inline-block;
}
.decision--comparison .decision--original .decision__header__product-name,
.product--comparison .decision--original .decision__header__product-name,
.form-content .product-summary--comparison .decision--original .decision__header__product-name,
.product--input--comparison .decision--original .decision__header__product-name,
.decision--comparison .decision--original--declined .decision__header__product-name,
.product--comparison .decision--original--declined .decision__header__product-name,
.form-content .product-summary--comparison .decision--original--declined .decision__header__product-name,
.product--input--comparison .decision--original--declined .decision__header__product-name,
.decision--comparison .decision--alternative .decision__header__product-name,
.product--comparison .decision--alternative .decision__header__product-name,
.form-content .product-summary--comparison .decision--alternative .decision__header__product-name,
.product--input--comparison .decision--alternative .decision__header__product-name {
  padding: 0.75em;
  display: inline-block;
  color: #ffffff;
  background: #e5007e;
  font-family: Greycliff CF Demi Bold, calibre-web-semibold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.decision--comparison .decision--original .decision__header__price,
.product--comparison .decision--original .decision__header__price,
.form-content .product-summary--comparison .decision--original .decision__header__price,
.product--input--comparison .decision--original .decision__header__price,
.decision--comparison .decision--original--declined .decision__header__price,
.product--comparison .decision--original--declined .decision__header__price,
.form-content .product-summary--comparison .decision--original--declined .decision__header__price,
.product--input--comparison .decision--original--declined .decision__header__price,
.decision--comparison .decision--alternative .decision__header__price,
.product--comparison .decision--alternative .decision__header__price,
.form-content .product-summary--comparison .decision--alternative .decision__header__price,
.product--input--comparison .decision--alternative .decision__header__price {
  width: 45.5%;
  display: inline-block;
  padding: 0.35em;
}
.decision--comparison .decision--original .decision .decision--accepted--alternative .decision--accepted__header,
.product--comparison .decision--original .decision .decision--accepted--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--original .decision .decision--accepted--alternative .decision--accepted__header,
.product--input--comparison .decision--original .decision .decision--accepted--alternative .decision--accepted__header,
.decision--comparison .decision--original--declined .decision .decision--accepted--alternative .decision--accepted__header,
.product--comparison .decision--original--declined .decision .decision--accepted--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--original--declined .decision .decision--accepted--alternative .decision--accepted__header,
.product--input--comparison .decision--original--declined .decision .decision--accepted--alternative .decision--accepted__header,
.decision--comparison .decision--alternative .decision .decision--accepted--alternative .decision--accepted__header,
.product--comparison .decision--alternative .decision .decision--accepted--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--alternative .decision .decision--accepted--alternative .decision--accepted__header,
.product--input--comparison .decision--alternative .decision .decision--accepted--alternative .decision--accepted__header,
.decision--comparison .decision--original .decision .decision--declined--alternative .decision--accepted__header,
.product--comparison .decision--original .decision .decision--declined--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--original .decision .decision--declined--alternative .decision--accepted__header,
.product--input--comparison .decision--original .decision .decision--declined--alternative .decision--accepted__header,
.decision--comparison .decision--original--declined .decision .decision--declined--alternative .decision--accepted__header,
.product--comparison .decision--original--declined .decision .decision--declined--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--original--declined .decision .decision--declined--alternative .decision--accepted__header,
.product--input--comparison .decision--original--declined .decision .decision--declined--alternative .decision--accepted__header,
.decision--comparison .decision--alternative .decision .decision--declined--alternative .decision--accepted__header,
.product--comparison .decision--alternative .decision .decision--declined--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--alternative .decision .decision--declined--alternative .decision--accepted__header,
.product--input--comparison .decision--alternative .decision .decision--declined--alternative .decision--accepted__header {
  background-color: #ffffff;
}
.decision--comparison .decision--original__container--alternative .decision--accepted__header,
.product--comparison .decision--original__container--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--original__container--alternative .decision--accepted__header,
.product--input--comparison .decision--original__container--alternative .decision--accepted__header,
.decision--comparison .decision--original--declined__container--alternative .decision--accepted__header,
.product--comparison .decision--original--declined__container--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--original--declined__container--alternative .decision--accepted__header,
.product--input--comparison .decision--original--declined__container--alternative .decision--accepted__header,
.decision--comparison .decision--alternative__container--alternative .decision--accepted__header,
.product--comparison .decision--alternative__container--alternative .decision--accepted__header,
.form-content .product-summary--comparison .decision--alternative__container--alternative .decision--accepted__header,
.product--input--comparison .decision--alternative__container--alternative .decision--accepted__header {
  background-color: #ffffff;
}
.decision__extra-evidence,
.product__extra-evidence,
.form-content .product-summary__extra-evidence,
.product--input__extra-evidence,
.decision__alternative-information,
.product__alternative-information,
.form-content .product-summary__alternative-information,
.product--input__alternative-information {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  width: 100%;
  color: #ffffff;
}
.decision__extra-evidence:before,
.product__extra-evidence:before,
.form-content .product-summary__extra-evidence:before,
.product--input__extra-evidence:before,
.decision__alternative-information:before,
.product__alternative-information:before,
.form-content .product-summary__alternative-information:before,
.product--input__alternative-information:before {
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin: -2px 2em 0 -55px;
}
.decision__extra-evidence ul,
.product__extra-evidence ul,
.form-content .product-summary__extra-evidence ul,
.product--input__extra-evidence ul,
.decision__alternative-information ul,
.product__alternative-information ul,
.form-content .product-summary__alternative-information ul,
.product--input__alternative-information ul {
  font-family: Greycliff CF Regular;
  padding: 0.75em;
  margin: 0;
}
.decision__extra-evidence:empty,
.product__extra-evidence:empty,
.form-content .product-summary__extra-evidence:empty,
.product--input__extra-evidence:empty,
.decision__alternative-information:empty,
.product__alternative-information:empty,
.form-content .product-summary__alternative-information:empty,
.product--input__alternative-information:empty {
  display: none;
}
.decision__extra-evidence div,
.product__extra-evidence div,
.form-content .product-summary__extra-evidence div,
.product--input__extra-evidence div {
  width: 45.5%;
  display: inline-block;
}
.decision__alternative-text,
.product__alternative-text,
.form-content .product-summary__alternative-text,
.product--input__alternative-text {
  margin-bottom: 0.5em;
  width: 96%;
  display: inline-block;
}
.decision__container__section__list-details,
.product__container__section__list-details,
.form-content .product-summary__container__section__list-details,
.product--input__container__section__list-details,
.decision__container--original__section__list-details,
.product__container--original__section__list-details,
.form-content .product-summary__container--original__section__list-details,
.product--input__container--original__section__list-details,
.decision__container--alternative__section__list-details,
.product__container--alternative__section__list-details,
.form-content .product-summary__container--alternative__section__list-details,
.product--input__container--alternative__section__list-details {
  display: table;
  width: 100%;
  margin: 0;
  line-height: 2em;
  border-collapse: collapse;
}
.decision__container__section__list-details__item,
.product__container__section__list-details__item,
.form-content .product-summary__container__section__list-details__item,
.product--input__container__section__list-details__item,
.decision__container--original__section__list-details__item,
.product__container--original__section__list-details__item,
.form-content .product-summary__container--original__section__list-details__item,
.product--input__container--original__section__list-details__item,
.decision__container--alternative__section__list-details__item,
.product__container--alternative__section__list-details__item,
.form-content .product-summary__container--alternative__section__list-details__item,
.product--input__container--alternative__section__list-details__item {
  display: flex;
  margin: 0 0 0.2em;
  justify-content: space-between;
  padding-left: 2.5%;
}
.decision__container__section__list-details__item__label,
.product__container__section__list-details__item__label,
.form-content .product-summary__container__section__list-details__item__label,
.product--input__container__section__list-details__item__label,
.decision__container--original__section__list-details__item__label,
.product__container--original__section__list-details__item__label,
.form-content .product-summary__container--original__section__list-details__item__label,
.product--input__container--original__section__list-details__item__label,
.decision__container--alternative__section__list-details__item__label,
.product__container--alternative__section__list-details__item__label,
.form-content .product-summary__container--alternative__section__list-details__item__label,
.product--input__container--alternative__section__list-details__item__label {
  display: inline-block;
  width: 45.5%;
  font-family: Greycliff CF Regular;
}
.decision__container__section__list-details__item__label:only-child,
.product__container__section__list-details__item__label:only-child,
.form-content .product-summary__container__section__list-details__item__label:only-child,
.product--input__container__section__list-details__item__label:only-child,
.decision__container--original__section__list-details__item__label:only-child,
.product__container--original__section__list-details__item__label:only-child,
.form-content .product-summary__container--original__section__list-details__item__label:only-child,
.product--input__container--original__section__list-details__item__label:only-child,
.decision__container--alternative__section__list-details__item__label:only-child,
.product__container--alternative__section__list-details__item__label:only-child,
.form-content .product-summary__container--alternative__section__list-details__item__label:only-child,
.product--input__container--alternative__section__list-details__item__label:only-child {
  width: 96%;
  display: inline-block;
}
.decision__container__section__list-details__item__data,
.product__container__section__list-details__item__data,
.form-content .product-summary__container__section__list-details__item__data,
.product--input__container__section__list-details__item__data,
.decision__container--original__section__list-details__item__data,
.product__container--original__section__list-details__item__data,
.form-content .product-summary__container--original__section__list-details__item__data,
.product--input__container--original__section__list-details__item__data,
.decision__container--alternative__section__list-details__item__data,
.product__container--alternative__section__list-details__item__data,
.form-content .product-summary__container--alternative__section__list-details__item__data,
.product--input__container--alternative__section__list-details__item__data {
  width: 45.5%;
  display: inline-block;
  width: 37.08333333%;
  margin: 0;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-style: normal;
  display: flex;
  justify-content: space-between;
}
.decision__container__section__list-details__item__data--strong,
.product__container__section__list-details__item__data--strong,
.form-content .product-summary__container__section__list-details__item__data--strong,
.product--input__container__section__list-details__item__data--strong,
.decision__container--original__section__list-details__item__data--strong,
.product__container--original__section__list-details__item__data--strong,
.form-content .product-summary__container--original__section__list-details__item__data--strong,
.product--input__container--original__section__list-details__item__data--strong,
.decision__container--alternative__section__list-details__item__data--strong,
.product__container--alternative__section__list-details__item__data--strong,
.form-content .product-summary__container--alternative__section__list-details__item__data--strong,
.product--input__container--alternative__section__list-details__item__data--strong {
  font-size: 2em;
}
.decision__container__section__list-details__item__small,
.product__container__section__list-details__item__small,
.form-content .product-summary__container__section__list-details__item__small,
.product--input__container__section__list-details__item__small,
.decision__container--original__section__list-details__item__small,
.product__container--original__section__list-details__item__small,
.form-content .product-summary__container--original__section__list-details__item__small,
.product--input__container--original__section__list-details__item__small,
.decision__container--alternative__section__list-details__item__small,
.product__container--alternative__section__list-details__item__small,
.form-content .product-summary__container--alternative__section__list-details__item__small,
.product--input__container--alternative__section__list-details__item__small {
  width: 21.08333333%;
  display: inline-block;
  width: 4em;
}
.decision__footer,
.product__footer,
.form-content .product-summary__footer,
.product--input__footer {
  min-height: 3.5em;
  padding: 0.25em;
}
.decision__footer__change-cover-details,
.product__footer__change-cover-details,
.form-content .product-summary__footer__change-cover-details,
.product--input__footer__change-cover-details {
  vertical-align: bottom;
  margin-top: 1em;
}
.decision__footer__change-cover-details .product-summary__btn,
.product__footer__change-cover-details .product-summary__btn,
.form-content .product-summary__footer__change-cover-details .product-summary__btn,
.product--input__footer__change-cover-details .product-summary__btn {
  padding-left: 5px;
  margin-top: -8px;
}
.decision__buttons .btn-tertiary,
.product__buttons .btn-tertiary,
.form-content .product-summary__buttons .btn-tertiary,
.product--input__buttons .btn-tertiary {
  width: unset;
  min-width: unset;
  padding-left: 0;
}
.quote-cards-container {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.quote-cards-container .bottom-border-container {
  width: 540px;
}
.bottom-border-container {
  position: relative;
}
.bottom-border-container .inner-container {
  background-color: #E7E6E6;
  padding: 20px 10px 40px 25px;
}
.bottom-border-container .big-pink-text {
  color: #e5007e;
  font-size: 72px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.bottom-border-container:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 90%;
  border-bottom: 10px solid #99C5D5;
}
.grey-info-box {
  background-color: #f0f0ee;
}
.grey-info-box .grey-header {
  background-color: #E7E6E6;
  width: 100%;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  padding: 5px 25px;
  display: flex;
  align-items: center;
}
.grey-info-box .grey-header.accept:before {
  background-image: url(../image/icon-tick-green.svg);
  background-size: 30px 20px;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 5px #00b050;
  border-radius: 30px;
  content: "";
  min-width: 40px;
  min-height: 40px;
  height: 40px;
  margin-right: 20px;
}
.grey-info-box .text-section {
  padding: 25px;
}
.info-section {
  padding: 0px 25px;
}
.info-section h2 {
  color: #484462;
}
.info-section ul {
  padding-left: inherit;
}
.info-section ul li {
  padding-left: 10px;
}
.quote-declaration a {
  color: #e5007e;
}
.quote-declaration .input-container__label--checkbox {
  padding-left: 3em;
}
.quote-declaration .input-container__label--checkbox:before {
  height: 30px;
  width: 30px;
}
.quote-declaration .input-container__label--checkbox:after {
  left: 13px;
  top: 7px;
  width: 8px;
  height: 17px;
  border-width: 0 3px 3px 0;
}
.declaration-section {
  border: solid 2px #ececec;
  padding: 10px;
}
.decision__header {
  margin: 0.6em 0;
}
.decision__container__section __list-details--alternative,
.decision__container--alternative__section __list-details--alternative {
  display: table;
  padding: 0;
  margin: 1em 0;
  width: 100%;
}
.decision__container__section __list-details--alternative__item,
.decision__container--alternative__section __list-details--alternative__item {
  position: relative;
  width: 100%;
  display: table-row;
}
.decision__container__section __list-details--alternative__item__label,
.decision__container--alternative__section __list-details--alternative__item__label {
  width: 45.5%;
  display: inline-block;
  width: 37.08333333%;
}
.decision__container__section __list-details--alternative__item__data,
.decision__container--alternative__section __list-details--alternative__item__data {
  width: 45.5%;
  display: inline-block;
  width: 53.91666667%;
  margin: 0;
}
.decision__container__section __list-details--alternative__item__data--strong,
.decision__container--alternative__section __list-details--alternative__item__data--strong {
  font-size: 2em;
}
.decision__container__section __list-details--alternative__item__small,
.decision__container--alternative__section __list-details--alternative__item__small {
  display: none;
}
.decision__container__section __list-details--alternative__item__link,
.decision__container--alternative__section __list-details--alternative__item__link {
  padding: 14px 13px 13px 52px;
  color: #e5007e;
}
.decision__container__section __list-details--alternative__item__button--amend,
.decision__container--alternative__section __list-details--alternative__item__button--amend {
  font-family: ZhubIcons;
  content: "\f1c1";
}
.decision__container__section__list-details__item,
.decision__container--alternative__section__list-details__item,
.decision__container__section__list-details--unknown__item,
.decision__container--alternative__section__list-details--unknown__item,
.decision__container__section__list-details--alternative__item,
.decision__container--alternative__section__list-details--alternative__item {
  padding-right: 1.5%;
}
.decision__container__section__list-details__item:before,
.decision__container--alternative__section__list-details__item:before,
.decision__container__section__list-details--unknown__item:before,
.decision__container--alternative__section__list-details--unknown__item:before,
.decision__container__section__list-details--alternative__item:before,
.decision__container--alternative__section__list-details--alternative__item:before {
  content: ' ';
  font-family: ZhubIcons;
  margin-right: 1.2em;
  min-width: 1.2em;
  display: inline-block;
}
.decision__container__section__list-details__item__small,
.decision__container--alternative__section__list-details__item__small,
.decision__container__section__list-details--unknown__item__small,
.decision__container--alternative__section__list-details--unknown__item__small,
.decision__container__section__list-details--alternative__item__small,
.decision__container--alternative__section__list-details--alternative__item__small {
  text-align: center;
}
.decision__container__section__list-details__item__small__declined,
.decision__container--alternative__section__list-details__item__small__declined,
.decision__container__section__list-details--unknown__item__small__declined,
.decision__container--alternative__section__list-details--unknown__item__small__declined,
.decision__container__section__list-details--alternative__item__small__declined,
.decision__container--alternative__section__list-details--alternative__item__small__declined {
  color: #e5007e;
}
.decision-documents__list-details__link {
  padding: 0;
  color: #ffffff;
}
.product--select__header {
  padding-bottom: 2.2em;
}
.product-summary {
  margin-bottom: 1em;
  overflow: hidden;
  vertical-align: top;
  background-color: #007196;
  color: #ffffff;
  background-image: url(../image/product-summary-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  padding: 20px;
}
.product-summary--compact,
.product-summary--compact--refer,
.product-summary--whole-page {
  width: 96%;
  display: inline-block;
  width: 100%;
}
.product-summary--compact__header,
.product-summary--compact--refer__header,
.product-summary--whole-page__header {
  width: 96%;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: solid white 1px;
}
.product-summary--compact__header:first-child,
.product-summary--compact--refer__header:first-child,
.product-summary--whole-page__header:first-child,
.product-summary--compact__sub-header:first-child,
.product-summary--compact--refer__sub-header:first-child,
.product-summary--whole-page__sub-header:first-child,
.product-summary--compact__header-container:first-child,
.product-summary--compact--refer__header-container:first-child,
.product-summary--whole-page__header-container:first-child {
  border-top: none;
  border-bottom: solid white 1px;
  margin-bottom: 0;
}
.product-summary--compact__header-container:last-child,
.product-summary--compact--refer__header-container:last-child,
.product-summary--whole-page__header-container:last-child {
  border-top: solid white 1px;
}
.product-summary--compact__header-container,
.product-summary--compact--refer__header-container,
.product-summary--whole-page__header-container {
  display: flex;
}
.product-summary--compact__header-container,
.product-summary--compact--refer__header-container,
.product-summary--whole-page__header-container,
.product-summary--compact__list-container,
.product-summary--compact--refer__list-container,
.product-summary--whole-page__list-container {
  border-top: dotted white 1px;
  border-bottom: dotted white 1px;
  width: 100%;
  padding: 20px 0px;
  gap: 20px;
}
.product-summary--compact__header-container__list-details,
.product-summary--compact--refer__header-container__list-details,
.product-summary--whole-page__header-container__list-details,
.product-summary--compact__list-container__list-details,
.product-summary--compact--refer__list-container__list-details,
.product-summary--whole-page__list-container__list-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style: none;
}
.product-summary--compact__header-container__list-details__label,
.product-summary--compact--refer__header-container__list-details__label,
.product-summary--whole-page__header-container__list-details__label,
.product-summary--compact__list-container__list-details__label,
.product-summary--compact--refer__list-container__list-details__label,
.product-summary--whole-page__list-container__list-details__label {
  font-size: 18px;
  margin-bottom: 10px;
}
.product-summary--compact__header-container__list-details__data,
.product-summary--compact--refer__header-container__list-details__data,
.product-summary--whole-page__header-container__list-details__data,
.product-summary--compact__list-container__list-details__data,
.product-summary--compact--refer__list-container__list-details__data,
.product-summary--whole-page__list-container__list-details__data {
  width: 45.5%;
  display: inline-block;
}
.product-summary--compact__header-container__price,
.product-summary--compact--refer__header-container__price,
.product-summary--whole-page__header-container__price,
.product-summary--compact__list-container__price,
.product-summary--compact--refer__list-container__price,
.product-summary--whole-page__list-container__price {
  width: 96%;
  display: inline-block;
}
.product-summary--compact__header-container__price--frequency,
.product-summary--compact--refer__header-container__price--frequency,
.product-summary--whole-page__header-container__price--frequency,
.product-summary--compact__list-container__price--frequency,
.product-summary--compact--refer__list-container__price--frequency,
.product-summary--whole-page__list-container__price--frequency {
  width: 96%;
  display: inline-block;
  margin: 0 0 10% 0;
  font-size: 1.2em;
}
.product-summary--compact__header-container__price--discount,
.product-summary--compact--refer__header-container__price--discount,
.product-summary--whole-page__header-container__price--discount,
.product-summary--compact__list-container__price--discount,
.product-summary--compact--refer__list-container__price--discount,
.product-summary--whole-page__list-container__price--discount {
  width: 96%;
  display: inline-block;
  margin: 0 0 10% 10%;
  font-size: 20px;
}
.product-summary--compact__header-container__price--discount:empty,
.product-summary--compact--refer__header-container__price--discount:empty,
.product-summary--whole-page__header-container__price--discount:empty,
.product-summary--compact__list-container__price--discount:empty,
.product-summary--compact--refer__list-container__price--discount:empty,
.product-summary--whole-page__list-container__price--discount:empty {
  display: none;
}
.product-summary--compact__label,
.product-summary--compact--refer__label,
.product-summary--whole-page__label,
.product-summary--compact__button,
.product-summary--compact--refer__button,
.product-summary--whole-page__button {
  width: 96%;
  display: inline-block;
  width: 100% !important;
  margin: 1em;
}
.product-summary--compact__list-container--borderless,
.product-summary--compact--refer__list-container--borderless,
.product-summary--whole-page__list-container--borderless {
  border: none;
  padding-left: 0;
}
.product-summary--compact__list-container--borderless__list-details,
.product-summary--compact--refer__list-container--borderless__list-details,
.product-summary--whole-page__list-container--borderless__list-details {
  list-style: none;
  padding-left: 0;
}
.product-summary--compact__list-container--borderless__list-details__link,
.product-summary--compact--refer__list-container--borderless__list-details__link,
.product-summary--whole-page__list-container--borderless__list-details__link {
  display: flex;
  align-items: center;
  text-decoration: underline;
  color: #ffffff;
}
.product-summary--compact__list-container--borderless__list-details__link:before,
.product-summary--compact--refer__list-container--borderless__list-details__link:before,
.product-summary--whole-page__list-container--borderless__list-details__link:before {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-quote-illustration.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
}
.product-summary--compact__list-container--right-float,
.product-summary--compact--refer__list-container--right-float,
.product-summary--whole-page__list-container--right-float {
  width: 21.08333333%;
  display: inline-block;
  width: 28.66666667%;
  float: right;
  text-align: right;
}
.product-summary--compact__list-container--right-float__list-details,
.product-summary--compact--refer__list-container--right-float__list-details,
.product-summary--whole-page__list-container--right-float__list-details {
  position: relative;
  width: 100%;
  padding: 0.35em;
  list-style: none;
}
.product-summary--compact__list-container--right-float__list-details__label,
.product-summary--compact--refer__list-container--right-float__list-details__label,
.product-summary--whole-page__list-container--right-float__list-details__label {
  width: 96%;
  display: inline-block;
}
.product-summary--compact__list-container--right-float__list-details__price,
.product-summary--compact--refer__list-container--right-float__list-details__price,
.product-summary--whole-page__list-container--right-float__list-details__price {
  margin-top: 0;
  margin-bottom: 0;
}
.product-summary--compact__list-container--right-float__list-details__link,
.product-summary--compact--refer__list-container--right-float__list-details__link,
.product-summary--whole-page__list-container--right-float__list-details__link {
  color: inherit;
  display: flex;
  align-items: center;
}
.product-summary--compact__list-container--right-float__list-details__link:before,
.product-summary--compact--refer__list-container--right-float__list-details__link:before,
.product-summary--whole-page__list-container--right-float__list-details__link:before {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMTguMDAwMDAwcHQiIGhlaWdodD0iMjMuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAxOC4wMDAwMDAgMjMuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwyMy4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNGRkZGRkYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0wIDExNSBsMCAtMTE1IDkwIDAgOTAgMCAwIDgzIGMwIDgxIC0xIDg0IC0zMyAxMTUgLTI5IDI4IC0zOSAzMgotOTAgMzIgbC01NyAwIDAgLTExNXogbTExMCA3NSBjMCAtMjcgMyAtMzAgMzAgLTMwIGwzMCAwIDAgLTc1IDAgLTc1IC04MCAwCi04MCAwIDAgMTA1IDAgMTA1IDUwIDAgYzQ5IDAgNTAgLTEgNTAgLTMweiBtMzUgMCBjMTggLTE5IDE3IC0yMCAtMyAtMjAgLTE1CjAgLTIyIDYgLTIyIDIwIDAgMTEgMiAyMCAzIDIwIDIgMCAxMiAtOSAyMiAtMjB6Ii8+CjxwYXRoIGQ9Ik02MyAxMjMgYzE1IC0yIDM5IC0yIDU1IDAgMTUgMiAyIDQgLTI4IDQgLTMwIDAgLTQzIC0yIC0yNyAtNHoiLz4KPHBhdGggZD0iTTU4IDkzIGMxMiAtMiAzMiAtMiA0NSAwIDEyIDIgMiA0IC0yMyA0IC0yNSAwIC0zNSAtMiAtMjIgLTR6Ii8+CjxwYXRoIGQ9Ik02MyA2MyBjMTUgLTIgMzkgLTIgNTUgMCAxNSAyIDIgNCAtMjggNCAtMzAgMCAtNDMgLTIgLTI3IC00eiIvPgo8L2c+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin: -2px 2em 0 69px;
}
@media (min-width: 992px) {
  .product-summary--compact,
  .product-summary--compact--refer {
    min-height: 26em;
  }
}
.product-summary--compact__sub-header,
.product-summary--compact--refer__sub-header,
.product-summary--compact__header-container,
.product-summary--compact--refer__header-container {
  padding: 1em 0;
  width: 100%;
}
.product-summary--compact__list-container,
.product-summary--compact--refer__list-container {
  width: 96%;
  display: inline-block;
}
.product-summary--compact__list-container__list-details__label,
.product-summary--compact--refer__list-container__list-details__label {
  width: 96%;
  display: inline-block;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.product-summary--compact__list-container__list-details__label:before,
.product-summary--compact--refer__list-container__list-details__label:before {
  margin-right: 1em;
  font-family: FutureYouIcons;
  content: "7";
  color: #ffffff;
}
.product-summary--mini--d2c {
  padding: 2em 0;
  border: 0 solid #ddd;
  border-width: 2px 0;
  margin: 2em 0;
}
.product-summary--mini--d2c__header-container__price--discount {
  display: block;
  margin-left: 2px;
}
.product-summary--mini--d2c__header-container__price {
  font-size: 2.3em;
  margin-right: 12px;
  display: inline;
  color: #000;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.product-summary--mini--d2c__header-container__price--frequency {
  font-size: 2.3em;
  color: #000;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.product-summary--compact,
.product-summary--compact--refer,
.product-summary--mini {
  color: #ffffff;
}
.product-summary--compact__header-container .quote-header__reference-label,
.product-summary--compact--refer__header-container .quote-header__reference-label,
.product-summary--mini__header-container .quote-header__reference-label {
  width: 96%;
  display: inline-block;
  margin: 0.2em;
}
.product-summary--compact__header-container .quote-header__reference-data,
.product-summary--compact--refer__header-container .quote-header__reference-data,
.product-summary--mini__header-container .quote-header__reference-data {
  width: 96%;
  display: inline-block;
  margin: 0.2em;
}
.product-summary--compact__header-container__header-container,
.product-summary--compact--refer__header-container__header-container,
.product-summary--mini__header-container__header-container,
.product-summary--compact__header-container__list-container,
.product-summary--compact--refer__header-container__list-container,
.product-summary--mini__header-container__list-container {
  width: 100%;
  display: table;
  padding: 0;
  margin-top: 0px;
}
.product-summary--compact__header-container__list-details,
.product-summary--compact--refer__header-container__list-details,
.product-summary--mini__header-container__list-details {
  width: 100%;
  display: table;
  padding: 0;
  margin-top: 0px;
}
.product-summary--compact__header-container__list-details__item,
.product-summary--compact--refer__header-container__list-details__item,
.product-summary--mini__header-container__list-details__item {
  position: relative;
  width: 100%;
  padding: 0.35em;
  list-style: none;
}
.product-summary--compact__header-container__list-details__item hr,
.product-summary--compact--refer__header-container__list-details__item hr,
.product-summary--mini__header-container__list-details__item hr {
  border: solid 1px #f4f4f4;
  margin: 1.5em 0 1em 0;
}
.product-summary--compact__header-container__list-details__item .btn-primary,
.product-summary--compact--refer__header-container__list-details__item .btn-primary,
.product-summary--mini__header-container__list-details__item .btn-primary {
  width: 96%;
  display: inline-block;
  width: 92%;
  margin: 1em;
}
.product-summary--compact__header-container__list-details__label,
.product-summary--compact--refer__header-container__list-details__label,
.product-summary--mini__header-container__list-details__label,
.product-summary--compact__header-container__list-details__label--header,
.product-summary--compact--refer__header-container__list-details__label--header,
.product-summary--mini__header-container__list-details__label--header {
  width: 96%;
  display: inline-block;
  margin: 0 10% 0;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.product-summary--compact__header-container__list-details__label:before,
.product-summary--compact--refer__header-container__list-details__label:before,
.product-summary--mini__header-container__list-details__label:before {
  margin-right: 1em;
  content: "\f00c";
  color: #ffffff;
}
.product-summary--compact__header-container__list-details__label--header,
.product-summary--compact--refer__header-container__list-details__label--header,
.product-summary--mini__header-container__list-details__label--header {
  font-size: 1.2em;
}
.product-summary--compact__header-container__list-details__data,
.product-summary--compact--refer__header-container__list-details__data,
.product-summary--mini__header-container__list-details__data,
.product-summary--compact__header-container__list-details__data--header,
.product-summary--compact--refer__header-container__list-details__data--header,
.product-summary--mini__header-container__list-details__data--header {
  margin: 1em 0 0 10%;
  width: 96%;
  display: inline-block;
  font-size: 3.5em;
}
.product-summary--compact__header-container__list-details__data--sub-header,
.product-summary--compact--refer__header-container__list-details__data--sub-header,
.product-summary--mini__header-container__list-details__data--sub-header {
  margin: 1em 0 0 10%;
  width: 96%;
  display: inline-block;
  width: 90%;
}
.product-summary--mini {
  margin: 10% 0;
  background: none;
  color: #1E193E;
}
.product-summary--mini__header-container__price {
  display: inline;
  font-size: 2.6em;
}
.product-summary--mini__header-container__price--frequency {
  display: inline-block;
  font-size: 20px;
}
.product-summary--mini__header-container__price--discount {
  width: 96%;
  display: inline-block;
  margin: 0;
  font-size: 20px;
}
.form-container.product-option,
.view-updateaddress .form-container {
  padding: 40px;
  width: 100%;
}
.product-option .content-intro {
  width: 810px;
  font-size: 18px;
}
.product-option .content-bg .actions {
  display: flex;
  gap: 1em;
  margin-right: 0;
}
.adviser-declaration__details .client-list__client-details,
.product .client-list__client-details,
.client .client-list__client-details {
  padding: 0.5em;
}
.adviser-declaration__details .client-list__client-details .client-details__Title,
.product .client-list__client-details .client-details__Title,
.client .client-list__client-details .client-details__Title {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.adviser-declaration__details .client-list__client-details .client-details__Header,
.product .client-list__client-details .client-details__Header,
.client .client-list__client-details .client-details__Header {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin-bottom: 5px;
}
.product--name {
  color: #e5007e;
}
.classAlternative {
  display: inline-table;
  width: 45%;
  margin: 1em;
}
.product--options,
.product--summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 2.2em;
  margin-bottom: 1.2em;
  border-bottom: solid thin;
  width: 100%;
  display: inline-block;
}
.product--options__header,
.product--summary__header {
  display: flex;
}
.product--options__header .Ineligible,
.product--summary__header .Ineligible {
  width: 100%;
}
.product--options__header .Ineligible .ineligible,
.product--summary__header .Ineligible .ineligible {
  color: #A89F96;
}
.product--options__header__information a,
.product--summary__header__information a {
  margin-left: 6%;
}
.product--options__header__information .icon :before,
.product--summary__header__information .icon :before {
  font-weight: normal;
  content: "\f1c1";
  margin-right: 0.5em;
}
.product--options__header__product-name,
.product--summary__header__product-name {
  flex-grow: 3;
  text-decoration: none;
  width: 80%;
}
.product--options__header__information,
.product--summary__header__information {
  width: 28.66666667%;
}
.product--options__header__selector input[type="button"].btn-primary,
.product--summary__header__selector input[type="button"].btn-primary,
.product--options__header__selector input[type="button"].btn-tertiary,
.product--summary__header__selector input[type="button"].btn-tertiary {
  min-width: unset;
}
.product--options__detail__selector,
.product--summary__detail__selector {
  float: right;
}
.product--options__detail__selector__link,
.product--summary__detail__selector__link {
  text-decoration: none;
  font-weight: normal;
}
.product--options__detail .form-group,
.product--summary__detail .form-group {
  display: none;
}
.product--options__product-option,
.product--summary__product-option {
  width: 100%;
}
.product--options__detail .form-group {
  display: initial;
}
.product--input {
  background: none;
  padding: 0;
}
.product--input__header {
  width: 96%;
  width: 100%;
  display: inline-block;
  margin: 0 0 3.1em;
  padding: 0.75em;
  background-color: #f4f4f4;
  border-left: solid 0.8em #ececec;
}
.product--input__header__product-name {
  background: none;
}
.FundsLookup {
  top: 25%;
}
.FundsLookup__Header {
  text-align: left;
}
.FundsLookup__DataTable .dataTables_wrapper {
  height: 500px;
  padding: 0.35em 0;
  margin-bottom: 0;
}
.FundsLookup__DataTable .dataTables_wrapper table.dataTable {
  margin-top: 1em;
}
.FundsLookup__DataTable .dataTables_wrapper table.dataTable thead .select-fund {
  text-align: center;
}
.FundsLookup__DataTable .dataTables_wrapper table.dataTable tbody > tr.odd.selected,
.FundsLookup__DataTable .dataTables_wrapper table.dataTable tbody > tr.selected {
  background-color: #e5007e;
  color: #ffffff;
}
.FundsLookup__DataTable .dataTables_wrapper table.dataTable tbody > tr.odd.selected td.select-checkbox:after,
.FundsLookup__DataTable .dataTables_wrapper table.dataTable tbody > tr.selected td.select-checkbox:after,
.FundsLookup__DataTable .dataTables_wrapper table.dataTable tbody > tr.odd.selected th.select-checkbox:after,
.FundsLookup__DataTable .dataTables_wrapper table.dataTable tbody > tr.selected th.select-checkbox:after {
  text-shadow: none;
}
.FundsLookup__DataTable .button {
  margin: 0;
}
.FundsLookup__Buttons .btn-secondary {
  margin-left: 1.2em;
}
.FundsDetail thead tr,
.FundsDetail tbody tr {
  width: 100%;
  border-bottom: solid 0.25em #1E193E;
  text-align: left;
  margin-bottom: 0;
}
.FundsDetail thead tr .fund-placeholder,
.FundsDetail tbody tr .fund-placeholder {
  width: 40%;
}
.FundsDetail thead tr td.fund-name,
.FundsDetail tbody tr td.fund-name,
.FundsDetail thead tr th.fund-name,
.FundsDetail tbody tr th.fund-name {
  width: 25%;
  padding-left: 0.35em;
}
.FundsDetail thead tr .fund-percentage,
.FundsDetail tbody tr .fund-percentage,
.FundsDetail thead tr .fund-units,
.FundsDetail tbody tr .fund-units,
.FundsDetail thead tr .fund-value,
.FundsDetail tbody tr .fund-value {
  width: 11%;
}
.FundsDetail thead tr td.fund-percentage,
.FundsDetail tbody tr td.fund-percentage,
.FundsDetail thead tr td.fund-buy,
.FundsDetail tbody tr td.fund-buy,
.FundsDetail thead tr td.fund-sell,
.FundsDetail tbody tr td.fund-sell,
.FundsDetail thead tr td.fund-redirect,
.FundsDetail tbody tr td.fund-redirect {
  padding: 0.25em;
}
.FundsDetail thead tr td.fund-percentage input,
.FundsDetail tbody tr td.fund-percentage input,
.FundsDetail thead tr td.fund-buy input,
.FundsDetail tbody tr td.fund-buy input,
.FundsDetail thead tr td.fund-sell input,
.FundsDetail tbody tr td.fund-sell input,
.FundsDetail thead tr td.fund-redirect input,
.FundsDetail tbody tr td.fund-redirect input {
  width: 100%;
  display: inline-block;
}
.FundsDetail thead tr .fund-delete,
.FundsDetail tbody tr .fund-delete {
  width: 10%;
  text-align: right;
}
.FundsDetail thead tr:nth-child(even),
.FundsDetail tbody tr:nth-child(even) {
  background-color: #f4f4f4;
}
.FundsDetail__Buttons .btn-secondary {
  margin-left: 1.2em;
}
table.FundsDetail {
  margin-bottom: 0.2em;
}
table.DocumentDetails th,
table.DocumentDetails td {
  padding: 0.25em;
}
table.DocumentDetails .title {
  width: 300px;
  background-position: 120px;
}
table.DocumentDetails .date {
  width: 75px;
  background-position: 45px;
}
table.DocumentDetails .type {
  width: 218px;
  background-position: 45px;
}
table.StaticLinksDetails th,
table.StaticLinksDetails td {
  padding: 0.25em;
}
table.StaticLinksDetails .title {
  width: 300px;
  background-position: 45px;
}
table.StaticLinksDetails .type {
  width: 300px;
  background-position: 45px;
}
#select-month-description,
#select-year-description {
  width: 155px;
}
table.TransactionHistoryDetails th,
table.TransactionHistoryDetails td {
  padding: 0.25em;
}
table.TransactionHistoryDetails .date {
  width: 346px;
}
table.TransactionHistoryDetails .currency {
  width: 135px;
}
table.TransactionHistoryDetails .type {
  width: 218px;
}
table.ThreadDetails th,
table.ThreadDetails td {
  padding: 0.25em;
}
table.ThreadDetails .date {
  width: 200px;
}
table.ThreadDetails .subject {
  background-position: 65px;
  width: 67%;
}
.view-product-details .FundsDetail td.fund-name,
.view-product-details .FundsDetail th.fund-name {
  width: unset;
}
.declaration-confirm-list,
.declaration-information-list {
  padding: 0.25em 1.15em;
  margin: 0.2em;
}
.declaration .slideToggleTrigger {
  display: inline-block;
  color: #e5007e;
}
.declaration .slideToggleTrigger:before {
  display: none;
}
.declaration__information-panel {
  padding: 1.15em;
  background-color: #f4f4f4;
  border-left: solid 0.75em #ececec;
  margin: 0 0 4.2em;
}
.declaration--customer {
  border-top: solid thin #4C9BB5;
  text-align: left;
}
.declaration--customer__header {
  position: relative;
  width: 100%;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: #1E193E;
}
.declaration--customer__header a {
  text-decoration: none;
  color: inherit;
}
.declaration--customer__header__name {
  width: 21.08333333%;
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
.declaration--customer__header__name h4 {
  display: inline-block;
}
.declaration--customer__header__name .slideToggleTrigger__logo {
  float: right;
  margin: 0.9em 1em 0;
  font-weight: lighter;
  font-size: 30px;
}
.declaration--customer__header__documents {
  width: 21.08333333%;
  display: inline-block;
  width: 30%;
  margin-left: 5%;
  vertical-align: middle;
}
.declaration--customer__header__documents__list-details {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #e5007e;
}
.declaration--customer__header__documents__list-details__item:before {
  font-family: ZhubIcons;
  font-size: 1.5em;
  font-weight: normal;
  content: "\f1c1";
  margin-right: 0.5em;
}
.declaration--customer__header__documents__list-details__item {
  display: inline;
  margin-right: 6%;
}
.declaration--customer__details p:first-of-type {
  margin-top: 0;
}
.declaration--customer__details__list {
  padding: 0;
  margin: 5%;
}
.declaration--customer__details__list li {
  padding: 5% 0 0 5%;
}
.declaration--customer a {
  text-decoration: underline;
}
.form-group.cards .card-container {
  padding: 0.35em;
  text-align: center;
  border: 1px solid #1e193e;
  background: #FBFBFB;
}
.form-group.cards .card-image {
  background-size: 42px 48px !important;
  height: 48px;
  width: 42px;
  margin: auto;
}
input[type="text"],
input[type="numeric"],
input[type="number"],
input[type="password"],
input[type="tel"],
select,
textarea {
  padding-left: 0.5em;
  outline: 0;
  border-width: 0 0 2px;
  border-radius: 0;
  color: #1E193E;
  border-color: #1E193E;
  border-style: solid;
  font-family: Greycliff CF Regular;
  height: 40px;
}
input[type="text"]:focus,
input[type="numeric"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
  border-width: 0 0 2px;
  border-color: #C6C6C6;
}
input[type="text"].input-validation-error,
input[type="numeric"].input-validation-error,
input[type="number"].input-validation-error,
input[type="password"].input-validation-error,
input[type="tel"].input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
  border-color: #e5007e;
}
b,
strong {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
label {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
a:not([class]):focus {
  border-width: 0 0 2px;
  border-color: #C6C6C6;
}
.date-container label {
  display: block;
  margin-bottom: 0.6em;
}
.date-container .form-group {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.date-container .form-group .date-day,
.date-container .form-group .date-month {
  width: 8em;
}
.date-container .form-group input[type="number"].date-year {
  width: 10em;
  min-width: 4em;
  margin-right: 0;
}
.form-content .form-group .sort-code-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.form-content .form-group .sort-code-container input[type="text"] {
  margin: 0;
}
.bordered-inputs input[type="text"],
.bordered-inputs input[type="numeric"],
.bordered-inputs input[type="number"],
.bordered-inputs input[type="password"],
.bordered-inputs input[type="tel"],
.bordered-inputs select,
.bordered-inputs textarea {
  border: 1px solid #9E9E9E;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding-left: 15px;
  min-height: 50px;
}
.bordered-inputs .input-segment input[type="text"],
.bordered-inputs .input-segment input[type="numeric"],
.bordered-inputs .input-segment input[type="number"],
.bordered-inputs .input-segment input[type="password"],
.bordered-inputs .input-segment input[type="tel"],
.bordered-inputs .input-segment select,
.bordered-inputs .input-segment textarea {
  padding-left: 15px;
}
.bordered-inputs .form-group__input-container--radio {
  width: 100%;
}
.bordered-inputs .input-container__label--radio {
  padding: 0.75em 2em;
  background-color: #fff;
  border: 1px solid #9E9E9E;
  border-radius: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  font-size: 16.8px;
  transition: color 0.5s ease, background-color 0.5s ease;
  margin-right: -5px;
  margin-left: 0px;
  width: 50%;
  text-align: center;
}
.bordered-inputs .input-container__label--radio:before {
  display: none;
}
.bordered-inputs .input-container__label--radio:hover {
  background-color: #E7F7FB;
}
.bordered-inputs .input-container__input--radio:checked + .input-container__label--radio {
  background: #007196;
  color: white;
}
.bordered-inputs .date-container .form-group {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.bordered-inputs .date-container .form-group input[class^="date-"] {
  width: 7.5em;
  min-width: 4em;
  margin-right: 0;
}
.bordered-inputs .date-container .form-group span.input-validation-error:not(:empty) {
  top: 50px;
}
.bordered-inputs .date-container .form-group span.input-validation-error:not(:empty),
.bordered-inputs .form-group--table-style .form-group span.input-validation-error:not(:empty) {
  width: 100%;
}
.bordered-inputs .payment-container .form-group span.input-validation-error:not(:empty) {
  top: 80px;
  width: 340px;
  display: block !important;
}
.bordered-inputs .payment-container .form-group span.input-validation-error:empty,
.bordered-inputs .date-container .form-group span.input-validation-error:empty {
  display: none !important;
}
.bordered-inputs .form-group--table-style .form-group__input-container--radio {
  padding: 0;
}
.carousel-dots {
  text-align: center;
}
.icon-list-payment ul {
  padding-left: 0;
  list-style: none;
  max-width: 900px;
  margin: 0;
}
.icon-list-payment ul li span {
  display: flex;
}
.icon-list-payment.payment-details li.contributionLimitsInfo,
.icon-list-payment.payment-mandate li.contributionLimitsInfo {
  padding: 9px 10px 15px 45px;
  background: url(../image/chart-pie-solid.svg) no-repeat 0 5px;
  background-size: 30px 30px;
}
.icon-list-payment.payment-details li.paymentETA,
.icon-list-payment.payment-mandate li.paymentETA {
  padding: 9px 10px 15px 45px;
  background: url(../image/clock-regular.svg) no-repeat 0 5px;
  background-size: 30px 30px;
}
.icon-list-payment.payment-details li.ddAcknowledgment,
.icon-list-payment.payment-mandate li.ddAcknowledgment {
  padding: 5px 10px 15px 45px;
  background: url(../image/info-circle.svg) no-repeat 0 5px;
  background-size: 30px 30px;
}
.icon-list-payment.payment-details li.ddAcknowledgment-solid,
.icon-list-payment.payment-mandate li.ddAcknowledgment-solid {
  padding: 5px 10px 15px 45px;
  background: url(../image/info-circle-solid.svg) no-repeat 0 5px;
  background-size: 30px 30px;
}
.icon-list-payment.payment-details li.ddGuarantee,
.icon-list-payment.payment-mandate li.ddGuarantee {
  padding: 10px 10px 15px 45px;
  background: url(../image/direct-debit.svg) no-repeat 0 5px;
  background-size: 30px 30px;
}
.icon-list-payment .payment-header {
  position: relative;
}
.icon-list-payment .payment-header .ddGuarantee {
  background: url(../image/DD_Logo.svg) no-repeat;
  background-size: 100px 34px;
  position: absolute;
  right: 45px;
  top: 0px;
  width: 100px;
  height: 40px;
}
.icon-list-payment.payment-mandate {
  width: 100%;
  padding-right: 72px;
}
.icon-list-payment.complete li {
  padding-bottom: 20px;
}
.icon-list-payment.complete li span {
  display: flow-root;
}
.icon-list-payment.complete li.line1 {
  padding-top: 20px;
}
.icon-list-payment.complete li.line1:before {
  content: url(../image/print-solid.svg);
  float: left;
  width: 25px;
  height: auto;
  padding: 10px 12px 10px 12px;
  border: 3px solid #1E193E;
  border-radius: 100%;
  margin-right: 20px;
}
.icon-list-payment.complete li.line2:before {
  content: url(../image/exclamation-solid.svg);
  float: left;
  width: 10px;
  height: auto;
  padding: 10px 20px 10px 20px;
  border: 3px solid #1E193E;
  border-radius: 100%;
  margin-right: 20px;
}
.icon-list-payment.complete li.line3:before {
  content: url(../image/clock-solid.svg);
  float: left;
  width: 25px;
  height: auto;
  padding: 10px 12px 10px 12px;
  border: 3px solid #1E193E;
  border-radius: 100%;
  margin-right: 20px;
}
/*LABEL FOR SELECT*/
select {
  height: 40px;
  padding: 0 30px 0 10px;
}
select :focus {
  border-width: 0 0 2px;
  border-color: #C6C6C6;
}
select.input-validation-error {
  border-color: #e5007e;
}
.form-control-descriptor,
.form-group .percentage + .form-control-descriptor {
  height: 2.9em;
  line-height: 2.6em;
  padding-left: 0;
  position: relative;
  left: -2em;
  min-width: unset;
}
.input-container__label--checkbox,
.input-container__label--radio,
.input-container__label--radio--disabled {
  margin-right: 1.2em;
  display: inline-block;
  font-family: inherit;
  cursor: pointer;
}
.input-container__label--radio {
  padding: 0.75em 2em;
  padding-left: 0em;
  background-color: #ffffff;
  border: solid 1px #1e193e;
  border-radius: 2px;
}
.input-container__label--radio:before {
  background-clip: content-box;
  color: #C6C6C5;
  border-radius: 50%;
  content: "";
  font-family: ZhubIcons;
  display: inline-block;
  margin: 0 1em;
  transition: background 0.25s linear;
  vertical-align: top;
  height: 15px;
  width: 15px;
  box-shadow: inset 0px 0px 0px 1px #1E193E;
}
.input-container__label--radio.small {
  padding: 0.5em 0.75em;
  margin-right: 0.75em;
}
.input-container__label--radio.small:before {
  margin: 0.1em 0.6em 0 0;
}
.input-container__label--radio:last-child {
  margin: 0;
}
.input-container__input--checkbox,
.input-container__input--radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.input-container__input--checkbox:checked + .input-container__label--radio:before,
.input-container__input--radio:checked + .input-container__label--radio:before {
  background-color: #e5007e;
}
.input-container__input--checkbox:checked + .input-container__label--radio--disabled:before,
.input-container__input--radio:checked + .input-container__label--radio--disabled:before {
  background-color: rgba(198, 198, 197, 0.6);
}
.input-container__input--checkbox.input-validation-error + .input-container__label--radio,
.input-container__input--radio.input-validation-error + .input-container__label--radio {
  border-color: #e5007e;
}
.input-container__input--checkbox.input-validation-error + .input-container__label--radio:before,
.input-container__input--radio.input-validation-error + .input-container__label--radio:before {
  color: red;
  border-color: red;
}
.input-container__input--radio--inline {
  width: 45.5%;
  display: inline-block;
}
.input-container__input--checkbox:checked + .input-container__label--checkbox:after,
.input-container__input--checkbox:checked + input + .input-container__label--checkbox:after,
.input-container__input--checkbox:checked + span + input + .input-container__label--checkbox:after {
  border: solid #000000;
  border-width: 0 2px 2px 0;
}
.input-container__input--checkbox:focus + .input-container__label--checkbox:before,
.input-container__input--checkbox:focus + input + .input-container__label--checkbox:before {
  border-width: 3px;
}
.input-container__label--checkbox {
  font-size: 1em;
  padding-left: 2em;
  position: relative;
  padding-top: 5px;
}
.input-container__label--checkbox .container input:checked ~ .input-container__label--checkbox:after {
  display: block;
}
.input-container__label--checkbox:before,
.input-container__label--checkbox:after {
  position: absolute;
}
.input-container__label--checkbox:after {
  left: 9px;
  top: 8px;
  content: "";
  width: 5px;
  height: 10px;
  -webkit-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
}
.input-container__label--checkbox:before {
  left: 1px;
  top: 3.5px;
  content: "";
  background-color: #ffffff;
  color: #ffffff;
  border: solid 2px #51524a;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 1.3em;
  width: 1.3em;
}
.add-payer-trigger {
  margin-bottom: 20px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.modal .modal-content .modal-header {
  border-bottom: unset;
}
.modal .modal-content .modal-header .maturity-modal-container_close {
  width: 25px;
  height: 25px;
  background: url(../image/icon-cross-white.svg) center right no-repeat;
  filter: invert(1);
  color: black;
  display: block;
  float: right;
}
.modal .modal-content .modal-body form .action-panel {
  align-items: unset;
}
.modal .modal-content .modal-body form .maturity-modal-container_footer .reset-icon {
  margin: auto;
  background: url(../image/icon-reset.svg) no-repeat;
  background-size: 14px 23px;
  margin-top: 25px;
  font-weight: bold;
}
.modal .modal-content .modal-body form .maturity-modal-container_footer .reset-icon .confirm-choices-close {
  cursor: pointer;
}
.modal .modal-content .modal-body form .maturity-modal-container_footer .reset-icon a {
  margin-left: 25px;
  text-decoration: underline;
}
.modal .maturity-compare-products {
  position: fixed;
  padding: 0px;
  width: fit-content;
  border: unset;
  overflow-y: auto;
}
.modal .maturity-compare-products.modal-content {
  background-color: unset;
}
.modal .maturity-compare-products.modal-content .modal-header {
  border-bottom: unset;
  margin-bottom: 50px;
}
.modal .maturity-compare-products.modal-content .modal-header .compare-products-close {
  width: 30px;
  height: 30px;
  background: white url(../image/times-solid.svg) center center no-repeat;
  color: #42383B;
  float: right;
  cursor: pointer;
  margin-bottom: 2em;
  margin-left: -20px;
  border-radius: 50%;
  background-size: 40%;
  position: relative;
  display: flex;
  align-content: flex-end;
}
.modal .maturity-compare-products .modal-body table {
  background-color: white;
}
.modal .maturity-compare-products .modal-body table tbody tr {
  display: inherit;
}
.modal .maturity-compare-products .modal-body table tbody td:first-child {
  position: unset;
  padding-top: 0px;
}
.modal .maturity-compare-products .modal-body #table-description {
  background-color: whitesmoke;
}
.modal .maturity-compare-products .modal-body #life-isa {
  background-color: #4E2971;
  color: white;
  text-align: center;
}
.modal .maturity-compare-products .modal-body #stock-isa {
  background-color: #5A6ECC;
  color: white;
  text-align: center;
}
.modal .maturity-compare-products .modal-body #maturity-modal-cross {
  background-color: unset;
  position: relative;
}
.modal .maturity-compare-products .modal-body .compare-products-tick {
  background: url(../image/icon-tick-white.svg) center no-repeat;
  height: 60px;
}
.modal .maturity-compare-products .modal-body .compare-products-cross {
  background: url(../image/icon-cross-white.svg) center no-repeat;
  height: 60px;
}
.withdrawal-modal {
  display: block;
  z-index: 101;
}
.modal-content {
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 20px;
  width: 85%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  max-height: 100%;
  border-radius: 4px;
  border: 1px solid #707070;
  overflow-y: auto;
}
.modal-content .modal-header {
  border-bottom: solid 1px grey;
}
.modal-content .modal-header h4 {
  margin-top: 0px;
}
.modal-content input[type="button"] {
  background-color: #e5007e;
  min-width: 150px;
  color: white;
  display: block;
  margin: auto;
}
.modal-content .actions {
  justify-content: center;
  display: flex;
}
.modal-content .actions-left {
  display: flex;
}
.modal-content .actions .btn-modal-close {
  min-width: 225px;
}
.btn-modal,
.btn-modal-close {
  background-color: #e5007e;
  color: white;
}
.modal-close {
  float: right;
  cursor: pointer;
}
.modal-close:before {
  content: ' ';
  color: #ffffff;
  margin-top: 3px;
  margin-left: 5px;
  font-weight: bold;
  display: inline-block;
  width: 15px;
  height: 20px;
  background: url(../image/times-solid.svg) 0px center no-repeat;
}
#declarationLink,
#popupLink {
  cursor: pointer;
}
.btn-applications:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/icon-applications-blue.svg);
  background-repeat: no-repeat;
  margin: 0 0.6em -5px 0;
  background-size: contain;
}
.btn-policies:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/icon-policies-blue.svg);
  background-repeat: no-repeat;
  margin: 0 0.6em -5px 0;
  background-size: contain;
}
.btn-help-text {
  text-decoration: underline;
  color: #1E193E;
  font-size: 15px;
}
.btn-skip-question {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  text-decoration: underline;
}
.btn-skip-question.skipped {
  text-decoration: none;
  color: #e5007e;
}
.form-content .form-section {
  border-radius: 0.25rem;
}
.form-content .btn-more-details {
  text-decoration: none;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: #1E193E;
}
.form-control-descriptor-left {
  padding-top: 3.55px;
  position: absolute;
  margin-top: 5px;
}
.confirmation-card label {
  float: left;
  width: 100%;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 15px;
}
.confirmation-card button {
  border-radius: 0;
  text-align: inherit;
  padding-bottom: 1em;
  width: 53.91666667%;
  padding-left: 1em;
  padding-top: 1em;
  margin-bottom: 1em;
  margin-right: 8em;
  background-color: #FBFBFB;
  font-family: Greycliff CF Regular;
  color: #1e193e;
  word-wrap: break-word;
  white-space: normal;
}
.confirmation-card button:before {
  content: "_";
  float: right;
  padding-left: 1em;
  background: url(../image/pen-solid.svg) center no-repeat;
  background-size: 15px 15px;
  background-position: right;
  opacity: 0.6;
  color: #FBFBFB;
}
.multi-action {
  display: flex;
}
.info-card {
  padding: 15px;
  background-color: #FBFBFB;
  width: 53.91666667%;
  display: flex;
}
.grey-card {
  padding: 15px;
  background-color: #FBFBFB;
  width: 53.91666667%;
}
.client-details-card {
  padding: 20px;
  background-color: #F1F1F0;
  width: 45.5%;
}
.client-details-card .row {
  margin-bottom: 20px;
}
.client-details-card .row .title {
  margin-bottom: 5px;
}
.client-details-card .row .form-group {
  max-width: 80%;
}
.client-details-card .title {
  margin-bottom: 5px;
}
.client-details-card .single-card {
  display: flex;
  justify-content: space-between;
}
.client-details-card button {
  float: right;
  font-family: Greycliff CF Regular;
  padding: 0;
  top: -6px;
  right: 0;
  position: absolute;
  background: none;
}
.client-details-card button:before {
  content: url(../image/icon-pen.svg);
}
.client-details-card .form-group:last-of-type {
  margin-bottom: unset;
}
.client-details-modal {
  position: absolute;
  z-index: 1;
}
.client-details-modal .inner-content {
  padding: 15px;
  background-color: #fefefe;
  border: 1px solid #888;
  padding-left: 10px;
  padding-right: 15px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  margin-top: 20px;
  float: right;
  border-color: #0E7196;
  border-width: 2px thin thin thin;
}
.name-section .client-name {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 150px;
  word-break: break-word;
}
.name-section .client-details-modal .inner-content {
  margin-top: 0px;
}
.modal .declaration-content .container-segment {
  display: flex;
  margin-bottom: 1em;
  word-break: break-word;
}
.modal .declaration-content .container-segment label {
  min-width: 55%;
  max-width: 55%;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin-bottom: 0.6em;
}
.modal .declaration-content .btn-primary-portal {
  padding-left: 2em;
  padding-right: 2em;
}
.modal .declaration-content .btn-primary-portal:disabled,
.modal .declaration-content .btn-primary-portal[disabled] {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
.modal .declaration-content .actions {
  display: flex;
  gap: 1em;
  justify-content: start;
}
.modal .declaration-content .form-group__input-container--checkbox {
  margin-bottom: 0.6em;
}
.modal .declaration-content .form-group__input-container--checkbox input:before {
  border-radius: 5px;
  border-color: grey;
}
.modal .declaration-content.popup-inner {
  display: none;
}
.modal .declaration-content.popup-inner ul {
  padding-left: inherit;
}
.modal .close-btn {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal .close-btn:hover,
.modal .close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.declaration-modal,
.maturity-declaration-modal {
  z-index: 101;
}
input[type="text"],
input[type="number"],
select {
  font-size: 16.8px;
}
.input-segment input[type="text"],
.input-segment input[type="password"],
.input-segment input[type="tel"],
.input-segment select {
  width: 100%;
  font-size: 16.8px;
}
.input-segment input[type="text"]:read-only,
.input-segment input[type="number"]:read-only {
  background-color: rgba(239, 239, 239, 0.3);
  color: #aaaaaa;
}
.input-segment input[type="text"].payment-amount,
.input-segment input[type="number"].payment-amount {
  width: 95%;
}
.input-segment label {
  padding-left: 8.4px;
  width: 100%;
  display: inline-block;
  font-size: 15px;
}
.input-segment .date-day,
.input-segment .date-month,
.input-segment .date-year {
  padding-left: 8.4px;
  font-size: 16.8px;
}
.input-segment:only-child label {
  white-space: nowrap;
}
.full-width {
  width: 100%;
}
.name-text {
  width: 31.4%;
  display: inline-block;
}
.help-text p {
  width: 96%;
  display: inline-block;
  width: 80%;
  font-size: inherit;
  margin: 2px 10px 1em;
}
.help-text .btn-more-info:before {
  display: inline-block;
  padding-top: 1px;
  content: "i";
  width: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  color: #e5007e;
  border: 1px solid #e5007e;
  border-radius: 50%;
}
.payment-selection-card {
  position: relative;
  min-height: 370px;
  min-width: 340px;
  width: 28.66666667%;
  background-color: #FBFBFB;
  border: 1px solid #1e193e;
  padding: 19px;
  text-align: center;
  margin: 10px 0px;
}
.payment-selection-card .large-icon {
  margin-bottom: unset;
}
.payment-selection-card h4 {
  margin-top: 0;
}
.payment-selection-card .btn {
  bottom: 20px;
  width: -webkit-fill-available;
  width: -moz-fill-available;
}
.payment-selection-card ul li {
  text-align: left;
}
.payment-selection-card .container-btn-container {
  position: absolute;
  top: 280px;
  width: -webkit-fill-available;
  margin-right: 20px;
}
.payment-selection-card .container-btn-container input {
  word-break: break-word;
  white-space: normal;
}
.payment-selection-card .card-icon {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
}
.payment-selection-card .card-icon .large-icon {
  font-size: 282%;
}
.payment-selection-card .card-icon .large-icon .calender:before {
  content: "\f234";
}
.payment-selection-card .card-icon .large-icon .payment-regularcardpay:before {
  content: ' ';
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../image/icon-regular-payment.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.payment-selection-card .card-icon .large-icon .payment-cardpay:before {
  content: ' ';
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../image/icon-card-payment.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.payment-selection-card .card-icon .large-icon .payment-regularpay:before {
  content: ' ';
  display: inline-block;
  width: 75px;
  height: 50px;
  background: url(../image/icon-regular-card-payments.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 75px 50px;
}
.third-party-payment-option {
  max-width: 650px;
  background-color: #FBFBFB;
  border: 1px solid #1e193e;
  padding: 20px;
  margin: 25px 0px;
  display: flex;
  justify-content: space-between;
}
.third-party-payment-option .container-btn-container {
  display: flex;
  align-items: center;
}
.third-party-payment-option .payment-info {
  padding-right: 15px;
  padding-left: 15px;
}
.third-party-payment-option .payment-info .title {
  margin: 0;
}
.third-party-payment-option .payment-info .description {
  margin: 0;
  margin-top: 5px;
}
.third-party-payment-option .icon {
  display: flex;
  align-items: center;
}
.third-party-payment-option .icon .payment-regularcardpay:before {
  content: ' ';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../image/icon-regular-payment.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
.third-party-payment-option .icon .payment-cardpay:before {
  content: ' ';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../image/icon-card-payment.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
.third-party-payment-option .icon .payment-regularpay:before {
  content: ' ';
  display: inline-block;
  width: 75px;
  height: 50px;
  background: url(../image/icon-regular-card-payments.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 75px 50px;
}
.complete-payment-card {
  position: relative;
  max-width: 750px;
  background-color: #FBFBFB;
  border: 1px solid #1e193e;
  padding: 20px;
  margin: 20px 0px 10px 0;
}
.complete-payment-card h3 {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.complete-payment-card h4 {
  font-style: italic;
}
.complete-payment-card .third-party {
  margin-top: 0;
  margin-bottom: 30px;
  padding-right: 150px;
}
.complete-payment-card .btn {
  bottom: 20px;
}
.complete-payment-card .container-btn-container {
  bottom: 20px;
}
.complete-payment-card .container-btn-container input {
  word-break: break-word;
  white-space: normal;
}
.complete-payment-card .card-icon {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  float: right;
}
.complete-payment-card .card-icon .large-icon {
  font-size: 282%;
}
.complete-payment-card .card-icon .large-icon .calender:before {
  content: ' ';
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../image/icon-regular-payment.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.complete-payment-card .card-icon .large-icon .card:before {
  content: ' ';
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../image/icon-card-payment.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.account-declaration-card {
  position: relative;
  width: 558px;
  background-color: #FBFBFB;
  border: 1px solid #1E193E;
  margin-top: 20px;
  padding-left: 15px;
  padding-bottom: 10px;
}
.account-declaration-card h3 {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.account-declaration-card .form-group {
  display: flex;
}
.account-declaration-card .form-group label {
  flex: 0 1 30%;
}
.declaration-card {
  position: relative;
  width: 100%;
  background-color: #FBFBFB;
  border: 1px solid #1e193e;
  padding: 15px;
}
.declaration-card .form-section {
  display: flex;
  flex-direction: column;
}
.declaration-card .ul-ls {
  list-style: none;
  padding: 0;
  margin: 0;
}
.declaration-card .card-icon {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  float: left;
  margin-right: 20px;
}
.declaration-card .card-icon .large-icon {
  font-size: 282%;
}
.declaration-card .card-icon .large-icon .clock:before {
  content: "\f232";
}
.declaration-card .card-icon .large-icon .document:before {
  content: "\f233";
}
.declaration-card ul {
  list-style: none;
  margin: 0;
  padding-left: 10px;
}
.declaration-card li.declaration-card-time-application {
  padding: 10px 10px 15px 45px;
  background: url(../image/stopwatch.svg) no-repeat 0 5px;
  background-size: 30px 30px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.declaration-card li.declaration-card-mobile {
  padding: 10px 10px 15px 45px;
  background: url(../image/icon-mobile-phone.svg) no-repeat 0 5px;
  background-size: 30px 30px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.declaration-card li.declaration-card-item-required {
  padding: 0 10px 15px 45px;
  background: url(../image/file-alt.svg) no-repeat 0 5px;
  background-size: 30px 29px;
}
.declaration-card li.declaration-card-info-CTF {
  padding: 0 10px 15px 45px;
  background: url(../image/info-circle.svg) no-repeat 0 5px;
  background-size: 30px 30px;
}
.declaration-card .form-section .form-group {
  display: flex;
  margin-top: 15px;
  margin-bottom: 2px;
}
.declaration-card .form-section .form-group span {
  min-width: 155px;
  flex: 0 1 30%;
}
.view-start-date .declaration-card {
  display: flex;
  flex-direction: column;
  max-width: 732px;
}
.view-start-date .mobile {
  display: none;
}
.view-start-date .form-content-flex {
  margin-bottom: 10px;
  max-width: 732px;
}
.view-start-date .desktop {
  margin-right: 5%;
}
.large-icon {
  display: inline-block;
  font-size: 282%;
  margin-bottom: 15px;
  float: right;
}
.large-icon .computer-lock {
  background-image: url(../image/icon-account-login.svg);
  width: 171px;
  height: 152px;
  background-size: 171px 152px;
  display: inline-block;
  background-repeat: no-repeat;
}
.large-icon .computer-lock-transfer {
  background-image: url(../image/icon-account-login-transfer.svg);
  width: 171px;
  height: 152px;
  background-size: 171px 152px;
  display: inline-block;
  background-repeat: no-repeat;
}
.left-container {
  display: flex;
  justify-content: left !important;
}
.left-container .btn-modal-close {
  min-width: auto !important;
}
.centered-container {
  display: flex;
  justify-content: center;
}
.slideToggleTrigger:hover,
.slideToggleTriggerLocked:hover {
  cursor: pointer;
}
.slideToggleTrigger:after,
.slideToggleTriggerLocked:after {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../image/icon-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  background-position-y: -8px;
  margin: 0 0.6em 0 0.6em;
}
.slideToggleTrigger.open:after,
.slideToggleTriggerLocked.open:after,
.slideToggleTrigger.slideToggleIsOpen:after,
.slideToggleTriggerLocked.slideToggleIsOpen:after {
  background: url(../image/icon-arrow-up.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
.slideToggleTriggerLocked:before,
.slideToggleTriggerLocked.slideToggleIsOpen:before {
  background: none;
}
.slideToggleContainer {
  border: solid 1px #C6C6C5 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
}
.slideToggleContainer .slideToggleTrigger {
  padding: 2em 1.1em 0.5em;
  color: #1E193E;
  text-decoration: none;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.slideToggleContainer .slideToggleTrigger__logo {
  float: right;
}
.slideToggleContainer .slideToggleTarget {
  width: 100%;
  display: inline-block;
}
.slideToggleContainer .slideToggleTarget .form-group__input-container--checkbox {
  padding: 0.75em 0;
  border-bottom: solid 1px #C6C6C5;
}
.slideToggleContainer .slideToggleTarget .form-group__input-container--checkbox:last-of-type {
  border-bottom: none;
}
.slideToggleContainer .slideToggleTarget .form-group__input-container--checkbox .input-container__label--checkbox {
  width: 96%;
  display: inline-block;
}
.info-card-mt .container-segment {
  height: 180px;
}
.info-card-mt .container {
  height: 190px;
  background: url(../image/ctf-teens.jpg) bottom right no-repeat;
  background-size: 230px;
  padding-left: 20px;
}
.info-card-mt .info-text {
  width: 40%;
  float: left;
  padding-top: 12px;
}
.info-card-mt .info-text h4 {
  font-size: 1.3em;
  font-weight: initial;
}
.info-card-mt .info-chart {
  height: 180px;
  width: 135px;
  margin-left: 43%;
  background: url(../image/ctf-doughnut-chart.svg) center center no-repeat;
  background-size: 140px;
}
.textbox-field {
  overflow: auto;
}
@media (max-width: 792px) {
  table thead {
    display: none;
  }
  table tbody tr td {
    font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  }
  table tbody tr td:first-child {
    font-family: Greycliff CF Regular;
  }
  table tbody tr td:last-child {
    text-align: right;
  }
  .client-details-card {
    width: auto;
  }
  .client-details-card .single-card div {
    overflow-wrap: break-word;
    max-width: 90%;
  }
  .confirmation-card button {
    width: 100%;
  }
  .payment-selection-card {
    min-width: unset;
    width: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .payment-selection-card ul {
    margin-top: unset;
  }
  .payment-selection-card ul li:first-of-type {
    margin-top: unset;
  }
  .payment-selection-card .card-icon {
    display: flex;
    justify-content: center;
  }
  .payment-selection-card .container-btn-container {
    margin-right: unset;
    position: unset;
  }
  .info-card-mt .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: initial;
    height: initial;
    min-width: 100%;
  }
  .info-card-mt .container .info-text {
    width: 100%;
  }
  .info-card-mt .container-segment {
    height: initial;
  }
  .info-card-mt .info-chart {
    height: 200px;
    width: 200px;
    margin-left: 0;
    background: url(../image/ctf-doughnut-chart.svg) center center no-repeat;
    background-size: 200px;
  }
  .input-segment select {
    font-size: 14.8px;
  }
  .product-option .product-bg {
    height: 100%;
  }
  .product-option .content-bg .actions {
    flex-direction: column;
  }
  .product-option .content-bg .actions .btn-primary-portal {
    width: 100% !important;
  }
  .product-option .content-bg .actions .exit-icon {
    margin: 20px 0px;
    display: inline-block;
  }
  .product-option .product-title {
    font-size: 14px !important;
  }
  .product-option li {
    margin-bottom: 0px !important;
  }
  .product-option .product-panel ul {
    width: auto;
  }
  .product-option .product-content {
    height: 100%;
  }
  .product-option .product-content .product-panel {
    height: 100%;
    overflow-x: scroll !important;
  }
  .product-option .content-intro {
    width: 100%;
  }
  .product-option .text-info.icon {
    width: 12% !important;
  }
  .product-option .content-options table td {
    width: 100% !important;
  }
  .view-updateaddress .form-container {
    padding: 15px;
  }
  .view-updateaddress .form-container .address-container #AddressSearchInput {
    width: 55%;
  }
  .view-updateaddress .form-container .manual-address-target .input-segment {
    width: 100%;
  }
  .view-updateaddress .form-container .manual-address-target .form-group {
    width: 100% !important;
  }
  .view-updateaddress .form-container .manual-address-target .form-group #NewAddress_CountryCode {
    width: 100%;
  }
  .view-updateaddress .form-container .btn-primary-portal,
  .view-updateaddress .form-container .btn-secondary-portal {
    width: 100% !important;
  }
  .view-updateaddress .form-container .btn-secondary-portal {
    margin-top: 15px;
  }
  .decision__header__status {
    flex-direction: column;
  }
  .decision__header__status .decision__header__documents {
    text-align: center;
    margin: 0;
    width: unset;
  }
  .pop-up-target {
    position: absolute;
    top: 25%;
  }
}
.form-container.maturity-container h1,
.form-container.maturity-container h2,
.form-container.maturity-container h3,
.form-container.maturity-container h4,
.form-container.maturity-container p,
.form-container.maturity-container strong {
  color: #42383B;
}
.maturity-container.indexPage p {
  line-height: 24px;
  padding-bottom: 20px;
}
.maturity-container.indexPage .text-container label {
  padding-left: 0px !important;
}
.maturity-header,
.maturity-header--centered {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.maturity-header__subheader,
.maturity-header--centered__subheader {
  font-size: 20px;
  color: #42383B;
}
.maturity-header--centered {
  align-items: center;
}
@media (min-width: 792px) {
  .quarter-width {
    width: 25%;
  }
  .form-container.maturity-container {
    max-width: 1200px;
    padding: 40px 40px 40px 40px;
  }
  .form-container.maturity-container h1 {
    font-family: Greycliff CF Extra Bold, calibre-web-bold, Lucida Grande, Calibri, Arial, Sans-Serif;
    line-height: 50px;
  }
  .form-container.maturity-container p {
    font-size: 16.8px;
    line-height: 20px;
  }
  .form-container.maturity-container .updateName .content-text p {
    max-width: 658px !important;
  }
  .form-container.maturity-container .updateName .actions.action-panel {
    flex-direction: column;
  }
  .form-container.maturity-container .updateName .actions.action-panel .btn {
    max-width: 350px;
  }
  .form-container.maturity-container .updateName .actions.action-panel .btn-secondary-portal {
    margin-top: 20px;
  }
  table.ThreadDetails .subject {
    width: 90%;
  }
  .modal-content {
    width: 600px;
  }
  .form-content .form-group .sort-code-container {
    width: 28.66666667%;
  }
  .form-content .form-group--double-control .sort-code-container {
    width: 280px;
  }
  .form-content .form-group--double-control .sort-code-container input[type="text"] {
    width: 87px;
  }
  .typeahead.payment-container.form-group--double-control .typeahead-input.valid:after {
    bottom: 25px;
  }
  .product-summary--whole-page__list-container {
    gap: 220px;
    display: flex;
  }
}
@media (min-width: 992px) {
  .QuoteApplicationOver50s .form-group--table-style,
  .bordered-inputs .form-group--table-style {
    align-items: end;
  }
  .QuoteApplicationOver50s .form-group--table-style .form-group,
  .bordered-inputs .form-group--table-style .form-group {
    width: 40%;
    margin-right: 5%;
  }
  .QuoteApplicationOver50s .form-group .form-group__input-container--radio,
  .bordered-inputs .form-group .form-group__input-container--radio,
  .QuoteApplicationOver50s .date-container .form-group,
  .bordered-inputs .date-container .form-group {
    width: 40%;
  }
  .QuoteApplicationOver50s .form-group .form-group__input-container--radio.title-code-radio-buttons,
  .bordered-inputs .form-group .form-group__input-container--radio.title-code-radio-buttons,
  .QuoteApplicationOver50s .date-container .form-group.title-code-radio-buttons,
  .bordered-inputs .date-container .form-group.title-code-radio-buttons {
    width: 100%;
  }
}
.text-container {
  display: flex;
  max-width: 560px;
}
.text-container label {
  padding: 15px;
  flex-basis: unset !important;
  width: 30% !important;
}
.text-container .text-container-shaded,
.text-container .text-container-unshaded {
  line-height: 2;
  word-break: break-word;
}
.text-container .text-container-shaded div,
.text-container .text-container-unshaded div {
  margin: auto;
  display: inline-block;
}
.text-container .text-container-shaded #address,
.text-container .text-container-unshaded #address {
  white-space: pre-wrap;
}
.text-container .text-container-shaded {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #FBFBFB;
  flex-basis: 95%;
}
.text-container .text-container-icon {
  float: right;
  height: 30px;
  width: 25px;
}
.fund-selection-card {
  display: flex;
  flex-direction: column;
  flex-basis: 330px;
  border-radius: 4px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
  background: url(../image/circles-bg-25pc-small-top-right.svg) top right no-repeat, url(../image/corona-bg-20pc-bottom-left.svg) bottom left no-repeat;
  background-color: #4E2971;
  padding: 25px;
}
.fund-selection-card .fund-selection-card__content {
  margin-bottom: 10px;
  color: #ffffff !important;
}
.fund-selection-card .fund-selection-card__content :first-child {
  margin-top: 0em;
  margin-bottom: 1em;
}
.fund-selection-card .fund-selection-card__content h2,
.fund-selection-card .fund-selection-card__content h3,
.fund-selection-card .fund-selection-card__content h4,
.fund-selection-card .fund-selection-card__content strong,
.fund-selection-card .fund-selection-card__content p {
  margin-bottom: 0.3em;
  margin-top: 0.3em;
  color: white;
}
.fund-selection-card .fund-selection-card__content .content-subtext strong,
.fund-selection-card .fund-selection-card__content .content-subtext p {
  margin-bottom: unset;
  font-size: 15px;
  min-width: 25%;
}
.fund-selection-card .fund-selection-card__content-group {
  display: flex;
}
.fund-selection-card .fund-selection-card__content-group strong,
.fund-selection-card .fund-selection-card__content-group p {
  color: white !important;
  margin: 0 0.5em 0 0;
}
.fund-selection-card .fund-selection-card__content-group p {
  margin-top: unset;
  display: inline;
  line-height: 1.5em;
  white-space: pre-wrap;
  word-break: break-word;
}
.fund-selection-card .fund-selection-card__action {
  margin-top: auto;
}
.fund-selection-card .fund-selection-card__action .btn {
  margin-top: 10px;
  border-radius: 7px;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  font-family: Greycliff CF Regular;
  text-decoration: none;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #1E193E;
  line-height: 1.5em;
}
.fund-selection-card .fund-selection-card__action .btn p {
  font-style: normal;
}
.fund-selection-card .fund-selection-card__action .form-group--double-control {
  display: inline-block;
  margin-bottom: -25px;
}
.fund-selection-card .fund-selection-card__action .form-group--double-control a {
  vertical-align: middle;
  color: white !important;
}
.fund-selection-card .fund-selection-card__action .form-group--double-control .icon {
  display: inline-block;
  float: left;
  height: 34px;
  width: 30px;
  background: url(../image/icon-pen-white.svg) top right no-repeat;
}
.fund-selection-card .white-separator {
  margin-bottom: 0.6em;
  height: 2px;
  width: 40px;
  background-color: #ffffff;
}
.flex-container__centered {
  display: flex;
  justify-content: space-between;
  gap: 20px 30px;
}
.maturity-media-container .content-bg {
  padding: 20px;
  margin-bottom: 35px;
}
.maturity-media-container .content-bg p {
  text-align: justify;
}
.maturity-media-container .footer-text {
  font-size: 16px;
}
.maturity-media-container .flex-container {
  display: flex;
  gap: 30px;
}
.maturity-media-container .content-text {
  flex-basis: 45%;
}
.maturity-media-container .content-image {
  margin: auto;
}
.maturity-media-container .content-bold {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.action-panel__centered {
  display: flex;
  flex-direction: column;
  margin-right: 0px;
}
.action-panel__centered {
  align-items: center;
}
.maturity-edit-box-group {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.maturity-edit-box-group .edit-box:last-child {
  margin-bottom: 0;
}
.maturity-edit-box-group .edit-box {
  display: flex;
  margin-bottom: 40px;
  width: 434px;
  max-height: 41px;
  padding: 5px 5px 5px 15px;
  text-align: left;
  color: white;
}
.maturity-edit-box-group .edit-box .edit-box-label-area {
  display: flex;
  align-items: center;
}
.maturity-edit-box-group .edit-box .edit-info.icon {
  display: inline-block;
  margin-left: 5px;
  margin-right: 10px;
  width: 28px;
  height: 22px;
  background: url(../image/icon-info-white.svg) no-repeat;
  background-size: 28px 20px;
}
.maturity-edit-box-group .edit-box .edit-input {
  margin-left: auto;
  margin-right: 35px;
  padding-left: 14px;
  border: 1px solid #1E193E !important;
  width: 150px;
  max-height: 31px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 13px;
}
.maturity-edit-box-group .edit-input-container {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.maturity-edit-box-group .edit-input__currency {
  margin-right: -13.5px;
  position: relative;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: black;
  font-size: 13px;
}
.maturity-edit-box-group .edit-box.edit-box__validation-box {
  align-items: center;
  margin-top: -40px;
  margin-bottom: 0px;
  min-height: 40px;
  background-color: #fbd8eb;
}
.maturity-edit-box-group .edit-box.edit-box__validation-box .validation-text {
  font-size: 14px;
  margin: unset;
}
.maturity-edit-box-group .edit-box.edit-box__validation-box.validation-hidden {
  display: none;
}
.actions.action-panel,
.actions.action-panel__centered {
  display: flex;
  flex-direction: row;
  margin-right: 0px;
}
.actions.action-panel .btn,
.actions.action-panel__centered .btn,
.actions.action-panel .btn-lg,
.actions.action-panel__centered .btn-lg {
  white-space: normal;
}
.actions.action-panel .btn,
.actions.action-panel__centered .btn {
  max-width: 410px;
  padding: 10px 30px 10px 30px;
  font-size: 16.8px;
  line-height: 20px;
}
.actions.action-panel .btn-lg,
.actions.action-panel__centered .btn-lg {
  min-width: 365px;
  padding: 20px 40px 20px 40px;
  font-size: 20px;
}
.actions.action-panel__centered {
  justify-content: space-evenly;
}
.action-card__group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.action-card__group a {
  text-decoration: none;
}
.action-card__group a .action-card:hover {
  background-color: #CBE9F5 !important;
  transition: 0.2s;
}
.action-card__group a.button.btn-link {
  text-decoration: none;
  padding: 0;
}
.action-card__group strong {
  font-size: 16.8px;
  margin-top: 10px;
  max-width: 570px;
}
.action-card__group .action-card {
  padding: 20px;
  background-color: #E0EFF5;
  border: 1px solid #707070;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
  color: black;
  cursor: pointer;
}
.action-card__group .action-card .action-card:hover {
  background-color: #CBE9F5;
}
.action-card__group .action-card__segment {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.action-card__group .action-card__column-area,
.action-card__group .action-card__column-area--right,
.action-card__group .action-card__column-area--left {
  display: flex;
  flex-direction: column;
}
.action-card__group .action-card__column-area :first-child,
.action-card__group .action-card__column-area--right :first-child,
.action-card__group .action-card__column-area--left :first-child {
  margin-top: unset;
}
.action-card__group .action-card__column-area :last-child,
.action-card__group .action-card__column-area--right :last-child,
.action-card__group .action-card__column-area--left :last-child {
  margin-bottom: unset;
}
.action-card__group .action-card__column-area--left {
  min-width: 50px;
}
.action-card__group .action-card__column-area--right {
  margin-left: auto;
}
.action-card__group .action-card .segment--hidden {
  display: none;
}
.action-card__group .action-card .segment--revealed {
  display: flex;
}
.action-card__group .action-card .action-button {
  min-width: 150px;
  min-height: 50px;
}
.action-card__group .action-card .circle-on {
  box-shadow: inset 0 0 0 3px white;
}
@media (max-width: 912px) {
  .view-start-date .desktop {
    display: none;
  }
  .view-start-date .mobile {
    display: inline-block;
  }
  .view-start-date .mobile .computer-lock {
    width: 105px;
    background-position-x: 1.5px;
    background-position-y: 2px;
    display: block;
  }
  .large-icon .computer-lock-transfer {
    width: 83px;
    height: 173px;
    background-position-x: -54px;
    background-position-y: 2px;
    background-size: 191px 73px;
  }
  .large-icon .computer-lock {
    background-image: url(../image/icon-account-login.svg);
    width: 106px;
    height: 130px;
    background-position-x: 3px;
    background-position-y: -11px;
    background-size: 104px 115px;
  }
  .form-content-flex {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: unset;
  }
  .action-panel__centered .btn {
    width: 100%;
  }
  .form-container.maturity-container {
    padding: 15px 20px 35px 20px;
  }
  .form-container.maturity-container h1 {
    line-height: 32px;
    margin-bottom: 20px;
  }
  .flex-container__centered {
    display: flex;
    flex-direction: column;
  }
  .fund-selection-card {
    flex-basis: 100%;
    padding: 25px 20px 25px 20px;
  }
  .text-container {
    max-width: 100%;
  }
  .text-container label {
    flex-basis: 15%;
  }
  .text-container .text-container-shaded {
    flex-basis: 100%;
  }
  .maturity-media-container .content-bg {
    padding: 0px 20px 0px 20px;
    margin-left: -20px;
    margin-right: -20px;
    background-size: 40% !important;
  }
  .maturity-media-container .content-header {
    display: none;
  }
  .maturity-media-container .content-text {
    flex-basis: 100%;
  }
  .maturity-media-container .content-image {
    display: none;
  }
  .maturity-edit-box-group {
    width: 100%;
  }
  .maturity-edit-box-group .edit-input__currency {
    font-size: 17px;
  }
  .maturity-edit-box-group .edit-box {
    min-height: 50px;
    width: 100%;
  }
  .maturity-edit-box-group .edit-box .edit-box-label-area label {
    max-width: 85px;
  }
  .maturity-edit-box-group .edit-box .edit-input {
    margin-left: auto;
    margin-right: 5%;
    max-height: initial;
    font-size: 17px;
  }
  .actions.action-panel {
    flex-direction: column;
    gap: 20px;
  }
  .actions.action-panel__centered .btn {
    width: 100%;
  }
  .actions.action-panel .btn,
  .actions.action-panel .btn-lg {
    min-width: 0;
    width: 100%;
  }
  .form-container .actions.action-panel .btn-primary-portal {
    margin-right: 0px;
  }
  .action-card__group .action-card {
    padding: 10px 15px 20px;
  }
  .action-card__group .action-card .action-button {
    min-width: 100px;
    min-height: 40px;
  }
  .action-card__group .action-card .action-card__column-area--left {
    min-width: 45px;
  }
  .action-card__group .action-card .action-card__column-area strong {
    padding-top: 10px;
  }
  .action-card__group .action-card .action-card__icon {
    transform: scale(0.8);
  }
  .maturity-header,
  .maturity-header--centered {
    align-items: flex-start;
    margin-bottom: 25px;
  }
  .maturity-header__subheader,
  .maturity-header--centered__subheader {
    font-size: 18px;
  }
}
.maturity-simple-card__group {
  display: flex;
  justify-content: space-around;
  gap: 15px;
  flex-wrap: wrap;
}
.maturity-simple-card {
  flex-basis: 325px;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0px 3px 6px #00000029;
}
.maturity-simple-card :first-child {
  margin-top: unset;
}
.maturity-simple-card :last-child {
  margin-bottom: unset;
}
.maturity-simple-card .white-separator {
  margin-bottom: 0.6em;
  height: 2px;
  width: 40px;
  background-color: #ffffff;
}
.maturity-details-card {
  padding: 25px;
  background: url(../image/corona-bg-40pc-bottom-right.svg) bottom right no-repeat;
  background-color: #E0EFF5;
  border-radius: 4px;
  box-shadow: 0px 3px 6px #00000029;
}
.maturity-details-card .details-area {
  display: flex;
  width: 100%;
}
.maturity-details-card .details-area h3 {
  margin: unset;
  margin-bottom: 20px;
}
.maturity-details-card .details-area :last-child {
  border-right: unset;
}
.maturity-details-card .details-subarea,
.maturity-details-card .details-subarea__grid {
  display: flex;
  width: 330px;
  justify-content: left;
  padding-right: 10px;
  border-right: 1px solid lightgray;
}
.maturity-details-card .details-subarea p,
.maturity-details-card .details-subarea__grid p {
  margin-top: unset;
  display: inline;
  line-height: 1.5em;
  white-space: pre-wrap;
  word-break: break-word;
}
.maturity-details-card .details-subarea strong,
.maturity-details-card .details-subarea__grid strong {
  margin-right: 20px;
}
.maturity-details-card .details-subarea {
  padding-left: 15px;
}
.maturity-details-card .details-subarea__grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
@media (max-width: 792px) {
  .maturity-simple-card__group {
    flex-direction: column;
    gap: 20px;
  }
  .maturity-simple-card {
    flex-basis: unset;
    min-width: 100%;
  }
  .maturity-details-card .details-area {
    flex-direction: column;
    gap: 20px;
  }
  .maturity-details-card .details-area :last-child {
    border-bottom: unset;
  }
  .maturity-details-card .details-subarea,
  .maturity-details-card .details-subarea__grid {
    padding-left: 0 !important;
    border-right: unset;
    border-bottom: 2px solid lightgrey;
  }
  .maturity-details-card .details-subarea strong,
  .maturity-details-card .details-subarea__grid strong {
    min-width: 80px;
  }
  .view-money-choices .money-choices .reset-icon {
    width: 100%;
  }
  .Documents .search-criteria-container,
  .StaticLinks .search-criteria-container {
    background: #E7F7FB;
  }
  .Documents .search-criteria-container .select-types,
  .StaticLinks .search-criteria-container .select-types {
    margin-bottom: 10px;
    width: 100%;
  }
  .Documents .search-criteria-container .select-types .tag,
  .StaticLinks .search-criteria-container .select-types .tag {
    display: none;
  }
  .Documents .search-criteria-container .select-types #select-type-description,
  .StaticLinks .search-criteria-container .select-types #select-type-description,
  .Documents .search-criteria-container .select-types #select-link-type-description,
  .StaticLinks .search-criteria-container .select-types #select-link-type-description {
    width: 100%;
    background: none;
  }
  .Documents .search-criteria-container .select-months #select-month-description,
  .StaticLinks .search-criteria-container .select-months #select-month-description {
    background: none;
  }
  .Documents .search-criteria-container .select-years,
  .StaticLinks .search-criteria-container .select-years {
    padding-left: 50px;
  }
  .Documents .search-criteria-container .select-years #select-year-description,
  .StaticLinks .search-criteria-container .select-years #select-year-description {
    width: 100%;
    background: none;
  }
  .Documents .search-criteria-container .search-documents,
  .StaticLinks .search-criteria-container .search-documents {
    width: 100%;
    margin-top: 10px;
  }
  .Documents .search-criteria-container .search-documents #search-document,
  .StaticLinks .search-criteria-container .search-documents #search-document,
  .Documents .search-criteria-container .search-documents #search-link,
  .StaticLinks .search-criteria-container .search-documents #search-link {
    width: 100%;
    background-color: #E7F7FB;
    background-position-x: 10px;
    padding-left: 34px;
  }
  .form-group .form-group__input-container--radio.title-code-radio-buttons,
  .date-container .form-group.title-code-radio-buttons {
    flex-wrap: wrap;
  }
}
@media (max-width: 1140px) {
  .confirmation button {
    width: 100%;
  }
  .product-option {
    padding: 20px 15px !important;
  }
  .product-option .content-options table td {
    display: inline-block;
    width: 50%;
  }
  .product-option .content-options table td .option-container {
    width: 100% !important;
    margin-left: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
  }
  .product-option .content-options table td .option-container .option-text {
    width: 100% !important;
  }
  .product-option .content-options table td .option-container .option-footer {
    width: 100% !important;
  }
  .product-option .content-options table td .option-container .option-image:hover {
    background-color: #F1F8FA !important;
  }
  .product-option .content-intro {
    width: 100%;
  }
  .content-panel {
    margin-top: 30px;
  }
  .maturity-simple-card__group .maturity-simple-card {
    flex-basis: 100%;
  }
  .maturity-simple-card__group .maturity-details-card {
    width: 100%;
  }
  .maturity-simple-card__group .maturity-details-card .details-area {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
  }
  .maturity-simple-card__group .maturity-details-card .details-area .details-subarea,
  .maturity-simple-card__group .maturity-details-card .details-area .details-subarea__grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    width: 100%;
    border: none;
  }
  .maturity-simple-card__group .maturity-details-card .details-area .details-subarea.pL {
    margin-top: 30px;
    padding: 0px !important;
  }
}
.maturity-container__radio-group {
  display: flex;
  flex-direction: column;
  margin-left: 50px;
}
.maturity-container__radio-pair {
  margin-bottom: 30px;
}
.maturity-container__radio {
  opacity: 0;
  display: flex;
}
.maturity-container__radio + label {
  position: relative;
  cursor: pointer;
  font-family: Greycliff CF Regular;
  font-size: 20px;
}
.maturity-container__radio + label::before {
  transform: scale(2);
  content: '';
  position: absolute;
  left: -44px;
  border-radius: 50%;
  border: 1px solid #6F686A;
  width: 18px;
  height: 18px;
}
.maturity-container__radio + label::after {
  transform: scale(2.5);
  content: '';
  position: absolute;
  left: -40px;
  top: 4px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.maturity-container__radio:checked + label::after {
  background: black;
}
body {
  font-size: 16px;
}
.h1,
h1 {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 24px;
  margin-top: 0;
}
.h2,
h2 {
  font-size: 22px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.h3,
h3 {
  font-size: 20px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin: 0.6em 0;
}
.h4,
h4 {
  font-size: 20px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin: 0.6em 0;
}
.h5,
h5 {
  font-size: 16px;
}
@media (min-width: 792px) {
  body {
    font-size: 16.8px;
  }
  .h2,
  h2 {
    font-size: 30px;
    font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  }
  .h3,
  h3 {
    font-size: 24px;
    font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  }
  .h4,
  h4 {
    font-size: 24px;
    font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  }
  .h5,
  h5 {
    font-size: 18px;
  }
}
.information-list ul {
  padding-left: 1.15em;
}
label.disabled {
  color: rgba(198, 198, 197, 0.6);
}
label.disabled:before {
  color: rgba(198, 198, 197, 0.6);
  border-color: rgba(198, 198, 197, 0.6);
}
label.required:after {
  content: "*";
}
.form-buttons .btn,
.form-buttons--secondary .btn,
.form-buttons--borderless .btn,
.criteria .btn,
.form-buttons .btn-primary,
.form-buttons--secondary .btn-primary,
.form-buttons--borderless .btn-primary,
.criteria .btn-primary,
.form-buttons .btn-secondary,
.form-buttons--secondary .btn-secondary,
.form-buttons--borderless .btn-secondary,
.criteria .btn-secondary,
.form-buttons .btn-tertiary,
.form-buttons--secondary .btn-tertiary,
.form-buttons--borderless .btn-tertiary,
.criteria .btn-tertiary,
.form-buttons .btn-link,
.form-buttons--secondary .btn-link,
.form-buttons--borderless .btn-link,
.criteria .btn-link {
  min-width: 12em;
  display: inline-block;
}
.form-buttons .btn,
.form-buttons--secondary .btn,
.form-buttons--borderless .btn,
.criteria .btn,
.form-buttons .btn-primary,
.form-buttons--secondary .btn-primary,
.form-buttons--borderless .btn-primary,
.criteria .btn-primary,
.form-buttons .btn-secondary,
.form-buttons--secondary .btn-secondary,
.form-buttons--borderless .btn-secondary,
.criteria .btn-secondary {
  margin-right: 2.2em;
  min-width: 12em;
}
.form-buttons .btn-secondary,
.form-buttons--secondary .btn-secondary,
.form-buttons--borderless .btn-secondary,
.criteria .btn-secondary {
  margin-right: 0;
  margin-left: 5%;
}
.form-buttons .btn-back,
.form-buttons--secondary .btn-back,
.form-buttons--borderless .btn-back,
.criteria .btn-back {
  width: unset;
  min-width: unset;
  margin-left: 0;
  margin-right: 5%;
}
.form-buttons--borderless {
  display: flex;
  justify-content: space-between;
}
.form-buttons--borderless .btn,
.form-buttons--borderless .btn-primary,
.form-buttons--borderless .btn-secondary,
.form-buttons--borderless .btn-tertiary,
.form-buttons--borderless .btn-link {
  margin-top: 2.2em;
}
.form-buttons--borderless .btn-secondary {
  text-decoration: none;
}
.form-buttons--borderless .btn-back {
  min-width: unset;
  margin-left: 0;
  margin-right: auto;
}
.form-buttons--borderless .btn-back:before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAFBz9WbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACaADAAQAAAABAAAADwAAAACgAmwBAAABFElEQVQoFWM4JmPJyQADe/hNlSDs3byGSWDWLh79/yAGy24+A28mRmZjsOg+XgNrEIPpL9N/6T08hlpgUbBamAYGkAYQZy+/sRFYGkgwwhgg8////zeXiZlNGSy2m18/DKQaZhgLyGFfP/565vblLFwXw25e/c0wI0A00///DG67eQ3eIwsy7OIx+LOL1+AVSBCudzeP/j8g9xkTilIYB1kLUL/+TxRD0a1l3MWrv4nhP4MvIyPDZ2ZGFlenT2dPwoyC0WCb9/AaBADduPo/w38WoFveMbEwO7q8P3cJRRGMs4dPP+bfP4aFQD4TUPcLRkZ2e5fPp27B/QBTCKJ38xgsA5oaCRZjZDyEogivSQTdRIzvALmjcPQVEG76AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
}
.form-buttons--inline {
  display: flex;
}
.form-buttons--inline .margin-right {
  margin-right: 15px;
}
.form-buttons--inline .center {
  display: flex;
  align-items: center;
}
.form-buttons--inline .btn,
.form-buttons--inline .btn-primary,
.form-buttons--inline .btn-secondary,
.form-buttons--inline .btn-tertiary,
.form-buttons--inline .inlineNavigation {
  min-width: 12em;
  display: inline-block;
}
.criteria input.btn,
.criteria input.btn-primary,
.criteria input.btn-secondary {
  float: none;
}
.return-text {
  color: #e5007e;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin-top: 1em;
}
input[type="submit"],
button,
input[type="button"],
a.button {
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -moz-user-select: none;
  display: inline-block;
  padding: 0.75em 1.15em;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 1em;
  /* &.btn-add {
        &:after {
            content: ' ';
            display: inline-block;
            width: 20px;
            height: 21px;
            background: url(../image/icon-add.svg);
            background-repeat: no-repeat;
            margin: 0 0 -6px 1.2em;
        }
    }*/
}
input[type="submit"]:active,
button:active,
input[type="button"]:active,
a.button:active {
  color: #333;
  background-color: #f0f0f0;
}
input[type="submit"]:focus,
button:focus,
input[type="button"]:focus,
a.button:focus {
  border-width: 0 0 2px;
  border-color: #C6C6C6;
}
input[type="submit"].btn-primary,
button.btn-primary,
input[type="button"].btn-primary,
a.button.btn-primary {
  background: #e5007e;
  color: #ffffff;
  min-width: 15em;
  border: solid #e5007e 2px;
  text-decoration: none;
  -webkit-transition: 0.5s;
}
input[type="submit"].btn-primary:hover,
button.btn-primary:hover,
input[type="button"].btn-primary:hover,
a.button.btn-primary:hover {
  background-color: #890D54;
  border-color: #890D54;
  color: #ffffff;
}
input[type="submit"].btn-primary:focus,
button.btn-primary:focus,
input[type="button"].btn-primary:focus,
a.button.btn-primary:focus,
input[type="submit"].btn-primary:active,
button.btn-primary:active,
input[type="button"].btn-primary:active,
a.button.btn-primary:active {
  background-color: #890D54;
}
input[type="submit"].btn-secondary,
button.btn-secondary,
input[type="button"].btn-secondary,
a.button.btn-secondary {
  color: #e5007e;
  border: solid #e5007e 2px;
  background: #ffffff;
}
input[type="submit"].btn-secondary:hover,
button.btn-secondary:hover,
input[type="button"].btn-secondary:hover,
a.button.btn-secondary:hover {
  background-color: #890D54;
  border-color: #890D54;
  color: #ffffff;
}
input[type="submit"].btn-secondary:focus,
button.btn-secondary:focus,
input[type="button"].btn-secondary:focus,
a.button.btn-secondary:focus,
input[type="submit"].btn-secondary:active,
button.btn-secondary:active,
input[type="button"].btn-secondary:active,
a.button.btn-secondary:active {
  background-color: #890D54;
  color: #ffffff;
}
input[type="submit"].btn-tertiary,
button.btn-tertiary,
input[type="button"].btn-tertiary,
a.button.btn-tertiary {
  background: none;
  color: #e5007e;
}
input[type="submit"].btn-link,
button.btn-link,
input[type="button"].btn-link,
a.button.btn-link {
  padding: 0;
  cursor: pointer;
  background: none;
  height: auto;
  color: #e5007e;
  text-decoration: underline;
  font-family: Greycliff CF Demi Bold, calibre-web-semibold, Lucida Grande, Calibri, Arial, Sans-Serif;
  text-align: initial;
}
input[type="submit"].btn-link.disabled,
button.btn-link.disabled,
input[type="button"].btn-link.disabled,
a.button.btn-link.disabled {
  color: #51524a;
  background: none;
  border: none;
  cursor: initial;
  text-decoration: none;
}
input[type="submit"].disabled,
button.disabled,
input[type="button"].disabled,
a.button.disabled {
  color: #ffffff;
  background-color: #51524a;
  border-color: #51524a;
  cursor: default;
}
input[type="submit"].btn-tertiary.btn-add,
button.btn-tertiary.btn-add,
input[type="button"].btn-tertiary.btn-add,
a.button.btn-tertiary.btn-add {
  min-width: unset;
  padding-left: 0;
  color: #0E7196;
  text-decoration: underline;
}
input[type="submit"].btn-tertiary.btn-add:before,
button.btn-tertiary.btn-add:before,
input[type="button"].btn-tertiary.btn-add:before,
a.button.btn-tertiary.btn-add:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../image/icon-add.svg);
  background-repeat: no-repeat;
  margin: 0 5px -6px 0;
}
input[type="submit"].btn-edit:after,
button.btn-edit:after,
input[type="button"].btn-edit:after,
a.button.btn-edit:after {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/icon-edit.svg);
  background-repeat: no-repeat;
  margin: 0 0 -6px 1.2em;
}
input[type="submit"].btn-edit:active,
button.btn-edit:active,
input[type="button"].btn-edit:active,
a.button.btn-edit:active {
  background: none;
}
input[type="submit"].btn-continue:after,
button.btn-continue:after,
input[type="button"].btn-continue:after,
a.button.btn-continue:after {
  content: '>';
  float: right;
  padding-left: 1em;
}
input[type="submit"].btn-delete,
button.btn-delete,
input[type="button"].btn-delete,
a.button.btn-delete {
  padding-left: 10px;
  padding-right: 10px;
}
input[type="submit"].btn-delete:after,
button.btn-delete:after,
input[type="button"].btn-delete:after,
a.button.btn-delete:after {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 17px;
  background: url(../image/icon-cross-large.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  margin: 0 0 -6px 0;
}
input[type="submit"].btn-delete:empty:after,
button.btn-delete:empty:after,
input[type="button"].btn-delete:empty:after,
a.button.btn-delete:empty:after {
  margin: 0 0 -6px 0;
}
input[type="submit"].btn-secondary.btn-add,
button.btn-secondary.btn-add,
input[type="button"].btn-secondary.btn-add,
a.button.btn-secondary.btn-add {
  border: none;
  background: none;
  min-width: unset;
}
input[type="submit"].btn-secondary.btn-add:after,
button.btn-secondary.btn-add:after,
input[type="button"].btn-secondary.btn-add:after,
a.button.btn-secondary.btn-add:after {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url(../image/icon-add.svg);
  background-repeat: no-repeat;
  margin: 0 0 -6px 1.2em;
}
input[type="submit"] canvas,
button canvas,
input[type="button"] canvas,
a.button canvas {
  height: 18px;
  margin-left: 0.6em;
}
.summary-box button.btn-edit {
  background: none;
  margin-top: 0px;
  padding-left: 0px;
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: #0E7196;
}
.summary-box button.btn-edit:after {
  content: none;
}
.summary-box button.btn-edit:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/icon-edit.svg);
  background-repeat: no-repeat;
  margin: 0 0.6em -5px 0;
}
.placeholder {
  color: #ccc !important;
}
input[type="number"]:read-only,
input[type="text"]:read-only {
  background-color: rgba(239, 239, 239, 0.3);
}
.slideToggleTrigger__logo {
  width: 20px;
  height: 17px;
  margin: 0 0.6em;
  content: '';
  display: inline-block;
  background: url(../image/icon-arrow-down.svg);
}
.slideToggleTrigger__logo__adviser-declaration {
  margin-right: 6.4px;
}
.slideToggleTrigger.slideToggleIsOpen .slideToggleTrigger__logo {
  background: url(../image/icon-arrow-up.svg);
}
.input-validation-error .typeahead-input,
.input-validation-error .date-day,
.input-validation-error .date-month,
.input-validation-error .date-year {
  border-color: #e5007e;
}
.CybotCookiebotDialogBody a {
  transition: all 0.3s ease-in-out;
  color: #e5007e;
  text-decoration: underline;
}
.CybotCookiebotDialogBodyButton.button {
  background: #e5007e;
  color: #ffffff;
  min-width: 15em;
  border: solid #e5007e 2px;
  text-decoration: none;
  -webkit-transition: 0.5s;
  margin-right: 4.2em;
}
.CybotCookiebotDialogBodyButton.button:hover {
  background-color: #890D54;
  border-color: #890D54;
  color: #ffffff;
}
.CybotCookiebotDialogBodyButton.button:focus,
.CybotCookiebotDialogBodyButton.button:active {
  background-color: #890D54;
}
@-moz-document url-prefix() {
  select:not([multiple]):not(.typeahead-search-results) {
    -moz-appearance: none;
    -moz-user-select: none;
    padding-right: 30px;
  }
}
#view .form-group > input[type="number"] {
  -moz-appearance: textfield;
}
#view .form-group > input[type="text"].date-day::-webkit-outer-spin-button,
#view .form-group > input[type="number"].date-day::-webkit-outer-spin-button,
#view .form-group--double-control > div.input-segment > input[type="number"].date-day::-webkit-outer-spin-button,
#view .form-group > input[type="text"].date-month::-webkit-outer-spin-button,
#view .form-group > input[type="number"].date-month::-webkit-outer-spin-button,
#view .form-group--double-control > div.input-segment > input[type="number"].date-month::-webkit-outer-spin-button,
#view .form-group > input[type="text"].date-year::-webkit-outer-spin-button,
#view .form-group > input[type="number"].date-year::-webkit-outer-spin-button,
#view .form-group--double-control > div.input-segment > input[type="number"].date-year::-webkit-outer-spin-button,
#view .form-group > input[type="text"].date-day::-webkit-inner-spin-button,
#view .form-group > input[type="number"].date-day::-webkit-inner-spin-button,
#view .form-group--double-control > div.input-segment > input[type="number"].date-day::-webkit-inner-spin-button,
#view .form-group > input[type="text"].date-month::-webkit-inner-spin-button,
#view .form-group > input[type="number"].date-month::-webkit-inner-spin-button,
#view .form-group--double-control > div.input-segment > input[type="number"].date-month::-webkit-inner-spin-button,
#view .form-group > input[type="text"].date-year::-webkit-inner-spin-button,
#view .form-group > input[type="number"].date-year::-webkit-inner-spin-button,
#view .form-group--double-control > div.input-segment > input[type="number"].date-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-content .form-info,
.form-content .form-info--adviser-cli,
.form-content .form-info--adviser-cluk,
.form-content .form-info--gio {
  padding: 0.35em;
  background: rgba(0, 126, 127, 0.15);
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  border: solid 1px #007e7f;
  border-left: solid 2em #007e7f;
  min-height: 1.2em;
  width: 96%;
  display: inline-block;
}
.form-content .form-info.registration,
.form-content .form-info--adviser-cli.registration,
.form-content .form-info--adviser-cluk.registration,
.form-content .form-info--gio.registration {
  background: rgba(0, 124, 191, 0.15);
  border: solid 1px #007cbf;
  border-left: solid 2em #007cbf;
}
.form-content .form-info.trust,
.form-content .form-info--adviser-cli.trust,
.form-content .form-info--adviser-cluk.trust,
.form-content .form-info--gio.trust {
  background: rgba(239, 145, 20, 0.15);
  border: solid 1px #ef9114;
  border-left: solid 2em #ef9114;
}
.form-content .form-info.policyholders,
.form-content .form-info--adviser-cli.policyholders,
.form-content .form-info--adviser-cluk.policyholders,
.form-content .form-info--gio.policyholders {
  background: #f2f2f2;
  border: solid 1px #51534A;
  border-left: solid 2em #51534A;
}
.form-content .form-info.warning,
.form-content .form-info--adviser-cli.warning,
.form-content .form-info--adviser-cluk.warning,
.form-content .form-info--gio.warning {
  background: rgba(255, 0, 0, 0.15);
  border: solid 1px #d80000;
  border-left: solid 2em #d80000;
}
.form-content .form-info:before,
.form-content .form-info--adviser-cli:before,
.form-content .form-info--adviser-cluk:before,
.form-content .form-info--gio:before {
  content: ' ';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjNweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMyAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8dGl0bGU+R3JvdXAgQ29weSAyPC90aXRsZT4NCiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNTAwMDAwLCA5LjAwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTEuNTAwMDAwLCAtOS4wMDAwMDApICIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgcG9pbnRzPSIzIDE4IDIuNzI4NDg0MTFlLTEyIDE4IDIuNzI4NDg0MTFlLTEyIDE0IDMgMTQiPjwvcG9seWdvbj4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjMgMTIgMi43Mjg0ODQxMWUtMTIgMTIgMi43Mjg0ODQxMWUtMTIgMCAzIDAiPjwvcG9seWdvbj4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 40px;
  float: left;
  margin-right: 0px;
  margin-top: 3px;
  margin-left: -22px;
}
.form-content .form-info--adviser-cluk:before,
.form-content .form-info--gio:before {
  margin-left: -38px !important;
}
.form-content .form-info--adviser-cli {
  padding: 1.4em 0.7em;
}
.form-content .form-info--adviser-cli:before {
  margin-left: -44px !important;
}
.form-content .form-info--adviser-cli:before,
.form-content .form-info--adviser-cluk:before,
.form-content .form-info--gio:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.form-content .form-info--policy-change {
  background-color: rgba(239, 145, 20, 0.15);
  border-color: #EF9114;
  color: #1E193E;
  width: 100%;
  display: inline-block;
  margin-bottom: 0.6em;
}
.form-content .form-info--policy-change:before {
  height: 20px;
  margin-top: unset;
}
.form-content .form-subheader {
  margin: 0;
  padding-top: 7px;
  padding-right: 0px;
  padding-bottom: 7px;
  padding-left: 0px;
  color: #999;
  font-size: 17px;
}
.form-content .form-section + .form-section {
  margin-top: 5px;
}
.form-content .form-section.separator:before,
.form-content .form-group.separator:before,
.form-content span.separator {
  border-bottom: 2px solid #f5f5f5;
  width: 100%;
  display: block;
  font-size: 14px;
  color: #846f79;
  margin-bottom: 20px;
  margin-top: 10px;
}
.form-content .form-section.separator:before,
.form-content .form-group.separator:before {
  content: "";
}
.form-content .form-group.separator:before,
.form-content span.separator {
  border-image: linear-gradient(to left, #fff 0%, #f5f5f5 40%, #f5f5f5 100%);
  border-image-slice: 1;
}
.form-content p.help-text {
  font-size: 20px;
}
.form-content .form-control-descriptor {
  text-align: center;
  min-width: 3em;
  position: absolute;
  left: 2px;
  vertical-align: middle;
  display: inline-block;
}
.form-content .fracture-unavailable {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.form-content .btn-more-information-first-page:before {
  float: none;
  border-radius: 100%;
  padding-top: 4px;
  font-family: ZhubIcons;
  content: "\f05a";
  cursor: pointer;
  color: #e5007e;
  font-size: 1.5em;
}
.form-content .btn-more-information:before {
  border-radius: 100%;
  font-family: ZhubIcons;
  content: "\f05a";
  cursor: pointer;
  color: #1E193E;
  font-size: 1.5em;
  margin-left: 1em;
}
.form-content .btn-more-information + .help-text {
  width: 100%;
  margin-top: 25px;
}
.form-content .btn-more-information + .help-text span {
  display: block;
  font-family: FSMeWeb-Light;
}
.form-content .btn-more-information + .help-text span + span {
  /* margin-top: 5px; */
}
.form-content .btn-more-information-first-page + .help-text {
  width: 100% !important;
  margin-top: 25px !important;
}
.form-content .btn-more-information-first-page + .help-text span {
  display: block;
  font-family: FSMeWeb-Light;
}
.form-content .btn-more-information-first-page + .help-text span + span {
  /* margin-top: 5px; */
}
.form-content .form-group,
.form-content .form-group--double-control {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
.form-content .form-group.input-validation-error,
.form-content .form-group--double-control.input-validation-error {
  border-color: #f00;
}
.form-content .form-group__input-container--radio .input-validation-error {
  top: 77px;
}
.form-buttons {
  margin: 1em 0;
}
.form-buttons:not(.borderless) {
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.confirmation-setup {
  font-size: 16px;
  border-top: 2px solid #eee;
  padding-top: 20px;
}
.layout-container__main-content {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.layout-container__main-content .content li {
  margin-top: 1em;
  margin-bottom: 1em;
}
table.datatable th {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
table.datatable td a {
  color: #0E7196;
}
table.datatable td[data-sign="-"] {
  color: #e5007e;
}
table.datatable tr {
  vertical-align: baseline;
}
table.datatable tr td .input-container__label--checkbox {
  display: block;
}
table.datatable tr td.select-checkbox:before,
table.datatable tr td.select-checkbox:after {
  position: absolute;
}
table.datatable tr td.select-checkbox:before {
  left: 45%;
  top: 19px;
  content: "";
  background-color: #ffffff;
  color: #ffffff;
  border: solid 1px #51524a;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 1.3em;
  width: 1.3em;
}
table.datatable tr.selected td.select-checkbox:after {
  left: 49%;
  top: 27px;
  content: "";
  width: 5px;
  height: 10px;
  -webkit-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  border: solid #00b050;
  border-width: 0 2px 2px 0;
}
.dataTables_wrapper {
  flex-wrap: wrap;
  align-items: baseline;
  display: flex;
  overflow-y: auto;
}
.dataTables_wrapper .dataTables_filter input {
  padding-left: 1em;
  margin-bottom: 1.2em;
  border: solid thin #1E193E;
}
.dataTables_wrapper .dataTable {
  flex-basis: 100%;
}
.dataTables_wrapper.no-footer:after {
  content: none;
}
.dataTables_wrapper .select-filter {
  margin-bottom: 0.6em;
}
.dataTables_wrapper .select-filter .input-container__label--checkbox {
  margin: 1.2em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  background-color: rgba(239, 239, 239, 0.3);
  color: #aaaaaa;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  box-shadow: none;
  border-color: #aaaaaa;
  background-color: rgba(239, 239, 239, 0.3);
}
.typeahead .typeahead-input {
  width: 100%;
}
.typeahead .btn-search {
  min-width: unset;
  width: 14%;
}
.typeahead .typeahead-button-controls .btn-tertiary {
  padding-left: 0;
}
.typeahead,
.address-container {
  margin-bottom: 25px;
}
.typeahead > input[type="text"],
.address-container > input[type="text"] {
  width: 100%;
  margin-right: -44px;
}
.typeahead .address-result,
.address-container .address-result {
  margin: auto;
  float: left;
  width: 88%;
}
.typeahead .typeahead-button-controls,
.address-container .typeahead-button-controls {
  margin: 0.5em 0;
}
.typeahead .btn-search,
.address-container .btn-search {
  background-color: #ffffff;
  color: black;
  border: solid;
  border-width: 1px;
  width: 40px;
  border-radius: 0;
}
.typeahead .search-button:after,
.address-container .search-button:after {
  background-color: #e5007e;
  font-family: ZhubIcons;
  content: "\f002";
}
.typeahead .btn-enter-manual-address,
.address-container .btn-enter-manual-address {
  text-decoration: underline;
  color: #0E7196;
}
.typeahead .reset-controls,
.address-container .reset-controls {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  color: #0E7196;
}
.typeahead .btn-reset-address-search,
.address-container .btn-reset-address-search {
  float: left;
}
.typeahead .reset-address-button,
.address-container .reset-address-button {
  text-decoration: underline;
}
.typeahead .reset-address-button:before,
.address-container .reset-address-button:before {
  font-family: ZhubIcons;
  color: #e5007e;
  content: "\f021";
}
.typeahead .manual-address-button:before,
.address-container .manual-address-button:before {
  font-family: ZhubIcons;
  color: #e5007e;
  content: "\f044";
}
.typeahead .typeahead-error-message,
.address-container .typeahead-error-message {
  margin-left: 0 !important;
  padding-left: 0 !important;
  color: #f00;
  font-family: Greycliff CF Regular;
}
.typeahead.input-validation-error,
.address-container.input-validation-error,
.typeahead .input-validation-error,
.address-container .input-validation-error {
  border-color: #e5007e;
}
span.input-validation-error:not(:empty) {
  background-color: #fbd8eb;
  display: block;
  padding: 15px 10px 10px 10px;
  box-shadow: 0 3px 3px lightgrey;
  position: absolute;
  z-index: 1;
  word-break: break-word;
  white-space: normal;
  width: inherit;
}
span.input-validation-error:not(:empty):empty {
  display: none;
}
label.input-validation-error {
  color: #e5007e;
}
.typeahead .country-container,
.typeahead .occupation-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.typeahead .country-container .typeahead-search-results,
.typeahead .occupation-container .typeahead-search-results {
  order: 3;
  width: 100%;
  display: inline-block;
}
.typeahead.payment-container .typeahead-input.valid:after {
  content: ' ';
  display: inline-block;
  width: 22px;
  height: 40px;
  background: url(../image/icon-tick.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin: 5px 0 0 0.6em;
  position: absolute;
}
.typeahead.payment-container .typeahead-search-results {
  height: auto;
  z-index: unset;
  position: initial;
  box-shadow: none;
  background: none;
}
.typeahead.payment-container .btn-search,
.typeahead.payment-container .reset-controls {
  min-width: 200px;
  margin: 0;
  color: #1E193E;
  border-color: #1E193E;
}
.typeahead.payment-container .btn-search:hover,
.typeahead.payment-container .reset-controls:hover,
.typeahead.payment-container .btn-search:focus,
.typeahead.payment-container .reset-controls:focus {
  background-color: #f4f4f4;
}
.typeahead.payment-container label {
  white-space: nowrap;
}
.typeahead .address-container .btn-search {
  width: 100%;
  display: inline-block;
  margin: 0;
}
.typeahead .address-container .form-group--double-control {
  margin-bottom: 2.2em;
}
.typeahead .address-container .form-group--double-control .form-segment {
  margin: 0 5%;
}
.typeahead .address-container .form-group--double-control .form-segment input {
  margin-bottom: unset;
}
.typeahead .address-container .form-group--double-control input {
  margin-bottom: unset;
}
.typeahead .occupation-container .typeahead-button-controls {
  margin: 0;
}
.form-group.typeahead .typeahead-error-message {
  margin-left: 26.08333333%;
  padding: 1em;
  color: #f00;
}
.typeahead-search-results:not(select),
.typeahead-search-results-gp-details {
  z-index: 999;
  height: 8em;
  margin: 0;
  padding: 5px 0 0 0;
  -webkit-appearance: none;
  background: #fff;
  box-shadow: 2px 2px 10px #999;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  width: 96%;
  display: inline-block;
  width: 100%;
  position: relative;
}
.typeahead-search-results:not(select) li,
.typeahead-search-results-gp-details li {
  cursor: pointer;
  font-size: 14px;
  color: #555;
  padding: 2px 8px;
}
.typeahead-search-results:not(select) li:before,
.typeahead-search-results-gp-details li:before {
  content: "› ";
  color: #999;
  position: relative;
  top: -1px;
}
.typeahead-search-results:not(select) li.alt,
.typeahead-search-results-gp-details li.alt {
  background: #f5f5f5;
}
.typeahead-search-results:not(select) li:hover,
.typeahead-search-results-gp-details li:hover,
.typeahead-search-results:not(select) li.selected,
.typeahead-search-results-gp-details li.selected {
  background: #eee !important;
}
.typeahead-search-results-gp-details {
  margin-left: -32px;
  width: 80%;
}
.typeahead-search-container {
  position: relative;
}
.typeahead-search-container .typeahead-search-results {
  position: absolute;
}
.typeahead input[type="text"].readonly {
  pointer-events: none;
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 20px;
  background-size: 12px;
}
.view-client-selection .form-content p.help-text {
  padding-left: 0 !important;
}
.pop-up-target {
  display: none;
  position: fixed;
  width: 90%;
  left: 50%;
  padding: 20px;
  background-color: #ffffff;
  z-index: 100;
  text-align: left;
  top: 50%;
  transform: translate(-50%, -50%);
}
.view-dashboard .form-buttons--borderless {
  margin-bottom: 1.2em;
  text-align: right;
}
.view-dashboard .form-buttons--borderless:empty {
  margin-bottom: unset;
}
.view-dashboard .pop-up__header__close-button {
  text-align: right;
}
.view-dashboard .cancel-policy.pop-up-target {
  width: 45%;
  padding: 5% 4.2em;
}
.view-dashboard .cancel-policy.pop-up-target .form-header.pop-up__title {
  justify-content: center;
}
.view-dashboard .cancel-policy.pop-up-target .form-group {
  background-color: none;
  display: inline-block;
}
.view-dashboard .cancel-policy.pop-up-target .form-group .select-style {
  width: 62.33333333%;
}
.view-dashboard .cancel-policy.pop-up-target .form-group .input-container__label--checkbox {
  margin: 0;
}
.view-dashboard .cancel-policy.pop-up-target .form-group.cancel-product {
  display: flex;
  justify-content: space-between;
}
.view-dashboard .cancel-policy.pop-up-target .form-buttons--borderless {
  text-align: initial;
}
.view-dashboard .cancel-policy.pop-up-target .form-buttons--borderless .btn-primary {
  margin-right: 2.2em;
}
.maturity-declaration-modal .modal-content {
  width: 1000px;
}
.maturity-declaration-modal ul {
  columns: 2;
  column-gap: 45px;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-left: 0;
}
.maturity-declaration-modal ul li {
  margin-bottom: 20px;
  margin-top: unset;
  margin-left: 20px;
  font-size: 18px;
  list-style-type: circle;
}
.maturity-declaration-modal ul li:first-of-type {
  margin-top: 0px;
}
.maturity-declaration-modal .maturity-declaration-modal__footer {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 16.8px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.maturity-declaration-modal .action-panel {
  justify-content: flex-start;
  align-items: center;
  gap: 3em;
}
.maturity-declaration-modal .action-panel .action-button,
.maturity-declaration-modal .action-panel .maturity-declaration-modal__continue {
  width: 288px;
  height: 48px;
  margin-right: unset;
}
.maturity-declaration-modal .maturity-declaration-modal__close {
  font-size: 18px;
  text-decoration: underline;
  cursor: pointer;
  align-self: center;
  color: #0E7196;
}
.address-container--d2cJourney {
  width: 100% !important;
}
.address-container--d2cJourney .typeahead-input {
  width: 45.5%;
  display: inline-block;
  width: 28.66666667%;
}
.address-container--d2cJourney button[type="button"].btn-primary {
  height: auto;
  border-radius: initial;
  margin-left: 5%;
}
.address-container--d2cJourney button[type="button"].btn-enter-manual-address {
  padding: 0;
}
.address-container--d2cJourney .typeahead-search-results {
  width: 96%;
  display: inline-block;
  width: 70.75%;
  height: 9em;
  position: relative;
  border: solid thin #F1F1F0;
  box-shadow: none;
}
.address-container--d2cJourney .typeahead-search-results li {
  padding: 5%/2 5%;
}
.address-container--d2cJourney .typeahead-search-results li:before {
  content: none;
}
.address-container--d2cJourney .typeahead-search-results-container {
  margin-top: 2em;
}
.occupation-container--d2cJourney {
  width: 100% !important;
}
.occupation-container--d2cJourney > input[type="text"] {
  width: 45.5%;
  display: inline-block;
}
.occupation-container--d2cJourney button[type="button"].btn-primary {
  height: auto;
  border-radius: initial;
  margin-left: 5%;
}
.occupation-container--d2cJourney .occupation-result {
  width: 45.5%;
  display: inline-block;
  width: 28.66666667%;
}
.occupation-container--d2cJourney .typeahead-search-results {
  background: rgba(244, 244, 244, 0.2);
  border: solid thin #F1F1F0;
  box-shadow: none;
}
.occupation-container--d2cJourney .typeahead-search-results li {
  padding: 5% 5%;
}
.occupation-container--d2cJourney .typeahead-search-results li:before {
  content: none;
}
.hidden {
  display: none !important;
}
.payment {
  content: ' ';
  display: inline-block;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background: url(../image/info-circle.svg) top center no-repeat;
}
.payment-infocard:after {
  width: 30px;
}
.payment-infoSortCodecard:after {
  width: 30px;
}
.payment-icard:before {
  width: 20px;
  background-color: #EFF0F0;
}
.app-listimg {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.app-listimg-stopwatch:before {
  background: url(../image/stopwatch.svg) top center no-repeat;
}
.app-listimg-file:before {
  background: url(../image/file-alt.svg) top center no-repeat;
}
.app-listimg-turbine:before {
  background: url(../image/turbine.svg) top center no-repeat;
}
.transfer-topup-view .icon-list-payment.complete li {
  padding-bottom: 15px;
}
.transfer-topup-view .icon-list-payment.complete li.line3 {
  padding-top: 35px;
}
.cal-icon-wrapper input {
  width: 120px;
}
.cal-icon-wrapper svg {
  width: 25px !important;
  height: 25px !important;
  margin-left: 20px;
}
input[type="button"].btn-grp-primary {
  margin-right: 10px;
  min-width: auto;
}
@media (max-width: 640px) {
  .dataTables_wrapper {
    display: block;
  }
  .Documents .dataTables_wrapper .table-filter label,
  .StaticLinks .dataTables_wrapper .table-filter label {
    margin-left: 0;
  }
  .StaticLinks .table-filter label {
    margin-left: 1em;
  }
  .table-filter {
    width: 50%;
  }
  .icon-list-payment .payment-header .ddGuarantee {
    background-size: 90px 30px;
    right: 0;
    top: -28px;
    width: 90px;
    height: 30px;
  }
  .typeahead .address-container .typeahead-input {
    width: 53.91666667%;
  }
  .input-segment label {
    padding-left: 2px;
  }
  .input-segment:only-child label {
    white-space: normal;
  }
  .input-segment input[type="text"],
  .input-segment input[type="numeric"],
  .input-segment input[type="number"],
  .input-segment input[type="password"],
  .input-segment input[type="tel"],
  .input-segment select {
    padding-left: 2px;
  }
  .payment-selection-card .container-btn-container {
    position: unset;
    width: 100%;
  }
  .account-declaration-card {
    width: 300px;
    margin-top: 65px;
  }
  input[type="text"],
  input[type="numeric"],
  input[type="number"],
  input[type="password"],
  input[type="tel"],
  select,
  textarea {
    border-width: 0 0 1px;
  }
  input[type="text"]:focus,
  input[type="numeric"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  select:focus,
  textarea:focus {
    border-width: 0 0 1px;
  }
  .bordered-inputs .layout-container__main-content .content .form-content .form-group .form-group__input-container--radio {
    display: block;
  }
  .bordered-inputs .layout-container__main-content .content .form-content .form-group .title-code-radio-buttons {
    display: none;
  }
  .validation-summary-errors ul {
    padding-right: 10px;
  }
  .maturity-declaration-modal .action-panel {
    gap: 1.5em;
  }
  .maturity-declaration-modal .action-panel .action-button,
  .maturity-declaration-modal .action-panel .maturity-declaration-modal__continue {
    width: 100%;
  }
  .form-buttons.multiple-buttons,
  .form-buttons--borderless.multiple-buttons {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 792px) {
  .carousel__viewport {
    display: flex;
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
  }
  .carousel__slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 480px;
    counter-increment: item;
  }
  .carousel__slide:before {
    content: counter(item);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -40%, 70px);
    color: #fff;
    font-size: 2em;
  }
  .carousel__snapper {
    position: relative;
    height: 100%;
    scroll-snap-align: center;
    margin-right: 10px;
  }
  .carousel__navigation {
    text-align: center;
  }
  .carousel__navigation-list,
  .carousel__navigation-item {
    display: inline-block;
  }
  .carousel::before,
  .carousel::after {
    content: '';
    z-index: 1;
    background-color: #333;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    pointer-events: none;
  }
  /* The dots/bullets/indicators */
  .dot {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid black;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .dot.active {
    background-color: #e5007e;
    border: none;
  }
  .content .dot.active {
    background-color: lightgray;
    border: 2px solid black;
  }
}
@media (min-width: 320px) and (max-width: 792px) {
  .carousel__slide {
    height: auto;
    margin-right: -12px;
    padding-left: 0px;
  }
  .fund-boxes-container .carousel__slide {
    height: auto;
  }
  .table-filter {
    margin-right: auto;
    display: inline-block;
  }
  .table-filter .tag {
    display: none;
  }
  .table-filter label select {
    width: auto;
  }
  .d2c-online-account .form-group.cards .card-container {
    margin-bottom: -15px !important;
  }
  form .containers {
    padding-right: inherit;
    padding-left: inherit;
  }
}
.form-group {
  position: relative;
  width: 100%;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}
@media only screen and (min-width: 45em) {
  .col-4 {
    width: 28.66666667%;
  }
  .col-5 {
    width: 37.08333333%;
  }
  .col-6 {
    width: 45.5%;
  }
  .col-7 {
    width: 53.91666667%;
  }
  .col-8 {
    width: 62.33333333%;
  }
  .col-9 {
    width: 70.75%;
  }
  .col-10 {
    width: 79.16666667%;
  }
  .col-11 {
    width: 87.58333333%;
  }
  .col-12 {
    width: 96%;
  }
  .hidden-sm {
    display: block;
  }
}
* {
  box-sizing: border-box;
}
html,
body,
.layout-container {
  margin: 0;
}
.viewport {
  position: relative;
  width: 100%;
}
.no-left-margin {
  margin-left: 0 !important;
}
.left-margin {
  margin-left: 3% !important;
}
.layout-container {
  position: relative;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.layout-container_watermark {
  top: -45rem;
  right: -39rem;
  z-index: -1;
  opacity: 0.2;
  height: 1108px;
  width: 100%;
  position: absolute;
}
.layout-container_watermark_logo {
  background: url(../image/onefamily-logo-watermark.svg) top center no-repeat;
  background-size: contain;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.layout-container__header {
  width: 100%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  min-height: 85px;
}
.layout-container__header-logo_container {
  height: 80px;
  margin: 60px auto 0px;
}
.layout-container__header-logo_container-logo_header {
  height: 100%;
  width: 240px;
  display: inline-block;
}
.layout-container__header-logo_container .provided-by-logo {
  float: right;
  height: 100%;
}
.layout-container__header-logo_container .provided-by-logo .provided-by-of {
  background: url(../image/junior-isa-provided-by-onefamily.svg) top center no-repeat;
}
.layout-container__header-title {
  margin: 2.2em;
  display: flex;
  justify-content: space-between;
}
.layout-container__header-title .title-container h1,
.layout-container__header-title .title-container h2 {
  margin-right: 1em;
  margin: 0;
}
.layout-container__return-back-office {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.layout-container__footer {
  width: 100%;
  margin-top: auto;
  bottom: 0;
}
.layout-container__footer-sub {
  width: 100%;
  background-color: #c1c1c1;
  bottom: 0;
  padding-bottom: 60px;
  padding-top: 40px;
  display: flex;
}
.layout-container__footer-bottom {
  background-color: #1E193E;
  border-top: 5px solid #007196;
  display: flex;
  width: 100%;
  height: 85px;
}
.layout-container__footer-bottom-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: space-between;
  display: flex;
  width: 100%;
}
.layout-container__footer-bottom-container .footer-links a {
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  text-decoration: none;
  margin-right: 17px;
}
.layout-container__footer-bottom-container .footer-links a:hover {
  transition: 0.3s;
  text-decoration: underline;
}
.layout-container__footer-bottom-container .footer-links a:after {
  content: '|';
  padding-left: 20px;
}
.layout-container__footer-bottom-container .footer-links a:last-child {
  margin-right: 0px;
}
.layout-container__footer-bottom-container .footer-links a:last-child:after {
  content: none;
}
.layout-container__footer-logo_footer {
  background: url(../image/onefamily-logo-footer.svg) top center no-repeat;
  background-size: contain;
  height: 37px;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  width: 37px;
  display: inline-block;
  margin-right: 20px;
  margin-left: auto;
}
.layout-container .logo-copyright {
  color: white;
  height: 100%;
  align-items: center;
  display: flex;
}
.layout-container__actions {
  margin: 0 auto;
  padding: 0;
}
.layout-container__actions.page-actions {
  margin: 0.6em auto;
}
.layout-container__actions .page-actions {
  width: 100%;
  display: inline-block;
  display: flex;
  align-content: start;
  align-items: center;
  list-style: none;
  padding: 0.35em 5%;
  margin: 0.6em auto;
  min-height: 3.5em;
}
.layout-container__actions .page-actions .page-actions__summary {
  width: 40%;
}
.layout-container__actions .page-actions input[type=text] {
  width: 53.91666667%;
  line-height: 2.5em;
  margin-left: 1.2em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.layout-container__actions .page-actions a {
  padding-left: 10px;
  color: #fff !important;
  font-size: 14px;
  font-family: arial, sans-serif;
}
.layout-container__actions:empty {
  display: none;
}
.layout-container__main-content {
  box-shadow: none;
  margin: auto auto 0.6em;
  padding: 1.2em 2.2em;
}
.layout-container__main-content .margin-bottom-small {
  margin-bottom: 30px;
}
.layout-container__main-content .margin-bottom-extra-small {
  margin-bottom: 25px;
}
.layout-container__main-content .margin-top-small {
  margin-top: 30px;
}
.layout-container__main-content .margin-top-extra-small {
  margin-top: 25px;
}
.layout-container__main-content:empty {
  display: none;
}
.layout-container__progress {
  max-width: 1375px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.layout-container.basic .layout-container__main-content {
  margin: 2.2em auto;
  padding: unset;
}
.layout-container.basic #view {
  padding: unset;
}
.layout-container .view-dashboard .layout-container__main-content,
.layout-container .view-summary .layout-container__main-content {
  padding-left: unset;
  padding-right: unset;
}
.carousel__slide {
  list-style: none;
  display: inline-block;
  float: left;
}
footer {
  padding: 1em;
  position: relative;
}
footer a {
  color: inherit;
}
footer .links a {
  text-decoration: none;
  color: inherit;
  font-family: Frutiger, Lucida Grande, Arial, sans-serif;
}
footer .links a:hover {
  text-decoration: underline;
}
footer .links ul {
  display: table;
  padding: 0;
}
footer .links ul li {
  display: table-cell;
  padding-right: 1em;
  margin-left: 10px;
}
footer .copyright {
  margin-right: auto;
}
.wrapper__content {
  min-height: 100%;
}
.wrapper__footer {
  margin: -105px auto 0;
  height: 105px;
}
.wrapper__footer .tcp-logo {
  width: 21.08333333%;
  display: inline-block;
  float: left;
}
.section + section {
  margin-top: 20px;
}
.form-group,
.form-group--double-control > div.input-segment,
.sub-form-group {
  margin-bottom: 1.2em;
}
.form-group > label:first-of-type:not(.input-container__label--radio),
.form-group--double-control > div.input-segment > label:first-of-type:not(.input-container__label--radio),
.sub-form-group > label:first-of-type:not(.input-container__label--radio),
.form-group .btn-more-information + .help-text,
.form-group--double-control > div.input-segment .btn-more-information + .help-text,
.sub-form-group .btn-more-information + .help-text,
.form-group .btn-more-information-first-page + .help-text,
.form-group--double-control > div.input-segment .btn-more-information-first-page + .help-text,
.sub-form-group .btn-more-information-first-page + .help-text {
  width: 100%;
  display: inline-block;
  margin-bottom: 0.6em;
}
.form-group > input[type="text"],
.form-group--double-control > div.input-segment > input[type="text"],
.sub-form-group > input[type="text"],
.form-group > input[type="numeric"],
.form-group--double-control > div.input-segment > input[type="numeric"],
.sub-form-group > input[type="numeric"],
.form-group > input[type="number"],
.form-group--double-control > div.input-segment > input[type="number"],
.sub-form-group > input[type="number"],
.form-group > input[type="password"],
.form-group--double-control > div.input-segment > input[type="password"],
.sub-form-group > input[type="password"],
.form-group > input[type="tel"],
.form-group--double-control > div.input-segment > input[type="tel"],
.sub-form-group > input[type="tel"],
.form-group > textarea,
.form-group--double-control > div.input-segment > textarea,
.sub-form-group > textarea,
.form-group > div,
.form-group--double-control > div.input-segment > div,
.sub-form-group > div {
  width: 100%;
  display: inline-block;
}
.form-group > input[type="text"].date-day,
.form-group--double-control > div.input-segment > input[type="text"].date-day,
.sub-form-group > input[type="text"].date-day,
.form-group > input[type="numeric"].date-day,
.form-group--double-control > div.input-segment > input[type="numeric"].date-day,
.sub-form-group > input[type="numeric"].date-day,
.form-group > input[type="number"].date-day,
.form-group--double-control > div.input-segment > input[type="number"].date-day,
.sub-form-group > input[type="number"].date-day,
.form-group > input[type="password"].date-day,
.form-group--double-control > div.input-segment > input[type="password"].date-day,
.sub-form-group > input[type="password"].date-day,
.form-group > input[type="tel"].date-day,
.form-group--double-control > div.input-segment > input[type="tel"].date-day,
.sub-form-group > input[type="tel"].date-day,
.form-group > textarea.date-day,
.form-group--double-control > div.input-segment > textarea.date-day,
.sub-form-group > textarea.date-day,
.form-group > div.date-day,
.form-group--double-control > div.input-segment > div.date-day,
.sub-form-group > div.date-day,
.form-group > input[type="text"].date-month,
.form-group--double-control > div.input-segment > input[type="text"].date-month,
.sub-form-group > input[type="text"].date-month,
.form-group > input[type="numeric"].date-month,
.form-group--double-control > div.input-segment > input[type="numeric"].date-month,
.sub-form-group > input[type="numeric"].date-month,
.form-group > input[type="number"].date-month,
.form-group--double-control > div.input-segment > input[type="number"].date-month,
.sub-form-group > input[type="number"].date-month,
.form-group > input[type="password"].date-month,
.form-group--double-control > div.input-segment > input[type="password"].date-month,
.sub-form-group > input[type="password"].date-month,
.form-group > input[type="tel"].date-month,
.form-group--double-control > div.input-segment > input[type="tel"].date-month,
.sub-form-group > input[type="tel"].date-month,
.form-group > textarea.date-month,
.form-group--double-control > div.input-segment > textarea.date-month,
.sub-form-group > textarea.date-month,
.form-group > div.date-month,
.form-group--double-control > div.input-segment > div.date-month,
.sub-form-group > div.date-month,
.form-group > input[type="text"].date-year,
.form-group--double-control > div.input-segment > input[type="text"].date-year,
.sub-form-group > input[type="text"].date-year,
.form-group > input[type="numeric"].date-year,
.form-group--double-control > div.input-segment > input[type="numeric"].date-year,
.sub-form-group > input[type="numeric"].date-year,
.form-group > input[type="number"].date-year,
.form-group--double-control > div.input-segment > input[type="number"].date-year,
.sub-form-group > input[type="number"].date-year,
.form-group > input[type="password"].date-year,
.form-group--double-control > div.input-segment > input[type="password"].date-year,
.sub-form-group > input[type="password"].date-year,
.form-group > input[type="tel"].date-year,
.form-group--double-control > div.input-segment > input[type="tel"].date-year,
.sub-form-group > input[type="tel"].date-year,
.form-group > textarea.date-year,
.form-group--double-control > div.input-segment > textarea.date-year,
.sub-form-group > textarea.date-year,
.form-group > div.date-year,
.form-group--double-control > div.input-segment > div.date-year,
.sub-form-group > div.date-year {
  width: 4.5em;
  margin-right: 1em;
}
.form-group__input-container--checkbox,
.form-group--double-control > div.input-segment__input-container--checkbox,
.sub-form-group__input-container--checkbox {
  margin-bottom: 0.2em;
}
.form-group__input-container--checkbox .input-container__label--checkbox,
.form-group--double-control > div.input-segment__input-container--checkbox .input-container__label--checkbox,
.sub-form-group__input-container--checkbox .input-container__label--checkbox {
  margin: 0.6em 0;
}
.form-group > input.term,
.form-group--double-control > div.input-segment > input.term,
.sub-form-group > input.term,
.form-group > input.to-age,
.form-group--double-control > div.input-segment > input.to-age,
.sub-form-group > input.to-age {
  width: 31.08333333%;
}
.form-group > input.monetary-amount[type="number"],
.form-group--double-control > div.input-segment > input.monetary-amount[type="number"],
.sub-form-group > input.monetary-amount[type="number"],
.form-group > input.percentage[type="number"],
.form-group--double-control > div.input-segment > input.percentage[type="number"],
.sub-form-group > input.percentage[type="number"],
.form-group > input.monetary-amount[type="text"],
.form-group--double-control > div.input-segment > input.monetary-amount[type="text"],
.sub-form-group > input.monetary-amount[type="text"],
.form-group > input.percentage[type="text"],
.form-group--double-control > div.input-segment > input.percentage[type="text"],
.sub-form-group > input.percentage[type="text"],
.form-group > input.monetary-amount input.percentage[type="text"],
.form-group--double-control > div.input-segment > input.monetary-amount input.percentage[type="text"],
.sub-form-group > input.monetary-amount input.percentage[type="text"],
.form-group > input.percentage input.percentage[type="text"],
.form-group--double-control > div.input-segment > input.percentage input.percentage[type="text"],
.sub-form-group > input.percentage input.percentage[type="text"] {
  width: 100%;
  display: inline-block;
}
.form-group select,
.form-group--double-control > div.input-segment select,
.sub-form-group select {
  width: 100%;
  display: inline-block;
}
.form-group--double-control > label:not(.input-container__label--radio):not(.name-text),
.form-group--double-control .help-text {
  width: 28.66666667%;
  display: inline-block;
}
.form-group--double-control > input[type="text"],
.form-group--double-control > input[type="numeric"],
.form-group--double-control > input[type="number"],
.form-group--double-control > input[type="password"],
.form-group--double-control > input[type="tel"],
.form-group--double-control > select,
.form-group--double-control > textarea,
.form-group--double-control > div {
  width: 100%;
  display: inline-block;
  margin: 0em 1em 35px 0;
}
.form-group--double-control > input.monetary-amount[type="number"],
.form-group--double-control > input.percentage[type="number"],
.form-group--double-control > input.monetary-amount[type="text"],
.form-group--double-control > input.percentage[type="text"],
.form-group--double-control > input.monetary-amount input.percentage[type="text"],
.form-group--double-control > input.percentage input.percentage[type="text"] {
  width: 100%;
  display: inline-block;
}
.form-group--table-style {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.form-group--table-style .form-group {
  flex-direction: column;
}
.form-group--table-style .form-group input.monetary-amount[type="number"],
.form-group--table-style .form-group input.percentage[type="number"],
.form-group--table-style .form-group input.monetary-amount[type="text"],
.form-group--table-style .form-group input.percentage[type="text"],
.form-group--table-style .form-group input.monetary-amount input.percentage[type="text"],
.form-group--table-style .form-group input.percentage input.percentage[type="text"] {
  padding-left: 5em;
  margin-left: 0;
}
.form-group .sub-form-group {
  width: 21.08333333%;
  display: inline-block;
}
.form-group .sub-form-group > input[type="text"],
.form-group .sub-form-group > input[type="numeric"],
.form-group .sub-form-group > input[type="number"],
.form-group .sub-form-group > input[type="password"],
.form-group .sub-form-group > select,
.form-group .sub-form-group > textarea,
.form-group .sub-form-group > div {
  width: 96%;
  display: inline-block;
  width: 100%;
}
.form-group.cards {
  margin-bottom: 2.2em;
}
.form-group.cards .card-container {
  margin-bottom: 1.2em;
}
.form-group.cards .card-container .card-button {
  max-width: 20em;
  margin: unset;
}
.form-group.cards .card-image.card-left {
  background: url('../image/icon-user-plus.svg') no-repeat;
}
.form-group.cards .card-image.card-parent {
  background: url('../image/icon-parent.svg') no-repeat;
}
.form-group.cards .card-image.card-right {
  background: url('../image/icon-user-circle.svg') no-repeat;
}
.form-group.cards .card-image.card-teen {
  background: url('../image/icon-teenager.svg') no-repeat;
}
.view-challenge-screen .form-group > input[type="text"],
.view-challenge-screen .form-group > input[type="numeric"],
.view-challenge-screen .form-group > input[type="number"],
.view-challenge-screen .form-group > input[type="password"],
.view-challenge-screen .form-group > input[type="tel"],
.view-challenge-screen .form-group > select,
.view-challenge-screen .form-group > textarea,
.view-challenge-screen .form-group > div,
.view-challenge-screen .form-group > label:nth-child(2),
.view-challenge-screen .form-group .help-text {
  width: 45.5%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting-introduction {
  width: 100%;
  display: inline-block;
  margin: 1.2em 0;
}
.view-underwriting .layout-container__main-content .underwriting__section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 20px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group {
  display: inline-flex;
  flex-direction: column;
  justify-content: start;
  gap: 20px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group > label.underwriting__view__label,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group > label.underwriting__view__label,
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group > label:nth-child(2),
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group > label:nth-child(2) {
  width: 100%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group .form-group__input-container--radio,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group .form-group__input-container--radio {
  justify-self: flex-start;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group .form-group__input-container--radio .input-container__label--radio,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group .form-group__input-container--radio .input-container__label--radio {
  padding: 15px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group textarea,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group textarea {
  width: 100%;
  min-height: 75px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.shortlistquestionmodel > label:first-of-type:not(.input-container__label--radio),
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.shortlistquestionmodel > label:first-of-type:not(.input-container__label--radio) {
  width: 100%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.shortlistquestionmodel .short-list-answer,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.shortlistquestionmodel .short-list-answer {
  width: 100%;
  display: inline-block;
  display: flex;
  align-items: baseline;
  gap: 20px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.shortlistquestionmodel .short-list-answer .select-style,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.shortlistquestionmodel .short-list-answer .select-style {
  width: 100%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.rangequestionmodel .range-input,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.rangequestionmodel .range-input,
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.rangequestionmodel .underwriting__view__answer-format,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.rangequestionmodel .underwriting__view__answer-format {
  width: 100%;
  display: inline-flex;
  gap: 10px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.aliaslistquestionmodel .typeahead,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.aliaslistquestionmodel .typeahead {
  width: 100%;
  display: inline-block;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.aliaslistquestionmodel .typeahead .typeahead-input,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.aliaslistquestionmodel .typeahead .typeahead-input,
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.aliaslistquestionmodel .typeahead .typeahead-search-results,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.aliaslistquestionmodel .typeahead .typeahead-search-results,
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.aliaslistquestionmodel .typeahead .typeahead-result,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.aliaslistquestionmodel .typeahead .typeahead-result {
  width: 100%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.aliaslistquestionmodel .typeahead .typeahead-search-results,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.aliaslistquestionmodel .typeahead .typeahead-search-results {
  height: auto;
}
.view-underwriting .layout-container__main-content .underwriting__question--top-level.form-group.separator:before,
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.form-group.separator:before {
  grid-column-start: 1;
  grid-column-end: -1;
}
.view-underwriting .layout-container__main-content .underwriting__question--supplemental.rangequestionmodel .underwriting__view__answer-format {
  width: 37.08333333%;
}
.view-underwriting .layout-container__main-content .ternaryquestionmodel > label:first-of-type:not(.input-container__label--radio) {
  flex-basis: 50% !important;
}
.view-underwriting .layout-container__main-content .ternaryquestionmodel .form-group__input-container--radio {
  flex-basis: 50% !important;
}
.view-underwriting .layout-container__main-content .select-style {
  min-width: 44.25%;
}
.view-underwriting .layout-container__main-content .trigger--early-assessment {
  padding: 1.15em;
  margin: 1.2em 0;
}
.view-underwriting .layout-container__main-content .trigger--early-assessment label {
  display: block;
}
.view-underwriting .layout-container__main-content .trigger--delegate {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding-bottom: 1.15em;
}
.view-underwriting .layout-container__main-content .trigger--delegate label {
  display: block;
}
.view-underwriting .layout-container__main-content .form-group .form-control-descriptor {
  position: relative;
  margin-right: unset;
}
.view-underwriting .layout-container__main-content .form-group .btn-tertiary,
.view-underwriting .layout-container__main-content .form-group .btn-add-another,
.view-underwriting .layout-container__main-content .form-group .underwriting__view__switch-format {
  width: 220px;
  text-decoration: underline;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .form-group .btn-add-another {
  margin-left: 0;
  grid-column: 2;
  text-align: left;
}
.view-underwriting .layout-container__main-content .underwriting-header h2 {
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__view .underwriting__view .help-text {
  width: 96%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__view .underwriting__view__label {
  width: 96%;
  display: inline-block;
}
.view-underwriting .layout-container__main-content .underwriting__view .underwriting__view__switch-format {
  display: block;
}
.view-underwriting .layout-container__main-content .document-typeahead {
  display: block !important;
  margin-bottom: 10px;
}
.view-underwriting .layout-container__main-content .document-typeahead .document-input-text {
  font-size: 14px;
  height: 34px;
  background-color: #f9f9f9;
}
.view-underwriting .layout-container__main-content .document-typeahead .btn-remove-answer {
  display: inline-block;
  margin-left: 5px;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
  text-decoration: none;
}
.single-column .address-container .form-group.form-group--double-control,
.single-column .manual-address-target .form-group.form-group--double-control {
  display: flex;
  flex-direction: column;
}
.single-column .address-container .form-group.form-group--double-control .input-segment,
.single-column .manual-address-target .form-group.form-group--double-control .input-segment {
  margin-right: unset;
  width: unset;
}
@media (min-width: 992px) {
  .layout-container__header-title {
    width: 975px;
    padding: 0;
    margin: 2.2em auto;
  }
  .layout-container.basic .layout-container__main-content {
    margin: 150px auto 4.2em;
    padding: 0.35em;
  }
  .layout-container.basic .layout-container__main-content .form-group > input[type="text"],
  .layout-container.basic .layout-container__main-content .form-group > input[type="numeric"],
  .layout-container.basic .layout-container__main-content .form-group > input[type="number"],
  .layout-container.basic .layout-container__main-content .form-group > input[type="password"],
  .layout-container.basic .layout-container__main-content .form-group > input[type="tel"],
  .layout-container.basic .layout-container__main-content .form-group > textarea,
  .layout-container.basic .layout-container__main-content .form-group > label:nth-child(2),
  .layout-container.basic .layout-container__main-content .form-group > div.input-segment {
    width: 28.66666667%;
  }
  .layout-container .account-info-bar .tabs-container {
    justify-content: flex-start;
  }
  .layout-container__header .layout-container__header-navigation {
    width: 1200px;
    margin: auto;
    padding: 20px 0px;
  }
  footer {
    align-items: center;
    justify-content: space-between;
  }
  footer .footer__container {
    width: 975px;
    margin: 0 auto;
  }
  footer .links {
    display: inline-block;
    position: relative;
    color: #ddd;
  }
  footer .links ul {
    display: table;
  }
  footer .links ul li {
    display: table-cell;
    padding: 0 0.75em;
    margin-left: 10px;
  }
  footer .links ul > li:first-of-type {
    padding-left: 0;
  }
  footer .links:last-child {
    float: right;
  }
  footer .copyright {
    float: right;
  }
  .form-group .sub-form-group {
    width: 100%;
  }
  .form-group .sub-form-group > input[type="text"],
  .form-group .sub-form-group > input[type="numeric"],
  .form-group .sub-form-group > input[type="number"],
  .form-group .sub-form-group > input[type="password"],
  .form-group .sub-form-group > input[type="tel"],
  .form-group .sub-form-group > select,
  .form-group .sub-form-group > textarea,
  .form-group .sub-form-group > div,
  .form-group .sub-form-group > label:nth-child(2) {
    width: 62.33333333%;
  }
  .form-group .sub-form-group > select {
    width: 100%;
    display: inline-block;
  }
  .form-group.telephone--multiple {
    width: 55%;
  }
  .form-group.telephone--multiple .sub-form-group {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
  }
  .form-group.telephone--multiple .sub-form-group select {
    width: 200px;
  }
  .form-group.telephone--multiple .sub-form-group input[type="text"] {
    width: 240px;
  }
  .form-content .form-group.telephone--multiple {
    width: 55%;
  }
  .form-group > input[type="text"],
  .form-group > input[type="numeric"],
  .form-group > input[type="number"],
  .form-group > input[type="password"],
  .form-group > input[type="tel"],
  .form-group > textarea,
  .form-group > label:nth-child(2) {
    width: 28.66666667%;
  }
  .form-group > select {
    width: 51.75%;
  }
  .form-group .form-group__input-container--radio {
    width: 45.5%;
  }
  .form-group .form-group__input-container--checkbox .input-container__label--checkbox {
    width: 45.5%;
    display: inline-block;
  }
  .form-group > input.monetary-amount[type="number"],
  .form-group > input.percentage[type="number"],
  .form-group > input.monetary-amount[type="text"],
  .form-group > input.percentage[type="text"],
  .form-group > input.monetary-amount input.percentage[type="text"],
  .form-group > input.percentage input.percentage[type="text"] {
    width: 21.08333333%;
    display: inline-block;
    padding-left: 3em;
  }
  .form-group > input.percentage[type="number"] {
    padding-left: 1em;
  }
  .form-group > input.term,
  .form-group > input.to-age {
    width: 24.38333333%;
  }
  .form-group--double-control > input[type="text"],
  .form-group--double-control > input[type="numeric"],
  .form-group--double-control > input[type="number"],
  .form-group--double-control > input[type="password"],
  .form-group--double-control > select,
  .form-group--double-control > textarea,
  .form-group--double-control > div {
    width: 280px;
    margin: 0 1em 35px 0;
  }
  .form-group--double-control > input[type="text"].extended-input,
  .form-group--double-control > input[type="numeric"].extended-input,
  .form-group--double-control > input[type="number"].extended-input,
  .form-group--double-control > input[type="password"].extended-input,
  .form-group--double-control > select.extended-input,
  .form-group--double-control > textarea.extended-input,
  .form-group--double-control > div.extended-input {
    width: 380px;
  }
  .form-group--table-style {
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .form-group--table-style .form-group {
    width: unset;
    margin-right: 0.5em;
  }
  .form-group--table-style .form-group > input[type="text"],
  .form-group--table-style .form-group > input[type="numeric"],
  .form-group--table-style .form-group > input[type="number"],
  .form-group--table-style .form-group > input[type="password"],
  .form-group--table-style .form-group > input[type="tel"],
  .form-group--table-style .form-group > select,
  .form-group--table-style .form-group > textarea,
  .form-group--table-style .form-group > div:not(.form-group__input-container--radio),
  .form-group--table-style .form-group > label:nth-child(2),
  .form-group--table-style .form-group .help-text,
  .form-group--table-style .form-group .btn-search {
    margin: 0;
    width: 100%;
    display: inline-block;
    padding-top: 1px;
  }
  .form-group--table-style .form-group > input.monetary-amount[type="number"],
  .form-group--table-style .form-group > input.percentage[type="number"],
  .form-group--table-style .form-group > input.monetary-amount[type="text"],
  .form-group--table-style .form-group > input.percentage[type="text"],
  .form-group--table-style .form-group > input.monetary-amount input.percentage[type="text"],
  .form-group--table-style .form-group > input.percentage input.percentage[type="text"] {
    width: 96%;
    display: inline-block;
  }
  .form-group--table-style .form-group__input-container--checkbox .input-container__label--checkbox {
    margin-left: 1.2em;
  }
  .form-group--table-style .form-group__input-container--radio {
    width: unset;
    display: flex;
    padding: 0.35em 0;
  }
  .form-group--table-style.criteria .form-group {
    width: 18%;
  }
  .form-group--table-style.criteria .form-group:first-of-type {
    width: 30%;
  }
  .form-group--table-style.criteria .form-group--double-control > .btn,
  .form-group--table-style.criteria .form-group .btn {
    margin-left: 0;
    width: unset;
    min-width: unset;
    height: 50px;
    vertical-align: top;
  }
  .form-group--table-style.criteria .form-group--date {
    width: 21%;
  }
  .form-group.cards {
    display: flex;
    gap: 4.2em;
    justify-content: space-between;
  }
  .form-group.cards .card-text {
    width: 364px;
    height: 45px;
    margin: auto;
  }
  .layout-container.single-column .form-content .form-group {
    width: 100%;
    margin-right: unset;
  }
  .layout-container.single-column .form-content .form-group > input[type="text"],
  .layout-container.single-column .form-content .form-group > input[type="numeric"],
  .layout-container.single-column .form-content .form-group > input[type="number"],
  .layout-container.single-column .form-content .form-group > input[type="password"],
  .layout-container.single-column .form-content .form-group > input[type="tel"],
  .layout-container.single-column .form-content .form-group > select,
  .layout-container.single-column .form-content .form-group > textarea,
  .layout-container.single-column .form-content .form-group > label:nth-child(2) {
    width: 40%;
  }
  .layout-container.single-column .form-content .form-group span.input-validation-error:not(:empty) {
    width: 40%;
  }
  .layout-container.single-column .form-content .form-group input[class^="date-"],
  .layout-container.single-column .form-content .form-group input[class*=" date-"] {
    width: 6.5em;
  }
  .layout-container.single-column .form-content .form-group input.date-year {
    width: 10em;
  }
  .layout-container.single-column .form-content .form-group div[class^="form-group__input-container--"],
  .layout-container.single-column .form-content .form-group div[class*=" form-group__input-container--"] {
    width: 40%;
  }
  .layout-container.single-column .form-content .form-group.typeahead {
    width: 40%;
  }
  .layout-container.single-column .form-content .form-group.sortcode > input {
    width: 11.83333333%;
  }
  .layout-container.single-column .form-content .date-container .form-group {
    width: 40%;
  }
  .layout-container.single-column .form-content .date-container .form-group span.input-validation-error:not(:empty) {
    width: 100%;
  }
  .layout-container.single-column .form-content .typeahead,
  .layout-container.single-column .form-content .address-container {
    margin-bottom: 0px;
  }
  .layout-container.single-column .form-content .typeahead .typeahead-button-controls,
  .layout-container.single-column .form-content .address-container .typeahead-button-controls {
    margin: 0;
  }
  .layout-container.single-column .form-content .typeahead .form-content .form-group.typeahead-search-results-container,
  .layout-container.single-column .form-content .address-container .form-content .form-group.typeahead-search-results-container {
    width: 100%;
  }
  .layout-container.single-column .form-content .typeahead .typeahead-display-result,
  .layout-container.single-column .form-content .address-container .typeahead-display-result {
    font-size: 16.8px;
  }
  .layout-container.single-column .form-content .address-container .form-group > select,
  .layout-container.single-column .form-content .manual-address-target .form-group > select {
    width: 100%;
  }
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group,
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group {
    width: 40%;
    margin-right: 5%;
  }
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > input[type="text"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > input[type="text"],
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > input[type="numeric"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > input[type="numeric"],
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > input[type="number"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > input[type="number"],
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > input[type="password"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > input[type="password"],
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > input[type="tel"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > input[type="tel"],
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > select,
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > select,
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > textarea,
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > textarea,
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group > label:nth-child(2),
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group > label:nth-child(2) {
    width: 100%;
  }
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group span.input-validation-error:not(:empty),
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group span.input-validation-error:not(:empty) {
    width: 100%;
  }
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group div[class^="form-group__input-container--"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group div[class^="form-group__input-container--"],
  .layout-container.single-column .form-content div[class^="form-group--"] .form-group div[class*=" form-group__input-container--"],
  .layout-container.single-column .form-content div[class*=" form-group--"] .form-group div[class*=" form-group__input-container--"] {
    width: 100%;
  }
  .table-filter {
    margin: 0 1em 20px 0;
  }
  .view-start-date .form-content .declaration-card {
    padding: 0.75em;
    padding: 15px;
  }
  .view-start-date .form-content .declaration-card h3 {
    margin-top: unset;
  }
  .view-start-date .form-content .declaration-card .form-group {
    display: flex;
  }
  .view-start-date .form-content .declaration-card .form-group > label {
    flex: 0 1 30%;
    font-weight: normal;
  }
  .layout-container .confirmation-card label {
    width: 290px;
  }
  .view-find-product .declaration-card {
    margin-bottom: 2.2em;
  }
  .view-find-product .form-content .form-group.select-panel div.input-segment {
    margin-top: 2.2em;
    width: 437px;
  }
  .product-bg {
    height: 670px;
  }
  .single-column .address-container .form-group.form-group--double-control,
  .single-column .manual-address-target .form-group.form-group--double-control {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 5%;
    margin-bottom: 10px;
  }
  .single-column .address-container .form-group.form-group--double-control .input-segment,
  .single-column .manual-address-target .form-group.form-group--double-control .input-segment {
    flex-basis: 50%;
  }
}
@media (min-width: 1350px) {
  .layout-container__header-title,
  .layout-container__actions,
  .layout-container__main-content {
    width: 1200px;
  }
  .layout-container__header-logo_container {
    width: 1200px;
  }
  .layout-container__header-container {
    width: 1200px;
    margin: auto;
  }
  .layout-container-title {
    margin: 2.2em auto;
    padding: 0 5%;
  }
  .layout-container__progress .navigation__menu--progress .menu__menu-item {
    width: 1350px;
  }
}
@media (max-width: 640px) {
  .layout-container__header-logo_container {
    height: 37.5px;
    margin: 30px auto 0;
  }
  .layout-container__header-logo_container-logo_header {
    width: 190px;
  }
  .layout-container__footer {
    border-top-width: 3px;
  }
  .layout-container__footer-logo_footer {
    margin: 15px 20px 15px 0px;
  }
  .layout-container__footer .logo-copyright {
    width: 100%;
    border-bottom: solid 1px #54506C;
    float: unset;
  }
  .layout-container__main-content {
    padding: 30px 15px;
  }
  .layout-container__main-content .btn-primary {
    margin-right: 0;
    width: 100%;
  }
  .layout-container__main-content .content .form-content .form-group .form-group__input-container--radio {
    display: flex;
    justify-content: space-between;
  }
  .layout-container__main-content .content .form-content .form-group .form-group__input-container--radio .input-container__label--checkbox {
    flex: 1;
  }
  .layout-container__main-content .content .form-content label[for=selectedPartners] {
    margin-top: 30px;
  }
}
@media (min-width: 320px) and (max-width: 792px) {
  form .declaration-card {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #view {
    padding: 0px 10px 0px 10px;
  }
  .layout-container_watermark {
    top: -14rem;
    right: -12rem;
  }
  .view-money-hub--layout-container .carousel__slide,
  .view-products-options--layout-container .carousel__slide {
    height: auto;
  }
  .form-group.typeahead-search-results-container {
    width: 100%;
  }
  .form-group.typeahead-search-results-container .typeahead-search-results {
    width: 100%;
  }
}
@media (min-width: 792px) and (max-width: 1200px) {
  .layout-container__header-container {
    width: 90%;
    margin: auto;
  }
  .layout-container__footer-bottom-container {
    max-width: 90%;
    margin: auto;
  }
}
@media (min-width: 1200px) {
  .product-bg {
    height: 545px;
  }
}
@media (max-width: 1200px) {
  *::-webkit-scrollbar {
    width: 0;
  }
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background: transparent;
    border: none;
  }
  * {
    -ms-overflow-style: none;
  }
  /* Fading animation */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 0.5s;
    animation-name: fade;
    animation-duration: 0.5s;
  }
  .layout-container__footer-bottom {
    display: block;
    height: 100%;
  }
  .layout-container__footer-bottom-container {
    display: block;
    width: 90%;
  }
  .layout-container__footer-bottom-container .footer-links {
    justify-content: space-between;
    padding-top: 20px;
    row-gap: 1em;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1em;
    padding-bottom: 20px;
  }
  .layout-container__footer-bottom-container .footer-links a {
    flex: 1 1 45%;
    margin-right: 0px;
  }
  .layout-container__footer-bottom-container .footer-links a:after {
    content: none;
  }
  .layout-container__footer-logo_footer {
    margin-left: unset;
  }
  .logo-copyright {
    margin-right: 20px;
    float: left;
  }
  .logo-copyright p {
    width: 50%;
  }
}
.layout-container__header {
  z-index: 100;
  background-color: #ffffff;
}
.layout-container__header-logo {
  width: 200px;
  margin: 0;
  padding-left: 0;
}
.layout-container__header-top-section--container {
  background-color: #e5007e;
}
.layout-container__header-top-section--container a {
  color: white !important;
  text-decoration: none;
}
.layout-container__header-navigation--container {
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 4px #e6e6e6;
  border-top: 2px solid #e5007e;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 150;
}
.layout-container__header--header-text h1 {
  margin-bottom: unset;
}
.layout-container.basic .layout-container__header {
  background: none;
}
.inverse-header .layout-container__header {
  margin-top: 100px;
  margin-bottom: 2.2em;
  padding: 4.2em;
  background-color: #9E9E9E;
}
.inverse-header .layout-container__header h1 {
  color: #ffffff;
}
.layout-container__header-navigation {
  position: relative;
  pointer-events: all;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.75em 1.15em;
}
.layout-container__header-navigation .navigation__label--primary,
.layout-container__header-navigation .navigation__label--secondary {
  cursor: pointer;
  flex: 1 0 auto;
  display: inline-flex;
  justify-content: flex-end;
  padding: 0.25em 0.75em;
}
.layout-container__header-navigation .navigation__label--secondary {
  cursor: pointer;
  flex: 0 0 auto;
}
.layout-container__header-navigation .navigation__menu {
  flex-basis: 100%;
}
.layout-container__header-navigation .navigation__menu--primary {
  flex: 1 0 auto;
  display: inline-flex;
  margin-bottom: unset;
  justify-content: space-evenly;
  padding: 0;
}
.layout-container__header-navigation .navigation__menu--primary .menu__menu-item {
  padding: 0px 20px 4px 0px;
}
flex-basis .layout-container__header-navigation .navigation__menu--primary .menu__menu-item + li {
  border-top: 1px solid;
}
.layout-container__header-navigation .navigation__menu--primary .menu__menu-item li {
  text-decoration: none;
  font-size: 18px;
  display: block;
  padding: 10px 5px;
}
.layout-container__header-navigation .navigation__menu--primary .menu__menu-item.cancel {
  display: block;
}
.layout-container__header-navigation .navigation__menu--primary .menu__menu-item.clickable {
  cursor: pointer;
}
.layout-container__header-navigation .navigation__menu--primary .menu__menu-item.current {
  font-weight: bold;
  border-bottom: solid medium #1E193E;
}
.layout-container__header-navigation .navigation__menu--primary.open {
  display: block;
}
.layout-container__header-navigation .navigation__menu--primary.AlertItems {
  flex: 3 0 auto;
  justify-content: flex-end;
}
.layout-container__header-navigation .navigation__menu--primary .save-and-exit {
  background-color: #1E193E;
  color: white;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  padding: 15px 20px;
}
.layout-container__header-navigation a {
  text-decoration: none;
  color: #1E193E;
  align-self: center;
}
.layout-container__header-navigation.display {
  flex-wrap: wrap;
}
.layout-container__header-navigation.display .navigation__menu {
  width: 100%;
  display: inline-block;
}
.layout-container__header-navigation.display .navigation__menu .navigation__menu--primary {
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.35em;
  margin: 0;
}
.layout-container__header-navigation.display .navigation__menu .navigation__menu--primary .menu__menu-item {
  width: 100%;
  display: inline-block;
  padding: 0.35em;
  margin: 0;
}
.layout-container__header-navigation.display .navigation__menu .navigation__menu--primary .navigation__menu--primary {
  padding: unset;
}
.layout-container__header-navigation.display .navigation__menu .navigation__trigger--secondary {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: 0;
  font-size: 0;
  background-color: transparent;
  padding-top: 0;
}
.layout-container__header-navigation.display .navigation__menu .navigation__trigger--secondary .navigation_menu_toggle {
  display: none;
  margin-left: 0;
}
.layout-container__header-navigation.display .navigation__menu .navigation__menu--secondary {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: unset;
  position: relative;
  top: auto;
  left: auto;
  background-color: transparent;
  border: none;
}
.layout-container__header-navigation.display .navigation__menu .navigation__menu--secondary .menu__menu-item {
  width: 100%;
  display: inline-block;
  padding: 0.35em;
  margin: 0;
  background-color: transparent;
}
.layout-container__header-navigation.display .navigation__menu .navigation__menu--secondary .menu__menu-item:hover {
  font-family: Greycliff CF Demi Bold, calibre-web-semibold, Lucida Grande, Calibri, Arial, Sans-Serif;
  border-bottom: solid medium #1E193E;
  color: #e5007e;
}
.inlineNavigation .navigation__menu--inline {
  display: none;
  position: absolute;
  width: 23em;
  padding: 0.35em 0;
  margin-top: 0;
  margin-left: -5px;
  background-color: white;
  z-index: 1;
}
.inlineNavigation .navigation__menu--inline .menu__menu-item {
  display: inline-flex;
  flex: 1 1 100%;
  margin: 0 0 0.6em;
}
.navigation {
  border-bottom: solid 2px #4C9BB5;
  min-height: 3em;
}
.navigation__menu--primary,
.navigation__menu--secondary,
.navigation__menu--secondary--light {
  list-style: none;
  pointer-events: all;
}
.navigation__menu--primary .menu__menu-item--selected,
.navigation__menu--secondary .menu__menu-item--selected,
.navigation__menu--secondary--light .menu__menu-item--selected {
  color: #e5007e;
}
.navigation__menu--primary .menu__menu-item--selected,
.navigation__menu--secondary .menu__menu-item--selected,
.navigation__menu--secondary--light .menu__menu-item--selected {
  background-color: #e5007e;
  padding: 0.8em;
  color: white;
}
.navigation__menu--primary .menu__menu-item--placeholder:before,
.navigation__menu--secondary .menu__menu-item--placeholder:before,
.navigation__menu--secondary--light .menu__menu-item--placeholder:before,
.navigation__menu--primary .menu__menu-item--placeholder:after,
.navigation__menu--secondary .menu__menu-item--placeholder:after,
.navigation__menu--secondary--light .menu__menu-item--placeholder:after {
  display: none;
}
.navigation__menu--primary .menu__menu-item--placeholder__sub-menu,
.navigation__menu--secondary .menu__menu-item--placeholder__sub-menu,
.navigation__menu--secondary--light .menu__menu-item--placeholder__sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.navigation__menu--primary .menu__menu-item--light,
.navigation__menu--secondary .menu__menu-item--light,
.navigation__menu--secondary--light .menu__menu-item--light,
.navigation__menu--primary .menu__menu-item--light--invalid,
.navigation__menu--secondary .menu__menu-item--light--invalid,
.navigation__menu--secondary--light .menu__menu-item--light--invalid,
.navigation__menu--primary .menu__menu-item--light--valid,
.navigation__menu--secondary .menu__menu-item--light--valid,
.navigation__menu--secondary--light .menu__menu-item--light--valid {
  padding: 10px 5px;
}
.navigation__menu--primary .menu__menu-item--light--selected,
.navigation__menu--secondary .menu__menu-item--light--selected,
.navigation__menu--secondary--light .menu__menu-item--light--selected,
.navigation__menu--primary .menu__menu-item--light--invalid--selected,
.navigation__menu--secondary .menu__menu-item--light--invalid--selected,
.navigation__menu--secondary--light .menu__menu-item--light--invalid--selected,
.navigation__menu--primary .menu__menu-item--light--valid--selected,
.navigation__menu--secondary .menu__menu-item--light--valid--selected,
.navigation__menu--secondary--light .menu__menu-item--light--valid--selected {
  padding: 10px 5px;
  color: #e5007e;
}
.navigation__menu--secondary {
  list-style: none;
  display: flex;
  gap: 28px;
  flex-direction: column;
  background: #ffffff;
  padding: 1.15em 0 0;
  margin: 1.2em 0 0.6em 0;
  border-top: solid thin #1E193E;
}
.navigation__menu--secondary .menu__menu-item.DASHBOARD {
  background: url('../image/icon-dashboard.svg');
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 20px 19px;
}
.navigation__menu--secondary .menu__menu-item.SECURITY {
  background: url(../image/icon-security.svg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 21px;
}
.navigation__menu--secondary .menu__menu-item.PROFILE {
  background: url(../image/icon-profile.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.HELP {
  background: url(../image/icon-inbox.svg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 20px 19px;
  position: relative;
}
.navigation__menu--secondary .menu__menu-item.DOCUMENTS {
  background: url(../image/icon-documents.svg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 20px 19px;
}
.navigation__menu--secondary .menu__menu-item.LOGOUT {
  background: url('../image/icon-sign-out.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.ACTIONSANDNOTIFICATIONS {
  background: url('../image/icon-menu-actions-notifications.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.QUOTES {
  background: url('../image/icon-menu-quotes.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.APPLICATIONS {
  background: url('../image/icon-menu-applications.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.POLICIES {
  background: url('../image/icon-menu-policies.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.STATEMENTS {
  background: url('../image/icon-attachment.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.ADMINISTRATION {
  background: url('../image/icon-menu-administration.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.COMMISSION {
  background: url('../image/icon-menu-commission.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item.SETTINGS {
  background: url('../image/icon-menu-account.svg');
  background-size: 25px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
.navigation__menu--secondary .menu__menu-item svg {
  margin-top: -4px;
}
.navigation__menu--primary .menu__menu-item {
  border-bottom: none;
}
.navigation__menu--primary .menu__menu-item:before {
  content: none;
}
.navigation__menu--secondary--light {
  font-family: Greycliff CF Regular;
  background: none;
  margin-top: 11%;
  padding-left: 10px;
}
.navigation__menu--secondary--light .menu__menu-item {
  font-weight: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.navigation__menu--secondary--light .menu__menu-item,
.navigation__menu--secondary--light .menu__menu-item--light,
.navigation__menu--secondary--light .menu__menu-item--light--invalid {
  padding: 10px 5px;
  border-bottom: none;
  cursor: pointer;
}
.navigation__menu--secondary--light .menu__menu-item--selected,
.navigation__menu--secondary--light .menu__menu-item--light--selected,
.navigation__menu--secondary--light .menu__menu-item--light--invalid--selected {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  cursor: pointer;
}
.navigation__menu--secondary--light .menu__menu-item:before,
.navigation__menu--secondary--light .menu__menu-item--light:before,
.navigation__menu--secondary--light .menu__menu-item--light--invalid:before {
  content: none !important;
}
.navigation__menu.space-between ul.navigation__menu--primary {
  justify-content: flex-start;
}
.navigation__menu--toggle {
  font-size: 24px;
  flex-basis: 10%;
  justify-content: flex-end;
  display: flex;
  align-self: center;
}
.navigation .navigation-title,
.navigation .navigation-text {
  display: inline-block;
  margin: 1em;
}
.navigation .navigation-text {
  float: right;
}
.navigation .navigation-title {
  font-weight: bold;
}
.navigation__menu--secondary--horizontal {
  display: none;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.navigation__menu--secondary--horizontal .menu__menu-item,
.navigation__menu--secondary--horizontal .menu__menu-item--selected,
.navigation__menu--secondary--horizontal .menu__menu-item--horizontal,
.navigation__menu--secondary--horizontal .menu__menu-item--horizontal--selected,
.navigation__menu--secondary--horizontal .menu__menu-item a {
  display: table-cell;
  padding: 1em 0;
  text-align: center;
}
.navigation__menu--secondary--horizontal .menu__menu-item--horizontal--selected {
  border-bottom: solid 2px #e5007e;
}
.progress-bar-container {
  margin: 0 0px 90px;
  list-style: none;
  padding: 0;
  padding-top: 70px;
  display: flex;
  text-align: center;
}
.progress-bar-container li {
  font-size: 13px;
  position: relative;
  flex: 1;
  background: none;
}
.progress-bar-container li:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 2px solid #9E9E9E;
  display: block;
  text-align: center;
  margin: 3px auto 12px auto;
  border-radius: 50%;
  background-color: white;
}
.progress-bar-container li:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #9E9E9E;
  position: absolute;
  top: 11px;
  left: -50%;
  z-index: -1;
}
.progress-bar-container li:first-child:after {
  content: none;
}
.progress-bar-container li.active:before {
  border-color: #1E193E;
  background-color: #1E193E;
  height: 20px;
  width: 20px;
  margin: 0 auto 7px auto;
  content: '\2713';
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.progress-bar-container li.active:after {
  background-color: #1E193E;
}
.progress-bar-container li.current:before {
  border-color: #1E193E;
  height: 20px;
  width: 20px;
  margin: 0 auto 7px auto;
}
.progress-bar-container li.current:after {
  background-color: #1E193E;
}
.mobile-text {
  display: none;
}
.layout-container__progress-menu {
  display: none;
}
.layout-container__progress-menu .layout-container__progress--summary {
  display: none;
}
.layout-container__progress-menu--summary .navigation__menu--progress {
  display: none;
}
.layout-container__progress .navigation__menu--breadcrumb,
.layout-container__progress--summary .navigation__menu--breadcrumb {
  display: inline-flex;
  justify-content: flex-start;
}
.layout-container__progress .navigation__menu--breadcrumb,
.layout-container__progress--summary .navigation__menu--breadcrumb,
.layout-container__progress .navigation__menu--progress,
.layout-container__progress--summary .navigation__menu--progress {
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 24px !important;
  padding: 0px;
  list-style: none;
  pointer-events: all;
  line-height: 25px;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item,
.layout-container__progress .navigation__menu--progress .menu__menu-item,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item {
  padding: 0.75rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffff;
  position: relative;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item:first-of-type:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item:first-of-type:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item:first-of-type:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item:first-of-type:before {
  margin-top: -10px;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item:after,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item:after,
.layout-container__progress .navigation__menu--progress .menu__menu-item:after,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item:after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  background: #f4f4f4;
  top: 50%;
  left: -3px;
  z-index: 1;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.first,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.first,
.layout-container__progress .navigation__menu--progress .menu__menu-item.first,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.first {
  padding-top: unset;
  /* &:after {
                    content: "";
                    display: block;
                    width: 20%;
                    height: 20px;
                    padding: 0;
                    margin: 0;
                    background-color: white;
                    position: relative;
                    right: 126px;
                    top: -16px;
                } */
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.last,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.last,
.layout-container__progress .navigation__menu--progress .menu__menu-item.last,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.last {
  padding-bottom: unset;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.last:after,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.last:after,
.layout-container__progress .navigation__menu--progress .menu__menu-item.last:after,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.last:after {
  content: "";
  display: block;
  width: 20%;
  height: 20px;
  padding: 0;
  margin: 0;
  background-color: white;
  position: relative;
  left: -180px;
  top: 16px;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item h3,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item h3,
.layout-container__progress .navigation__menu--progress .menu__menu-item h3,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item h3 {
  font-size: x-large;
  width: 40%;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item__secondary,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item__secondary,
.layout-container__progress .navigation__menu--progress .menu__menu-item__secondary,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item__secondary {
  font-size: large;
  margin-left: auto;
  color: #007E7F;
  font-family: Greycliff CF Demi Bold, calibre-web-semibold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.completed:after,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.completed:after,
.layout-container__progress .navigation__menu--progress .menu__menu-item.completed:after,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.completed:after {
  background-color: #e5007e;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.completed:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.completed:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item.completed:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.completed:before,
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.incomplete:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.incomplete:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item.incomplete:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.incomplete:before,
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.selected:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.selected:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item.selected:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.selected:before {
  content: ' ';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #f0f0ee;
  margin: 0px 2.2em 0 -8px;
  position: relative;
  z-index: 2;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.completed p.slideToggleTrigger,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.completed p.slideToggleTrigger,
.layout-container__progress .navigation__menu--progress .menu__menu-item.completed p.slideToggleTrigger,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.completed p.slideToggleTrigger,
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.incomplete p.slideToggleTrigger,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.incomplete p.slideToggleTrigger,
.layout-container__progress .navigation__menu--progress .menu__menu-item.incomplete p.slideToggleTrigger,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.incomplete p.slideToggleTrigger,
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.selected p.slideToggleTrigger,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.selected p.slideToggleTrigger,
.layout-container__progress .navigation__menu--progress .menu__menu-item.selected p.slideToggleTrigger,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.selected p.slideToggleTrigger {
  margin-top: -10px;
  font-family: Greycliff CF Regular !important;
  color: #51524a;
  font-size: 14px;
  cursor: pointer;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.completed,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.completed,
.layout-container__progress .navigation__menu--progress .menu__menu-item.completed,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.completed {
  border-color: #9E9E9E;
  color: #9E9E9E;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.completed:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.completed:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item.completed:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.completed:before {
  background-color: #e5007e;
  border: 3px solid #e5007e;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.selected,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.selected,
.layout-container__progress .navigation__menu--progress .menu__menu-item.selected,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.selected {
  justify-content: start;
  font-family: Greycliff CF Demi Bold, calibre-web-semibold, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: #51524a;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.selected:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.selected:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item.selected:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.selected:before {
  border-color: #1E193E;
  background-color: rgba(255, 255, 255, 0.8);
  width: 16px;
  height: 16px;
  margin-left: -10px;
  margin-right: 28px;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.selected h3,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.selected h3,
.layout-container__progress .navigation__menu--progress .menu__menu-item.selected h3,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.selected h3 {
  font-size: x-large;
  width: 100%;
  display: inline-block;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.selected.last:after,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.selected.last:after,
.layout-container__progress .navigation__menu--progress .menu__menu-item.selected.last:after,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.selected.last:after {
  top: 20px;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.incomplete,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.incomplete,
.layout-container__progress .navigation__menu--progress .menu__menu-item.incomplete,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.incomplete {
  color: #ececec;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.incomplete:before,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.incomplete:before,
.layout-container__progress .navigation__menu--progress .menu__menu-item.incomplete:before,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.incomplete:before {
  border: none;
  font-family: Greycliff CF Regular;
  background-color: #f4f4f4;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.incomplete span,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.incomplete span,
.layout-container__progress .navigation__menu--progress .menu__menu-item.incomplete span,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.incomplete span {
  font-family: Greycliff CF Regular;
}
.layout-container__progress .navigation__menu--breadcrumb .menu__menu-item.clickable,
.layout-container__progress--summary .navigation__menu--breadcrumb .menu__menu-item.clickable,
.layout-container__progress .navigation__menu--progress .menu__menu-item.clickable,
.layout-container__progress--summary .navigation__menu--progress .menu__menu-item.clickable {
  cursor: pointer;
}
.layout-container__progress .navigation__menu--breadcrumb .subsection,
.layout-container__progress--summary .navigation__menu--breadcrumb .subsection,
.layout-container__progress .navigation__menu--progress .subsection,
.layout-container__progress--summary .navigation__menu--progress .subsection {
  align-items: start !important;
}
.layout-container__progress .navigation__menu--breadcrumb .subsection:after,
.layout-container__progress--summary .navigation__menu--breadcrumb .subsection:after,
.layout-container__progress .navigation__menu--progress .subsection:after,
.layout-container__progress--summary .navigation__menu--progress .subsection:after {
  top: unset;
}
.layout-container__progress--summary {
  display: inline-block;
  color: #e5007e;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.layout-container__progress--summary {
  display: inline-block;
  color: #e5007e;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.layout-layout-container__journey-actions-menu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2em;
}
.layout-layout-container__journey-actions-menu .btn {
  width: 11.83333333%;
}
@media (max-width: 640px) {
  .layout-container__progress .progress-bar-container {
    padding-top: 40px;
    margin: 0;
  }
  .layout-container__progress .progress-bar-container li .nav-text {
    display: none;
  }
  .layout-container__progress .progress-bar-container li:before {
    width: 9px;
    height: 9px;
  }
  .layout-container__progress .progress-bar-container li.current:before {
    height: 14px;
    width: 14px;
  }
  .layout-container__progress .progress-bar-container li.active:before {
    height: 14px;
    width: 14px;
    font-size: 11px;
  }
  .layout-container__progress .progress-bar-container li:after {
    top: 9px;
  }
  .layout-container__progress .mobile-text {
    display: block;
    margin: 0 5px 25px 0px;
    padding-left: 15px;
    font-size: 14px;
  }
}
.layout-container__header-breadcrumbs .navigation__menu--breadcrumbs {
  padding-left: unset;
  list-style: none;
  font-family: Greycliff CF Regular;
  font-size: 20px;
}
.layout-container__header-breadcrumbs .navigation__menu--breadcrumbs .menu__menu-item:before {
  content: '';
  position: absolute;
  margin-left: -10px;
  margin-top: 3px;
  width: 1.2em;
  height: 15px;
  border-color: transparent transparent transparent #1E193E;
  border-style: solid;
  border-width: 2px;
  transform: skewX(-15deg);
}
.layout-container__header-breadcrumbs .navigation__menu--breadcrumbs .menu__menu-item.selected {
  justify-content: start;
}
.layout-container__header-breadcrumbs .navigation__menu--breadcrumbs .menu__menu-item.selected:before {
  background: url('../image/icon-arrow-up.svg');
}
.layout-container__header-breadcrumbs .navigation__menu--breadcrumbs .menu__menu-item.selected h3 {
  width: 100%;
  display: inline-block;
}
.layout-container__header-breadcrumbs .navigation__menu--breadcrumbs .menu__menu-item.clickable {
  cursor: pointer;
  color: #1E193E;
}
.page-actions__summary {
  margin-top: 0;
}
@media (max-width: 540px) {
  .layout-layout-container__journey-actions-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .layout-layout-container__journey-actions-menu .button {
    flex-basis: 1 1 100%;
  }
}
@media (min-width: 720px) {
  .layout-container__header-logo {
    flex-basis: unset;
  }
  .layout-container__header-navigation {
    display: flex;
    flex: 1 1 auto;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: initial;
    align-items: center;
  }
  .layout-container__header-navigation {
    margin-left: 0.2em;
    margin-right: 0.2em;
  }
  .layout-container__header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .layout-container__header-navigation .navigation_menu_toggle.mobile {
    display: none;
  }
  .navigation__trigger--secondary {
    position: relative;
  }
  .navigation__trigger--secondary .navigation_menu_toggle {
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .layout-container__header-logo {
    width: 200px;
    flex-basis: unset;
  }
  .layout-container__header-container {
    max-width: 1200px;
  }
  .layout-container__header-navigation .navigation__menu {
    flex-basis: unset;
  }
  .layout-container__header-navigation .navigation__menu .navigation__menu--secondary {
    gap: 2em;
    align-content: space-between;
    flex-direction: row;
    margin: 0;
    padding-right: 0.25em;
    border-top: none;
    padding-bottom: 10px;
  }
  .navigation__menu--toggle {
    display: none;
  }
  .layout-container__progress-menu {
    display: inline-block;
  }
  .layout-container__progress-menu .navigation__menu--progress--summary {
    display: none;
  }
  .layout-container__progress-menu--summary {
    display: none;
  }
  .layout-container__progress {
    padding-left: 11px;
  }
  .layout-container__progress--summary {
    display: none;
  }
  .layout-container__progress .navigation__menu--progress {
    display: inline-block;
  }
  .layout-container__progress .navigation__menu--progress--summary {
    display: none;
  }
}
.clickable {
  cursor: pointer;
}
.slideToggleTarget:not(.open) {
  display: none;
  clear: both;
}
.pop-up-overlay,
.overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.1;
  background: #51524a;
  z-index: 99;
}
.pop-up-overlay-secondary,
.overlay-secondary {
  opacity: 1;
}
.spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -20px / 2;
  margin-top: -20px / 2;
  height: 20px;
  width: 20px;
  z-index: 999999;
}
.ball {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  background: #e5007e;
}
.ball-1 {
  animation: ball1 1s infinite alternate-reverse;
  background-color: rgba(229, 0, 126, 0.6);
}
.ball-2 {
  left: 25px;
  animation: ball2 1s infinite alternate-reverse;
  animation-delay: 0.35s;
}
.ball-3 {
  left: 50px;
  animation: ball3 1s infinite alternate-reverse;
  animation-delay: 0.7s;
  background: #1E193E;
}
@keyframes ball1 {
  0% {
    transform: none;
  }
  100% {
    transform: translate(0, 20%) scale(0.8, 0.8);
  }
}
@keyframes ball2 {
  0% {
    transform: none;
  }
  100% {
    transform: translate(0, 20%) scale(0.8, 0.8);
  }
}
@keyframes ball3 {
  0% {
    transform: none;
  }
  100% {
    transform: translate(0, 20%) scale(0.8, 0.8);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.view-status ul {
  margin: 0;
  padding: 0;
  font-size: 12px;
  list-style: none;
}
.view-status ul li span {
  display: block;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: #51524a;
  border-radius: 2px;
  padding: 3px;
  cursor: pointer;
}
.view-status ul li span:before {
  content: "-";
  width: 18px;
  display: inline-block;
  text-align: center;
}
.view-status ul li span.action-message:before,
.view-status ul li span.incomplete:before {
  content: "⚑";
  color: #d80000;
  float: left;
  font-size: 16px;
  position: relative;
  top: -4px;
}
.view-status ul li span.class-incomplete:before,
.view-status ul li span.activity-message:before {
  content: "⚐";
  float: left;
  font-size: 16px;
  position: relative;
  top: -4px;
}
.view-status ul li span.complete:before {
  content: "✔";
}
.view-status ul li.collapsed > span {
  font-family: FSMeWeb-LightItalic, Lucida Grande, Calibri, Arial, Sans-Serif !important;
}
.view-status ul li.collapsed > span:after {
  content: "…";
  padding-left: 1px;
}
.view-status ul li.group {
  border: 2px solid #ececec;
  border-radius: 4px;
  margin-bottom: 5px;
}
.view-status ul li.group > span {
  font-family: Greycliff CF Regular;
}
.view-status ul li.group + .group {
  margin-top: 5px;
}
.view-status ul li.group .group {
  margin-right: 5px;
}
.view-status ul ul {
  padding-left: 20px;
}
.view-status ul.status-nodes li span:hover {
  border-color: #e5007e;
  background-color: #e5007e;
}
.view-status ul.config li {
  color: #51524a;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-status #body > section {
  border-top: 2px solid #f4f4f4;
  padding-top: 20px;
}
.view-status #body > section h1 {
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0;
}
.view-status #body > section + section {
  margin-top: 20px;
}
.view-error a {
  color: #1E193E;
}
.view-error .header {
  display: none;
}
.view-error #nav {
  display: none;
}
.viewport {
  background-color: #ffffff;
  color: #1E193E;
}
.view-challenge-screen input[type="text"],
.view-challenge-screen input[type="numeric"],
.view-challenge-screen input[type="number"],
.view-challenge-screen input[type="password"],
.view-challenge-screen input[type="tel"],
.view-challenge-screen select,
.view-challenge-screen .form-control-descriptor,
.view-challenge-screen textarea {
  height: 3em;
  padding: 0.75em;
  border-radius: 0;
  background-color: #ffffff;
}
footer {
  font-size: 20px;
  background: #555;
}
.tcp-logo {
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
  color: #846f79;
  margin: 1em;
}
.tcp-logo a {
  padding: 1em 3em;
  background: url(../image/tcp-logo-24.png) left center no-repeat;
  white-space: nowrap;
}
.validation-summary-valid {
  display: none !important;
}
.success-summary {
  padding: 0 0 50px 0;
}
.success-summary ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #e5007e;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.success-summary ul li {
  margin-bottom: 0.8em;
}
.success-summary ul {
  color: #e5007e;
}
.form-content .text-block p {
  margin-top: 0.5em;
}
.form-content .text-block p.em {
  margin-top: 0;
}
.form-group.disabled input[type="text"],
.form-group.disabled select {
  background: #f5f5f5;
  box-shadow: none;
  color: #999;
}
/*.info
{
    div:before
    {
        position: absolute;
        content: "!";
        border-radius: 100%;
        background: @color_gray_light;
        border-radius: 100%;
        box-sizing: border-box;
        color: #c9c9c9;
        z-index: 99;
        width: 16px;
        height: 16px;
        left: 0;
        top: 8px;        
        padding-top: 1px;
        font-family: @FontFamilyBold;
        padding-left: 7px;
        text-shadow: 1px 1px #f5f5f5;
    }
}*/
.child-trust-fund .form-buttons {
  border: none;
}
.view-setup-new-portal .process-container {
  display: flex;
  background: transparent url('../image/login-steps-background.svg') no-repeat center 80px;
  background-size: 100% auto;
  max-width: 750px;
}
.view-setup-new-portal .process-step {
  width: 33%;
  font-size: 15px;
  font-size: 0.94rem;
  font-style: italic;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin: 0 auto;
  text-align: center;
  padding: 0 1.5rem;
}
.view-setup-new-portal .process-step img {
  max-width: 100%;
}
@media (min-width: 992px) {
  .view-setup-new-portal .process-container {
    margin: 3rem 0;
  }
}
@media (max-width: 640px) {
  .view-setup-new-portal .process-container {
    flex-direction: column;
    background-image: none;
  }
  .view-setup-new-portal .process-step {
    width: 100%;
  }
  .view-setup-new-portal .process-step:not(:last-of-type) {
    padding-bottom: 30px;
    background: transparent url('../image/icon-down-pink.svg') no-repeat bottom center;
  }
  .view-setup-new-portal .process-step p {
    max-width: 280px;
    margin: 0.5rem auto 1rem;
  }
  .view-setup-new-portal .tall-image {
    margin-top: 1rem;
  }
}
.layout-container.PolicyChange .layout-container__header {
  margin-bottom: 0.6em;
}
.layout-container.PolicyChange .page-actions {
  background: none;
}
.layout-container.view-documents .layout-container__header {
  margin-bottom: 0.6em;
}
.view-logon--layout-container {
  background: url(../image/onefamily-background.svg) top center no-repeat #e6e6e6;
  height: 100%;
}
.view-logon--layout-container.layout-container .layout-container__header {
  margin-bottom: 0;
}
.view-logon--layout-container.layout-container .layout-container__header-title,
.view-logon--layout-container.layout-container .layout-container__progress,
.view-logon--layout-container.layout-container .layout-container__actions {
  display: none;
}
.view-logon--layout-container .layout-container__main-content {
  background: none;
}
.view-logon--layout-container .layout-container__main-content .h1 {
  margin: 0 0 2.2em;
}
.view-logon--layout-container .layout-container__main-content .content {
  margin: auto;
  padding: 5%;
}
.view-logon--layout-container .layout-container__main-content .content .form-group input {
  width: 100%;
  display: inline-block;
}
.view-logon--layout-container .layout-container__main-content .content .form-buttons a.button.btn-secondary,
.view-logon--layout-container .layout-container__main-content .content .form-buttons input.btn-primary {
  min-width: unset;
  width: 25%;
  margin: 1em;
}
.view-logon--layout-container .layout-container__main-content .content .form-buttons a.button.btn-secondary:first-of-type {
  margin-right: 0;
}
.view-logon--layout-container .layout-container__main-content .content .form-buttons input.btn-primary:first-of-type {
  margin-left: 0;
}
.postcode.choice .form-group :last-child {
  width: 139px;
}
.postcode.choice input[type='checkbox']:not(:checked) + label,
.postcode.choice input[type='radio']:not(:checked) + label,
.postcode.choice input[type='checkbox']:checked + label,
.postcode.choice input[type='radio']:checked + label {
  font-family: Greycliff CF Regular;
}
.view-client-details .ui-datepicker-trigger,
.view-edit-summary .ui-datepicker-trigger {
  padding: 0 0 1.2em 1em;
  display: none;
}
.view-client-details .summary,
.view-edit-summary .summary {
  width: 100%;
  display: inline-block;
  margin: 0 0 1.2em;
}
.view-client-details .summary-box,
.view-edit-summary .summary-box {
  margin-bottom: 20px;
}
.view-client-details .summary-box ul,
.view-edit-summary .summary-box ul {
  padding-left: 0;
}
.view-client-details .btn-add,
.view-edit-summary .btn-add {
  min-width: unset;
  background: 0;
  color: #1E193E;
  border: solid #1E193E 1px;
  height: 50px;
}
.view-client-details .form-group.typeahead .country-container .typeahead-input,
.view-edit-summary .form-group.typeahead .country-container .typeahead-input,
.view-client-details .form-group.typeahead .occupation-container .typeahead-input,
.view-edit-summary .form-group.typeahead .occupation-container .typeahead-input {
  width: 100%;
  display: inline-block;
}
.view-quote-summary .summary-box,
.view-edit-summary .summary-box {
  flex-direction: column;
  align-items: flex-start;
}
.view-quote-summary .summary-box h3,
.view-edit-summary .summary-box h3 {
  margin: 0;
}
.summary-box {
  border: solid #51524a 1px;
  padding: 10px 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: relative;
}
.summary-box__section {
  width: 100%;
}
.summary-box ul {
  list-style: none;
  padding: 0px;
}
.summary-box ul li {
  display: flex;
}
.summary-box ul li label {
  font-family: Greycliff CF Regular;
  width: 250px;
}
.summary-box ul li var,
.summary-box ul li data {
  font-style: normal;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.details-box {
  background-color: #197FA0;
  color: white;
  padding-bottom: 5px;
}
.details-box .header {
  background-color: #0E7196;
  padding: 20px 30px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-start-date .warning {
  margin-top: 0;
}
.view-start-date .form-content .declaration-card {
  padding: 15px;
}
.view-start-date .form-content .form-section + .form-section {
  padding-top: 20px;
  margin-top: 10px !important;
}
.view-start-date form .form-content .form-header {
  position: relative;
  padding: 10px 0 18px 0;
}
.view-start-date form .form-content.direct-debit-confirmation {
  position: relative;
}
.view-start-date form .form-content.direct-debit-confirmation a {
  color: #51524a;
  padding: 0 2px;
}
.view-start-date form .form-content.direct-debit-confirmation > h2 {
  color: #51524a;
  padding-bottom: 5px;
  margin-top: 20px;
  margin-bottom: 30px;
  border-bottom: 2px solid #4066B3;
  font-size: 20px;
}
.view-start-date form .form-content.direct-debit-confirmation p.address {
  line-height: 1.35;
}
.view-start-date form .form-content.direct-debit-confirmation p.address span {
  display: block;
}
.view-start-date form .form-content.direct-debit-confirmation p.instruction-heading {
  text-align: center;
  padding: 10px 0;
}
.view-start-date form .form-content.direct-debit-confirmation div.instruction label {
  display: block;
}
.view-start-date form .form-content.direct-debit-confirmation div.instruction span {
  border: 1px solid #f4f4f4;
  display: block;
  margin: 7px 0;
  padding: 5px 5px 3px 5px;
  min-height: 29px;
}
.view-start-date form .form-content.direct-debit-confirmation div.explanatory-text {
  background: #f5f5f5;
  padding: 15px 20px;
  line-height: 1.5;
  margin: 10px 0 20px 0;
  border: 1px solid #f4f4f4;
}
.view-start-date form .form-content.direct-debit-confirmation div.price {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 36px;
  color: #51524a;
}
.view-start-date form .form-content.direct-debit-confirmation div.guarantee {
  border: 1px solid #f4f4f4;
  margin-bottom: 20px;
}
.view-start-date form .form-content.direct-debit-confirmation div.guarantee h2 {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f4f4f4;
  color: #999;
  font-size: 20px;
  background: url(../image/direct-debit.jpg) top 2px right 5px no-repeat;
  background-size: 100px;
}
.view-start-date form .form-content.direct-debit-confirmation div.guarantee h2 span {
  display: inline-block;
  padding: 10px;
  border-right: 1px solid #f4f4f4;
  text-align: center;
  width: 75%;
}
.view-trust-details .background-image-container {
  background: url(../image/funeral-funding.jpg) no-repeat;
  background-position-x: right;
  background-size: 413px 333px;
}
.view-trust-details .form-content .form-group__input-container--radio {
  display: flex;
  padding: 0;
  width: 100%;
}
.view-trust-details .form-content p {
  max-width: 700px;
}
.view-trust-details .form-buttons--borderless {
  margin-bottom: 20px;
}
.view-trust-details .TrustOptions-Options.form-group > label:first-of-type:not(.input-container__label--radio) {
  width: unset;
}
.view-trust-details h3 {
  margin-top: 0;
}
.view-trust-review .form-content {
  max-width: 70%;
}
.view-sale-confirmation .details-box {
  max-width: 700px;
  margin: 30px 0px;
}
.view-sale-confirmation .details-box ul {
  list-style-type: none;
  margin-top: 20px;
  padding-left: 30px;
}
.view-sale-confirmation .details-box ul li {
  margin-top: 3em;
  margin-bottom: 3em;
}
.view-sale-confirmation .details-box ul li label {
  display: inline-block;
  min-width: 55%;
}
.view-sale-confirmation .details-box ul li:first-of-type {
  margin-top: 0px;
}
.view-sale-confirmation .details-box ul li:last-of-type {
  margin-bottom: 25px;
}
.view-sale-confirmation .declaration {
  margin-bottom: 20px;
  margin-top: 10px;
}
.view-sale-confirmation .declaration.login {
  background: url(../image/icon-open-mail.svg) no-repeat;
  background-size: 50px;
  padding-left: 60px;
}
.view-sale-confirmation .declaration.check-policy {
  background: url(../image/info-circle-blue-solid.svg) no-repeat;
  background-size: 50px;
  padding-left: 60px;
}
.view-sale-confirmation .declaration b {
  display: block;
  margin-bottom: 5px;
  font-family: Greycliff CF Extra Bold, calibre-web-bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.borderless-container {
  padding: 25px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
}
.borderless-container .form-buttons input {
  margin-right: unset;
  margin-left: unset;
  min-width: 15em;
}
.borderless-container .form-buttons input:first-of-type {
  margin-right: 20px;
}
.borderless-container .form-content p {
  max-width: 700px;
}
.declaration {
  display: inline-block;
  width: 100%;
}
.declaration .genetics > ul {
  margin: 20px 0;
}
.declaration .genetics p {
  margin-top: 10px;
  margin-bottom: 0;
}
.declaration .genetics p:first-child {
  margin: 0;
}
.declaration h2 {
  font-size: 16px;
  color: #51524a;
  font-family: FSMeWeb-Light;
  border-bottom: 2px solid #4066B3;
  padding-bottom: 5px;
  margin: 0 0 20px 0;
}
.declaration h2 + h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.declaration h2 + h2 + ol {
  margin-top: 20px;
}
.declaration div.price {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 36px;
  color: #51524a;
}
.declaration .confirmation.direct-confirmation {
  margin-bottom: 20px;
}
.idd {
  margin-bottom: 20px;
}
.idd h2 {
  background: url(../image/keyfacts.png) center left no-repeat;
  padding-left: 190px;
  padding-top: 10px;
  padding-bottom: 40px;
  margin-top: 0;
  color: #51524a;
}
.idd h3 {
  padding-top: 15px;
  color: #51524a;
}
.idd h4 {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  color: #999;
  font-family: FSMeWeb-Light;
  padding: 9px 0 7px 0;
  clear: both;
}
.idd h5 {
  margin: 0;
  color: #999;
}
.idd p {
  font-size: 14px;
}
.idd .confirmation {
  background: #f5f5f5;
  padding: 15px 10px;
}
.idd ul {
  margin: 0;
  padding: 0 15px;
  list-style: none;
}
.idd ul li {
  font-size: 14px;
  color: #51524a;
  margin-bottom: 5px;
}
.idd ul li:before {
  content: "☐";
  display: inline-block;
  width: 30px;
  font-size: 20px;
  position: relative;
  top: 1px;
}
.idd ul li.checked:before {
  content: "☑";
}
.idd .address {
  float: right;
  margin-bottom: 20px;
}
.idd .address span {
  display: block;
  font-family: FSMeWeb-Light;
  color: #999;
}
.idd input[type="checkbox"] {
  position: relative;
  left: 0;
  top: 1px;
  margin-right: 10px;
}
.idd input[type="checkbox"] + span {
  font-size: 14px;
  color: #51524a;
}
ul.documents {
  list-style: none;
  position: relative;
  margin-bottom: 25px;
  padding: 20px 30px;
  border: 1px solid #f4f4f4;
  background: #f5f5f5;
}
ul.documents li {
  display: inline-block;
}
ul.documents li a {
  background: url("../image/pdf.png") center left no-repeat;
  font-size: 14px;
  padding-left: 25px;
}
ul.documents li + li {
  margin-left: 20px;
}
ul.securemessages {
  list-style: none;
  position: relative;
  margin-bottom: 25px;
  padding: 20px 30px;
  border: 1px solid #f4f4f4;
  background: #f5f5f5;
}
ul.securemessages li {
  display: inline-block;
}
ul.securemessages li a {
  font-size: 14px;
  padding-left: 25px;
}
ul.securemessages li + li {
  margin-left: 20px;
}
.view-client-search table {
  width: 100%;
  border-spacing: 0 15px;
}
.view-client-search table thead {
  background: #ececec;
}
.view-client-search table th,
.view-client-search table td {
  padding: 10px;
}
.view-client-search table .clickable-row {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.view-client-search table .clickable-row:hover {
  background: #C6C6C6;
  transition: background-color 0.5s ease-out;
}
.view-sale-confirmation .confirmation-container,
.view-flex-summary .confirmation-container,
.view-sale-confirmation .confirmation-container-heading-data,
.view-flex-summary .confirmation-container-heading-data {
  font-weight: bold;
  background-color: #EFF0F0;
  padding: 2em 2em 0 2em;
  margin-bottom: 2em;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row,
.view-flex-summary .confirmation-container .confirmation-container__row,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow,
.view-flex-summary .confirmation-container .confirmation-container__Datarow,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow,
.view-flex-summary .confirmation-container .confirmation-container__topRow,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO {
  position: relative;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #fff;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row:last-child,
.view-flex-summary .confirmation-container .confirmation-container__row:last-child,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row:last-child,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row:last-child,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow:last-child,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow:last-child,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow:last-child,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow:last-child,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow:last-child,
.view-flex-summary .confirmation-container .confirmation-container__Datarow:last-child,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow:last-child,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow:last-child,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow:last-child,
.view-flex-summary .confirmation-container .confirmation-container__topRow:last-child,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow:last-child,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow:last-child,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO:last-child,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO:last-child,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO:last-child,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO:last-child {
  border-bottom: none;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row .confirmation-container__cell,
.view-flex-summary .confirmation-container .confirmation-container__row .confirmation-container__cell,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow .confirmation-container__cell,
.view-flex-summary .confirmation-container .confirmation-container__Datarow .confirmation-container__cell,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow .confirmation-container__cell,
.view-flex-summary .confirmation-container .confirmation-container__topRow .confirmation-container__cell,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell {
  font-size: 0.9em;
  width: 21.08333333%;
  width: 11.83333333%;
  display: inline-block;
  display: table-cell;
  padding: 1em 0.25em 1em 0.25em;
  border-top: solid 1px #fff;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container .confirmation-container__row .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container .confirmation-container__Datarow .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container .confirmation-container__topRow .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell__heading {
  width: 21.08333333%;
  display: inline-block;
  width: 11.83333333%;
  font-weight: normal;
  font-size: 0.9em;
  display: table-cell;
  padding: 1em 0.25em 1em 0.25em;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row .confirmation-container__cell--description,
.view-flex-summary .confirmation-container .confirmation-container__row .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--description,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--description,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--description,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--description,
.view-flex-summary .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--description,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow .confirmation-container__cell--description,
.view-flex-summary .confirmation-container .confirmation-container__topRow .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--description,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--description,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--description,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--description,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--description {
  width: 21.08333333%;
  font-size: 0.9em;
  display: inline-block;
  display: table-cell;
  padding: 1em 0.25em 1em 0.25em;
  border-top: solid 1px #fff;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container .confirmation-container__row .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container .confirmation-container__topRow .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--description__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--description__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--description__heading {
  width: 21.08333333%;
  display: inline-block;
  font-weight: normal;
  font-size: 0.9em;
  display: table-cell;
  padding: 1em 0.25em 1em 0.25em;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container .confirmation-container__row .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate {
  width: 21.08333333%;
  font-size: 0.9em;
  display: inline-block;
  display: table-cell;
  padding: 1em 0.25em 1em 0.25em;
  border-top: solid 1px #fff;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container .confirmation-container__row .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate__heading,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate__heading,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row-GIO .confirmation-container__cell--firstCollectionDate__heading {
  width: 21.08333333%;
  display: inline-block;
  font-weight: normal;
  font-size: 0.9em;
  display: table-cell;
  padding: 1em 0.25em 1em 0.25em;
}
.view-sale-confirmation .confirmation-container .confirmation-container__row,
.view-flex-summary .confirmation-container .confirmation-container__row,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__row,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__row {
  width: 91%;
}
.view-sale-confirmation .confirmation-container .confirmation-container__topRow,
.view-flex-summary .confirmation-container .confirmation-container__topRow,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__topRow,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__topRow {
  border-bottom: none;
  padding: 0px;
}
.view-sale-confirmation .confirmation-container .confirmation-container__Headingsrow,
.view-flex-summary .confirmation-container .confirmation-container__Headingsrow,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Headingsrow,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Headingsrow {
  display: table-row;
}
.view-sale-confirmation .confirmation-container .confirmation-container__Datarow,
.view-flex-summary .confirmation-container .confirmation-container__Datarow,
.view-sale-confirmation .confirmation-container-heading-data .confirmation-container__Datarow,
.view-flex-summary .confirmation-container-heading-data .confirmation-container__Datarow {
  display: table-row;
}
.view-sale-confirmation table,
.view-flex-summary table {
  margin-bottom: 12px;
}
.view-sale-confirmation .confirmation-container-heading-data,
.view-flex-summary .confirmation-container-heading-data {
  display: table;
  padding: 0 0 1em 0;
}
.sortcode input[type="text"],
.sortcode input[type="number"] {
  width: 6em;
  margin-right: 1.2em;
}
.initial-payment {
  margin: 1em 0em 1em 0.2em;
  display: block;
  width: 14.5em;
}
.initial-payment input[type="text"] {
  width: 96%;
}
.monetary-amount {
  margin-left: 0.5em;
  font-size: 16.8px;
}
.view-payment-details .form-content .form-section {
  border-top: 1px solid #f0f0f0;
  padding: 1em 0;
}
.view-payment-details .form-content .form-section .form-group {
  border: none;
}
.view-payment-details .form-content .form-buttons--secondary .btn {
  float: none;
  margin-right: 1.2em;
}
.view-payment-details .form-content .form-buttons--secondary .btn-secondary {
  margin-left: 0;
  width: unset;
  min-width: unset;
}
.view-payment-details .politically-exposed {
  background-color: #f4f4f4;
  padding: 5%;
}
.view-payment-details .input-container__label--checkbox {
  font-size: initial;
}
.view-payment-summary .confirmation-card button {
  max-width: 460px;
}
.view-payment-summary .agent-details {
  background-color: #f4f4f4;
  padding: 5%;
}
.view-edit-summary .product-summary {
  min-height: 380px;
  margin: -20px -37px 1.2em;
}
.view-edit-summary .product-summary h2 {
  margin: 0px 0px 10px 0px;
}
.view-edit-summary .product-summary--whole-page__list-container {
  gap: 140px;
}
.view-edit-summary .product-summary--whole-page__list-container__list-details__data {
  width: unset;
}
.view-edit-summary .decision .declaration__header:nth-of-type(1),
.view-edit-summary .declaration .declaration__header:nth-of-type(1) {
  font-size: 30px;
}
.view-edit-summary .decision .declaration__header:nth-of-type(1) p,
.view-edit-summary .declaration .declaration__header:nth-of-type(1) p {
  margin-top: 0px;
}
.view-edit-summary .decision .decision__commission-disclosure,
.view-edit-summary .declaration .decision__commission-disclosure {
  border: solid 1px #4C9BB5;
}
.view-edit-summary .decision ul,
.view-edit-summary .declaration ul {
  max-width: 700px;
}
.view-edit-summary .decision ul li::marker,
.view-edit-summary .declaration ul li::marker {
  font-size: 24px;
  color: #0E7196;
}
.view-edit-summary .decision .btn-commission-details,
.view-edit-summary .declaration .btn-commission-details {
  margin-top: 40px;
}
.view-edit-summary .form-content .product-summary:nth-of-type(2) {
  margin-top: 60px;
}
.view-start-date .policy-issue-list {
  max-width: 732px;
}
.view-start-date .policy-issue-list ul {
  padding-left: 6px;
  list-style: none;
  margin: 0;
}
.view-start-date .policy-issue-list .center {
  padding-top: 16px;
  margin-bottom: 35px;
}
.view-start-date .policy-issue-list li {
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
}
.view-start-date .policy-issue-list li.welcome:before {
  content: url(../image/envelope-open-text-solid.svg);
  float: left;
  width: 25px;
  height: auto;
  padding: 10px 12px 10px 12px;
  border: 3px solid #1E193E;
  border-radius: 100%;
  margin-right: 20px;
}
.view-start-date .policy-issue-list li.acknowledgment {
  margin-bottom: 1.5em;
}
.view-start-date .policy-issue-list li.acknowledgment:before {
  content: url(../image/user-alt-solid.svg);
  float: left;
  width: 25px;
  height: auto;
  padding: 10px 12px 10px 12px;
  border: 3px solid #1E193E;
  border-radius: 100%;
  margin-right: 20px;
  margin-bottom: 10px;
}
.view-start-date .policy-issue-list li.paymentETA:before {
  content: url(../image/clock-regular.svg);
  float: left;
  width: 25px;
  height: auto;
  padding: 10px 12px 10px 12px;
  border: 3px solid #1E193E;
  border-radius: 100%;
  margin-right: 20px;
  margin-bottom: 10px;
}
.view-start-date .important {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.view-start-date .important:before {
  content: url(../image/icon-exclamation.svg);
  width: 25px;
  height: auto;
  padding: 5px 12px 10px 0px;
  margin-right: 30px;
  float: left;
}
.view-summary .viewport,
.view-logoff .viewport,
.view-challenge-screen .viewport,
.view-change-address .viewport,
.view-maintain-dd .viewport,
.viewport-no-background .viewport,
.view-change-number .viewport,
.view-change-email-address .viewport,
.view-personal-details .viewport,
.view-change-marketing-preferences .viewport,
.view-change-agm-preferences .viewport,
.view-invite-topup .viewport {
  background: none;
}
.view-summary .auto-width,
.view-logoff .auto-width,
.view-challenge-screen .auto-width,
.view-change-address .auto-width,
.view-maintain-dd .auto-width,
.viewport-no-background .auto-width,
.view-change-number .auto-width,
.view-change-email-address .auto-width,
.view-personal-details .auto-width,
.view-change-marketing-preferences .auto-width,
.view-change-agm-preferences .auto-width,
.view-invite-topup .auto-width {
  width: auto;
}
.view-maturity-clientdetails .form-container.maturity-container p,
.view-maturity-changedetails .form-container.maturity-container p,
.view-paymentmethod .form-container.maturity-container p,
.view-maturity-onefamily .form-container.maturity-container p,
.view-maturity-better-future .form-container.maturity-container p,
.view-confirm-withdrawal .form-container.maturity-container p,
.view-beforeyougo .form-container.maturity-container p,
.view-maturitystart .form-container.maturity-container p,
.view-allocate-money .form-container.maturity-container p {
  font-size: 16.6px;
  max-width: 660px;
}
.view-maturity-clientdetails .action-button,
.view-maturity-changedetails .action-button,
.view-paymentmethod .action-button,
.view-maturity-onefamily .action-button,
.view-maturity-better-future .action-button,
.view-confirm-withdrawal .action-button,
.view-beforeyougo .action-button,
.view-maturitystart .action-button,
.view-allocate-money .action-button {
  width: 100px;
  min-height: 36px !important;
  margin-bottom: 10px;
}
.view-maturity-clientdetails #name-container {
  display: none;
}
@media (max-width: 792px) {
  .view-maturity-clientdetails #firstname-container,
  .view-maturity-clientdetails #surname-container {
    display: none;
  }
  .view-maturity-clientdetails #name-container {
    display: flex;
  }
}
.view-maturity-changedetails .text-container-icon {
  content: url(../image/icon-pen.svg);
  cursor: pointer;
}
.view-maturity-paymentmethod #action-card-bank {
  background: url(../image/corona-bg-panel-1.svg) top right no-repeat;
  background-color: #E0EFF5;
}
.view-maturity-paymentmethod #action-card-bank .action-card__icon {
  content: url(../image/icon-bacs.svg);
}
.view-maturity-paymentmethod #action-card-cheque {
  background: url(../image/corona-bg-panel-2.svg) bottom right no-repeat;
  background-color: #E0EFF5;
}
.view-maturity-paymentmethod #action-card-cheque .action-card__icon {
  content: url(../image/icon-cheque.svg);
}
.view-maturitystart .action-card {
  max-width: 730px;
}
.view-maturity-paymentmethod .action-card {
  max-width: 645px;
}
.view-maturitydecide .action-card {
  max-width: 645px;
}
.view-maturitydecide .action-card__icon {
  width: 48px;
  height: 37px;
}
.view-maturitydecide #action-card-start {
  background: url(../image/corona-bg-panel-1.svg) top right no-repeat;
  background-color: #E0EFF5;
}
.view-maturitydecide #action-card-start .action-card__icon {
  content: url(../image/icon-tick-white.svg);
  filter: invert(1);
}
.view-maturitydecide #action-card-ideas {
  background: url(../image/corona-bg-panel-2.svg) bottom right no-repeat;
  background-color: #E0EFF5;
}
.view-maturitydecide #action-card-ideas .action-card__icon {
  content: url(../image/icon-cross-white.svg);
  filter: invert(1);
  margin-left: -45px;
}
.view-maturitydecide .info-card-mt {
  margin-top: 35px;
  max-width: 645px;
}
@media (max-width: 792px) {
  .view-dashboard .form-section .form-group--half-container {
    flex-direction: column;
    width: 100%;
  }
  .view-maturitydecide .maturity-container {
    min-height: 830px;
  }
  view-products-options--layout-container + .ui-dialog,
  .view-allocate-money--layout-container + .ui-dialog {
    width: 90% !important;
  }
  .view-money-choices--layout-container + .ui-dialog {
    left: 0px !important;
  }
  .view-money-choices--layout-container + .ui-dialog #confirm-choices h2 {
    width: 95% !important;
  }
  .view-fund-choices .content-area--bottom {
    flex-wrap: wrap;
  }
  .money-choices .action-panel .reset-icon a {
    padding-left: 6px;
  }
}
.view-maturitystart .maturity-container .highlight-text {
  color: #007196;
}
.view-maturitystart #action-card-saveall {
  background: url(../image/panel-bg-save-all.svg) top right no-repeat;
  background-color: #E0EFF5;
}
.view-maturitystart #action-card-saveall .action-card__icon {
  content: url(../image/icon-save-all.svg);
}
.view-maturitystart #action-card-savesome {
  background: url(../image/panel-bg-save-some.svg) top right no-repeat;
  background-color: #E0EFF5;
}
.view-maturitystart #action-card-savesome .action-card__icon {
  content: url(../image/icon-save-some-small.svg);
}
.view-maturitystart #action-card-withdraw {
  background: url(../image/panel-bg-withdraw.svg) top right no-repeat;
  background-color: #E0EFF5;
}
.view-maturitystart #action-card-withdraw .action-card__icon {
  content: url(../image/icon-withdraw.svg);
}
.view-maturitystart .action-card__group {
  margin-bottom: 40px;
}
.view-maturitystart .circle-off,
.view-maturitystart .circle-on {
  width: 34px;
  height: 34px;
  background: #ffffff;
  border-radius: 50%;
  border: 3px solid #707070;
}
.view-maturitystart .circle-on {
  background: black;
  box-shadow: inset 0 0 0 3px #ffffff;
}
.view-maturitystart .info-card-mt {
  margin-top: 35px;
  max-width: 730px;
}
.view-beforeyougo .content-panel {
  max-width: 440px !important;
}
.view-beforeyougo .content-image {
  background: url(../image/raisin-image.png) no-repeat;
  float: right;
  width: 440px;
  height: 380px;
  margin-top: -190px;
  background-size: 400px 350px;
}
.view-beforeyougo .action-button {
  max-width: 320px;
  min-height: 50px !important;
  width: 80vw;
}
.view-maturity-investment-funds .maturity-declaration-modal .modal-content {
  gap: unset;
}
.view-maturity-investment-funds .maturity-declaration-modal .modal-content ul {
  display: flex;
  flex-direction: column;
  margin: unset;
}
.view-maturity-investment-funds .maturity-declaration-modal .modal-content ul li {
  margin-bottom: unset;
  list-style-type: unset;
}
.view-maturity-investment-funds .maturity-container {
  max-width: 100%;
}
.view-maturity-investment-funds .maturity-container ul {
  padding: 0px;
  display: contents;
}
.view-maturity-investment-funds .maturity-container ul li {
  padding-right: 8px;
  padding-left: 8px;
}
.view-maturity-investment-funds .investment-funds {
  display: grid;
}
.view-maturity-investment-funds .investment-funds h1 {
  text-align: center;
}
.view-maturity-investment-funds .investment-funds .content-intro {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: unset;
}
.view-maturity-investment-funds .investment-funds .fund-container {
  height: 600px;
  border: 2px solid #5A6ECC;
}
.view-maturity-investment-funds .investment-funds .content-text {
  text-align: left;
  height: 50px;
  font-weight: bold;
  margin-top: 0px;
  padding: 10px;
  color: white !important;
  background-color: #5A6ECC;
}
.view-maturity-investment-funds .investment-funds .actions .action-button {
  margin: 0 auto;
  display: block;
  width: 310px;
  max-width: 100%;
  height: 60px;
  margin-top: 10px;
}
.view-maturity-investment-funds .investment-funds form {
  width: 100%;
  display: contents;
}
.view-maturity-investment-funds .lisa .content-text {
  background-color: #4E2971;
}
.view-maturity-investment-funds .carousel__slide {
  list-style: none;
  display: inline-block;
  float: left;
  width: 50%;
}
.view-lisa-funds-graph .form-container {
  padding: 40px;
  text-align: center;
}
.view-lisa-funds-graph .grid-container-large {
  width: 1170px;
}
.view-lisa-funds-graph .grid-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.view-lisa-funds-graph .grid-col-6 {
  grid-column: span 6;
}
.view-lisa-funds-graph .lisa-funds .content-intro {
  font-size: 20px;
  margin-bottom: 20px;
}
.view-lisa-funds-graph .lisa-funds .fund-container {
  height: 600px;
  margin-right: 13px;
  border: 2px solid #4E2971;
}
.view-lisa-funds-graph .lisa-funds .content-text {
  text-align: left;
  height: 50px;
  font-weight: bold;
  margin-top: 0px;
  padding: 10px;
  color: white;
  background-color: #4E2971;
}
.view-lisa-funds-graph .lisa-funds .select-button {
  width: 307px;
  height: 60px;
  margin-top: 10px;
}
.view-lisa-funds-graph .lisa-funds .performance-header {
  height: 430px;
  background-color: #DBD4E2;
}
.view-declaration-modal .declaration {
  padding: 40px;
  width: 900px;
}
.view-declaration-modal .declaration .content-bg {
  color: #42383B;
}
.view-declaration-modal .declaration .content-panel {
  width: 100%;
  margin-top: 10px;
}
.view-declaration-modal .declaration .content-text {
  font-weight: bold;
  margin-bottom: 30px;
}
.view-declaration-modal .declaration ul {
  width: 850px;
  columns: 2;
  column-gap: 45px;
}
.view-declaration-modal .declaration li {
  margin-top: 0px !important;
  font-size: 16px !important;
}
.view-declaration-modal .declaration .confirm-button {
  width: 216px;
  height: 63px;
}
.view-declaration-modal .declaration .goback-link {
  padding-left: 35px;
}
.view-overseas-address .overseas-address {
  padding: 40px 50px 50px 50px;
}
.view-overseas-address .overseas-address .content-text {
  max-width: 580px;
  font-size: 16.8px;
  margin-bottom: 25px;
}
.view-overseas-address .overseas-address .content-phone {
  font-size: 36px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  margin-left: 70px;
}
.view-overseas-address .overseas-address .content-image {
  height: 60px;
  background-size: 60px 60px !important;
  background: url('../image/icon-mobile.svg') no-repeat;
  /*TODO: Phone Icon is not provided in the Assets Package - Ask for a new icon */
  margin-bottom: 25px;
}
.view-overseas-address .overseas-address .content-button {
  width: 250px;
  margin-top: 25px;
}
.view-updateaddress .actions .btn {
  min-height: 50px;
}
.view-updateaddress .form-group {
  width: 45%;
}
.view-updateaddress .form-group input {
  width: 100% !important;
}
.view-updateaddress .form-group-wide {
  width: 100% !important;
  padding-right: 42px;
}
.view-updateaddress .address-update-text {
  max-width: 600px;
}
.view-updateaddress .address-update-text .top-text {
  padding-bottom: 15px;
}
.view-products-options .product-option .content-intro,
.view-money-hub .product-option .content-intro {
  width: 100%;
  display: inline-block;
  align-self: stretch;
  overflow: hidden;
  justify-content: flex-start;
  gap: 64px;
  display: inline-flex;
}
.view-products-options .maturity-container .content-intro,
.view-money-hub .maturity-container .content-intro {
  display: inline-block;
}
.view-products-options .content-bg .actions,
.view-money-hub .content-bg .actions {
  display: flex;
  gap: 1em;
  margin-right: 0;
}
.view-products-options .product-bg,
.view-money-hub .product-bg {
  color: white;
  padding: 20px;
}
.view-products-options .product-panel,
.view-money-hub .product-panel {
  width: 100%;
}
.view-products-options .product-panel h2,
.view-money-hub .product-panel h2 {
  color: white;
}
.view-products-options .content-text,
.view-money-hub .content-text {
  max-width: 640px;
  height: 50px;
  margin-top: 10px;
  text-align: left;
  font-size: 16px;
  display: inline-block;
  clear: both;
}
.view-products-options .product-title,
.view-money-hub .product-title {
  max-width: 275px;
  min-height: 44px;
  padding: 11px;
  background: #e5007e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  margin-top: -33px;
  margin-left: 0px;
  font-size: 16px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-products-options .product-text h4,
.view-money-hub .product-text h4 {
  color: white;
}
.view-products-options .container ul,
.view-money-hub .container ul {
  padding-inline-start: 25px;
  color: #1E193E;
  font-size: 20px;
  list-style-type: disc;
}
.view-products-options ul.lifetime,
.view-money-hub ul.lifetime {
  color: #e5007e;
}
.view-products-options .product-li,
.view-money-hub .product-li {
  color: white;
  margin-left: 12px;
  font-size: 15px;
}
.view-products-options .product-line,
.view-money-hub .product-line {
  width: 40px;
  margin-top: -8px;
  border-bottom: 3px solid #1E193E;
}
.view-products-options .product-line.lifetime,
.view-money-hub .product-line.lifetime {
  border-bottom: 3px solid #e5007e;
}
.view-products-options .carousel__slide,
.view-money-hub .carousel__slide {
  list-style: none;
  display: inline-block;
  float: left;
  width: 50%;
}
.view-products-options .content-panel ol li:first-child,
.view-money-hub .content-panel ol li:first-child {
  padding-right: 16px;
}
.view-products-options .content-panel ol,
.view-money-hub .content-panel ol {
  padding: 0px;
  display: contents;
}
.view-money-hub .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  font-size: 20px;
}
.view-money-hub .content-intro {
  font-family: Greycliff CF Regular;
  align-items: stretch;
}
.view-money-hub .content-intro .content-text {
  height: unset;
  margin-top: unset;
  color: #1E193E;
  font-size: 20px;
  font-weight: 400;
  word-wrap: break-word;
}
.view-money-hub .content-intro .content-image {
  width: 408px;
  height: 408px;
  margin-top: 34px;
  padding: 24px;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(30, 25, 62, 0.9) 0%, rgba(30, 25, 62, 0.41) 60%, rgba(30, 25, 62, 0) 100%), url(../image/maturity-graduate.jpg);
  background-position: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
}
.view-money-hub .content-intro .content-image .sub-caption {
  color: white;
  font-size: 24px;
  font-weight: 700;
  line-height: 28.8px;
  word-wrap: break-word;
}
.view-money-hub .content-intro .content-image .sub-text {
  color: white;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  word-wrap: break-word;
}
.view-money-hub .content-bg {
  background-color: #E0EFF5;
  padding: 22px;
  display: flex;
  flex-direction: column;
}
.view-money-hub .content-panel {
  width: 100%;
}
.view-money-hub .content-options {
  align-self: stretch;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
  align-items: stretch;
}
.view-money-hub .content-options .option-container {
  width: 100%;
  padding: 24px;
  background: white;
  outline: 1px #E6E6E6 solid;
  outline-offset: -1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
}
.view-money-hub .content-options .option-container .option-image {
  background-color: none;
}
.view-money-hub .content-options .option-container .option-icon {
  height: 72px;
  width: 72px;
}
.view-money-hub .content-options .option-container .option-text {
  min-height: 90px;
}
.view-money-hub .content-options .option-container .option-footer {
  display: none;
}
.view-money-hub .exit-icon {
  background: url(../image/icon-exit-back.svg) no-repeat;
  background-size: 16px 20px;
  align-self: center;
  padding-left: 20px;
}
@media (max-width: 792px) {
  .view-money-hub.layout-container .container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .view-money-hub.layout-container .container .content-intro {
    flex-direction: column;
    gap: 24px;
  }
  .view-money-hub.layout-container .container .content-intro .content-image {
    width: unset;
    max-width: 550px;
    margin-top: unset;
    margin: auto;
    background-position: center;
  }
  .view-money-hub.layout-container .actions {
    margin-right: unset;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .view-money-hub.layout-container .actions .button {
    margin: unset;
    flex-basis: 100%;
  }
}
.view-products-options .content-panel {
  width: 100%;
  margin-top: 50px;
}
.view-products-options .content-text {
  margin-top: 20px;
}
.view-products-options .content-text .info {
  display: inline-block;
  width: 88%;
}
.view-products-options .text-info {
  width: 38px;
  height: 30px;
  margin-top: 5px;
}
.view-products-options .text-info.icon {
  background: url('../image/icon-info-white.svg') no-repeat;
  background-size: 30px 24px;
  display: inline-block;
  cursor: pointer;
  filter: invert(1);
  float: left;
}
.view-products-options .compare-product {
  display: flex;
}
.view-products-options .compare-product .icon-compare-products {
  content: url(../image/icon-compare-products.svg);
  background-size: auto;
  display: inline-block;
  cursor: pointer;
  padding-right: 10px;
  padding-bottom: 30px;
}
.view-products-options .compare-product .info {
  display: inline-block;
  color: #0E7196;
  text-decoration: underline;
  cursor: pointer;
}
.view-maturity-sorry .actions.action-panel {
  display: flex;
  flex-direction: column;
  gap: 37px;
}
.view-maturity-sorry .content-form {
  display: flex;
  justify-content: space-between;
}
.view-maturity-sorry .content-text {
  max-width: 550px;
}
.view-maturity-sorry .content-text :last-child {
  margin-bottom: 40px;
}
.view-maturity-sorry .content-image {
  min-width: 355px;
  height: 355px;
  background: url(../image/save-from-1-pound.svg) no-repeat padding-box;
  background-size: 355px 355px;
}
.view-fund-choices h2 {
  font-size: 30px;
}
.view-fund-choices .flex-container__centered {
  justify-content: space-evenly;
}
.view-fund-choices .content-area--top {
  margin-bottom: 30px;
}
.view-fund-choices .content-area--top p {
  font-size: 20px;
}
.view-fund-choices .actions {
  display: flex;
  justify-content: center;
}
.view-fund-choices .actions .action-button {
  min-width: 260px;
  height: 60px;
}
.view-fund-choices #lifetime {
  background-color: #4E2971;
}
.view-fund-choices #lifetime.done {
  background: url(../image/lisa-done-bg.svg) top right no-repeat, url(../image/corona-bg-20pc-bottom-left.svg) bottom left no-repeat;
  background-color: #4E2971;
}
.view-fund-choices #stocksandshares {
  background-color: #5A6ECC;
}
.view-fund-choices #stocksandshares.done {
  background: url(../image/isa-done-bg.svg) top right no-repeat, url(../image/corona-bg-20pc-bottom-left.svg) bottom left no-repeat;
  background-color: #5A6ECC;
}
.view-fund-choices #withdrawal {
  background-color: #D90077;
}
.view-fund-choices #withdrawal.done {
  background: url(../image/withdrawal-done-bg.svg) top right no-repeat, url(../image/corona-bg-20pc-bottom-left.svg) bottom left no-repeat;
  background-color: #D90077;
}
.view-fund-choices #yoti {
  height: 100px;
}
.view-fund-choices .yoti-container {
  width: 320px;
}
.view-fund-choices .action-button {
  width: 320px;
}
.view-fund-choices .action-button:disabled {
  background-color: #F1F1F0;
  border: 1px solid #9E9E9E;
  color: #9E9E9E;
}
.view-fund-choices .action-button:disabled:hover {
  background-color: #808080;
  color: #000000;
}
.maturity-container .content-area {
  text-align: center;
}
.maturity-container .content-area p {
  max-width: initial;
}
.maturity-container .content-area--bottom {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  font-size: 16px;
}
.maturity-container .content-area--bottom p,
.maturity-container .content-area--bottom a {
  margin: unset;
}
.maturity-container .content-area--bottom h5 {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-style: italic;
}
.view-maturity-not-lisa .form-container .actions,
.view-maturity-why-lisa .form-container .actions {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 0;
}
.view-maturity-not-lisa .form-container .actions .action-button,
.view-maturity-why-lisa .form-container .actions .action-button {
  margin-left: unset;
  margin-right: unset;
}
.view-maturity-not-lisa .form-container .actions .btn-secondary-portal,
.view-maturity-why-lisa .form-container .actions .btn-secondary-portal {
  max-width: 350px;
  background-color: #b5d3df;
  border-color: #b5d3df;
}
.view-maturity-not-lisa .form-container .actions .btn-secondary-portal:hover,
.view-maturity-why-lisa .form-container .actions .btn-secondary-portal:hover,
.view-maturity-not-lisa .form-container .actions .btn-secondary-portal:focus,
.view-maturity-why-lisa .form-container .actions .btn-secondary-portal:focus,
.view-maturity-not-lisa .form-container .actions .btn-secondary-portal:active,
.view-maturity-why-lisa .form-container .actions .btn-secondary-portal:active {
  background-color: #4C9BB5;
  border-color: #4C9BB5;
}
.view-maturity-not-lisa .form-container p,
.view-maturity-why-lisa .form-container p {
  max-width: none;
}
.view-maturity-not-lisa .form-container .content-area--bottom,
.view-maturity-why-lisa .form-container .content-area--bottom {
  margin-bottom: 0px;
  margin-top: 0px;
}
.view-maturity-not-lisa .form-container .content-area--bottom h5,
.view-maturity-why-lisa .form-container .content-area--bottom h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.view-withdrawal-failure .content-section {
  font-size: 16.8px;
  margin-bottom: 32px;
}
.view-withdrawal-failure .content-button {
  width: 250px;
  height: 50px;
  margin-top: 25px;
}
@media (max-width: 792px) {
  .view-fund-choices .content-area--top {
    text-align: left;
  }
  .view-fund-choices .actions .action-button {
    margin: auto;
  }
  .view-maturity-final-page .junior-panel {
    height: auto !important;
  }
  .view-maturity-final-page .junior-panel .grid-col-7 {
    grid-column: span 12;
  }
  .view-maturity-final-page .junior-panel .junior-text {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 15px;
  }
  .view-maturity-final-page .exit-button {
    width: 100% !important;
  }
}
.view-maturity-onefamily .content-bg {
  background: url(../image/circles-bg-25pc-bottom-left.svg) bottom left no-repeat padding-box, url(../image/circles-bg-25pc-top-right.svg) top right no-repeat padding-box;
  background-color: #FFDCC3;
}
.view-maturity-onefamily .content-image {
  min-width: 285px;
  height: 222px;
  background: url(../image/being-part-of-onefamily.jpg) no-repeat;
  background-size: 285px 222px;
}
.view-maturity-onefamily .header-mobile {
  display: none;
}
.view-maturity-onefamily .action-button {
  width: 275px;
  height: 60px;
}
.view-maturity-better-future .content-bg {
  background: url(../image/circles-bg-25pc-bottom-left.svg) bottom left no-repeat padding-box, url(../image/circles-bg-25pc-top-right.svg) top right no-repeat padding-box;
  background-color: #C8EAE5;
}
.view-maturity-better-future .content-image {
  margin-top: 40px;
  min-width: 304px;
  height: 171px;
  background: url(../image/better-futures-video.jpg) no-repeat padding-box;
  background-size: 304px 171px;
  border: none;
}
.view-maturity-better-future .content-media-mobile {
  display: none;
}
.view-maturity-better-future .header-mobile {
  display: none;
}
.view-maturity-better-future .action-button {
  width: 275px;
  height: 60px;
}
@media (max-width: 792px) {
  .view-maturity-onefamily .form-container .actions {
    margin-right: 0;
  }
  .view-maturity-onefamily .form-container .action-button {
    margin-right: 0;
  }
  .view-maturity-onefamily .header-mobile {
    display: initial;
  }
  .view-maturity-onefamily .header-mobile :first-child {
    margin-bottom: 15px;
  }
  .view-maturity-onefamily .content-header {
    display: none;
  }
  .view-maturity-better-future .content-image {
    width: 100%;
    min-width: unset;
  }
  .view-maturity-better-future .form-container .actions {
    margin-right: 0;
  }
  .view-maturity-better-future .form-container .action-button {
    margin-right: 0;
  }
  .view-maturity-better-future .header-mobile {
    display: initial;
  }
  .view-maturity-better-future .header-mobile :first-child {
    margin-bottom: 15px;
  }
  .view-maturity-better-future .content-media-mobile {
    margin: auto;
    display: block;
  }
  .view-maturity-better-future .content-header {
    display: none;
  }
}
.view-allocate-money .form-container .flex-container__centered,
.view-maturity-confirm-withdrawal .form-container .flex-container__centered {
  align-items: center;
  justify-content: center;
  gap: 0px 30px;
}
.view-allocate-money .form-container .content-bg,
.view-maturity-confirm-withdrawal .form-container .content-bg {
  min-height: 650px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view-allocate-money .form-container .content-header,
.view-maturity-confirm-withdrawal .form-container .content-header {
  margin-bottom: 30px;
  text-align: center;
}
.view-allocate-money .form-container .content-header p,
.view-maturity-confirm-withdrawal .form-container .content-header p {
  margin: auto;
  max-width: 640px;
  font-size: 20px;
}
.view-allocate-money .form-container .content-input,
.view-maturity-confirm-withdrawal .form-container .content-input {
  margin: 20px 0px 20px 0px;
}
.view-allocate-money .form-container .content-link,
.view-maturity-confirm-withdrawal .form-container .content-link {
  align-self: flex-start;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  text-decoration: underline;
}
.view-allocate-money .form-container .content-chart,
.view-maturity-confirm-withdrawal .form-container .content-chart {
  width: 270px;
  height: 270px;
  position: relative;
}
.view-allocate-money .form-container #chart-canvas,
.view-maturity-confirm-withdrawal .form-container #chart-canvas {
  width: 250px;
  height: 250px;
}
.view-allocate-money .form-container .chart-text,
.view-maturity-confirm-withdrawal .form-container .chart-text {
  bottom: 119px;
  font-size: 16px;
  text-align: center;
  color: black;
  position: absolute;
  width: 77%;
  max-width: 200px;
  left: 24px;
}
.view-allocate-money .form-container .maturity-edit-box-group .edit-box.lifetime,
.view-maturity-confirm-withdrawal .form-container .maturity-edit-box-group .edit-box.lifetime {
  background: url(../image/split-bg-panel-1.svg) top right no-repeat;
  background-color: #4E2971;
}
.view-allocate-money .form-container .maturity-edit-box-group .edit-box.stocks,
.view-maturity-confirm-withdrawal .form-container .maturity-edit-box-group .edit-box.stocks {
  background: url(../image/split-bg-panel-2.svg) top right no-repeat;
  background-color: #5A6ECC;
}
.view-allocate-money .form-container .maturity-edit-box-group .edit-box.withdrawal,
.view-maturity-confirm-withdrawal .form-container .maturity-edit-box-group .edit-box.withdrawal {
  background: url(../image/split-bg-panel-1.svg) top right no-repeat;
  background-color: #D90077;
}
.view-allocate-money .form-container .maturity-edit-box-group .edit-box.remaining,
.view-maturity-confirm-withdrawal .form-container .maturity-edit-box-group .edit-box.remaining {
  align-items: center;
  background: url(../image/split-bg-panel-2.svg) top right no-repeat;
  background-color: #F1F1F0;
  color: black;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-allocate-money .form-container .maturity-edit-box-group .edit-box.remaining .edit-input,
.view-maturity-confirm-withdrawal .form-container .maturity-edit-box-group .edit-box.remaining .edit-input {
  border: none !important;
}
.view-allocate-money .form-container .maturity-edit-box-group .edit-box.remaining label,
.view-maturity-confirm-withdrawal .form-container .maturity-edit-box-group .edit-box.remaining label {
  padding: 8px;
}
.view-allocate-money .form-container .edit-reset.icon,
.view-maturity-confirm-withdrawal .form-container .edit-reset.icon {
  margin-top: 30px;
  width: 155px;
  background: url(../image/icon-reset.svg) no-repeat;
  background-size: 14px 23px;
}
.view-allocate-money .form-container .edit-reset.icon a,
.view-maturity-confirm-withdrawal .form-container .edit-reset.icon a {
  margin-left: 20px;
}
.view-allocate-money .form-container .action-button,
.view-maturity-confirm-withdrawal .form-container .action-button {
  z-index: initial;
  height: 60px;
  min-width: 280px;
}
.view-allocate-money .form-container .action-button:disabled,
.view-maturity-confirm-withdrawal .form-container .action-button:disabled {
  background-color: #F1F1F0;
  border: 1px solid #9E9E9E;
  color: #9E9E9E;
}
.view-allocate-money .form-container .action-button:disabled:hover,
.view-maturity-confirm-withdrawal .form-container .action-button:disabled:hover {
  background-color: #808080;
  color: #000000;
}
.view-allocate-money .form-container .actions.action-panel__centered,
.view-maturity-confirm-withdrawal .form-container .actions.action-panel__centered {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  width: 100%;
}
.view-allocate-money .form-container .actions.action-panel__centered .validation-text,
.view-maturity-confirm-withdrawal .form-container .actions.action-panel__centered .validation-text {
  font-size: 14px;
  text-align: center;
}
.view-allocate-money .form-container .btn-primary-portal.action-button,
.view-maturity-confirm-withdrawal .form-container .btn-primary-portal.action-button {
  margin-right: auto;
  margin-left: auto;
  min-width: 400px;
}
.view-allocate-money .form-container #allocateRemaining,
.view-maturity-confirm-withdrawal .form-container #allocateRemaining {
  margin: 10px 0px 20px 0px;
  background: white;
  border: 2px solid darkgray;
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.view-allocate-money .form-container #allocateOptions,
.view-maturity-confirm-withdrawal .form-container #allocateOptions {
  width: 385px;
  border: none;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 16px;
  padding-bottom: 6px;
  height: 46px;
  background-color: white;
}
.view-allocate-money .form-container #allocateOptions :first-child,
.view-maturity-confirm-withdrawal .form-container #allocateOptions :first-child {
  display: none;
}
.view-allocate-money .form-container .allocate-option,
.view-maturity-confirm-withdrawal .form-container .allocate-option {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-allocate-money .form-container .allocate-remaining,
.view-maturity-confirm-withdrawal .form-container .allocate-remaining {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-allocate-money .form-container .split-validation-area,
.view-maturity-confirm-withdrawal .form-container .split-validation-area {
  display: flex;
  align-items: center;
}
.view-allocate-money .form-container .split-validation-area .validation-icon,
.view-maturity-confirm-withdrawal .form-container .split-validation-area .validation-icon {
  margin-bottom: 1em;
  width: 28px;
  height: 22px;
  background: url(../image/icon-info-white.svg) no-repeat;
  background-size: 28px 20px;
  filter: invert(1);
}
.view-allocate-money .form-container .validation-hidden,
.view-maturity-confirm-withdrawal .form-container .validation-hidden {
  display: none;
}
.view-allocate-money .form-container .reset-area,
.view-maturity-confirm-withdrawal .form-container .reset-area {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  flex-wrap: wrap;
}
.view-allocate-money .form-container .reset-area .edit-reset,
.view-maturity-confirm-withdrawal .form-container .reset-area .edit-reset {
  margin-right: 2px;
}
.view-allocate-money .form-container .reset-area .edit-reset-icon,
.view-maturity-confirm-withdrawal .form-container .reset-area .edit-reset-icon {
  height: 14px;
  width: 20px;
  background: url(../image/icon-reset.svg) no-repeat;
  background-size: 14px 14px;
}
.view-allocate-money .form-container .reset-area a,
.view-maturity-confirm-withdrawal .form-container .reset-area a {
  cursor: pointer;
}
.view-allocate-money .form-container .reset-area .change-maturity-option,
.view-maturity-confirm-withdrawal .form-container .reset-area .change-maturity-option {
  color: #0E7196;
}
@media (max-width: 792px) {
  .view-allocate-money .form-container,
  .view-maturity-confirm-withdrawal .form-container {
    max-width: 100%;
    padding: 15px 20px 35px 20px;
  }
  .view-allocate-money .content-header,
  .view-maturity-confirm-withdrawal .content-header {
    text-align: left;
  }
  .view-allocate-money .content-header p,
  .view-maturity-confirm-withdrawal .content-header p {
    text-align: left;
  }
  .view-allocate-money .actions.action-panel__centered .validation-text,
  .view-maturity-confirm-withdrawal .actions.action-panel__centered .validation-text {
    max-width: 85%;
  }
  .view-allocate-money .content-input,
  .view-maturity-confirm-withdrawal .content-input {
    margin: 25px 0 20px 0px;
  }
  .view-allocate-money .btn.btn-primary-portal.action-button,
  .view-maturity-confirm-withdrawal .btn.btn-primary-portal.action-button {
    min-width: unset;
  }
  .view-allocate-money #allocateOptions,
  .view-maturity-confirm-withdrawal #allocateOptions {
    width: 100%;
    padding-right: 0px;
  }
}
.view-maturity-bank-payment .content-text {
  max-width: 600px;
  margin-bottom: 10px;
}
.view-maturity-bank-payment .content-text p {
  min-width: 545px;
}
.view-maturity-bank-payment .content-image {
  margin-top: 20px;
  margin-left: 40px;
  min-width: 375px;
  height: 210px;
  border: none;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
}
.view-maturity-bank-payment .content-media-mobile {
  display: none;
}
.view-maturity-bank-payment .action-button {
  width: 275px;
  height: 60px;
}
@media (max-width: 1150px) {
  .view-maturity-bank-payment .content-image {
    display: none;
  }
  .view-maturity-bank-payment .content-media-mobile {
    margin: 0;
    display: block;
  }
}
@media (max-width: 792px) {
  .view-maturity-bank-payment .content-header {
    display: initial;
  }
  .view-maturity-bank-payment .form-container .actions {
    margin-right: 0;
  }
  .view-maturity-bank-payment .form-container .action-button {
    margin-right: 0;
  }
  .view-maturity-bank-payment .content-media-mobile {
    margin: auto;
    display: block;
  }
  .view-maturity-bank-payment .content-image {
    margin-top: 0px;
    min-width: unset;
    height: 192px;
    width: 100%;
  }
  .view-maturity-bank-payment .content-text p {
    min-width: 0;
    max-width: 100%;
    margin-bottom: 22px;
  }
  .view-maturity-sorry .content-form {
    flex-direction: column;
  }
  .view-maturity-sorry .content-image {
    align-self: center;
    min-width: 240px;
    height: 240px;
    background-size: 240px 240px;
  }
}
.view-maturity-bank-payment-details .form-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.view-maturity-bank-payment-details .content-header :last-child {
  margin-bottom: 40px;
}
.view-maturity-bank-payment-details .actions.action-panel {
  margin: 40px 0px 40px 0px;
}
.view-maturity-bank-payment-details .actions.action-panel .btn-primary-portal {
  width: 250px;
}
.view-maturity-bank-payment-details .verify-yoti {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  background-color: #2d9fff;
}
.view-maturity-yoti-setup .form-container.maturity-container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 40px 40px 40px;
}
.view-maturity-yoti-setup .content-bg {
  background: #E0EFF5 url(../image/circles-bg-25pc-top-right.svg) top right no-repeat padding-box;
}
.view-maturity-yoti-setup .content-panel {
  width: 100%;
  padding: 30px 0px;
  justify-content: center;
  display: flex;
}
.view-maturity-yoti-setup .content-panel li,
.view-maturity-yoti-setup .content-panel ul {
  list-style: none;
}
.view-maturity-yoti-setup .content-panel li {
  margin: 0;
  position: relative;
  min-width: 280px;
  display: flex;
  flex-direction: column;
}
.view-maturity-yoti-setup .content-panel li .list-content {
  width: 205px;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
.view-maturity-yoti-setup .content-panel li .list-content .content-text1 {
  text-align: center;
  color: #1E193E;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 20px;
  padding: 10px 0px;
  width: 145px;
  align-self: center;
}
.view-maturity-yoti-setup .content-panel li .list-content .content-text2 {
  text-align: center;
  letter-spacing: 0px;
  color: #1E193E;
  font-size: 18px;
}
.view-maturity-yoti-setup .content-panel li .list-content .content-image1 {
  background-size: 110px 46px;
  height: 46px;
  float: left;
  width: 110px;
  display: inline-block;
  align-self: initial;
  margin: 0px 5px 0px 0px;
}
.view-maturity-yoti-setup .content-panel li .list-content .content-image2 {
  background-size: 110px 46px;
  height: 46px;
  width: 110px;
  display: inline-block;
  align-self: initial;
  margin: 0px;
}
.view-maturity-yoti-setup .content-panel li .content-line {
  width: 800px;
  border-bottom: 3px dashed #9E9E9E !important;
  margin-bottom: -28px;
  margin-left: 125px;
  border-color: transparent;
}
.view-maturity-yoti-setup .content-panel li span.line {
  position: absolute;
  width: 100%;
  height: 0;
  border: 1px dashed #9E9E9E;
  top: 1.5em;
  left: 9em;
}
.view-maturity-yoti-setup .content-panel li .content-circle {
  width: 53px;
  height: 53px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #0E7196;
  background: #fff 0 0 no-repeat padding-box;
  font: normal bold 24px/45px Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  z-index: 1;
}
.view-maturity-yoti-setup .content-panel li .content-image1 {
  height: 47px;
  width: 136px;
  cursor: pointer;
  background: url(../image/icon-app-store.svg) no-repeat;
  background-size: 136px 47px;
  margin: 10px 0px;
  align-self: center;
}
.view-maturity-yoti-setup .content-panel li .content-image2 {
  height: 47px;
  width: 136px;
  cursor: pointer;
  background: url(../image/icon-google-play.svg) no-repeat;
  background-size: 136px 47px;
  margin-top: 5px;
  align-self: center;
}
.view-maturity-yoti-setup .content-panel li .content-button1 {
  width: 275px;
  height: 60px;
}
.view-maturity-yoti-setup .content-panel li .content-button2 {
  width: 356px;
  height: 60px;
}
.view-maturity-yoti-setup .content-panel li:last-child {
  padding-right: 0px;
}
.view-maturity-cheque-payment .action-panel {
  margin-top: 45px !important;
}
.view-money-choices .maturity-simple-card {
  min-height: 200px;
  background: url(../image/circles-bg-25pc-small-top-right.svg) top right no-repeat, url(../image/corona-bg-20pc-bottom-left.svg) bottom left no-repeat;
  background-color: #E0EFF5;
}
.view-money-choices .maturity-simple-card h1,
.view-money-choices .maturity-simple-card h2,
.view-money-choices .maturity-simple-card h3,
.view-money-choices .maturity-simple-card h4,
.view-money-choices .maturity-simple-card h5,
.view-money-choices .maturity-simple-card p {
  color: white;
}
.view-money-choices #lifetime {
  background-color: #4E2971;
}
.view-money-choices #stocks {
  background-color: #5A6ECC;
}
.view-money-choices #withdrawal {
  background-color: #D90077;
}
.view-money-choices .money-choices .modal .modal-content .modal-body form .action-panel {
  align-items: center;
}
.view-money-choices .money-choices .reset-icon {
  margin: auto;
  background: url(../image/icon-reset.svg) no-repeat;
  background-size: 14px 23px;
  margin-top: 25px;
  max-width: 400px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-money-choices .content-area--bottom {
  margin-top: 20px;
  text-align: center;
}
.view-money-choices .action-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  text-align: center;
}
.view-money-choices .action-panel .reset-icon a {
  padding-left: 15px;
}
.view-money-choices .action-button {
  min-width: 280px;
  margin-right: 2.5em;
  margin-left: 0;
}
.view-maturity-bank-payment-details #yoti {
  height: 100px;
}
.view-maturity-bank-payment-details .yoti-container {
  max-width: 100%;
}
.view-maturity-bank-payment-details .action-button {
  margin-top: 1em;
  margin-bottom: 1em;
  width: 320px;
}
.view-maturity-bank-payment-details .actions.action-panel {
  margin-top: 1em;
  margin-bottom: 1em;
}
.view-maturity-yoti-retry .maturity-container {
  padding-bottom: 80px;
}
.view-maturity-yoti-retry .maturity-header__header {
  margin-bottom: unset;
}
.view-maturity-yoti-retry .action-button {
  min-width: 288px;
}
.view-maturity-yoti-retry .action-panel {
  margin-top: 30px;
}
.view-maturity-yoti-retry .content-text {
  margin-top: 40px;
}
.view-maturity-yoti-fail .maturity-header {
  margin-bottom: unset;
}
.view-maturity-yoti-fail .content-image {
  margin-right: 30px;
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  background: url(../image/icon-mobile.svg) no-repeat;
}
.view-maturity-yoti-fail .content-image-area {
  display: flex;
}
.view-products-options--layout-container + .ui-dialog,
.view-allocate-money--layout-container + .ui-dialog {
  width: 85% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
}
.view-maturity-id-complete .content-container {
  max-width: 574px;
  min-height: 125px;
  font-size: 16.8px;
  box-shadow: 0px 6px 6px #00000029;
  border: 1px solid #707070;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 0px 15px 20px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5em;
  justify-content: space-between;
}
.view-maturity-id-complete .content-container .content-section {
  display: flex;
  flex-direction: column;
}
.view-maturity-id-complete .content-container .content-section .content-text {
  font-weight: normal;
  margin-top: 5px;
}
.view-maturity-id-complete .content-container .content-section .content-line {
  border-top: 2px solid #42383B;
  width: 40px;
}
.view-maturity-id-complete .content-container .content-icon {
  width: 130px;
  height: 83px;
  margin-top: 25px;
  border-radius: 8px;
  background: url(../image/icon-id-confirmed.svg) no-repeat;
}
.view-maturity-id-complete .content-button {
  width: 250px;
  height: 50px;
  margin-top: 25px;
}
.view-maturity-compare-products-content {
  max-height: 500px;
  background-color: white;
}
.view-maturity-compare-products-content .grid-col-3 {
  grid-column: span 3;
}
.view-maturity-compare-products-content .grid-col-6 {
  grid-column: span 6;
}
.view-maturity-compare-products-content .compare-products-title {
  text-align: center;
  font: normal bold 23px/2px Greycliff CF;
  padding: 20px 41px 20px 46px;
  color: #42383B;
}
.view-maturity-compare-products-content .compare-products-container {
  width: 100%;
  margin-top: 30px;
  background: url(../image/circles-bg-25pc-small-top-right.svg) top right no-repeat, url(../image/corona-bg-isa-bottom-left.svg) center bottom no-repeat;
}
.view-maturity-compare-products-content .compare-products-text {
  height: 60px;
  text-align: left;
  font-size: 16px;
  padding: 20px;
  border: 1px solid #42383B;
  color: #42383B;
}
.view-maturity-compare-products-content .compare-products-info {
  height: 60px;
  text-align: center;
  padding: 20px 8px 20px 8px;
  border: 1px solid #42383B;
  color: white;
}
.view-maturity-compare-products-content .compare-products-color1 {
  background-color: #4E2971;
}
.view-maturity-compare-products-content .compare-products-color2 {
  background-color: #5A6ECC;
}
.view-maturity-compare-products-content .compare-products-tick {
  background: url(../image/icon-tick-white.svg) center no-repeat;
  height: 60px;
}
.view-maturity-compare-products-content .compare-products-cross {
  background: url(../image/icon-cross-white.svg) center no-repeat;
  height: 60px;
}
.view-maturity-compare-products-content .compare-products-close {
  width: 15px;
  height: 25px;
  background: url(../image/icon-cross-white.svg) center right no-repeat;
  filter: invert(1);
  color: #42383B !important;
  float: right;
  margin-right: -20px;
  border-bottom: 3px solid white;
  cursor: pointer;
}
.view-maturity-final-page .final-page .content-panel {
  width: 100%;
  margin-top: 10px;
  width: 585px;
}
.view-maturity-final-page .final-page .what-panel {
  width: 585px;
}
.view-maturity-final-page .final-page .what-text {
  font-weight: normal;
  font-size: 16.8px;
  width: 442px;
  height: 75px;
  margin-bottom: 30px;
  margin-left: -24px;
}
.view-maturity-final-page .final-page .what-image {
  width: 60px;
  height: 60px;
  background-color: #0E7196;
  background-size: 60px 60px !important;
}
.view-maturity-final-page .final-page .what-image.what-icon-1 {
  background: url(../image/icon-coins.svg) no-repeat;
}
.view-maturity-final-page .final-page .what-image.what-icon-2 {
  background: url(../image/icon-calendar.svg) no-repeat;
}
.view-maturity-final-page .final-page .what-image.what-icon-3 {
  background: url(../image/icon-document.svg) no-repeat;
}
.view-maturity-final-page .final-page .what-image.what-icon-4 {
  background: url(../image/icon-email.svg) no-repeat;
}
.view-maturity-final-page .final-page .what-image.what-icon-5 {
  background: url(../image/icon-remaining.svg) no-repeat;
}
.view-maturity-final-page .final-page .info-panel {
  width: 412px;
  height: 378px;
  font-size: 16.8px;
  padding: 20px;
  margin-left: 35px;
  background: url(../image/panel-bg-important.svg) top right no-repeat;
  background-color: #F1F1F0;
  border: 2px solid #42383B;
  border-radius: 4px;
  box-shadow: 0px 3px 6px #00000029;
}
.view-maturity-final-page .final-page .info-header {
  width: 310px;
  margin-top: 0px;
  font-size: 24px;
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.view-maturity-final-page .final-page .info-text {
  font-weight: normal;
  margin-bottom: 14px;
  width: 360px;
}
.view-maturity-final-page .final-page .info-bold {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 18px;
}
.view-maturity-final-page .final-page .info-line {
  border-top: 2px solid #42383B;
  width: 40px;
}
.view-maturity-final-page .final-page .junior-panel {
  height: 130px;
}
.view-maturity-final-page .final-page .what-text.junior-text {
  width: 460px;
}
.view-maturity-final-page .final-page .exit-button {
  width: 265px;
  height: 60px;
}
.view-maturity-final-page .final-page .grid-components,
.view-maturity-final-page .final-page .grid-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.view-maturity-final-page .final-page .grid-col-2 {
  grid-column: span 2;
}
.view-maturity-final-page .final-page .grid-col-10 {
  grid-column: span 10;
}
.view-maturity-final-page .final-page .grid-col-12 {
  grid-column: span 12;
}
.view-maturity-final-page .final-page .content-bg {
  color: #42383B;
}
.view-maturity-final-page .final-page .document-link {
  color: #4C9BB5;
}
.view-maturity-final-page .final-page .payment-held-intro {
  margin-bottom: 45px;
}
@media (max-width: 792px) {
  .view-maturity-final-page .final-page .content-panel {
    width: 100%;
  }
  .view-maturity-final-page .final-page .content-panel .what-panel {
    width: 100%;
  }
  .view-maturity-final-page .final-page .content-panel .what-panel .what-text {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-left: 15px;
  }
  .view-maturity-final-page .final-page .content-panel .info-panel {
    width: 100%;
    height: auto;
  }
  .view-maturity-final-page .final-page .content-panel .info-panel .info-text {
    width: 100%;
  }
  .summary-box ul {
    width: 100%;
  }
  .summary-box ul li {
    justify-content: space-between;
  }
  .summary-box ul li label {
    width: 180px;
  }
  .summary-box ul li data,
  .summary-box ul li var {
    text-align: right;
  }
}
.view-maturity-why-oh-why .action-button {
  width: 320px;
  min-height: 50px !important;
}
.view-maturity-why-oh-why .other-text-box {
  display: block;
  width: 80%;
  height: 6em;
  margin-top: 20px;
  border: 1px #ababab solid;
  line-height: 1.5em;
}
.view-maturity-why-oh-why .other-text-box:focus {
  border-color: #1e193e;
  border-width: 1px 1px 2px;
}
.view-maturity-why-oh-why .btn-primary-portal {
  width: 250px;
}
.view-maturity-international-payments .form-group > input {
  width: 80%;
}
.commission-details {
  border: #0E7196 1px solid;
  width: 962px;
  padding: 20px 20px 0px 20px;
}
.view-dashboard .viewport {
  background: none;
}
.view-dashboard .form-section:not(.criteria),
.view-dashboard .form-header {
  padding: 0.6em 25px;
  margin-bottom: 0.6em;
  background-color: #ffffff;
  transition: margin-bottom 0.5s;
}
.view-dashboard .form-section:not(.criteria) > .form-group,
.view-dashboard .form-header > .form-group {
  display: flex;
  background-color: #F1F1F0;
  margin-bottom: 0;
  padding: 0.75em;
  padding-left: 5%;
}
.view-dashboard .form-section:not(.criteria) > .form-group > label,
.view-dashboard .form-header > .form-group > label {
  flex: 0 0 20%;
  margin-bottom: unset;
}
.view-dashboard .form-section:not(.criteria).slideToggleIsOpen,
.view-dashboard .form-header.slideToggleIsOpen {
  margin-bottom: 0;
  transition: margin-bottom 0.5s;
}
.view-dashboard .form-section:not(.criteria).double-panel,
.view-dashboard .form-header.double-panel {
  display: flex;
  gap: 5%;
  flex-wrap: wrap;
}
.view-dashboard .form-section:not(.criteria).double-panel .commission-panel,
.view-dashboard .form-header.double-panel .commission-panel {
  flex-basis: 100%;
}
.view-dashboard .form-section:not(.criteria).double-panel .form-group,
.view-dashboard .form-header.double-panel .form-group {
  display: flex;
  background-color: #F1F1F0;
  margin-bottom: 0;
  padding: 0.75em;
  padding-left: 5%;
}
.view-dashboard .form-section:not(.criteria).double-panel .form-group > label,
.view-dashboard .form-header.double-panel .form-group > label {
  flex: 0 0 50%;
  margin-bottom: unset;
}
.view-dashboard .form-section.sub-criteria {
  margin-bottom: 0;
}
.view-dashboard .criteria {
  padding: 0.6em 0;
  background-color: #ffffff;
}
.view-dashboard .criteria > h3 {
  flex: 0 0 100%;
}
.view-dashboard .form-section .form-group--search-control {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
}
.view-dashboard .form-section .form-group--search-control .form-group {
  width: unset;
}
.view-dashboard .form-section .form-group--half-container {
  display: flex;
}
.view-dashboard .form-section .form-group--half-container .form-group {
  width: 100%;
}
.view-dashboard .form-section .form-group--double-control {
  margin-bottom: 0;
}
.view-dashboard .form-section .select-filter {
  flex: 0 0 40%;
}
.view-dashboard .form-section .select-filter select {
  min-width: 80px;
}
.view-dashboard .form-section .form-group__input-container--checkbox {
  margin-bottom: 0;
}
.view-dashboard .form-section .btn-calendar {
  display: inline-flex;
  align-items: center;
  padding: 0.25em;
}
.view-dashboard .form-section .btn-calendar:after {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-calendar.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.view-dashboard .manual-date-filter {
  flex: 0 0 100%;
  padding: 0.35em 25px;
  background-color: #ffffff;
}
.view-dashboard .manual-date-filter .close {
  margin-left: auto;
  margin-right: 0.6em;
}
.view-dashboard .manual-date-filter .close .btn-close {
  display: flex;
  align-items: center;
  padding: 0;
  color: #1E193E;
}
.view-dashboard .manual-date-filter .close .btn-close:after {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-cross-large.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
  margin-left: 0.6em;
}
.view-dashboard .form-section.slideToggleTarget .manual-date-filter {
  padding: 0.35em 0;
}
.view-dashboard .form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em 5% 0 0;
}
.view-dashboard .form-header > h3 {
  flex: 100%;
}
.view-dashboard .form-header.slideToggleTrigger:before {
  margin: 0 0.6em;
}
.view-dashboard .form-header .inlineNavigation .navigation__menu--inline {
  width: 12em;
  margin-left: unset;
}
.view-dashboard .DocumentsDetail.form-section .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-dashboard .DocumentsDetail.form-section .form-group:before {
  margin-right: 0.5em;
  content: ' ';
  background-image: url(../image/icon-documents.svg);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 40px;
  margin: -2px 1em 0 0px;
}
.view-dashboard .DocumentsDetail.form-section .form-group a {
  flex: 0 2 40%;
  color: #e5007e;
}
.view-dashboard .DocumentsDetail.form-section .form-group > label {
  flex: 1 1 15%;
  text-align: right;
}
.view-dashboard .FundsDetail thead tr td.fund-buy,
.view-dashboard .FundsDetail tbody tr td.fund-buy {
  background-color: rgba(95, 90, 162, 0.2);
}
.view-dashboard .FundsDetail thead tr td.fund-sell,
.view-dashboard .FundsDetail tbody tr td.fund-sell,
.view-dashboard .FundsDetail thead tr td.fund-redirect,
.view-dashboard .FundsDetail tbody tr td.fund-redirect {
  background-color: rgba(0, 126, 127, 0.2);
}
@media (min-width: 792px) {
  .view-dashboard .form-section:not(.criteria) .form-group--half-container {
    width: 50%;
  }
  .view-dashboard .form-section:not(.criteria).double-panel .commission-panel {
    flex-basis: 47%;
  }
  .view-dashboard .form-section:not(.criteria).double-panel .mobile-only {
    visibility: hidden;
  }
  .view-dashboard .form-section:not(.criteria).double-panel .form-group > label {
    flex: 0 0 40%;
  }
  .view-maturity-why-oh-why .other-text-box {
    width: 300px;
  }
  /* commission details*/
  .layout-container.single-column .form-content .commission-details .form-group {
    width: 50%;
  }
  .layout-container.single-column .form-content .commission-details .form-group div[class^="form-group__input-container--"] {
    width: 100%;
  }
  .layout-container.single-column .form-content .commission-details .form-group > input[type="number"] {
    width: 100%;
  }
  .summary-box {
    width: 80%;
  }
  .view-sale-confirmation .declaration {
    width: 700px;
  }
}
@media (max-width: 640px) {
  .spinner {
    left: 45%;
  }
  .view-maturity-yoti-setup .form-container.maturity-container {
    padding: 15px 20px 35px 20px !important;
  }
}
@media (max-width: 792px) {
  .view-beforeyougo .maturity-container .action-button {
    max-width: unset;
    width: 100%;
  }
  .view-beforeyougo .maturity-container .content-image {
    float: left;
    max-width: 100%;
    background-size: 100%;
    background-position: center;
    margin-top: 0px !important;
  }
  .view-dashboard h4 {
    font-size: 24px;
  }
  .view-logon .btn-secondary-portal,
  .view-logon btn-primary-portal {
    width: 100%;
  }
  .view-logon .btn-secondary-portal {
    margin-bottom: 15px;
  }
  .view-maturity-yoti-setup .form-container.maturity-container {
    padding: 15px 0px 30px 0px !important;
  }
  .view-maturity-yoti-setup .form-container.maturity-container h1,
  .view-maturity-yoti-setup .faq {
    padding-left: 10px !important;
  }
  .view-maturity-yoti-setup .form-container .actions {
    margin: 10px !important;
  }
  .view-allocate-money .btn-primary-portal {
    min-width: 100% !important;
  }
}
@media (max-width: 992px) {
  .view-money-hub .content-options {
    flex-wrap: wrap;
  }
  .view-money-hub .content-options .option-container {
    max-width: 400px;
  }
  .view-beforeyougo .content-image {
    float: unset;
    margin-top: unset;
  }
}
@media (max-width: 1150px) {
  .view-maturity-final-page .grid-col-6 {
    grid-column: span 12;
  }
  .view-maturity-final-page .info-panel {
    margin-left: 0px !important;
  }
  .view-maturity-yoti-setup .content-panel {
    padding: 30px 10px;
    margin-top: 20px !important;
    display: block;
  }
  .view-maturity-yoti-setup .content-panel li {
    flex-flow: row wrap;
    display: flex;
    padding-right: 0px;
    justify-content: left;
  }
  .view-maturity-yoti-setup .content-panel li .content-circle {
    margin-left: 0px;
  }
  .view-maturity-yoti-setup .content-panel li span.line {
    width: 0;
    height: 100%;
    top: 3em;
    left: 25px;
    margin-right: 140px;
  }
  .view-maturity-yoti-setup .content-panel li .list-content {
    min-width: 180px;
    width: 80%;
    padding-left: 8px;
    display: block;
  }
  .view-maturity-yoti-setup .content-panel li .list-content .content-text1 {
    width: auto;
    text-align: left;
    align-self: initial;
    font-size: 16px;
  }
  .view-maturity-yoti-setup .content-panel li .list-content .content-text2 {
    max-width: 275px;
    font-size: 15px;
    text-align: left;
  }
  .view-maturity-yoti-setup .content-panel li:first-child {
    margin-bottom: 0em !important;
  }
  .view-maturity-yoti-setup .content-panel li:first-child .list-content {
    padding: 0px 10px;
  }
}
@media (max-width: 1350px) {
  .view-trust-details .form-content {
    background-position-x: center;
    padding-top: 300px;
    background-size: 360px;
  }
}
.view-maintain-dd.view-withdrawal .layout-container__main-content {
  margin-top: 1.2em;
}
.view-maintain-dd.view-withdrawal .viewport {
  padding-left: unset;
  padding-right: unset;
}
.view-maintain-dd.view-withdrawal .form-container {
  padding: 0.6em;
}
.view-maintain-dd.view-withdrawal .form-container p {
  max-width: unset;
}
.view-maintain-dd.view-withdrawal .viewport {
  padding-left: unset;
  padding-right: unset;
}
.view-maintain-dd.view-withdrawal .info-icon {
  padding-right: 15px;
  padding-top: 35px;
  margin-top: 5px;
}
.view-maintain-dd.view-withdrawal .regular-font {
  font-family: Greycliff CF Regular;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-info {
  display: flex;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-info p {
  margin-top: 0px;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-content {
  margin: 2.2em 0 2.2em;
  padding: 0.75em;
  background-color: #E7F7FB;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  max-width: 690px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-content label {
  padding-left: 0;
}
.view-maintain-dd.view-withdrawal .input-segment {
  margin: 0.6em 0 1.2em 0;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-input-content {
  width: 100%;
  display: inline-block;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-input-content label {
  margin-left: 1.2em;
  width: 87.58333333%;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-div {
  width: 100%;
  display: inline-block;
  display: flex;
  background-color: white;
  border: 2px solid #1E193E;
  border-radius: 8px;
  max-width: 50%;
  margin-left: 50px;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-div .withdrawal-calc-input {
  border: none;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-div .edit-icon {
  content: url(../image/icon-calculator-edit.svg);
  padding-right: 10px;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-div .currency-icon {
  padding: 10px 5px 0 15px;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-penalty {
  background-color: #F3FBFD;
  width: 100%;
  display: inline-block;
  padding: 1.15em;
  border-radius: 5px;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-penalty label {
  margin: 1.2em 2.2em 0 0;
  width: 50%;
}
.view-maintain-dd.view-withdrawal .withdrawal-calc-penalty label:first-child {
  margin-top: unset;
}
.view-maintain-dd.view-withdrawal .penalty-info hr {
  margin-top: 1.2em;
}
@media (min-width: 792px) {
  .view-maintain-dd.view-withdrawal .form-container {
    padding: 0 2.2em 2.2em;
  }
  .view-maintain-dd.view-withdrawal .info-icon {
    margin-top: 0px;
  }
  .view-maintain-dd.view-withdrawal .currency-icon {
    font-size: 20px;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-div {
    max-width: unset;
    margin-left: 0px;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-info {
    width: 62.33333333%;
    align-items: center;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-info p {
    line-height: 28px;
    margin-top: 1em;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content {
    padding: 1.2em;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content .withdrawal-calc-input-content .withdrawal-calc-div {
    height: 64px;
    width: 395px;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content .withdrawal-calc-input-content .withdrawal-calc-div .withdrawal-calc-input {
    margin: auto auto auto 0px;
    padding-left: unset;
    height: 26px;
    width: 120px;
    font-size: 20px;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content .withdrawal-calc-input-content .withdrawal-calc-div .currency-icon {
    padding: 0px;
    margin: auto 5px auto 18px;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content .withdrawal-calc-input-content .withdrawal-calc-div .edit-icon {
    content: url(../image/icon-calculator-edit.svg);
    padding-top: unset;
    padding-right: 15px;
    margin: auto 0px;
    height: 26px;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content .withdrawal-calc-penalty label {
    width: 57.5%;
    margin: 2.2em 2.2em 0 0;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content .withdrawal-calc-penalty label:first-child {
    margin-top: unset;
  }
  .view-maintain-dd.view-withdrawal .withdrawal-calc-content label {
    font-size: 16.8px;
  }
}
.view-maintain-dd .maintain-payment-view .payment-mandate {
  padding-right: unset;
}
.view-maintain-dd .maintain-payment-view .form-container .actions:nth-of-type(2) {
  margin-right: unset;
}
body {
  font-family: Greycliff CF Regular;
  box-sizing: border-box;
  font-style: normal;
  font-size: 16.8px;
  color: #1E193E;
  background-color: #EFF0F0;
}
b {
  font-family: Greycliff CF Bold, Lucida Grande, Calibri, Arial, Sans-Serif;
}
a,
.a {
  text-decoration: underline;
}
.icon-info-circle-blue {
  content: url(../image/icon-info-circle-blue.svg);
  float: right;
  margin-top: -20px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
.clickable {
  cursor: pointer;
}
.view-d2c-home .form-group span {
  font-size: 14px;
  font-family: calibre-web, Lucida Grande, Calibri, Arial, Sans-Serif;
}
.ui-dialog .help-text-d2c p {
  margin-top: 0;
}
.ui-dialog .help-text-d2c p span {
  font-family: FSMeWeb-Light, Lucida Grande, Calibri, Arial, Sans-Serif;
  font-size: 0.9em;
  font-weight: normal;
}
.layout-container__header {
  background-color: transparent;
}
.layout-container__main-content {
  margin-bottom: 29px;
}
.layout-container__main-content.viewport {
  margin-top: unset;
}
.wrapper__content .viewport {
  background-color: #faf9f9;
  padding-bottom: 120px;
}
.wrapper__content .viewport,
.wrapper__content header {
  border-bottom: none;
  border-bottom: solid 2px #4C9BB5;
}
.wrapper__content .viewport .header__navigation--primary,
.wrapper__content header .header__navigation--primary {
  border-bottom: none;
}
.wrapper__footer {
  background-color: #000066;
  color: #ffffff;
}
input[type="date"] {
  font-family: Greycliff CF Regular;
  font-size: 0.9em;
  margin: 1em 1em 1em 0;
  padding: 0.48em;
  width: 21.08333333%;
  display: inline-block;
  width: 45.5%;
}
.btn-help-icon-d2c--placeholder {
  margin-left: 10px;
  border-radius: 100%;
  border: 1px solid #e5007e;
  cursor: pointer;
  color: #e5007e;
  font-size: 0.9em;
  padding: 0.2em 0.6em 0.15em 0.5em;
}
input[type="submit"].btn-secondary,
button[type="button"].btn-primary,
button[type="button"].btn-secondary,
input[type="submit"].btn-primary {
  height: auto;
  min-width: 15em;
  color: white;
  transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}
input[type="submit"].btn-tertiary,
button[type="button"].btn-tertiary {
  background-color: none;
  background: none;
  text-decoration: underline;
  font-family: Greycliff CF Regular;
  color: #1E193E;
}
input[type="submit"].product-summary__btn,
button[type="button"].product-summary__btn {
  line-height: 3.1em;
  height: auto;
  border: thin solid #e5007e;
  font-family: Greycliff CF Regular;
  text-decoration: none;
  color: #e5007e;
}
input[type="submit"].btn-primary {
  background-color: #e5007e;
  margin-left: 0;
  min-height: 52px;
}
input[type="submit"].btn-primary:hover {
  background-color: #890D54;
  border-color: #890D54;
}
input[type="submit"].btn-secondary,
button[type="button"].btn-secondary,
a.button.btn-secondary {
  background-color: #e5007e;
  color: #ffffff;
}
input[type="submit"].btn-secondary:hover,
button[type="button"].btn-secondary:hover,
a.button.btn-secondary:hover {
  background-color: #890D54;
}
input[type="submit"].disabled,
button[type="button"].disabled {
  background-color: #F1F1F0;
}
input[type="submit"].btn-link {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #e5007e;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 0.3em;
}
.input-container__label--checkbox,
.input-container__label--radio,
.input-container__label--radio--disabled {
  font-weight: normal;
}
.declaration-list li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.view-account-lookup #body .ui-datepicker-trigger,
.view-client-details #body .ui-datepicker-trigger {
  padding: 0 0 1.2em 1em;
}
.view-account-lookup #body .form-group--double-control > input[type="text"],
.view-client-details #body .form-group--double-control > input[type="text"],
.view-account-lookup #body .form-group--double-control > input[type="numeric"],
.view-client-details #body .form-group--double-control > input[type="numeric"],
.view-account-lookup #body .form-group--double-control > input[type="number"],
.view-client-details #body .form-group--double-control > input[type="number"],
.view-account-lookup #body .form-group--double-control > input[type="password"],
.view-client-details #body .form-group--double-control > input[type="password"],
.view-account-lookup #body .form-group--double-control > select,
.view-client-details #body .form-group--double-control > select,
.view-account-lookup #body .form-group--double-control > textarea,
.view-client-details #body .form-group--double-control > textarea,
.view-account-lookup #body .form-group--double-control > div,
.view-client-details #body .form-group--double-control > div {
  width: 28.66666667%;
}
.view-account-lookup #body .form-group.typeahead .manual-address-target .address-details input[type="text"],
.view-client-details #body .form-group.typeahead .manual-address-target .address-details input[type="text"] {
  width: 100%;
  display: inline-block;
}
.view-challenge-screen #body .form-group {
  border: none;
}
.view-challenge-screen #body .form-group label {
  margin-bottom: 1em;
}
.view-challenge-screen #body .form-group input[type="text"] {
  margin: 0;
}
.pop-up-trigger {
  color: #e5007e;
  text-decoration: underline;
  margin-top: 0.5em;
}
.view-sale-confirmation h1:not(.banner-container__header-container__header) {
  font-weight: normal;
}
.view-sale-confirmation .sales-confirmation__product-details li {
  margin: 1em 0;
}
.view-payment-details .form-content .form-group {
  border-bottom: none;
}
.view-payment-details .form-content .form-group .form-group_label {
  display: block;
}
.view-payment-details .form-content .form-group:not(.sortcode) .form-group__list-container--radio {
  width: 96%;
  display: inline-block;
}
.view-payment-details .form-content .typeahead-search-results {
  background: none;
  box-shadow: none;
}
.view-payment-details .form-content .typeahead-search-results .dd-info__details div {
  margin-bottom: 1em;
}
.view-payment-details .guarantee {
  background-color: #ffffff;
  padding: 0.75em;
}
.view-payment-details .guarantee h2 {
  margin: 1em;
}
.view-payment-details .guarantee img {
  float: right;
  margin: 1em 1em 0;
}
.view-payment-details .guarantee li:first-of-type {
  list-style: none;
  margin: 0 0 1em -2em;
}
.view-payment-details .guarantee li {
  margin-bottom: 0.5em;
}
.view-payment-details .guarantee ul {
  padding-left: 2em;
}
.view-payment-details .guarantee li {
  padding-left: 1em;
}
.containers.payments-containers {
  padding-right: 0;
  padding-left: 0;
}
.containers.payments-containers .flex-container.payment-cards {
  justify-content: space-between;
}
.containers {
  float: none;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  padding-bottom: 50px;
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
  width: 100%;
  box-sizing: inherit;
}
.containers .flex-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.containers .flex-container--even {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.containers .flex-container .card {
  z-index: 1;
  overflow: hidden;
  background: #fafafa;
  min-height: 300px;
  border: 1px solid black;
  margin: 0 10px 10px 25px;
  width: 45.5%;
  position: relative;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 4px;
}
.containers .flex-container .card .card-icon {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
}
.containers .flex-container .card .card-icon .watermark {
  font-size: 15rem;
  position: absolute;
  top: -6rem;
  right: -4rem;
  z-index: 0;
  opacity: 0.05;
}
.containers .flex-container .card .card-icon .watermark .user-plus:before {
  content: "\f234";
}
.containers .flex-container .card .card-icon .watermark .user-circle:before {
  content: "\f235";
}
.containers .flex-container .card .card-icon .large-icon {
  font-size: 282%;
}
.containers .flex-container .card .card-icon .large-icon .user-plus:before {
  content: ' ';
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../image/icon-user-circle.svg) top center no-repeat;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.containers .flex-container .card .card-icon .large-icon .user-circle:before {
  content: "\f235";
}
.containers .flex-container .card .pink-border {
  width: 25%;
  margin: auto;
  border-bottom: 2px solid #e5007e;
}
.containers .flex-container .card .padding-top-medium {
  padding-top: 15px;
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
.fund-boxes-container {
  display: flex;
  margin-bottom: 30px;
}
.fund-boxes-container ol {
  display: contents;
}
.fund-boxes-container ol form {
  width: 100%;
  display: contents;
}
.fund-boxes-container ol form:first-of-type .fund-box {
  margin-right: 22px;
}
.fund-boxes-container ol form li {
  margin-top: 0px;
  margin-bottom: 0px;
}
.fund-boxes-container ol .carousel__slide {
  list-style: none;
  display: inline-block;
  float: left;
  width: 50%;
}
.fund-option-container {
  margin-bottom: 30px;
  border: 1px solid #1E193E;
  height: unset;
  margin-right: 15px;
}
.fund-option-header {
  background: #008471;
  color: #fff;
  padding: 20px;
}
.fund-option-header h3 {
  margin-top: 0.5rem;
}
.grey-divider {
  display: block;
  padding: 0;
  margin: 20px 0;
  height: 1px;
  width: 100%;
  background-color: #C6C6C5;
}
.white-divider {
  width: 35px;
  height: 2px;
  background-color: #fff;
  display: inline-block;
}
.form-content .product--input .form-control-descriptor-left {
  line-height: 43px;
  background-color: #f0f0ee;
  height: inherit;
  top: 27px;
  left: 2px;
  border-radius: 3px 0 0 3px;
  min-width: 4em;
  text-align: center;
}
.option-container-base {
  padding: 20px;
  background: #F1F1F0;
}
.option-container-base .selection-container {
  padding-top: 20px;
}
.option-container-base .selection-container .btn-primary {
  width: 100%;
}
.icon-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.icon-list li {
  padding: 0 10px 20px 45px;
  font-size: 16px;
}
.final-page-container {
  display: flex;
}
.final-page-container .payment-details .separate-row-title {
  margin-right: 10px;
}
@media (min-width: 792px) {
  .h1,
  h1 {
    font-size: 46px;
  }
  .layout-container__header-title,
  .layout-container__header-container,
  .layout-container__actions,
  .layout-container__main-content {
    width: 90%;
    margin: auto;
  }
  .layout-container__main-content {
    margin-bottom: 60px;
  }
}
@media (min-width: 1350px) {
  .viewport {
    width: 1200px;
  }
  header {
    width: 1200px;
  }
  .wrapper__footer {
    width: 1200px;
  }
  .d2c-online-account .card-button {
    padding-left: 50px;
    padding-right: 50px;
  }
  .fund-boxes-container {
    display: flow-root;
  }
}
@media (max-width: 640px) {
  .form-group--double-control .input-segment {
    width: 100% !important;
  }
}
/* This screen requires the Progress NAV layout version */
.d2c-online-account .form-group.cards .card-container {
  text-align: center;
  height: 320px;
  padding: 30px 19px;
  border: 1px solid #1E193E;
  background: #FBFBFB;
  margin-top: 30px;
  margin-bottom: 30px;
}
.d2c-online-account .card-panel {
  height: 180px;
}
.d2c-online-account .card-image {
  background-size: 42px 48px !important;
  height: 48px;
  width: 42px;
  margin: auto;
}
.d2c-online-account .card-image.card-left {
  background: url('../image/icon-user-plus.svg') no-repeat;
}
.d2c-online-account .card-image.card-right {
  background: url('..image/icon-user-circle.svg') no-repeat;
}
.d2c-online-account .card-text {
  height: 45px;
  margin-top: -15px;
}
.d2c-online-account .card-button {
  height: 52px;
  font-size: 18px;
}
.unsuccessful-app-img {
  background: url('../image/icon-account-login.svg') no-repeat;
  height: 135px;
  background-position: center;
}
.lisa-warning {
  display: flex;
}
.lisa-warning .lisa-warning-left {
  width: 60%;
}
.lisa-warning .lisa-warning-right {
  width: 40%;
}
@media (max-width: 480px) {
  .lisa-warning {
    display: block;
  }
  .lisa-warning .lisa-warning-left {
    width: 100%;
  }
  .lisa-warning .lisa-warning-right {
    width: 100%;
  }
}

#funds-container {
    max-width: 1100px;
    margin: 3rem auto;
}

.fund-box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 30px;
    margin: 15px 0 10px;
    background: #fff;
}

    .fund-box p {
        line-height: 1.2;
    }

.fund-header {
    background-color: #007196;
    background-repeat: no-repeat;
    background-position: right 20px center;
    color: #FFF;
    margin: -30px -30px 0 -30px;
    padding: 30px;
}

    .fund-header h2 {
        margin: 0;
        padding-right: 45px;
        font-size: 1.6rem;
        color: #fff;
    }

.fund-header {
    color: #FFF;
    margin: -30px -30px 1rem -30px;
    padding: 30px 30px 20px;
    background-repeat: no-repeat;
}

    .fund-header .long-heading {
        font-size: 1.4rem;
    }

    .fund-header div {
        margin: -3.5rem 0 0.3rem 0;
    }

    .fund-header span {
        display: inline-block;
        background-color: #E5007E;
        font-size: 16px;
        font-size: 0.95rem;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.05rem;
        padding: 0.5rem;
        margin-top: -45px;
        position: absolute;
    }

.fund-intro {
    font-size: 1.15rem;
}

.fund-description {
    min-height: 6.5rem;
}

.climate-fund {
    background-color: #1e193e;
}

.global-mixed {
    background-image: url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-fund-global-mixed.svg');
}

.global-equity {
    background-image: url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-fund-global-equity.svg');
    background-color: #00a18b;
}

.family-charities-ethical-trust-fund {
    background-image: url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-fund-family-charities-ethical-trust-fund.svg');
}

.family-balanced-international-fund {
    background-image: url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-fund-family-balanced-international-fund.svg');
}

.family-investments-child-trust-fund {
    background-image: url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-fund-family-investments-child-trust-fund.svg');
}

.fund-facts {
    background-color: #F2F8FA;
    padding: 15px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .fund-facts ul {
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .fund-facts ul li {
            list-style: none;
            padding: 0;
            margin: 0 0 15px !important;
            float: left;
            width: 33%;
            text-align: center;
            font-size: 1rem;
        }

    .fund-facts li img {
        margin-top: 8px;
        max-width: 100%;
    }

    .fund-facts p {
        font-size: 1rem;
        margin-bottom: 8px;
        margin-top: 5px;
    }

    .fund-facts span {
        font-size: 13px;
    }

    .fund-facts .lower {
        display: block;
        float: left;
        margin-top: 8px;
    }

    .fund-facts .higher {
        display: block;
        float: right;
        margin-top: 8px;
    }

    .fund-facts .grid {
        display: flex;
        flex-basis: 33.333%;
        justify-content: center;
        flex-direction: column;
    }

    .fund-facts .mobile-grid {
        display: flex;
        flex-basis: 50%;
        justify-content: center;
        flex-direction: column;
    }

    .fund-facts img, .modal img {
        max-width: 100%;
    }

.risk-bar {
    display: block;
    height: 20px;
    margin-bottom: 2px;
    width: 100%;
    background: #C2DDE6 url('../image/FundBox/risk-bar-lines.svg') no-repeat left top;
    background-size: 100% 20px;
}

    .risk-bar span {
        display: block;
        height: 22px;
        width: 100%;
        background-repeat: repeat-y;
        background-position: left top;
        background-size: 100% auto;
    }

.rating-1 {
    background-image: url('../image/FundBox/risk-rating-1.svg');
}

.rating-2 {
    background-image: url('../image/FundBox/risk-rating-2.svg');
}

.rating-3 {
    background-image: url('../image/FundBox/risk-rating-3.svg');
}

.rating-4 {
    background-image: url('../image/FundBox/risk-rating-4.svg');
}

.rating-5 {
    background-image: url('../image/FundBox/risk-rating-5.svg');
}

.rating-6 {
    background-image: url('../image/FundBox/risk-rating-6.svg');
}

.rating-7 {
    background-image: url('../image/FundBox/risk-rating-7.svg');
}

.fund-graph p {
    text-align: center;
}

.fund-graph img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

strong {
    font-family: Greycliff CF Bold,Arial,Sans-Serif;
}

.action-button {
    margin: 1.5rem auto 0;
    text-align: center;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .fund-intro {
        min-height: 4.5rem;
    }
}


@media (max-width: 992px) {

    .fund-header {
        background-size: 40px 40px;
    }

    .fund-facts ul li {
        font-size: 0.9rem;
    }

    .fund-facts li img {
        max-width: 75%;
    }

    .risk-bar, .risk-bar span {
        height: 15px;
    }
}

@media (max-width: 769px) {
    #funds-container {
        margin-right: -20px;
    }
}

@media (max-width: 700px) {

    .fund-box {
        margin-top: 20px;
        padding: 15px;
    }

    .fund-header {
        margin: -15px -15px 0 -15px;
        padding: 20px 15px;
    }

        .fund-header div {
            margin-top: -2.5rem;
        }

        .fund-header span {
            font-size: 0.85rem;
            padding: 0.3rem 0.6rem;
            margin-top: -36px;
        }

    .fund-intro {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    #funds-container {
        margin-left: -15px;
    }

    .fund-header {
        background-size: 36px 36px;
        background-position: right 10px center;
        margin: -15px -15px 0 -15px;
        padding: 20px 15px 15px;
    }

        .fund-header span {
            margin-top: -32px;
        }

        .fund-header h2 {
            padding-right: 30px;
            font-size: 1.4rem;
        }

        .fund-header span {
            font-size: 0.75rem;
        }

    .fund-facts {
        padding: 10px 10px;
    }

        .fund-facts p {
            font-size: 1rem;
            margin-bottom: 3px;
        }

        .fund-facts ul li {
            margin-bottom: 7px !important;
        }

        .fund-facts li img {
            max-width: 60%;
        }
}

.owl-nav {
    display: none;
}

.owl-dots {
    position: absolute;
    top: -35px;
    left: 25%;
    right: 25%;
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #c6c6c5;
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #222;
}

.selection-container p {
    margin-top: 1.67em;
}

.selection-container a.button, .selection-container button.btn-primary, .selection-container input[type="button"].btn-primary {
    min-width: auto;
}

.selection-container button.fund-more-button {
    padding: 14px 20px;
}

.txt-center {
    text-align: center;
}

@media (max-width:1200px) {
    .selection-container a.button.selection-container a.button, .selection-container button.btn-primary, .selection-container input[type="button"].btn-primary {
        clear: both;
        display: block;
        width: auto;
        max-width: 70%;
        min-width: 70%;
        margin: 30px auto 0;
    }

    .selection-container button.fund-more-button {
        padding: 10px 20px;
        margin: 0 auto;
        width: auto;
        max-width: 70%;
        min-width: 70%;
    }
}

button.fund-more-button, .pdf-docs-link {
    background-color: white;
    color: #e5007e;
    border: 1px solid #e5007e;
    border-radius: 0;
    transition: all .3s ease-in;
    padding: 10px 30px;
    text-align: center;
    margin-bottom: 0;
}

    button.fund-more-button:hover, .pdf-docs-link:hover {
        background-color: #e5007e;
        color: white;
        text-decoration: none;
    }

.pdf-docs-link {
    display: inline-block;
    padding: 10px 10px 10px 32px;
    text-decoration: none;
    background: #fff url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-pdf.svg') no-repeat 8px center;
}

    .pdf-docs-link:hover {
        background-image: url('https://www.onefamily.com/assets/consumer/images/fund-boxes/icon-pdf-wo.svg');
    }

    .pdf-docs-link:first-of-type {
        margin-right: 30px;
    }

#geModal .modal-content, #gmModal .modal-content, #ethicalModal .modal-content, #fbiModal .modal-content, #ctfModal .modal-content {
    max-width: 550px;
}

.visible-mobile {
    display: none;
}

@media (max-width: 550px) {
    .visible-desktop-medium {
        display: none;
    }

    .visible-mobile {
        display: block;
    }
}

button.visible-mobile {
    max-width: 100%;
    height: calc(100% - 20px);
    margin: 5px 10px 10px;
    font-size: 14px;
    padding: 10px 5px;
    line-height: 1.1;
    font-family: Greycliff CF Regular;
    white-space: normal !important;
}

.risk-container {
    width: calc(100% - 20px);
    margin: 0 auto 1rem 1rem;
}

.fund-select {
    width: auto;
}

.funds-regulatory-information {
    width: 80%;
    margin: -30px auto 1em;
}

@media (max-width: 792px) and (min-width: 640px) {
    .fund-boxes-container.carousel__viewport {
        margin-left: -2.2em;
        padding-left: 2.2em;
        margin-right: -2.2em;
        padding-right: 2.2em;
    }
}

@media (max-width: 767px) {

    .selection-container a.button, .selection-container button.btn-primary {
        margin: 20px auto;
    }

    .isa-fund-option {
        margin-top: 3rem;
    }

    #funds-container {
        margin-right: -20px;
    }

    .risk-container {
        margin: 10px auto;
    }
}

@media (max-width: 700px) {
    p.fund-intro, .fund-content p, .funds-regulatory-information {
        font-size: 1rem;
    }

    .funds-regulatory-information {
        width: 100%;
    }
}

@media (max-width: 640px) {

    .fund-boxes-container.carousel__viewport {
        margin-left: -15px;
        padding-left: 15px;
        margin-right: -15px;
        padding-right: 15px;
    }

    .risk-bar, .risk-bar span {
        height: 24px;
    }

    .fund-facts span {
        font-size: 0.75rem;
    }

    .fund-facts .lower {
        margin-top: 4px;
    }

    .fund-facts .higher {
        margin-top: 4px;
    }

    .pdf-docs-link {
        display: block;
        margin-bottom: 1em;
    }

        .pdf-docs-link:first-of-type {
            margin-right: 0;
            margin-bottom: 1.5em;
        }
}

@media (max-width: 480px) {
    .selection-container a.button, .selection-container button.btn-primary {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    button.visible-mobile {
        line-height: 1;
    }
}

@-moz-document url-prefix() {
    .fund-header span {
        padding: 0.5rem 0.5rem 0.5rem;
    }
}

.equityGap {
    height: 15px;
}

.FundSelection, .view-maturity-investment-funds {
    margin: 0px;
    height: 100%;
    font-family: "greycliff-cf", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

    .FundSelection button:focus-visible, .view-maturity-investment-funds button:focus-visible {
        outline: -webkit-focus-ring-color auto 4px !important;
        outline-offset: 4px;
    }

    .FundSelection h1, .view-maturity-investment-funds h1 {
        font-size: 2.5em;
        font-weight: 700;
        line-height: 1em;
    }

    .FundSelection h2, .view-maturity-investment-funds h2 {
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.3333333333333333em;
    }

    .FundSelection h3, .view-maturity-investment-funds h3 {
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.3333333333333333em;
    }

    .FundSelection a, .view-maturity-investment-funds a {
        text-decoration: none;
    }

    .FundSelection .container, .view-maturity-investment-funds .container {
        display: flex;
        flex-direction: column;
        max-width: 1140px;
        margin: auto;
        align-items: center;
        gap: 40px;
        padding: 40px;
    }

    .FundSelection .heading, .view-maturity-investment-funds .heading {
        text-align: center;
        max-width: 640px;
    }

        .FundSelection .heading p, .view-maturity-investment-funds .heading p {
            margin-bottom: 0px;
        }

    .FundSelection .card-group, .view-maturity-investment-funds .card-group {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
    }

    .FundSelection .card, .view-maturity-investment-funds .card {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex: 1 1 30%;
        gap: 8px;
        padding: 32px;
        background-color: rgb(255, 255, 255);
        border: 1px solid;
        border-color: rgb(232, 231, 231);
        justify-content: space-between;
    }

    .FundSelection .card-text, .view-maturity-investment-funds .card-text {
        overflow-wrap: break-word;
        max-width: 450px;
    }

    .FundSelection .icon, .view-maturity-investment-funds .icon {
        width: 64px;
        height: 64px;
        overflow: visible;
    }

    .FundSelection .fa-icon, .view-maturity-investment-funds .fa-icon {
        width: auto;
        height: 16px;
        overflow: visible;
        display: inline-flex;
    }

    .FundSelection .info, .view-maturity-investment-funds .info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
    }

    .FundSelection .text, .view-maturity-investment-funds .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 0 0 auto;
        max-width: 450px;
    }

    .FundSelection .m-0, .view-maturity-investment-funds .m-0 {
        margin: 0;
    }

    .FundSelection .card-heading, .view-maturity-investment-funds .card-heading {
        margin: 0;
    }

    .FundSelection .btn, .view-maturity-investment-funds .btn {
        align-items: center;
        padding: 16px 24px;
        border: none;
        color: rgb(255, 255, 255);
        background: rgb(229, 0, 126);
        font-size: inherit;
        font-family: inherit;
        font-weight: 500;
        line-height: 22px;
        cursor: pointer;
        transition: 0.3s;
        white-space: initial;
    }

        .FundSelection .btn:hover, .view-maturity-investment-funds .btn:hover {
            background-color: rgb(137, 13, 84);
        }

    .FundSelection .ghost-btn, .view-maturity-investment-funds .ghost-btn {
        align-items: center;
        padding: 16px 24px;
        flex: 0 0 auto;
        border: 1px solid;
        background-color: rgb(255, 255, 255);
        border-color: rgb(30, 25, 62);
        font-size: inherit;
        font-family: inherit;
        font-weight: 500;
        line-height: 22px;
        cursor: pointer;
        transition: 0.3s;
        word-break: break-word;
        max-width: 300px;
        white-space: normal;
    }

        .FundSelection .ghost-btn:hover, .view-maturity-investment-funds .ghost-btn:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(30, 25, 62);
            cursor: pointer;
        }

    .FundSelection .content, .view-maturity-investment-funds .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
    }

    .FundSelection .difference-modal, .view-maturity-investment-funds .difference-modal {
        color: rgb(0, 113, 150);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 0px;
        font-size: 1em;
        background-color: transparent;
    }

        .FundSelection .difference-modal p, .view-maturity-investment-funds .difference-modal p {
            text-decoration: underline;
        }

            .FundSelection .difference-modal p:hover, .view-maturity-investment-funds .difference-modal p:hover {
                text-decoration: none;
            }

    .FundSelection .small-txt, .view-maturity-investment-funds .small-txt {
        font-size: 0.875em;
        line-height: 20px;
        opacity: 0.8;
    }

    .FundSelection .large-txt, .view-maturity-investment-funds .large-txt {
        margin: 0;
        font-size: 1.125em;
        font-weight: 500;
        line-height: 1.555555555555555em;
    }

    .FundSelection .w-100, .view-maturity-investment-funds .w-100 {
        width: 100%;
    }

    .FundSelection .bold, .view-maturity-investment-funds .bold {
        font-weight: 700;
    }

    .FundSelection .mobile-only, .view-maturity-investment-funds .mobile-only {
        display: none;
    }

    .FundSelection hr, .view-maturity-investment-funds hr {
        width: 100%;
        border: 1px solid rgb(233, 232, 232);
    }

    .FundSelection .confirmFundModal,
    .FundSelection .cautiousmodal,
    .FundSelection .balancedmodal,
    .FundSelection .adventurousmodal,
    .FundSelection .differencemodal,
    .FundSelection .equitymodal,
    .FundSelection .confidentmodal,
    .view-maturity-investment-funds .confirmFundModal,
    .view-maturity-investment-funds .cautiousmodal,
    .view-maturity-investment-funds .balancedmodal,
    .view-maturity-investment-funds .adventurousmodal,
    .view-maturity-investment-funds .differencemodal,
    .view-maturity-investment-funds .equitymodal,
    .view-maturity-investment-funds .confidentmodal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(30, 25, 62, 0.4);
    }

    .FundSelection .modal-content, .view-maturity-investment-funds .modal-content {
        display: flex;
        flex-direction: column;
        gap: 24px;
        background-color: rgb(255, 255, 255);
        padding: 24px;
        width: 85%;
        max-width: 560px;
    }

    .FundSelection .modal-heading, .view-maturity-investment-funds .modal-heading {
        display: flex;
        gap: 16px;
    }

    .FundSelection .modal-heading-content, .view-maturity-investment-funds .modal-heading-content {
        width: 100%;
    }

    .FundSelection .graph, .view-maturity-investment-funds .graph {
        text-align: center;
    }

    .FundSelection .breakdown-container, .view-maturity-investment-funds .breakdown-container {
        font-weight: 500;
        display: flex;
        flex-direction: row;
        gap: 12px;
    }

    .FundSelection .fund-breakdown, .view-maturity-investment-funds .fund-breakdown {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .FundSelection .persentage, .view-maturity-investment-funds .persentage {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }

    .FundSelection .key-dot, .view-maturity-investment-funds .key-dot {
        width: 16px;
        height: 16px;
        border-radius: 24px;
    }

    .FundSelection .yellow, .view-maturity-investment-funds .yellow {
        background-color: #F2BF28;
    }

    .FundSelection .pink, .view-maturity-investment-funds .pink {
        background-color: #E5007E;
    }

    .FundSelection .blue, .view-maturity-investment-funds .blue {
        background-color: #007196;
    }

    .FundSelection .navy, .view-maturity-investment-funds .navy {
        background-color: #1E193E;
    }

    .FundSelection .document-container, .view-maturity-investment-funds .document-container {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .FundSelection .doc-group, .view-maturity-investment-funds .doc-group {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .FundSelection .doc-link, .view-maturity-investment-funds .doc-link {
        display: flex;
        flex-direction: row;
        font-weight: 500;
        gap: 12px;
        align-items: center;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

        .FundSelection .doc-link p, .view-maturity-investment-funds .doc-link p {
            margin: 0;
            flex-grow: 1;
        }

    .FundSelection .icon-container, .view-maturity-investment-funds .icon-container {
        background-color: rgb(241, 241, 240);
        border-radius: 40px;
        text-align: center;
        width: 40px;
        padding: 8px 0;
    }

    .FundSelection .button-group, .view-maturity-investment-funds .button-group {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .FundSelection .button-group a, .view-maturity-investment-funds .button-group a {
            color: rgb(30, 25, 62);
        }

    .FundSelection .close, .view-maturity-investment-funds .close {
        font-size: 16px;
        font-weight: 500;
        text-decoration: underline;
        text-align: center;
    }

        .FundSelection .close:hover,
        .FundSelection .close:focus,
        .view-maturity-investment-funds .close:hover,
        .view-maturity-investment-funds .close:focus {
            text-decoration: none;
            cursor: pointer;
        }

    .FundSelection .outline, .view-maturity-investment-funds .outline {
        background-color: rgb(255, 255, 255);
        border-radius: 40px;
        border: 2px solid #F3F3F5;
    }

    .FundSelection .tab, .view-maturity-investment-funds .tab {
        overflow: hidden;
        background-color: rgb(233, 232, 236);
        border-radius: 8px;
    }

    .FundSelection .tablinks, .view-maturity-investment-funds .tablinks {
        font-size: 16px;
        font-weight: 500;
    }

    .FundSelection .tab button, .view-maturity-investment-funds .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 10px 16px;
        transition: 0.3s;
        width: 33.3%;
    }

        .FundSelection .tab button:hover, .view-maturity-investment-funds .tab button:hover {
            background-color: rgb(210, 209, 216);
        }

        .FundSelection .tab button.active, .view-maturity-investment-funds .tab button.active {
            font-weight: 600;
            color: rgb(255, 255, 255);
            background-color: rgb(30, 25, 62);
        }

    .FundSelection .tabcontent, .view-maturity-investment-funds .tabcontent {
        margin-top: 16px;
        display: none;
        padding: 6px 12px;
        border-top: none;
    }

    .FundSelection .difference-content ul, .view-maturity-investment-funds .difference-content ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 0;
    }

    .FundSelection .tab-container, .view-maturity-investment-funds .tab-container {
        display: flex;
        flex-direction: row;
        gap: 32px;
    }

        .FundSelection .tab-container img, .view-maturity-investment-funds .tab-container img {
            height: 152px;
        }

@media only screen and (max-width: 800px) {
    .FundSelection .container, .view-maturity-investment-funds .container {
        padding: 16px;
        gap: 24px;
    }

    .FundSelection .card-group, .view-maturity-investment-funds .card-group {
        gap: 16px;
    }

    .FundSelection .card, .view-maturity-investment-funds .card {
        padding: 16px;
    }

    .FundSelection .content, .view-maturity-investment-funds .content {
        gap: 16px;
    }

    .FundSelection .layout-container__main-content, .view-maturity-investment-funds .layout-container__main-content {
        margin: unset;
        padding: unset;
    }

    .equityGap {
        display: contents;
    }
}

@media only screen and (max-width: 640px) {
    #view {
        padding: unset;
    }

    .FundSelection h1, .view-maturity-investment-funds h1 {
        font-size: 2em;
        line-height: 1.25em;
    }

    .FundSelection h2, .view-maturity-investment-funds h2 {
        font-size: 1.25em;
        line-height: 1.4em;
    }

    .FundSelection h3, .view-maturity-investment-funds h3 {
        font-size: 1.125em;
        line-height: 1.3333333333333333em;
    }

    .FundSelection .heading, .view-maturity-investment-funds .heading {
        text-align: left;
    }

    .FundSelection .card-group, .view-maturity-investment-funds .card-group {
        gap: 8px;
        flex-direction: column;
    }

    .FundSelection .card, .view-maturity-investment-funds .card {
        padding: 12px 16px;
    }

    .FundSelection .content, .view-maturity-investment-funds .content {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .FundSelection .difference-modal, .view-maturity-investment-funds .difference-modal {
        width: 100%;
        justify-content: left;
    }

    .FundSelection .ghost-btn, .view-maturity-investment-funds .ghost-btn {
        display: none;
    }

    .FundSelection .text, .view-maturity-investment-funds .text {
        gap: 4px;
    }

    .FundSelection .card-heading, .view-maturity-investment-funds .card-heading {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        margin: 0;
    }

    .FundSelection .mobile-only, .view-maturity-investment-funds .mobile-only {
        display: inline-flex;
    }

    .FundSelection .modal-content, .view-maturity-investment-funds .modal-content {
        margin: 16px auto;
        padding: 16px;
    }

    .FundSelection .tab-container, .view-maturity-investment-funds .tab-container {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }

    .FundSelection .container, .view-maturity-investment-funds .container {
        overflow: auto;
    }

    .FundSelection .difference-modal, .view-maturity-investment-funds .difference-modal {
        width: unset;
    }
}


.FundSelection .layout-container__main-content.viewport,
.view-maturity-investment-funds .layout-container__main-content.viewport {
    background: unset;
}

.view-maturity-investment-funds .container {
    background: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
}

.funds-regulatory-information-container {
    margin-top: 5rem;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * greycliff-cf:
 *   - http://typekit.com/eulas/00000000000000007735fa47
 *   - http://typekit.com/eulas/00000000000000007735fa49
 *   - http://typekit.com/eulas/00000000000000007735fa48
 *   - http://typekit.com/eulas/00000000000000007735fa4c
 *   - http://typekit.com/eulas/00000000000000007735fa4d
 *   - http://typekit.com/eulas/00000000000000007735fa4e
 *   - http://typekit.com/eulas/000000000000000077368791
 *   - http://typekit.com/eulas/000000000000000077368798
 *
 * � 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2025-04-01 12:37:52 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=ddv1ndn&ht=tk&f=49469.49470.49471.49474.49475.49476.51230.51231&a=160041661&app=typekit&e=css");

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/6f536c/00000000000000007735fa47/31/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6f536c/00000000000000007735fa47/31/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6f536c/00000000000000007735fa47/31/a?subset_id=2&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/72d0b3/00000000000000007735fa49/31/l?subset_id=2&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/72d0b3/00000000000000007735fa49/31/d?subset_id=2&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/72d0b3/00000000000000007735fa49/31/a?subset_id=2&fvd=n8&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/2b8727/00000000000000007735fa48/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/2b8727/00000000000000007735fa48/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/2b8727/00000000000000007735fa48/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/9cbe2c/00000000000000007735fa4c/31/l?subset_id=2&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/9cbe2c/00000000000000007735fa4c/31/d?subset_id=2&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/9cbe2c/00000000000000007735fa4c/31/a?subset_id=2&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/eb7ffe/00000000000000007735fa4d/31/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/eb7ffe/00000000000000007735fa4d/31/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/eb7ffe/00000000000000007735fa4d/31/a?subset_id=2&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/c268bf/00000000000000007735fa4e/31/l?subset_id=2&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c268bf/00000000000000007735fa4e/31/d?subset_id=2&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/c268bf/00000000000000007735fa4e/31/a?subset_id=2&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/68bc57/000000000000000077368791/31/l?subset_id=2&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/68bc57/000000000000000077368791/31/d?subset_id=2&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/68bc57/000000000000000077368791/31/a?subset_id=2&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "greycliff-cf";
    src: url("https://use.typekit.net/af/7b6f28/000000000000000077368798/31/l?subset_id=2&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/7b6f28/000000000000000077368798/31/d?subset_id=2&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/7b6f28/000000000000000077368798/31/a?subset_id=2&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

.tk-greycliff-cf {
    font-family: "greycliff-cf",sans-serif;
}