/* Font Faces */
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: local("SourceSansPro-Regular"), local("Source Sans Pro"), url("/fonts/SourceSansPro-Regular.woff") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: local("SourceSansPro-Bold"), local("Source Sans Pro Bold"), url("/Fonts/SourceSansPro-Bold.woff") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: local("SourceSansPro-It"), local("Source Sans Pro"), url("/Fonts/SourceSansPro-It.woff") format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: local("SourceSansPro-BoldIt"), local("Source Sans Pro"), url("/Fonts/SourceSansPro-BoldIt.woff") format("woff");
}

/* Tags */

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/* ID */

#ForceLoginAcceptText, #ForceLoginDeclineText {
	FONT-SIZE: smaller;
	}
#MenuListItems {
	HEIGHT: 90px;
	}
#PageLoader {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
  width: 100%;
  height: 100vh;
}

#PageLoader:after {
  content: "";
  display: block;
  position: absolute;
  left: 24%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: black;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
#QuitLabel {
	TEXT-ALIGN: center;
	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
	MARGIN-TOP: 4rem;
	}
#SearchCart {
	RIGHT: 0px !important;
	}

/* Classes */
/* Classes */
body.Backup, .InfoFrame, .OutputFrame {
	WIDTH: 100%;
	FLOAT: left;
	BORDER: none;
	OVERFLOW: hidden;
}
.BannerBackup {
	WIDTH: 430px;
	BORDER-STYLE: none;
	TEXT-ALIGN: center;
}

.bg-aqua {
  background-color: aqua;
}

.bg-gainsboro
{
    BACKGROUND-COLOR: #DCDCDC;
}

.bg-gold
{
    BACKGROUND-COLOR: gold;
}
.bg-navyblue
{
    BACKGROUND-COLOR: #000080;
}
.bg-red
{
    BACKGROUND-COLOR: #FF0000;
}

.bg-yellow
{
    BACKGROUND-COLOR: #FAFAD2;
}

.bg-white
{
    BACKGROUND-COLOR: white;
}

.bg-green
{
    background-color: #2fb344;
}

.BoldRed {
	FONT-WEIGHT bold;
	COLOR: red;
	}

.border-collapse-collapse {
	BORDER-COLLAPSE: collapse;
	}

.border-black-1 {
	BORDER: 1px solid black;
}

.border-top-black-1 {
	BORDER-TOP: 1px solid black;
}

.border-bottom-black-1 {
	BORDER-BOTTOM: 1px solid black;
}

.border-bottom-grey-1 {
	BORDER-BOTTOM: 1px solid grey;
}

.border-black-2 {
	BORDER: 2px solid black;
}

.border-top-black-2 {
	BORDER-TOP: 2px solid black;
}

.border-bottom-black-2 {
	BORDER-BOTTOM: 2px solid black;
}

.border-top-white-2 {
	BORDER-TOP: 2px solid white;
}

.border-bottom-double-3 {
	BORDER-BOTTOM: 3px double black;
	}

.border-style-none {
	BORDER-STYLE: none;
}

.break-inside-avoid {
        BREAK-INSIDE: avoid;
	}

.clear-both {
	CLEAR: both;
	}
.color-black {
    COLOR: black;
}

.color-blue {
    COLOR: blue;
}

.color-navyblue {
    COLOR: #000080;
}

.color-green
{
    COLOR: green;
}

.color-red
{
    COLOR: red;
}

.color-white
{
    COLOR: white;
}

.CourierFont {
	FONT-FAMILY: courier new;
	FONT-SIZE: 0.8125rem;
	}
.d-block {
    DISPLAY: block;
    }
.d-inline-block {
    DISPLAY: inline-block;
    }
.d-table {
    DISPLAY: table;
    }
.d-table-row {
    DISPLAY: table-row;
    }
.d-table-cell {
    DISPLAY: table-cell;
    }
.d-none {
    DISPLAY: none;
    }
.float-left {
    FLOAT: left;
}
.float-right {
    FLOAT: right;
}
.font-size-61rem
{
    FONT-SIZE: 0.6125rem;
}
.font-size-69rem
{
    FONT-SIZE: 0.6875rem;
}
.font-size-75rem
{
    FONT-SIZE: 0.75rem;
}
.font-size-81rem
{
    FONT-SIZE: 0.8125rem;
}
.font-size-87rem
{
    FONT-SIZE: 0.875rem;
}
.font-size-94rem
{
    FONT-SIZE: 0.9375rem;
}
.font-size-100rem
{
    FONT-SIZE: 1rem;
}
.font-size-125rem
{
    FONT-SIZE: 1.25rem;
}
.font-size-150rem
{
    FONT-SIZE: 1.5rem;
}
.font-size-300rem
{
    FONT-SIZE: 3rem;
}
.font-size-small
{
    FONT-SIZE: small;
}

.FontSizeSmaller {
	FONT-SIZE: smaller;
	}
.FontSizeSmallerRed {
	FONT-SIZE: smaller;
	COLOR: red;
	}
.FontSizeSmallerUnderline {
	FONT-SIZE: smaller;
	TEXT-DECORATION: underline;
	}
.font-style-normal
{
	FONT-STYLE: normal;
}
.font-weight-normal
{
	FONT-WEIGHT: normal;
}
.Hidden {
	POSITION: absolute;
	LEFT: -9999px;
	TOP: auto;
	WIDTH: 1px;
	HEIGHT: 1px;
	OVERFLOW: hidden;
	}
a.Hidden:focus {
	POSITION: static;
	WIDTH: auto;
	HEIGHT: auto;
	TOP: auto;
	LEFT: auto;
	}
.ImageBlockSpacer {
	HEIGHT: 1px;
	WIDTH: 1px;
	}
.ImageBlockSpacer1 {
	HEIGHT: 11px;
	WIDTH: 1px;
	}
.ImageBlockSpacer2 {
	HEIGHT: 1px;
	WIDTH: 1px;
	}
.line-height-1 {
	LINE-HEIGHT: 1;
	}
.list-style-type-none {
	LIST-STYLE-TYPE: none;
	}
.list-style-type-decimal {
	LIST-STYLE-TYPE: decimal;
	}
.list-style-type-lower-alpha {
	LIST-STYLE-TYPE: lower-alpha;
	}
.margin-0 {
	MARGIN: 0;
	}
.margin-top-0 {
        MARGIN-TOP: 0;
	}
.margin-right-0 {
	MARGIN-RIGHT: 0;
	}
.margin-bottom-0 {
	MARGIN-BOTTOM: 0;
	}
.margin-left-0 {
	MARGIN-LEFT: 0;
	}
.no-margin-top-bottom {
	MARGIN-TOP: 0;
	MARGIN-BOTTOM: 0;
	}
.margin-auto {
	MARGIN: 0 auto;
	}
.margin-1 {
	MARGIN: 1rem;
	}
.margin-top-1 {
	MARGIN-TOP: 1rem;
	}
.margin-right-1 {
	MARGIN-RIGHT: 1rem;
	}
.margin-bottom-1 {
	MARGIN-BOTTOM: 1rem;
	}
.margin-left-1 {
	MARGIN-LEFT: 1rem;
	}
.margin-2 {
	MARGIN: 2rem;
	}
.margin-top-2 {
	MARGIN-TOP: 2rem;
	}
.margin-right-2 {
	MARGIN-RIGHT: 2rem;
	}
.margin-bottom-2 {
	MARGIN-BOTTOM: 2rem;
	}
.margin-left-2 {
	MARGIN-LEFT: 2rem;
	}
.margin-top-3 {
	MARGIN-TOP: 3rem;
	}
.margin-bottom-3 {
	MARGIN-BOTTOM: 3rem;
	}
.margin-top-4 {
	MARGIN-TOP: 4rem;
	}
.margin-bottom-4 {
	MARGIN-BOTTOM: 4rem;
	}
.margin-top-5 {
	MARGIN-TOP: 5rem;
	}
.margin-bottom-5 {
	MARGIN-BOTTOM: 5rem;
	}
.padding-1 {
	PADDING: 1rem;
	}
.padding-top-1 {
	PADDING-TOP: 1rem;
	}
.padding-right-1 {
	PADDING-RIGHT: 1rem;
	}
.padding-bottom-1 {
	PADDING-BOTTOM: 1rem;
	}
.padding-left-1 {
	PADDING-LEFT: 1rem;
	}
.padding-2 {
	PADDING: 2rem;
	}
.padding-top-2 {
	PADDING-TOP: 2rem;
	}
.padding-right-2 {
	PADDING-RIGHT: 2rem;
	}
.padding-bottom-2 {
	PADDING-BOTTOM: 2rem;
	}
.padding-left-2 {
	PADDING-LEFT: 2rem;
	}
.padding-1px {
        PADDING: 1px;
	}
.padding-2px {
        PADDING: 2px;
	}
.padding-25rem {
	PADDING: 0.25rem;
	}
.padding-top-25rem {
        PADDING-TOP: 0.25rem;
	}
.padding-right-25rem {
	PADDING-RIGHT: 0.25rem;
	}
.padding-bottom-25rem {
        PADDING-BOTTOM: 0.25rem;
	}
.padding-left-25rem {
	PADDING-LEFT: 0.25rem;
	}
.padding-left-7pc {
	PADDING-LEFT: 7%;
	}
.padding-left-10pc {
	PADDING-LEFT: 10%;
	}
.pageEnd, .PageEnd {
	PAGE-BREAK-AFTER: always;
	}
.Red {
	COLOR: red;
	}
.result-graph-assets {
	WIDTH: 550px;
	HEIGHT: 324px;
	}
.result-graph-cashflow,
.result-graph-components,
.result-graph-oac,
.result-graph-pension,
.result-graph-choicemaker {
	WIDTH: 432px;
	HEIGHT: 324px;
	}
.RightIcon {
	COLOR: inherit;
	BACKGROUND: #F6F7F8;
	BORDER: none;
	}
.SeclonBackground {
	BACKGROUND: rgba(5, 26, 84, 0.82);
	}
.SeclonLogo20 {
	MAX-WIDTH: 20%;
	}
.SeclonLogo40 {
	MAX-WIDTH: 40%;
	}
.SectionControlBackground {
	BACKGROUND-COLOR: lightgrey;
	}
.text-align-left {
	TEXT-ALIGN: left;
	}
.text-align-center {
	TEXT-ALIGN: center;
	}
.text-align-right {
	TEXT-ALIGN: right;
	}
.vertical-align-top {
        VERTICAL-ALIGN: top;
	}
.vertical-align-middle {
        VERTICAL-ALIGN: middle;
	}
.vertical-align-bottom {
        VERTICAL-ALIGN: bottom;
	}
.visible {
	VISIBILITY: visible;
	}
.white-space-normal {
	WHITE-SPACE: normal;
	}
.white-space-nowrap {
	WHITE-SPACE: nowrap;
	}
.width-5 {
	WIDTH: 5%;
	}
.width-10 {
	WIDTH: 10%;
	}
.width-15 {
	WIDTH: 15%;
	}
.width-20 {
	WIDTH: 20%;
	}
.width-25 {
	WIDTH: 25%;
	}
.width-30 {
	WIDTH: 30%;
	}
.width-33 {
	WIDTH: 33.33%;
	}
.width-35 {
	WIDTH: 35%;
	}
.width-40 {
	WIDTH: 40%;
	}
.width-45 {
	WIDTH: 45%;
	}
.width-50 {
	WIDTH: 50%;
	}
.width-55 {
	WIDTH: 55%;
	}
.width-60 {
	WIDTH: 60%;
	}
.width-65 {
	WIDTH: 65%;
	}
.width-70 {
	WIDTH: 70%;
	}
.width-75 {
	WIDTH: 75%;
	}
.width-80 {
	WIDTH: 80%;
	}
.width-85 {
	WIDTH: 85%;
	}
.width-90 {
	WIDTH: 90%;
	}
.width-95 {
	WIDTH: 95%;
	}
.width-100 {
	WIDTH: 100%;
	}
.webdings {
	FONT-FAMILY: webdings;
	}
.Wingdings, .wingdings {
	FONT-FAMILY: wingdings;
	}

/* Tooltip styles */

.tooltip-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
}

.tooltip-wrapper i.bulb {
  font-size: 1.25rem;
}

.tooltip {
    min-width: 75ch; 
    text-align: left;
    top: 100%;
    right: calc(50% - 1rem);
    padding: 0.25rem;
    color: #444444;
    background-color: #EEEEEE;
    font-weight: normal;
    font-size: 0.6875rem;
    border-radius: 0.5rem;
    position: absolute;
    z-index: 1;
    box-shadow: 0 1px 0.5rem rgba(0,0,0,0.5);
    display: none;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: -1rem;
  right: 0.5rem;
  width: 1rem;
  height: 1rem;
  background-image: conic-gradient(at 50% 50%, transparent 0, transparent 135deg, #EEEEEE 135deg, #EEEEEE 225deg, transparent 225deg);
}

.tooltip-close {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 1px solid black;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
          box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
  background-color: #EEEEEE;
  color: black;
  font-size: 0.75rem;
  line-height: 1rem;
  z-index: 2;
}

.tooltip-trigger {
  background-color: transparent;
  border-style: none;
}