/* line 30, ../scss/cb_interactive_styles.scss */ sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; } /* line 40, ../scss/cb_interactive_styles.scss */ sup { /* Move the superscripted text up */ top: -0.5em; } /* line 44, ../scss/cb_interactive_styles.scss */ sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; } /* line 49, ../scss/cb_interactive_styles.scss */ .dim-question-mark { opacity: 0.5; cursor: default !important; } /* line 54, ../scss/cb_interactive_styles.scss */ .slider-panel-oliveText { font-weight: bold; color: #739462; } /* line 59, ../scss/cb_interactive_styles.scss */ .slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 64, ../scss/cb_interactive_styles.scss */ .avoid-clicks { pointer-events: none; } /* line 68, ../scss/cb_interactive_styles.scss */ .cb_interactive_hidden { display: none; } /* line 72, ../scss/cb_interactive_styles.scss */ .visible { display: visible; } /* line 76, ../scss/cb_interactive_styles.scss */ .visuallyhidden { opacity: 0; } /* line 81, ../scss/cb_interactive_styles.scss */ .main-character-hover p { color: #439fad !important; } /* line 86, ../scss/cb_interactive_styles.scss */ .ie-message-block { display: none; margin-bottom: 100px; width: 922px; color: #484748; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; font-style: normal; font-size: 17px; } /* line 94, ../scss/cb_interactive_styles.scss */ .ie-message-block p.ie-instructions { display: none; } /* line 97, ../scss/cb_interactive_styles.scss */ .ie-message-block .downloads-block { display: none; } /* line 102, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper { position: relative; background-color: #ffffff; width: 940px !important; margin: 0 auto; padding: 0; width: 921px; height: 1007px; display: block; } /* line 107, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .pointer { cursor: pointer; } /* line 111, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .default { cursor: default; } /* line 121, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-block { margin: 0 auto; padding: 0; width: 921px; height: 210px; display: block; position: relative; } /* line 128, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-block h2#interactive-main-header { width: 625px; float: left; height: 55px; line-height: 1.2em !important; margin: 0; padding: 0 0 11px 0; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; color: #739462; letter-spacing: -3px; font-weight: normal; font-size: 2.60em; display: block; cursor: pointer; } /* line 143, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-block p#top-block-intro { line-height: 1.4em !important; clear: left; width: 922px; display: block; margin: 0; padding: 0; color: #484748; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; font-style: normal; font-size: 19px; } /* line 154, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-block p#top-block-intro span { color: #005b72; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; } /* line 161, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-block p#top-block-two { line-height: 1.45em !important; width: 625px; margin: 0; padding: 0; float: left; color: #484748; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; font-style: normal; font-size: 15px; clear: right; } /* line 174, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-block { position: absolute; left: 671px; top: 0; margin: 0; padding: 0; width: 250px; height: 180px; } /* line 183, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-block #top-nav { position: absolute; top: 43px; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 100; } /* line 191, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-block #top-nav ul { width: inherit; height: inherit; list-style-type: none; } /* line 195, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-block #top-nav ul li { height: inherit; display: inline-block; padding: 3px 0 0 0; } /* line 199, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-block #top-nav ul li.icons { margin-left: 30px; } /* line 208, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text { position: absolute; left: 4px; top: 0; width: 237px; height: 40px; padding: 0; text-align: center; } /* line 218, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text p#mike-top-nav-hover-text, div.interactive-wrapper .top-nav-bar-hover-text p#sarah-top-nav-hover-text, div.interactive-wrapper .top-nav-bar-hover-text p#jen-top-nav-hover-text { text-align: center; position: absolute; top: 4px; font-family: 'MuseoSlab 300', Helvetica, Arial, sans-serif; color: #ffffff; font-weight: normal; font-size: 15px; height: 24px; line-height: 24px !important; vertical-align: middle; width: 225px; margin: 0; padding: 0; z-index: 900; } /* line 234, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text p#mike-top-nav-hover-text { left: 12px; } /* line 237, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text p#sarah-top-nav-hover-text { left: 16px; } /* line 240, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text p#jen-top-nav-hover-text { left: 13px; } /* line 245, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text img#blurb-hover-mike, div.interactive-wrapper .top-nav-bar-hover-text img#blurb-hover-sarah, div.interactive-wrapper .top-nav-bar-hover-text img#blurb-hover-jen { position: absolute; top: 0; width: 237px; height: 40px; } /* line 252, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text img#blurb-hover-mike { left: 7px; } /* line 255, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text img#blurb-hover-sarah { left: 12px; } /* line 258, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .top-nav-bar-hover-text img#blurb-hover-jen { left: 10px; } /* line 263, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro { position: absolute; top: 194px; border: 1px solid #c6c8d5; width: 921px; height: 773px; background-color: #ffffff; margin: 8px auto 26px auto; } /* line 271, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro .character-large { float: left; display: block; width: 214px; height: 662px; padding: 0; margin: 35px 0 0 0; } /* line 279, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro .character-large img { display: block; margin: 0 auto; height: 568px !important; } /* line 284, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro .character-large .character-off { position: relative; top: 0; padding: 0; } /* line 291, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro .mike-main { margin-left: 80px; padding: 0; } /* line 295, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro .sarah-main { margin-left: 59px; padding: 0; height: 685px; } /* line 300, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-intro .jen-main { margin-left: 59px; padding: 0; } /* line 306, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .character-foot-text { position: relative; top: 5px; } /* line 309, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .character-foot-text p { padding-top: 10px; width: 214px; text-align: center; margin: 0 auto; color: #7a797b; letter-spacing: -1px; } /* line 317, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .character-foot-text p.name { font-size: 24px; font-family: 'MuseoSlab 500', Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; } /* line 323, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .character-foot-text p.transaction-name { font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; font-style: normal; font-size: 17px; line-height: 1.2em !important; } /* line 330, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper p:hover { color: #7a797b; } /* line 334, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two { position: absolute; top: 210px; margin: -8px auto 26px auto; border: 1px solid #c6c8d5; width: 921px; height: 773px; background-color: #ffffff; } /* line 344, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-block, div.interactive-wrapper .interactive-stage-two .sarah-transaction-block, div.interactive-wrapper .interactive-stage-two .jen-transaction-block { height: 673px; display: block; padding: 0; } /* line 352, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-textBlock, div.interactive-wrapper .interactive-stage-two .sarah-transaction-textBlock, div.interactive-wrapper .interactive-stage-two .jen-transaction-textBlock { float: right; width: 507px; display: block; } /* line 356, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-textBlock h2, div.interactive-wrapper .interactive-stage-two .sarah-transaction-textBlock h2, div.interactive-wrapper .interactive-stage-two .jen-transaction-textBlock h2 { color: #005b72; font-size: 37px; line-height: 35px !important; letter-spacing: -1px; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 25px 0; } /* line 365, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-textBlock p, div.interactive-wrapper .interactive-stage-two .sarah-transaction-textBlock p, div.interactive-wrapper .interactive-stage-two .jen-transaction-textBlock p { line-height: 1.3em !important; font-size: 19px; letter-spacing: -1px; color: #58595b; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; font-style: normal; } /* line 373, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-textBlock a, div.interactive-wrapper .interactive-stage-two .sarah-transaction-textBlock a, div.interactive-wrapper .interactive-stage-two .jen-transaction-textBlock a { width: 80px; float: right; text-align: left; display: block; font-size: 38px; color: #5ab4c0; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; margin-top: 118px; background-image: url(/~/media/Data-Visualizations/Interactives/2014/Checks-and-Balances/images/caret_green_off.png); background-repeat: no-repeat; background-position: right; text-decoration: none; } /* line 388, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-textBlock a:hover, div.interactive-wrapper .interactive-stage-two .sarah-transaction-textBlock a:hover, div.interactive-wrapper .interactive-stage-two .jen-transaction-textBlock a:hover { color: #439fad; background-image: url(/~/media/Data-Visualizations/Interactives/2014/Checks-and-Balances/images/caret_green.png); } /* line 393, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-block { width: 775px; margin: 40px 0 0 66px; } /* line 396, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-block img.mike-largeImage { float: left; } /* line 400, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .sarah-transaction-block { width: 810px; margin: 40px 0 0 47px; } /* line 403, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .sarah-transaction-block img.sarah-largeImage { float: left; } /* line 407, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .jen-transaction-block { width: 766px; margin: 40px 0 0 81px; } /* line 410, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .jen-transaction-block img.jen-largeImage { float: left; } /* line 414, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .mike-transaction-textBlock { margin: 63px 0 0 70px; } /* line 417, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .sarah-transaction-textBlock { margin: 63px 0 0 35px; } /* line 420, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-two .jen-transaction-textBlock { margin: 63px 0 0 89px; } /* line 428, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .interactive-stage-three-mike, div.interactive-wrapper .interactive-stage-three-sarah, div.interactive-wrapper .interactive-stage-three-jen { position: absolute; top: 210px; z-index: 100; margin: -8px auto 26px auto; border: 1px solid #c6c8d5; width: 921px; height: 773px; background-color: #ffffff; } /* line 440, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess, div.interactive-wrapper .sarah-transactionProcess, div.interactive-wrapper .jen-transactionProcess { height: 673px; display: block; padding: 0; } /* line 448, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage, div.interactive-wrapper .sarah-summary-stage, div.interactive-wrapper .jen-summary-stage { position: absolute; top: 210px; margin: -8px auto 0 auto; border: 1px solid #c6c8d5; width: 921px; height: 773px; background-color: #ffffff; } /* line 458, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-block, div.interactive-wrapper .mike-summary-stage .sarah-summary-block, div.interactive-wrapper .mike-summary-stage .jen-summary-block, div.interactive-wrapper .sarah-summary-stage .mike-summary-block, div.interactive-wrapper .sarah-summary-stage .sarah-summary-block, div.interactive-wrapper .sarah-summary-stage .jen-summary-block, div.interactive-wrapper .jen-summary-stage .mike-summary-block, div.interactive-wrapper .jen-summary-stage .sarah-summary-block, div.interactive-wrapper .jen-summary-stage .jen-summary-block { height: 673px; display: block; padding: 0; } /* line 465, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock, div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock, div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock { float: right; width: 507px; display: block; } /* line 469, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock h2, div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock h2, div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock h2, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock h2, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock h2, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock h2, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock h2, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock h2, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock h2 { color: #005b72; font-size: 37px; line-height: 0.946em !important; letter-spacing: -1px; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 25px 0; } /* line 478, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock p, div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock p, div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock p, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock p, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock p, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock p, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock p, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock p, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock p { line-height: 1.3em !important; font-size: 17px; letter-spacing: -1px; color: #58595b; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 300; font-style: normal; } /* line 486, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock p span, div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock p span, div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock p span, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock p span, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock p span, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock p span, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock p span, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock p span, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock p span { font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; } /* line 491, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock a, div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock a, div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock a, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock a, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock a, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock a, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock a, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock a, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock a { font-size: 17px; color: #5ab4c0; font-family: 'MuseoSlab 500', Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; } /* line 498, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock a:hover, div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock a:hover, div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock a:hover, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock a:hover, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock a:hover, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock a:hover, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock a:hover, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock a:hover, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock a:hover { color: #439fad; } /* line 502, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-block, div.interactive-wrapper .sarah-summary-stage .mike-summary-block, div.interactive-wrapper .jen-summary-stage .mike-summary-block { width: 775px; margin: 40px 0 0 66px; } /* line 505, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-block img.mike-largeImage, div.interactive-wrapper .sarah-summary-stage .mike-summary-block img.mike-largeImage, div.interactive-wrapper .jen-summary-stage .mike-summary-block img.mike-largeImage { float: left; } /* line 509, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .sarah-summary-block, div.interactive-wrapper .sarah-summary-stage .sarah-summary-block, div.interactive-wrapper .jen-summary-stage .sarah-summary-block { width: 810px; margin: 40px 0 0 47px; } /* line 512, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .sarah-summary-block img.sarah-largeImage, div.interactive-wrapper .sarah-summary-stage .sarah-summary-block img.sarah-largeImage, div.interactive-wrapper .jen-summary-stage .sarah-summary-block img.sarah-largeImage { float: left; } /* line 516, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .jen-summary-block, div.interactive-wrapper .sarah-summary-stage .jen-summary-block, div.interactive-wrapper .jen-summary-stage .jen-summary-block { width: 766px; margin: 40px 0 0 81px; } /* line 519, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .jen-summary-block img.jen-largeImage, div.interactive-wrapper .sarah-summary-stage .jen-summary-block img.jen-largeImage, div.interactive-wrapper .jen-summary-stage .jen-summary-block img.jen-largeImage { float: left; } /* line 523, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .mike-summary-textBlock, div.interactive-wrapper .sarah-summary-stage .mike-summary-textBlock, div.interactive-wrapper .jen-summary-stage .mike-summary-textBlock { margin: 63px 0 0 70px; } /* line 526, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .sarah-summary-textBlock, div.interactive-wrapper .sarah-summary-stage .sarah-summary-textBlock, div.interactive-wrapper .jen-summary-stage .sarah-summary-textBlock { margin: 63px 0 0 35px; } /* line 529, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-summary-stage .jen-summary-textBlock, div.interactive-wrapper .sarah-summary-stage .jen-summary-textBlock, div.interactive-wrapper .jen-summary-stage .jen-summary-textBlock { margin: 63px 0 0 89px; } /* line 536, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess { position: relative; } /* line 539, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .info-overdraft-treshold, div.interactive-wrapper .mike-transactionProcess .info-no-overdraft-treshold { z-index: 940; } /* line 541, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .info-overdraft-treshold p, div.interactive-wrapper .mike-transactionProcess .info-no-overdraft-treshold p { padding: 0; margin: 0; width: 298px; position: absolute; top: 12px; left: 15px; color: #ffffff; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; line-height: 1.385em !important; } /* line 555, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .info-overdraft-treshold p.close-bubble, div.interactive-wrapper .mike-transactionProcess .info-no-overdraft-treshold p.close-bubble { position: absolute; left: 322px; top: 1px; opacity: 0.7; font-size: 10px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 949; } /* line 568, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .info-overdraft-treshold { position: absolute; top: 184px; left: 10px; } /* line 573, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .info-no-overdraft-treshold { position: absolute; top: 184px; left: 573px; } /* line 579, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-a, div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-b { z-index: 940; position: absolute; } /* line 582, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-a p.balance-explained, div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-b p.balance-explained { padding: 0; margin: 0; width: 320px; position: absolute; top: 12px; left: 15px; color: #ffffff; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; line-height: 1.385em !important; } /* line 596, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-a p.close-bubble, div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-b p.close-bubble { font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; color: #ffffff; position: absolute; left: 322px; top: 1px; opacity: 0.7; font-size: 10px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 949; } /* line 611, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-a { top: 236px; left: 10px; } /* line 615, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-expanded-b { top: 236px; left: 573px; } /* line 620, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-questionMark-a, div.interactive-wrapper .mike-transactionProcess .mike-balance-questionMark-b { z-index: 940; position: absolute; margin: 0; padding: 0; display: block; width: 10px; height: 10px; cursor: pointer; } /* line 629, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-questionMark-a img, div.interactive-wrapper .mike-transactionProcess .mike-balance-questionMark-b img { border: 0; margin-left: -7px; margin-top: -20px; height: 20px; max-width: 200%; } /* line 635, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-questionMark-a { top: 298px; left: 302px; } /* line 639, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-balance-questionMark-b { top: 298px; left: 865px; } /* line 643, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess h3.mike-transaction-title { padding: 0; font-size: 31px; color: #005b72; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; margin: 38px 0 0 42px; letter-spacing: -1px; line-height: 0.903em !important; } /* line 654, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-slider-container { position: relative; width: 840px; height: 155px; display: block; background-color: #eef7f9; margin: -9px auto 0 auto; } /* line 661, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-slider-container a#go-to-mike-summary { position: absolute; top: 0; left: 775px; z-index: 900; display: block; width: 65px; height: 155px; padding: 0; background: #eef7f9; opacity: 1; cursor: pointer; } /* line 673, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-slider-container a#go-to-mike-summary img { display: block; width: inherit; height: inherit; } /* line 681, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container { width: 840px; height: 424px; display: block; margin: 32px 0 0 42px; } /* line 688, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-center-icon { height: 446px; float: left; display: block; margin: 0; padding: 0; } /* line 697, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a p.bank-name, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b p.bank-name { width: 273px; display: block; color: #739462; font-family: 'MuseoSlab 300', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 19px; line-height: 0.842em !important; margin: 0; padding: 0; text-align: left; letter-spacing: -1px; } /* line 709, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a p.bank-name img, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b p.bank-name img { margin: 0; padding: 0; } /* line 715, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a p.transaction-type, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b p.transaction-type { width: 273px; display: block; color: #739462; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 16px; line-height: 1.625em !important; } /* line 727, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure { position: relative; margin: 0; padding: 0; width: 273px; } /* line 732, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr { height: 37px; line-height: 37px !important; display: block; vertical-align: middle; } /* line 738, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr:nth-child(even) { background-color: #ffffff; } /* line 741, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr:nth-child(odd) { background-color: #f4f7f3; } /* line 744, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header { background-color: #739462; width: 273px; height: 43px; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; text-align: center; } /* line 755, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-three { height: 43px; line-height: 43px !important; vertical-align: middle; color: #ffffff; text-align: center; } /* line 762, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-one { border-right: 1px solid #ffffff; margin: 0; width: 118px; } /* line 766, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-one p { color: #fff; } /* line 770, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-two { border-right: 1px solid #ffffff; margin: 0; width: 75px; } /* line 775, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr.bank-table-header td.table-header-col-three { margin: 0; padding: 0; text-align: center; } /* line 781, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr:last-child { border-bottom: 1px solid #e3eae0; } /* line 785, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr td { height: 37px; line-height: 37px !important; } /* line 790, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr td:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container table.bank-table-structure tr td:nth-child(2) { border-right: 3px solid #dae3d6; } /* line 796, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a { width: 273px; position: relative; } /* line 799, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a .mike-orange-bubble { z-index: 949; position: absolute; top: 305px; left: 0px; display: block; } /* line 805, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a .mike-orange-bubble p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 809, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a .bank-a-orange-q-mark { z-index: 948; position: absolute; top: 354px; left: 257px; display: block; width: 14px; height: 14px; } /* line 820, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list { z-index: 900; position: absolute; top: 85px; left: 20px; width: 253px; height: 329px; margin: 0; padding: 0; display: block; } /* line 832, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-startingBalance ul { width: 273px; list-style-type: none; margin: 0; padding: 0; } /* line 837, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-startingBalance ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; float: left; margin: 0; padding: 0; height: 37px; line-height: 37px !important; vertical-align: middle; } /* line 851, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-startingBalance ul li:first-child { font-weight: bold; width: 175px; height: 37px; margin: 0; text-align: left; } /* line 858, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-startingBalance ul li:last-child { width: 78px; margin: 0; padding: 0; text-align: center; } /* line 862, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-startingBalance ul li:last-child p { text-align: center; width: 78px; padding: 0; } /* line 879, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul { width: 238px; list-style-type: none; margin: 0; padding: 0; } /* line 884, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; text-align: right; height: 37px; line-height: 37px !important; vertical-align: middle; float: left; } /* line 897, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li.transaction-declined, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li.transaction-declined { font-weight: bold; color: #739462; } /* line 901, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li.slider-panel-redText, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li.slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 905, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li:first-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li:first-child { font-weight: bold; width: 98px; height: 37px; margin: 0 12px 0 0; padding: 0; text-align: left; line-height: 20em; } /* line 914, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li:nth-child(2), div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li:nth-child(2) { width: 48px; height: 37px; margin: 0 26px 0 0; padding: 0; } /* line 919, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li:nth-child(2) p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li:nth-child(2) p { width: 48px; text-align: right; } /* line 924, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-atm ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-breakfast ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-utilityBill ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-lunch ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-gas ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-dinner ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-oil ul li:last-child, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-a-transaction-list #bank-a-drugStore ul li:last-child { width: 50px; margin: 0; padding: 0; text-align: right; } /* line 935, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-a-total, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-b-total { width: 255px; position: absolute; top: 345px; left: 0; } /* line 940, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-a-total p, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-b-total p { letter-spacing: -1px; color: #bf1e2e; } /* line 943, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-a-total p.positive-value, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-b-total p.positive-value { color: #739462 !important; } /* line 946, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-a-total p.ending-balance-text, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-b-total p.ending-balance-text { display: block; padding-top: 10px; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 700; font-style: normal; font-size: 14px; width: 110px; float: left; } /* line 956, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-a-total p.ending-balance-figure, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-b-total p.ending-balance-figure { line-height: 35px !important; display: block; text-align: right !important; font-family: 'MuseoSlab 900', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 25px; padding-right: 19px; width: 125px; float: left; } /* line 966, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-a-total p.ending-balance-figure sup, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-bank-b-total p.ending-balance-figure sup { font-size: 18px; margin: 0 1px 0 2px; } /* line 973, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-center-icon { width: 291px; } /* line 975, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .mike-center-icon img { margin: 0 0 0 85px; padding: 0; } /* line 980, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b { position: relative; float: left; width: 273px; } /* line 984, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .mike-overdraft-bubbleOne { position: absolute; left: 0px; display: block; z-index: 949; top: 305px; } /* line 990, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .mike-overdraft-bubbleOne p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 994, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .mike-overdraft-bubbleTwo { position: absolute; left: 0px; display: block; z-index: 1100; top: 342px; } /* line 1000, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .mike-overdraft-bubbleTwo p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 1005, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .bank-b-red-q-mark-one, div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .bank-b-red-q-mark-two { z-index: 949; position: absolute; display: block; width: 14px; height: 14px; left: 257px; } /* line 1013, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .bank-b-red-q-mark-one { top: 355px; } /* line 1016, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .mike-transactionProcess .mike-tables-container .bank-b .bank-b-red-q-mark-two { top: 391px; } /* line 1023, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list { z-index: 949; position: absolute; top: 85px; left: 20px; width: 253px; height: 329px; margin: 0; padding: 0; display: block; } /* line 1034, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-startingBalance ul { width: 273px; list-style-type: none; margin: 0; padding: 0; } /* line 1039, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-startingBalance ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; float: left; margin: 0; padding: 0; height: 37px; line-height: 37px !important; vertical-align: middle; } /* line 1053, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-startingBalance ul li:first-child { font-weight: bold; width: 175px; height: 37px; margin: 0; text-align: left; } /* line 1060, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-startingBalance ul li:last-child { width: 78px; margin: 0; padding: 0; text-align: center; } /* line 1064, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-startingBalance ul li:last-child p { text-align: center; width: 78px; padding: 0; } /* line 1080, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul { width: 253px; list-style-type: none; margin: 0; padding: 0; } /* line 1085, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; text-align: right; height: 37px; line-height: 37px !important; vertical-align: middle; float: left; } /* line 1098, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li.transaction-declined, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li.transaction-declined { font-weight: bold; color: #739462; } /* line 1102, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li.slider-panel-redText, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li.slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 1106, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li:first-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li:first-child { font-weight: bold; width: 98px; height: 37px; margin: 0 12px 0 0; padding: 0; text-align: left; } /* line 1115, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li:nth-child(2), div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li:nth-child(2) { width: 48px; height: 37px; margin: 0 26px 0 0; padding: 0; } /* line 1120, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li:nth-child(2) p, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li:nth-child(2) p { width: 48px; text-align: right; } /* line 1125, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .bank-b-transaction-list #bank-b-atm ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-breakfast ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-utilityBill ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-lunch ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-gas ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-dinner ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-oil ul li:last-child, div.interactive-wrapper .bank-b-transaction-list #bank-b-drugStore ul li:last-child { width: 50px; margin: 0; padding: 0; text-align: right; } /* line 1138, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess { position: relative; } /* line 1141, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-info-chrono-ordering, div.interactive-wrapper .sarah-transactionProcess .sarah-info-hi-lo-reordering { z-index: 940; } /* line 1143, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-info-chrono-ordering p, div.interactive-wrapper .sarah-transactionProcess .sarah-info-hi-lo-reordering p { padding: 0; margin: 0; width: 298px; position: absolute; top: 12px; left: 15px; color: #ffffff; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; line-height: 1.385em !important; } /* line 1157, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-info-chrono-ordering p.sarah-close-bubble, div.interactive-wrapper .sarah-transactionProcess .sarah-info-hi-lo-reordering p.sarah-close-bubble { position: absolute; left: 322px; top: 1px; opacity: 0.7; font-size: 10px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 949; } /* line 1170, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-info-chrono-ordering { position: absolute; top: 184px; left: 10px; } /* line 1175, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-info-hi-lo-reordering { position: absolute; top: 184px; left: 573px; } /* line 1181, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-a, div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-b { z-index: 940; position: absolute; } /* line 1184, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-a p.balance-explained, div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-b p.balance-explained { padding: 0; margin: 0; width: 320px; position: absolute; top: 12px; left: 15px; color: #ffffff; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; line-height: 1.385em !important; } /* line 1198, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-a p.close-bubble, div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-b p.close-bubble { font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; color: #ffffff; position: absolute; left: 322px; top: 1px; opacity: 0.7; font-size: 10px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 949; } /* line 1213, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-a { top: 236px; left: 10px; } /* line 1217, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-expanded-b { top: 236px; left: 573px; } /* line 1222, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-questionMark-a, div.interactive-wrapper .sarah-transactionProcess .sarah-balance-questionMark-b { z-index: 940; position: absolute; margin: 0; padding: 0; display: block; width: 10px; height: 10px; cursor: pointer; } /* line 1231, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-questionMark-a img, div.interactive-wrapper .sarah-transactionProcess .sarah-balance-questionMark-b img { border: 0; margin-left: -7px; margin-top: -20px; height: 20px; max-width: 200%; } /* line 1237, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-questionMark-a { top: 298px; left: 302px; } /* line 1241, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-balance-questionMark-b { top: 298px; left: 865px; } /* line 1245, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess h3.sarah-transaction-title { padding: 0; font-size: 31px; color: #005b72; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; margin: 38px 0 0 42px; line-height: 0.903em !important; letter-spacing: -1px; } /* line 1255, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-slider-container { position: relative; width: 840px; height: 155px; display: block; background-color: #eef7f9; margin: -9px auto 0 auto; } /* line 1262, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-slider-container a#go-to-sarah-summary { position: absolute; top: 0; left: 775px; z-index: 900; display: block; width: 65px; height: 155px; padding: 0; background: #eef7f9; opacity: 1; cursor: pointer; } /* line 1274, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-slider-container a#go-to-sarah-summary img { display: block; width: inherit; height: inherit; } /* line 1283, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-bank-a-total, div.interactive-wrapper .sarah-transactionProcess .sarah-bank-b-total { width: 255px; position: absolute; top: 345px; left: 0; } /* line 1288, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-bank-a-total p, div.interactive-wrapper .sarah-transactionProcess .sarah-bank-b-total p { letter-spacing: -1px; color: #bf1e2e; } /* line 1291, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-bank-a-total p.positive-value, div.interactive-wrapper .sarah-transactionProcess .sarah-bank-b-total p.positive-value { color: #739462 !important; } /* line 1294, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-bank-a-total p.ending-balance-text, div.interactive-wrapper .sarah-transactionProcess .sarah-bank-b-total p.ending-balance-text { display: block; padding-top: 10px; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 700; font-style: normal; font-size: 14px; width: 110px; float: left; } /* line 1304, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-bank-a-total p.ending-balance-figure, div.interactive-wrapper .sarah-transactionProcess .sarah-bank-b-total p.ending-balance-figure { line-height: 35px !important; display: block; text-align: right !important; font-family: 'MuseoSlab 900', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 25px; padding-right: 19px; width: 125px; float: left; } /* line 1314, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-bank-a-total p.ending-balance-figure sup, div.interactive-wrapper .sarah-transactionProcess .sarah-bank-b-total p.ending-balance-figure sup { font-size: 18px; margin: 0 1px 0 2px; } /* line 1322, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container { width: 840px; height: 424px; display: block; margin: 32px 0 0 42px; } /* line 1329, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .sarah-center-icon { height: 446px; float: left; display: block; margin: 0; padding: 0; } /* line 1338, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a p.bank-name, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b p.bank-name { width: 273px; display: block; color: #739462; font-family: 'MuseoSlab 300', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 19px; line-height: 0.842em !important; margin: 0; padding: 0; text-align: left; letter-spacing: -1px; } /* line 1350, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a p.bank-name img, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b p.bank-name img { margin: 0; padding: 0; } /* line 1355, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a p.transaction-type, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b p.transaction-type { width: 273px; display: block; color: #739462; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 16px; line-height: 1.625em !important; } /* line 1365, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure { position: relative; margin: 0; padding: 0; width: 273px; } /* line 1370, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr { height: 37px; line-height: 37px !important; display: block; vertical-align: middle; } /* line 1376, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr:nth-child(even), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr:nth-child(even) { background-color: #ffffff; } /* line 1379, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr:nth-child(odd), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr:nth-child(odd) { background-color: #f4f7f3; } /* line 1382, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header { background-color: #739462; width: 273px; height: 43px; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; text-align: center; } /* line 1393, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-three, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-three { height: 43px; line-height: 43px !important; vertical-align: middle; color: #ffffff; text-align: center !important; } /* line 1400, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-one { border-right: 1px solid #ffffff; margin: 0; width: 118px; } /* line 1404, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-one p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-one p { color: #fff; } /* line 1408, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-two { border-right: 1px solid #ffffff; margin: 0; width: 75px; } /* line 1413, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-three, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-three { margin: 0; padding: 0; text-align: center; } /* line 1418, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr:last-child { border-bottom: 1px solid #e3eae0; } /* line 1422, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr td, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr td { height: 37px; line-height: 37px !important; } /* line 1427, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr td:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a table.bank-table-structure tr td:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr td:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b table.bank-table-structure tr td:nth-child(2) { border-right: 3px solid #dae3d6; } /* line 1433, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a { width: 273px; position: relative; } /* line 1436, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-overdraft-bubble { position: absolute; left: 0px; display: block; z-index: 949; top: 343px; } /* line 1442, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-overdraft-bubble p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 1449, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-red-q-mark, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-blue-q-markOne, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-blue-q-markTwo { z-index: 949; position: absolute; left: 257px; display: block; width: 14px; height: 14px; } /* line 1457, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-red-q-mark { top: 391px; } /* line 1460, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-blue-q-markOne { top: 354px; } /* line 1463, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-blue-q-markTwo { top: 392px; } /* line 1466, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list { z-index: 900; position: absolute; top: 85px; left: 20px; width: 253px; height: 329px; margin: 0; padding: 0; display: block; } /* line 1477, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-startingBalance ul { width: 273px; list-style-type: none; margin: 0; padding: 0; } /* line 1482, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-startingBalance ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; float: left; margin: 0; padding: 0; height: 37px; line-height: 37px !important; vertical-align: middle; } /* line 1496, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-startingBalance ul li:first-child { font-weight: bold; width: 175px; height: 37px; margin: 0; text-align: left; } /* line 1503, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-startingBalance ul li:last-child { width: 78px; margin: 0; padding: 0; text-align: center; } /* line 1507, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-startingBalance ul li:last-child p { text-align: center; width: 78px; padding: 0; } /* line 1523, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul { width: 238px; list-style-type: none; margin: 0; padding: 0; } /* line 1528, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; text-align: right; height: 37px; line-height: 37px !important; vertical-align: middle; float: left; } /* line 1541, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li.transaction-declined { font-weight: bold; color: #739462; } /* line 1545, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li.slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 1549, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li:first-child { font-weight: bold; width: 98px; height: 37px; margin: 0 12px 0 0; padding: 0; text-align: left; } /* line 1558, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li:nth-child(2) { width: 48px; height: 37px; margin: 0 26px 0 0; padding: 0; } /* line 1563, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li:nth-child(2) p { width: 48px; text-align: right; } /* line 1568, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-atm ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-coffee ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-breakfast ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-lunch ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-iceCream ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-gas ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-groceries ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-a .sarah-bank-a-transaction-list #sarah-bank-a-dinner ul li:last-child { width: 50px; margin: 0; padding: 0; text-align: right; } /* line 1579, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .sarah-center-icon { width: 291px; } /* line 1581, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .sarah-center-icon img { margin: 0 0 0 55px; padding: 0; } /* line 1586, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b { position: relative; float: left; width: 273px; } /* line 1590, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleOne { position: absolute; top: 229px; left: 0px; display: block; z-index: 949; } /* line 1596, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleOne p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 1600, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleTwo { position: absolute; top: 267px; left: 0px; display: block; z-index: 1100; } /* line 1606, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleTwo p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 1610, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleThree { position: absolute; top: 305px; left: 0px; display: block; z-index: 1100; } /* line 1616, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleThree p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 1620, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleFour { position: absolute; top: 343px; left: 0px; display: block; z-index: 1100; } /* line 1626, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-overdraft-bubbleFour p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 1633, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-one, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-two, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-three, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-four { z-index: 949; position: absolute; display: block; width: 14px; height: 14px; left: 257px; } /* line 1641, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-one { top: 281px; } /* line 1644, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-two { top: 318px; } /* line 1647, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-three { top: 355px; } /* line 1650, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-red-q-mark-four { top: 392px; } /* line 1653, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list { z-index: 949; position: absolute; top: 85px; left: 20px; width: 253px; height: 329px; margin: 0; padding: 0; display: block; } /* line 1664, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-startingBalance ul { width: 273px; list-style-type: none; margin: 0; padding: 0; } /* line 1669, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-startingBalance ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; float: left; margin: 0; padding: 0; height: 37px; line-height: 37px !important; vertical-align: middle; } /* line 1683, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-startingBalance ul li:first-child { font-weight: bold; width: 175px; height: 37px; margin: 0; text-align: left; } /* line 1690, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-startingBalance ul li:last-child { width: 78px; margin: 0; padding: 0; text-align: center; } /* line 1694, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-startingBalance ul li:last-child p { text-align: center; width: 78px; padding: 0; } /* line 1709, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner { position: absolute; left: 0; } /* line 1712, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul { width: 253px; list-style-type: none; margin: 0; padding: 0; } /* line 1717, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; text-align: right; height: 37px; line-height: 37px !important; vertical-align: middle; float: left; } /* line 1730, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li.transaction-declined, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li.transaction-declined { font-weight: bold; color: #739462; } /* line 1734, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li.slider-panel-redText, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li.slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 1738, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li:first-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li:first-child { font-weight: bold; width: 98px; height: 37px; margin: 0 12px 0 0; padding: 0; text-align: left; } /* line 1747, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li:nth-child(2), div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li:nth-child(2) { width: 48px; height: 37px; margin: 0 26px 0 0; padding: 0; } /* line 1752, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li:nth-child(2) p, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li:nth-child(2) p { width: 48px; text-align: right; } /* line 1757, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries ul li:last-child, div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner ul li:last-child { width: 50px; margin: 0; padding: 0; text-align: right; } /* line 1766, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-atm { top: 37px; } /* line 1770, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-coffee { top: 74px; } /* line 1774, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-breakfast { top: 111px; } /* line 1777, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-lunch { top: 148px; } /* line 1780, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-iceCream { top: 185px; } /* line 1783, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-gas { top: 222px; } /* line 1786, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-groceries { top: 259px; } /* line 1789, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .sarah-transactionProcess .sarah-tables-container .bank-b .sarah-bank-b-transaction-list #sarah-bank-b-dinner { top: 296px; } /* line 1800, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess { position: relative; } /* line 1803, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-info-overdraft-treshold, div.interactive-wrapper .jen-transactionProcess .jen-info-no-overdraft-treshold { z-index: 940; } /* line 1805, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-info-overdraft-treshold p, div.interactive-wrapper .jen-transactionProcess .jen-info-no-overdraft-treshold p { padding: 0; margin: 0; width: 298px; position: absolute; top: 12px; left: 15px; color: #ffffff; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; line-height: 1.385em !important; } /* line 1819, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-info-overdraft-treshold p.jen-close-bubble, div.interactive-wrapper .jen-transactionProcess .jen-info-no-overdraft-treshold p.jen-close-bubble { position: absolute; left: 322px; top: 1px; opacity: 0.7; font-size: 10px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 949; } /* line 1832, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-info-overdraft-treshold { position: absolute; top: 184px; left: 10px; } /* line 1837, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-info-no-overdraft-treshold { position: absolute; top: 184px; left: 573px; } /* line 1843, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-a, div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-b { z-index: 940; position: absolute; } /* line 1846, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-a p.balance-explained, div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-b p.balance-explained { padding: 0; margin: 0; width: 320px; position: absolute; top: 12px; left: 15px; color: #ffffff; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; line-height: 1.385em !important; } /* line 1860, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-a p.close-bubble, div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-b p.close-bubble { font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; color: #ffffff; position: absolute; left: 322px; top: 1px; opacity: 0.7; font-size: 10px; width: 14px; height: 14px; display: block; cursor: pointer; z-index: 949; } /* line 1875, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-a { top: 242px; left: 10px; } /* line 1879, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-expanded-b { top: 242px; left: 573px; } /* line 1884, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-questionMark-a, div.interactive-wrapper .jen-transactionProcess .jen-balance-questionMark-b { z-index: 940; position: absolute; top: 304px; margin: 0; padding: 0; display: block; width: 10px; height: 10px; cursor: pointer; } /* line 1894, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-questionMark-a img, div.interactive-wrapper .jen-transactionProcess .jen-balance-questionMark-b img { border: 0; margin-left: -7px; margin-top: -20px; height: 20px; max-width: 200%; } /* line 1900, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-questionMark-a { left: 302px; } /* line 1903, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-balance-questionMark-b { left: 865px; } /* line 1906, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess h3.jen-transaction-title { padding: 0; font-size: 31px; color: #005b72; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; font-weight: normal; margin: 34px 0 34px 42px; letter-spacing: -1px; } /* line 1915, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-slider-container { position: relative; width: 840px; height: 155px; display: block; background-color: #eef7f9; margin: 0 auto; } /* line 1922, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-slider-container a#go-to-jen-summary { position: absolute; top: 0; left: 775px; z-index: 900; display: block; width: 65px; height: 155px; padding: 0; background: #eef7f9; opacity: 1; cursor: pointer; } /* line 1934, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-slider-container a#go-to-jen-summary img { display: block; width: inherit; height: inherit; } /* line 1943, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-bank-a-total, div.interactive-wrapper .jen-transactionProcess .jen-bank-b-total { width: 255px; position: absolute; top: 345px; left: 0; } /* line 1948, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-bank-a-total p, div.interactive-wrapper .jen-transactionProcess .jen-bank-b-total p { letter-spacing: -1px; color: #bf1e2e; } /* line 1951, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-bank-a-total p.positive-value, div.interactive-wrapper .jen-transactionProcess .jen-bank-b-total p.positive-value { color: #739462 !important; } /* line 1954, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-bank-a-total p.ending-balance-text, div.interactive-wrapper .jen-transactionProcess .jen-bank-b-total p.ending-balance-text { display: block; padding-top: 10px; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 700; font-style: normal; font-size: 14px; width: 110px; float: left; } /* line 1964, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-bank-a-total p.ending-balance-figure, div.interactive-wrapper .jen-transactionProcess .jen-bank-b-total p.ending-balance-figure { line-height: 35px !important; display: block; text-align: right !important; font-family: 'MuseoSlab 900', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 25px; padding-right: 19px; width: 125px; float: left; } /* line 1974, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-bank-a-total p.ending-balance-figure sup, div.interactive-wrapper .jen-transactionProcess .jen-bank-b-total p.ending-balance-figure sup { font-size: 18px; margin: 0 1px 0 2px; } /* line 1982, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container { width: 840px; height: 424px; display: block; margin: 32px 0 0 42px; } /* line 1989, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .jen-center-icon { height: 446px; float: left; display: block; margin: 0; padding: 0; } /* line 1998, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a p.bank-name, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b p.bank-name { width: 273px; display: block; color: #739462; font-family: 'MuseoSlab 300', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 19px; line-height: 0.842em !important; margin: 0; padding: 0; text-align: left; letter-spacing: -1px; } /* line 2010, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a p.bank-name img, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b p.bank-name img { margin: 0; padding: 0; } /* line 2015, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a p.transaction-type, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b p.transaction-type { width: 273px; display: block; color: #739462; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 16px; line-height: 1.625em !important; } /* line 2025, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure { position: relative; margin: 0; padding: 0; width: 273px; } /* line 2030, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr { height: 37px; line-height: 37px !important; display: block; vertical-align: middle; } /* line 2036, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr:nth-child(even), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr:nth-child(even) { background-color: #ffffff; } /* line 2039, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr:nth-child(odd), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr:nth-child(odd) { background-color: #f4f7f3; } /* line 2042, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header { background-color: #739462; width: 273px; height: 43px; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 13px; text-align: center; } /* line 2053, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-three, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-three { height: 43px; line-height: 43px !important; vertical-align: middle; color: #ffffff; text-align: center; } /* line 2060, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-one, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-one { border-right: 1px solid #ffffff; margin: 0; width: 118px; } /* line 2064, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-one p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-one p { color: #fff; } /* line 2068, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-two, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-two { border-right: 1px solid #ffffff; margin: 0; width: 75px; } /* line 2073, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr.bank-table-header td.table-header-col-three, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr.bank-table-header td.table-header-col-three { margin: 0; padding: 0; text-align: center; } /* line 2079, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr:last-child { border-bottom: 1px solid #e3eae0; } /* line 2083, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr td, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr td { height: 37px; line-height: 37px !important; } /* line 2088, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr td:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a table.bank-table-structure tr td:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr td:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b table.bank-table-structure tr td:nth-child(2) { border-right: 3px solid #dae3d6; } /* line 2094, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a { width: 273px; position: relative; } /* line 2098, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleOne, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleTwo { z-index: 945; position: absolute; left: 148px; display: block; } /* line 2103, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleOne p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleTwo p { position: absolute; left: 180px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; z-index: 949; } /* line 2119, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleOne img, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleTwo img { max-width: 193px !important; } /* line 2123, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleOne { top: 305px; } /* line 2126, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-pos-bubbleTwo { top: 341px; } /* line 2130, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-blue-q-markOne, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-blue-q-markTwo { z-index: 939; position: absolute; left: 257px; display: block; width: 14px; height: 14px; } /* line 2138, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-blue-q-markOne { top: 354px; } /* line 2141, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-blue-q-markTwo { top: 392px; } /* line 2144, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list { z-index: 900; position: absolute; top: 85px; left: 20px; width: 253px; height: 329px; margin: 0; padding: 0; display: block; } /* line 2155, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-startingBalance ul { width: 273px; list-style-type: none; margin: 0; padding: 0; } /* line 2160, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-startingBalance ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; float: left; margin: 0; padding: 0; height: 37px; line-height: 37px !important; vertical-align: middle; } /* line 2174, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-startingBalance ul li:first-child { font-weight: bold; width: 175px; height: 37px; margin: 0; text-align: left; } /* line 2181, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-startingBalance ul li:last-child { width: 78px; margin: 0; padding: 0; text-align: center; } /* line 2185, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-startingBalance ul li:last-child p { text-align: center; width: 78px; padding: 0; } /* line 2201, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul { width: 238px; list-style-type: none; margin: 0; padding: 0; } /* line 2206, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; text-align: right; height: 37px; line-height: 37px !important; vertical-align: middle; float: left; } /* line 2219, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li.transaction-declined { font-weight: bold; color: #739462; } /* line 2223, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li.slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 2227, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li:first-child { font-weight: bold; width: 98px; height: 37px; margin: 0 12px 0 0; padding: 0; text-align: left; } /* line 2236, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li:nth-child(2) { width: 48px; height: 37px; margin: 0 26px 0 0; padding: 0; } /* line 2241, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li:nth-child(2) p { width: 48px; text-align: right; } /* line 2246, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-atm ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-coffee ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-utilityBill ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-lunch ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dryCleaning ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-dinner ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-movie ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-a .jen-bank-a-transaction-list #jen-bank-a-iceCream ul li:last-child { width: 50px; margin: 0; padding: 0; text-align: right; } /* line 2257, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .jen-center-icon { width: 291px; } /* line 2259, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .jen-center-icon img { margin: 0 0 0 85px; padding: 0; } /* line 2264, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b { position: relative; float: left; width: 273px; } /* line 2268, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-overdraft-bubbleOne { position: absolute; left: 0px; display: block; z-index: 949; top: 305px; } /* line 2274, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-overdraft-bubbleOne p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 2278, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-overdraft-bubbleTwo { position: absolute; left: 0px; display: block; z-index: 1100; top: 342px; } /* line 2284, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-overdraft-bubbleTwo p { position: absolute; left: 262px; top: 1px; width: 20px; height: 20px; display: block; float: right; cursor: pointer; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-style: normal; color: #ffffff; font-size: 11px; opacity: 0.7; } /* line 2289, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-red-q-mark-one, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-red-q-mark-two { z-index: 949; position: absolute; display: block; width: 14px; height: 14px; left: 257px; } /* line 2297, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-red-q-mark-one { top: 355px; } /* line 2300, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-red-q-mark-two { top: 391px; } /* line 2303, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list { z-index: 949; position: absolute; top: 85px; left: 20px; width: 253px; height: 329px; margin: 0; padding: 0; display: block; } /* line 2314, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-startingBalance ul { width: 273px; list-style-type: none; margin: 0; padding: 0; } /* line 2319, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-startingBalance ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; float: left; margin: 0; padding: 0; height: 37px; line-height: 37px !important; vertical-align: middle; } /* line 2333, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-startingBalance ul li:first-child { font-weight: bold; width: 175px; height: 37px; margin: 0; text-align: left; } /* line 2340, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-startingBalance ul li:last-child { width: 78px; margin: 0; padding: 0; text-align: center; } /* line 2344, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-startingBalance ul li:last-child p { text-align: center; width: 78px; padding: 0; } /* line 2360, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul { width: 253px; list-style-type: none; margin: 0; padding: 0; } /* line 2365, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li { display: inline; font-family: Lato, 'Whitney SSm A', 'Whitney SSm B', helvetica, arial; font-weight: 500; letter-spacing: -0.5px; font-style: normal; font-size: 11px; color: #000000; text-align: right; height: 37px; line-height: 37px !important; vertical-align: middle; float: left; } /* line 2378, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li.transaction-declined, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li.transaction-declined { font-weight: bold; color: #739462; } /* line 2382, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li.slider-panel-redText, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li.slider-panel-redText { font-weight: bold; color: #bf1e2e; } /* line 2386, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li:first-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li:first-child { font-weight: bold; width: 98px; height: 37px; margin: 0 12px 0 0; padding: 0; text-align: left; } /* line 2395, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li:nth-child(2), div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li:nth-child(2) { width: 48px; height: 37px; margin: 0 26px 0 0; padding: 0; } /* line 2400, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li:nth-child(2) p, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li:nth-child(2) p { width: 48px; text-align: right; } /* line 2405, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-atm ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-coffee ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-utilityBill ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-lunch ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dryCleaning ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-dinner ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-movie ul li:last-child, div.interactive-wrapper .jen-transactionProcess .jen-tables-container .bank-b .jen-bank-b-transaction-list #jen-bank-b-iceCream ul li:last-child { width: 50px; margin: 0; padding: 0; text-align: right; } /* line 2420, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret { z-index: 200; width: 33px; height: 16px; display: block; position: absolute; left: 718px; top: 187px; padding: 0; margin-right: 0; } /* line 2430, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret img { margin: 0; padding: 0; vertical-align: top; } /* line 2437, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-mike { z-index: 200; width: 33px; height: 16px; display: block; position: absolute; left: 718px; top: 187px; padding: 0; margin-right: 0; } /* line 2447, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-mike img { margin: 0; padding: 0; vertical-align: top; } /* line 2454, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-sarah { z-index: 200; width: 33px; height: 16px; display: block; position: absolute; left: 800px; top: 187px; padding: 0; margin-right: 0; } /* line 2464, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-sarah img { margin: 0; padding: 0; vertical-align: top; } /* line 2471, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-jen { z-index: 200; width: 33px; height: 16px; display: block; position: absolute; left: 870px; top: 187px; padding: 0; margin-right: 0; } /* line 2481, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-jen img { margin: 0; padding: 0; vertical-align: top; } /* line 2488, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-visible { display: block; margin-right: 0; width: 33px; } /* line 2492, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-visible img { margin: 0; padding: 0; } /* line 2498, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .caret-hidden { display: none; } /* line 2502, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .downloads-block { position: absolute; top: 1004px; background-color: #ffffff; margin: 0; padding: 0 0 0 10px; width: 940px; height: 30px; display: block; } /* line 2511, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .downloads-block p { display: inline; font-family: 'DINOT', helvetica, arial; font-weight: 500; font-style: normal; font-size: 16px; line-height: 30px !important; height: 30px; vertical-align: middle; color: #494748; } /* line 2522, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .downloads-block img { display: inline; margin: 0 8px 0 14px; vertical-align: middle; padding: 0; border: 0; } /* line 2529, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .downloads-block span { display: inline; font-family: Lato, "MuseoSlab 900", Helvetica, Arial, sans-serif; line-height: 30px !important; height: 30px; vertical-align: middle; } /* line 2536, ../scss/cb_interactive_styles.scss */ div.interactive-wrapper .downloads-block a { text-decoration: none; color: #494748; }