@font-face {
   font-family: 'Connections';
   src: url('../fonts/Connections.eot'); /* IE9 Compat Modes */
   src: url('../fonts/Connections.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Connections.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Connections.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Connections.svg#Connections') format('svg'); /* Legacy iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
}

@font-face {
   font-family: 'ConnectionsBold';
   src: url('../fonts/Connections-Bold.eot'); /* IE9 Compat Modes */
   src: url('../fonts/Connections-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Connections-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Connections-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Connections-Bold.svg#Connections-Bold') format('svg'); /* Legacy iOS */
   font-style: normal;
   font-weight: bold;
   text-rendering: optimizeLegibility;
}
@font-face {
   font-family: 'ConnectionsLight';
   src: url('../fonts/ConnectionsLight.eot'); /* IE9 Compat Modes */
   src: url('../fonts/ConnectionsLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ConnectionsLight.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ConnectionsLight.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ConnectionsLight.svg#ConnectionsLight') format('svg'); /* Legacy iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
}
@font-face {
   font-family: 'Roboto';
   src: url('../fonts/Roboto-Regular-webfont.eot'); /* IE9 Compat Modes */
   src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto-Regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto-Regular-webfont.svg#Roboto-Regular-webfont') format('svg'); /* Legacy iOS */
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
}

html {
   font-size: 62.5%;
}

body {
   margin: 0px;
   -webkit-touch-callout: none;              /* Chrome, Safari: disable callout, image save panel */
   -webkit-tap-highlight-color: transparent; /* Chrome, Safari: turn off link highlight */   
}

/* Override User Agent Stylesheet */
input {
    font-family: Connections;
    padding: 0;
    appearance: none; /* W3C */
    -webkit-appearance: none; /* Chrome, Safari */
    border: none;
    font-size: 1.6rem;
    line-height: 2rem;
}
input::selection {
    background-color: #012169;
    color: #ffffff;
}
input[type=button] {
    text-decoration:none;
    color: #0053c2;
    cursor: pointer;
    background-color: transparent;
}
input[type="text"]:focus, input[type="button"]:focus, a:focus, select:focus, button:focus, input[type="checkbox"]:focus {
   border: 1px solid #0053c2;
   outline: none;
}
input.pminputinput:focus, input.sliderinput:focus {
   border: none;
   border-bottom: 1px solid #0053c2;
}

.v-show {
   display: block;
}
.v-hide {
   display: none;
}

.vcpagestyle {
   font-family: 'Connections';
   color: #000;
   overflow: hidden;
   text-align: center;
   margin: 0;
   padding: 0;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0rem;
	padding: 0rem;
}
h1,h2 {
   font-size: 3.6rem;
   line-height: 4.4rem;
   color: #000000;
}
h3 {
	font-size: 2.8rem;
	line-height: 3.6rem;
	color: #0153c2;
}
h4 {
	font-size: 2.2rem;
	line-height: 2.2rem;
}
.wzone0 h1, .wzone1 h1,
.wzone0 h2, .wzone1 h2 {
   font-size: 2.8rem;
   line-height: 3.6rem;
}
.wzone0 h3, .wzone1 h3 {
	font-size: 2.2rem;
	line-height: 2.8rem;
}
.wzone0 h4, .wzone1 h4 {
	font-size: 1.8rem;
	line-height: 1.8rem;
}

._br_ {
   display: block;
}
.vcpagestyle fieldset {
   margin: 0px;
   margin-block-start: 0;
   margin-block-end: 0;
   padding: 0px;
   border: none;
}
.vcpagestyle fieldset legend {
   padding: 0px;
}

.apppanel {
   font-size: 1.6rem;
   line-height: 2rem;
   text-align: center;
   color: #333333;
   background-color: #ffffff;
   padding: 0px 0px;
   position: relative;
}
.insetpanel {
   max-width: 72rem;
   min-width: 28rem;
   margin: 0px auto;
   background-color: #ffffff;
   position: relative;
}
.wzone0 .insetpanel,
.wzone1 .insetpanel {
   margin: 0px auto;
}
.header {
   max-width: 90rem;
   padding: 3.2rem 0px;
   margin: 0px auto;
}
.hdrpanel {
   background: transparent url('../images/cash.svg') no-repeat center 1px;
   background-size: 8rem 8rem;
   /*max-width: 66rem;*/
   margin: 0px auto;
   padding: 0.8rem 0px 0px;
}
.hdrpaneltitle {
   font-family: Connections;
   max-width: 72rem;
   margin: 0px auto;
   padding: 8rem 0px 0px;
}
.wzone0 .hdrpaneltitle, .wzone1 .hdrpaneltitle {
   padding: 6.5rem 0px 0px;
}
.hdrtxtcover {
   font-size: 2rem;
   line-height: 2.8rem;
   /*max-width: 66rem;*/
   margin: 0px auto;
   padding: 4rem 0px;
   font-family: Roboto;
}
.wzone0 .hdrtxtcover, .wzone1 .hdrtxtcover {
   font-size: 1.4rem;
   line-height: 2rem;
}
.wzone0 .hdrtxtcover {
   padding: 0px 0px 2rem;
   margin: 0px 1rem;
}
.wzone1 .hdrtxtcover {
   padding: 0px 0px 2rem;
   margin: 0px 2rem;
}
.headerpanelcontent {
    padding-top: 2.3rem;
}
.contpanel {
    text-align: left;
}
.inscontpanel {
    margin: 2rem 0rem 4rem;
}
.wzone0 .inscontpanel {
    margin: 2rem 0px 4rem;
}
.conthdgcover {
   font-size: 2.8rem;
   line-height: 3.6rem;
   color: #0053c2;
   font-family: Connections;
   padding-bottom: 0.8rem;
}
.wzone0 .conthdgcover, .wzone0 .contsubhdgcover {
	padding: 0.4rem 1rem 0.4rem;
}
.navselcover {
    padding: 0rem 0.5rem;
    /*background-color: #fafafa;
    border: 1px solid #ededed;
    border-radius: 4px;*/
    margin-bottom: 2rem;
    display: block;
}
.wzone0 .navselcover {
    display: block;
}

.navselcover input, .inputselcover input {
    padding: 0px 1.5rem;
    font-size: 1.6rem;
    line-height: 3.2rem;
    text-align: center;
    color: #333333;
    border: 1px solid #fafafa;
}
.navselcover input:focus, .inputselcover input:focus {
	outline: none;
	/*border-bottom: 1px solid #b5b5b5;*/
}
.navsel_first_on input, .navsel_mid_on input, .navsel_last_on input {
    font-weight: bold;
    color: #012169;
    border-bottom: 3px solid #012169;
}
.navsel_first_off input, .navsel_mid_off input, .navsel_last_off input {
    /*font-weight: bold;*/
    color: #333333;
}
.navsel_first_on input:focus, .navsel_mid_on input:focus, .navsel_last_on input:focus {
    border-bottom: 3px solid #012169;
}
.inputsel_first_on input, .inputsel_mid_on input, .inputsel_last_on input {
    border: 1px solid #333333;
    border-radius: 4px;
    background-color: #ffffff;
}
.inputsel_first_off input, .inputsel_mid_off input, .inputsel_last_off input {
    border: 1px solid #ededed;
    background-color: transparent;
}
.inputselvals {
    padding: 0.5rem;
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    display: inline-block;
}
.basetablecover {
   padding: 5px;
}
.basetable {
   width: 100%;
   border: 1px solid #bbbbbb;
}

.basetable th {
   font-weight: normal;
}
/* Interior table cell borders */
.basetable th, .basetable td {
   border-left: 1px solid #bbbbbb;
   padding: 5px;
   text-align: right;
}

.basetable th.topleft, .basetable th.rowhdr {
   border-left: none;
}
.basetable caption {
	text-align: left;
	font-size: 1.6rem;
	color: #012169;
}
.basetable thead {
   font-size: 1.4rem;
   font-weight: normal;
   color: #333333;
   background-color: #ededed;
}

.basetable tbody th, .basetable tbody td {
   padding: 5px;
   font-size: 1.32rem;
   font-weight: normal;
   color: #0C4877;
   text-align: right;
}

.basetable tr.evenrow {
   background-color: #ffffff;
}

.basetable tr.oddrow {
   background-color: #ddeeff;
}
.topicpanel {
    padding: 2rem;
    border-radius: 1.2rem;
    border: 1px solid #ededed;
    background-color: #fafafa;
    margin-top: 1rem;
}
.wzone0 .topicpanel, .wzone1 .topicpanel {
    padding: 2rem 0rem;
    border: none;
    border-radius: 0rem;
}
.exmplpanel {
    padding: 1.5rem 2rem;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 5px 5px 3px #cccccc;
    margin-bottom: 3rem;
}
.wzone0 .exmplpanel, .wzone1 .exmplpanel {
	margin: 0rem 1.5rem 3rem;
}
.exmplpaneltitle {
    font-size: 2rem;
    padding-bottom: 1rem;
}
.graphpnl {
    width: 100%;
    max-width: 60rem;
    margin: 0px auto 2rem;
    background-color: #ffffff;
    padding: 2rem 2rem 1rem;
}
.wzone0 .graphpnl, .wzone1 .graphpnl {
    padding: 1.5rem 0rem 0rem;
}
.cvscover, canvas {
    width: 100%;
    height: 100%;
}
canvas:focus-visible {
	outline: 1px solid #ededed;
}
.legtable {
    width: 100%;
    border: 1px solid #bbbbbb;
}
.legtable thead {
    background-color: #ffffff;
}
th {
    font-weight: normal;
}
.legtable th, .legtable td {
    border-left: 1px solid #bbbbbb;
    padding: 5px;
    text-align: right;
}
.legtable th.topleft, .legtable th.rowhdr {
    border-left: none;
}
.legtable thead th {
    font-size: 1.4rem;
    font-weight: bold;
    color: #333333;
}
.legtable th.topleft {
    text-align: left;
    padding-left: 3.5rem;
}
.legtable tbody th, .legtable tbody td {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0C4877;
    text-align: right;
}
.legtable tbody th.rowhdr, .legtable tbody td.rowhdr {
    text-align: left;
}
.legtable tr {
    background-color: #ffffff;
    border-bottom: 1px solid #bbbbbb;
}
.legtable span {
    padding-left: 1.5rem;
}

.ratepnl, .inputpnl {
    display: flex;
    justify-content: center;
}
.inputselcover {
    margin: 0px auto 2rem;
    text-align: left;
}
.inputsellab {
    line-height: 3.2rem;
    display: inline-block;
    margin-right: 2rem;
}
.sliderpnl {
    text-align: center;
}
.slidercover {
    display: inline-block;
    min-width: 280px;
    max-width: 400px;
    text-align: center;
    width: 92%;
    padding: 1rem 4% 2rem;
    position: relative;
}
.sliderrow1 {
    padding-bottom: 1.6rem;
}
.sliderlabel {
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: Roboto;
    color: #646464;
    text-align: center;
}
.sliderrow2 {
    display: block;
    height: 75px;
    width: 100%;
}
.slideripart, .sliderspart {
    position: relative;
}
.slideripart {
    flex: 0 0 auto;
    height: 4rem;
    width: 22rem;
    margin: 0px auto;
}
.sliderspart {
    flex: 1 1 auto;
    width: 100%;
    margin: 4px 0px;
}
.sliderdecr, .sliderincr, .sliderinputcover {
    display: inline-block;
}
.sliderdecr, .sliderincr {
    vertical-align: middle;
}
.sliderdecr button, .sliderincr button {
    width: 2.6rem;
    height: 2.6rem;
    border: 1px solid #dcdcdc;
    border-radius: 1.4rem;
    padding: 0px;
    cursor: pointer;
}
.sliderdecr button {
    background: transparent url(../images/minus.svg) no-repeat;
    background-size: 1.2rem;
    background-position: center;
}
.sliderincr button {
    background: transparent url(../images/plus.svg) no-repeat;
    background-size: 1.2rem;
    background-position: center;
}
.sliderdecr button:focus, .sliderincr button:focus {
    border-radius: 1.4rem;
    border: 1px solid #0053c2;
    outline: none;
}
.sliderinputcover {
    text-align: center;
}
.sliderinputcover input {
    max-width: 15.4rem;
    width: 15.4rem;
    margin: 0px auto;
    text-align: center;
    font-size: 2.8rem;
    line-height: 3.4rem;
    height: 3.4rem;
    border-bottom: 1px solid #d5d5d5;
    color: #414141;
    background: transparent;
    border-radius: 0px;
    padding: 0px 0.5rem;
}
.sliderinputcover input:focus {
	outline: none;
	border-bottom: 1px solid #0053c2;
}
.slidercbc {
    height: 20px;
}
.slidercap1 {
    position: absolute;
    left: -5px;
    width: 5px;
    height: 4px;
    top: 0.8rem;
    background-color: #0053c2;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.sliderbar {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 4px;
    top: 0.8rem;
    background-color: #bababa;
    cursor: pointer;
}
.sliderfbar {
    position: absolute;
    left: 0px;
    height: 4px;
    top: 0.8rem;
    background-color: #0053c2;
    cursor: pointer;
}
.slidercap2 {
    position: absolute;
    right: -5px;
    width: 5px;
    height: 4px;
    top: 0.8rem;
    background-color: #bababa;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.sliderthumb {
    position: absolute;
    top: -2px;
    left: 0px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: #0053c2;
    border-radius: 1.2rem;
    box-shadow: 0px 0px 5px rgba(0,0,0,.35);
}
.sliderthumb:hover {
    background: transparent url(../images/thumb.svg) no-repeat 0px 0px;
}
.sliderminmax {
   margin: 4px 0px 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #595959;
    overflow: hidden;
}
.slidermin {
    display: inline;
    float: left;
}
.slidermax {
    display:inline;
    float: right;
}
.sliderinput {
    display: inline;
}
.slidererr {
    display: none;
    color: #cc4000;
    font-family: Roboto;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: center;
}
.slidererr img.icon, .slidererr .content {
    display: inline-block;
    padding: 0px 5px;
}
.exmpltxtcover, .exmpltxtval {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
input.exmpltxtinp {
    padding: 0px 0.8rem;
    text-align: center;
    border-bottom: 2px solid #cccccc;
    background-color: transparent;
    font-weight: bolder;
    color: #666666;
}
input.exmpltxtinp:focus {
    outline: none;
}
input.errorstate:selection {
	background-color: #990000;
	color: #ffffff;
}

#o_moinpanel.inscontpanel {
    margin-top: 0px;
}
.mirowpanel {
    border: none;
    margin: 0px;
    padding: 0px 0px 2rem;
}
.wzone2 .mirowpanel, .wzone3 .mirowpanel {
    width: 100%;
}
.mirowpanelcontent {
    padding: 0px 2rem;
}
.mirowpanel button {
    font-size: 2rem;
    line-height: 2.8rem;
    padding: 0px;
}
.wzone0 .mirowpanel, .wzone1 .mirowpanel {
    padding: 0px 1rem 2rem;
}
.wzone0 .mirowpanel button, .wzone1 .mirowpanel button {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-right: 1rem;
    font-family: Roboto;
}
button.accordion {
    font-family: Connections;
    color: #333333;
    text-align: left;
    width: 100%;
    cursor: pointer;
    border: 1px solid #ffffff;
    padding-right: 2.4rem;
}
button.accordion:focus {
    border: 1px solid #0053c2;
}
.wzone0 button.accordion, .wzone1 button.accordion {
    background-size: 1.6rem 1.6rem;
    padding-right: 1.6rem;
}
.acc_c button.accordion {
   background: transparent url('../images/grydownarrow1.svg') no-repeat top right;
   background-size: 2.4rem 2.4rem;
}
.acc_o button.accordion {
   background: transparent url('../images/gryuparrow1.svg') no-repeat top right;
   background-size: 2.4rem 2.4rem;
}
.stdtextcover {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 1rem 0px 0px;
    font-family: Roboto;
    color: #646464;
}
.linktxtcover {
    padding-top: 1rem;
}
a.ilnk {
   text-decoration:none;
   color:#0053c2;
   font-family: Roboto;
}
a.ilnk:hover {
   /*color:#0051a2;*/
   font-weight: bolder;
   cursor: pointer;
}
.txt4ada, .txt4adacover {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
}
.exmpltxterr .icon {
    display: none;
}
.exmpltxterr .content {
	color: #990000;
}