@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* -- Colours --------------------------------------------- */
/* -------------------------------------------------------- */
/* -- Icons -- */
i {
  font-family: "ica_entypo";
  font-size: 20px;
  font-style: normal;
  position: absolute;
  color: #003366;
}
i.print:before {
  content: "\e716";
}

.tick_on {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMDIiIHdpZHRoPSIxMDIiIHk9Ii0xIiB4PSItMSI+PC9yZWN0PgogIDxnIGRpc3BsYXk9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgcng9IjUiIGlkPSJzdmdfMSIgaGVpZ2h0PSI5Mi40OTkxOSIgd2lkdGg9IjkyLjQ5OTE5IiB5PSIzLjc1MDQiIHg9IjMuNzUwNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2QyZGFkZSIgZmlsbD0ibm9uZSI+PC9yZWN0PgogIDxwYXRoIGlkPSJzdmdfMiIgZD0ibTE3LjM3NTI5LDQ2Ljc5OTI0bDcuMDExMTksLTcuMDEzNjdsMTkuMjA3MDQsMTkuMjA0NTdsMzIuMDE3NTIsLTMyLjAwNzYxbDcuMDEzNjcsNy4wMDg3MWwtMzkuMDMxMTksMzkuMDI2MjQiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSIjMDA3NzgwIj48L3BhdGg+CiA8L2c+Cjwvc3ZnPg");
  background-repeat: no-repeat;
  cursor: pointer;
}

.tick_off {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNi45OTk0MyIgaGVpZ2h0PSIyNi45OTk0MyIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIj48L3JlY3Q+CiAgPGcgaWQ9ImNhbnZhc0dyaWQiIGRpc3BsYXk9Im5vbmUiPgogICA8cmVjdCBpZD0ic3ZnXzMiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0idXJsKCNncmlkcGF0dGVybikiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkYWRlIiBzdHJva2Utd2lkdGg9IjEuNSIgeD0iMy43NTA0IiB5PSIzLjc1MDQiIHdpZHRoPSI5Mi40OTkxOSIgaGVpZ2h0PSI5Mi40OTkxOSIgaWQ9InN2Z18xIiByeD0iNSI+PC9yZWN0PgogPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  cursor: pointer;
}

/* ----------- */
@font-face {
  font-family: "ica_entypo";
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot");
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot?#iefix") format("embedded-opentype"), url("/xpf_calculators/shared/fonts/entypo_full.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "infra-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-reg.woff") format("woff");
}
@font-face {
  font-family: "ampersans-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/ampersans-regular.woff") format("woff");
}
@font-face {
  font-family: "infra-medium";
  font-style: normal;
  font-weight: bold;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-medium.woff") format("woff");
}
/* -- Other ----------------------------------------------- */
/* -------------------------------------------------------- */
/* -- Help pop-ups -- */
/* -- Colours --------------------------------------------- */
/* -------------------------------------------------------- */
/* -- Icons -- */
i {
  font-family: "ica_entypo";
  font-size: 20px;
  font-style: normal;
  position: absolute;
  color: #003366;
}
i.print:before {
  content: "\e716";
}

.tick_on {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMDIiIHdpZHRoPSIxMDIiIHk9Ii0xIiB4PSItMSI+PC9yZWN0PgogIDxnIGRpc3BsYXk9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgcng9IjUiIGlkPSJzdmdfMSIgaGVpZ2h0PSI5Mi40OTkxOSIgd2lkdGg9IjkyLjQ5OTE5IiB5PSIzLjc1MDQiIHg9IjMuNzUwNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2QyZGFkZSIgZmlsbD0ibm9uZSI+PC9yZWN0PgogIDxwYXRoIGlkPSJzdmdfMiIgZD0ibTE3LjM3NTI5LDQ2Ljc5OTI0bDcuMDExMTksLTcuMDEzNjdsMTkuMjA3MDQsMTkuMjA0NTdsMzIuMDE3NTIsLTMyLjAwNzYxbDcuMDEzNjcsNy4wMDg3MWwtMzkuMDMxMTksMzkuMDI2MjQiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSIjMDA3NzgwIj48L3BhdGg+CiA8L2c+Cjwvc3ZnPg");
  background-repeat: no-repeat;
  cursor: pointer;
}

.tick_off {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNi45OTk0MyIgaGVpZ2h0PSIyNi45OTk0MyIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIj48L3JlY3Q+CiAgPGcgaWQ9ImNhbnZhc0dyaWQiIGRpc3BsYXk9Im5vbmUiPgogICA8cmVjdCBpZD0ic3ZnXzMiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0idXJsKCNncmlkcGF0dGVybikiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkYWRlIiBzdHJva2Utd2lkdGg9IjEuNSIgeD0iMy43NTA0IiB5PSIzLjc1MDQiIHdpZHRoPSI5Mi40OTkxOSIgaGVpZ2h0PSI5Mi40OTkxOSIgaWQ9InN2Z18xIiByeD0iNSI+PC9yZWN0PgogPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  cursor: pointer;
}

/* ----------- */
@font-face {
  font-family: "ica_entypo";
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot");
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot?#iefix") format("embedded-opentype"), url("/xpf_calculators/shared/fonts/entypo_full.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "infra-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-reg.woff") format("woff");
}
@font-face {
  font-family: "ampersans-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/ampersans-regular.woff") format("woff");
}
@font-face {
  font-family: "infra-medium";
  font-style: normal;
  font-weight: bold;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-medium.woff") format("woff");
}
/* -- Other ----------------------------------------------- */
/* -------------------------------------------------------- */
.popover {
  box-shadow: none;
  max-width: 250px;
  z-index: 10000;
  position: absolute;
  opacity: 1;
}

.popover.bottom .arrow:after {
  border-bottom-color: #007780;
  top: 2px;
}

.popover-content {
  position: relative;
  background: #007780;
  border-radius: 5px;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
}
.popover-content .popover-close-icon a {
  position: absolute;
  top: 8px;
  right: 15px;
  font-family: Arial, Helvetcia, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.popover-content .popover-close-icon a:active {
  padding: 1px 1px 0 0;
}
.popover-content .popover-close-icon a i {
  color: #ffffff;
  font-family: Arial, Helvetcia, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  cursor: hand;
}

a.tooltip-button {
  margin: 0 20px 0 18px;
  background: url(/xpf_calculators/shared/images/tooltipButton.svg) center no-repeat;
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  justify-self: flex-start;
}

html, body {
  font-family: infra-regular, sans-serif;
  min-width: 690px;
}

.col-1-3 {
  float: left;
  width: 33.33%;
}

.col-2-3 {
  float: left;
  width: 66.66%;
}

.flex-1 {
  flex: 1;
}

.custom-dropdown-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.row {
  width: stretch;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0 20px;
}
.row.noPadding {
  padding: 0;
}
.row.paddingRight {
  padding: 0 20px 0;
}

#header {
  background: #DDD8C2;
  font-size: 56px;
  font-family: ampersans-regular, sans-serif;
  color: #2f2f2f;
  padding: 127px 0;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 30px 0;
}
#header h1 {
  max-width: 790px;
}
#header .logo {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#calcWrapper h2 {
  text-align: left;
  font-family: infra-medium, sans-serif;
  font-size: 44px;
  color: #2f2f2f;
  margin: 0 0 30px 120px;
}
#calcWrapper h2.subTitle {
  margin: 30px 120px;
}

button {
  width: 100px;
}
button.show, button.hide {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: normal;
  border: 2px solid #055a60;
  margin: 0 2px -1px 2px;
  padding: 5px 20px 5px 20px;
  cursor: pointer;
  box-shadow: none;
  height: 40px;
  border-radius: 40px;
  color: #2f2f2f;
  background-color: white;
}
button.show:hover, button.hide:hover {
  text-decoration: underline;
  color: #073327;
  transition: none !important;
  animation: none !important;
}
button.show:active, button.hide:active {
  color: #2f2f2f !important;
  outline: 2px solid #073327 !important;
}
button.show, button.hide {
  width: 100px;
  position: absolute;
  right: 20px;
  top: 16px;
}
button.show div, button.hide div {
  position: absolute;
  top: 6px;
  right: 5px;
  opacity: 0.7;
}
button.hide {
  display: none;
}
button.exportTable {
  float: right;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: normal;
  border: 2px solid #055a60;
  margin: 0 2px -1px 2px;
  padding: 5px 20px 5px 20px;
  cursor: pointer;
  box-shadow: none;
  height: 40px;
  border-radius: 40px;
  background-color: #055a60;
  color: #ffffff;
}
button.exportTable:hover {
  transition: none !important;
  animation: none !important;
  text-decoration: underline;
  background-color: #034C51;
}
button.exportTable:active {
  text-decoration: underline;
  background-color: #073327;
}

#calcWrapper {
  max-width: 1200px;
  margin: 0 auto;
}
#calcWrapper.footer {
  font-size: 0.9em;
}
#calcWrapper.footer .col-2-3 {
  color: #007780;
  font-weight: bold;
}
#calcWrapper.footer .col-2-3 span {
  display: block;
  padding: 14px 10px 14px 20px;
}
#calcWrapper.footer .col-1-3 {
  text-align: right;
}
#calcWrapper.footer .col-1-3 a {
  display: block;
  padding: 14px 20px 14px 10px;
  color: #d13c15;
  text-decoration: none;
}
#calcWrapper.footer .col-1-3 a:hover {
  text-decoration: underline;
}
#calcWrapper .calcPanel {
  position: relative;
  background-color: #ffffff;
  margin: 0 120px 32px 120px;
  border-style: solid;
  border-width: 0 0 0 5px;
}
#calcWrapper .calcPanel h3 {
  display: flex;
  padding: 27px 0 27px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #2f2f2f;
  font-family: infra-medium, sans-serif;
}
#calcWrapper .calcPanel.importantInfo {
  color: #2f2f2f;
  border: none;
}
#calcWrapper .calcPanel.importantInfo .inputRow {
  padding: 24px 40px;
  border-left: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
}
#calcWrapper .calcPanel.importantInfo .importantinfoheader {
  background-color: #810645;
  border-bottom: 1px solid #2f2f2f;
}
#calcWrapper .calcPanel.importantInfo .importantinfoheader .importantinfotitle {
  padding: 10px 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
}
#calcWrapper .calcPanel.importantInfo .importantinfoheader .importantinfotitle .infoIcon {
  position: relative;
  width: 24px;
  height: 24px;
  background: url(/xpf_calculators/shared/images/infoIcon_white.svg) no-repeat center;
  margin-right: 4px;
}
#calcWrapper .calcPanel.importantInfo .importantinfoheader .importantinfotitle .demi {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  vertical-align: middle;
}
#calcWrapper .calcPanel.importantInfo h3 {
  font-size: 18px;
  font-weight: 600;
  padding: 20px 0;
}
#calcWrapper .calcPanel.importantInfo hr {
  border: 0;
  border-top: 1px solid #d6d7d9;
  margin: 10px 0 20px 0;
}
#calcWrapper .calcPanel.importantInfo p {
  padding-bottom: 20px;
}
#calcWrapper .calcPanel.importantInfo p:last-child {
  padding-bottom: 0;
}
#calcWrapper .calcPanel.importantInfo ul {
  list-style: disc;
  margin: 0 0 20px 30px;
  line-height: 1.4em;
}
#calcWrapper .calcPanel.importantInfo a {
  color: #055a60;
  text-decoration: none;
  border-bottom: 1px solid #055a60;
  padding: 0 0 1px 0;
}
#calcWrapper .calcPanel.importantInfo a:hover {
  color: #055a60;
  border-color: #055a60;
}
#calcWrapper .calcPanel.importantInfo strong {
  font-weight: bold;
}
#calcWrapper .calcPanel.importantInfo .tiny {
  font-size: 0.8em;
}
#calcWrapper .calcPanel {
  /*
  &.importantInfo {
  	padding: 20px;
  	font-size: 0.8em;
  	h3 {
  		padding: 0;
  		color: $black;
  	}
  	p {
  		padding: 10px 0;
  		a {
  			color: #000;
  			text-decoration: underline;
  			&:hover {
  				text-decoration: none;
  				color: $pruRed;
  			}
  		}
  	}
  	ul {
  		li {
  			list-style-type: circle;
  			padding: 2px 0;
  			margin-left: 30px;
  		}
  	}
  }
  */
}
#calcWrapper .calcPanel .panelContent {
  display: none;
}
#calcWrapper .calcPanel.spaceTop {
  margin-top: 30px;
}
#calcWrapper .calcPanel.output_control {
  display: flex;
  justify-content: space-between;
}
#calcWrapper .calcPanel.output_control button.next {
  margin-left: auto !important;
  width: auto;
}
#calcWrapper .calcPanel.output_control button.back {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: normal;
  border: 2px solid #055a60;
  margin: 0 2px -1px 2px;
  padding: 5px 20px 5px 20px;
  cursor: pointer;
  box-shadow: none;
  height: 40px;
  border-radius: 40px;
  color: #2f2f2f;
  background-color: white;
}
#calcWrapper .calcPanel.output_control button.back:hover {
  text-decoration: underline;
  color: #073327;
  transition: none !important;
  animation: none !important;
}
#calcWrapper .calcPanel.output_control button.back:active {
  color: #2f2f2f !important;
  outline: 2px solid #073327 !important;
}
#calcWrapper .calcPanel.output_control button.print, #calcWrapper .calcPanel.output_control button.next {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: normal;
  border: 2px solid #055a60;
  margin: 0 2px -1px 2px;
  padding: 5px 20px 5px 20px;
  cursor: pointer;
  box-shadow: none;
  height: 40px;
  border-radius: 40px;
  background-color: #055a60;
  color: #ffffff;
}
#calcWrapper .calcPanel.output_control button.print:hover, #calcWrapper .calcPanel.output_control button.next:hover {
  transition: none !important;
  animation: none !important;
  text-decoration: underline;
  background-color: #034C51;
}
#calcWrapper .calcPanel.output_control button.print:active, #calcWrapper .calcPanel.output_control button.next:active {
  text-decoration: underline;
  background-color: #073327;
}
#calcWrapper .calcPanel.output_control button.print {
  margin-bottom: 0;
  width: auto;
  margin-left: auto;
}
#calcWrapper .calcPanel.dynamic {
  border-color: #0BA88A;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel.dynamicFocused {
  border-color: #F27FB2;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel.pruFund {
  border-color: #83A9FF;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel.totalAssetAllocationPanel, #calcWrapper .calcPanel.growthRatePanel {
  border-color: #055a60;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel#regularPanel, #calcWrapper .calcPanel#oneOffSetupPanel {
  border-color: #F27FB2;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel#iacRegularPanel, #calcWrapper .calcPanel#iacRegularValPanel, #calcWrapper .calcPanel#iacRegularMonthsPanel {
  border-color: #abc084;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel#oacPanel .dropDown, #calcWrapper .calcPanel#iacSinglePanel .dropDown {
  display: block;
  position: relative;
  vertical-align: middle;
  height: 48px;
  width: 300px;
}
#calcWrapper .calcPanel#oacPanel .dropDown:after, #calcWrapper .calcPanel#iacSinglePanel .dropDown:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(/xpf_calculators/shared/images/chevron_down.png) center no-repeat;
  font-size: 16px;
  color: #003366;
  border: 1px solid #055a60;
  z-index: 1000;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
#calcWrapper .calcPanel#oacPanel .dropDown:before, #calcWrapper .calcPanel#iacSinglePanel .dropDown:before {
  bottom: 0;
  right: 0;
  top: 0;
  width: 2em;
}
#calcWrapper .calcPanel#oacPanel .dropDown select, #calcWrapper .calcPanel#iacSinglePanel .dropDown select {
  width: 100%;
  font-size: inherit;
  margin: 0;
  padding: 0.35em;
  appearance: none;
  -moz-appearance: none;
  border: 1px solid #055a60;
  border-radius: 0;
  height: 48px;
}
#calcWrapper .calcPanel#oacPanel, #calcWrapper .calcPanel#iacSinglePanel {
  border-color: #83A9FF;
  background-color: #F5F3ED;
}
#calcWrapper .calcPanel#developedEquities.closed, #calcWrapper .calcPanel#emergingEquities.closed, #calcWrapper .calcPanel#commercialProperty.closed, #calcWrapper .calcPanel#sovereignBonds.closed, #calcWrapper .calcPanel#investmentGradeCredit.closed, #calcWrapper .calcPanel#globalHighYield.closed, #calcWrapper .calcPanel#other.closed, #calcWrapper .calcPanel#cash.closed {
  background-color: #ffffff;
  box-shadow: none;
}
#calcWrapper .calcPanel.closed {
  background-color: #ffffff;
  box-shadow: none;
  border: none;
}
#calcWrapper .calcPanel .inputRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  margin-right: 20px;
}
#calcWrapper .calcPanel .inputRow.noMargin {
  margin-right: 0;
}
#calcWrapper .calcPanel .inputRow.error {
  display: block;
  border: 2px solid #C63813;
  padding-bottom: 2px;
  margin-right: 0;
  padding-right: 20px;
}
#calcWrapper .calcPanel .inputRow .errorMessage {
  color: #C63813;
  opacity: 0.8;
  text-align: right;
  font-size: 13px;
}
#calcWrapper .calcPanel .inputWrap input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
#calcWrapper .calcPanel .inputWrap {
  display: flex;
  align-items: center;
  position: relative;
}
#calcWrapper .calcPanel .inputWrap:has(input.dateset)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(/xpf_calculators/shared/images/calendar_darkTeal.svg) center no-repeat;
  font-size: 16px;
  color: #055a60;
  border: 1px solid #055a60;
  z-index: 1;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
#calcWrapper .calcPanel .inputWrap:has(input.percent)::after {
  content: "%";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #055a60;
  border: 1px solid #055a60;
  z-index: 1;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
#calcWrapper .calcPanel .inputWrap:has(input.currency)::before {
  content: "£";
  position: absolute;
  left: 0;
  background: #fff;
  padding: 0 5px;
  font-size: 16px;
  color: #055a60;
  border: 1px solid #055a60;
  z-index: 1;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#calcWrapper .calcPanel input[type=number]::-webkit-outer-spin-button,
#calcWrapper .calcPanel input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  outline: none;
}
#calcWrapper .calcPanel input, #calcWrapper .calcPanel input[type=text], #calcWrapper .calcPanel input[type=number] {
  color: #003366;
  height: 46px;
  font-weight: normal;
  text-indent: 10px;
  padding: 0 5px;
  border: 1px solid #118380;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  background: #FFFFFF;
}
#calcWrapper .calcPanel input:focus, #calcWrapper .calcPanel input[type=text]:focus, #calcWrapper .calcPanel input[type=number]:focus {
  border: 1px solid #118380;
  box-shadow: none;
}
#calcWrapper .calcPanel input[readonly=readonly], #calcWrapper .calcPanel input.readonly, #calcWrapper .calcPanel input[type=text][readonly=readonly], #calcWrapper .calcPanel input[type=text].readonly, #calcWrapper .calcPanel input[type=number][readonly=readonly], #calcWrapper .calcPanel input[type=number].readonly {
  box-shadow: none;
  color: #003366;
  text-shadow: none;
  background-image: none;
  background-color: #DDD8C2;
  border-color: #055A60;
}
#calcWrapper .calcPanel input.error, #calcWrapper .calcPanel input.customError, #calcWrapper .calcPanel input[type=text].error, #calcWrapper .calcPanel input[type=text].customError, #calcWrapper .calcPanel input[type=number].error, #calcWrapper .calcPanel input[type=number].customError {
  color: #cc0000;
  outline: 2px solid #cc0000;
}
#calcWrapper .calcPanel input.currency, #calcWrapper .calcPanel input[type=text].currency, #calcWrapper .calcPanel input[type=number].currency {
  text-indent: 64px;
}
#calcWrapper .calcPanel p.currency, #calcWrapper .calcPanel p.percentage {
  display: none;
}
#calcWrapper .calcPanel .remaining {
  text-align: right;
  margin: 4px 20px 20px;
  font-size: 13px;
  color: #2f2f2f;
  opacity: 0.8;
}
#calcWrapper .calcPanel .remaining.overAllocated {
  color: #C63813;
}
#calcWrapper .calcPanel .col-1-2 {
  box-sizing: border-box;
}
#calcWrapper .calcPanel .col-1-2 .title {
  padding: 9px 0 8px 20px;
  margin: 0 0 16px 0;
  border-style: solid;
  border-width: 1px 0;
  color: #2f2f2f;
  font-size: 14px;
}
#calcWrapper .calcPanel .col-1-2 label, #calcWrapper .calcPanel .col-1-2 input, #calcWrapper .calcPanel .col-1-2 .total {
  color: #454c50;
}
#calcWrapper .calcPanel .col-1-2 label {
  margin-right: 128px;
  display: inline-block;
}
#calcWrapper .calcPanel .col-1-2 label.title {
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}
#calcWrapper .calcPanel .col-1-2 .total {
  border-width: 2px 0 0 0;
  border-style: solid;
  margin: 0 20px;
  padding: 16px 0;
  font-weight: 600;
}
#calcWrapper .calcPanel .col-1-2 .total span {
  float: right;
  font-size: 18px;
}
#calcWrapper .calcPanel:after {
  content: "";
  display: table;
  clear: both;
}
#calcWrapper .customMessage {
  padding: 20px;
  margin: 20px 120px;
  display: none;
  background-color: #C63813;
  text-align: center;
  color: #ffffff;
}
#calcWrapper #step2 .col-1-2 {
  display: flex;
}
#calcWrapper #step2 .input-wrap {
  display: flex;
  flex-direction: column;
}
#calcWrapper #step2 .dropDown {
  display: block;
  position: relative;
  vertical-align: middle;
  height: 48px;
  width: 300px;
}
#calcWrapper #step2 .dropDown:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(/xpf_calculators/shared/images/chevron_down.png) center no-repeat;
  font-size: 16px;
  color: #003366;
  border: 1px solid #055a60;
  z-index: 1000;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
#calcWrapper #step2 .dropDown:before {
  bottom: 0;
  right: 0;
  top: 0;
  width: 2em;
}
#calcWrapper #step2 .dropDown select {
  width: 100%;
  font-size: inherit;
  margin: 0;
  padding: 0.35em;
  appearance: none;
  -moz-appearance: none;
  border: 1px solid #055a60;
  border-radius: 0;
  height: 48px;
}
#calcWrapper #step2 .dropDown.error {
  border: 1px solid #C63813;
}
#calcWrapper #step2 .dropDown.error select {
  color: #C63813;
}
#calcWrapper #step2 p.error {
  display: none;
  font-size: 13px;
  color: #C63813;
  position: absolute;
  left: 0;
  top: 28px;
  width: 60px;
  margin: 30px 0 0;
}
#calcWrapper #step2 h2 a {
  top: 0;
}
#calcWrapper #step2 .premiumContent {
  border-color: #055a60;
  background-color: #F5F3ED;
}
#calcWrapper #step2 .premiumError {
  display: none;
  border: 1px solid #C63813;
  border-radius: 4px;
  text-align: center;
  color: #C63813;
  padding: 10px;
  font-size: 13px;
  margin-top: 20px;
}
#calcWrapper #step2 table th, #calcWrapper #step2 table td {
  border: 1px solid #DDD8C2;
}
#calcWrapper #step2 table.premiumResultsTable {
  width: 100%;
}
#calcWrapper #step2 table.premiumResultsTable thead {
  background-color: #F5F3ED;
}
#calcWrapper #step2 table.premiumResultsTable thead tr th {
  font-family: infra-medium, sans-serif;
  font-size: 18px;
  color: #2f2f2f;
  padding: 10px;
  text-align: center;
}
#calcWrapper #step2 table.premiumResultsTable thead tr th:first-child {
  text-align: left;
}
#calcWrapper #step2 table.premiumResultsTable thead tr th span {
  display: block;
  text-align: right;
}
#calcWrapper #step2 table.premiumResultsTable td {
  vertical-align: middle;
  padding: 14px;
  font-size: 16px;
  text-align: center;
}
#calcWrapper #step2 table.premiumResultsTable td:first-child {
  text-align: left;
}
#calcWrapper #step2 table.premiumResultsTable td span {
  margin: 0 5px;
}
#calcWrapper #step2 table.premiumResultsTable td span.error {
  color: #C63813;
  font-weight: bold;
}
#calcWrapper #step2 table.premiumResultsTable td.table_colour1 {
  background-color: #F5F3ED;
}
#calcWrapper #step2 table.premiumResultsTable td.table_colour2 {
  background-color: white;
}
#calcWrapper #step2 .totalAssetAllocation {
  display: block;
  background-color: #f5f6f6;
  color: #2f2f2f;
  font-size: 18px;
  position: absolute;
  top: 16px;
  right: 20px;
  padding: 11px 20px;
  border-radius: 20px;
}
#calcWrapper #step2 .totalAssetAllocation span {
  font-weight: 600;
}
#calcWrapper #step2 .totalAssetAllocationPanel h3 {
  padding-bottom: 57px;
}
#calcWrapper #step2 .totalAssetAllocationPanel p {
  color: #2f2f2f;
  font-size: 12px;
  position: absolute;
  left: 23px;
}
#calcWrapper #step2 .totalAssetAllocationPanel p.selectError {
  top: 50px;
}
#calcWrapper #step2 .totalAssetAllocationPanel p.allocAmt {
  top: 70px;
}
#calcWrapper #step2 .growthRatePanel a {
  top: 0px;
}
#calcWrapper #step2, #calcWrapper #step3, #calcWrapper #outputs, #calcWrapper #printSelections {
  display: none;
}
#calcWrapper #step2 .dropDown, #calcWrapper #step3 .dropDown, #calcWrapper #outputs .dropDown, #calcWrapper #printSelections .dropDown {
  display: block;
  position: relative;
  vertical-align: middle;
  height: 48px;
  width: 300px;
}
#calcWrapper #step2 .dropDown:after, #calcWrapper #step3 .dropDown:after, #calcWrapper #outputs .dropDown:after, #calcWrapper #printSelections .dropDown:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(/xpf_calculators/shared/images/chevron_down.png) center no-repeat;
  font-size: 16px;
  color: #003366;
  border: 1px solid #055a60;
  z-index: 1000;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
#calcWrapper #step2 .dropDown:before, #calcWrapper #step3 .dropDown:before, #calcWrapper #outputs .dropDown:before, #calcWrapper #printSelections .dropDown:before {
  bottom: 0;
  right: 0;
  top: 0;
  width: 2em;
}
#calcWrapper #step2 .dropDown select, #calcWrapper #step3 .dropDown select, #calcWrapper #outputs .dropDown select, #calcWrapper #printSelections .dropDown select {
  width: 100%;
  font-size: inherit;
  margin: 0;
  padding: 0.35em;
  appearance: none;
  -moz-appearance: none;
  border: 1px solid #055a60;
  border-radius: 0;
  height: 48px;
}
#calcWrapper #printSelections .inputRow, #calcWrapper #printSelections .calcPanel.pruFund {
  background-color: #F5F3ED;
}
#calcWrapper #printSelections label {
  display: block;
  font-weight: 600;
  font-size: 1.1em;
  color: #68727a;
  padding: 27px 0 27px 20px;
  background-size: 40px;
  background-position: 97% 50%;
}
#calcWrapper #printSelections input[type=checkbox] {
  display: none;
}
#calcWrapper .step1, #calcWrapper .step2, #calcWrapper .step3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  background: #055a60;
  color: white;
  position: relative;
  margin: 64px 120px;
}
#calcWrapper .step1 .text, #calcWrapper .step2 .text, #calcWrapper .step3 .text {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
#calcWrapper .step1 .infoIcon, #calcWrapper .step2 .infoIcon, #calcWrapper .step3 .infoIcon {
  position: relative;
  width: 24px;
  height: 24px;
  background: url(/xpf_calculators/shared/images/infoIcon_white.svg) no-repeat center;
  margin-right: 4px;
}
#calcWrapper .step1 .arrowRight, #calcWrapper .step2 .arrowRight, #calcWrapper .step3 .arrowRight {
  position: relative;
  width: 16px;
  height: 16px;
  background: url(/xpf_calculators/shared/images/arrowRight_black.svg) no-repeat center;
  margin-left: 8px;
}
#calcWrapper .step1 .arrowLeft, #calcWrapper .step2 .arrowLeft, #calcWrapper .step3 .arrowLeft {
  position: relative;
  width: 16px;
  height: 16px;
  background: url(/xpf_calculators/shared/images/arrowRight_black.svg) no-repeat center;
  margin-right: 8px;
  transform: rotate(180deg);
}
#calcWrapper .step1 button, #calcWrapper .step2 button, #calcWrapper .step3 button {
  display: flex;
  align-items: center;
  justify-content: center;
}
#calcWrapper .step1 button.next, #calcWrapper .step1 button.back, #calcWrapper .step2 button.next, #calcWrapper .step2 button.back, #calcWrapper .step3 button.next, #calcWrapper .step3 button.back {
  border-radius: 40px;
  text-shadow: none !important;
  background: #D4CA59 !important;
  border: 1px solid #D4CA59;
  color: #2f2f2f !important;
}
#calcWrapper .step1 button.next:hover, #calcWrapper .step1 button.back:hover, #calcWrapper .step2 button.next:hover, #calcWrapper .step2 button.back:hover, #calcWrapper .step3 button.next:hover, #calcWrapper .step3 button.back:hover {
  color: #073327 !important;
  background: #E4DE97 !important;
  text-decoration: underline;
}
#calcWrapper .step1 button.next:active, #calcWrapper .step1 button.back:active, #calcWrapper .step2 button.next:active, #calcWrapper .step2 button.back:active, #calcWrapper .step3 button.next:active, #calcWrapper .step3 button.back:active {
  color: #2f2f2f !important;
  background: #ffffff !important;
  outline: 2px solid #055a60 !important;
}
#calcWrapper .step1 button.next, #calcWrapper .step1 button.back, #calcWrapper .step2 button.next, #calcWrapper .step2 button.back, #calcWrapper .step3 button.next, #calcWrapper .step3 button.back {
  height: 40px;
  cursor: pointer;
  width: 97px;
  margin: 16px 20px 16px auto;
}
#calcWrapper .step1 button.next.disabled, #calcWrapper .step1 button.back.disabled, #calcWrapper .step2 button.next.disabled, #calcWrapper .step2 button.back.disabled, #calcWrapper .step3 button.next.disabled, #calcWrapper .step3 button.back.disabled {
  background-color: #2f2f2f;
  opacity: 0.2;
  cursor: not-allowed;
}
#calcWrapper .step1 button.back, #calcWrapper .step2 button.back, #calcWrapper .step3 button.back {
  border-radius: 40px;
  text-shadow: none !important;
  background: #D4CA59 !important;
  border: 1px solid #D4CA59;
  color: #2f2f2f !important;
}
#calcWrapper .step1 button.back:hover, #calcWrapper .step2 button.back:hover, #calcWrapper .step3 button.back:hover {
  color: #073327 !important;
  background: #E4DE97 !important;
  text-decoration: underline;
}
#calcWrapper .step1 button.back:active, #calcWrapper .step2 button.back:active, #calcWrapper .step3 button.back:active {
  color: #2f2f2f !important;
  background: #ffffff !important;
  outline: 2px solid #055a60 !important;
}
#calcWrapper .step1 button.back, #calcWrapper .step2 button.back, #calcWrapper .step3 button.back {
  height: 40px;
  cursor: pointer;
  width: 97px;
  margin: 16px 20px;
}
#calcWrapper .step1 .col-2-3 span {
  display: block;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
}
#calcWrapper #outputs {
  display: none;
}
#calcWrapper #outputs .graphColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#calcWrapper #outputs .graphColumn #outputGraph {
  width: 320px;
  height: 320px;
  margin: 0 auto;
}
#calcWrapper #outputs .tableColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#calcWrapper #outputs .calcPanel {
  border: none;
}
#calcWrapper #outputs .calcPanel .col-1-2, #calcWrapper #outputs .calcPanel .col-1-2:first-child {
  border: none;
}
#calcWrapper #outputs .calcPanel.output_allocation {
  min-height: 400px;
}
#calcWrapper #outputs .calcPanel:last-child {
  margin-top: 20px;
  margin-bottom: 50px;
}
#calcWrapper #outputs .calcPanel table {
  width: 95%;
  margin: 20px 0 20px 20px;
  border-collapse: separate;
}
#calcWrapper #outputs .calcPanel table thead {
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table thead tr th {
  font-size: 16px;
  color: #2f2f2f;
  padding: 10px;
  text-align: center;
}
#calcWrapper #outputs .calcPanel table thead tr th:first-child {
  border: 1px solid #DDD8C2;
}
#calcWrapper #outputs .calcPanel table thead tr th:first-child.leftAlign {
  text-align: left;
}
#calcWrapper #outputs .calcPanel table thead tr th span {
  display: block;
  text-align: right;
}
#calcWrapper #outputs .calcPanel table th, #calcWrapper #outputs .calcPanel table td {
  border: 1px solid #DDD8C2;
}
#calcWrapper #outputs .calcPanel table tr th, #calcWrapper #outputs .calcPanel table tr td {
  width: 17.5%;
}
#calcWrapper #outputs .calcPanel table tr th:first-child, #calcWrapper #outputs .calcPanel table tr td:first-child {
  width: 30%;
}
#calcWrapper #outputs .calcPanel table td {
  vertical-align: middle;
  padding: 14px;
  font-size: 16px;
  text-align: center;
}
#calcWrapper #outputs .calcPanel table td:first-child {
  text-align: left;
}
#calcWrapper #outputs .calcPanel table td span {
  float: right;
  margin-right: 20px;
}
#calcWrapper #outputs .calcPanel table td.table_oneOffCosts, #calcWrapper #outputs .calcPanel table td.table_serviceCosts {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #83A9FF;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_ongoingCosts, #calcWrapper #outputs .calcPanel table td.table_adviserCostsSingle {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #abc084;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_transactionalCosts, #calcWrapper #outputs .calcPanel table td.table_adviserCostsRegular {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #6dbaaf;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_incidentalCosts, #calcWrapper #outputs .calcPanel table td.table_totalCosts {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #F27FB2;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_oneOffAdviceCost {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #d55e1b;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_regularPremiumAdviceCost {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #d31968;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_ongoingAdviceCost {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #a677a4;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table td.table_productCosts {
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  border-left: 5px solid #0BA88A;
  background-color: #F5F3ED;
}
#calcWrapper #outputs .calcPanel table.transferPremiumTable th:first-child, #calcWrapper #outputs .calcPanel table.transferPremiumTable td:first-child, #calcWrapper #outputs .calcPanel table.singlePremiumTable th:first-child, #calcWrapper #outputs .calcPanel table.singlePremiumTable td:first-child, #calcWrapper #outputs .calcPanel table.regularPremiumTable th:first-child, #calcWrapper #outputs .calcPanel table.regularPremiumTable td:first-child {
  width: 10%;
  border-left: 5px solid #F27FB2;
  border-top: 1px solid #DDD8C2;
  border-bottom: 1px solid #DDD8C2;
  border-right: 1px solid #DDD8C2;
  background-color: #F5F3ED;
  text-align: center;
}
#calcWrapper #outputs .calcPanel.resultsInfo {
  padding: 10px 15px;
}
#calcWrapper #outputs .calcPanel.resultsInfo p {
  margin: 10px 5px;
}
#calcWrapper #outputs .calcPanel.resultsInfo p a {
  color: #000;
  text-decoration: underline;
}
#calcWrapper #outputs .calcPanel.resultsInfo p a:hover {
  text-decoration: none;
  color: #007780;
}
#calcWrapper #outputs .calcPanel.resultsInfo p strong {
  font-weight: bold;
}
#calcWrapper #outputs .calcPanel.resultsInfo .tiny {
  font-size: 0.8em;
}
#calcWrapper #outputs .calcPanel.output_results {
  padding-top: 10px;
}
#calcWrapper #outputs .calcPanel.output_results table.resultsTable {
  width: 87%;
  margin: 10px auto 20px auto;
  font-size: 16px;
  color: #2f2f2f;
}
#calcWrapper #outputs .calcPanel.output_results table.resultsTable tr td {
  padding: 14px 0 11px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #d6d7d9;
}
#calcWrapper #outputs .calcPanel.output_results table.resultsTable tr td:last-child {
  text-align: right;
}
#calcWrapper #outputs .calcPanel.output_results table.resultsTable tr:last-child td, #calcWrapper #outputs .calcPanel.output_results table.resultsTable tr:first-child td {
  border: none;
}
#calcWrapper #outputs .calcPanel.output_results table.resultsTable tr:nth-child(2) td {
  border-width: 2px 0;
  padding: 18px 0 20px 0;
  font-size: 18px;
  font-weight: 600;
}
#calcWrapper #outputs .calcPanel.output_results table.resultsTable tr:nth-child(2) td:last-child {
  font-size: 24px;
}
#calcWrapper #printSelections .inputWrap {
  width: auto;
}
#calcWrapper #printSelections .inputWrap select {
  width: auto;
}
#calcWrapper #printSelections input {
  position: absolute;
  top: 13px;
  right: 10px;
}
#calcWrapper #printSelections .output_control {
  padding-bottom: 16px;
}

#printOutput, #printModal, #consentModal {
  display: none;
}

.icon_add {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwIgogICBoZWlnaHQ9IjIwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxMiIKICAgc29kaXBvZGk6ZG9jbmFtZT0iYWRkLWljb24uc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMi0yIChlODZjODcwODc5LCAyMDIxLTAxLTE1KSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxNiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE2ODAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTg3IgogICAgIGlkPSJuYW1lZHZpZXcxNCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzYuNzUiCiAgICAgaW5rc2NhcGU6Y3g9IjguNDc2MTkwNSIKICAgICBpbmtzY2FwZTpjeT0iMTAiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iZzEwIiAvPgogIDxnCiAgICAgaWQ9Imc1Ij4KICAgIDx0aXRsZQogICAgICAgaWQ9InRpdGxlMiI+YmFja2dyb3VuZDwvdGl0bGU+CiAgICA8cmVjdAogICAgICAgZmlsbD0ibm9uZSIKICAgICAgIGlkPSJjYW52YXNfYmFja2dyb3VuZCIKICAgICAgIGhlaWdodD0iMy4zNTc4NSIKICAgICAgIHdpZHRoPSIzLjM1Nzg1IgogICAgICAgeT0iLTEiCiAgICAgICB4PSItMSIgLz4KICA8L2c+CiAgPGcKICAgICBpZD0iZzEwIj4KICAgIDx0aXRsZQogICAgICAgaWQ9InRpdGxlNyI+TGF5ZXIgMTwvdGl0bGU+CiAgICA8cGF0aAogICAgICAgZmlsbD0iIzY4NzM3YSIKICAgICAgIHN0cm9rZT0ibnVsbCIKICAgICAgIGlkPSJzdmdfMSIKICAgICAgIGQ9Im0xNy45NzM2NSw4LjQ2NjYxbC02LjQ0MDI1LDBsMCwtNi40NDAyNWMwLC0wLjg0NjQzIC0wLjY4Njk2LC0wLjkyMDA0IC0xLjUzMzM5LC0wLjkyMDA0Yy0wLjg0Nzk3LDAgLTEuNTMzMzksMC4wNzIwNyAtMS41MzMzOSwwLjkyMDA0bDAsNi40NDAyNWwtNi40NDAyNSwwYy0wLjg0Nzk3LDAgLTAuOTIwMDQsMC42ODY5NiAtMC45MjAwNCwxLjUzMzM5czAuMDcyMDcsMS41MzMzOSAwLjkyMDA0LDEuNTMzMzlsNi40NDAyNSwwbDAsNi40NDAyNWMwLDAuODQ2NDMgMC42ODU0MywwLjkyMDA0IDEuNTMzMzksMC45MjAwNGMwLjg0NjQzLDAgMS41MzMzOSwtMC4wNzM2IDEuNTMzMzksLTAuOTIwMDRsMCwtNi40NDAyNWw2LjQ0MDI1LDBjMC44NDY0MywwIDAuOTIwMDQsLTAuNjg2OTYgMC45MjAwNCwtMS41MzMzOXMtMC4wNzM2LC0xLjUzMzM5IC0wLjkyMDA0LC0xLjUzMzM5eiIKICAgICAgIHN0eWxlPSJmaWxsOiMwMDc3ODA7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: 50%;
  width: 24px;
  height: 24px;
  display: block;
}

.icon_close {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwIgogICBoZWlnaHQ9IjIwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4NjEiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNsb3NlLWNyb3NzLWljb24uc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMi0yIChlODZjODcwODc5LCAyMDIxLTAxLTE1KSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhODY3Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzODY1IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTY4MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5ODciCiAgICAgaWQ9Im5hbWVkdmlldzg2MyIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMzYuMzUiCiAgICAgaW5rc2NhcGU6Y3g9IjEwIgogICAgIGlua3NjYXBlOmN5PSIxMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJnODU5IiAvPgogIDxnCiAgICAgaWQ9Imc4NTQiPgogICAgPHRpdGxlCiAgICAgICBpZD0idGl0bGU4NTEiPmJhY2tncm91bmQ8L3RpdGxlPgogICAgPHJlY3QKICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICBpZD0iY2FudmFzX2JhY2tncm91bmQiCiAgICAgICBoZWlnaHQ9IjIyIgogICAgICAgd2lkdGg9IjIyIgogICAgICAgeT0iLTEiCiAgICAgICB4PSItMSIgLz4KICA8L2c+CiAgPGcKICAgICBpZD0iZzg1OSI+CiAgICA8dGl0bGUKICAgICAgIGlkPSJ0aXRsZTg1NiI+TGF5ZXIgMTwvdGl0bGU+CiAgICA8cGF0aAogICAgICAgZmlsbD0iIzY4NzM3YSIKICAgICAgIHN0cm9rZT0ibnVsbCIKICAgICAgIGlkPSJzdmdfMSIKICAgICAgIGQ9Im0xNy44MjUxNCwxNS42NzA1N2wtNC45NjUzNCwtNS42NzA1N2w0Ljk2NTM0LC01LjY3MDU3YzAuODQxOTUsLTAuODQ1NTUgMC44NDE5NSwtMi4yMTI4MiAwLC0zLjA1Mjk3cy0yLjIxMjgyLC0wLjg0MDE1IC0zLjA1NDc3LDBsLTQuNzcxMDUsNS40NTQ2OGwtNC43Njc0NSwtNS40NTEwOWMtMC44NDU1NSwtMC44NDU1NSAtMi4yMTI4MiwtMC44NDU1NSAtMy4wNTQ3Nywwcy0wLjg0MTk1LDIuMjEyODIgMCwzLjA1Mjk3bDQuOTYxNzUsNS42NjY5N2wtNC45NjUzNCw1LjY3MDU3Yy0wLjg0MDE1LDAuODQ1NTUgLTAuODQwMTUsMi4yMDc0MiAwLDMuMDQ5MzdzMi4yMTI4MiwwLjg0NTU1IDMuMDU0NzcsMGw0Ljc3MTA1LC01LjQ1MTA5bDQuNzY3NDUsNS40NTEwOWMwLjg0NTU1LDAuODQ1NTUgMi4yMTI4MiwwLjg0NTU1IDMuMDU0NzcsMHMwLjg0NTU1LC0yLjIwNTYyIDAsLTMuMDQ5MzdsMC4wMDM2LDB6IgogICAgICAgc3R5bGU9ImZpbGw6IzAwNzc4MDtmaWxsLW9wYWNpdHk6MSIgLz4KICA8L2c+Cjwvc3ZnPgo");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 50%;
  width: 24px;
  height: 24px;
  display: block;
  color: #007780;
}

#calcWrapper.footer .calcPanel {
  background-color: #810645;
  border: none;
}
#calcWrapper.footer .calcPanel .col-2-3 {
  font-family: infra-regular, sans-serif;
  color: white;
}
#calcWrapper.footer .calcPanel .col-1-3 a {
  color: white;
  font-size: 12px;
}

.print-only {
  display: none;
}

/* -- Print styles --

This scss file is for the print preview modal styling only.

*/
/* -- Colours --------------------------------------------- */
/* -------------------------------------------------------- */
/* -- Icons -- */
i {
  font-family: "ica_entypo";
  font-size: 20px;
  font-style: normal;
  position: absolute;
  color: #003366;
}
i.print:before {
  content: "\e716";
}

.tick_on {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMDIiIHdpZHRoPSIxMDIiIHk9Ii0xIiB4PSItMSI+PC9yZWN0PgogIDxnIGRpc3BsYXk9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgcng9IjUiIGlkPSJzdmdfMSIgaGVpZ2h0PSI5Mi40OTkxOSIgd2lkdGg9IjkyLjQ5OTE5IiB5PSIzLjc1MDQiIHg9IjMuNzUwNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2QyZGFkZSIgZmlsbD0ibm9uZSI+PC9yZWN0PgogIDxwYXRoIGlkPSJzdmdfMiIgZD0ibTE3LjM3NTI5LDQ2Ljc5OTI0bDcuMDExMTksLTcuMDEzNjdsMTkuMjA3MDQsMTkuMjA0NTdsMzIuMDE3NTIsLTMyLjAwNzYxbDcuMDEzNjcsNy4wMDg3MWwtMzkuMDMxMTksMzkuMDI2MjQiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSIjMDA3NzgwIj48L3BhdGg+CiA8L2c+Cjwvc3ZnPg");
  background-repeat: no-repeat;
  cursor: pointer;
}

.tick_off {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNi45OTk0MyIgaGVpZ2h0PSIyNi45OTk0MyIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIj48L3JlY3Q+CiAgPGcgaWQ9ImNhbnZhc0dyaWQiIGRpc3BsYXk9Im5vbmUiPgogICA8cmVjdCBpZD0ic3ZnXzMiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0idXJsKCNncmlkcGF0dGVybikiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkYWRlIiBzdHJva2Utd2lkdGg9IjEuNSIgeD0iMy43NTA0IiB5PSIzLjc1MDQiIHdpZHRoPSI5Mi40OTkxOSIgaGVpZ2h0PSI5Mi40OTkxOSIgaWQ9InN2Z18xIiByeD0iNSI+PC9yZWN0PgogPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  cursor: pointer;
}

/* ----------- */
@font-face {
  font-family: "ica_entypo";
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot");
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot?#iefix") format("embedded-opentype"), url("/xpf_calculators/shared/fonts/entypo_full.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "infra-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-reg.woff") format("woff");
}
@font-face {
  font-family: "ampersans-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/ampersans-regular.woff") format("woff");
}
@font-face {
  font-family: "infra-medium";
  font-style: normal;
  font-weight: bold;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-medium.woff") format("woff");
}
/* -- Other ----------------------------------------------- */
/* -------------------------------------------------------- */
#printModal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px;
  background: rgba(0, 0, 0, 0.7);
}
#printModal .print-only {
  display: list-item;
}
#printModal .non-print {
  display: none;
}
#printModal .holder {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
}
#printModal {
  font-family: "Open Sans";
}
#printModal h3, #printModal h4, #printModal h5, #printModal .closer {
  font-weight: bold;
}
#printModal strong {
  font-weight: bold;
}
#printModal .closer {
  position: fixed;
  display: block;
  color: #fff;
  top: 16px;
  margin-left: 729px;
  font-size: 2em;
  cursor: pointer;
}
#printModal .print_header {
  font-family: ampersans-regular, sans-serif !important;
  border-bottom: 3px solid #007780;
  padding-bottom: 15px;
  margin-bottom: 10px;
  position: relative;
  height: 150px;
}
#printModal .print_header img {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
#printModal .print_header h3 {
  position: absolute;
  font-size: 44px;
  top: 20px;
  left: 10px;
  color: #055a60 !important;
  font-family: ampersans-regular, sans-serif;
}
#printModal .print_header .btn {
  background: #FFFFFF; /* Old browsers */
  background: -moz-linear-gradient(top, #F8F8F9 0%, #E8ECF0 50%, #E2E7ED 50%, #D2DBE4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F9), color-stop(50%, #E8ECF0), color-stop(50%, #E2E7ED), color-stop(100%, #D2DBE4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F8F8F9 0%, #E8ECF0 50%, #E2E7ED 50%, #D2DBE4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F8F8F9 0%, #E8ECF0 50%, #E2E7ED 50%, #D2DBE4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F8F8F9 0%, #E8ECF0 50%, #E2E7ED 50%, #D2DBE4 100%); /* IE10+ */
  background: linear-gradient(to bottom, #F8F8F9 0%, #E8ECF0 50%, #E2E7ED 50%, #D2DBE4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F9', endColorstr='#D2DBE4',GradientType=0 ); /* IE6-9 */
  border: 1px solid #8ea6c0;
  color: #003366;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-weight: bold;
  left: 50%;
  margin-left: -80px;
  padding: 0 18px;
  position: absolute;
  top: -15px;
  width: 160px;
  height: 30px;
  line-height: 34px;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
}
#printModal .print_header .btn:hover {
  background: -moz-linear-gradient(top, #F5F5F7 0%, #DBE2EA 50%, #D3DDE7 50%, #B1C4D7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F7), color-stop(50%, #DBE2EA), color-stop(50%, #D3DDE7), color-stop(100%, #B1C4D7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F5F5F7 0%, #DBE2EA 50%, #D3DDE7 50%, #B1C4D7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F5F5F7 0%, #DBE2EA 50%, #D3DDE7 50%, #B1C4D7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F5F5F7 0%, #DBE2EA 50%, #D3DDE7 50%, #B1C4D7 100%); /* IE10+ */
  background: linear-gradient(to bottom, #F5F5F7 0%, #DBE2EA 50%, #D3DDE7 50%, #B1C4D7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F7', endColorstr='#B1C4D7',GradientType=0 ); /* IE6-9 */
}
#printModal .print_header .btn:active {
  background: -moz-linear-gradient(top, #B1C4D7 0%, #D3DDE7 50%, #DBE2EA 50%, #F5F5F7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B1C4D7), color-stop(50%, #D3DDE7), color-stop(50%, #DBE2EA), color-stop(100%, #F5F5F7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #B1C4D7 0%, #D3DDE7 50%, #DBE2EA 50%, #F5F5F7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #B1C4D7 0%, #D3DDE7 50%, #DBE2EA 50%, #F5F5F7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #B1C4D7 0%, #D3DDE7 50%, #DBE2EA 50%, #F5F5F7 100%); /* IE10+ */
  background: linear-gradient(to bottom, #B1C4D7 0%, #D3DDE7 50%, #DBE2EA 50%, #F5F5F7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B1C4D7', endColorstr='#F5F5F7',GradientType=0 ); /* IE6-9 */
}
#printModal .print_header .btn:focus {
  outline: none;
}
#printModal .print_header .btn i {
  right: 12px;
  top: -3px;
}
#printModal .dontPrint, #printModal .expiry-warning {
  display: none;
}
#printModal .printMe, #printModal .alwaysPrint, #printModal .alwaysPrint2 {
  display: block;
}
#printModal .alwaysPrint h3, #printModal .alwaysPrint2 h3 {
  margin: 20px 0;
}
#printModal .alwaysPrint ul li, #printModal .alwaysPrint2 ul li {
  margin-bottom: 5px;
  line-height: 20px;
}
#printModal .alwaysPrint .contentColumn a, #printModal .alwaysPrint2 .contentColumn a {
  color: #000000;
  text-decoration: underline;
}
#printModal .alwaysPrint .contentColumn a:visited, #printModal .alwaysPrint2 .contentColumn a:visited {
  color: #000000;
}
#printModal .alwaysPrint .pricingDate, #printModal .alwaysPrint2 .pricingDate {
  font-size: 1.1em;
  color: #2f2f2f;
}
#printModal .alwaysPrint .pricingDate span, #printModal .alwaysPrint2 .pricingDate span {
  color: #000000;
}
#printModal .singlePage, #printModal .longPage {
  position: relative;
  padding: 20px;
  margin: 0 0 20px 0;
  background-color: white;
  min-height: 1060px;
}
#printModal .singlePage h4, #printModal .longPage h4 {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #000;
  width: 100%;
}
#printModal .singlePage h5, #printModal .longPage h5 {
  font-size: 1.1em;
  color: #2f2f2f;
  margin: 10px 0;
}
#printModal .singlePage h5.dateCreated, #printModal .longPage h5.dateCreated {
  margin: 10px 0;
}
#printModal .singlePage h5.dateCreated span, #printModal .longPage h5.dateCreated span {
  color: #000;
}
#printModal .singlePage h5.section1, #printModal .longPage h5.section1 {
  padding-bottom: 15px;
}
#printModal .singlePage p, #printModal .longPage p {
  margin: 8px 0;
}
#printModal .singlePage p.small, #printModal .longPage p.small {
  font-size: 0.8em;
}
#printModal .singlePage ul li, #printModal .longPage ul li {
  list-style-type: disc;
  margin-left: 50px;
}
#printModal .singlePage ul li strong, #printModal .longPage ul li strong {
  font-weight: bold;
}
#printModal .singlePage table, #printModal .longPage table {
  margin: 20px 0 0 0;
  border-collapse: collapse;
}
#printModal .singlePage table th, #printModal .singlePage table td, #printModal .longPage table th, #printModal .longPage table td {
  border: 1px solid #d2dade;
  padding: 5px 6px;
  text-align: center;
}
#printModal .singlePage table th, #printModal .longPage table th {
  font-size: 0.8em;
  font-weight: bold;
}
#printModal .singlePage table td:first-child, #printModal .longPage table td:first-child {
  text-align: left;
}
#printModal .singlePage table td.rightAlign, #printModal .longPage table td.rightAlign {
  text-align: left;
}
#printModal .singlePage table tbody, #printModal .longPage table tbody {
  font-size: 0.7em;
}
#printModal .singlePage table.premium_Table, #printModal .longPage table.premium_Table {
  width: 100%;
}
#printModal .singlePage table.premium_Table td, #printModal .longPage table.premium_Table td {
  width: 50%;
  padding: 10px;
}
#printModal .singlePage table.fundAllocations_Table, #printModal .singlePage table.premiumResults_Table, #printModal .singlePage table.overallCostsTable, #printModal .singlePage table.productCostsTable, #printModal .singlePage table.serviceCostsTable, #printModal .singlePage table.adviserCostsTable, #printModal .longPage table.fundAllocations_Table, #printModal .longPage table.premiumResults_Table, #printModal .longPage table.overallCostsTable, #printModal .longPage table.productCostsTable, #printModal .longPage table.serviceCostsTable, #printModal .longPage table.adviserCostsTable {
  margin-bottom: 20px;
}
#printModal .singlePage:after, #printModal .longPage:after {
  content: "";
  display: table;
  clear: both;
}
#printModal .longPage {
  height: auto;
}
#printModal .custom_tab_print.longPage .transferPremiumTable td:first-child, #printModal .custom_tab_print.longPage .singlePremiumTable td:first-child, #printModal .custom_tab_print.longPage .regularPremiumTable td:first-child, #printModal .newdoc4_tab_print .transferPremiumTable td:first-child, #printModal .newdoc4_tab_print .singlePremiumTable td:first-child, #printModal .newdoc4_tab_print .regularPremiumTable td:first-child {
  text-align: center;
}
#printModal .page-break {
  display: block;
  page-break-before: always;
}
#printModal .printH1 {
  font-family: "Stag";
  font-size: 24px;
  color: #68727a;
  text-align: center;
  margin: 15px 0 25px 0;
}
#printModal .print_results {
  border: 2px solid #2f2f2f;
  border-radius: 3px;
  padding: 24px 37px;
  margin: 0 0 20px 0;
}
#printModal .print_results:after {
  content: "";
  display: table;
  clear: both;
}
#printModal .print_footer {
  border-top: 3px solid #007780;
  position: relative;
  margin: 10px 0 40px;
  left: 0px;
  right: 10px;
}
#printModal .print_footer .right {
  position: absolute;
  right: 0;
  top: 10px;
}
#printModal .print_footer .right.hidden {
  display: none;
}
#printModal .print_footer .left {
  position: absolute;
  top: 10px;
}
#printModal .print_footer .left.hidden {
  display: none;
}

/* -- Consent styles -- 

This scss file is for the consent modal styling only.

*/
/* -- Colours --------------------------------------------- */
/* -------------------------------------------------------- */
/* -- Icons -- */
i {
  font-family: "ica_entypo";
  font-size: 20px;
  font-style: normal;
  position: absolute;
  color: #003366;
}
i.print:before {
  content: "\e716";
}

.tick_on {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMDIiIHdpZHRoPSIxMDIiIHk9Ii0xIiB4PSItMSI+PC9yZWN0PgogIDxnIGRpc3BsYXk9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgcng9IjUiIGlkPSJzdmdfMSIgaGVpZ2h0PSI5Mi40OTkxOSIgd2lkdGg9IjkyLjQ5OTE5IiB5PSIzLjc1MDQiIHg9IjMuNzUwNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2QyZGFkZSIgZmlsbD0ibm9uZSI+PC9yZWN0PgogIDxwYXRoIGlkPSJzdmdfMiIgZD0ibTE3LjM3NTI5LDQ2Ljc5OTI0bDcuMDExMTksLTcuMDEzNjdsMTkuMjA3MDQsMTkuMjA0NTdsMzIuMDE3NTIsLTMyLjAwNzYxbDcuMDEzNjcsNy4wMDg3MWwtMzkuMDMxMTksMzkuMDI2MjQiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSIjMDA3NzgwIj48L3BhdGg+CiA8L2c+Cjwvc3ZnPg");
  background-repeat: no-repeat;
  cursor: pointer;
}

.tick_off {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNi45OTk0MyIgaGVpZ2h0PSIyNi45OTk0MyIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIj48L3JlY3Q+CiAgPGcgaWQ9ImNhbnZhc0dyaWQiIGRpc3BsYXk9Im5vbmUiPgogICA8cmVjdCBpZD0ic3ZnXzMiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0idXJsKCNncmlkcGF0dGVybikiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkYWRlIiBzdHJva2Utd2lkdGg9IjEuNSIgeD0iMy43NTA0IiB5PSIzLjc1MDQiIHdpZHRoPSI5Mi40OTkxOSIgaGVpZ2h0PSI5Mi40OTkxOSIgaWQ9InN2Z18xIiByeD0iNSI+PC9yZWN0PgogPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  cursor: pointer;
}

/* ----------- */
@font-face {
  font-family: "ica_entypo";
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot");
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot?#iefix") format("embedded-opentype"), url("/xpf_calculators/shared/fonts/entypo_full.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "infra-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-reg.woff") format("woff");
}
@font-face {
  font-family: "ampersans-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/ampersans-regular.woff") format("woff");
}
@font-face {
  font-family: "infra-medium";
  font-style: normal;
  font-weight: bold;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-medium.woff") format("woff");
}
/* -- Other ----------------------------------------------- */
/* -------------------------------------------------------- */
#consentModal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px;
  background: rgba(0, 0, 0, 0.7);
}
#consentModal .holder {
  overflow: none;
  width: 100%;
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}
#consentModal {
  font-family: "Open Sans";
}
#consentModal h3, #consentModal h4, #consentModal h5, #consentModal .closer {
  font-family: "stagweb-medium", sans-serif;
  font-weight: bold;
}
#consentModal strong {
  font-weight: bold;
}
#consentModal .closer {
  position: absolute;
  display: block;
  color: #fff;
  top: -34px;
  right: 0;
  font-size: 2em;
  cursor: pointer;
}
#consentModal .importantPrintInfo {
  border-color: #cc0000;
  position: relative;
  padding: 20px;
  margin: 0 0 20px 0;
  background-color: white;
}
#consentModal .importantPrintInfo label {
  color: #007780;
  font-weight: bold;
  cursor: pointer;
  background-size: 20px;
  background-position: 0 44%;
  padding: 10px 0 10px 30px;
}
#consentModal .importantPrintInfo input {
  display: none;
}
#consentModal .importantPrintInfo h3 {
  color: #2f2f2f;
}
#consentModal .importantPrintInfo h4 {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #000;
  width: 100%;
}
#consentModal .importantPrintInfo h5 {
  font-size: 1.1em;
  color: #cc0000;
  margin: 10px 0;
}
#consentModal .importantPrintInfo h5.dateCreated {
  margin: 10px 0;
}
#consentModal .importantPrintInfo h5.dateCreated span {
  color: #000;
}
#consentModal .importantPrintInfo p {
  color: #2f2f2f;
  line-height: 22px;
  padding: 10px 0;
  font-size: 14px;
}
#consentModal .importantPrintInfo .inputRow span {
  display: block;
  color: #cc0000;
  font-weight: bold;
  cursor: pointer;
  width: 100px;
  margin: -17px 0 0 30px;
}
#consentModal .importantPrintInfo .inputRow input {
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
}
#consentModal .importantPrintInfo ul li {
  list-style-type: disc;
  margin-left: 50px;
}
#consentModal .importantPrintInfo ul li strong {
  font-weight: bold;
}
#consentModal .importantPrintInfo:after {
  content: "";
  display: table;
  clear: both;
}

/* -- Consent styles -- 

This scss file is for the consent modal styling only.

*/
/* -- Colours --------------------------------------------- */
/* -------------------------------------------------------- */
/* -- Icons -- */
i {
  font-family: "ica_entypo";
  font-size: 20px;
  font-style: normal;
  position: absolute;
  color: #003366;
}
i.print:before {
  content: "\e716";
}

.tick_on {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMDIiIHdpZHRoPSIxMDIiIHk9Ii0xIiB4PSItMSI+PC9yZWN0PgogIDxnIGRpc3BsYXk9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgcng9IjUiIGlkPSJzdmdfMSIgaGVpZ2h0PSI5Mi40OTkxOSIgd2lkdGg9IjkyLjQ5OTE5IiB5PSIzLjc1MDQiIHg9IjMuNzUwNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2QyZGFkZSIgZmlsbD0ibm9uZSI+PC9yZWN0PgogIDxwYXRoIGlkPSJzdmdfMiIgZD0ibTE3LjM3NTI5LDQ2Ljc5OTI0bDcuMDExMTksLTcuMDEzNjdsMTkuMjA3MDQsMTkuMjA0NTdsMzIuMDE3NTIsLTMyLjAwNzYxbDcuMDEzNjcsNy4wMDg3MWwtMzkuMDMxMTksMzkuMDI2MjQiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSIjMDA3NzgwIj48L3BhdGg+CiA8L2c+Cjwvc3ZnPg");
  background-repeat: no-repeat;
  cursor: pointer;
}

.tick_off {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNi45OTk0MyIgaGVpZ2h0PSIyNi45OTk0MyIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBmaWxsPSJub25lIj48L3JlY3Q+CiAgPGcgaWQ9ImNhbnZhc0dyaWQiIGRpc3BsYXk9Im5vbmUiPgogICA8cmVjdCBpZD0ic3ZnXzMiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0idXJsKCNncmlkcGF0dGVybikiPjwvcmVjdD4KICA8L2c+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDJkYWRlIiBzdHJva2Utd2lkdGg9IjEuNSIgeD0iMy43NTA0IiB5PSIzLjc1MDQiIHdpZHRoPSI5Mi40OTkxOSIgaGVpZ2h0PSI5Mi40OTkxOSIgaWQ9InN2Z18xIiByeD0iNSI+PC9yZWN0PgogPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  cursor: pointer;
}

/* ----------- */
@font-face {
  font-family: "ica_entypo";
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot");
  src: url("/xpf_calculators/shared/fonts/entypo_full.eot?#iefix") format("embedded-opentype"), url("/xpf_calculators/shared/fonts/entypo_full.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "infra-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-reg.woff") format("woff");
}
@font-face {
  font-family: "ampersans-regular";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("/xpf_calculators/shared/fonts/ampersans-regular.woff") format("woff");
}
@font-face {
  font-family: "infra-medium";
  font-style: normal;
  font-weight: bold;
  src: local("☺"), url("/xpf_calculators/shared/fonts/infra-medium.woff") format("woff");
}
/* -- Other ----------------------------------------------- */
/* -------------------------------------------------------- */
#versionModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px;
  background: rgba(0, 0, 0, 0.7);
}
#versionModal .holder {
  overflow: none;
  width: 100%;
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}
#versionModal {
  font-family: "Open Sans";
}
#versionModal h3, #versionModal h4, #versionModal h5, #versionModal .closer {
  font-family: "stagweb-medium", sans-serif;
  font-weight: bold;
}
#versionModal strong {
  font-weight: bold;
}
#versionModal .closer {
  position: absolute;
  display: block;
  color: #fff;
  top: -34px;
  right: 0;
  font-size: 2em;
  cursor: pointer;
}
#versionModal .versionInfo {
  border-color: #cc0000;
  position: relative;
  padding: 20px;
  margin: 0 0 20px 0;
  background-color: white;
}
#versionModal .versionInfo h3 {
  padding-bottom: 10px;
}
#versionModal .versionInfo label {
  color: #cc0000;
  font-weight: bold;
  cursor: pointer;
  background-size: 20px;
  background-position: 0 44%;
  padding: 10px 0 10px 30px;
}
#versionModal .versionInfo ul {
  padding-top: 10px;
}
#versionModal .versionInfo ul li {
  list-style-type: disc;
  margin-left: 50px;
}
#versionModal .versionInfo ul li strong {
  font-weight: bold;
}

@media (max-width: 1280px) {
  #printModal .closer {
    position: fixed;
    display: block;
    color: #fff;
    top: 16px;
    right: 50px;
    font-size: 2em;
    cursor: pointer;
  }
  #header {
    text-align: center;
  }
  #header h1, #header .logo {
    position: static;
  }
  #header h1 {
    max-width: unset;
    font-size: 30px;
    margin-top: 8px;
  }
  #header .logo {
    margin-top: 18px;
  }
  #calcWrapper.footer .col-1-3, #calcWrapper.footer .col-2-3 {
    float: none;
    width: 100%;
    text-align: left;
  }
  #calcWrapper.footer .col-1-3 a, #calcWrapper.footer .col-2-3 a {
    padding-left: 20px;
  }
  #calcWrapper .calcPanel {
    margin: 0 70px 10px;
  }
  #calcWrapper .calcPanel h3 {
    padding-left: 10px;
  }
  #calcWrapper .calcPanel button.show, #calcWrapper .calcPanel button.hide {
    right: 10px;
  }
  #calcWrapper .calcPanel .panelContent {
    padding-bottom: 20px;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2 {
    float: none;
    width: 100%;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2 .title, #calcWrapper .calcPanel .panelContent .col-1-2 label {
    padding-left: 10px;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2 .inputWrap {
    margin-right: 10px;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2 .total {
    margin: 0 10px;
    font-size: 14px;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2 .total span {
    font-size: 16px;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2 .remaining {
    margin-right: 10px;
  }
  #calcWrapper .calcPanel .panelContent .col-1-2:first-child {
    border: none;
  }
  #calcWrapper .totalPanel {
    margin: 0 0 10px 0;
  }
  #calcWrapper .totalPanel h3 {
    padding-top: 32px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
  #calcWrapper .totalPanel .totalAssetAllocation {
    right: 10px;
  }
  #calcWrapper .totalPanel hr {
    margin: 0 10px;
  }
  #calcWrapper .totalPanel button {
    margin-right: 10px;
  }
  #calcWrapper .totalPanel p {
    font-size: 10px;
    width: 50%;
    top: 96px;
    left: 10px;
  }
  #outputs .calcPanel .col-1-2 {
    float: none;
    width: 100%;
  }
  #outputs .calcPanel table.allocationTable {
    width: 90%;
    margin: 20px 5%;
  }
  #outputs .calcPanel .importantPrintInfo {
    margin: 0 10px 10px 10px;
  }
}
@media (max-width: 700px) {
  table tr th, table tr td {
    font-size: 0.8em !important;
  }
  #printModal .alwaysPrint {
    font-size: 0.6em;
  }
  #printModal .alwaysPrint ul li {
    margin-bottom: 3px;
    line-height: 12px;
  }
}
@media (max-width: 500px) {
  #calcWrapper .calcPanel {
    margin: 0 20px 10px;
  }
}
/* -- IE specific overrides ---------------------------- */
.ie11 #calcWrapper #outputs .graphColumn #outputGraph {
  margin-top: 40px;
}
.ie11 #calcWrapper #outputs .calcPanel table.allocationTable {
  margin-top: 50px;
}

/*# sourceMappingURL=icac_style.css.map */