@charset "UTF-8"; /* #Screen Screen file is to import all elmements for the desktop version of application */ /* ##Variables for Font Icons */ /*$menuInActiveShadow: inset 1px 1px 1px 1px $menuFirstStop, 0px 1px 0px 0px #fff;*/ /*#Variables for SASS ##ICON VARIABLES */ /* ##Form Input fields variables for size in rem Variables are called inside a class element to define default form field with
Form field is constructed out of a .formTextInput class and the width element


$xSmallInput:5;
$smallInput:12;
$mediumInput:25;
$largeInput:31.5;
$xLargeInput:44.4;

.mediumInput{
width: $mediumInput +rem;
}

*/ /* ##VARIABLES TODO We need to organise these variables later */ /* #COLOURS ##Core colour scheme variables ###Color mapping You should always use mapped variable names like **$borderColorDarker**. Never use colour vars directly from the following table. There are 4 groups which you can choose from: * Border colour * Header colour * Text colour * Background colour If you need to set a colour first check and see whaich group is this new colour belongs to. In cases that you can not fond proper group, just use the one that is close to the defined groups here. Then after chooseing the group, use the tint of colour from the available list of defined variables for that group, and use Sass lighten( $theVariableNameForColour, %23), or darken($blahblah, 85%) to generate your colour. | | | | --------------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |

Charcoal ($alphaC0)
| | | | | | -------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Black ($betaC0)
| | |
27% ($betaC1)
| | |
43% ($betaC2)
| | |
54% ($betaC3)
| | |
58% ($betaC4)
| | |
73% ($betaC5)
| | |
78% ($betaC6)
| | |
90% ($betaC7)
| | |
96% ($betaC8)
| | | | | | -------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
BT Blue ($gammaC0)
| | |
10% ($gammaC1)
| | | | | | -------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Sky ($deltaC0)
| | |
82% ($deltaC1)
| | | | | | ---------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Plum ($epsilonC0)
| | |
64% ($epsilonC1)
| | |
80% ($epsilonC2)
| | |
90% ($epsilonC3)
| | | | | | -------------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Lavendar ($digammaC0)
| | |
93% ($digammaC1)
| | | | | | ----------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Green ($zetaC0)
| | |
50% ($zetaC1)
| | |
93% ($zetaC2)
| | | | | | ----------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Amber ($etaC0)
| | | | | | ----------------------------------------------------------------------------------------------------------------------------------------------------:| -----------:| |
Red ($thetaC0)
| | | Variable | Colour code | Colour | | ------------- |:-------------:| ----------------------------------------------------:| | $alpha | #2c2a29 |
 
| | $beta | #000000 |
 
| | $gamma | #0095c8 |
 
| | $delta | #93c6d9 |
 
| | $epsilon | #694e5f |
 
| | $digamma | #ae93a4 |
 
| | $zeta | #6ba33e |
 
| | $eta | #e87301 |
 
| | $theta | #e62715 |
 
| | $bistose | #2c2a29 |
 
| | $bistochar | #444444 |
 
| | $bistopanj | #717171 |
 
| | $bistoshesh | #dc2a29 |
 
| | $bistohaft | #e7731f |
 
| | $bistohasht | #586c76 |
 
| | $bistonoh | #959595 |
 
| | $sie | #747474 |
 
| | $sieoyek | #5d5d5d |
 
| | $iota | #1b7fa4 |
 
| | $kappa | #565655 |
 
| | $lambda | #b8584a |
 
| | $mu | #1796c6 |
 
| | $nu | #996a51 |
 
| | $xi | #737a4e |
 
| | $omicron | #4a7a7b |
 
| | $pi | #85657a |
 
| | $koppa | #d6d2c5 |
 
| | $sigma | #59707c |
 
| | $tau | #f0bd53 |
 
| | $omega | #e36b58 |
 
| | $sampi | #6da440 |
 
| | $psi | #2c2a29 |
 
| | $shi | #ffffff |
 
| | $phi | #107ea6 |
 
| | $upsilon | #f0f0f0 |
 
| | $rho | #0778af |
 
| | $yek | #d6d6d6 |
 
| | $dou | #f5f6f7 |
 
| | $seh | #e4e4e4 |
 
| | $char | #ffffcb |
 
| | $panj | #417693 |
 
| | $shish | #b7d8e4 |
 
| | $haft | #f8f8f8 |
 
| | $hasht | #0095c8 |
 
| | $noh | #f2fafc |
 
| | $dah | #f6f7f7 |
 
| | $yazdah | #e5f4f9 |
 
| | $davazdah | #6ba539 |
 
| | $sizdah | #e97300 |
 
| | $chardah | #e56a54 |
 
| | $panzdah | #fcf0ee |
 
| | $shanzdah | #d3081c |
 
| | $hefdah | #fef8ec |
 
| | $hejdah | #faacac |
 
| | $noozdah | #cfcfcf |
 
| | $elibrium | #eaeaea |
 
## Colour reference | Variable | Colour code | Colour | | ------------- |:-------------:| ----------------------------------------------------:| | $beta | #000000 |
 
| | $beta73 | #454545 |
 
| | $beta67 | #545454 |
 
| | $beta56 | #707070 |
 
| | $beta44 | #949494 |
 
| | $beta27 | #bababa |
 
| | $beta22 | #c7c7c7 |
 
| | $beta10 | #e5e5e5 |
 
| | $beta4 | #f5f5f5 |
 
| | $gamma | #0095c8 |
 
| | $gamma90 | #199fcd |
 
| | $gamma7 | #edf8fc |
 
| | $delta | #93c6d9 |
 
| | $delta18 | #d1ecf5 |
 
| | $epsilon | #694e5f |
 
| | $epsilon34 | #ccc3c8 |
 
| | $epsilon20 | #e1dcdf |
 
| | $epsilon10 | #f0edef |
 
| | $digamma | #ad93a4 |
 
| | $digamma7 | #f9f7f9 |
 
| | $zeta | #6ba33e |
 
| | $zeta50 | #b5d19e |
 
| | $zeta7 | #f5f9f1 |
 
| | $eta | #e97300 |
 
| | $theta | #e62615 |
 
| */ /* line 222, ../sass/core/_colours.scss */ .colorEta { color: #e97300; } /* line 225, ../sass/core/_colours.scss */ .colorZeta { color: #6ba33e; } /* /*Added for date picker*/ .ui-datepicker .ui-datepicker-title { left: 0px !important; } ##Boder colours | Variable | Mapped colour | Colour | | ------------------------------|:--------------:| ----------------------------------------------------:| | $borderColorAlpha | $alpha |
 
| | $borderColorBeta | $beta; |
 
| | $borderColorGamma | $gamma |
 
| | $borderColorDelta | $delta |
 
| | $borderColorEpsilon | $epsilon |
 
| | $borderColorDigamma | $digamma |
 
| | $borderColorZeta | $zeta |
 
| | $borderColorEta | $eta |
 
| | $borderColorTheta | $theta; |
 
| | $borderColorDarker | $bistose; |
 
| | $borderColorDark | $bistochar; |
 
| | $borderColor | $sieoyek; |
 
| | $borderColorLight | $kappa; |
 
| | $borderColorLighter | $sie; |
 
| | $borderColorLighterLight | $bistonoh; |
 
| | $borderColorMiddleLighter | $bromide; |
 
| $borderColorExtraLight | $elibrium; |
 
| */ /* ##Header headerTextText colours | Variable | Mapped colour | Colour | | ------------- |:-------------:| --------------------------------------------------------------:| | $headerTextColorAlpha | $alpha |
Lorem ipsum dolor sit amet
| | $headerTextColorBeta | $beta; |
Lorem ipsum dolor sit amet
| | $headerTextColorGamma | $gamma |
Lorem ipsum dolor sit amet
| | $headerTextColorDelta | $delta |
Lorem ipsum dolor sit amet
| | $headerTextColorEpsilon | $epsilon |
Lorem ipsum dolor sit amet
| | $headerTextColorDigamma | $digamma |
Lorem ipsum dolor sit amet
| | $headerTextColorZeta | $zeta |
Lorem ipsum dolor sit amet
| | $headerTextColorEta | $eta |
Lorem ipsum dolor sit amet
| | $headerTextColorTheta | $theta; |
Lorem ipsum dolor sit amet
| | $headerTextColorDarker | $bistose; |
Lorem ipsum dolor sit amet
| | $headerTextColorDark | $bistochar; |
Lorem ipsum dolor sit amet
| | $headerTextColor | $sieoyek; |
Lorem ipsum dolor sit amet
| | $headerTextColorLight | $kappa; |
Lorem ipsum dolor sit amet
| | $headerTextColorLighter | $sie; |
Lorem ipsum dolor sit amet
| | $headerTextColorLighterLight | $bistonoh; |
Lorem ipsum dolor sit amet
| */ /* ##Text colours | Variable | Mapped colour | Colour | | ------------- |:-------------:| --------------------------------------------------------------:| | $textColorAlpha | $alpha |
Lorem ipsum dolor sit amet
| | $textColorBeta | $beta; |
Lorem ipsum dolor sit amet
| | $textColorGamma | $gamma |
Lorem ipsum dolor sit amet
| | $textColorDelta | $delta |
Lorem ipsum dolor sit amet
| | $textColorEpsilon | $epsilon |
Lorem ipsum dolor sit amet
| | $textColorDigamma | $digamma |
Lorem ipsum dolor sit amet
| | $textColorZeta | $zeta |
Lorem ipsum dolor sit amet
| | $textColorEta | $eta |
Lorem ipsum dolor sit amet
| | $textColorTheta | $theta; |
Lorem ipsum dolor sit amet
| | $textColorDarker | $bistose; |
Lorem ipsum dolor sit amet
| | $textColorDark | $bistochar; |
Lorem ipsum dolor sit amet
| | $textColor | $sieoyek; |
Lorem ipsum dolor sit amet
| | $textColorLight | $kappa; |
Lorem ipsum dolor sit amet
| | $textColorLighter | $sie; |
Lorem ipsum dolor sit amet
| | $textColorLighterLight | $bistonoh; |
Lorem ipsum dolor sit amet
| */ /* ##Background colours | Variable | Mapped colour | Colour | | ------------- |:-------------:| -----------------------------------------------------:| | $backgroundColorAlpha | $alpha |
 
| | $backgroundColorBeta | $beta; |
 
| | $backgroundColorGamma | $gamma |
 
| | $backgroundColorDelta | $delta |
 
| | $backgroundColorEpsilon | $epsilon |
 
| | $backgroundColorDigamma | $digamma |
 
| | $backgroundColorZeta | $zeta |
 
| | $backgroundColorEta | $eta |
 
| | $backgroundColorTheta | $theta; |
 
| | $backgroundColorDarker | $bistose; |
 
| | $backgroundColorDark | $bistochar; |
 
| | $backgroundColor | $sieoyek; |
 
| | $backgroundColorLight | $kappa; |
 
| | $backgroundColorLighter | $sie; |
 
| | $backgroundColorLighterLight | $bistonoh; |
 
| | $backgroundColorAlpha | $bist; |
 
| | $backgroundColorBeta | $bistoyek; |
 
| | $backgroundColorOmega | $bistodo; |
 
| | $backgroundColorBright | $suz; |
 
| | $backgroundColorExtraBright | $shi; |
 
| */ /* ##Action colours | Variable | Mapped colour | Colour | | ------------- |:-------------:| --------------------------------------------------------------:| | $actionColor: | $phi |
Lorem ipsum dolor sit amet
| */ /* ###Primary Color defines the overal color used for icons for example

Element with primary color applied

###Positive Color defines the overal color used for icons for example

Element with positive color applied

###Alert Color defines the overal color used for icons for example

Element with alert color applied

###Warning Color defines the overal color used for icons for example

Element with warning color applied

*/ /* line 582, ../sass/core/_colours.scss */ .primaryIconColor { color: #107ea6; } /* line 592, ../sass/core/_colours.scss */ .positive, .scheduledTD, .successfulTD, .clearedTD { color: #6ba33e; } /* line 603, ../sass/core/_colours.scss */ .alert, .retryingTD { color: #e97300; } /* line 609, ../sass/core/_colours.scss */ .warning, .failedTD { color: #e62615; } /* line 615, ../sass/core/_colours.scss */ .neutral { color: #454545; } /* line 621, ../sass/core/_colours.scss */ .info { color: #e97300; } /* line 623, ../sass/core/_colours.scss */ .info em { color: #fff; } /* ##Status elements Status icons generated in html5 code example: */ /* line 644, ../sass/core/_colours.scss */ statusno { background: #e62615; } /* line 647, ../sass/core/_colours.scss */ statuscomplete { background: #6ba539; } /* line 651, ../sass/core/_colours.scss */ statusincomplete { background: #e97300; } /* ## Body Color */ /* /* ##Linear gradient Mixins use this mixin for lienar gradient creation
.gradient{
@include linearGradient($topColor, $bottomColor, $baseColor);
}


$topColor: is the color value from the top can be a variables or a # value
$bottomColor: is the color value at the bottom can be a variables or a # value

$baseColor: is the backup color for browsers which dont understand CSS3 gradients can be a variables or a # value
*/ /* #Font Family -----------------------------------------------------*/ /* #Alerts & Messages -----------------------------------------------------*/ /* ##Opactity Mxin Class is required to hide teh datepicker on load #ui-datepicker-div { display:none } */ /* ## Ellipsis */ /* ##Date Picker Class is required to hide teh datepicker on load #ui-datepicker-div { display:none } */ /* line 105, ../sass/core/_global.scss */ #ui-datepicker-div { display: none; } /*##Clear elements Elements to clear floats to be used like this

This text is cleared
*/ /* line 119, ../sass/core/_global.scss */ .clear { clear: both; visibility: hidden; height: 0px; display: block; } /* line 125, ../sass/core/_global.scss */ .clearFix:after, .subHeaderWrapMod1:after, .noticeBox:after, .headerWrapAlpha:after, .actionWrapper.sectionHeaderGroup:after, .actionWrapperMod5:after, .actionWrapMod1:after, .toggleMenuLineWrap:after, .toggleMenuLineThirdlevel:after, .summaryPanel:after, .summaryPanel ul:after, .todayPanel:after { clear: both; content: "."; visibility: hidden; width: 100%; display: block; height: 0; line-height: 0; } /* line 135, ../sass/core/_global.scss */ .clearFix, .subHeaderWrapMod1, .noticeBox, .headerWrapAlpha, .actionWrapper.sectionHeaderGroup, .actionWrapperMod5, .actionWrapMod1, .toggleMenuLineWrap, .toggleMenuLineThirdlevel, .summaryPanel, .summaryPanel ul, .summaryPanel.summaryPanelStyleThree ul, .todayPanel { zoom: 1; } /* line 139, ../sass/core/_global.scss */ .clearBoth, .noteBox .noteBoxText ul.blockdecorlist li ul, .formBlock, .formBlockContainer .formBlockMod1, .contentBlock, .toolContainer, .tableContainer .dataTable { clear: both; } /* ##Mixins */ /* ###Font size mixin @mixin fontSize($sizeValue){ font-size: ($sizeValue * 10) + px; font-size: $sizeValue + rem; }

Implementation for the mixin:

.someFontSize{ @include fontSize(2); }

Value can be a numeric value or a variable */ /* ###Hides text mixin @mixin hideText{ overflow:hidden; text-indent:-9000px; }

Implementation for the mixin:

.hideThisText{ @include hideText; }

Can be used if an image is the main visual presentation and text for AA compliance is added. */ /* ###Box Sizing Mixin */ /* ###Mixin for Positining Position Mixin is a a function to create a position class for a element on a page

apply the mixin as like this to a class element which needs to be positioned

.positionMe{ @include position(absolute, 0 0 10px 50px); }

absolute - defines the position type
0 0 0 0 - defines the position cooridnates (TOP,RIGHT,BOTTOM,LEFT)
px or rem needs to be added for this to execude */ /* ###Mixin for Margins and Paddings setSpace Mixin is a a function to create a margin or padding class for a element on a page

apply the mixin as like this to a class element which needs to be positioned

.setSpace{ @include setSpace(margin, 0 0 10px 50px); }

margin - defines the space type alternative option is padding
0 0 0 0 - defines the space cooridnates (TOP,RIGHT,BOTTOM,LEFT)
px or rem needs to be added for this to execude */ /* ###Mixin for Margins and Paddings setSpace Mixin is a a function to create a margin or padding class for a element on a page

apply the mixin as like this to a class element which needs to be positioned

.setSpace{ @include setSpace(margin, 0 0 10px 50px); }

margin - defines the space type alternative option is padding
0 0 0 0 - defines the space cooridnates (TOP,RIGHT,BOTTOM,LEFT)
px or rem needs to be added for this to execude */ /* Mixin for Form Fields */ /* ##Borders and Shadows global Border and shadow styles using mixins. */ /* ###Border radius Border radius defines if there are round corners
.roundBorderRadius{
@include roundBorderRadius(100);
}
####Example of Code to create a round circle

Test

Style classes is added for example only! */ /* line 566, ../sass/core/_global.scss */ .borderRadius, .noticeBox, .helpToolBox, .formTextArea, .formSelectInput, .selectSearch, .ui-autocomplete, .selectOptionsInner, .selectSlideOptions ul { -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; } /* line 569, ../sass/core/_global.scss */ .roundBorderRadius { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; } /* line 572, ../sass/core/_global.scss */ .shadow, .formTextArea, .formSelectInput, .selectSearch, .ui-autocomplete, .selectOptionsInner { -moz-box-shadow: 0px 2px 3px #bababa; -webkit-box-shadow: 0px 2px 3px #bababa; box-shadow: 0px 2px 3px #bababa; } /* line 576, ../sass/core/_global.scss */ .shadowMod1, .layoutContainer .layoutContent .layoutHeader, .layoutHeaderAlpha { -moz-box-shadow: 0px 2px 3px #e6e6e6; -webkit-box-shadow: 0px 2px 3px #e6e6e6; box-shadow: 0px 2px 3px #e6e6e6; } /* ##Styles */ /* ### Float Styles floatRight and floatLeft classes mostly to be used as sielent or non sielent extent
floatLeft
floatRight
floatNone
.floatLeft {
@extend %floatLeft;
} %floatLeft{
float:left;
}
####Example .someClass{
@extend %floatLeft;
} */ /* line 625, ../sass/core/_global.scss */ .floatLeft, .arrowBox, .iconSetPosStyleOne, .iconSetFull.iconSetFullStyleSix.iconSetFullStyleSixMod1, .iconNotRegistered, .iconRegistered, .iconApproved, .iconChangeRequested, h2.modalHeader, .modalSubHeader, .modalHeaderDesc, .helpToolBox li em, .noteBox .noteBoxText h1 em, .noteBox .noteBoxText h1 .descText, .noticeBoxWrapper li, .messageBubble .messageBubbleContent .infoIcon, .messageBubble .messageBubbleContent .messageText, .contentDialog .contentDialogSubTitles, .topMenu .topMenuItem .topMenuItemLink .iconDropWrapperTopNav, .topMenu .topMenuItem .topMenuItemLink .linkIconTextLabel, .footerCMSContentPanel dt, .footerCMSContentPanel dd, .footerCMSContentPanel table, .pageDetailHeaderWrapper .pageDetailHeader, .pageDetailHeaderWrapper .pageDetailIcon, .pageDetailHeaderWrapper .pageDetails .pageDetailItem, .sectionHeaderWrapper .sectionHeader, .setQuarter, .setHalf, .rowWrapMod1 .colWrap, .setThird, .setTwoThirds, .spaceWrapper, .modalLogoContainer, .modalBrandContainer, .globalContentWrapper .sectionHeader, .detailedViewExpanded .detailedViewContainer, .dataSummary, .dataSummary dt, .dataSummary dd, .listType5 .listItemWrapper .listItemContentMod1 .requestSummary .headerSummary dt, .listType5 .listItemWrapper .listItemContentMod1 .requestSummary .headerSummary dd, .detailedViewCollapsed .detailedViewInfo, .multiAccountHeadContainer .iconSetBorder.iconSetBorderHeavy, .headerWrapAlpha .mainHeaderItem, .ftueContainer li, .inputStyleAlignOne, .stageBaseLabel, .expandedContent .formBlock, .formBlock .inputContainer, .formBlock .inputAddContainer, .formLabel.formLabelStyleOne, .formLabel.formLabelStyleTwo, .formLabelAppDetail.formLabelStyleOne, .formBlockContainerMod2 .formBlock, .formBlockContainerMod3 .formBlock, .formBlockContainerMod3 .formBlockModButtonLeft, .formBlockContainerMod4 .formBlockMod3 .radioGroup li input, .formBlockContainerMod4 .formBlockMod3 .radioGroup li label, .inlineList li, .dataDownloadDeleteOverlayViewPanel .desc, .dataDownloadDeleteOverlayViewPanel .actionItems, .definitionList dt, .definitionList dd, .editContainer .radioOptions, .endRepeat, .smsCodeWrap, .smsCodeWrap .smsCodeWrapContainer, .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap, .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionWrap, span.listContentWrap, .messageAlertsItem, .headerTextItem.headerTextItemMod7, .navWrap a:first-child, .slidesPos .iconSetBorder.iconSetBorderHeavy, .slidesPos a.bullet, .innerListContainer .innerList li .innerListItemContent span:first-child, .baseLink .iconlink, .actionWrapper .sectionHeader, .actionWrapper li, .toggleMenuLineItem, .toggleMenuLineWrap .toggleMenuLineItem, .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .menuAction .desc, .toggleMenuLineThirdlevel .toggleMenuLineItem, .toolContainer li, .actionContainer li, .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel .formBlockContainerMod4 .actionWrapper, .tableHeader .textTransTable, .tableHeader.tableHeaderStyleTwo th h3, .tableHeader.tableHeaderStyleTwo td h3, .transactionDefinition dt, .transactionDefinition.transactionDefinitionMod2 dt, .transactionDefinition.transactionDefinitionMod3 dd, .dataTableMod4 .taskWaitingApproverList li .status, .dataTableMod4 .taskWaitingApproverList li .status span, .dataTableMod4 .daysInfo, .summaryPanel ul li, .summaryPanel.summaryPanelStyleThree ul li .summeryQuickDisplay, .todayPanel ul.tdDesc.tdDescStyleTwo, .smallBrandLogo { float: left; } /* line 629, ../sass/core/_global.scss */ .floatRight, .numeric, .iconSetPosStyleTwo, .messageBox, .messageBubble .messageBubbleTools li, .topMenuPos, .pageDetailHeaderWrapper .pagepageDetailSubHeader, .sectionHeaderWrapper .sectionAction, .globalContentWrapper .sectionAction, .listType5 .listItemWrapper .listItemContentMod1 .requestSummary, .detailedViewCollapsed .detailedViewInfoMod1, .formBlockContainerMod3 .formBlockModButton, .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 .formBlockMod17 .primaryButton, .dataDownloadDeleteOverlayViewPanel .actionItems .actionWrapper, .listContent.listContentMod2Summary, .editContainer, .editContainer .removeOption, .navWrap a:last-child, .actionButtonIcon em, .actionButtonIcon .iconarrowfulldown, .actionWrapper .sectionAction, .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .menuAction .counts, .headerTools, .tableHeader .textTransTableMod1, .topPagination, .todayPanel ul.tdDesc.tdDescStyleOne { float: right!important; } /* line 634, ../sass/core/_global.scss */ .modalBox .modalContent { float: none!important; } /* ### Text Alignment Mixin Example of use: .someClass{ @include textAlign(center); } */ /* ### Text Decoration Mixin Example of use: .someClass{ @include textDeco(underline); } */ /* ### Text Transform Mixin Example of use: .someClass{ @include textTrans(uppercase); } */ /* line 689, ../sass/core/_global.scss */ .verticalMiddle { vertical-align: middle; } /* ##Cursor & noCursor Creates a cursor class in sielent mode and a class is for direct applying a class to a dive
Text here will have a cursor when rolled over
Cursor will be default */ /* line 705, ../sass/core/_global.scss */ .cursor, .multiAccountHeadContainerMod1:hover, .selectContainer a, .hover, .resultItemHover, h5.name, .ui-autocomplete li a, .selectSlideOptions ul, .dataTableRow.dataTableFullHover:hover, .dataTableRow:hover, .tablesorter-header, .paginationPull { cursor: pointer; } /* line 708, ../sass/core/_global.scss */ .noCursor, .noCursor:hover, .dataTableRow.dataTableFullHover.notExpandable:hover { cursor: default !important; } /* line 716, ../sass/core/_global.scss */ .noCursor { pointer-events: none; } /* line 719, ../sass/core/_global.scss */ .noCursor:hover { pointer-events: none; } /* line 725, ../sass/core/_global.scss */ .defaultCursor { cursor: default !important; } /* ##Display and hide elements Creates a curser class in sielent mode and a class is for direct applying a class to a dive
%textIndentOff - ( obsolete will be using mixing to be removed)

####.hidden

< --- text element is hidden but still as ablock available ####%block, .block

Class applied to a HTML element

This is a block element

#####Extended %block in silent mode inside a class Use silent mode for class elements inside the CSS .createBlock{
@extend %block;
} ####%inline, .inline

Class applied to a HTML element

This class converts a block in to ainline element

#####Extended %inline in silent mode inside a class Use silent mode for class elements inside the CSS

.createInline{
@extend %inline;
####%inlineBlock, .inlineBlock

Class applied to a HTML element

This class converts a block in to inline-block element

#####Extended %inlineBlock in silent mode inside a class Use silent mode for class elements inside the CSS

.createInlineBlock{
@extend %inlineBlock;
*/ /* line 797, ../sass/core/_global.scss */ .ui-loader, .noDisplay { display: none!important; } /* line 800, ../sass/core/_global.scss */ .noShow { display: none; } /* line 804, ../sass/core/_global.scss */ .hidden, caption { visibility: hidden; } /* line 808, ../sass/core/_global.scss */ .iconNotRegistered, .iconRegistered, .iconApproved, .iconChangeRequested, h1.modalHeader, h2.modalHeader, h3.modealSubHeader, .modalSubHeader, .modalHeaderDesc, .noticeBox, .messageWidthIcon, .messageBubble .messageBubbleTools, .messageBubble .messageBubbleContent .infoIcon, .topMenu .block, .topMenu .diverterLine, .topMenu .dataTableInnerBoxFullMod2 .title, .dataTableInnerBoxFullMod2 .topMenu .title, .topMenu .modalBG, .topMenu .multiplePanelContent, .topMenu .formLabel, .topMenu .formLabelAppDetail, .topMenu .formOutputLabel, .topMenu .repeatEndDateWrapper.formFieldMessageError, .topMenu .formFieldMessage, .topMenu .contentBlock, .topMenu .contentOutputLabel2, .topMenu .resultItem, .topMenu .ui-autocomplete .ui-menu-item, .ui-autocomplete .topMenu .ui-menu-item, .topMenu .filterContainer, .topMenu .ui-autocomplete .ui-menu-item .autoCompleteNoMatch, .ui-autocomplete .ui-menu-item .topMenu .autoCompleteNoMatch, .topMenu .ui-autocomplete li, .ui-autocomplete .topMenu li, .topMenu .listContentWrap .title, .listContentWrap .topMenu .title, .sectionHeaderWrapper, .spaceWrapper, .modalBox .modalContentMod3, .detailedViewExpanded .layoutMainHeaderItem, .dataSummary dd, .dataSummary .ddAlign, .detailedViewCollapsed:after, .formBlock, .formFieldMessageError, .selectOpen .selectOptions, .selectOptions a, .selectOptions a:link, .selectOptions a:visited, .formBlockContainer .formBlockMod1, .formBlockContainerMod3 .formBlock, .formBlockContainerMod4 label, .dataDownloadDeleteOverlayViewPanel .desc, .dataDownloadDeleteOverlayViewPanel .actionItems, .fixContent, .fixContentMod1, .contentOutputCompLabel, .dateScheduleLink, .accontSelectContainer, .actionWrapper li, .actionWrapper.actionWrapperTertiary, .actionWrapper.actionWrapperMod4, .actionWrapperMod5, .sublinkWrapper, .formCalculationContainer .addIconContainer, .formCalculationContainer .subIconContainer, .formCalculationContainer .addIconContainer em, .formCalculationContainer .subIconContainer em, .ui-state-active .toggleArrowWrap, .ftueSlideOne, .ftueSlideTwo, .ftueSlideThree, .dataTableInfo, .day, .month, .year, .footerSmoke, .tableRowBreak, .tableRowBreakFixed, .dataTableMod4 .taskWaitingApproverList li .status, .dataTableMod4 .taskWaitingApproverList li .status span, .summaryPanel .title, #sfc-container .arcWrapper .arcMask, #sfc-container .arcWrapper span, #sfc-container .arcWrapper .arcLabel, #sfc-container .arcWrapper .arcLabel em, .expandViewContainer, .utilCopyright, .bankofmelbourne, .bank-of-melbourne, .bankofsa, .st.george, .stgeorge, .Westpac, .westpac, .bt, .smallBrandLogo, .block, .diverterLine, .dataTableInnerBoxFullMod2 .title, .modalBG, .multiplePanelContent, .formLabel, .formLabelAppDetail, .formOutputLabel, .repeatEndDateWrapper.formFieldMessageError, .formFieldMessage, .contentBlock, .contentOutputLabel2, .resultItem, .ui-autocomplete .ui-menu-item, .filterContainer, .ui-autocomplete .ui-menu-item .autoCompleteNoMatch, .ui-autocomplete li, .listContentWrap .title { display: block; } /* line 813, ../sass/core/_global.scss */ .iconDropWrapper, .inline { display: inline; } /* line 818, ../sass/core/_global.scss */ .iconSet, .iconSetBorder, .iconSetBorder.iconSeticonSetBorderDrop, .iconSetFull, .messageIcon, .iconSet em, .iconSetBorder em, .iconSetBorder.iconSeticonSetBorderDrop em, .iconSetFull em, .messageIcon em, .iconempty, .toolAction, .iconLinkLabel, .iconPlaceholder, .labelIcons, .iconLoader, .iconWLoader, .iconWrapper, .iconWrapper a .iconcalendar, .iconAlignMod1, .messageFtueIcon, .percentFtueIcon, .accountFtueIcon, .moveFtueIcon, .iconModAlign1 .textFragmentMod2, .capitalise, .modalForm .warningBox .noticeBoxWrapper li:last-child, .modalForm .successBox .noticeBoxWrapper li:last-child, .helpToolBox li em, .noticeBoxWrapper li, .dataTableInnerBoxFull .noticeBoxWrapper li:last-child, .iconArrowHelpLeft, .iconArrowHelpLeftModRegPageTwo, .messageDisplay, .messageBubble .messageBubbleContent .messageText, .messageBubble .arrowLeft, .messageBubble .arrowTop, .messageBubble .arrowBottom, .messageBubble .firstExperienceInvestor .messageBubbleMessage .arrowLeft, .firstExperienceInvestor .messageBubbleMessage .messageBubble .arrowLeft, .messageBubble .messageBubbleNavigation .arrowLeft, .messageBubbleNavigation .messageBubble .arrowLeft, .messageBubble .messageBubbleFeedback .arrowBottom, .messageBubbleFeedback .messageBubble .arrowBottom, .messageBubble .messageBubbleDetails .arrowTop, .messageBubbleDetails .messageBubble .arrowTop, .messageBubble .messageBubbleAdviser .arrowTop, .messageBubbleAdviser .messageBubble .arrowTop, .messageBubble .firstExperienceInvestor .messageBubbleNavigation .arrowLeft, .firstExperienceInvestor .messageBubbleNavigation .messageBubble .arrowLeft, .contentDialog .contentDialogList li .accountTotal, .topMenu .topMenuItem .topMenuItemLink .linkIconTextLabel, .topMenu .topMenuItem .topMenuItemLink .userName, .topMenu .topMenuMenuItemMain, .topMenu .topMenuMenuItemMain .topMenuItemTxtName, .topMenu .globalContentWrapper .topMenuItemTxtName, .pageDetailHeaderWrapper .pageDetailHeader h1, .pageDetailHeaderWrapper .pageDetailHeader p, .pageDetailHeaderWrapper .pagepageDetailSubHeader h2, .sectionHeaderWrapper.sectionHeaderWrapperMod1 .sectionAction, .expandArrow, .contentDialogMod1 .expandArrow.expandArrowMod3, .globalContentWrapper .sectionAction em, .detailedViewCollapsed .detailedViewInfo .stringTruncate, .detailedViewCollapsed .detailedViewInfo dt, .detailedViewCollapsed .detailedViewInfo dd, .multiAccountHeadContainer, .multiAccountHeadContainer a, .iconModAlign1, .itemSeparator span, .stageBaseLabel, .stageInset, .contentOutput, .expandedContent .formBlock, .formBlock span, .inputWrapper, .formLabelCheckBox, .formLabel.formLabelStyleOne, .formLabel.formLabelStyleTwo, .formLabelAppDetail.formLabelStyleOne, .formCurrency, .formBlockContainer .formBlockMod4, .formBlockContainerMod2 .formBlock, .formBlockContainerMod3 .formBlockModButton, .formBlockContainerMod3 .formBlockModButtonLeft, .formBlockContainerMod4 .formBlockMod3 .radioGroup li, .bglDataDownloadLinkOptionsContainer, .listContent.listContentMod2 .stringTruncate, .editContainer, .editContainer .radioOptionsLabel, .endRepeat, .thirdNavWrapper, .thirdNavContainer, h5.name, .accountLabel, .accountData, .ui-datepicker .ui-datepicker-current-day a, .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .iconinformationMod1, .sectionContentItemMod3 .listContentWrap .stringTruncate, .listContentWrap .stringTruncate, .listContentItemTextItemWrap, .navWrap, .navWrap a.navItem, .emWrap, .actionButtonIcon, .primaryLinkMod1, .formFooterWrap .formFooterAction .formFooterActionItem, .actionBlockAnchor, .actionWrapper .sectionHeader, .actionWrapper .sectionHeader h2, .actionWrapper.actionWrapPrimary li:last-child a, .actionWrapper li:last-child a, .actionWrapper.actionWrapperTertiary li, .actionWrapperContainer li.actionItem a.actionItemLink, .actionLinkItem, .actionLinkItem span, .formCalculationContainer, .toggleMenuLineItem, .toggleMenuLineItem .textLink, .toggleMenuLineThirdlevel .toggleMenuLineItem, .headerTools, .toolIcons, .dataExpandCell a, .transactionDefinition.transactionDefinitionMod3 dt, .transactionDefinition.transactionDefinitionMod3 dd, .transactionDefinition.transactionDefinitionMod3 dd .ddIcon, .summaryPanel ul li, .todayPanel ul.tdDesc li, #sfc-container .arcWrapper, #sfc-container .arcWrapper .arcLabel input, .inlineBlock, .modalMessage em, .contentOutput2, .contentFullOutput, .assistInputField, .ui-autocomplete .ui-menu-item .autoCompleteNoMatch a, .ui-datepicker ui-datepicker-month .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-title, .smallWizard, .dailyLimitValue, .primaryButton { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; } /* ##Positioning Styles ####%relative, .relative

Class applied to a HTML element

This element becomes a relative positon

#####Extended %relative in silent mode inside a class Use silent mode for class elements inside the CSS .makeMeRelative{
@extend %relative;
*/ /* line 850, ../sass/core/_global.scss */ .iconSet, .iconSetBorder, .iconSetBorder.iconSeticonSetBorderDrop, .iconSetFull, .messageIcon, .toolAction, .labelIcons, .iconLoader, .iconWrapper, .noticeBox, .topMenu .topMenuItem, .detailedViewExpanded, .bglDataDownloadForm, .stageBaseLabel, .formBlock, .inputWrapper, .selectOptionsInner, .selectContainer, .selectToggle, .selectOpen, .dk_fouc select, .formBlockContainer .formBlockMod1, .permissionsHelpContentWrapper, .primaryButton, .toolIcons, .tableContainer, .footerSmokeContainer, .pagination, #sfc-container .arcOuterWrapper, .relative, .pageDetailHeaderWrapper .pageDetails .pageDetailItemMod1, .panelBox, #slidingSlider, .headingWrapper .panelTitle, .actionWrapperContainer li.actionItem, .actionWrapperContainer li.actionItem a.actionItemLink, .tableContent, .dataTableInfoBox { position: relative; } /* line 854, ../sass/core/_global.scss */ .absolute, .modalMessage, .selectSearch, .ui-autocomplete, .payAnyoneSlider, .bpayPayeeSlider, .selectSlideOptions > ul > li:hover:after { position: absolute; } /* line 857, ../sass/core/_global.scss */ .fixed { position: fixed; } /* line 862, ../sass/core/_global.scss */ .setLineHeight { line-height: 20px; line-height: 2rem; } /* line 865, ../sass/core/_global.scss */ .resetLineHeight { line-height: 15px; line-height: 1.5rem; } /* line 869, ../sass/core/_global.scss */ .diverterLine { border-bottom: 1px #999999 solid; float: left; width: 95%; } /* line 876, ../sass/core/_global.scss */ .noWrap { white-space: nowrap; } /* line 881, ../sass/core/_global.scss */ a, a:focus, :focus a:hover, a:active, em, p, span, div, th, td { outline: 1px; } /*a:focus{ .text{ background-color: #FFD636; } } */ /* line 889, ../sass/core/_global.scss */ input::-moz-focus-inner { border: 1px; } /* line 892, ../sass/core/_global.scss */ .clearBoth, .noteBox .noteBoxText ul.blockdecorlist li ul, .formBlock, .formBlockContainer .formBlockMod1, .contentBlock, .toolContainer, .tableContainer .dataTable { clear: both; } /* line 896, ../sass/core/_global.scss */ :focus { outline: none!important; } /* line 900, ../sass/core/_global.scss */ a:focus, input:focus, select:focus, textarea:focus, formBlockContainer :focus, ui-datepicker :focus { outline: 1px dotted #fed648 !important; } /* line 904, ../sass/core/_global.scss */ .autoMargin { margin: 0 auto; } /* line 907, ../sass/core/_global.scss */ .resetMargin { margin: 0; } /* line 910, ../sass/core/_global.scss */ .resetFirstMargin { margin-left: 0px; } /* line 913, ../sass/core/_global.scss */ .setFirstGutter { margin-left: 20px; } /* line 916, ../sass/core/_global.scss */ .setLastGutter { margin-right: 20px; } /* line 920, ../sass/core/_global.scss */ .setTopGutter { margin-top: 20px; } /* line 923, ../sass/core/_global.scss */ .setBottomGutter { margin-bottom: 20px; } /* line 927, ../sass/core/_global.scss */ .borderButton { border-color: #fff; border-style: solid; border-width: 1px; } /*###Border styles */ /* line 939, ../sass/core/_global.scss */ .startBorder, .dataTableInfoBox { border-top: 1px #dddddd solid; } /* line 943, ../sass/core/_global.scss */ .firstBorder { border-left: 1px #dddddd solid; } /* line 947, ../sass/core/_global.scss */ .lastBorder { border-right: 1px #dddddd solid; } /* line 951, ../sass/core/_global.scss */ .endBorder, .pageDetailHeaderWrapper .pageDetails, .tableRowBreak, .tableRowBreakFixed { border-bottom: 1px #dddddd solid; } /* line 955, ../sass/core/_global.scss */ .allBorder { border-color: #dddddd; border-width: 1px; border-style: solid; } /* line 960, ../sass/core/_global.scss */ .unSelect { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; } /* line 966, ../sass/core/_global.scss */ .dataTableInfo, .setOverFlow { overflow: hidden; } /* ##Alignment of Alpha or numeric Values

1234
*/ /* line 976, ../sass/core/_global.scss */ .numeric { text-align: right; } /*##Mixin for rotation */ /* line 1008, ../sass/core/_global.scss */ body { font-size: 14px; font-size: 1.4rem; } /* line 1014, ../sass/core/_global.scss */ .arrowBox.primaryArrow:after, .arrowBox.positiveArrow:after { border-width: 22px; top: 50%; margin-top: -22px; } /* line 1020, ../sass/core/_global.scss */ .arrowBox.primaryArrow.primaryArrowSingle:after { border-width: 16px; top: 50%; margin-top: -16px; } /* line 1026, ../sass/core/_global.scss */ .arrowBox { line-height: 1.2rem; position: relative; height: auto; width: auto; color: white; font-size: 11px; font-size: 1.1rem; text-transform: uppercase; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; margin: 0px 40px 0px 0px; margin: 0rem 4rem 0rem 0rem; } /* line 1028, ../sass/core/_global.scss */ .arrowBox.primaryArrow { background-color: #0095c8; } /* line 1030, ../sass/core/_global.scss */ .arrowBox.primaryArrow:after { border-color: rgba(0, 149, 200, 0); border-left-color: #0095c8; } /* line 1041, ../sass/core/_global.scss */ .arrowBox.positiveArrow { background-color: #6ba33e; } /* line 1043, ../sass/core/_global.scss */ .arrowBox.positiveArrow:after { border-color: rgba(0, 149, 200, 0); border-left-color: #6ba33e; } /* line 1060, ../sass/core/_global.scss */ .arrowBox:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /* line 1069, ../sass/core/_global.scss */ .arrowBox:after { border-width: 20px; top: 50%; margin-top: -20px; } /* ##Icon Fonts ###Custom Icon Fonts Font-face import */ @font-face { font-family: 'btfinicons'; src: url("../fonts/btfinicons.eot"); src: url("../fonts/btfinicons.eot?#iefix") format("embedded-opentype"), url("../fonts/btfinicons.svg#btfinicons") format("svg"), url("../fonts/btfinicons.woff") format("woff"), url("../fonts/btfinicons.ttf") format("truetype"); } /* Use the following CSS code if you want to use data attributes for inserting your icons */ /* line 35, ../sass/icons/_font-icon.scss */ [data-icon]:before { font-family: 'btfinicons'; content: attr(data-icon); font-variant: normal!important; font-weight: normal!important; font-style: normal!important; speak: none; line-height: 1.7rem; vertical-align: middle!important; text-decoration: none; text-transform: none; -webkit-font-smoothing: none; -webkit-text-stroke: 0.5px; -moz-osx-font-smoothing: grayscale; font-smooth: none; } /* Use the following CSS code if you want to have a class per icon `````` */ /* line 152, ../sass/icons/_font-icon.scss */ .iconup, .iconthinarrowright, .iconBPAYPortrait, .iconBPAYlandscape, .icontalk, .iconstop, .iconsearch, .iconrefresh, .iconChangeRequested, .iconprint, .iconmobile, .iconlist, .iconhome, .iconfolder, .icondocumentupload, .icondocumentdownload, .icondocument, .iconcompany, .iconchevron, .iconcalendar, .iconviewdisabled, .iconview, .iconuploadCloud, .icontransfer, .icontime, .iconshare, .iconplus, .iconnotes, .iconmobileout, .iconmobilein, .iconmenu, .iconlinked, .iconlink, .iconindividual, .icongroup, .icongraphBar, .iconfilter, .iconemail, .iconedit, .icondownloadCloud, .iconwarning, .warningBox .messageIcon .iconItem, .icontrash, .icontick, .iconApproved, .iconstockup, .iconstockdown, .iconretry, .happeningBox .messageIcon .iconItem, .iconprimary, .iconphone, .iconmoneyout, .iconmoneyin, .iconlocationpin, .iconindividualsummary, .iconhelp, .icongraphPie, .iconcash, .iconbpay, .iconsucess, .successBox .messageIcon .iconItem, .iconsubtract, .iconplay, .iconpersonalsummary, .iconinformation, .informationBox .messageIcon .iconItem, .iconhalfstar, .iconfullstar, .iconbullet, .iconadd, .iconaddperson, .iconalertsalt, .iconapprover, .iconarrowdown, .iconarrowfullright, .iconarrowleft, .iconarrowright, .iconarrowup, .iconarrowfulldown, .iconarrowfullup, .iconclose, .modalClose, .iconslimarrowdown, .iconnew, .iconemailResend, .icontasks, .iconpause, .iconwarningCircle, .iconadvisor, .iconstar, .iconregistered, .icontermdeposit, .iconsignout, .iconsettings, .iconsavedesktop, .iconsave, .icondownload, .iconcheck, .iconbest, .iconalerts, .iconaccountcompany, .iconaccountjoint, .iconaccounttrust, .iconaccountindividual, .iconcaps, .iconaccountsmsf, .iconmailclear, .iconcancel, .iconmailopen, .icondownloadmenu { font-family: 'btfinicons'; font-size: 16px; font-size: 1.6rem; font-variant: normal!important; font-weight: normal!important; font-style: normal!important; speak: none; line-height: 1.7rem; vertical-align: middle!important; text-decoration: none; text-transform: none; -webkit-font-smoothing: none; -webkit-text-stroke: 0.5px; -moz-osx-font-smoothing: grayscale; font-smooth: none; } /* Use the following CSS code if you want to have a class per icon */ /* ###iconup ``` Icon text here ``` */ /* line 174, ../sass/icons/_font-icon.scss */ .iconup:before { content: "\e000"; } /* line 177, ../sass/icons/_font-icon.scss */ .iconthinarrowright:before { content: "\e001"; } /* line 180, ../sass/icons/_font-icon.scss */ .iconBPAYPortrait:before { content: "\e002"; } /* line 183, ../sass/icons/_font-icon.scss */ .iconBPAYlandscape:before { content: "\e003"; } /* line 186, ../sass/icons/_font-icon.scss */ .icontalk:before { content: "\e004"; } /* line 189, ../sass/icons/_font-icon.scss */ .iconstop:before { content: "\e005"; } /* line 192, ../sass/icons/_font-icon.scss */ .iconsearch:before { content: "\e006"; } /* line 195, ../sass/icons/_font-icon.scss */ .iconrefresh:before, .iconChangeRequested:before { content: "\e007"; } /* line 198, ../sass/icons/_font-icon.scss */ .iconprint:before { content: "\e008"; } /* line 201, ../sass/icons/_font-icon.scss */ .iconmobile:before { content: "\e009"; } /* line 204, ../sass/icons/_font-icon.scss */ .iconlist:before { content: "\e00a"; } /* line 207, ../sass/icons/_font-icon.scss */ .iconhome:before { content: "\e00b"; } /* line 210, ../sass/icons/_font-icon.scss */ .iconfolder:before { content: "\e00c"; } /* line 213, ../sass/icons/_font-icon.scss */ .icondocumentupload:before { content: "\e00d"; } /* line 216, ../sass/icons/_font-icon.scss */ .icondocumentdownload:before { content: "\e00e"; } /* line 219, ../sass/icons/_font-icon.scss */ .icondocument:before { content: "\e00f"; } /* line 222, ../sass/icons/_font-icon.scss */ .iconcompany:before { content: "\e010"; } /* line 225, ../sass/icons/_font-icon.scss */ .iconchevron:before { content: "\e011"; } /* line 228, ../sass/icons/_font-icon.scss */ .iconcalendar:before { content: "\e012"; } /* line 231, ../sass/icons/_font-icon.scss */ .iconviewdisabled:before { content: "\e013"; } /* line 234, ../sass/icons/_font-icon.scss */ .iconview:before { content: "\e014"; } /* line 237, ../sass/icons/_font-icon.scss */ .iconuploadCloud:before { content: "\e015"; } /* line 240, ../sass/icons/_font-icon.scss */ .icontransfer:before { content: "\e016"; } /* line 243, ../sass/icons/_font-icon.scss */ .icontime:before { content: "\e017"; } /* line 246, ../sass/icons/_font-icon.scss */ .iconshare:before { content: "\e018"; } /* line 249, ../sass/icons/_font-icon.scss */ .iconplus:before { content: "\e019"; } /* line 252, ../sass/icons/_font-icon.scss */ .iconnotes:before { content: "\e01a"; } /* line 255, ../sass/icons/_font-icon.scss */ .iconmobileout:before { content: "\e01b"; } /* line 258, ../sass/icons/_font-icon.scss */ .iconmobilein:before { content: "\e01c"; } /* line 261, ../sass/icons/_font-icon.scss */ .iconmenu:before { content: "\e01d"; } /* line 264, ../sass/icons/_font-icon.scss */ .iconlinked:before { content: "\e01e"; } /* line 267, ../sass/icons/_font-icon.scss */ .iconlink:before { content: "\e01f"; } /* line 270, ../sass/icons/_font-icon.scss */ .iconindividual:before { content: "\e020"; } /* line 273, ../sass/icons/_font-icon.scss */ .icongroup:before { content: "\e021"; } /* line 276, ../sass/icons/_font-icon.scss */ .icongraphBar:before { content: "\e022"; } /* line 279, ../sass/icons/_font-icon.scss */ .iconfilter:before { content: "\e023"; } /* line 282, ../sass/icons/_font-icon.scss */ .iconemail:before { content: "\e024"; } /* line 285, ../sass/icons/_font-icon.scss */ .iconedit:before { content: "\e025"; } /* line 288, ../sass/icons/_font-icon.scss */ .icondownloadCloud:before { content: "\e026"; } /* line 291, ../sass/icons/_font-icon.scss */ .iconwarning:before, .warningBox .messageIcon .iconItem:before { content: "\e027"; } /* line 294, ../sass/icons/_font-icon.scss */ .icontrash:before { content: "\e028"; } /* line 297, ../sass/icons/_font-icon.scss */ .icontick:before, .iconApproved:before { content: "\e029"; } /* line 300, ../sass/icons/_font-icon.scss */ .iconstockup:before { content: "\e02a"; } /* line 303, ../sass/icons/_font-icon.scss */ .iconstockdown:before { content: "\e02b"; } /* line 306, ../sass/icons/_font-icon.scss */ .iconretry:before, .happeningBox .messageIcon .iconItem:before { content: "\e02c"; } /* line 309, ../sass/icons/_font-icon.scss */ .iconprimary:before { content: "\e02d"; } /* line 312, ../sass/icons/_font-icon.scss */ .iconphone:before { content: "\e02e"; } /* line 315, ../sass/icons/_font-icon.scss */ .iconmoneyout:before { content: "\e02f"; } /* line 318, ../sass/icons/_font-icon.scss */ .iconmoneyin:before { content: "\e030"; } /* line 321, ../sass/icons/_font-icon.scss */ .iconlocationpin:before { content: "\e031"; } /* line 324, ../sass/icons/_font-icon.scss */ .iconindividualsummary:before { content: "\e032"; } /* line 327, ../sass/icons/_font-icon.scss */ .iconhelp:before { content: "\e033"; } /* line 330, ../sass/icons/_font-icon.scss */ .icongraphPie:before { content: "\e034"; } /* line 333, ../sass/icons/_font-icon.scss */ .iconcash:before { content: "\e035"; } /* line 336, ../sass/icons/_font-icon.scss */ .iconbpay:before { content: "\e036"; } /* line 339, ../sass/icons/_font-icon.scss */ .iconsucess:before, .successBox .messageIcon .iconItem:before { content: "\e037"; } /* line 342, ../sass/icons/_font-icon.scss */ .iconsubtract:before { content: "\e038"; } /* line 345, ../sass/icons/_font-icon.scss */ .iconplay:before { content: "\e039"; } /* line 348, ../sass/icons/_font-icon.scss */ .iconpersonalsummary:before { content: "\e03a"; } /* line 351, ../sass/icons/_font-icon.scss */ .iconinformation:before, .informationBox .messageIcon .iconItem:before { content: "\e03c"; } /* line 354, ../sass/icons/_font-icon.scss */ .iconhalfstar:before { content: "\e03d"; } /* line 357, ../sass/icons/_font-icon.scss */ .iconfullstar:before { content: "\e03e"; } /* line 360, ../sass/icons/_font-icon.scss */ .iconbullet:before { content: "\e03f"; } /* line 363, ../sass/icons/_font-icon.scss */ .iconadd:before { content: "\e040"; } /* line 366, ../sass/icons/_font-icon.scss */ .iconaddperson:before { content: "\e041"; } /* line 369, ../sass/icons/_font-icon.scss */ .iconalertsalt:before { content: "\e042"; } /* line 372, ../sass/icons/_font-icon.scss */ .iconapprover:before { content: "\e043"; } /* line 375, ../sass/icons/_font-icon.scss */ .iconarrowdown:before { content: "\e044"; } /* line 378, ../sass/icons/_font-icon.scss */ .iconarrowfullright:before { content: "\e045"; } /* line 381, ../sass/icons/_font-icon.scss */ .iconarrowleft:before { content: "\e046"; } /* line 384, ../sass/icons/_font-icon.scss */ .iconarrowright:before { content: "\e047"; } /* line 387, ../sass/icons/_font-icon.scss */ .iconarrowup:before { content: "\e048"; } /* line 390, ../sass/icons/_font-icon.scss */ .iconarrowfulldown:before, .iconarrowfullup:before { content: "\e049"; } /* line 393, ../sass/icons/_font-icon.scss */ .iconclose:before, .modalClose:before { content: "\e04a"; } /* line 396, ../sass/icons/_font-icon.scss */ .iconslimarrowdown:before { content: "\e04b"; } /* line 399, ../sass/icons/_font-icon.scss */ .iconnew:before { content: "\e04c"; } /* line 402, ../sass/icons/_font-icon.scss */ .iconemailResend:before { content: "\e04d"; } /* line 405, ../sass/icons/_font-icon.scss */ .icontasks:before { content: "\e04e"; } /* line 408, ../sass/icons/_font-icon.scss */ .iconpause:before { content: "\e04f"; } /* line 411, ../sass/icons/_font-icon.scss */ .iconwarningCircle:before { content: "\e050"; } /* line 414, ../sass/icons/_font-icon.scss */ .iconadvisor:before { content: "\e051"; } /* line 417, ../sass/icons/_font-icon.scss */ .iconstar:before { content: "\e052"; } /* line 420, ../sass/icons/_font-icon.scss */ .iconregistered:before { content: "\e053"; } /* line 423, ../sass/icons/_font-icon.scss */ .icontermdeposit:before { content: "\e054"; } /* line 426, ../sass/icons/_font-icon.scss */ .iconsignout:before { content: "\e055"; } /* line 429, ../sass/icons/_font-icon.scss */ .iconsettings:before { content: "\e056"; } /* line 432, ../sass/icons/_font-icon.scss */ .iconsavedesktop:before { content: "\e057"; } /* line 435, ../sass/icons/_font-icon.scss */ .iconsave:before { content: "\e058"; } /* line 438, ../sass/icons/_font-icon.scss */ .icondownload:before { content: "\e059"; } /* line 441, ../sass/icons/_font-icon.scss */ .iconcheck:before { content: "\e05a"; } /* line 444, ../sass/icons/_font-icon.scss */ .iconbest:before { content: "\e05b"; } /* line 447, ../sass/icons/_font-icon.scss */ .iconalerts:before { content: "\e05c"; } /* line 450, ../sass/icons/_font-icon.scss */ .iconaccountcompany:before { content: "\e05d"; } /* line 453, ../sass/icons/_font-icon.scss */ .iconaccountjoint:before { content: "\e05e"; } /* line 456, ../sass/icons/_font-icon.scss */ .iconaccounttrust:before { content: "\e060"; } /* line 459, ../sass/icons/_font-icon.scss */ .iconaccountindividual:before { content: "\e061"; } /* line 462, ../sass/icons/_font-icon.scss */ .iconcaps:before { content: "\e062"; } /* line 465, ../sass/icons/_font-icon.scss */ .iconaccountsmsf:before { content: "\e05f"; } /* line 468, ../sass/icons/_font-icon.scss */ .iconmailclear:before { content: "\e03b"; } /* line 471, ../sass/icons/_font-icon.scss */ .iconcancel:before { content: "\e06f"; } /* line 475, ../sass/icons/_font-icon.scss */ .iconmailopen:before { content: "\e073"; } /* line 478, ../sass/icons/_font-icon.scss */ .icondownloadmenu:before { content: "\e079"; } /* line 482, ../sass/icons/_font-icon.scss */ .iconarrowfullup:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; } /* line 509, ../sass/icons/_font-icon.scss */ .iconnewsProduct, .icontasks24, .icongroup24, .iconhome24, .iconnewsProduct24, .icontransfer24, .icongraphBar24, .iconcompany24, .iconinformation24, .icongraphPie24, .iconclientsearch24, .iconcaps24, .iconindividual24, .iconaccount24, .iconmanageUsers24, .iconreport24, .iconServiceOps24 { font-family: 'btfinicons'; font-variant: normal!important; font-weight: normal!important; font-style: normal!important; speak: none; line-height: 1.7rem; vertical-align: middle!important; text-decoration: none; text-transform: none; -webkit-font-smoothing: none; -webkit-text-stroke: 0.5px; -moz-osx-font-smoothing: grayscale; font-smooth: none; font-size: 24px; -webkit-font-smoothing: aliased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } /* ##Size 24 */ /* ###icontasks ``` Icon text here ``` */ /* line 533, ../sass/icons/_font-icon.scss */ .iconnewsProduct:before { content: "\e600"; } /* line 536, ../sass/icons/_font-icon.scss */ .icontasks24:before { content: "\e063"; } /* line 539, ../sass/icons/_font-icon.scss */ .icongroup24:before { content: "\e064"; } /* line 542, ../sass/icons/_font-icon.scss */ .iconhome24:before { content: "\e065"; } /* line 545, ../sass/icons/_font-icon.scss */ .iconServiceOps24:before { content: "\e079"; } /* line 548, ../sass/icons/_font-icon.scss */ .iconnewsProduct24:before { content: "\e066"; } /* line 551, ../sass/icons/_font-icon.scss */ .icontransfer24:before { content: "\e067"; } /* line 554, ../sass/icons/_font-icon.scss */ .icongraphBar24:before { content: "\e068"; } /* line 557, ../sass/icons/_font-icon.scss */ .iconcompany24:before { content: "\e069"; } /* line 560, ../sass/icons/_font-icon.scss */ .iconinformation24:before { content: "\e06a"; } /* line 563, ../sass/icons/_font-icon.scss */ .icongraphPie24:before { content: "\e06b"; } /* line 566, ../sass/icons/_font-icon.scss */ .iconclientsearch24:before { content: "\e06c"; } /* line 569, ../sass/icons/_font-icon.scss */ .iconcaps24:before { content: "\e06d"; } /* line 572, ../sass/icons/_font-icon.scss */ .iconindividual24:before { content: "\e06e"; } /* line 575, ../sass/icons/_font-icon.scss */ .iconaccount24:before { content: "\e070"; } /* line 578, ../sass/icons/_font-icon.scss */ .iconmanageUsers24:before { content: "\e072"; } /* line 581, ../sass/icons/_font-icon.scss */ .iconreport24:before { content: "\e071"; } /* line 594, ../sass/icons/_font-icon.scss */ .iconaccountsDl, .iconadvisersDl, .iconchangeDl, .iconclientsDl, .icontotalDl { font-family: 'btfinicons'; font-variant: normal!important; font-weight: normal!important; font-style: normal!important; speak: none; line-height: 1.7rem; vertical-align: middle!important; text-decoration: none; text-transform: none; -webkit-font-smoothing: none; -webkit-text-stroke: 0.5px; -moz-osx-font-smoothing: grayscale; font-smooth: none; font-size: 50px; font-size: 5rem; display: block; margin: -0.6rem 0.5rem; } /* ##Illustrations */ /* ###icontasks ``` Icon text here ``` */ /* line 617, ../sass/icons/_font-icon.scss */ .iconaccountsDl:before { content: "\e074"; } /* line 620, ../sass/icons/_font-icon.scss */ .iconadvisersDl:before { content: "\e075"; } /* line 623, ../sass/icons/_font-icon.scss */ .iconchangeDl:before { content: "\e076"; } /* line 626, ../sass/icons/_font-icon.scss */ .iconclientsDl:before { content: "\e077"; } /* line 629, ../sass/icons/_font-icon.scss */ .icontotalDl:before { content: "\e078"; } /* ## Icon Set Positioning */ /* Round Icon elements Full Color Constructs the icon set */ /* line 43, ../sass/icons/_icons.scss */ .iconSet, .iconSetBorder, .iconSetBorder.iconSeticonSetBorderDrop, .iconSetFull, .messageIcon { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; text-align: center; text-decoration: none !important; } /* line 49, ../sass/icons/_icons.scss */ .iconSet em, .iconSetBorder em, .iconSetBorder.iconSeticonSetBorderDrop em, .iconSetFull em, .messageIcon em { height: 1.6rem; width: 1.6rem; margin: auto; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } /* line 58, ../sass/icons/_icons.scss */ .iconSet em.iconLetter, .iconSetBorder em.iconLetter, .iconSetBorder.iconSeticonSetBorderDrop em.iconLetter, .iconSetFull em.iconLetter, .messageIcon em.iconLetter { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } /* ### Iconset with border Icon Name */ /* line 75, ../sass/icons/_icons.scss */ .iconSetBorder { border-color: #454545; border-width: 1px; border-style: solid; height: 4rem; width: 4rem; } /* line 82, ../sass/icons/_icons.scss */ .iconSetBorder:hover { border-color: #0095c8; border-width: 3px; border-style: solid; } /* line 84, ../sass/icons/_icons.scss */ .iconSetBorder:hover em { color: #0095c8; } /* line 89, ../sass/icons/_icons.scss */ .iconSetBorder.noHover:hover em { color: #694e5f; } /* line 91, ../sass/icons/_icons.scss */ .iconSetBorderMod1 { margin-left: 10px; } /* line 98, ../sass/icons/_icons.scss */ .iconSetBorder.iconSetBorderStyleOne { border-color: #ad93a4; border-width: 1px; border-style: solid; color: #694e5f; } /* ## Icon with add on */ /* line 122, ../sass/icons/_icons.scss */ .iconSetBorder.iconSeticonSetBorderDrop:hover { color: #0095c8; } /* line 125, ../sass/icons/_icons.scss */ .iconSetBorder.iconSeticonSetBorderDrop em { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -10px; } /* line 129, ../sass/icons/_icons.scss */ .iconSetBorder.iconSeticonSetBorderDrop span { position: absolute; top: 50%; left: 55%; margin: -13px 0 0 2px; text-decoration: none; font-size: 12px; font-size: 1.2rem; } /* line 139, ../sass/icons/_icons.scss */ .iconSetBorder .iconSetBorderHeavy { border-color: #454545; border-width: 3px; border-style: solid; } /* line 142, ../sass/icons/_icons.scss */ .iconSetBorder .iconSetBorderHeavy:hover { border-color: #0095c8; border-width: 3px; border-style: solid; } /* line 144, ../sass/icons/_icons.scss */ .iconSetBorder .iconSetBorderHeavy:hover em { color: #0095c8; } /* line 159, ../sass/icons/_icons.scss */ .iconSetFull { height: 4rem; width: 4rem; } /* line 163, ../sass/icons/_icons.scss */ .iconSetFull em { color: #fafafa; } /* ### Full Bg Color Icon Name */ /* line 177, ../sass/icons/_icons.scss */ .iconNegativeContent em, .iconSetFull.iconSetFullStyleThree em, .iconSetFull.iconSetFullStyleFour em, .iconSetFull.iconSetFullStyleFive em, .iconSetFull.iconSetFullStyleSix em { color: white; } /* Account types */ /* line 184, ../sass/icons/_icons.scss */ .iconSetAccountType em { width: 40px; height: 40px; font-size: 28px; border: 6px solid #454545; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; } /* line 196, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullPositionOne { margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } /* line 202, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleOne { background: #454545; } /* line 209, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleThree { background: #6ba33e; } /* line 215, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleFour { background: #694e5f; } /* line 221, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleFive { background: #e62615; } /* line 226, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleSix { background: #454545; color: white; font-size: 20px; font-size: 2rem; } /* line 231, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleSix .iconLetter { font-style: normal; } /* line 237, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleSix.iconSetFullStyleSixMod1 { clear: left; margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } /* line 243, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleSeven { width: 20px; height: 20px; width: 2rem; height: 2rem; font-size: 12px; font-size: 1.2rem; background: #454545; color: white; } /* line 248, ../sass/icons/_icons.scss */ .iconSetFull.iconSetFullStyleSeven .iconLetter { font-style: normal; } /* line 259, ../sass/icons/_icons.scss */ .iconSet.iconSetMod1, .iconSetMod1.iconSetBorder, .iconSetMod1.iconSetFull, .iconSetMod1.messageIcon { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } /* line 268, ../sass/icons/_icons.scss */ a.iconSetBorder { color: #454545; border-color: #454545; } /* line 271, ../sass/icons/_icons.scss */ a.iconSetBorder.active { border-color: #454545; border-width: 3px; border-style: solid; } /* line 272, ../sass/icons/_icons.scss */ a.iconSetBorder:hover { border-color: #0095c8; border-width: 3px; border-style: solid; } /* line 274, ../sass/icons/_icons.scss */ a.iconSetBorder:hover em { color: #0095c8; text-decoration: none; } /* ##Modifiers for for Icons */ /* ####Bpay e02e */ /* line 294, ../sass/icons/_icons.scss */ .iconbpayMod1 { color: #243366; } /* line 297, ../sass/icons/_icons.scss */ .bpayLogoWrapper .iconBPAYlandscapeLarge.iconbpayAlignmentMod2 { margin-top: 4.5rem; } /* line 299, ../sass/icons/_icons.scss */ .bpayLogoWrapper { height: 50px; } /* line 302, ../sass/icons/_icons.scss */ .bpayLogoWrapper .iconBPAYlandscapeLarge { font-size: 50px; font-size: 5rem; margin: 22px 0px 0px 0px; margin: 2.2rem 0rem 0rem 0rem; display: inline-block; line-height: 12px; line-height: 1.2rem; } /* ``` Code sent to 0400 000 000. If code not received in a few minutes, try again. ``` */ /* line 321, ../sass/icons/_icons.scss */ .iconinformationNegativePrimary { color: white; background-color: #0095c8; } /* line 324, ../sass/icons/_icons.scss */ .iconinformationNegativePrimary:hover { background-color: #0095c8; } /* line 329, ../sass/icons/_icons.scss */ .iconlocationpinMod1 { color: #e97300; vertical-align: top; } /* line 333, ../sass/icons/_icons.scss */ .xSmallIconSize { font-size: 5px; font-size: 0.5rem; margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 338, ../sass/icons/_icons.scss */ .smallIconSize { font-size: 8px; font-size: 0.8rem; } /* line 343, ../sass/icons/_icons.scss */ .bpayFontSize { font-size: 60px; font-size: 6rem; } /* line 347, ../sass/icons/_icons.scss */ .closePanelPos { position: absolute; top: 25px; right: 83px; } /* line 353, ../sass/icons/_icons.scss */ .iconempty { width: 16px; } /* ## Sub position for drop down icons */ /* line 364, ../sass/icons/_icons.scss */ .iconDropWrapper { position: relative; } /* line 367, ../sass/icons/_icons.scss */ .iconDropWrapper .iconarrowfulldown { position: absolute; top: 1px; right: -4px; } /* ##Tool Action link ###Defines tool action links inactive state as a circled element this elements usually have an icon based item; Defines econdary action buttons without icons ina ctive state */ /* line 388, ../sass/icons/_icons.scss */ .toolAction { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; border-color: #454545; border-width: 1px; border-style: solid; height: 4rem; width: 4rem; box-sizing: border-box; /* &:focus{ background-color: $actionHoverColor; }*/ } /* line 396, ../sass/icons/_icons.scss */ .toolAction em { font-size: 16px; font-size: 1.6rem; position: absolute; top: 30%; left: 30%; } /* line 404, ../sass/icons/_icons.scss */ .toolAction:hover em { color: #454545; } /* line 416, ../sass/icons/_icons.scss */ a.toolAction { color: #454545; } /* Heavier border for toolAction */ /* line 429, ../sass/icons/_icons.scss */ .toolAction.toolActionHeavy { border-color: #454545; border-width: 3px; border-style: solid; } /* line 431, ../sass/icons/_icons.scss */ .toolAction.toolActionHeavy em { left: 27%; } /* line 438, ../sass/icons/_icons.scss */ .toolIconsFull.toolIconsMod1 { background-color: #e97300; } /* ##Modifiers for for Icons */ /* ####Bpay e02e */ /* line 450, ../sass/icons/_icons.scss */ .iconbpayMod1 { color: #243366; } /* line 454, ../sass/icons/_icons.scss */ .bpayLogoWrapper { height: 50px; } /* line 457, ../sass/icons/_icons.scss */ .bpayLogoWrapper .iconBPAYlandscapeLarge { font-size: 50px; font-size: 5rem; margin: 22px 0px 0px 0px; margin: 2.2rem 0rem 0rem 0rem; display: inline-block; } /* ``` Code sent to 0400 000 000. If code not received in a few minutes, try again. ``` */ /* line 481, ../sass/icons/_icons.scss */ .iconhelpMod1, .iconinformationMod1 { color: #0095c8; } /* line 485, ../sass/icons/_icons.scss */ .iconlocationpinMod1 { color: #e97300; vertical-align: top; } /* line 489, ../sass/icons/_icons.scss */ .xSmallIconSize { font-size: 5px; font-size: 0.5rem; margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 494, ../sass/icons/_icons.scss */ .smallIconSize { font-size: 8px; font-size: 0.8rem; } /* line 499, ../sass/icons/_icons.scss */ .bpayFontSize { font-size: 60px; font-size: 6rem; } /* line 503, ../sass/icons/_icons.scss */ .closePanelPos { position: absolute; top: 25px; right: 83px; } /* line 509, ../sass/icons/_icons.scss */ .iconempty { width: 16px; } /* ## Sub position for drop down icons */ /* line 520, ../sass/icons/_icons.scss */ .iconDropWrapper { position: relative; } /* line 526, ../sass/icons/_icons.scss */ .iconDropWrapper .iconarrowfulldown { position: absolute; top: 1px; right: -4px; } /* line 531, ../sass/icons/_icons.scss */ .iconDropWrapperTopNav { display: table-cell; vertical-align: middle; text-align: center; } /* ## Align Icon with Label StopStop */ /* ## Align Icon with Label StopStop */ /* line 549, ../sass/icons/_icons.scss */ .iconLinkLabel { margin: -5px 0px 0px 5px; margin: -0.5rem 0rem 0rem 0.5rem; vertical-align: middle !important; } /* line 561, ../sass/icons/_icons.scss */ .iconLinkLabelMod2 { vertical-align: top; } /* line 567, ../sass/icons/_icons.scss */ .iconLinkLabel.iconLinkLabelMod3 { margin: -10px 0px 0px 5px; margin: -1rem 0rem 0rem 0.5rem; } /* line 571, ../sass/icons/_icons.scss */ .iconLinkLabel.iconLinkLabelMod4 { margin: -2px 0px 0px 5px; margin: -0.2rem 0rem 0rem 0.5rem; } /* line 576, ../sass/icons/_icons.scss */ .baseLinkButtonWithIcon .iconLinkLabel { margin: 0; } /* line 578, ../sass/icons/_icons.scss */ .baseLinkButtonWithIcon .iconLinkLabel .iconlink { margin: 2px 5px 0px 0px; margin: 0.2rem 0.5rem 0rem 0rem; } /* line 589, ../sass/icons/_icons.scss */ .iconLinkLabelBaseSize { border-bottom: none; } /* line 591, ../sass/icons/_icons.scss */ .iconLinkLabelBaseSize .baseLink { border: none; } /* line 597, ../sass/icons/_icons.scss */ .labelIcons.labelIconsMod2 { background-color: #e62615; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 600, ../sass/icons/_icons.scss */ .labelIcons.labelIconsMod2 em { left: 28%; } /* line 607, ../sass/icons/_icons.scss */ .labelIcons { height: 40px; width: 40px; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; margin: 0px 10px 0px 10px; margin: 0rem 1rem 0rem 1rem; } /* line 614, ../sass/icons/_icons.scss */ .labelIcons em { position: absolute; top: 30%; left: 30%; font-size: 18px; font-size: 1.8rem; } /* line 620, ../sass/icons/_icons.scss */ .labelIcons { background: #454545; } /* line 622, ../sass/icons/_icons.scss */ .labelIcons em { color: #fff; } /* line 628, ../sass/icons/_icons.scss */ .unclearedTransactions .icontransfer { color: #747474; font-size: 16px; font-size: 1.6rem; } /* ### Table Icons Uncleared */ /* line 642, ../sass/icons/_icons.scss */ .clearedTransactions .iconsucess, .clearedTransactions .successBox .messageIcon .iconItem, .successBox .messageIcon .clearedTransactions .iconItem { color: #6ba539; font-size: 16px; font-size: 1.6rem; } /* line 647, ../sass/icons/_icons.scss */ .iconLoader { width: 16px; height: 16px; background: url(../images/ajaxLoader.gif) no-repeat; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; margin: 0px 10px 0px 10px; margin: 0rem 1rem 0rem 1rem; } /* line 658, ../sass/icons/_icons.scss */ .iconWLoader { background: url(../images/ajaxWLoader.GIF) no-repeat; width: 16px; height: 16px; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; margin: 0px 10px 0px 10px; margin: 0rem 1rem 0rem 1rem; position: absolute; top: 22px; left: 110px; } /* line 668, ../sass/icons/_icons.scss */ .iconLoaderMod1 { margin: 0px 10px 0px 6px; margin: 0rem 1rem 0rem 0.6rem; } /* line 673, ../sass/icons/_icons.scss */ .iconretryMod1, .iconprimaryMod1 { color: #e97300; } /* line 683, ../sass/icons/_icons.scss */ .iconWrapper .iconWrapperCalendar { z-index: 100000; position: absolute; top: 39px; } /* line 687, ../sass/icons/_icons.scss */ .iconWrapper .iconWrapperCalendar.iconWrapperCalendarMonth { left: -4px; } /* line 690, ../sass/icons/_icons.scss */ .iconWrapper .iconWrapperCalendar.iconWrapperCalendarYear { left: 127px; } /* line 696, ../sass/icons/_icons.scss */ .iconWrapper a { position: absolute; top: 1px; right: 1px; color: #454545; text-decoration: none; border-left: 1px solid #c8c8c8; height: 4.8rem; width: 50px; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background: #fff; } /* line 708, ../sass/icons/_icons.scss */ .iconWrapper a.calendarIconLink .iconarrowfulldown { top: 11px !important; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 712, ../sass/icons/_icons.scss */ .iconWrapper a.calendarIconLink .iconarrowfulldown { top: 12px !important; } } /* line 717, ../sass/icons/_icons.scss */ .iconWrapper a .iconcalendar { position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -9px; } /* line 723, ../sass/icons/_icons.scss */ .iconWrapper a .iconarrowfulldown { position: absolute; top: 13px; right: 6px; font-size: 12px; font-size: 1.2rem; } /* line 728, ../sass/icons/_icons.scss */ .iconWrapper a .iconSelect.iconarrowfulldown { position: absolute; top: 50%; left: 50%; font-size: 16px; font-size: 1.6rem; margin: -6px 0px 0px -8px; margin: -0.6rem 0rem 0rem -0.8rem; } /* line 736, ../sass/icons/_icons.scss */ .iconWrapper a:focus { border-left: 1px solid #454545; } /* line 739, ../sass/icons/_icons.scss */ .iconWrapper a.iconclose:focus, .iconWrapper a.modalClose:focus { border: 0; } /* line 740, ../sass/icons/_icons.scss */ .iconWrapper a.selectButton:focus { border-left: 1px solid #c8c8c8 !important; } /* line 746, ../sass/icons/_icons.scss */ .iconWrapper a .iconSetBorder .iconarrowfulldown { position: absolute; top: 18px; right: 14px; font-size: 12px; font-size: 1.2rem; } /* line 755, ../sass/icons/_icons.scss */ .iconWrapper .iconsearch { position: absolute; top: 16px; left: 10px; } /* line 759, ../sass/icons/_icons.scss */ .iconWrapper .iconclose, .iconWrapper .modalClose { position: absolute; top: 18px; right: 60px; border: none; background-color: transparent; height: auto; width: auto; color: #c7c7c7; } /* line 766, ../sass/icons/_icons.scss */ .iconWrapper .iconclose:hover, .iconWrapper .modalClose:hover { color: #454545; } /* line 768, ../sass/icons/_icons.scss */ .iconWrapper .iconcancel { position: absolute; top: 18px; right: 60px; border: none; background-color: transparent; height: auto; width: auto; color: #c7c7c7; } /* line 775, ../sass/icons/_icons.scss */ .iconWrapper .iconcancel:hover { color: #c7c7c7; } /* line 778, ../sass/icons/_icons.scss */ .iconWrapper .iconAutosuggestCancel { position: absolute; top: 17px; right: 20px; } /* line 782, ../sass/icons/_icons.scss */ .iconWrapper .iconAutosuggestCancelMod1 { position: absolute; top: 22px; right: 20px; } /* line 786, ../sass/icons/_icons.scss */ .iconWrapper .iconclientsearch24 { position: absolute; top: 22px; left: 15px; } /* line 793, ../sass/icons/_icons.scss */ .iconWrapperWithIcon { text-indent: 15px; } /* line 798, ../sass/icons/_icons.scss */ .mod180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* line 805, ../sass/icons/_icons.scss */ .textInputError ~ a.selectButton, .textInputError ~ a.calendarIconLink { background: #edf8fc; border-color: #93c6d9; } /* ## Approve icon css generated Approved icon */ /* line 815, ../sass/icons/_icons.scss */ .iconNotRegistered, .iconRegistered { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; width: 1.3rem; height: 1.3rem; margin: 1px 5px 0px 0px; margin: 0.1rem 0.5rem 0rem 0rem; } /* line 824, ../sass/icons/_icons.scss */ .iconApproved { color: #6ba33e; margin: 2px 5px 0px 0px; margin: 0.2rem 0.5rem 0rem 0rem; } /* line 832, ../sass/icons/_icons.scss */ .iconNotRegistered { margin: 2px 6px 0px 1px; margin: 0.2rem 0.6rem 0rem 0.1rem; border-color: #545454; border-width: 2px; border-style: solid; } /* line 838, ../sass/icons/_icons.scss */ .iconChangeRequested { color: #e97300; margin: 2px 5px 0px 0px; margin: 0.2rem 0.5rem 0rem 0rem; } /* line 847, ../sass/icons/_icons.scss */ .iconRegistered { margin: 2px 6px 0px 1px; margin: 0.2rem 0.6rem 0rem 0.1rem; border-color: #e97300; border-width: 2px; border-style: solid; } /* line 855, ../sass/icons/_icons.scss */ .iconapproverColorMod1 { color: #6ba33e; } /* line 863, ../sass/icons/_icons.scss */ .iconAlignMod1 { margin: 3px 0px 0px 0px; margin: 0.3rem 0rem 0rem 0rem; vertical-align: top!important; } /* line 870, ../sass/icons/_icons.scss */ .messageFtueIcon, .percentFtueIcon, .accountFtueIcon, .moveFtueIcon { width: 150px; height: 200px; background: url(../images/sprite-ftue.png) no-repeat; } /* line 880, ../sass/icons/_icons.scss */ .messageFtueIcon { background-position: 3px -9px; } /* line 886, ../sass/icons/_icons.scss */ .percentFtueIcon { background-position: -160px -23px; } /* line 892, ../sass/icons/_icons.scss */ .accountFtueIcon { background-position: -348px -12px; } /* line 898, ../sass/icons/_icons.scss */ .moveFtueIcon { background-position: -15px -216px; } /* line 904, ../sass/icons/_icons.scss */ a.iconclose, a.modalClose { color: #454545 !important; } /* line 2, ../sass/plugins/neat/grid/_grid.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Body*/ /* ##Typogrophy and Font settings */ /* ##CORE TYPOGRAPHY VARIABLES

Font size definition in rem

A mixin is used to generate the px and rem sizes

example code:

.fontSize{
@include fontSize(1.2);
} */ /* # Heading style one ## Heading style two ### Heading style three #### Heading style four ##### Heading style five ###### Heading style six ####### Heading style seven */ /* line 41, ../sass/core/_typography.scss */ h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; font-weight: bold; font-style: normal; color: #454545; text-rendering: optimizeLegibility; line-height: 1.2; } /* line 48, ../sass/core/_typography.scss */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 40%; line-height: 0; letter-spacing: -0.5px; } /* line 52, ../sass/core/_typography.scss */ h1 small .subHeaderNormal, h2 small .subHeaderNormal, h3 small .subHeaderNormal, h4 small .subHeaderNormal, h5 small .subHeaderNormal, h6 small .subHeaderNormal { font-weight: normal; } /* line 61, ../sass/core/_typography.scss */ h1 { font-size: 40px; font-size: 4rem; letter-spacing: -0.1rem; } /* line 64, ../sass/core/_typography.scss */ h1.brandHeader { font-family: Arial, sans-serif; } /* line 67, ../sass/core/_typography.scss */ h1.headerTextItem { letter-spacing: -0.1rem; } /* line 71, ../sass/core/_typography.scss */ h1.modalHeader { font-size: 30px; font-size: 3rem; line-height: normal; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; clear: both; } /* line 78, ../sass/core/_typography.scss */ h1.modalHeader .betac5 { color: #8f8f8f; } /* line 80, ../sass/core/_typography.scss */ h1.mainHeaderItem { margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } /* line 82, ../sass/core/_typography.scss */ h1.mainHeaderItem.mainHeaderItemMod1 { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; border-bottom: 1px solid #c7c7c7; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 87, ../sass/core/_typography.scss */ h1.mainHeaderItem.mainHeaderItemMod2 { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 90, ../sass/core/_typography.scss */ h1.mainHeaderItem.mainHeaderItemMod3 { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; border-bottom: 1px solid #c7c7c7; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 95, ../sass/core/_typography.scss */ h1.mainHeaderItem a.mainHeadAction { margin-top: 3px; } /* line 100, ../sass/core/_typography.scss */ h2 { font-size: 35px; font-size: 3.5rem; letter-spacing: -0.1rem; } /* line 103, ../sass/core/_typography.scss */ h2.descriptionHeader { font-size: 18px; font-size: 1.8rem; margin: 0px 0px 3px 0px; margin: 0rem 0rem 0.3rem 0rem; } /* line 107, ../sass/core/_typography.scss */ h2.descriptionHeaderMod2 { font-size: 16px; font-size: 1.6rem; } /* line 110, ../sass/core/_typography.scss */ h2.mainHeaderItemMod9 { font-size: 18px; font-size: 1.8rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; font-weight: 600; } /* line 115, ../sass/core/_typography.scss */ h2.headerTextItem { letter-spacing: -0.25rem; } /* line 118, ../sass/core/_typography.scss */ h2.mainHeaderItem { font-size: 40px; font-size: 4rem; margin: 50px 0px 20px 0px; margin: 5rem 0rem 2rem 0rem; } /* line 121, ../sass/core/_typography.scss */ h2.mainHeaderItem.mainHeaderItemMod1 { padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; border-bottom: 1px solid #c5c5c5; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 126, ../sass/core/_typography.scss */ h2.mainHeaderItem.mainHeaderItemMod2 { padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 130, ../sass/core/_typography.scss */ h2.mainHeaderItem.mainHeaderItemMod3 { font-size: 25px; font-size: 2.5rem; margin: -6px 0px 35px 0px; margin: -0.6rem 0rem 3.5rem 0rem; font-weight: 700; } /* line 136, ../sass/core/_typography.scss */ h2.mainHeaderItem.thinBottomGutter { font-size: 25px; font-size: 2.5rem; margin: -5px 0px 2px 0px; margin: -0.5rem 0rem 0.2rem 0rem; font-weight: 700; } /* line 142, ../sass/core/_typography.scss */ h2.mainHeaderItem.mainHeaderItemMod4 { margin-top: 0; } /* line 145, ../sass/core/_typography.scss */ h2.mainHeaderItem.mainHeaderItemMod10 { font-size: 25px; font-size: 2.5rem; margin: -5px 0px 0px 0px; margin: -0.5rem 0rem 0rem 0rem; padding: 0px 0px 13px 0px; padding: 0rem 0rem 1.3rem 0rem; border-bottom: 1px solid #c7c7c7; } /* line 152, ../sass/core/_typography.scss */ h2.modalHeader { font-size: 30px; font-size: 3rem; font-family: Arial, sans-serif; line-height: normal; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; clear: both; width: 95%; } /* line 163, ../sass/core/_typography.scss */ h2.modalHeaderStyle2 { font-size: 40px; font-size: 4rem; color: #8f8f8f; } /* line 166, ../sass/core/_typography.scss */ h2.modalHeaderStyle2 span { color: #0095c8; } /* line 170, ../sass/core/_typography.scss */ h2.modalSubHeader { font-size: 30px; font-size: 3rem; line-height: normal; width: 90%; color: #454545; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 178, ../sass/core/_typography.scss */ h3 { font-size: 27px; font-size: 2.7rem; letter-spacing: -0.05rem; } /* line 182, ../sass/core/_typography.scss */ h3.descriptionHeader { font-size: 14px; font-size: 1.4rem; margin-bottom: 2px; letter-spacing: 0; } /* line 187, ../sass/core/_typography.scss */ h3.descriptionGroupHeader { margin: 7px 0px 5px 0px; margin: 0.7rem 0rem 0.5rem 0rem; } /* line 191, ../sass/core/_typography.scss */ h3.sectionGroupHeader { font-size: 18px; font-size: 1.8rem; margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } /* line 195, ../sass/core/_typography.scss */ h3.headerTextItem { letter-spacing: -0.1rem; } /* line 199, ../sass/core/_typography.scss */ h3.modealSubHeader { font-size: 16px; font-size: 1.6rem; font-weight: normal; clear: both; width: 100%; margin-top: 2rem; margin-bottom: 1.5rem; } /* line 212, ../sass/core/_typography.scss */ h4 { font-size: 20px; font-size: 2rem; } /* line 214, ../sass/core/_typography.scss */ h4.subHeader { font-size: 25px; font-size: 2.5rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; font-family: helvetica; font-weight: 700; } /* line 220, ../sass/core/_typography.scss */ h4.marginBtmOn { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 224, ../sass/core/_typography.scss */ h5 { font-size: 18px; font-size: 1.8rem; } /* line 226, ../sass/core/_typography.scss */ h5.sectionHeader { font-size: 18px; font-size: 1.8rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; font-weight: normal; } /* line 233, ../sass/core/_typography.scss */ h6 { font-size: 14px; font-size: 1.4rem; } /* ```

Register Step 1 / 2

``` */ /* line 256, ../sass/core/_typography.scss */ .xSmallText { font-size: 8.0px; font-size: 0.8rem; } /* line 260, ../sass/core/_typography.scss */ .smallText { font-size: 10px; font-size: 1rem; } /* line 265, ../sass/core/_typography.scss */ .smallText .iconbpayMod1 { font-size: 10px; font-size: 1rem; } /* line 274, ../sass/core/_typography.scss */ .normalText, .formLabelCheckBox.formLabelStyleTwo, .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 label.normalText { font-size: 12px; font-size: 1.2rem; } /* line 278, ../sass/core/_typography.scss */ .largeText { font-size: 14px; font-size: 1.4rem; } /* line 282, ../sass/core/_typography.scss */ .largeTextMod1 { font-size: 16px; font-size: 1.6rem; } /* line 286, ../sass/core/_typography.scss */ .xLargeText { font-size: 18px; font-size: 1.8rem; } /* line 289, ../sass/core/_typography.scss */ .xxLargeText { font-size: 25px; font-size: 2.5rem; } /* line 293, ../sass/core/_typography.scss */ .xxxLargeText { font-size: 27px; font-size: 2.7rem; } /* line 297, ../sass/core/_typography.scss */ .upperCaseText { text-transform: uppercase; } /* line 300, ../sass/core/_typography.scss */ .lowerCaseText { text-transform: lowercase; } /* line 307, ../sass/core/_typography.scss */ .emphasis, .dataTableInnerBoxFullMod2 .title, .formLabel, .listContentWrap .title, .tdRatesRateTextItemNumber, .tdRatesRateTextItemUnitA, .tdRatesDescTextA, .tdRatesDescTextB, .toolAction.toolActionHeavy em, h1.modalHeader, h2.modalHeader, .modalSubHeader, .textFragmentMod1, .noticeBox .noticeBoxText p, .noteBox .noteBoxText, .contentDialog .contentDialogList li .accountTotal, .contentDialog .contentDialogSubTitles, .ftueContainer .ftueMessage, .stageInset, h5.name, .accountDef, .ui-datepicker .ui-datepicker-title, .messageAlertsTextItem, .numberNiconWrap .numberNiconItemNumber, .layoutMainHeaderItem .numberItemNumber, .colWrapContent .colWrapContentItem, .colWrapContent .colWrapContentItemText, .actionButtonIcon, .actionButtonIcon:hover, .menuAction, .toggleMenuLineItem, .toggleMenuLineWrapMod6 .toggleMenuLine .ui-state-active .menuAction .counts, .dataTable.tableStyleThree .tableHeader h3, .day, .todayPanel ul.tdDesc li, #sfc-container .arcWrapper .arcLabel input, #sfc-container .arcWrapper .arcLabel em { font-weight: 700; } /* line 311, ../sass/core/_typography.scss */ .normalFont, .transDetailHeader em, .modalSubHeader, .pageDetailHeaderWrapper .pageDetailHeader h1, .pageDetailHeaderWrapper .pagepageDetailSubHeader h2, .formFieldMessage, .optional, .contentTitle { font-style: normal; } /* line 314, ../sass/core/_typography.scss */ .italicFont, .labelNominee { font-style: italic; } /* line 322, ../sass/core/_typography.scss */ .cellWrapper .smallText, .cellWrapper .largeText, .cellWrapper .xLargeText, .cellWrapper .xxLargeText { font-weight: 700; } /* line 325, ../sass/core/_typography.scss */ .cellWrapper .firstRow .smallText { padding: 0px 0px 0px 5px; padding: 0rem 0rem 0rem 0.5rem; font-weight: 700; } /* line 330, ../sass/core/_typography.scss */ .cellWrapper .largeText { font-size: 18px; font-size: 1.8rem; } /* line 334, ../sass/core/_typography.scss */ .cellWrapper .panelTitle .smallText { padding: 0px 0px 0px 5px; padding: 0rem 0rem 0rem 0.5rem; font-weight: 200; } /* line 338, ../sass/core/_typography.scss */ .cellWrapper .panelTitle.bestRate .smallText { font-weight: 700; } /* line 343, ../sass/core/_typography.scss */ .cellWrapper.currentPanel .xLargeText { font-weight: 700; } /* line 349, ../sass/core/_typography.scss */ .cellWrapper .currentWrapper .bestRate { font-weight: 300; } /* line 357, ../sass/core/_typography.scss */ .labelValueInlineList .xLargeText { font-weight: 700; } /* line 363, ../sass/core/_typography.scss */ .formHeader, .formHeaderModal { font-family: Arial, sans-serif; margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; font-size: 30px; font-size: 3rem; } /* line 367, ../sass/core/_typography.scss */ .formHeader.formHeaderMod1, .formHeaderMod1.formHeaderModal { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 370, ../sass/core/_typography.scss */ .formHeader.formHeaderMod2, .formHeaderMod2.formHeaderModal { margin: 0px 0px 24px 0px; margin: 0rem 0rem 2.4rem 0rem; } /* line 375, ../sass/core/_typography.scss */ .formHeaderModal { font-size: 35px; font-size: 3.5rem; font-weight: 600; } /* line 380, ../sass/core/_typography.scss */ .formHeaderMod1 { margin: 0px 0px 34px 0px; margin: 0rem 0rem 3.4rem 0rem; } /* line 384, ../sass/core/_typography.scss */ .transDetailHeader { font-family: Arial, sans-serif; margin: 22px 0px 10px 0px; margin: 2.2rem 0rem 1rem 0rem; font-size: 30px; font-size: 3rem; } /* line 388, ../sass/core/_typography.scss */ .transDetailHeader span { color: #959595; } /* line 395, ../sass/core/_typography.scss */ .transDetailHeader .positive { color: #6ba539 !important; } /* line 400, ../sass/core/_typography.scss */ .transDetailHeader .info, .transDetailHeader .alert { color: #e97300 !important; } /* line 404, ../sass/core/_typography.scss */ .transDetailHeader .warning { color: #e62615 !important; } /* line 409, ../sass/core/_typography.scss */ .transDetailHeader .transDetailHeaderbetaC1 { color: #454545; } /* line 415, ../sass/core/_typography.scss */ .descriptionHeader { width: 270px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 419, ../sass/core/_typography.scss */ .descriptionHeader { width: 240px; } } /* line 423, ../sass/core/_typography.scss */ .descriptionHeaderMod1 { width: auto; } /* line 428, ../sass/core/_typography.scss */ .descriptionDuration { width: 270px; } /* line 438, ../sass/core/_typography.scss */ .transDetailSubHeader { font-family: Arial, sans-serif; font-size: 20px; font-size: 2rem; margin: 10px 0px 0px 25px; margin: 1rem 0rem 0rem 2.5rem; width: 90%; } /* line 448, ../sass/core/_typography.scss */ .pageHeader { margin: 40px 0px 40px 42px; margin: 4rem 0rem 4rem 4.2rem; } /* line 451, ../sass/core/_typography.scss */ .contentHeader { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 455, ../sass/core/_typography.scss */ .contextHeader { margin: 29px 0px 10px 0px; margin: 2.9rem 0rem 1rem 0rem; } /* line 459, ../sass/core/_typography.scss */ .contextHeaderMod1 { margin: 25px 0px 10px 0px; margin: 2.5rem 0rem 1rem 0rem; } /* line 463, ../sass/core/_typography.scss */ .panelHeaderContainer { margin: 40px 0px 10px 0px; margin: 4rem 0rem 1rem 0rem; } /*## Header style colors

Header Lighter

Header Primary

Header Darker

*/ /* line 476, ../sass/core/_typography.scss */ .headerColorStyleReduced { color: #959595; } /* line 480, ../sass/core/_typography.scss */ .headerColorStylePrimary { color: #0095c8; } /* line 484, ../sass/core/_typography.scss */ .headerColorStyleDarker { color: #454545; } /*## Header style colors

Add payments and deposits account Started.

*/ /* line 503, ../sass/core/_typography.scss */ .headerTextItem { color: #454545; } /* line 505, ../sass/core/_typography.scss */ .headerTextItem .gammaC0 { color: #0095c8; } /* line 507, ../sass/core/_typography.scss */ .headerTextItem .gammaC0 .betaC4 { margin-left: -4px; } /* line 510, ../sass/core/_typography.scss */ .headerTextItem .gammaC0 .betaC4.betaC4Mod1 { margin-left: 0; } /* line 514, ../sass/core/_typography.scss */ .headerTextItem .betaC0 { color: black; } /* line 517, ../sass/core/_typography.scss */ .headerTextItem .betaC1 { color: #454545; } /* line 520, ../sass/core/_typography.scss */ .headerTextItem .betaC2 { color: #545454; } /* line 523, ../sass/core/_typography.scss */ .headerTextItem .betaC3 { color: #707070; } /* line 526, ../sass/core/_typography.scss */ .headerTextItem .betaC4 { color: #8f8f8f; } /* line 529, ../sass/core/_typography.scss */ .headerTextItem .betaC5 { color: #bababa; } /* line 532, ../sass/core/_typography.scss */ .headerTextItem .zeta { color: #6ba33e; } /* line 537, ../sass/core/_typography.scss */ .headerTextItemMod1 { margin: 30px 0px 20px 0px; margin: 3rem 0rem 2rem 0rem; } /* line 540, ../sass/core/_typography.scss */ .headerTextItemMod2 { margin: 30px 0px 10px 0px; margin: 3rem 0rem 1rem 0rem; } /* line 544, ../sass/core/_typography.scss */ .headerTextItemMod3 { margin: 10px 0px 30px 0px; margin: 1rem 0rem 3rem 0rem; } /* line 548, ../sass/core/_typography.scss */ .headerTextItemMod8 { margin: 15px 0px 15px 0px; margin: 1.5rem 0rem 1.5rem 0rem; } /* line 552, ../sass/core/_typography.scss */ .subHeaderTextItem { padding-bottom: 2rem; } .ui-autocomplete-input.ui-autocomplete-loading, .ui-autocomplete-input.ui-autocomplete-loading:hover, .ui-autocomplete-input.ui-autocomplete-loading:focus { background-image: url(../images/spinner-positive.gif); background-repeat: no-repeat; background-position: calc(100% - 35px) center; transition: none; } /* ```

Welcome Dennis, Lorem amet 12 messages elir pariatur 6 applications onboarding amet 3 best term deposits for you.

``` */ /* line 576, ../sass/core/_typography.scss */ .headerTextItemMod4 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 0px 0px 60px 0px; padding: 0rem 0rem 6rem 0rem; } /* line 581, ../sass/core/_typography.scss */ .headerTextItemMod5 { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; font-size: 2.5rem; } /* line 585, ../sass/core/_typography.scss */ .headerTextItemMod6 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 588, ../sass/core/_typography.scss */ .headerTextItemMod9 { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; } /* line 590, ../sass/core/_typography.scss */ .headerTextItemMod9.bottomGutter2x { padding: 0px 0px 40px 0px; padding: 0rem 0rem 4rem 0rem; } /* line 594, ../sass/core/_typography.scss */ .headerTextItemMod10 { margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; } /* line 599, ../sass/core/_typography.scss */ .headerSubText { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; } /* line 603, ../sass/core/_typography.scss */ .helpTitle { font-size: 16px; font-size: 1.6rem; } /* ## Horizontal line ### Horizontal line Modifier 1 .HorizlineMod1 ```
``` */ /* line 622, ../sass/core/_typography.scss */ hr.Horizline { color: #bababa; width: 100%; } /* line 625, ../sass/core/_typography.scss */ hr.Horizline.HorizlineMod1 { border: none; } /* line 628, ../sass/core/_typography.scss */ hr.Horizline.HorizlineMod2 { border: 0; margin-top: 30px; border-bottom: 1px solid #c7c7c7; } /* line 635, ../sass/core/_typography.scss */ hr.HorizlineMod1:after { content: "..................................................................................................................................................................................................................."; letter-spacing: 0px; overflow: hidden; } /* ### mainHeaderItemMod1 ```

Headline

``` */ /* line 653, ../sass/core/_typography.scss */ .pageHeaderItem.mainHeaderItemMod6 { padding-bottom: 0; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 657, ../sass/core/_typography.scss */ .pageHeaderItem.mainHeaderItemMod7 { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin: -20px 0px 0px 0px; margin: -2rem 0rem 0rem 0rem; } /* line 661, ../sass/core/_typography.scss */ .mainHeaderItemMod8 { margin: 30px 0px 15px 0px; margin: 3rem 0rem 1.5rem 0rem; } /* ##subHeader ###subHeaderWrapMod1 ####subHeaderWrapMod2 ####subHeaderWrapMod3 ``` ``` */ /* line 680, ../sass/core/_typography.scss */ .subHeaderWrapMod1 { padding: 20px 20px 20px 0px; padding: 2rem 2rem 2rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; border-bottom: 1px solid #c5c5c5; } /* line 685, ../sass/core/_typography.scss */ .subHeaderWrapMod1 .subHeaderItemTitle { float: left; font-weight: bold; margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } /* line 690, ../sass/core/_typography.scss */ .subHeaderWrapMod1 .subHeaderItemTitle:not(:first-child):before { content: "• "; } /* line 694, ../sass/core/_typography.scss */ .subHeaderWrapMod1 .subHeaderItemText { float: left; margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } /* line 700, ../sass/core/_typography.scss */ .subHeaderWrapMod2 { border-bottom: 0px solid #c5c5c5; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } /* line 705, ../sass/core/_typography.scss */ .subHeaderWrapMod3 { padding: 0px 20px 20px 0px; padding: 0rem 2rem 2rem 0rem; } /* ### mainHeader and subHeader ```

Headline

Registered
1 Jan 2013
TFN
Suplied
``` */ /* ## Modal Header */ /* line 741, ../sass/core/_typography.scss */ .modalSubHeader { font-family: Arial, sans-serif; color: #5d5d5d; line-height: normal; margin: 3px 0px 0px 0px; margin: 0.3rem 0rem 0rem 0rem; width: 90%; } /* line 752, ../sass/core/_typography.scss */ .modalHeaderDesc { margin: 3px 0px 40px 0px; margin: 0.3rem 0rem 4rem 0rem; width: 90%; } /* line 758, ../sass/core/_typography.scss */ .modalMessage { font-size: 14px; font-size: 1.4rem; bottom: 5px; } /* line 762, ../sass/core/_typography.scss */ .modalMessage em { padding: 1em; font-style: normal; } /* ```

Welcome Dennis, Lorem amet 12 messages elir pariatur 6 applications onboarding amet 3 best term deposits for you.

``` ���������� */ /* line 796, ../sass/core/_typography.scss */ .headerTextItem a.betaC1 { color: #454545; } /* line 798, ../sass/core/_typography.scss */ .headerTextItem a.betaC1:link { color: #454545; } /* line 801, ../sass/core/_typography.scss */ .headerTextItem a.betaC1:visited { color: #454545; } /* line 804, ../sass/core/_typography.scss */ .headerTextItem a.betaC1:active { color: #454545; } /* line 807, ../sass/core/_typography.scss */ .headerTextItem a.betaC1:hover { color: #454545; border-bottom: 2px solid #454545; } /* line 814, ../sass/core/_typography.scss */ .textFragmentMod1 { font-size: 20px; font-size: 2rem; } /* line 818, ../sass/core/_typography.scss */ .iconModAlign1 .textFragmentMod1 { font-size: 15px; font-size: 1.5rem; } /* line 821, ../sass/core/_typography.scss */ .textFragmentMod2 { font-size: 12px; font-size: 1.2rem; vertical-align: super; } /* line 825, ../sass/core/_typography.scss */ .iconModAlign1 .textFragmentMod2 { vertical-align: top !important; margin-top: -1px; } /* line 830, ../sass/core/_typography.scss */ .textMod1 { font-size: 1.4rem; } /* line 834, ../sass/core/_typography.scss */ .capitalise { text-transform: lowercase; } /* line 837, ../sass/core/_typography.scss */ .capitalise:first-letter { text-transform: capitalize; } /* line 843, ../sass/core/_typography.scss */ .normalWeight { font-weight: normal; } /* line 847, ../sass/core/_typography.scss */ .baseGama { color: #0095c8; } /* ## Notice Box element Notice box defines the padding and margin of Messages and alerts Combine with warningBox will create the elements
Content here
*/ /* line 14, ../sass/core/_messages.scss */ .noticeBox { padding: 15px 20px 12px 17px; padding: 1.5rem 2rem 1.2rem 1.7rem; margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; } /* line 23, ../sass/core/_messages.scss */ .noticeBox li span.messageIcon { margin-top: 2px; } /* line 25, ../sass/core/_messages.scss */ .noticeBox .noticeBoxText { margin: 11px 10px 5px 0px; margin: 1.1rem 1rem 0.5rem 0rem; } /* line 27, ../sass/core/_messages.scss */ .noticeBox .noticeBoxText li { margin: 0; } /* line 30, ../sass/core/_messages.scss */ .noticeBox .noticeBoxText p { margin: 1px 20px 0px 10px; margin: 0.1rem 2rem 0rem 1rem; font-size: 14px; font-size: 1.4rem; } /* line 36, ../sass/core/_messages.scss */ .noticeBox .multipleErrorMessage { width: 90%; } /* line 38, ../sass/core/_messages.scss */ .noticeBox .multipleErrorMessage ul.iconLinkList { margin: 5px 0px 0px 10px; margin: 0.5rem 0rem 0rem 1rem; } /* line 40, ../sass/core/_messages.scss */ .noticeBox .multipleErrorMessage ul.iconLinkList li { display: block; float: none; padding: 0px 0px 3px 0px; padding: 0rem 0rem 0.3rem 0rem; } /* line 44, ../sass/core/_messages.scss */ .noticeBox .multipleErrorMessage ul.iconLinkList li .iconlink { position: absolute; } /* line 47, ../sass/core/_messages.scss */ .noticeBox .multipleErrorMessage ul.iconLinkList li .iconLinkLabel { margin: 0px 0px 0px 25px; margin: 0rem 0rem 0rem 2.5rem; width: 95%; } /* line 54, ../sass/core/_messages.scss */ .noticeBox .noticeBoxTextMod1 { margin-top: 0; } /* line 57, ../sass/core/_messages.scss */ .noticeBox .noticeBoxTextSmallBox { width: 79%; } /* line 60, ../sass/core/_messages.scss */ .noticeBox .noticeBoxTextSmallBox p { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 64, ../sass/core/_messages.scss */ .noticeBox .noticeBoxTextSmall { width: 75%; } /* line 69, ../sass/core/_messages.scss */ .noticeBox .noticeBoxTextSmallMod1 { width: 90%; } /* line 73, ../sass/core/_messages.scss */ .noticeBox .noticeDescTxt { display: table-cell; height: 42px; vertical-align: middle; } /* line 78, ../sass/core/_messages.scss */ .noticeBox span.noticeDescTxt { font-weight: 700; margin: 1px 20px 0px 10px; margin: 0.1rem 2rem 0rem 1rem; font-size: 14px; font-size: 1.4rem; display: inline-block; } /* line 84, ../sass/core/_messages.scss */ .noticeBox .noticeBoxClose { float: right; } /* line 89, ../sass/core/_messages.scss */ .noticeBoxTextSmallMod2 { padding: 17px 17px 17px 17px; padding: 1.7rem 1.7rem 1.7rem 1.7rem; } /* line 93, ../sass/core/_messages.scss */ .noticeBoxPreferenceModule { position: absolute; top: -20px; width: 840px !important; } /* ### What went wrong message ```
``` */ /* line 116, ../sass/core/_messages.scss */ .warningBox { background: white; border-color: #e62615; border-width: 3px; border-style: solid; width: 100%; } /* line 121, ../sass/core/_messages.scss */ .warningBox .messageIcon { background: #e62615; } /* line 130, ../sass/core/_messages.scss */ .warningBox span, .warningBox em, .warningBox a.baseLink, .warningBox li { color: #e62615; } /* line 134, ../sass/core/_messages.scss */ .warningBox .noticeBoxHeader, .warningBox .noticeBoxBody { color: #e62615; font-size: 14px; font-size: 1.4rem; } /* line 138, ../sass/core/_messages.scss */ .warningBox a.baseLink { border-bottom: #bababa; color: #454545; text-decoration: underline; } /* line 143, ../sass/core/_messages.scss */ .warningBox a.baseLink:hover { border-bottom: #199fcd; color: #0095c8; text-decoration: underline; } /* ### Successful message ```
``` */ /* line 174, ../sass/core/_messages.scss */ .successBox { background: white; border-color: #6ba33e; border-width: 3px; border-style: solid; width: 100%; } /* line 179, ../sass/core/_messages.scss */ .successBox span, .successBox em { color: #6ba33e; } /* line 182, ../sass/core/_messages.scss */ .successBox .messageIcon { background: #6ba33e; } /* line 192, ../sass/core/_messages.scss */ .successBox .baseLink, .successBox .noticeBoxTextSmallBox, .successBox .noticeBoxText { color: #6ba33e; } /* ### What is happening message ```
``` */ /* line 220, ../sass/core/_messages.scss */ .happeningBox { background: white; border-color: #e97300; border-width: 3px; border-style: solid; width: 100%; } /* line 225, ../sass/core/_messages.scss */ .happeningBox span, .happeningBox em { color: #e97300; } /* line 228, ../sass/core/_messages.scss */ .happeningBox .iconSetFull.iconSetFullStyleFive { background: #e97300; } /* line 231, ../sass/core/_messages.scss */ .happeningBox .messageIcon { background: #e97300; } /* line 238, ../sass/core/_messages.scss */ .happeningBox .noticeBoxTextSmallBox, .happeningBox .noticeBoxText { color: #e97300; } /* line 244, ../sass/core/_messages.scss */ .informationBox { background: white; border-color: #e97300; border-width: 3px; border-style: solid; width: 100%; } /* line 249, ../sass/core/_messages.scss */ .informationBox span, .informationBox em { color: #e97300; } /* line 252, ../sass/core/_messages.scss */ .informationBox .messageIcon { background: #e97300; } /* line 254, ../sass/core/_messages.scss */ .informationBox .messageIcon .iconItem { color: white; } /* line 261, ../sass/core/_messages.scss */ .informationBox .noticeBoxTextSmallBox, .informationBox .noticeBoxText { color: #e97300; font-style: normal; font-size: 14px; font-size: 1.4rem; } /* line 272, ../sass/core/_messages.scss */ .dataTableInnerBox .warningBox, .dataTableInnerBox .successBox { width: 90%; margin: 20px 0px 20px -10px; margin: 2rem 0rem 2rem -1rem; } /* line 277, ../sass/core/_messages.scss */ .modalForm .warningBox, .modalForm .successBox { margin-left: -10px; } /* line 279, ../sass/core/_messages.scss */ .modalForm .warningBox .noticeBoxWrapper li:last-child, .modalForm .successBox .noticeBoxWrapper li:last-child { width: 76%; } /* ###Creating a Warning Box ```
Icon nameWarning content here
``` */ /* line 291, ../sass/core/_messages.scss */ .messageIcon { height: 40px; width: 40px; line-height: 1rem; } /* line 296, ../sass/core/_messages.scss */ .messageIcon em { color: white; } /* ###Creating a Information Box ```
Information content here
``` */ /* line 311, ../sass/core/_messages.scss */ .infoBox { background: white; border-color: #694e5f; border-width: 3px; border-style: solid; margin: 20px auto; margin: 2rem auto; width: 90%; color: #694e5f; } /* line 319, ../sass/core/_messages.scss */ .termDepositPopUp .infoBoxMod1 { width: 100%; } /* line 321, ../sass/core/_messages.scss */ .termDepositPopUp .infoBoxMod1 .noticeBoxTextSmall { width: 80%; } /* line 326, ../sass/core/_messages.scss */ .infoBoxMod3 { background: white; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; border-color: #694e5f; border-width: 3px; border-style: solid; width: 100%; } /* line 332, ../sass/core/_messages.scss */ .infoBoxMod3 span, .infoBoxMod3 em { color: white; } /* line 336, ../sass/core/_messages.scss */ .infoBoxMod3 .messageIcon { background: #694e5f; } /* line 339, ../sass/core/_messages.scss */ .infoBoxMod3 .noticeBoxText { color: #694e5f; font-style: normal; font-size: 14px; font-size: 1.4rem; width: 85%; } /* line 344, ../sass/core/_messages.scss */ .infoBoxMod3 .noticeBoxText p { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } /* line 348, ../sass/core/_messages.scss */ .infoBoxMod3 .noticeBoxTextSmallMod1 { width: 90%; } /* line 354, ../sass/core/_messages.scss */ .infoBoxMod4 { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 358, ../sass/core/_messages.scss */ .infoBoxMod5 { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; width: 100%; } /* line 361, ../sass/core/_messages.scss */ .infoBoxMod5 .noticeBoxText { width: 90%; } /* line 363, ../sass/core/_messages.scss */ .infoBoxMod5 .noticeBoxText p { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } /* ###Creating a Context Box ```
Context content here
``` */ /* line 375, ../sass/core/_messages.scss */ .contextBox { background: #f5f6f7; border-color: #e6e6e6; border-width: 1px; border-style: solid; margin: 5px auto; margin: 0.5rem auto; width: 97%; } /* ###Creating a Message Box ```

Message content here

``` */ /* line 389, ../sass/core/_messages.scss */ .messageBox { height: 200px; background: #ffffcb; margin: 10px 0px 10px 10px; margin: 1rem 0rem 1rem 1rem; } /* line 394, ../sass/core/_messages.scss */ .messageBox .messageTitle { padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } /* line 397, ../sass/core/_messages.scss */ .messageBox p { padding: 5px 15px 5px 15px; padding: 0.5rem 1.5rem 0.5rem 1.5rem; } /* ###Creating a Message Box ```
  • Information content here
``` */ /* line 419, ../sass/core/_messages.scss */ .messageWidthIcon li:first-child { width: 25px; float: left; } /* line 423, ../sass/core/_messages.scss */ .messageWidthIcon li:last-child { width: 90%; float: left; display: block; } /* line 429, ../sass/core/_messages.scss */ .dataTableInnerBox .noticeBox { width: 100%; } /* line 432, ../sass/core/_messages.scss */ .dataTableInnerBox .noticeBoxMod1 { margin-left: 0; } /* ## Help tool tip ```

Header

Text content
``` */ /* line 448, ../sass/core/_messages.scss */ .helpToolBox.helpToolBoxPos1 { position: absolute; top: 1px; left: 235px; } /* line 452, ../sass/core/_messages.scss */ .helpToolBox.helpToolBoxPos2 { position: absolute; top: -10px; left: 235px; } /* line 456, ../sass/core/_messages.scss */ .helpToolBox.helpToolBoxPos3 { position: absolute; top: -9px; left: 235px; } /* line 459, ../sass/core/_messages.scss */ .helpToolBox.helpToolBoxPos4 { position: absolute; top: -16px; left: 323px; } /* line 462, ../sass/core/_messages.scss */ .helpToolBox.helpToolBoxPos5 { position: absolute; top: 5px; left: 323px; } /* line 468, ../sass/core/_messages.scss */ .helpToolBox { background: #fff; border: 3px solid #0095c8; padding: 15px 15px 25px 15px; padding: 1.5rem 1.5rem 2.5rem 1.5rem; width: 300px; width: 30rem; font-size: 30px; font-size: 3rem; margin-left: 1.5rem; height: auto; z-index: 10000; color: #0095c8; } /* line 480, ../sass/core/_messages.scss */ .helpToolBox .iconArrowHelpLeft { top: 40%; } /* line 483, ../sass/core/_messages.scss */ .helpToolBox .iconArrowHelpLeftModRegPageTwo { top: 17%; } /* line 486, ../sass/core/_messages.scss */ .helpToolBox li { padding: 5px 0px 0px 0px; padding: 0.5rem 0rem 0rem 0rem; line-height: 2rem; font-size: 14px; font-size: 1.4rem; } /* line 490, ../sass/core/_messages.scss */ .helpToolBox li span { width: 80%; } /* line 493, ../sass/core/_messages.scss */ .helpToolBox li em { width: 7%; margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; } /* line 500, ../sass/core/_messages.scss */ .helpToolBox li.mod1 { margin-left: 39px; } /* line 503, ../sass/core/_messages.scss */ .helpToolBox li .tableRowBreak, .helpToolBox li .tableRowBreakFixed { width: 98%; } /* line 511, ../sass/core/_messages.scss */ .helpBoxTitle { padding: 0px 0px 0px 15px; padding: 0rem 0rem 0rem 1.5rem; } /* line 516, ../sass/core/_messages.scss */ .helpBox .iconbullet { font-size: 1.4rem; padding-top: 2px; margin-top: 0; margin-left: 0; } /* .arrowBox:after, .arrowBox:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrowBox:after { border-color: rgba(255, 255, 255, 0); border-right-color: #eee; border-width: 15px; top: 50%; margin-top: -15px; } .arrowBox:before { border-color: rgba(255, 255, 255, 0); border-right-color: #eee; border-width: 21px; top: 50%; margin-top: -21px; } /* ##Notes ###noteBox This is the temporary design. ```

NOTES

``` */ /* line 569, ../sass/core/_messages.scss */ .noteBox { background-color: #f0edef; border-bottom: 4px solid #cec4ca; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; } /* line 574, ../sass/core/_messages.scss */ .noteBox.noteBoxWithStyleOne { width: 840px; } /* line 577, ../sass/core/_messages.scss */ .noteBox .noteBoxIconWrap { position: absolute; top: 20px; right: 20px; } /* line 580, ../sass/core/_messages.scss */ .noteBox .noteBoxText { padding: 35px 40px 35px 40px; padding: 3.5rem 4rem 3.5rem 4rem; font-size: 20px; font-size: 2rem; color: #694e5f; min-height: 190px; } /* line 589, ../sass/core/_messages.scss */ .noteBox .noteBoxText h1, .noteBox .noteBoxText h2 { font-size: 30px; font-size: 3rem; } /* line 592, ../sass/core/_messages.scss */ .noteBox .noteBoxText h1 { color: #ad93a4; } /* line 594, ../sass/core/_messages.scss */ .noteBox .noteBoxText h1 em { color: #694e5f; font-size: 30px; font-size: 3rem; margin-top: 0.9rem; margin-right: 1rem; display: block; } /* line 601, ../sass/core/_messages.scss */ .noteBox .noteBoxText h1 .descText { display: block; width: 94%; } /* line 608, ../sass/core/_messages.scss */ .noteBox .noteBoxText .emphasisHeader, .noteBox .noteBoxText h2 { color: #694e5f; } /* line 612, ../sass/core/_messages.scss */ .noteBox .noteBoxText .actionButtonIcon { margin-top: 4rem; color: #694e5f; border-color: #694e5f; min-width: 14rem; } /* line 618, ../sass/core/_messages.scss */ .noteBox .noteBoxText ul.blockdecorlist { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 621, ../sass/core/_messages.scss */ .noteBox .noteBoxText ul.blockdecorlist li { font-size: 14px; font-size: 1.4rem; font-weight: normal; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; list-style: none; } /* line 626, ../sass/core/_messages.scss */ .noteBox .noteBoxText ul.blockdecorlist li em { float: left; } /* line 629, ../sass/core/_messages.scss */ .noteBox .noteBoxText ul.blockdecorlist li p { float: left; margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; width: 95%; } /* line 634, ../sass/core/_messages.scss */ .noteBox .noteBoxText ul.blockdecorlist li ul { margin: 0px 0px 0px 40px; margin: 0rem 0rem 0rem 4rem; padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } /* line 638, ../sass/core/_messages.scss */ .noteBox .noteBoxText ul.blockdecorlist li ul li { font-size: 14px; font-size: 1.4rem; font-weight: normal; margin: 0px 0px 14px 0px; margin: 0rem 0rem 1.4rem 0rem; padding: 0px 0px 0px 5px; padding: 0rem 0rem 0rem 0.5rem; list-style: disc outside; /*giving UL's LIs generated disc markers*/ } /* line 650, ../sass/core/_messages.scss */ .noteBox .noteBoxTextMod1 { padding: 35px 30px 20px 30px; padding: 3.5rem 3rem 2rem 3rem; } /* line 653, ../sass/core/_messages.scss */ .noteBox .noteBoxHeaderText { text-transform: uppercase; font-size: 14px; font-size: 1.4rem; color: #ad93a4; margin: 0px 60px 0px 0px; margin: 0rem 6rem 0rem 0rem; padding: 20px 10px 0px 30px; padding: 2rem 1rem 0rem 3rem; letter-spacing: normal; } /* ###Message Wrappers ###Creating a message with multiple child elements ```
  • Icon name
  • Warning content here
``` */ /* line 680, ../sass/core/_messages.scss */ .noticeBoxWrapper { *zoom: 1; height: auto; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .noticeBoxWrapper:before, .noticeBoxWrapper:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .noticeBoxWrapper:after { clear: both; } /* line 685, ../sass/core/_messages.scss */ .noticeBoxWrapper li { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } /* line 689, ../sass/core/_messages.scss */ .noticeBoxWrapper li .iconSet, .noticeBoxWrapper li .iconSetBorder, .noticeBoxWrapper li .iconSetBorder.iconSeticonSetBorderDrop, .noticeBoxWrapper li .iconSetFull, .noticeBoxWrapper li .messageIcon { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 692, ../sass/core/_messages.scss */ .noticeBoxWrapper li .iconSetMod1 { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } /* line 699, ../sass/core/_messages.scss */ .dataTableInnerBoxFull .noticeBoxWrapper li:last-child { width: 83%; } /* line 706, ../sass/core/_messages.scss */ .dataTableInnerBoxFullMod2 .title { padding: 0px 10px 15px 10px; padding: 0rem 1rem 1.5rem 1rem; } /* line 711, ../sass/core/_messages.scss */ .dataTableInnerBoxFullMod2 table { width: 100%; } /* line 714, ../sass/core/_messages.scss */ .dataTableInnerBoxFullMod2 table tr td { padding: 15px 10px 15px 10px; padding: 1.5rem 1rem 1.5rem 1rem; border-top: 1px solid #dddddd; } /* line 717, ../sass/core/_messages.scss */ .dataTableInnerBoxFullMod2 table tr td.subCategoryTitle { width: 410px; } /* line 721, ../sass/core/_messages.scss */ .dataTableInnerBoxFullMod2 table tr td.subCategoryOption .checkbox { width: 23px; width: 2.3rem; display: inline-block; margin: 0px 100px 0px 0px; margin: 0rem 10rem 0rem 0rem; } /* line 725, ../sass/core/_messages.scss */ .dataTableInnerBoxFullMod2 table tr td.subCategoryOption .checkbox:last-child { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* ###Confirmation Message Wrappers ###Creating a message with multiple child elements ```
``` */ /* line 749, ../sass/core/_messages.scss */ .confirmationMsgWrap { padding: 40px 40px 20px 40px; padding: 4rem 4rem 2rem 4rem; background-color: #e6f2f6; border: 1px solid #93c6d9; margin: 30px 0px 20px 0px; margin: 3rem 0rem 2rem 0rem; } /* line 754, ../sass/core/_messages.scss */ .confirmationMsgWrap .confirmationMsgItem { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; float: left; } /* line 757, ../sass/core/_messages.scss */ .confirmationMsgWrap .confirmationMsgItem em { float: left; color: #0095c8; } /* line 761, ../sass/core/_messages.scss */ .confirmationMsgWrap .confirmationMsgItem p { float: left; margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; width: 90%; } /* line 768, ../sass/core/_messages.scss */ .confirmationMsgItemActions { margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; } /* line 770, ../sass/core/_messages.scss */ .confirmationMsgItemActions .actionButtonIcon { margin: 10px 20px 20px 0px; margin: 1rem 2rem 2rem 0rem; float: left; } /* line 775, ../sass/core/_messages.scss */ .confirmationMsgItemActions .iconsucess, .confirmationMsgItemActions .successBox .messageIcon .iconItem, .successBox .messageIcon .confirmationMsgItemActions .iconItem { margin: 0px 10px 0px 0px; margin: 0rem 1rem 0rem 0rem; } /* ```
Call

To change your details please call XXXXX XXXX XXX

``` */ /* line 804, ../sass/core/_messages.scss */ .messageType1Wrap { padding: 20px 20px 22px 41px; padding: 2rem 2rem 2.2rem 4.1rem; background-color: #edebee; border-bottom: 4px solid #e4dfe3; position: relative; } /* line 809, ../sass/core/_messages.scss */ .messageType1Wrap .messageType1IconWrap { position: absolute; top: 27px; left: 41px; } /* line 812, ../sass/core/_messages.scss */ .messageType1Wrap .messageType1Body { margin: 18px 0px 16px 60px; margin: 1.8rem 0rem 1.6rem 6rem; } /* line 815, ../sass/core/_messages.scss */ .messageType1Wrap .messageType1Text { margin: 18px 0px 0px 0px; margin: 1.8rem 0rem 0rem 0rem; font-size: 20px; font-size: 2rem; font-weight: 700; color: #694e5f; letter-spacing: -1px; } /* line 821, ../sass/core/_messages.scss */ .messageType1Wrap .messageType1Text .messageType1TextHighlight { color: #b292a7; } /* line 829, ../sass/core/_messages.scss */ .messageType2Wrap { padding: 20px 50px 40px 40px; padding: 2rem 5rem 4rem 4rem; position: relative; background-color: #edebee; border-bottom: 4px #e4dfe3 solid; } /* line 834, ../sass/core/_messages.scss */ .messageType2Wrap .messageIconWrap { display: inline-block; vertical-align: baseline; position: absolute; top: 31px; left: 40px; color: #694e5f; } /* line 839, ../sass/core/_messages.scss */ .messageType2Wrap .messageIconWrap em { font-size: 30px; font-size: 3rem; line-height: 1; } /* line 844, ../sass/core/_messages.scss */ .messageType2Wrap .messageBody { margin: 10px 0px 20px 40px; margin: 1rem 0rem 2rem 4rem; } /* line 846, ../sass/core/_messages.scss */ .messageType2Wrap .messageBody h2 { font-size: 30px; font-size: 3rem; color: #694e5f; } /* line 851, ../sass/core/_messages.scss */ .messageType2Wrap .messageText { color: #694e5f; padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; } /* line 854, ../sass/core/_messages.scss */ .messageType2Wrap .messageText:last-child { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* ## Sub Info Header ```
``` */ /* line 866, ../sass/core/_messages.scss */ .subInfoContainer { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* ## Arrow for Help Bubble */ /* line 875, ../sass/core/_messages.scss */ .bubbleContainer { width: 1px; height: 1px; position: relative; display: inline !important; } /* line 882, ../sass/core/_messages.scss */ .iconArrowHelpLeft, .iconArrowHelpLeftModRegPageTwo { width: 24px; height: 24px; background: no-repeat; } /* line 890, ../sass/core/_messages.scss */ .iconArrowHelpLeft, .iconArrowHelpLeftModRegPageTwo { background: url("../images/icon-sprite.png") no-repeat -9px -360px; position: absolute; left: -13px; } /* Message Alert Display ``` 12 ``` */ /* line 901, ../sass/core/_messages.scss */ .messageDisplay { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; min-width: 1.6rem; height: 1.6rem; line-height: 6px; line-height: 0.6rem; width: auto; padding: 5px 5px 5px 5px; padding: 0.5rem 0.5rem 0.5rem 0.5rem; font-size: 12px; font-size: 1.2rem; color: white; text-align: center; } /* line 914, ../sass/core/_messages.scss */ .messageDisplay.messageDisplayInfo { background: #6ba33e; position: absolute; top: -11px; right: -12px; font-weight: bold; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 922, ../sass/core/_messages.scss */ .messageDisplay.messageDisplayInfo { position: absolute; top: -13px; right: -16px; } } /* Pagination items ``` ``` */ /* line 933, ../sass/core/_messages.scss */ .paginationItems { color: #454545; font-size: 1.4rem; font-weight: 100 !important; padding-left: 4px; } /* Message Bubble ```

``` */ /* line 963, ../sass/core/_messages.scss */ .messageBubble { -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; -moz-box-shadow: 1px 3px 5px 1px #e6e6e6; -webkit-box-shadow: 1px 3px 5px 1px #e6e6e6; box-shadow: 1px 3px 5px 1px #e6e6e6; background: #0095c8; width: 40rem; position: absolute; color: white; min-height: 15rem; z-index: 2000; /* Arrow Left ```
  • ``` */ /* Arrow Top ```
  • ``` */ /* Arrow Bottom ```
  • ``` */ } /* line 972, ../sass/core/_messages.scss */ .messageBubble .messageBubbleTools { width: 100%; padding-top: 1rem; padding-right: 1rem; padding-left: 1rem; } /* line 977, ../sass/core/_messages.scss */ .messageBubble .messageBubbleTools li { padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; vertical-align: bottom; } /* line 980, ../sass/core/_messages.scss */ .messageBubble .messageBubbleTools li em { font-size: 16px; font-size: 1.6rem; padding-right: 0.5rem; } /* line 984, ../sass/core/_messages.scss */ .messageBubble .messageBubbleTools li a.baseLink { color: white; } /* line 988, ../sass/core/_messages.scss */ .messageBubble .messageBubbleTools li:first-child { padding-bottom: 0.5rem; padding-left: 0.5rem; } /* line 993, ../sass/core/_messages.scss */ .messageBubble .messageBubbleTools .divider { opacity: 0.4; margin: 0px 5px 0px 5px; margin: 0rem 0.5rem 0rem 0.5rem; font-size: 16px; font-size: 1.6rem; } /* line 999, ../sass/core/_messages.scss */ .messageBubble h3 { font-size: 25px; font-size: 2.5rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; padding: 0px 20px 0px 40px; padding: 0rem 2rem 0rem 4rem; color: #fff; } /* line 1004, ../sass/core/_messages.scss */ .messageBubble h3.bubbleHeader { padding: 0px 20px 0px 0px; padding: 0rem 2rem 0rem 0rem; } /* line 1009, ../sass/core/_messages.scss */ .messageBubble p { font-size: 16px; font-size: 1.6rem; padding: 10px 20px 20px 40px; padding: 1rem 2rem 2rem 4rem; } /* line 1014, ../sass/core/_messages.scss */ .messageBubble .messageBubbleContent { padding: 0px 20px 0px 20px; padding: 0rem 2rem 0rem 2rem; } /* line 1016, ../sass/core/_messages.scss */ .messageBubble .messageBubbleContent .infoIcon { padding: 0px 15px 0px 0px; padding: 0rem 1.5rem 0rem 0rem; } /* line 1020, ../sass/core/_messages.scss */ .messageBubble .messageBubbleContent .infoIcon .iconhelpMod1 { font-size: 30px; font-size: 3rem; width: 3.1rem; } /* line 1027, ../sass/core/_messages.scss */ .messageBubble .messageBubbleContent .messageText { font-size: 16px; font-size: 1.6rem; padding: 0px 0px 40px 0px; padding: 0rem 0rem 4rem 0rem; width: 85%; } /* line 1044, ../sass/core/_messages.scss */ .messageBubble .arrowLeft, .messageBubble .arrowTop, .messageBubble .arrowBottom, .messageBubble .firstExperienceInvestor .messageBubbleMessage .arrowLeft, .firstExperienceInvestor .messageBubbleMessage .messageBubble .arrowLeft, .messageBubble .messageBubbleNavigation .arrowLeft, .messageBubbleNavigation .messageBubble .arrowLeft, .messageBubble .messageBubbleFeedback .arrowBottom, .messageBubbleFeedback .messageBubble .arrowBottom, .messageBubble .messageBubbleDetails .arrowTop, .messageBubbleDetails .messageBubble .arrowTop, .messageBubble .messageBubbleAdviser .arrowTop, .messageBubbleAdviser .messageBubble .arrowTop, .messageBubble .firstExperienceInvestor .messageBubbleNavigation .arrowLeft, .firstExperienceInvestor .messageBubbleNavigation .messageBubble .arrowLeft { width: 14px; height: 20px; background: url("../images/icon-sprite.png") no-repeat; background-position: -45px -538px; } /* line 1058, ../sass/core/_messages.scss */ .messageBubble .arrowLeft { position: absolute; top: 45px; left: -9px; } /* line 1069, ../sass/core/_messages.scss */ .messageBubble .arrowTop { position: absolute; top: -9px; left: 185px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ } /* line 1083, ../sass/core/_messages.scss */ .messageBubble .arrowBottom { position: absolute; bottom: -9px; left: 50%; margin-left: -12px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ } /* line 1096, ../sass/core/_messages.scss */ .ui-tooltip { padding-top: 1.6rem; padding-right: 1.6rem; padding-bottom: 1.6rem; padding-left: 1.6rem; position: absolute; z-index: 9999; min-width: 140px; max-width: 400px; background: #0095c8; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; } /* line 1107, ../sass/core/_messages.scss */ .ui-tooltip-content { color: #FFF; font-size: 14px; font-size: 1.4rem; font-weight: normal; } /* line 1111, ../sass/core/_messages.scss */ .ui-tooltip-content a { color: #FFF; } /* line 1115, ../sass/core/_messages.scss */ .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; bottom: -16px; left: 50%; margin-left: -33px; } /* line 1122, ../sass/core/_messages.scss */ .arrow.top { top: -16px; bottom: auto; } /* line 1126, ../sass/core/_messages.scss */ .arrow.left { left: 20%; } /* line 1129, ../sass/core/_messages.scss */ .arrow:after { content: ""; position: absolute; top: -20px; left: 20px; width: 25px; height: 25px; background: #0095c8; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ } /* line 1140, ../sass/core/_messages.scss */ .arrow.top:after { bottom: -20px; top: auto; } /*Styles for hover tooltips*/ /* line 1147, ../sass/core/_messages.scss */ .ui-tooltip-hover { background: #FFF; border-color: #454545; border-width: 1px; border-style: solid; -moz-box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); -webkit-box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); padding-top: 1.3rem; padding-right: 2rem; padding-bottom: 1.3rem; padding-left: 2rem; } /* line 1152, ../sass/core/_messages.scss */ .ui-tooltip-hover .ui-tooltip-content { color: #454545; font-size: 14px; font-size: 1.4rem; font-weight: normal; } /* line 1156, ../sass/core/_messages.scss */ .ui-tooltip-hover .ui-tooltip-content a { color: #454545; } /* line 1161, ../sass/core/_messages.scss */ .arrow-hover { width: 70px; height: 16px; overflow: hidden; position: absolute; bottom: -16px; left: 50%; margin-left: -33px; } /* line 1168, ../sass/core/_messages.scss */ .arrow-hover.top { top: -16px; bottom: auto; } /* line 1172, ../sass/core/_messages.scss */ .arrow-hover.left { left: 20%; } /* line 1175, ../sass/core/_messages.scss */ .arrow-hover:after { content: ""; position: absolute; top: -20px; left: 20px; width: 25px; height: 25px; background: #FFF; -moz-box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); -webkit-box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ border-color: black; border-width: 1px; border-style: solid; } /* line 1187, ../sass/core/_messages.scss */ .arrow-hover.top:after { bottom: -20px; top: auto; } /* Data Table footer message ``` ``` */ /* line 1204, ../sass/core/_messages.scss */ .dataTableFooterMessage { background: whitesmoke; border-color: #c7c7c7; border-width: 1px; border-style: solid; height: 65px; height: 6.5rem; text-align: center; line-height: 65px; line-height: 6.5rem; } /* line 1211, ../sass/core/_messages.scss */ .dataTableFooterMessage a { color: #454545; } /* ```
    ``` */ /* line 1228, ../sass/core/_messages.scss */ .contentDialog { padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; border-color: #454545; border-width: 1px; border-style: solid; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; background: white; -moz-box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); -webkit-box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); box-shadow: 1px 3px 15px rgba(65, 65, 65, 0.3); position: absolute; top: 9.3rem; width: 39.8rem; z-index: 999; /* Content Dialog list ```
      ``` */ } /* line 1241, ../sass/core/_messages.scss */ .contentDialog.helpBubble { border-color: #0095c8; border-width: 1px; border-style: solid; -moz-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0); -webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 0); box-shadow: 0px 0px 0px rgba(255, 255, 255, 0); color: white; background-color: #0095c8; font-weight: normal; width: 400px; } /* line 1252, ../sass/core/_messages.scss */ .contentDialog.helpBubble.helpBubblePosStyleOne { position: absolute; top: -11rem; left: 3.2rem; } /* line 1256, ../sass/core/_messages.scss */ .contentDialog.helpBubble.helpBubblePosStyleOne .expandArrow { background: url("../images/icon-sprite.png") no-repeat -50px -583px; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); position: absolute; top: 9.9rem; left: 0.7rem; } /* line 1270, ../sass/core/_messages.scss */ .contentDialog .contentDialogList { border-bottom: 1px whitesmoke solid; padding: 8px 0px 8px 0px; padding: 0.8rem 0rem 0.8rem 0rem; } /* line 1274, ../sass/core/_messages.scss */ .contentDialog .contentDialogList li .accountTotal { text-align: right; font-size: 16px; font-size: 1.6rem; width: 16.9rem; } /* line 1282, ../sass/core/_messages.scss */ .contentDialog .contentDialogList .normalText, .contentDialog .contentDialogList .formLabelCheckBox.formLabelStyleTwo, .contentDialog .contentDialogList .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 label .contentDialog .contentDialogList .markOptional, .contentDialog .contentDialogList .formBlockContainerMod4 label.normalText, .formBlockContainerMod4 .contentDialog .contentDialogList label.normalText { color: #8f8f8f; line-height: 1.5; } /* line 1289, ../sass/core/_messages.scss */ .contentDialog a.baseLink:last-child .contentDialogList { border-bottom: 0; } /* line 1290, ../sass/core/_messages.scss */ .contentDialog .contentDialogList.contentDialogListLast { border: none; } /* line 1293, ../sass/core/_messages.scss */ .contentDialog .contentDialogSubTitles { font-size: 16px; font-size: 1.6rem; width: 19rem; } /* line 1299, ../sass/core/_messages.scss */ .contentDialog .expandArrowMod2 { top: -1.6rem !important; left: 50%; margin: 0px 0px 0px -14px; margin: 0rem 0rem 0rem -1.4rem; } /* line 1304, ../sass/core/_messages.scss */ .contentDialog .listContent li { line-height: 16px; line-height: 1.6rem; } /* line 1312, ../sass/core/_messages.scss */ .dropShadow .successBox { -moz-box-shadow: 0px 4px 3px #c7c7c7; -webkit-box-shadow: 0px 4px 3px #c7c7c7; box-shadow: 0px 4px 3px #c7c7c7; } /* # Layout /* ## Variables $backGroundImage */ /* ## Site layout structure * **div:layoutContainer** * **-----aside:layoutUtilBar** * ---------div:layoutUtilBarWrap * ------------div:utilBar * **-----div:layoutContent * ---------header:layoutHeader * ------------nav:layoutHeaderWrap * ---------article:layoutMain * ------------div:layoutMainWrap * ---------footer:layoutFooter * ------------div:layoutFooterWrp */ /* line 27, ../sass/core/_layout.scss */ html, body { height: 100%; } /* line 32, ../sass/core/_layout.scss */ .layoutContainer { background-color: #fafafa; width: 100%; min-width: 980px; max-width: 100%; height: 100%; display: table; position: relative; } /* line 40, ../sass/core/_layout.scss */ .layoutContainer .layoutUtilBar { display: table-cell; background-color: #444444; position: fixed; top: 0; left: 0; z-index: 5; height: 100%; } /* line 47, ../sass/core/_layout.scss */ .layoutContainer .layoutUtilBar .layoutUtilBarWrap { width: 80px; } /* line 52, ../sass/core/_layout.scss */ .layoutContainer .layoutContent { width: 100%; display: table-cell; min-height: 100%; height: 100%; position: relative; } /* line 60, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutHeader { width: 100%; background-color: #fff; padding-left: 80px; } /* line 65, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutHeader .layoutHeaderWrap { width: 900px; min-height: 80px; } /* line 70, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutMain { width: 100%; padding-bottom: 100px; padding-left: 80px; } /* line 75, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutMain .layoutMainWrap { width: 900px; padding: 42px 0 60px 60px; } /* line 81, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutMainMod1 { padding-bottom: 00px; padding-left: 0px; } /* line 84, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutMainMod1 .detailedViewExpanded { border-bottom: none; padding: 10px 0px 20px 0px; padding: 1rem 0rem 2rem 0rem; } /* line 89, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter { bottom: 0; position: absolute; width: 95%; display: table-cell; padding-left: 80px; } /* line 95, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter .layoutFooterWrp { width: 900px; height: 100px; padding-top: 20px; padding-right: 60px; padding-bottom: 20px; padding-left: 60px; } /* line 100, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter .layoutFooterWrp .layoutFooterNav { margin: -7px 0px 0px 0px; margin: -0.7rem 0rem 0rem 0rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; list-style-type: none; } /* line 104, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter .layoutFooterWrp .layoutFooterNav li { color: #BABABA; font-size: 12px; font-size: 1.2rem; list-style-type: none; display: inline; padding: 0px 0px 0px 15px; padding: 0rem 0rem 0rem 1.5rem; } /* line 110, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter .layoutFooterWrp .layoutFooterNav li a { color: #BABABA; text-decoration: none; } /* line 113, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter .layoutFooterWrp .layoutFooterNav li a:hover { color: white; text-decoration: none; } /* line 121, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooter .layoutFooterWrpMod1 { height: 40px; text-align: right; padding: 20px 0px 20px 60px; padding: 2rem 0rem 2rem 6rem; position: relative; } /* line 128, ../sass/core/_layout.scss */ .layoutContainer .layoutContent .layoutFooterMod1 { background-color: #454545; width: 100%; } /* ### Site logo ``` BT ``` */ /* line 151, ../sass/core/_layout.scss */ .logoWrap { text-indent: -9000em; background-image: url(../images/btLogo.png); background-repeat: no-repeat; height: 40px; width: 200px; float: left; } /* line 158, ../sass/core/_layout.scss */ .logoWrap a { height: 40px; width: 200px; display: block; overflow: hidden; } /* line 164, ../sass/core/_layout.scss */ .logoWrap.logoWrapLarge { width: 200px; height: 70px; background-image: url(../images/btLogo-large.png); } /* line 168, ../sass/core/_layout.scss */ .logoWrap.logoWrapLarge a { width: 200px; height: 70px; } /* ## Site logo modifier ``` BT ``` */ /* line 190, ../sass/core/_layout.scss */ .logoWrapPos { margin: 20px 20px 20px 15px; margin: 2rem 2rem 2rem 1.5rem; } /* ## Top navigation menu ``` ``` */ /* line 229, ../sass/core/_layout.scss */ .topMenu .topMenuItem { height: 80px; list-style: none; float: left; } /* line 234, ../sass/core/_layout.scss */ .topMenu .topMenuItem .topMenuItemLink { position: absolute; top: 3rem; margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; } /* line 244, ../sass/core/_layout.scss */ .topMenu .topMenuItem .topMenuItemLink .linkIconTextLabelMod2 { width: 150px; } /* line 247, ../sass/core/_layout.scss */ .topMenu .topMenuItem .topMenuItemLink .userName { width: 14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; max-width: 14rem; overflow: hidden; display: inline-block; } /* line 255, ../sass/core/_layout.scss */ .topMenu .topMenuItem .linkIcon:link { color: #454545; } /* line 258, ../sass/core/_layout.scss */ .topMenu .topMenuItem .linkIcon:visited { color: #454545; } /* line 261, ../sass/core/_layout.scss */ .topMenu .topMenuItem .linkIcon:hover { color: #707070; } /* line 264, ../sass/core/_layout.scss */ .topMenu .topMenuItem .linkIcon:active { color: #454545; } /* line 281, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemSub { width: 8rem; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } /* line 286, ../sass/core/_layout.scss */ .topMenu .topMenuItemMod1 { border-left: 1px solid #eaeaea; } /* line 287, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemSub.topMenuItemMod2 em.iconalertsalt { margin-left: 31px; } /* line 288, ../sass/core/_layout.scss */ .topMenu li.topMenuItem:last-child { width: 11rem; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } /* line 294, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper li { border: none; } /* line 298, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper li.sectionAction { width: 2rem; position: absolute; right: 3px; } /* line 302, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper li.sectionAction a { color: #454545; } /* line 304, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper li.sectionAction a:hover { color: #707070; } /* line 306, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper li.sectionAction .iconarrowfulldown { font-size: 12px; font-size: 1.2rem; } /* line 311, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemMain { width: 19rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 190px; max-width: 19rem; padding-left: 12px; overflow: visible; } /* line 315, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemMain .topMenuItemLink { display: block; } /* line 318, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemMain .iconDropWrapperTopNav { margin: 0px 5px 25px 20px; margin: 0rem 0.5rem 2.5rem 2rem; } /* line 321, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemMain .linkIconTextLabel { vertical-align: middle; } /* line 324, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemMain .topMenuItemTxtName { width: 14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; max-width: 14rem; } /* line 331, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper .topMenuItemTxtName { width: 21.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 216px; max-width: 21.6rem; } /* line 335, ../sass/core/_layout.scss */ .topMenu .globalContentWrapper .topMenuItemPhone { line-height: 10px; line-height: 1rem; } /* line 340, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemMainMod2 { border-left: 1px solid #eaeaea; } /* line 345, ../sass/core/_layout.scss */ .topMenu .topMenuMenuItemSub em { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; } /* ## Utility bar (Left side menu) ``` ``` ### Utility bar active state Using .utilBarItemBActive to indicate the active state. ``` ``` */ /* line 436, ../sass/core/_layout.scss */ .utilBar { width: 60px; position: fixed; top: 120px; left: 20px; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; background-color: #565655; z-index: 100; } /* line 446, ../sass/core/_layout.scss */ .utilBar .linkIcon { width: 60px; height: 60px; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; text-align: center; } /* line 451, ../sass/core/_layout.scss */ .utilBar .linkIcon:link { color: white; } /* line 454, ../sass/core/_layout.scss */ .utilBar .linkIcon:visited { color: white; } /* line 457, ../sass/core/_layout.scss */ .utilBar .linkIcon:hover { color: white; background-color: #676766; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /* line 462, ../sass/core/_layout.scss */ .utilBar .linkIcon:active { color: white; } /* line 467, ../sass/core/_layout.scss */ .utilBar .utilBarItemBActive { background-color: #fafafa; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /* line 470, ../sass/core/_layout.scss */ .utilBar .utilBarItemBActive .linkIcon { color: #444444; } /* line 472, ../sass/core/_layout.scss */ .utilBar .utilBarItemBActive .linkIcon:hover { background-color: #fafafa; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /* line 481, ../sass/core/_layout.scss */ .utilBarMod1 { top: 200px; } /*## Main content Box */ /* Login page layout */ /* line 498, ../sass/core/_layout.scss */ .layoutContainerAlpha { width: 100%; min-width: 980px; max-width: 100%; height: 100%; display: table; position: relative; } /* line 508, ../sass/core/_layout.scss */ .layoutHeaderAlpha { width: 100%; background-color: white; padding-left: 100px; } /* line 513, ../sass/core/_layout.scss */ .layoutHeaderAlpha .layoutHeaderAlphaWrap { width: 900px; min-height: 80px; } /* line 517, ../sass/core/_layout.scss */ .layoutHeaderAlpha .logoWrapPos { padding-left: 0px; } /* line 522, ../sass/core/_layout.scss */ .layoutContentAlpha { width: 100%; padding-bottom: 80px; padding-left: 100px; } /* line 526, ../sass/core/_layout.scss */ .layoutContentAlpha .layoutContentAlphaWrap { width: 900px; min-height: 100%; margin: 40px 0; position: relative; } /* line 531, ../sass/core/_layout.scss */ .layoutContentAlpha .layoutContentAlphaWrap .noteBoxWrap { position: absolute; top: 57px; right: 100px; width: 280px; } /* line 535, ../sass/core/_layout.scss */ .layoutContentAlpha .layoutContentAlphaWrap .noteBoxWrapMod1 { top: 161px; } /* line 538, ../sass/core/_layout.scss */ .layoutContentAlpha .layoutContentAlphaWrap .noteBoxWrapMod, .layoutContentAlpha .layoutContentAlphaWrap .noteBoxWrapMod.noteBoxWrapMod1 { position: relative; right: auto; float: left; margin-bottom: 3rem; margin-left: -65px; } /* line 545, ../sass/core/_layout.scss */ .layoutContentAlpha .layoutContentAlphaWrap .noteBoxWrapMod.noteBoxWrapMod2 { margin-left: -280px; } /* line 552, ../sass/core/_layout.scss */ .logonContainer .noticeBox, .registerContainer .noticeBox, .passwordResetContainer .noticeBox { width: 680px; } /* line 554, ../sass/core/_layout.scss */ .logonContainer .noticeBox .noticeBoxWrapper li:last-child, .registerContainer .noticeBox .noticeBoxWrapper li:last-child, .passwordResetContainer .noticeBox .noticeBoxWrapper li:last-child { width: 87%; } /* line 558, ../sass/core/_layout.scss */ .layoutFooterAlpha { width: 100%; /*background-color: $backgroundColorAlpha;*/ height: auto; /*position: absolute; bottom: 0; left: 0;*/ padding-left: 100px; } /* line 566, ../sass/core/_layout.scss */ .layoutFooterAlpha .layoutFooterAlphaWrap { width: 900px; min-height: 80px; margin: 40px 0; } /* line 569, ../sass/core/_layout.scss */ .layoutFooterAlpha .layoutFooterAlphaWrap a.linkTextAlpha { margin-left: 20px; } /* line 577, ../sass/core/_layout.scss */ ul.listCircle { margin: 0px 0px 0px 13px; margin: 0rem 0rem 0rem 1.3rem; } /* line 579, ../sass/core/_layout.scss */ ul.listCircle li { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; list-style: disc outside; } /* line 585, ../sass/core/_layout.scss */ .contentInfoWrapMod1 { margin: 20px 0px 50px 0px; margin: 2rem 0rem 5rem 0rem; } /* line 589, ../sass/core/_layout.scss */ .overlayViewContent { background: none repeat scroll 0 0 #F4F4F4; border-top: 1px solid #C8C8C8; box-shadow: 0 2px 1px 0 #E6E6E6 inset; display: none; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 597, ../sass/core/_layout.scss */ .overlayViewContent { margin: -9px 0px 0px 0px; margin: -0.9rem 0rem 0rem 0rem; } } /* ## Global Footer Linked Pages Layout */ /* line 605, ../sass/core/_layout.scss */ .footerCMSContentPanel { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; font-size: 16px; font-size: 1.6rem; color: #454545; } /* line 609, ../sass/core/_layout.scss */ .footerCMSContentPanel h1 { font-size: 40px; font-size: 4rem; } /* line 610, ../sass/core/_layout.scss */ .footerCMSContentPanel h2 { font-size: 25px; font-size: 2.5rem; } /* line 611, ../sass/core/_layout.scss */ .footerCMSContentPanel h1, .footerCMSContentPanel h2 { border-bottom: 1px #cccccc solid; padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; color: #454545; } /* line 618, ../sass/core/_layout.scss */ .footerCMSContentPanel h2.mod1 { border: 0; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 622, ../sass/core/_layout.scss */ .footerCMSContentPanel h3, .footerCMSContentPanel h4, .footerCMSContentPanel h5, .footerCMSContentPanel h6 { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; color: #454545; font-size: 16px; font-size: 1.6rem; } /* line 627, ../sass/core/_layout.scss */ .footerCMSContentPanel h3 { font-size: 20px; font-size: 2rem; } /* line 628, ../sass/core/_layout.scss */ .footerCMSContentPanel h4 { font-size: 18px; font-size: 1.8rem; } /* line 629, ../sass/core/_layout.scss */ .footerCMSContentPanel p, .footerCMSContentPanel ul, .footerCMSContentPanel ol { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; line-height: 16px; line-height: 1.6rem; } /* line 633, ../sass/core/_layout.scss */ .footerCMSContentPanel ul { margin: 0px 0px 0px 13px; margin: 0rem 0rem 0rem 1.3rem; } /* line 636, ../sass/core/_layout.scss */ .footerCMSContentPanel ol { margin: 0px 0px 0px 17px; margin: 0rem 0rem 0rem 1.7rem; } /* line 640, ../sass/core/_layout.scss */ .footerCMSContentPanel ol li, .footerCMSContentPanel ul li { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 643, ../sass/core/_layout.scss */ .footerCMSContentPanel ol li { list-style: decimal outside; /*giving OL's LIs generated numbers*/ } /* line 646, ../sass/core/_layout.scss */ .footerCMSContentPanel ul li { list-style: disc outside; /*giving UL's LIs generated disc markers*/ } /* line 649, ../sass/core/_layout.scss */ .footerCMSContentPanel ul.noBullets { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; } /* line 653, ../sass/core/_layout.scss */ .footerCMSContentPanel ul.noBullets li { list-style: none outside; /*giving UL's LIs generated disc markers*/ } /* line 657, ../sass/core/_layout.scss */ .footerCMSContentPanel .innerList { margin: 0px 0px 0px 30px; margin: 0rem 0rem 0rem 3rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 662, ../sass/core/_layout.scss */ .footerCMSContentPanel dl { overflow: hidden; } /* line 665, ../sass/core/_layout.scss */ .footerCMSContentPanel dt { width: 17%; padding: 0px 0px 9px 0px; padding: 0rem 0rem 0.9rem 0rem; line-height: 14px; line-height: 1.4rem; } /* line 671, ../sass/core/_layout.scss */ .footerCMSContentPanel dd { width: 83%; padding: 0px 0px 9px 0px; padding: 0rem 0rem 0.9rem 0rem; line-height: 14px; line-height: 1.4rem; } /* line 676, ../sass/core/_layout.scss */ .footerCMSContentPanel dd .multiLines { line-height: 22px; line-height: 2.2rem; } /* line 681, ../sass/core/_layout.scss */ .footerCMSContentPanel dl.large dt { width: 22%; } /* line 682, ../sass/core/_layout.scss */ .footerCMSContentPanel dl.large dd { width: 78%; } /* line 684, ../sass/core/_layout.scss */ .footerCMSContentPanel table { border-collapse: collapse; /*border:1px solid #EAEAEA;*/ border-color: #eaeaea; border-width: 1px; border-style: solid; font-size: 14px; font-size: 1.4rem; width: 100%; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 693, ../sass/core/_layout.scss */ .footerCMSContentPanel table tr { border-top: 1px solid #cccccc; } /* line 695, ../sass/core/_layout.scss */ .footerCMSContentPanel table tr th { border-collapse: separate; border-color: #454545; border-width: 3px; border-style: solid; color: #2C2B29; /*font-size:1.2rem;*/ white-space: nowrap; text-align: left; vertical-align: top; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } /* line 705, ../sass/core/_layout.scss */ .footerCMSContentPanel table tr td { overflow: hidden; text-align: left; line-height: 18px; line-height: 1.8rem; height: 45px; height: 4.5rem; height: auto; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; vertical-align: top; } /* line 716, ../sass/core/_layout.scss */ .footerCMSContentPanel table.plainContent { border: none; width: auto; } /* line 719, ../sass/core/_layout.scss */ .footerCMSContentPanel table.plainContent tr { border-top: none; } /* line 721, ../sass/core/_layout.scss */ .footerCMSContentPanel table.plainContent tr th { border: none; padding: 5px 10px 5px 0px; padding: 0.5rem 1rem 0.5rem 0rem; } /* line 725, ../sass/core/_layout.scss */ .footerCMSContentPanel table.plainContent tr td { padding: 5px 10px 5px 0px; padding: 0.5rem 1rem 0.5rem 0rem; } /* line 731, ../sass/core/_layout.scss */ .footerCMSContentPanel .formBlockContainer .formBlock { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; } /* line 735, ../sass/core/_layout.scss */ .footerCMSContentPanel .formBlockContainer .formBlock .formLabelCheckBox { width: 97%; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; } /* line 741, ../sass/core/_layout.scss */ .footerCMSContentPanel .formBlockContainer .setBottomGutter { margin-bottom: 20px !important; } /* line 746, ../sass/core/_layout.scss */ .footerCMSContentPanelMod1 { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; } /* line 751, ../sass/core/_layout.scss */ .footerCMSContentPanelMod1 .formBlockContainer .formBlock .formLabelCheckBox { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem; } /* line 757, ../sass/core/_layout.scss */ .footerCMSContentPanelMod1 h4 { padding: 0px 0px 2px 0px; padding: 0rem 0rem 0.2rem 0rem; } /* line 760, ../sass/core/_layout.scss */ .footerCMSContentPanelMod1 p, .footerCMSContentPanelMod1 ul, .footerCMSContentPanelMod1 ol { line-height: 20px; line-height: 2rem; } /* line 764, ../sass/core/_layout.scss */ .footerCMSContentPanelMod1 ul ul.noBullets, .footerCMSContentPanelMod1 ol ul.noBullets { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* ## Page Header Layout */ /* line 774, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper { width: 100%; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 0px 0px 15px 0px; padding: 0rem 0rem 1.5rem 0rem; border-bottom: 1px #c5c5c5 solid; } /* line 780, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetailHeader { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 785, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetailHeader h1 { font-size: 40px; font-size: 4rem; color: #454545; } /* line 790, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetailHeader .multipleAccountSwitcher { width: 50rem; } /* line 797, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetailIcon { margin: 9px 10px 0px 0px; margin: 0.9rem 1rem 0rem 0rem; } /* line 801, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pagepageDetailSubHeader { margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; text-align: right; } /* line 806, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pagepageDetailSubHeader h2 { font-size: 30px; font-size: 3rem; color: #454545; margin-top: 4px; margin-bottom: 3px; } /* line 815, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails { margin: 0px 0px 25px 0px; margin: 0rem 0rem 2.5rem 0rem; padding: 15px 0px 13px 0px; padding: 1.5rem 0rem 1.3rem 0rem; } /* line 819, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails .pageDetailItem { width: 33.333%; } /* line 822, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails .pageDetailItem h2 { font-size: 14px; font-size: 1.4rem; color: #454545; margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; letter-spacing: -0.3px; } /* line 827, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails .pageDetailItem h2.pageDetailItemMod2 { letter-spacing: 0; } /* line 832, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails .pageDetailItemMod1 { text-align: right; } /* line 835, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails .pageDetailItemMod1 h2 { margin-top: 3px; } /* line 838, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper .pageDetails.pageDetailsMod1 { border-bottom: 0; margin-bottom: 0; } /* line 843, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper.pageDetailHeaderWrapperMod1 { padding-bottom: 0; margin-bottom: 2rem; } /* line 847, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper.pageDetailHeaderWrapperMod2 { margin-top: -17px; } /* line 849, ../sass/core/_layout.scss */ .pageDetailHeaderWrapper.pageDetailHeaderWrapperMod2 .infoBox { width: 100%; } /* line 853, ../sass/core/_layout.scss */ .pageDetailHeaderWrapperMod3 { border-bottom: none; } /* line 856, ../sass/core/_layout.scss */ .pageDetailHeaderWrapperMod4 { border-bottom: none; margin-bottom: 1rem; } /* ### Section header */ /* line 867, ../sass/core/_layout.scss */ .sectionHeaderWrapper { width: 100%; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .sectionHeaderWrapper:before, .sectionHeaderWrapper:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .sectionHeaderWrapper:after { clear: both; } /* line 876, ../sass/core/_layout.scss */ .sectionHeaderWrapper .sectionAction { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; } /* line 882, ../sass/core/_layout.scss */ .sectionHeaderWrapper.sectionHeaderWrapperMod1 { text-align: right; } /* line 884, ../sass/core/_layout.scss */ .sectionHeaderWrapper.sectionHeaderWrapperMod1 .sectionAction { float: none !important; margin-left: 1.6rem; } /* ## Dl Layout options */ /* line 896, ../sass/core/_layout.scss */ .setFull { width: 100%; float: none; clear: both; } /* line 902, ../sass/core/_layout.scss */ .setQuarter { width: 25%; } /* line 907, ../sass/core/_layout.scss */ .setHalf, .rowWrapMod1 .colWrap { width: 50%; } /* line 913, ../sass/core/_layout.scss */ .setHalf.setHalfMod1, .rowWrapMod1 .setHalfMod1.colWrap { width: 180px; } /* line 916, ../sass/core/_layout.scss */ .setHalf.setHalfMod2, .rowWrapMod1 .setHalfMod2.colWrap { width: 260px; } /* line 921, ../sass/core/_layout.scss */ .setHalf.setHalfMod3 dt, .rowWrapMod1 .setHalfMod3.colWrap dt { width: 33%; } /* line 926, ../sass/core/_layout.scss */ .setHalf.setHalfMod4 dt, .rowWrapMod1 .setHalfMod4.colWrap dt { width: 40%; } /* line 929, ../sass/core/_layout.scss */ .setHalf.setHalfMod4 dd, .rowWrapMod1 .setHalfMod4.colWrap dd { width: 55%; } /* line 934, ../sass/core/_layout.scss */ .setThird { width: 33%; } /* line 939, ../sass/core/_layout.scss */ .setTwoThirds { width: 42%; } /* line 943, ../sass/core/_layout.scss */ .spaceWrapper { padding: 0px 10px 0px 20px; padding: 0rem 1rem 0rem 2rem; width: 100%; } /* ##Expand Arrow Creates the expand arrow for inline modals This element nees to be included inside on the top of the inline Modal and left position is calculated via JS */ /* line 962, ../sass/core/_layout.scss */ .expandArrow, .contentDialogMod1 .expandArrow.expandArrowMod3 { background: url("../images/icon-sprite.png") no-repeat -138px -486px; width: 28px; height: 17px; position: absolute; top: -11px; } /* line 972, ../sass/core/_layout.scss */ .expandArrowMod1 { background: url("../images/icon-sprite.png") no-repeat -138px -486px; position: absolute; z-index: 20; top: 5rem; left: 50%; margin-left: -24px; } /* line 982, ../sass/core/_layout.scss */ .expandArrowMod2 { background: url("../images/icon-sprite.png") no-repeat -9px -573px; position: absolute; z-index: 20; top: 5rem; left: 40%; } /* line 990, ../sass/core/_layout.scss */ .expandArrowMod3 { background: url("../images/icon-sprite.png") no-repeat -9px -540px !important; height: 16px; } /* line 995, ../sass/core/_layout.scss */ .expandArrowMod4 { background: url("../images/icon-sprite.png") no-repeat -45px -515px; position: absolute; z-index: 20; top: 5rem; left: 40%; } /* line 1003, ../sass/core/_layout.scss */ .expandArrowMod5 { background: url("../images/icon-sprite.png") no-repeat -9px -540px; right: 1px; } /* ## Modals */ /* C15 Modal -----------------------------------------------------------*/ /* line 1017, ../sass/core/_layout.scss */ .modalBox { background: white; -webkit-border-radius: 0.6rem; -moz-border-radius: 0.6rem; border-radius: 0.6rem; min-height: 550px; height: auto!important; overflow: hidden; margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } .activateAccountContent { min-height: 450px; } .modalBoxPPID { min-height: 100px; height: 310px !important; width: 530px !important; } /* line 1025, ../sass/core/_layout.scss */ .modalBox .modalContent { width: 460px; margin: 36px auto 80px auto; } .activateAccountContent .modalContent { margin-bottom: 0; } /* line 1030, ../sass/core/_layout.scss */ .modalBox .modalContentMod1 { width: 630px; } /* line 1033, ../sass/core/_layout.scss */ .modalBox .modalContentMod2 { width: 500px; } /* line 1037, ../sass/core/_layout.scss */ .modalBox .modalContentMod3 { padding: 0px 60px 50px 60px; padding: 0rem 6rem 5rem 6rem; background-color: white; } /* line 1041, ../sass/core/_layout.scss */ .modalBox .modalContentMod4 { width: 560px; margin-top: 32px; margin-left: 60px; } /* line 1045, ../sass/core/_layout.scss */ .modalBox .modalContentMod5 { margin: 36px auto 30px auto; } /* line 1049, ../sass/core/_layout.scss */ .modalBox .modalContentMod6 { width: 480px; } /* line 1054, ../sass/core/_layout.scss */ .modalBoxOverflowVisible { overflow: visible; } /* line 1057, ../sass/core/_layout.scss */ .modalBoxNoMinHeight { min-height: inherit; } /* line 1062, ../sass/core/_layout.scss */ .modalForm fieldset, .modalForm { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; width: 100%; } /* line 1066, ../sass/core/_layout.scss */ .modalForm { padding: 0px 0px 0px 11px; padding: 0rem 0rem 0rem 1.1rem; margin-left: -16px; } /* line 1070, ../sass/core/_layout.scss */ .modalForm .panelBox:last-child { margin-bottom: 0; } /* line 1074, ../sass/core/_layout.scss */ .modalClose { /*@include position(absolute, 3rem 3rem 0 0); background:$modalCloseBG; @include hideText; width:$modalCloseSize; height:$modalCloseSize;*/ position: absolute; top: 3rem; right: 3rem; } /* line 1084, ../sass/core/_layout.scss */ .modalBG { background: 50% 50% #454545; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; zoom: 1; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 22px; height: 22px; } /* line 1096, ../sass/core/_layout.scss */ .modalBanner { height: 110px; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1103, ../sass/core/_layout.scss */ .panelBox { height: auto; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 1107, ../sass/core/_layout.scss */ .panelBox.headerTextItem { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1110, ../sass/core/_layout.scss */ .panelBox.headerTextItem.bottomGutter { margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } /* line 1114, ../sass/core/_layout.scss */ .modalBox.logonBusyDialog, .modalBox.amountToInvestBusyDialog { height: 14rem !important; width: 38rem !important; min-height: 100px; box-shadow: none; margin-bottom: 0; padding: 52px 0px 0px 0px; padding: 5.2rem 0rem 0rem 0rem; text-align: center; float: left; } /* line 1123, ../sass/core/_layout.scss */ .modalBox.logonBusyDialog .modalTitle, .modalBox.amountToInvestBusyDialog .modalTitle { width: 90%; margin: 0 0 0 1rem; border-top: 0; text-indent: 0; } /* line 1129, ../sass/core/_layout.scss */ .modalBox.logonBusyDialog h1, .modalBox.amountToInvestBusyDialog h1 { font-size: 30px; font-size: 3rem; } /* line 1131, ../sass/core/_layout.scss */ .modalBox.logonBusyDialog h1 em, .modalBox.amountToInvestBusyDialog h1 em { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; } /* line 1133, ../sass/core/_layout.scss */ .modalBox.logonBusyDialog .modalTitleBar, .modalBox.amountToInvestBusyDialog .modalTitleBar { display: none; } /* line 1141, ../sass/core/_layout.scss */ .logonBusyDialogStyleTwo { background: transparent; } /* line 1143, ../sass/core/_layout.scss */ .logonBusyDialogStyleTwo em { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; } /* line 1147, ../sass/core/_layout.scss */ .logonBusyDialogStyleTwo .modalClose { display: none; } /* line 1153, ../sass/core/_layout.scss */ .multiplePanelContent { float: left; width: 49%; margin: 20px 80px 0px 30px; margin: 2rem 8rem 0rem 3rem; padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; width: 90%; } /* line 1164, ../sass/core/_layout.scss */ .multiPanelHeader { margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } /* line 1167, ../sass/core/_layout.scss */ .modalScollBox { overflow-y: scroll; height: 100px; width: 100%; } /* line 1173, ../sass/core/_layout.scss */ .compressModal { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1177, ../sass/core/_layout.scss */ .modalLogoContainer { margin: 20px 0px 0px 20px; margin: 2rem 0rem 0rem 2rem; } /* line 1183, ../sass/core/_layout.scss */ .modalBrandContainer { margin: 20px 5px 0px 0px; margin: 2rem 0.5rem 0rem 0rem; width: 80%; } /*Global Header Content Section*/ /* line 1192, ../sass/core/_layout.scss */ .globalContentWrapper { padding: 20px 10px 30px 15px; padding: 2rem 1rem 3rem 1.5rem; position: relative; min-height: 80px; } /* line 1196, ../sass/core/_layout.scss */ .globalContentWrapper .sectionHeader { width: 230px; } /* line 1201, ../sass/core/_layout.scss */ .globalContentWrapper .sectionAction { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1204, ../sass/core/_layout.scss */ .globalContentWrapper .sectionAction em { margin-top: 8px; } /* line 1210, ../sass/core/_layout.scss */ .globalContentWrapper:hover .sectionAction em { color: #707070; } /* ## Detailed Expanded View */ /* line 1219, ../sass/core/_layout.scss */ .detailedViewExpanded { border-bottom: 1px #c5c5c5 solid; padding: 10px 0px 30px 0px; padding: 1rem 0rem 3rem 0rem; margin: 0px 0px 25px 0px; margin: 0rem 0rem 2.5rem 0rem; } /* line 1227, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer .header { margin-bottom: .5rem; line-height: 2rem; } /* line 1233, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer .dataSummary dt { margin: 0px 5.5px 10px 0px; margin: 0rem 0.55rem 1rem 0rem; } /* line 1235, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer .dataSummary dt.last { margin-bottom: 4px; } /* line 1236, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer .dataSummary dt.headerSummarySubGroup { margin-bottom: 0; } /* line 1240, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer .dataSummary dd:last-child { margin-bottom: 4px; } /* line 1241, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer .dataSummary dd.headerSummarySubGroup { margin-bottom: 0; } /* line 1246, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerSecond .listContent.listContentMod2 li { margin: 0px 0px 4px 0px; margin: 0rem 0rem 0.4rem 0rem; } /* line 1248, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerSecond .listContent.listContentMod2 li.mod1 { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1254, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerFirst { width: 225px; } /* line 1257, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerFirst .dataSummary dd { width: 48%; overflow: hidden; word-wrap: break-word; } /* line 1264, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerSecond { border-left: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid; width: 260px; overflow: hidden; word-wrap: break-word; } /* line 1271, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerThird { width: 355px; } /* line 1274, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerFour { width: 610px; } /* line 1277, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerFour .dataSummary dt { width: 20%; } /* line 1280, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerFour .dataSummary dd { width: 78%; overflow: hidden; word-wrap: break-word; } /* line 1287, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerNoRightBorder { border-right: none; } /* line 1290, ../sass/core/_layout.scss */ .detailedViewExpanded .layoutMainHeaderItem { width: 100%; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1294, ../sass/core/_layout.scss */ .detailedViewExpanded .layoutMainHeaderItem .iconSetPosStyleOne { margin-right: 10px; } /* line 1298, ../sass/core/_layout.scss */ .detailedViewExpanded .detailViewHeader { font-size: 25px; font-size: 2.5rem; margin: 5px 0px 0px 10px; margin: 0.5rem 0rem 0rem 1rem; } /* line 1302, ../sass/core/_layout.scss */ .detailedViewExpanded .detailViewHeaderMod1 { margin: 5px 0px 10px 0px; margin: 0.5rem 0rem 1rem 0rem; } /* line 1305, ../sass/core/_layout.scss */ .detailedViewExpanded .headerSummarySubTitle { font-size: 14px; font-size: 1.4rem; margin: 2px 0px 11px 0px; margin: 0.2rem 0rem 1.1rem 0rem; letter-spacing: 0; } /* line 1310, ../sass/core/_layout.scss */ .detailedViewExpanded .iconclose, .detailedViewExpanded .modalClose { position: absolute; right: 0; top: 20px; color: #454545; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1319, ../sass/core/_layout.scss */ .detailedViewExpanded .headerSummarySubTitle { margin-bottom: 1.2rem; } /* line 1320, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerSecond .listContent.listContentMod2 li { margin-bottom: .9rem; } /* line 1321, ../sass/core/_layout.scss */ .detailedViewExpanded .detailedViewContainer.detailedViewContainerSecond .listContent.listContentMod2 li.mod1 { margin-top: .9rem; } } /* line 1324, ../sass/core/_layout.scss */ .dataSummary { line-height: 20px; line-height: 2rem; width: 100%; } /* line 1328, ../sass/core/_layout.scss */ .dataSummary dt { width: 46%; margin: 0px 10px 8px 0px; margin: 0rem 1rem 0.8rem 0rem; } /* line 1333, ../sass/core/_layout.scss */ .dataSummary dd { width: 50%; margin: 0px 0px 8px 0px; margin: 0rem 0rem 0.8rem 0rem; } /* line 1340, ../sass/core/_layout.scss */ .dataSummary .ddAlign { float: none; } /* line 1344, ../sass/core/_layout.scss */ .dataSummary dt { margin-right: .55rem; } /* line 1347, ../sass/core/_layout.scss */ .dataSummary dt.headerSummarySubGroup { margin: 0px 5.5px 0px 0px; margin: 0rem 0.55rem 0rem 0rem; } /* line 1349, ../sass/core/_layout.scss */ .dataSummary dt.headerSummarySubGroup .iconbpay { color: #243366; } /* line 1351, ../sass/core/_layout.scss */ .dataSummary dd.headerSummarySubGroup { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1357, ../sass/core/_layout.scss */ .dataSummaryExtended { padding: 0px 0px 25px 0px; padding: 0rem 0rem 2.5rem 0rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1362, ../sass/core/_layout.scss */ .headerSummaryMod1 { padding: 40px 60px 40px 38px; padding: 4rem 6rem 4rem 3.8rem; border-left: 1px #c7c7c7 solid; border-right: 1px #c7c7c7 solid; } /* line 1366, ../sass/core/_layout.scss */ .headerSummaryMod1 dt { width: 115px; margin: 0px 20px 10px 0px; margin: 0rem 2rem 1rem 0rem; } /* line 1370, ../sass/core/_layout.scss */ .headerSummaryMod1 dd { width: 59%; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1373, ../sass/core/_layout.scss */ .headerSummaryMod1 dd.listContentItemText { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1380, ../sass/core/_layout.scss */ .headerSummaryMod2 dt { width: 33%; margin: 0px 1px 4px 0px; margin: 0rem 0.1rem 0.4rem 0rem; } /* line 1384, ../sass/core/_layout.scss */ .headerSummaryMod2 dd { width: 65%; margin: 0px 0px 4px 0px; margin: 0rem 0rem 0.4rem 0rem; } /* line 1392, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 { padding: 35px 40px 50px 40px; padding: 3.5rem 4rem 5rem 4rem; border-left: 1px #c7c7c7 solid; border-right: 1px #c7c7c7 solid; } /* line 1396, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .headerSummary { width: 48%; } /* line 1398, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .headerSummary dt { width: 25%; } /* line 1401, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .headerSummary dd { width: 73%; } /* line 1405, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .requestSummary { width: 50%; padding: 0px 0px 0px 30px; padding: 0rem 0rem 0rem 3rem; } /* line 1409, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .requestSummary h5 { padding: 0px 0px 15px 0px; padding: 0rem 0rem 1.5rem 0rem; } /* line 1411, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .requestSummary h5 em { display: inline-block; float: none; margin: 1px 0px 0px 5px; margin: 0.1rem 0rem 0rem 0.5rem; } /* line 1417, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .requestSummary .headerSummary { width: 98%; } /* line 1419, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .requestSummary .headerSummary dt, .listType5 .listItemWrapper .listItemContentMod1 .requestSummary .headerSummary dd { width: auto; } /* line 1425, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .happeningBox { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 1428, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .happeningBox .noticeBoxWrapper li { width: auto; } /* line 1431, ../sass/core/_layout.scss */ .listType5 .listItemWrapper .listItemContentMod1 .happeningBox .noticeBoxWrapper li.noticeBoxText { width: 90%; border: none; } /* line 1442, ../sass/core/_layout.scss */ .listType6 .formLabelCheckBox { float: left; margin: 4px 0px 0px 2px; margin: 0.4rem 0rem 0rem 0.2rem; } /* line 1449, ../sass/core/_layout.scss */ .headerSummaryMod3 { padding: 40px 20px 40px 40px; padding: 4rem 2rem 4rem 4rem; border-left: 1px #c7c7c7 solid; } /* line 1452, ../sass/core/_layout.scss */ .headerSummaryMod3 dt { width: 10%; } /* line 1455, ../sass/core/_layout.scss */ .headerSummaryMod3 dd { width: 88%; } /* line 1460, ../sass/core/_layout.scss */ .detailedViewCollapsed { border-bottom: 1px #c5c5c5 solid; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 1rem 0; } /* line 1465, ../sass/core/_layout.scss */ .detailedViewCollapsed .detailedViewInfo { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1468, ../sass/core/_layout.scss */ .detailedViewCollapsed .detailedViewInfo .stringTruncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 175px; max-width: 17.5rem; line-height: 1.2em; margin-top: -1em; position: absolute; } /* line 1478, ../sass/core/_layout.scss */ .detailedViewCollapsed:after { clear: both; content: "."; visibility: hidden; width: 100%; height: 0; line-height: 0px; line-height: 0rem; } /* line 1488, ../sass/core/_layout.scss */ .detailedViewCollapsed .detailedViewInfo dt, .detailedViewCollapsed .detailedViewInfo dd { line-height: 40px; line-height: 4rem; margin: 0px 0px 0px 5px; margin: 0rem 0rem 0rem 0.5rem; } /* line 1493, ../sass/core/_layout.scss */ .detailedViewCollapsed .detailedViewInfo dt { margin-left: 2rem; } /* line 1497, ../sass/core/_layout.scss */ .logonContainer, .registerContainer, .passwordResetContainer { float: left; width: 680px; } /* line 1500, ../sass/core/_layout.scss */ .logonContainer .formBlock em.formFieldMessageError, .registerContainer .formBlock em.formFieldMessageError, .passwordResetContainer .formBlock em.formFieldMessageError { width: 390px; } /* line 1505, ../sass/core/_layout.scss */ .logonContainer .formBlockLast { margin-top: 30px; } /* line 1506, ../sass/core/_layout.scss */ .logonContainer .formFooterWrap { margin-top: 10px; } /* line 1509, ../sass/core/_layout.scss */ .floatNone, .iconSetBorder.floatNone { float: none !important; } /* line 1511, ../sass/core/_layout.scss */ .multiAccountHeadContainer { padding-left: 58px; } /* line 1516, ../sass/core/_layout.scss */ .multiAccountHeadContainer a h1 { cursor: pointer !important; } /* line 1517, ../sass/core/_layout.scss */ .multiAccountHeadContainer a p { color: #454545; } /* line 1518, ../sass/core/_layout.scss */ .multiAccountHeadContainer a em.iconmenu, .multiAccountHeadContainer a .iconSetBorderHeavy { color: #454545; } /* line 1520, ../sass/core/_layout.scss */ .multiAccountHeadContainer a:hover em.iconmenu, .multiAccountHeadContainer a:hover .iconSetBorderHeavy { color: #0095c8; } /* line 1523, ../sass/core/_layout.scss */ .multiAccountHeadContainer h1 { cursor: default !important; } /* line 1524, ../sass/core/_layout.scss */ .multiAccountHeadContainer .iconSetBorder.iconSetBorderHeavy { margin: 9px 16px 0px -58px; margin: 0.9rem 1.6rem 0rem -5.8rem; vertical-align: middle; } /* line 1533, ../sass/core/_layout.scss */ .multiAccountHeadContainerMod1:hover .iconSetBorder.iconSetBorderHeavy { color: #0095c8; border-color: #0095c8; } /* line 1541, ../sass/core/_layout.scss */ .topMenuItem .iconsettings { margin-right: 6px; } /* line 1542, ../sass/core/_layout.scss */ .topMenuItem .iconalertsalt { font-size: 15px; font-size: 1.5rem; } /* line 1545, ../sass/core/_layout.scss */ .iconModAlign1 { width: 35px; } /* line 1549, ../sass/core/_layout.scss */ .topBottomSeparators { margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; padding: 25px 0px 25px 0px; padding: 2.5rem 0rem 2.5rem 0rem; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; } /* line 1555, ../sass/core/_layout.scss */ .topBottomGutterSpace { padding: 30px 0px 30px 0px; padding: 3rem 0rem 3rem 0rem; } /* line 1558, ../sass/core/_layout.scss */ .topBottomGutterSpaceMod1 { padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } /* line 1561, ../sass/core/_layout.scss */ .itemSeparator { height: 5px; border-bottom: 1px #e6e6e6 solid; width: 100%; text-transform: uppercase; clear: both; position: relative; float: left; } /* line 1569, ../sass/core/_layout.scss */ .itemSeparator span { font-size: 10px; font-size: 1rem; font-weight: 700; text-align: center; margin: 0 auto; width: 32px; background: #fafafa; line-height: 10px; line-height: 1rem; position: absolute; top: -1px; left: 0; right: 0; height: 10px; } /* line 1586, ../sass/core/_layout.scss */ .downloadDropdownPanel .itemSeparator { margin: 16px 0px 14px 0px; margin: 1.6rem 0rem 1.4rem 0rem; width: 277px; } /* line 1589, ../sass/core/_layout.scss */ .downloadDropdownPanel .itemSeparator span { background: #fff; } /* line 1596, ../sass/core/_layout.scss */ .headerWrapAlpha { position: relative; } /* line 1600, ../sass/core/_layout.scss */ .headerWrapAlpha .mainHeaderItem { width: 300px; margin: -11px 0px 0px 0px; margin: -1.1rem 0rem 0rem 0rem; } /* line 1604, ../sass/core/_layout.scss */ .headerWrapAlpha .mainHeaderItem small { float: right; margin: 32px 0px 0px 0px; margin: 3.2rem 0rem 0rem 0rem; letter-spacing: -0.5px; font-size: 16px; font-size: 1.6rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1604, ../sass/core/_layout.scss */ .headerWrapAlpha .mainHeaderItem small { float: none; margin: 32px 0px 0px 60px; margin: 3.2rem 0rem 0rem 6rem; } } /* line 1614, ../sass/core/_layout.scss */ .headerWrapAlpha .mainHeaderItem.mod3 { width: 100%; } /* line 1617, ../sass/core/_layout.scss */ .headerWrapAlpha .mainHeaderItem.mod4 { width: 45.6%; } /* line 1624, ../sass/core/_layout.scss */ ul.twoColScrollableList li { width: 100%; display: inline-block; } /* line 1627, ../sass/core/_layout.scss */ ul.twoColScrollableList li .clientName { width: 40%; display: inline-block; } /* line 1631, ../sass/core/_layout.scss */ ul.twoColScrollableList li .accountID { width: 55%; display: inline-block; text-align: right; } /* line 1636, ../sass/core/_layout.scss */ ul.twoColScrollableList li input[type="checkbox"] { margin: 3px 10px 5px 0px; margin: 0.3rem 1rem 0.5rem 0rem; } /* line 1639, ../sass/core/_layout.scss */ ul.twoColScrollableList li.header { padding: 15px 10px 15px 20px; padding: 1.5rem 1rem 1.5rem 2rem; text-transform: none; } /* line 1643, ../sass/core/_layout.scss */ ul.twoColScrollableList li.dataDesc { border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 156px; overflow-x: hidden; overflow-y: scroll; } /* line 1650, ../sass/core/_layout.scss */ ul.twoColScrollableList li.dataDesc ul li { padding: 15px 10px 15px 20px; padding: 1.5rem 1rem 1.5rem 2rem; border-bottom: 1px solid #e6e6e6; } /* line 1653, ../sass/core/_layout.scss */ ul.twoColScrollableList li.dataDesc ul li .clientName { width: 42%; } /* line 1656, ../sass/core/_layout.scss */ ul.twoColScrollableList li.dataDesc ul li .accountID { width: 57%; } /* line 1669, ../sass/core/_layout.scss */ .ftueContainer { padding-top: 65px; padding-left: 40px; } /* line 1674, ../sass/core/_layout.scss */ .ftueContainer .ftueMessage { color: white; line-height: 40px; font-size: 35px; font-size: 3.5rem; margin-top: 1.4rem; width: 340px; } /* line 1686, ../sass/core/_layout.scss */ .ftueContainer .ftueMessage .styleOne { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; zoom: 1; } /* line 1689, ../sass/core/_layout.scss */ .ftueContainer .ftueMessage .styleTwo { color: #454545; } /* line 1692, ../sass/core/_layout.scss */ .ftueContainer .ftueMessage .styleThree { color: #ad93a4; } /* line 1697, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerAdvOne .ftueHero { margin-top: -3px; margin-left: 4px; } /* line 1702, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerAdvTwo .ftueHero { margin-top: -6px; margin-left: -6px; } /* line 1707, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerAdvThree .ftueMessage { width: 350px; } /* line 1710, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerAdvThree .ftueHero { margin-top: -6px; margin-left: -10px; } /* line 1715, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerInvOne .ftueHero { margin-top: -6px; margin-left: -6px; } /* line 1720, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerInvTwo .ftueHero { margin-top: -5px; margin-left: -1px; } /* line 1725, ../sass/core/_layout.scss */ .ftueContainer.ftueContainerInvThree .ftueHero { margin-top: -8px; margin-left: 1px; } /* line 1732, ../sass/core/_layout.scss */ .avokaIframe iframe { background-color: #fafafa!important; overflow-x: hidden!important; width: 840px; width: 842px \9; } /* line 1742, ../sass/core/_layout.scss */ #jq-avokaFormContainer iframe, .clientSetupAvokaFormContainer iframe { overflow-x: hidden !important; min-width: 855px !important; } /* line 1748, ../sass/core/_layout.scss */ .investorAvokaForm { background-color: #FAFAFA !important; } /* line 1753, ../sass/core/_layout.scss */ .investorAvokaForm .layoutContentAlphaWrap2 .infoBox { width: 98%; } /* ##Form Elements */ /* Form Variables $borderValue
      $borderColor
      $borderStyle */ /* ### Text Input Font input fields have a normal state and error and success state ####Normal State ####Normal Focus State ####Error State ####Success State ####Disabled State ####Disabled State Modifier 1 */ /* line 87, ../sass/core/_forms.scss */ .formTextInput, .dk_input { border-color: #bababa; border-width: 1px; border-style: solid; background: white; height: 5rem; padding: 0px 5px 0px 17px; padding: 0rem 0.5rem 0rem 1.7rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; font-size: 16px; font-size: 1.6rem; color: #454545; } /* line 99, ../sass/core/_forms.scss */ .formTextInput:focus, .dk_input:focus { border-color: #454545; border-width: 1px; border-style: solid; background: white; } /* line 103, ../sass/core/_forms.scss */ .formTextInput:focus ~ a.selectButton, .dk_input:focus ~ a.selectButton, .formTextInput:focus ~ a.calendarIconLink, .dk_input:focus ~ a.calendarIconLink { border-color: #454545; } /* line 109, ../sass/core/_forms.scss */ .formTextInput.textInputError, .textInputError.dk_input { background: #edf8fc; border-color: #92c6d9; border-width: 1px; border-style: solid; } /* line 113, ../sass/core/_forms.scss */ .formTextInput.textInputError ~ a.selectButton, .textInputError.dk_input ~ a.selectButton, .formTextInput.textInputError ~ a.calendarIconLink, .textInputError.dk_input ~ a.calendarIconLink { border-color: #93c6d9; background-color: #edf8fc; } /* line 121, ../sass/core/_forms.scss */ .formTextInput.textInputSuccess, .textInputSuccess.dk_input { background: #eff4ea; border-color: #99c077; border-width: 1px; border-style: solid; } /* line 126, ../sass/core/_forms.scss */ .formTextInput[readonly="readonly"], [readonly="readonly"].dk_input { background: whitesmoke; border-color: #c7c7c7; border-width: 1px; border-style: solid; color: #454545; } /* line 136, ../sass/core/_forms.scss */ .editableTextField .formTextInput:hover, .editableTextField .dk_input:hover { background: white; border-color: #bababa; } /* line 141, ../sass/core/_forms.scss */ .readOnly { background: whitesmoke !important; } /* line 145, ../sass/core/_forms.scss */ .formTextInputMod1[readonly="readonly"] { background: whitesmoke; } /* line 147, ../sass/core/_forms.scss */ .formTextInputMod1[readonly="readonly"]:hover { background-color: white; cursor: pointer; border-color: #454545; border-width: 1px; border-style: solid; } /* line 153, ../sass/core/_forms.scss */ .formTextInputMod1[readonly="readonly"]:focus { border-color: #454545; border-width: 1px; border-style: solid; background: white; } /* line 159, ../sass/core/_forms.scss */ .textInputDisabled { background: whitesmoke; } /*###Form Input with Construct the size of a form element with adding inputStyleOne to teh input field #### for Styles ``` */ /* line 175, ../sass/core/_forms.scss */ .inputStyleOne { width: 60px; width: 6rem; } /* line 178, ../sass/core/_forms.scss */ .inputStyleTwo { width: 120px; width: 12rem; } /* line 181, ../sass/core/_forms.scss */ .inputStyleThree, .formBlockContainerMod3 .iconWrapper .formTextInput.inputStyleThree, .formBlockContainerMod3 .iconWrapper .inputStyleThree.dk_input { width: 180px; width: 18rem; } /* line 184, ../sass/core/_forms.scss */ span.inputStyleThreeWrap { display: inline !important; } /* line 188, ../sass/core/_forms.scss */ .inputStyleFour, .formBlockContainerMod3 .iconWrapper .formTextInput.inputStyleFour, .formBlockContainerMod3 .iconWrapper .inputStyleFour.dk_input { width: 240px; width: 24rem; } /* line 192, ../sass/core/_forms.scss */ .inputStyleFive { width: 320px; width: 32rem; } /* line 196, ../sass/core/_forms.scss */ .inputStyleSix { width: 440px; width: 44rem; } /* line 200, ../sass/core/_forms.scss */ .inputStyleSeven { width: 90px; width: 9rem; } /* line 203, ../sass/core/_forms.scss */ .inputStyleEight { width: 340px; width: 34rem; } .inputStyleEightAddRemove { width: 340px; width: 23rem; } .inputStyleTime { width: 340px; width: 10rem; } td div { margin-right: 40px; } .divTime { float:left; } /* line 206, ../sass/core/_forms.scss */ .inputStyleNine { width: 480px; width: 48rem; } /* line 210, ../sass/core/_forms.scss */ .inputStyleTen { width: 505px; width: 50.5rem; } /* line 214, ../sass/core/_forms.scss */ .inputStyleEleven { width: 145px; width: 14.5rem; } /* line 217, ../sass/core/_forms.scss */ .inputStyleTwelve { width: 95px; width: 9.5rem; } /* line 222, ../sass/core/_forms.scss */ .inputStyleThirteen { width: 445px; width: 44.5rem; } /* line 227, ../sass/core/_forms.scss */ .inputStyleSearch { width: 660px; width: 66rem; height: 6rem; } /* line 233, ../sass/core/_forms.scss */ .inputStyleAlignOne { margin-right: 2.3rem; } /*##Specialty Labels ### Stage Base ``` ``` ### Stage Base with solid inset ``` ``` ### Stage base wuth dotted inset ``` ``` ### Stage with Bridge and variation of color and dotted ```
      ``` */ /* line 298, ../sass/core/_forms.scss */ .stageBaseLabel { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; height: 60px; width: 60px; border-color: #d4d4d4; border-width: 1px; border-style: solid; background: white; -webkit-font-smoothing: antialiased; } /* line 311, ../sass/core/_forms.scss */ .stageInset { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; width: 40px; height: 40px; position: absolute; top: 9px; right: 9px; font-size: 10px; font-size: 1rem; text-align: center; vertical-align: center; text-transform: uppercase; line-height: 37px; -webkit-font-smoothing: antialiased; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 327, ../sass/core/_forms.scss */ .stageInset { font-weight: 100; font-size: 9px; font-size: 0.9rem; } } /* line 333, ../sass/core/_forms.scss */ .stageInset.stageInsetSolid { border-color: #2c2a29; border-width: 2px; border-style: solid; } /* line 337, ../sass/core/_forms.scss */ .stageInset.stageInsetDotted { border-color: #cacaca; border-width: 2px; border-style: dotted; } /* line 340, ../sass/core/_forms.scss */ .stageInset.stageInsetColor { border: none; color: white; border-color: white; border-width: 2px; border-style: solid; } /* line 348, ../sass/core/_forms.scss */ .stageInset.stageInsetColor.colorAlert { background: #e62615; } /* line 353, ../sass/core/_forms.scss */ .stageInset.stageInsetColor.colorInfo { background: #e97300; } /* line 357, ../sass/core/_forms.scss */ .stageInset.stageInsetColor.colorOk { background: #6ba539; } /* line 362, ../sass/core/_forms.scss */ .stageInsetMod2 { font-size: 18px; font-size: 1.8rem; } /* line 367, ../sass/core/_forms.scss */ .stageInsetBridge { width: 20px; height: 5px; background: white; position: absolute; top: 57px; right: 19px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; z-index: 100; text-align: center; } /* line 376, ../sass/core/_forms.scss */ .stageInsetBridge em { color: black; font-size: 21px; font-size: 2.1rem; position: absolute; top: -7px; right: -1px; text-shadow: 0px 2px 1px #fff; } /* line 383, ../sass/core/_forms.scss */ .stageInsetBridge.stageInsetBridgeMod1 { height: 14px; } /* line 389, ../sass/core/_forms.scss */ .stageInsetBridgeRev { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); position: absolute; top: 57px; right: 19px; } /* line 396, ../sass/core/_forms.scss */ .contentOutput { margin: 9px 0px 0px 19px; margin: 0.9rem 0rem 0rem 1.9rem; font-size: 14px; font-size: 1.4rem; } /* line 400, ../sass/core/_forms.scss */ .contentOutput .setTopGutter { margin-top: 10px; } /* line 403, ../sass/core/_forms.scss */ .contentOutput.contentOutPutStyleOne { margin-top: 0.5rem; margin-left: 0rem; } /* line 409, ../sass/core/_forms.scss */ .formBlock { /*@include blockMargin(1.5, 0.5, 1.5, 0.5);*/ margin: 15px 5px 15px 0px; margin: 1.5rem 0.5rem 1.5rem 0rem; height: auto; } /* line 419, ../sass/core/_forms.scss */ .modalBox .formBlock.formBlockMod1 { margin-left: 0; } /* line 421, ../sass/core/_forms.scss */ .modalBox .formBlock.formBlockMod1.disclaimer { margin: 0; } /* line 424, ../sass/core/_forms.scss */ .expandedContent .formBlock { margin: 15px 10px 15px 10px; margin: 1.5rem 1rem 1.5rem 1rem; clear: none; } /* line 434, ../sass/core/_forms.scss */ .expandedContentMod1 .formBlockMod3 { clear: both; } /* line 438, ../sass/core/_forms.scss */ .formBlock .inputContainer { margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } /* line 443, ../sass/core/_forms.scss */ .formBlock .inputAddContainer { margin: 30px 0px 0px 0px; margin: 3rem 0rem 0rem 0rem; } /* line 451, ../sass/core/_forms.scss */ .formLabel, .formLabelCheckBox { text-align: left; margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; font-size: 14px; font-size: 1.4rem; } /* line 457, ../sass/core/_forms.scss */ .formLabelCheckBox.tnc { width: 95%; } /* line 465, ../sass/core/_forms.scss */ input[type="checkbox"] { float: left; margin: 8px 5px 5px 0px; margin: 0.8rem 0.5rem 0.5rem 0rem; } /* line 470, ../sass/core/_forms.scss */ .dataTable input[type="checkbox"] { margin: 4px 5px 5px 0px; margin: 0.4rem 0.5rem 0.5rem 0rem; } /* line 477, ../sass/core/_forms.scss */ .modalCheckBox input[type="checkbox"] { margin: 4px 5px 5px 10px; margin: 0.4rem 0.5rem 0.5rem 1rem; } /* line 489, ../sass/core/_forms.scss */ .formLabel { float: none; } /* line 494, ../sass/core/_forms.scss */ .formLabel.formLabelStyleOne { width: 8rem; } /* line 498, ../sass/core/_forms.scss */ .formLabel.formLabelStyleOne.formLabelAlignment { margin-top: 1.5rem; } /* line 504, ../sass/core/_forms.scss */ .formLabel.formLabelStyleTwo { width: 8rem; } /* line 508, ../sass/core/_forms.scss */ .formLabel.formLabelStyleTwo.formLabelAlignment { margin-top: 3.5rem; } /* line 515, ../sass/core/_forms.scss */ .formLabelAppDetail { float: none; } /* line 519, ../sass/core/_forms.scss */ .formLabelAppDetail.formLabelStyleOne { width: 25rem; } /* line 523, ../sass/core/_forms.scss */ .formLabelAppDetail.formLabelStyleOne.formLabelAlignment { margin-top: 1.5rem; } /* line 530, ../sass/core/_forms.scss */ .formLabelError { color: #454545; } /* line 533, ../sass/core/_forms.scss */ .formOutputLabel { float: left; font-size: 14px; font-size: 1.4rem; } /* line 538, ../sass/core/_forms.scss */ .labelNominee { clear: both; font-weight: normal; font-family: Arial, sans-serif; } /* line 544, ../sass/core/_forms.scss */ .formOutput { text-align: left; margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; font-size: 14px; font-size: 1.4rem; } /* line 550, ../sass/core/_forms.scss */ .formTxtInputSearch { padding: 0px 0px 0px 45px; padding: 0rem 0rem 0rem 4.5rem; } /* line 553, ../sass/core/_forms.scss */ .formTxtInputAmount { padding: 0px 0px 0px 29px; padding: 0rem 0rem 0rem 2.9rem; } /* line 557, ../sass/core/_forms.scss */ .formTextArea { height: 2.2em; padding: 0; } /* line 563, ../sass/core/_forms.scss */ .formFieldError { border: 1px solid #faacac; background: #fef8ec; } /* line 567, ../sass/core/_forms.scss */ .formFieldMessageError { font-style: normal; font-weight: bold; color: #0095c8; clear: both; font-size: 12px; font-size: 1.2rem; margin: 8px 0px 0px 0px; margin: 0.8rem 0rem 0rem 0rem; } /* line 576, ../sass/core/_forms.scss */ .formFieldMessageDisclaimer { font-weight: normal; color: #454545; font-size: 10px; font-size: 1rem; } /* line 581, ../sass/core/_forms.scss */ .repeatEndDateWrapper { width: 70%; margin-left: 1rem; } /* line 590, ../sass/core/_forms.scss */ .formFieldMessage { clear: both; font-size: 14px; font-size: 1.4rem; margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; } /* line 597, ../sass/core/_forms.scss */ .formFieldMessageMod1 { line-height: 1; } /* line 598, ../sass/core/_forms.scss */ .formSelectInput { font-size: 14px; font-size: 1.4rem; } /* line 606, ../sass/core/_forms.scss */ .optional { color: #454545; font-size: 12px; font-size: 1.2rem; font-style: normal; font-weight: 100; float: right; margin: 0 0.2em 0 0; } /* line 615, ../sass/core/_forms.scss */ .formCurrency { position: absolute; top: 40px; left: 1.4rem; font-size: 14px; font-size: 1.4rem; width: 15px; text-align: center; } /* line 624, ../sass/core/_forms.scss */ .setPositionCurrency { position: absolute; top: 13px; left: 3px; } /* line 627, ../sass/core/_forms.scss */ .setPositionCurrencyMod1 { position: absolute; top: 16px; left: 3px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 631, ../sass/core/_forms.scss */ .setPositionCurrencyMod1 { position: absolute; top: 17px; left: 3px; } } /* line 635, ../sass/core/_forms.scss */ .formBoxSpacing { margin: 10px 0; } /* line 643, ../sass/core/_forms.scss */ .selectSearch, .ui-autocomplete { background: white; z-index: 120; padding: 0; max-height: 250px; overflow-y: auto; overflow-x: hidden; } /* line 655, ../sass/core/_forms.scss */ .selectSearchMod1 { width: 100%; } /* line 659, ../sass/core/_forms.scss */ .selectSearch .toggleWidget { margin: 4px 0px 5px 5px; margin: 0.4rem 0rem 0.5rem 0.5rem; } /* line 663, ../sass/core/_forms.scss */ .selectSearch h5 { width: 55%; } /* line 666, ../sass/core/_forms.scss */ .selectOptions { margin-top: 5px; position: absolute; right: 0; width: 100%; } /* line 672, ../sass/core/_forms.scss */ .selectOptionsInner { overflow: auto; background: white; } /* line 677, ../sass/core/_forms.scss */ .selectOptionsInner, .selectTouch .selectOptions { max-height: 145px; min-height: 35px; overflow-y: auto; } /* line 684, ../sass/core/_forms.scss */ .dk_input { cursor: pointer; } /* line 688, ../sass/core/_forms.scss */ .setSelectContainerGutter { margin: 30px 0px 0px 0px; margin: 3rem 0rem 0rem 0rem; } /* line 690, ../sass/core/_forms.scss */ .setSelectContainerGutter .selectContainer { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } /* line 694, ../sass/core/_forms.scss */ .dk_input:focus + a { border-left: 1px solid #454545; } /* line 697, ../sass/core/_forms.scss */ .dk_input:focus + a.selectButton { border-left: 1px solid #c8c8c8 !important; } /* line 700, ../sass/core/_forms.scss */ .selectContainer:focus { outline: 0; } /* line 703, ../sass/core/_forms.scss */ .selectContainer a { text-decoration: none; } /* line 711, ../sass/core/_forms.scss */ .selectOpen { z-index: 10; } /* line 716, ../sass/core/_forms.scss */ .selectOptions { background: white; } /* line 721, ../sass/core/_forms.scss */ .selectOptions li:last-child a { border-bottom: none; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ /* line 729, ../sass/core/_forms.scss */ .selectContainer { display: none; float: left; color: #454545; } /* line 735, ../sass/core/_forms.scss */ .selectContainer a { outline: 0; padding: 0.5em; font-size: 14px; font-size: 1.4rem; } /*.selectContainer a.selectToggleButton { @include blockPadding(0,0,0,0); @include blockMargin(0,0,0,-4.5); left:$smallInput - 10; } */ /*.selectToggleButton{ top:9px!important; }*/ /* line 749, ../sass/core/_forms.scss */ .selectToggle { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; } /* line 762, ../sass/core/_forms.scss */ .selectOpen .selectLabel { color: inherit; } /* line 765, ../sass/core/_forms.scss */ .selectOptions { margin-top: -1px; position: absolute; right: 0rem; width: 100%; z-index: -1; } /* line 776, ../sass/core/_forms.scss */ .selectOptionsInner { overflow: auto; top: 5px; } /* line 783, ../sass/core/_forms.scss */ .selectTouch .selectOptions { overflow: hidden; margin-top: 4px; } /* line 787, ../sass/core/_forms.scss */ .selectTouch .selectOptionsInner { max-height: none; overflow: visible; } /* line 791, ../sass/core/_forms.scss */ .dk_fouc select { top: -99999em; visibility: hidden; } /* line 797, ../sass/core/_forms.scss */ .resetForm { width: auto; margin: 0; float: none; } /*Maturity Instructions*/ /* line 810, ../sass/core/_forms.scss */ .maturityInstructionList { width: 33rem; } /* line 813, ../sass/core/_forms.scss */ .maturityInstructionListMod2 { width: 27rem; } /* line 816, ../sass/core/_forms.scss */ .maturitySaveSuccess { margin: 20px 0px 20px 30px; margin: 2rem 0rem 2rem 3rem; } /* ## Tooltip icon for form fields ``` Help ``` */ /* line 835, ../sass/core/_forms.scss */ .formTextInputWrap { position: relative; display: inline-block; } /* line 838, ../sass/core/_forms.scss */ .formTextInputWrap .fieldHelpIconWrap { position: absolute; right: -25px; top: 0px; margin: 0px 5px 0px 5px; margin: 0rem 0.5rem 0rem 0.5rem; } /* line 847, ../sass/core/_forms.scss */ .formBlockContainer .formBlockMod1 { margin: 15px 5px 15px 5px; margin: 1.5rem 0.5rem 1.5rem 0.5rem; } /* line 853, ../sass/core/_forms.scss */ .formBlockContainer .formBlockMod3 { margin: 15px 5px 15px 0px; margin: 1.5rem 0.5rem 1.5rem 0rem; } /* line 857, ../sass/core/_forms.scss */ .formBlockContainer .formBlockMod4 { margin: 10px 5px 0px 0px; margin: 1rem 0.5rem 0rem 0rem; } /* Below CSS Rule written for BGL Download Calender module - Chrome browser only */ @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 866, ../sass/core/_forms.scss */ .jq-bglDataDownloadOptionsList { overflow: visible !important; } } /* ## Form fields modifier .formBlockContainerMod1 */ /* line 883, ../sass/core/_forms.scss */ .formBlockContainerMod1 .formBlock { margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } /* line 886, ../sass/core/_forms.scss */ .formBlockContainerMod1 .formBlockFirst { margin: 10px 0px 20px 0px; margin: 1rem 0rem 2rem 0rem; } /* line 889, ../sass/core/_forms.scss */ .formBlockContainerMod1 .formBlockLast { margin: 40px 0px 20px 0px; margin: 4rem 0rem 2rem 0rem; } /* line 899, ../sass/core/_forms.scss */ .formBlockContainerMod2 .formBlock { margin: 15px 10px 15px 10px; margin: 1.5rem 1rem 1.5rem 1rem; clear: none; } /* line 905, ../sass/core/_forms.scss */ .formBlockContainerMod2 .formBlockMod1 { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 908, ../sass/core/_forms.scss */ .formBlockContainerMod2 .formBlockMod2 { margin: 15px 5px 15px 0px; margin: 1.5rem 0.5rem 1.5rem 0rem; } /* line 922, ../sass/core/_forms.scss */ .formBlockContainerMod3 { border-color: #c8c8c8; border-width: 1px; border-style: solid; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; } /* line 926, ../sass/core/_forms.scss */ .formBlockContainerMod3 h2 { color: #454545; font-size: 30px; font-size: 3rem; margin: 33px 48px 32px 40px; margin: 3.3rem 4.8rem 3.2rem 4rem; width: 13.1rem; } /* line 932, ../sass/core/_forms.scss */ .formBlockContainerMod3 .formBlock { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; clear: none; } /* line 942, ../sass/core/_forms.scss */ .formBlockContainerMod3 .formBlockMod3 { margin: 20px 19px 15px 0px; margin: 2rem 1.9rem 1.5rem 0rem; width: 18rem; } /* line 946, ../sass/core/_forms.scss */ .formBlockContainerMod3 .formBlockModButton { margin: 54.5px 40px 0px 0px; margin: 5.45rem 4rem 0rem 0rem; } /* line 951, ../sass/core/_forms.scss */ .formBlockContainerMod3 .formBlockModButtonLeft { margin-top: 4.2rem; margin-right: 4rem; } /* line 956, ../sass/core/_forms.scss */ .formBlockContainerMod3 .iconWrapper .formTextInput, .formBlockContainerMod3 .iconWrapper .dk_input { width: 18rem; } /* line 965, ../sass/core/_forms.scss */ .formBlockContainerMod4 { border: none; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 968, ../sass/core/_forms.scss */ .formBlockContainerMod4 label { font-weight: bold; padding-bottom: 0.5rem; } /* line 972, ../sass/core/_forms.scss */ .formBlockContainerMod4 label .markOptional { font-weight: normal; } /* line 977, ../sass/core/_forms.scss */ .formBlockContainerMod4 label.normalText, .formBlockContainerMod4 label.formLabelCheckBox.formLabelStyleTwo, .formBlockContainerMod4 label label.markOptional, .formBlockContainerMod4 label.normalText { font-weight: normal; font-size: 14px; font-size: 1.4rem; } /* line 983, ../sass/core/_forms.scss */ .formBlockContainerMod4 .hintDesc { font-size: 12px; font-size: 1.2rem; padding-top: 0.3rem; } /* line 987, ../sass/core/_forms.scss */ .formBlockContainerMod4 .verticalSeparatorText { width: auto; } /* line 989, ../sass/core/_forms.scss */ .formBlockContainerMod4 .verticalSeparatorText ul { margin: 25px 0px 0px 0px; margin: 2.5rem 0rem 0rem 0rem; } /* line 991, ../sass/core/_forms.scss */ .formBlockContainerMod4 .verticalSeparatorText ul li { margin: 0 auto; line-height: 10px; text-align: center; font-size: 10px; font-size: 1rem; } /* line 997, ../sass/core/_forms.scss */ .formBlockContainerMod4 .verticalSeparatorText ul li.line { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; line-height: normal; } /* line 1000, ../sass/core/_forms.scss */ .formBlockContainerMod4 .verticalSeparatorText ul li.line span { border-left: 1px #c5c5c5 solid; padding: 13px 0px 5px 0px; padding: 1.3rem 0rem 0.5rem 0rem; } /* line 1007, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockModButton { margin: 38px 0px 0px 0px; margin: 3.8rem 0rem 0rem 0rem; } /* line 1010, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod3 { margin: 15px 19px 5px 0px; margin: 1.5rem 1.9rem 0.5rem 0rem; } /* line 1013, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod3 .radioGroup li { margin: 10px 10px 5px 0px; margin: 1rem 1rem 0.5rem 0rem; } /* line 1016, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod3 .radioGroup li input { margin: 2px 3px 10px 0px; margin: 0.2rem 0.3rem 1rem 0rem; } /* line 1020, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod3 .radioGroup li label { font-weight: normal; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 1028, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod3 .radioGroup.secoundLevel li { margin-top: 0rem; margin-right: 1.5rem; margin-bottom: 0rem; margin-left: 0rem; } /* line 1030, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod3 .radioGroup.secoundLevel li input { margin-top: 0.2rem; margin-right: 0.3rem; margin-bottom: 0rem; margin-left: 0rem; } /* line 1037, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockFirstLine { margin: 5px 19px 5px 0px; margin: 0.5rem 1.9rem 0.5rem 0rem; } /* line 1041, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod2 { width: 440px; width: 44rem; margin-top: 1.5rem; margin-right: 1.9rem; margin-bottom: 0.5rem; } /* line 1044, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod2 .iconWrapper .selectDropDown { width: 440px; width: 44rem; } /* line 1049, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod4 { width: 240px; width: 24rem; } /* line 1051, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod4 .iconWrapper .selectDropDown { width: 240px; width: 24rem; } /* line 1054, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod4 .selectContainer .selectOptionsInner { max-height: none; } /* line 1059, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod8 { width: 380px; width: 38rem; } /* line 1061, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod8 .iconWrapper .selectDropDown { width: 380px; width: 38rem; } /* line 1064, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod8 .selectContainer .selectOptionsInner { max-height: none; } /* line 1068, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod7 { margin: 15px 19px 5px 0px; margin: 1.5rem 1.9rem 0.5rem 0rem; } /* line 1070, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod7 .ui-datepicker { margin-top: 1px; } /* line 1073, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod7 .calendarPlaceHolder .tip { display: none; } /* line 1077, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod65 { width: 650px; width: 65rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1080, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod65 .dropDownIconPosition { vertical-align: top !important; } } /* line 1084, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod65 .iconWrapper .dk_input { width: 630px; width: 63rem; height: 6rem; } /* line 1089, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod65 .iconWrapper a.selectButton { height: 5.8rem; } /* line 1092, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod65 .iconHelpPanel { vertical-align: top !important; } /* line 1094, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod65 .iconHelpPanel .iconhelpMod1 { vertical-align: top !important; } /* line 1099, ../sass/core/_forms.scss */ .formBlockContainerMod4 .formBlockMod17 { width: 17rem; width: 17.6rem\9; } /* line 1112, ../sass/core/_forms.scss */ .formBlockContainerMod4.topGutter { margin: 10px 0px 20px 0px; margin: 1rem 0rem 2rem 0rem; } /* line 1117, ../sass/core/_forms.scss */ .fieldHelpIconWrap { color: #0095c8; } /* line 1119, ../sass/core/_forms.scss */ .fieldHelpIconWrap em { color: #0095c8; } /* line 1126, ../sass/core/_forms.scss */ .selectContainer input[readonly="readonly"] { background-color: #fff; } /* line 1135, ../sass/core/_forms.scss */ .inputStyleAlignOne:last-child, .dropDownMenu .errorMessage, .bglDataDownloadForm .dropDownMenu .errorMessage, .noMargin { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1139, ../sass/core/_forms.scss */ .dropDownMenu .errorMessage, .bglDataDownloadForm .dropDownMenu .errorMessage { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 1148, ../sass/core/_forms.scss */ .formBlockContainerMod2 .noFirstGutter { margin-left: 0; } /* line 1151, ../sass/core/_forms.scss */ .formBlockContainerMod2 .noLastGutter, .formBlockContainerMod4 .noLastGutter { margin-right: 0; } /* line 1154, ../sass/core/_forms.scss */ .formBlockContainerMod4 .noTopGutter { margin-top: 0; } /* line 1158, ../sass/core/_forms.scss */ .downloadDropdownPanelMod1:hover .dropDownMenuItem { border-color: #454545; } /* line 1160, ../sass/core/_forms.scss */ .dropDownMenu { width: 248px; overflow: visible; zoom: 1; } /* line 1164, ../sass/core/_forms.scss */ .dropDownMenu ul { position: relative; zoom: 1; } /* line 1168, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem { border-top: 1px #e6e6e6 solid; } /* line 1170, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .formBlockContainer { padding-top: 19px; } /* line 1171, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .linkItem { border: 0; padding: 12px 12px 12px 19px; padding: 1.2rem 1.2rem 1.2rem 1.9rem; display: block; } /* line 1175, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .linkItem .iconarrowfullright { margin-top: 3px; margin-right: -3px; } /* line 1179, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .linkItem .iconarrowfulldown { margin-right: -3px; } /* line 1180, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .linkItem .iconhelp { margin-left: 4px; color: #0095c8; } /* line 1184, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .linkItem em { color: #454545; } /* line 1186, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem.active { border-color: #e6e6e6; } /* line 1188, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem.active .linkItem { background-color: whitesmoke; border-bottom: 1px #e6e6e6 solid; } /* line 1193, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .formBlock { padding-left: 19px; } /* line 1195, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .formBlock:last-child { padding-bottom: 15px; } /* line 1197, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem:first-child { border: 0; } /* line 1200, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .selectContainer .iconWrapper .formTextInput, .dropDownMenu .dropDownMenuItem .selectContainer .iconWrapper .dk_input { width: 210px; width: 21rem; } /* line 1202, ../sass/core/_forms.scss */ .dropDownMenu .dropDownMenuItem .selectContainer .iconWrapper .formTextInput.bglStatementDropdown, .dropDownMenu .dropDownMenuItem .selectContainer .iconWrapper .bglStatementDropdown.dk_input { width: 276px; width: 27.6rem; } /* line 1208, ../sass/core/_forms.scss */ .dropDownMenu .errorMessage { width: 200px; } /* line 1214, ../sass/core/_forms.scss */ .bglDataDownloadForm .dropDownMenu { width: 317px; width: 31.7rem; } /* line 1216, ../sass/core/_forms.scss */ .bglDataDownloadForm .dropDownMenu .errorMessage { width: 278px; width: 27.8rem; } /* line 1225, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer { width: 315px; } /* line 1228, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock { margin: 0; float: left; } /* line 1231, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList { float: left; } /* line 1233, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li { margin-left: -2px; width: 100%; } /* line 1236, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li:first-child { padding-top: 0; } /* line 1237, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li .inlineRadioMod1 { vertical-align: top; margin: 8px 0px 0px 0px; margin: 0.8rem 0rem 0rem 0rem; } /* line 1241, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li label.formLabelCheckBoxMod1 { width: 82%; } /* line 1245, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.calenderInputPanel { margin-left: 0; padding-top: 0; } /* line 1248, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.calenderInputPanel .iconWrapper { margin-left: -2px; } /* line 1250, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.calenderInputPanel .iconWrapper .formTextInput, .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.calenderInputPanel .iconWrapper .dk_input { width: 27.6rem; } /* line 1252, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.calenderInputPanel .ui-datepicker { margin-left: -361px; margin-left: -359px \9; margin-top: -209px; z-index: 1; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1259, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.calenderInputPanel .ui-datepicker { margin-top: -259px; } } /* line 1262, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .formBlock .inlineList li.clear { height: 1px; padding: 0; } /* line 1268, ../sass/core/_forms.scss */ .bglDataDownloadLinkOptionsContainer .actionButtonIcon { margin-top: 5px; } /* line 1271, ../sass/core/_forms.scss */ .calendarPlaceHolder { position: relative; float: left; } /* line 1274, ../sass/core/_forms.scss */ .calendarPlaceHolder .tip { width: 14px; height: 44px; background: url("../images/icon-sprite.png") no-repeat -138px -524px; position: absolute; right: 8px; right: 6px\9; margin-top: 13px; z-index: 2; /*width: 21px; height: 21px; margin-top: 12px; background: #fff; @include rotate(45); @extend %inlineBlock; @include boxShadow( 0px 0px 12px 1px #DFDFDF); position: absolute; right: 13px; right: 11px\9; z-index: $zindex+1001; span{ @include rotate(45); backround: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 77px; height: 42px; background: #fff; @extend %inlineBlock; margin-left: -43px; }*/ } /* line 1283, ../sass/core/_forms.scss */ .calendarPlaceHolder .tip span { display: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1309, ../sass/core/_forms.scss */ .calendarPlaceHolder .tip { margin-top: -38px; } } /* line 1313, ../sass/core/_forms.scss */ .inlineList { margin: 0px 0px 0px 2px; margin: 0rem 0rem 0rem 0.2rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 1317, ../sass/core/_forms.scss */ .inlineList li { list-style: none; margin: 0px 0px 0px 5px; margin: 0rem 0rem 0rem 0.5rem; padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } /* line 1326, ../sass/core/_forms.scss */ ul.verticalSeparatorText { margin: 34px 0px 0px 0px; margin: 3.4rem 0rem 0rem 0rem; } /* line 1328, ../sass/core/_forms.scss */ ul.verticalSeparatorText li { margin: 0 auto; text-align: center; font-size: 10px; font-size: 1rem; } /* line 1333, ../sass/core/_forms.scss */ ul.verticalSeparatorText li.line { padding: 4px 0px 4px 0px; padding: 0.4rem 0rem 0.4rem 0rem; } /* line 1335, ../sass/core/_forms.scss */ ul.verticalSeparatorText li.line span { border-left: 1px #c5c5c5 solid; padding: 6px 0px 6px 0px; padding: 0.6rem 0rem 0.6rem 0rem; } /* ## Download Dropdown panel */ /* line 1349, ../sass/core/_forms.scss */ .downloadDropdownPanel { background: white; border-color: #454545; border-width: 1px; border-style: solid; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; -moz-box-shadow: 0px 0px 12px 1px #e6e6e6; -webkit-box-shadow: 0px 0px 12px 1px #e6e6e6; box-shadow: 0px 0px 12px 1px #e6e6e6; right: 0; top: 0; margin: 51px 0px 0px 0px; margin: 5.1rem 0rem 0rem 0rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; z-index: 999; text-align: left; } /* line 1360, ../sass/core/_forms.scss */ .downloadDropdownPanel .calenderInputPanel { position: relative; } /* line 1362, ../sass/core/_forms.scss */ .downloadDropdownPanel .calenderInputPanel .ui-datepicker { top: 59px; } /* line 1367, ../sass/core/_forms.scss */ .downloadDropdownPanel.downloadDropdownPanelLeftPos { left: -209px !important; } /* line 1372, ../sass/core/_forms.scss */ .newDownloadDropdownPanel { background: white; border-color: #454545; border-width: 1px; border-style: solid; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; -moz-box-shadow: 0px 0px 12px 1px #e6e6e6; -webkit-box-shadow: 0px 0px 12px 1px #e6e6e6; box-shadow: 0px 0px 12px 1px #e6e6e6; left: 649px !important; position: absolute; width: 180px; margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; z-index: 999; text-align: left; } /* line 1384, ../sass/core/_forms.scss */ .newDownloadDropdownPanel .expandArrowMod5 { right: 70px; } /* line 1389, ../sass/core/_forms.scss */ .dataDownloadDropdownPanel { background: white; border-color: #454545; border-width: 1px; border-style: solid; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; -moz-box-shadow: 0px 0px 12px 1px #e6e6e6; -webkit-box-shadow: 0px 0px 12px 1px #e6e6e6; box-shadow: 0px 0px 12px 1px #e6e6e6; left: 705px !important; position: absolute; width: 120px; margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; z-index: 999; text-align: left; } /* line 1401, ../sass/core/_forms.scss */ .dataDownloadDropdownPanel .expandArrowMod5 { right: 2px; } /* line 1405, ../sass/core/_forms.scss */ .dataDownloadDropdownPanel .dropDownMenuItem .linkItem { padding: 12px 19px 12px 19px; padding: 1.2rem 1.9rem 1.2rem 1.9rem; } /* line 1411, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel { position: absolute; height: 58px !important; width: 838px !important; left: 1px; margin-top: -20px; padding: 10px 20px 0px 20px; padding: 1rem 2rem 0rem 2rem; background: #f4f4f4; z-index: 1; } /* line 1420, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel .desc { width: 70%; text-align: left; } /* line 1426, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel .actionItems { width: 30%; } /* line 1430, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel .actionItems .actionWrapper { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1433, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel .actionItems .actionWrapper li { margin: 0px 15px 0px 0px; margin: 0rem 1.5rem 0rem 0rem; } /* line 1435, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel .actionItems .actionWrapper li:last-child { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1438, ../sass/core/_forms.scss */ .dataDownloadDeleteOverlayViewPanel .actionItems .actionWrapper li.primaryLinkWrap { margin: 12px 15px 0px 0px; margin: 1.2rem 1.5rem 0rem 0rem; } /* line 1448, ../sass/core/_forms.scss */ .listContent.listContentMod2 .xSpace { margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } /* line 1451, ../sass/core/_forms.scss */ .listContent.listContentMod2 .stringTruncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 175px; max-width: 17.5rem; } /* line 1455, ../sass/core/_forms.scss */ .listContent.listContentMod2Summary { width: 95%; } /* line 1459, ../sass/core/_forms.scss */ .listContent.listContentMod2Summary li.xSpace { padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; border-bottom: 1px #dddddd solid; } /* line 1463, ../sass/core/_forms.scss */ .listContent.listContentMod2Summary li.mod1 { border-bottom: 0; } /* line 1464, ../sass/core/_forms.scss */ .contentDialogMod1 { width: 20rem!important; left: -6rem !important; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 1467, ../sass/core/_forms.scss */ .contentDialogMod1 .expandArrow, .contentDialogMod1 .expandArrow.expandArrowMod3 { top: -0.9rem !important; left: 50%; margin: 0px 0px 0px -10px; margin: 0rem 0rem 0rem -1rem; } /* line 1472, ../sass/core/_forms.scss */ .contentDialogMod1 .expandArrow.expandArrowMod3, .contentDialogMod1 .expandArrowMod3.expandArrow { top: -1.1rem !important; } /* line 1477, ../sass/core/_forms.scss */ .contentDialogMod1 .actionButtonIcon em { padding: 0px 0px 0px 15px; padding: 0rem 0rem 0rem 1.5rem; } /* line 1481, ../sass/core/_forms.scss */ .contentDialogMod4 { left: 0rem!important; } /* line 1484, ../sass/core/_forms.scss */ .listContent.listContentMod2SummaryMod1 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1488, ../sass/core/_forms.scss */ .contentDialogMod2, .contentDialogMultipleAccounts { top: 7.7rem; width: 39.9rem; padding: 3px 0px 3px 0px; padding: 0.3rem 0rem 0.3rem 0rem; } /* line 1492, ../sass/core/_forms.scss */ .contentDialogMod2 ul li li, .contentDialogMultipleAccounts ul li li { padding: 0px 18px 0px 18px; padding: 0rem 1.8rem 0rem 1.8rem; } /* line 1493, ../sass/core/_forms.scss */ .contentDialogMod2 ul li:last-child ul, .contentDialogMultipleAccounts ul li:last-child ul { border: 0; } /* line 1497, ../sass/core/_forms.scss */ .helpContentDialog { width: 20rem!important; left: -3.3rem !important; top: 26px!important; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; } /* line 1501, ../sass/core/_forms.scss */ .helpContentDialog .expandArrowMod2 { top: -1.6rem !important; left: 92%; margin: 0px 0px 0px -14px; margin: 0rem 0rem 0rem -1.4rem; } /* line 1509, ../sass/core/_forms.scss */ .helpContentDialogMod1 { left: auto !important; right: -11px !important; top: 30px !important; } /* line 1513, ../sass/core/_forms.scss */ .helpContentDialogMod1 em.expandArrowMod2 { left: 95%; } /* line 1517, ../sass/core/_forms.scss */ .helpContentDialogMod2 { left: auto !important; right: -8px !important; top: 51px !important; } /* line 1521, ../sass/core/_forms.scss */ .helpContentDialogMod2 em.expandArrowMod2 { left: 95%; } /* line 1524, ../sass/core/_forms.scss */ .contentDialogMod3 { background-color: #199fcd; border-color: #199fcd; border-width: 0px; border-style: solid; left: -9.3rem; top: 10.3rem; color: whitesmoke; } /* line 1532, ../sass/core/_forms.scss */ .contentDialogMod3 h3, .contentDialogMod3 p { color: whitesmoke; padding: 5px 10px 0px 0px; padding: 0.5rem 1rem 0rem 0rem; } /* line 1538, ../sass/core/_forms.scss */ .inlineBulletList { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 0px 0px 0px 1px; padding: 0rem 0rem 0rem 0.1rem; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .inlineBulletList:before, .inlineBulletList:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .inlineBulletList:after { clear: both; } /* line 1542, ../sass/core/_forms.scss */ .inlineBulletList li { float: left; margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; list-style: disc; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1549, ../sass/core/_forms.scss */ .inlineBulletList li { margin-right: .55rem; } } /* line 1552, ../sass/core/_forms.scss */ .inlineBulletList li:first-child, .inlineBulletList li.inlineBulletListMod1 { list-style: none; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1557, ../sass/core/_forms.scss */ .inlineBulletList li:first-child:first-child, .inlineBulletList li.inlineBulletListMod1:first-child { margin-right: .55rem; } } /* line 1561, ../sass/core/_forms.scss */ .inlineBulletList li.inlineBulletListMod1 { clear: both; } /* line 1563, ../sass/core/_forms.scss */ .inlineBulletList li.inlineBulletListMod2 { list-style: none; margin-left: 5px; } /* line 1567, ../sass/core/_forms.scss */ .inlineBulletList li.inlineBulletListMod3 { margin-right: 0; } /* line 1571, ../sass/core/_forms.scss */ .inlineBulletListFull { padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; border-bottom: 1px solid #c5c5c5; clear: both; width: 100%; float: left; } /* line 1578, ../sass/core/_forms.scss */ .inlineBulletListFull.inlineBulletListFullMod1 { padding-bottom: 0; border-bottom: 0; } /* line 1579, ../sass/core/_forms.scss */ .inlineBulletListFull.inlineBulletListFullMod2 { padding-top: 0; margin-bottom: 2rem; } /* line 1581, ../sass/core/_forms.scss */ .definitionList { padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } /* line 1583, ../sass/core/_forms.scss */ .definitionList dt { padding: 10px 20px 0px 0px; padding: 1rem 2rem 0rem 0rem; width: 25%; } /* line 1588, ../sass/core/_forms.scss */ .definitionList dd { padding: 10px 20px 0px 0px; padding: 1rem 2rem 0rem 0rem; width: 75%; } /* line 1594, ../sass/core/_forms.scss */ .globalNavList { -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; overflow: hidden; } /* line 1605, ../sass/core/_forms.scss */ .globalNavList .centerAlign { text-align: center; } /* line 1608, ../sass/core/_forms.scss */ .globalNavList li { *zoom: 1; padding: 10px 19px 10px 19px; padding: 1rem 1.9rem 1rem 1.9rem; border-bottom: 1px #e6e6e6 solid; font-size: 16px; font-size: 1.6rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .globalNavList li:before, .globalNavList li:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .globalNavList li:after { clear: both; } /* line 1613, ../sass/core/_forms.scss */ .globalNavList li:nth-child(3) { border: 0; } /* line 1616, ../sass/core/_forms.scss */ .globalNavList li.globalNavListHeader { border-top: 1px solid #454545; padding: 0; } /* line 1619, ../sass/core/_forms.scss */ .globalNavList li.globalNavListHeader:first-child { border-top: 0; } /* line 1620, ../sass/core/_forms.scss */ .globalNavList li.globalNavListHeader:hover { border-bottom-color: #c7c7c7; border-top-color: #c7c7c7; } /* line 1624, ../sass/core/_forms.scss */ .globalNavList li.globalNavListHeader a { padding: 10px 19px 10px 19px; padding: 1rem 1.9rem 1rem 1.9rem; display: block; } /* line 1630, ../sass/core/_forms.scss */ .globalNavList li:last-child { border-bottom: 0px #e6e6e6 solid; } /* line 1633, ../sass/core/_forms.scss */ .globalNavList.globalNavListMod1 { width: 200px; width: 20rem; } /* line 1637, ../sass/core/_forms.scss */ .fixContent { width: 31rem; } /* line 1641, ../sass/core/_forms.scss */ .fixContentMod1 { width: 22rem; } /* line 1647, ../sass/core/_forms.scss */ .iconWrapper a.disabled { background-color: #f4f4f4; } /* line 1649, ../sass/core/_forms.scss */ .iconWrapper a.disabled:hover { cursor: default !important; } /* line 1652, ../sass/core/_forms.scss */ .iconWrapper a.disabled:focus { border-left: 1px solid #c8c8c8; outline: none !important; } /* line 1659, ../sass/core/_forms.scss */ input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 1px dotted #fed648 !important; } /* line 1662, ../sass/core/_forms.scss */ .editContainer { width: 19.5rem; margin-top: 1.8rem; } /* line 1667, ../sass/core/_forms.scss */ .editContainer.withTopLabel { margin-top: 3.5rem; } /* line 1670, ../sass/core/_forms.scss */ .editContainer.withNoLabel { margin-top: 0.5rem; } /* line 1677, ../sass/core/_forms.scss */ .editContainer .radioOptionsLabel { padding-left: 1rem; } /* line 1687, ../sass/core/_forms.scss */ .selectContainer input.textInputError { background: #edf8fc; } /* line 1691, ../sass/core/_forms.scss */ .modalTextPadding { padding: 0 0 1rem 0 !important; } /* C1 HTML and Body ------------------------------------------------------------*/ /* line 6, ../sass/core/_styles.scss */ html { font-size: 62.5%; } /* line 10, ../sass/core/_styles.scss */ body { color: #454545; font-size: 14px; font-size: 1.4rem; font-family: Arial, sans-serif; line-height: 20px; line-height: 2rem; } /* C2 Brand Layout Structure ------------------------------------------------------------*/ /* line 23, ../sass/core/_styles.scss */ #contentWrapper, .contentWrapper { width: 100%; } /* line 27, ../sass/core/_styles.scss */ #contentWrapperMod1, .contentWrapperMod1 { margin: -30px 0px 0px 0px; margin: -3rem 0rem 0rem 0rem; } /* C3 Branding Blocks -----------------------------------------------------------*/ /* C4 Content Blocks -----------------------------------------------------------*/ /* line 44, ../sass/core/_styles.scss */ .contentBlock { float: left; width: 100%; /* @include blockMargin(2.5, 0, 2.5, 2.5); */ } /* line 51, ../sass/core/_styles.scss */ .contentBlockContainer { margin: 15px 15px 15px 25px; margin: 1.5rem 1.5rem 1.5rem 2.5rem; } /* line 54, ../sass/core/_styles.scss */ .contentOutputLabel { margin: 15px 5px 15px 0px; margin: 1.5rem 0.5rem 1.5rem 0rem; float: left; } /* line 62, ../sass/core/_styles.scss */ .contentOutputCompLabel { margin: 2px 5px 2px 0px; margin: 0.2rem 0.5rem 0.2rem 0rem; float: left; } /* line 69, ../sass/core/_styles.scss */ .contentOutputLabel2 { font-size: 14px; font-size: 1.4rem; margin: 15px 15px 0px 0px; margin: 1.5rem 1.5rem 0rem 0rem; float: none; } /* line 75, ../sass/core/_styles.scss */ .contentOutput2 { margin: 5px 15px 15px 0px; margin: 0.5rem 1.5rem 1.5rem 0rem; font-size: 14px; font-size: 1.4rem; } /* line 84, ../sass/core/_styles.scss */ .contentFullOutput { margin: 15px 0px 15px 25px; margin: 1.5rem 0rem 1.5rem 2.5rem; } /* line 90, ../sass/core/_styles.scss */ .assistInputField { vertical-align: top; margin: 0.5rem 1rem; } /* line 96, ../sass/core/_styles.scss */ .getSMSInput { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 103, ../sass/core/_styles.scss */ .endRepeat { margin: 0px 15px 0px 0px; margin: 0rem 1.5rem 0rem 0rem; } /* C6 Slider Elements ---------------------------------------*/ /* line 112, ../sass/core/_styles.scss */ #slidingSlider { background: url("../images/sliderBG.png") repeat #f9fafb; width: 100%; border-left: 1px solid #d6d6d6; } /* line 123, ../sass/core/_styles.scss */ .tableFixedContainer { top: 0; margin-left: 0; position: absolute; } /* line 128, ../sass/core/_styles.scss */ .tableSlider { position: absolute; right: 0px; background: url("../images/sliderBG.png") repeat #f9fafb; min-height: 900px; height: auto!important; } /* line 136, ../sass/core/_styles.scss */ #slider { position: absolute; top: 0; height: 100%; } /* line 141, ../sass/core/_styles.scss */ #slider .toolContainer { margin: 0; } /* line 145, ../sass/core/_styles.scss */ .sliderContent { background: white; } /* line 149, ../sass/core/_styles.scss */ .sliderContent .toolContainer li { margin: 25px 5px 25px 5px; margin: 2.5rem 0.5rem 2.5rem 0.5rem; } /* C7 Transaction elements -----------------------------------------------------------*/ /* line 159, ../sass/core/_styles.scss */ .dateScheduleLink { margin: 8px 0px 0px 0px; margin: 0.8rem 0rem 0rem 0rem; } /* line 164, ../sass/core/_styles.scss */ .dataMessage { margin: 20px 0px 20px 25px; margin: 2rem 0rem 2rem 2.5rem; float: none; } /* C9 Page Content ------------------------------------------------------*/ /* line 189, ../sass/core/_styles.scss */ .contentTitle { color: #5d5d5d; font-size: 20px; font-size: 2rem; font-family: Arial, sans-serif; margin: 0px 0px 0px 5px; margin: 0rem 0rem 0rem 0.5rem; } /* line 196, ../sass/core/_styles.scss */ .helpTitle { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; color: #0095c8; } /* C11 Third Nav Container ----------------------------------------------------*/ /* line 204, ../sass/core/_styles.scss */ .thirdNavWrapper, .thirdNavContainer { font-size: 14px; font-size: 1.4rem; } /* line 212, ../sass/core/_styles.scss */ .thirdNav, .thirdNavDiv, .textToUpperCase { float: left; margin: 0.3em; } /* line 216, ../sass/core/_styles.scss */ .thirdNav a { color: #5d5d5d; } /* line 218, ../sass/core/_styles.scss */ .thirdNav a a.activeLink { color: #454545; } /* C12 Misc -----------------------------------------------------------*/ /* C13 Selects -------------------------------------------------*/ /* line 235, ../sass/core/_styles.scss */ .resultItem, .ui-autocomplete .ui-menu-item, .filterContainer { float: left; width: 100%; border-color: white; border-width: 1px; border-style: solid; border-top: 1px solid #e6e6e6; /*&:hover{ @extend .hover; border-color: $beta22; & + li{ border-top: 1px solid #fff; } }*/ } /* line 244, ../sass/core/_styles.scss */ .resultItem:first-child, .ui-autocomplete .ui-menu-item:first-child, .filterContainer:first-child { -webkit-border-top-left-radius: 0.4rem; -moz-border-radius-topleft: 0.4rem; border-top-left-radius: 0.4rem; -webkit-border-top-right-radius: 0.4rem; -moz-border-radius-topright: 0.4rem; border-top-right-radius: 0.4rem; } /* line 248, ../sass/core/_styles.scss */ .resultItem:last-child, .ui-autocomplete .ui-menu-item:last-child, .filterContainer:last-child { -webkit-border-bottom-left-radius: 0.4rem; -moz-border-radius-bottomleft: 0.4rem; border-bottom-left-radius: 0.4rem; -webkit-border-bottom-right-radius: 0.4rem; -moz-border-radius-bottomright: 0.4rem; border-bottom-right-radius: 0.4rem; } /* line 261, ../sass/core/_styles.scss */ .dk_options .resultItem, .dk_options .ui-autocomplete .ui-menu-item, .ui-autocomplete .dk_options .ui-menu-item, .dk_options .filterContainer { padding: 2px 0px 2px 11px; padding: 0.2rem 0rem 0.2rem 1.1rem; } /* line 264, ../sass/core/_styles.scss */ .dk_options .resultItem.hover, .dk_options .resultItem.resultItemHover, .dk_options .ui-autocomplete .resultItemHover.ui-menu-item, .ui-autocomplete .dk_options .resultItemHover.ui-menu-item, .dk_options .resultItemHover.filterContainer, .dk_options .ui-autocomplete .hover.ui-menu-item, .ui-autocomplete .dk_options .hover.ui-menu-item, .dk_options .hover.filterContainer { border-color: #bababa; border-width: 1px; border-style: solid; border-top: 1px solid #bababa; } /* line 268, ../sass/core/_styles.scss */ .dk_options .resultItem.hover + li, .dk_options .resultItem.resultItemHover + li, .dk_options .ui-autocomplete .resultItemHover.ui-menu-item + li, .ui-autocomplete .dk_options .resultItemHover.ui-menu-item + li, .dk_options .resultItemHover.filterContainer + li, .dk_options .ui-autocomplete .hover.ui-menu-item + li, .ui-autocomplete .dk_options .hover.ui-menu-item + li, .dk_options .hover.filterContainer + li { border-top: 1px solid #fff !important; } /* line 272, ../sass/core/_styles.scss */ .resultItemHover { border-color: #c7c7c7; } /* line 277, ../sass/core/_styles.scss */ .resultItemHover:first-child { -webkit-border-top-left-radius: 0.4rem; -moz-border-radius-topleft: 0.4rem; border-top-left-radius: 0.4rem; -webkit-border-top-right-radius: 0.4rem; -moz-border-radius-topright: 0.4rem; border-top-right-radius: 0.4rem; } /* line 281, ../sass/core/_styles.scss */ .resultItemHover:last-child { -webkit-border-bottom-left-radius: 0.4rem; -moz-border-radius-bottomleft: 0.4rem; border-bottom-left-radius: 0.4rem; -webkit-border-bottom-right-radius: 0.4rem; -moz-border-radius-bottomright: 0.4rem; border-bottom-right-radius: 0.4rem; } /* line 287, ../sass/core/_styles.scss */ .ui-autocomplete .ui-menu-item { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 290, ../sass/core/_styles.scss */ .ui-autocomplete .ui-menu-item a { display: block; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; border-color: white; border-width: 1px; border-style: solid; } /* line 295, ../sass/core/_styles.scss */ .ui-autocomplete .ui-menu-item a.ui-state-focus { border-color: #c7c7c7; border-width: 1px; border-style: solid; } /* line 299, ../sass/core/_styles.scss */ .ui-autocomplete .ui-menu-item .autoCompleteNoMatch { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } /* line 302, ../sass/core/_styles.scss */ .ui-autocomplete .ui-menu-item .autoCompleteNoMatch a { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; font-weight: bold; outline: 1px dotted #fed648 !important; } /* line 310, ../sass/core/_styles.scss */ .filterContainer { margin: 0.5em 0 0.8em 0; } /* line 313, ../sass/core/_styles.scss */ .filterContainer:hover { background: none; } /* line 318, ../sass/core/_styles.scss */ h5.name { font-size: 14px; font-size: 1.4rem; padding: 1em; } /* line 325, ../sass/core/_styles.scss */ .selectDef { float: left; clear: left; padding: 1em; } /* line 330, ../sass/core/_styles.scss */ .selectDef dt { text-align: left; font-size: 14px; font-size: 1.4rem; margin: 0; } /* line 335, ../sass/core/_styles.scss */ h5.selectDataMessage { font-size: 14px; font-size: 1.4rem; margin: 0.9em; float: left; } /* line 341, ../sass/core/_styles.scss */ .accontSelectContainer { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; line-height: 13px; line-height: 1.3rem; } /* line 345, ../sass/core/_styles.scss */ .accontSelectContainer dt { margin: 3px 0px 3px 0px; margin: 0.3rem 0rem 0.3rem 0rem; } /* line 350, ../sass/core/_styles.scss */ .accountDef { float: left; } /* line 356, ../sass/core/_styles.scss */ .accountIcon { float: right; margin: 3px 0px 3px 0px; margin: 0.3rem 0rem 0.3rem 0rem; } /* line 362, ../sass/core/_styles.scss */ .accountLabel { clear: left; float: left; } /* line 368, ../sass/core/_styles.scss */ .accountData { float: left; margin: 3px 0px 3px 6px; margin: 0.3rem 0rem 0.3rem 0.6rem; } /* line 374, ../sass/core/_styles.scss */ .ui-autocomplete li { float: left; clear: both; margin: 0.5em 0; } /* line 380, ../sass/core/_styles.scss */ .ui-autocomplete li a { font-size: 14px; font-size: 1.4rem; margin: 0 1em; } /* C14 Styles ------------------------------------------------*/ /* C10 Action Buttons and Links -----------------------------------------------------------*/ /* C16 Tables --------------------------------------------------------*/ /* Calendar -------------------------------------------------*/ /* line 401, ../sass/core/_styles.scss */ .ui-datepicker { -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; -moz-box-shadow: 0px 2px 10px #cfcfcf; -webkit-box-shadow: 0px 2px 10px #cfcfcf; box-shadow: 0px 2px 10px #cfcfcf; border-color: #d6d6d6; border-width: 1px; border-style: solid; margin-top: -18px; padding: 1.8em; font-size: 14px; font-size: 1.4rem; background-color: white; width: 340px; z-index: 1000; } /* line 411, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-next { float: right; } /* line 414, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-calendar { margin: 72px 0px 0px 5px; margin: 7.2rem 0rem 0rem 0.5rem; } /* line 418, ../sass/core/_styles.scss */ .ui-datepicker .ui-state-default { font-size: 16px; font-size: 1.6rem; color: #454545; text-decoration: none; font-weight: 700; } /* line 423, ../sass/core/_styles.scss */ .ui-datepicker .ui-state-default:hover { color: #0095c8; } /* line 429, ../sass/core/_styles.scss */ .ui-datepicker td { text-align: center; background-color: white; padding: 0; width: 4rem; height: 4.1rem; border-color: solid; border-width: 1px; border-style: #dddddd; } /* line 439, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker .ui-state-special { background-color: #e5f4f9; } /* line 443, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-current-day a { color: #454545; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; border: solid 4px #454545; padding: 7px 5px 5px 5px; padding: 0.7rem 0.5rem 0.5rem 0.5rem; width: 4rem; height: 4rem; font-weight: 700; } /* line 453, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-current-day a:hover { color: #0095c8; } /* line 456, ../sass/core/_styles.scss */ .ui-datepicker .ui-state-disabled { color: #bababa; } /* line 458, ../sass/core/_styles.scss */ .ui-datepicker .ui-state-disabled:hover { color: #bababa; } /* line 459, ../sass/core/_styles.scss */ .ui-datepicker .ui-state-disabled span { color: #bababa; } /* line 461, ../sass/core/_styles.scss */ .ui-datepicker .ui-state-disabled span:hover { color: #bababa; } /* line 469, ../sass/core/_styles.scss */ .ui-datepicker th span { font-size: 16.0px; font-size: 1.6rem; width: 100%; text-align: left; padding-bottom: 10px; padding-left: 11px; } /* line 476, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-header { width: 90%; margin: 0 auto; } /* line 480, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-title { position: absolute; top: 20px; right: 0px; width: 340px; text-align: center; font-size: 14px; font-size: 1.4rem; float: none; } /* line 487, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-title select { display: inline; } /* line 494, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year { -webkit-appearance: none; height: 4.8rem; font-size: 16px; font-size: 1.6rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; margin: 0px 5px 0px 5px; margin: 0rem 0.5rem 0rem 0.5rem; border-color: #c7c7c7; border-width: 1px; border-style: solid; color: #454545; overflow: hidden; white-space: nowrap; text-indent: 8px; text-overflow: ''; text-overflow: ellipsis\9; } /* line 512, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-month { width: 160px; padding: 12px 51px 10px 0px; padding: 1.2rem 5.1rem 1rem 0rem; padding: 1.2rem 1.9rem 1rem 0rem\9; background: url("../images/iconCalendarDrop.gif") no-repeat 107px top transparent; margin-left: 4px; margin-right: 15px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 512, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-month { text-indent: 12px; } } /* line 524, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-year { width: 120px; padding: 12px 48px 10px 0px; padding: 1.2rem 4.8rem 1rem 0rem; padding: 1.2rem 1.8rem 1rem 0rem\9; text-indent: 7px; background: url("../images/iconCalendarDrop.gif") no-repeat 67px top transparent; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 524, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-year { text-indent: 13px; } } /* line 542, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-month > button { visibility: hidden; } /* line 561, ../sass/core/_styles.scss */ .ui-datepicker ui-datepicker-month .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-title { border-color: solid; border-width: 1px; border-style: #dddddd; } /* line 568, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display: none!important; } /* line 573, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-prev { position: absolute; top: 29px; right: 253px; } /* line 577, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-next { position: absolute; top: 29px; right: 31px; } /* line 583, ../sass/core/_styles.scss */ .ui-datepicker .uiTriangle, .ui-datepicker .ui-icon-circle-triangle-e, .ui-datepicker .ui-icon-circle-triangle-w { width: 6px; height: 10px; display: block; overflow: hidden; text-indent: -9000px; /* text-indent:-999999px; */ } /* line 592, ../sass/core/_styles.scss */ .ui-datepicker .ui-icon-circle-triangle-e { background: url("../images/iconsprite.png") no-repeat -363px -4px; float: right; } /* line 598, ../sass/core/_styles.scss */ .ui-datepicker .ui-icon-circle-triangle-w { background: url("../images/iconsprite.png") no-repeat -338px -4px; float: left; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 606, ../sass/core/_styles.scss */ .ui-datepicker .ui-datepicker-current-day a { padding-top: 6px; } } /* Accesibility -------------------------------------------------*/ /* SRI */ /* line 614, ../sass/core/_styles.scss */ .selectSlideOptions { position: absolute; display: none; float: left; z-index: 120; } /* line 620, ../sass/core/_styles.scss */ .selectSlideOptions ul { border: 1px solid #c0c0c0; background: white; padding: 5px 10px; width: 150px; } /* line 628, ../sass/core/_styles.scss */ .selectSlideOptions li ul { position: absolute; left: 155px; display: none; width: 155px; } /* line 633, ../sass/core/_styles.scss */ .selectSlideOptions li { line-height: 22px; color: gray; font-weight: normal; list-style-type: none; background: none; font-size: 13px; font-size: 1.3rem; padding: 0px 5px 0px 5px; padding: 0rem 0.5rem 0rem 0.5rem; background-position: 0 right; } /* line 643, ../sass/core/_styles.scss */ .selectSlideOptions ul li:hover { font-weight: bold; } /* line 646, ../sass/core/_styles.scss */ .selectSlideOptions > ul > li:hover:after { content: ''; background: url("../images/sprite.png") no-repeat -487px -245px; width: 6px; height: 17px; right: 24px; } /* line 655, ../sass/core/_styles.scss */ .selectSlideOptions ul li:hover ul { display: inline; } /* line 661, ../sass/core/_styles.scss */ .assistText { font-size: 12px; font-size: 1.2rem; } /* line 664, ../sass/core/_styles.scss */ .outside { margin: 13px 0 0 -5px; } /* line 667, ../sass/core/_styles.scss */ .checkInputPadding { padding-right: 3.5rem; } /* line 672, ../sass/core/_styles.scss */ .smallWizard { font-size: 14px; font-size: 1.4rem; float: right; color: #454545; font-weight: 100; margin: 5px 150px 0px 0px; margin: 0.5rem 15rem 0rem 0rem; } /* C19 Accessibility (WAI-ARIA) -------------------------------------------------*/ /* line 695, ../sass/core/_styles.scss */ [aria-hidden="true"] { visibility: hidden; } #lpChat [aria-hidden="true"] { visibility: inherit; } /* Term deposites calculator grid -------------------------------------------------*/ /* line 705, ../sass/core/_styles.scss */ .tableGrid { width: 484px; position: relative; } /* line 709, ../sass/core/_styles.scss */ .tableGrid tbody tr:first-child th { border-top: 1px solid #c7c7c7; } /* line 712, ../sass/core/_styles.scss */ .tableGrid tbody tr:first-child td { border-top: 1px solid #c7c7c7; } /* line 717, ../sass/core/_styles.scss */ .tableGrid .iconLoader { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } /* line 726, ../sass/core/_styles.scss */ .tableGrid caption { display: none; } /* line 732, ../sass/core/_styles.scss */ .tableGrid .isCentred { display: table; margin: 0 auto; } /* line 736, ../sass/core/_styles.scss */ .tableGrid .textSmall { margin: 0px 0px 0px 2px; margin: 0rem 0rem 0rem 0.2rem; } /* line 739, ../sass/core/_styles.scss */ .tableGrid th { border: 1px #ddd solid; } /* line 741, ../sass/core/_styles.scss */ .tableGrid th:first-child { border-left: none; } /* line 745, ../sass/core/_styles.scss */ .tableGrid thead { border: 1px solid #c7c7c7; border-right: none; border-top: none; border-left: none; } /* line 750, ../sass/core/_styles.scss */ .tableGrid thead tr th:first-child { color: #ffffff; } /* line 756, ../sass/core/_styles.scss */ .tableGrid tr .hGap { height: 10px; border: none; visibility: hidden; } /* line 762, ../sass/core/_styles.scss */ .tableGrid tr .vGap { width: 0px; } /* line 765, ../sass/core/_styles.scss */ .tableGrid tr .vGap.isExpanded { width: 288px; } /* line 770, ../sass/core/_styles.scss */ .tableGrid tr.tableHead { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; margin: 15px 15px 15px 5px; margin: 1.5rem 1.5rem 1.5rem 0.5rem; background-color: #fff; } /* line 776, ../sass/core/_styles.scss */ .tableGrid tr.tableHead th { font-weight: bold; font-size: 1.3rem; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; margin: 15px 15px 15px 5px; margin: 1.5rem 1.5rem 1.5rem 0.5rem; border: none; width: 79px; } /* line 783, ../sass/core/_styles.scss */ .tableGrid tr.tableHead th.first { color: #454545; } /* line 785, ../sass/core/_styles.scss */ .tableGrid tr.tableHead .currentTh { background-color: #414141; } /* line 791, ../sass/core/_styles.scss */ .tableGrid tr.brand th { width: 80px; height: 80px; } /* line 794, ../sass/core/_styles.scss */ .tableGrid tr.brand th .brandLogo { border: none; margin: 0px 5px 0px 15px; margin: 0rem 0.5rem 0rem 1.5rem; } /* line 804, ../sass/core/_styles.scss */ .tdGridWrapper { position: relative; } /* line 815, ../sass/core/_styles.scss */ .tableCell { border: 1px #e6e6e6 solid; } /* line 822, ../sass/core/_styles.scss */ .tableCell:last-child { border-right: none; } /* line 825, ../sass/core/_styles.scss */ .tableCell a:link { color: #454545; } /* line 828, ../sass/core/_styles.scss */ .tableCell a:active { color: #454545; } /* line 831, ../sass/core/_styles.scss */ .tableCell a:hover { color: #454545; } /* line 834, ../sass/core/_styles.scss */ .tableCell a:visited { color: #454545; } /* line 838, ../sass/core/_styles.scss */ .tdDetails { position: absolute; } /* line 841, ../sass/core/_styles.scss */ .gapColumn { display: none; } /* line 845, ../sass/core/_styles.scss */ .tdCalDetails { white-space: nowrap; overflow: hidden; } /* line 856, ../sass/core/_styles.scss */ .headingWrapper { float: left; padding: 0; margin: 0; } /* line 861, ../sass/core/_styles.scss */ .headingWrapper .panelTitle { width: 80px; height: 80px; padding: 0; margin: 0; border: 4px #fafafa solid; } /* line 872, ../sass/core/_styles.scss */ .headingWrapper .panelTitle em { position: absolute; top: 7px; right: 7px; color: #707070; } /* line 878, ../sass/core/_styles.scss */ .headingWrapper .panelTitle:hover { border: 4px solid #0095c8; } /* line 886, ../sass/core/_styles.scss */ .headingWrapper .panelTitle:hover em { color: #707070; } /* line 894, ../sass/core/_styles.scss */ .headingWrapper .panelTitle .isCentred { display: table; margin-top: 38%; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 894, ../sass/core/_styles.scss */ .headingWrapper .panelTitle .isCentred { margin-top: 38%; } } /* line 903, ../sass/core/_styles.scss */ .headingWrapper .panelTitle.bestRate { border: 4px solid #fafafa; } /* line 905, ../sass/core/_styles.scss */ .headingWrapper .panelTitle.bestRate:hover { border: 4px solid #0095c8; } /* line 912, ../sass/core/_styles.scss */ .headingWrapper .panelTitle.bestRate:hover .isCentred { color: #0095c8; display: table; margin: auto; margin-top: 38%; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 912, ../sass/core/_styles.scss */ .headingWrapper .panelTitle.bestRate:hover .isCentred { margin-top: 38%; } } /* line 922, ../sass/core/_styles.scss */ .headingWrapper .panelTitle.bestRate .isCentred { display: table; margin-top: 38%; } /* line 933, ../sass/core/_styles.scss */ .cellWrapper { position: relative; padding: 0; margin: 0; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .cellWrapper:before, .cellWrapper:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .cellWrapper:after { clear: both; } /* line 938, ../sass/core/_styles.scss */ .cellWrapper.currentPanel { width: 378px; } /* line 954, ../sass/core/_styles.scss */ .cellWrapper.highlightCell .panelTitle { color: #fff; border: 4px solid #fafafa; } /* line 963, ../sass/core/_styles.scss */ .cellWrapper .firstRow li { text-align: right; } /* line 967, ../sass/core/_styles.scss */ .cellWrapper .monthlyPeriod { display: none; } /* line 970, ../sass/core/_styles.scss */ .cellWrapper .productInformation { display: none; } /* line 973, ../sass/core/_styles.scss */ .cellWrapper .monthlyRate { display: none; } /* line 980, ../sass/core/_styles.scss */ .panelWrapper { padding: 0; margin: 0; } /* line 983, ../sass/core/_styles.scss */ .panelWrapper h4 { font-size: 16px; font-size: 1.6rem; letter-spacing: -0.05rem; } /* line 987, ../sass/core/_styles.scss */ .panelWrapper .xLargeText { font-size: 1.4rem; } /* line 990, ../sass/core/_styles.scss */ .panelWrapper .labelValueInlineList { width: 100%; padding: 0px 0px 54px 0px; padding: 0rem 0rem 5.4rem 0rem; } /* line 1003, ../sass/core/_styles.scss */ .detailsPanel .iconLoader { margin: 50% 50%; } /* line 1011, ../sass/core/_styles.scss */ .detailsPanel form { margin: 0; } /* line 1014, ../sass/core/_styles.scss */ .detailsPanel .firstRow { position: relative; margin: 20px 0px 30px 0px; margin: 2rem 0rem 3rem 0rem; } /* line 1021, ../sass/core/_styles.scss */ .detailsPanel .firstRow ul { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } /* line 1024, ../sass/core/_styles.scss */ .detailsPanel .firstRow li { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1028, ../sass/core/_styles.scss */ .detailsPanel .primaryButton { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; padding: 0px 30px 0px 30px; padding: 0rem 3rem 0rem 3rem; } /* line 1034, ../sass/core/_styles.scss */ .detailsWrapper { position: relative; } /* line 1036, ../sass/core/_styles.scss */ .detailsWrapper dt { float: left; width: 65%; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1041, ../sass/core/_styles.scss */ .detailsWrapper dd { float: right; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1047, ../sass/core/_styles.scss */ .detailsWrapper .itemDescription { text-align: left; float: left; } /* line 1051, ../sass/core/_styles.scss */ .detailsWrapper dt.itemTitle { font-weight: bold; margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; width: 100%; } /* line 1060, ../sass/core/_styles.scss */ .monthlyPeriod .last { margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } /* line 1068, ../sass/core/_styles.scss */ .yearlyPeriod .last { margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } /* line 1084, ../sass/core/_styles.scss */ .termDepositesAmountToInvest { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; border-bottom: 1px solid #c7c7c7; } /* line 1091, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .formBlock { margin: 0; } /* line 1094, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .formBlockContainer { margin: 0; } /* line 1097, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .formLeftLable { font-weight: bold; } /* line 1100, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .normalText, .termDepositesAmountToInvest .formLabelCheckBox.formLabelStyleTwo, .termDepositesAmountToInvest .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 label .termDepositesAmountToInvest .markOptional, .termDepositesAmountToInvest .formBlockContainerMod4 label.normalText, .formBlockContainerMod4 .termDepositesAmountToInvest label.normalText { font-weight: normal; } /* line 1104, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .actionButtonIcon { margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; min-width: 195px; } /* line 1108, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .formTxtInputAmount { padding: 0px 0px 0px 23px; padding: 0rem 0rem 0rem 2.3rem; margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; } /* line 1112, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .dSign { font-size: 1.6rem; position: absolute; top: 20px; top: 19px \0/IE89; left: 14px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1120, ../sass/core/_styles.scss */ .termDepositesAmountToInvest .dSign { top: 20px; } } /* line 1125, ../sass/core/_styles.scss */ .message { border: 1px solid #ddd; padding: 20px; background-color: #f2fafc; position: relative; } /* line 1132, ../sass/core/_styles.scss */ .contentBox { border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; background-color: #fff; } /* line 1139, ../sass/core/_styles.scss */ .contentBox .formLeftLable { float: left; font-weight: bold; margin: 12px 22px 0px 0px; margin: 1.2rem 2.2rem 0rem 0rem; } /* line 1144, ../sass/core/_styles.scss */ .contentBox .normalText, .contentBox .formLabelCheckBox.formLabelStyleTwo, .contentBox .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 label .contentBox .markOptional, .contentBox .formBlockContainerMod4 label.normalText, .formBlockContainerMod4 .contentBox label.normalText { font-weight: normal; } /* line 1147, ../sass/core/_styles.scss */ .contentBox .formTextInput, .contentBox .dk_input { margin: 0px 11px 0px 0px; margin: 0rem 1.1rem 0rem 0rem; padding: 0px 15px 0px 5px; padding: 0rem 1.5rem 0rem 0.5rem; } /* line 1151, ../sass/core/_styles.scss */ .contentBox .formTextInputMod2 { padding: 0px 15px 0px 15px; padding: 0rem 1.5rem 0rem 1.5rem; } /* line 1155, ../sass/core/_styles.scss */ .termDepositeCalculator { margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } /* line 1161, ../sass/core/_styles.scss */ .interestPaidPeriod { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 1169, ../sass/core/_styles.scss */ .interestPaidPeriod .inlineRadio { margin: 0px 4px 0px 0px; margin: 0rem 0.4rem 0rem 0rem; } /* line 1172, ../sass/core/_styles.scss */ .interestPaidPeriod dt { margin: 5px 18px 0px 0px; margin: 0.5rem 1.8rem 0rem 0rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1172, ../sass/core/_styles.scss */ .interestPaidPeriod dt { margin: 5px 16px 0px 0px; margin: 0.5rem 1.6rem 0rem 0rem; } } /* line 1178, ../sass/core/_styles.scss */ .interestPaidPeriod dd { width: 70px; text-align: right; } /* line 1182, ../sass/core/_styles.scss */ .interestPaidPeriod dd:last-child { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; width: 86px; } /* line 1189, ../sass/core/_styles.scss */ .labelValueInlineList li { margin: 0px 0px 7px 0px; margin: 0rem 0rem 0.7rem 0rem; } /* line 1195, ../sass/core/_styles.scss */ .toggleTextWithIcon a { color: #107ea6; font-weight: bold; cursor: pointer; } /* ## Login SMS code section ```
      Get SMS Code

      Help
      ``` */ /* Improved SMS Code section */ /* line 1243, ../sass/core/_styles.scss */ .smsCodeWrap { margin-top: 0 !important; } /* line 1248, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer label { margin: 0; } /* line 1251, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap .fieldHelpIconWrap { margin-top: 4px; } /* line 1254, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap .actionButtonIcon { margin: 9px 10px 0px 0px; margin: 0.9rem 1rem 0rem 0rem; min-width: 16.5rem; width: 16.5rem; } /* line 1258, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer .formTextInputWrap .actionButtonIcon span { padding-right: 0; } /* line 1261, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionWrap { width: 18.5rem; } /* line 1265, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionInput { margin: 4px 0px 0px 0px; margin: 0.4rem 0rem 0rem 0rem; } /* line 1267, ../sass/core/_styles.scss */ .smsCodeWrap .smsCodeWrapContainer .smsCodeItemActionInput em { float: left; } /* line 1272, ../sass/core/_styles.scss */ .smsNumberMessage { padding: 15px 0px 14px 0px; padding: 1.5rem 0rem 1.4rem 0rem; } /* line 1280, ../sass/core/_styles.scss */ .sectionContentWrap { *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .sectionContentWrap:before, .sectionContentWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .sectionContentWrap:after { clear: both; } /* ```
      CONTACT DETAILS
      ``` */ /* line 1294, ../sass/core/_styles.scss */ .sectionContentItem { border-color: #c7c7c7; border-width: 1px; border-style: solid; padding: 40px 40px 40px 40px; padding: 4rem 4rem 4rem 4rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; margin: 40px 0px 40px 0px; margin: 4rem 0rem 4rem 0rem; } /* line 1300, ../sass/core/_styles.scss */ .sectionContentItem legend.sectionContentItemHeader { font-weight: bold; font-size: inherit; line-height: inherit; text-indent: 0; padding: 0px 5px 0px 5px; padding: 0rem 0.5rem 0rem 0.5rem; text-transform: uppercase; } /* line 1310, ../sass/core/_styles.scss */ .sectionContentItem fieldset .dataInnerList { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1312, ../sass/core/_styles.scss */ .sectionContentItem fieldset .dataInnerList .dataInnerListStyle { margin: 0px 0px 8px 0px; margin: 0rem 0rem 0.8rem 0rem; font-size: 14px; font-size: 1.4rem; } /* line 1317, ../sass/core/_styles.scss */ .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .contentDialog.helpBubble.helpBubblePosStyleOne { position: absolute; top: -8.5rem; left: -1.9rem; } /* line 1320, ../sass/core/_styles.scss */ .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .contentDialog.helpBubble.helpBubblePosStyleOne .expandArrow, .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .contentDialog.helpBubble.helpBubblePosStyleOne .contentDialogMod1 .expandArrow.expandArrowMod3, .contentDialogMod1 .sectionContentItem fieldset .dataInnerList .dataInnerListStyle .contentDialog.helpBubble.helpBubblePosStyleOne .expandArrow.expandArrowMod3 { position: absolute; top: 7.9rem; left: 0.7rem; } /* line 1334, ../sass/core/_styles.scss */ fieldset.sectionContentItem { padding: 35px 10px 40px 18px; padding: 3.5rem 1rem 4rem 1.8rem; } /* line 1337, ../sass/core/_styles.scss */ fieldset.sectionContentItem .listContentItem .listContentItemHeader { width: 115px; margin: 0px 20px 10px 0px; margin: 0rem 2rem 1rem 0rem; } /* line 1341, ../sass/core/_styles.scss */ fieldset.sectionContentItem .listContentItem .listContentItemText { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1345, ../sass/core/_styles.scss */ fieldset.sectionContentItem.sectionContentItemFirst { margin-right: 4rem; } /* line 1350, ../sass/core/_styles.scss */ .sectionContentItemContainer { margin: 0px 0px 0px 40px; margin: 0rem 0rem 0rem 4rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 1354, ../sass/core/_styles.scss */ .sectionContentItemStyleOne { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1358, ../sass/core/_styles.scss */ .sectionContentItemMod1 { float: left; width: 47.5%; } /* line 1369, ../sass/core/_styles.scss */ .sectionContentItemMod2, fieldset.sectionContentItemMod2 { padding: 20px 40px 20px 20px; padding: 2rem 4rem 2rem 2rem; margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; height: 100px; } /* line 1373, ../sass/core/_styles.scss */ .sectionContentItemMod2 legend.sectionContentItemHeader, fieldset.sectionContentItemMod2 legend.sectionContentItemHeader { text-transform: none; } /* line 1377, ../sass/core/_styles.scss */ .sectionContentItemMod2 .setTopGutter, fieldset.sectionContentItemMod2 .setTopGutter { margin: 17px 0px 0px 0px; margin: 1.7rem 0rem 0rem 0rem; } /* line 1380, ../sass/core/_styles.scss */ .sectionContentItemMod2 .jq-exceedDailyLimit, fieldset.sectionContentItemMod2 .jq-exceedDailyLimit { margin: 0px 5px 5px 0px; margin: 0rem 0.5rem 0.5rem 0rem; } /* line 1385, ../sass/core/_styles.scss */ .sectionContentItemMod3 { padding: 30px 40px 40px 20px; padding: 3rem 4rem 4rem 2rem; } /* line 1387, ../sass/core/_styles.scss */ .sectionContentItemMod3 .listContentWrap { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; } /* line 1389, ../sass/core/_styles.scss */ .sectionContentItemMod3 .listContentWrap .stringTruncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 175px; max-width: 17.5rem; } /* ```
      Phone
      ${investorAdminDetails.phoneNo}
      Mobile
      ``` */ /* line 1418, ../sass/core/_styles.scss */ .listContentWrap { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; padding: 0; } /* line 1421, ../sass/core/_styles.scss */ .listContentWrap.listContentWrapMod1 { margin-left: 0; } /* line 1423, ../sass/core/_styles.scss */ .listContentWrap .listContentItem { margin: 0; padding: 0; overflow: hidden; } /* line 1428, ../sass/core/_styles.scss */ .listContentWrap .listContentItemHeader { float: left; width: 26%; margin: 0px 10px 10px 0px; margin: 0rem 1rem 1rem 0rem; clear: left; } /* line 1435, ../sass/core/_styles.scss */ .listContentWrap .listContentItemHeader.listContentItemHeaderModal, .listContentWrap .listContentItemHeader.listContentItemHeaderFixed { width: 89px; margin: 0px 10px 5px 0px; margin: 0rem 1rem 0.5rem 0rem; } /* line 1440, ../sass/core/_styles.scss */ .listContentWrap .listContentItemText { float: left; clear: right; width: 59%; position: relative; margin: 0px 5px 10px 30px; margin: 0rem 0.5rem 1rem 3rem; } /* line 1448, ../sass/core/_styles.scss */ .listContentWrap .listContentItemTextItem { margin: 0px 10px 15px 0px; margin: 0rem 1rem 1.5rem 0rem; } /* line 1452, ../sass/core/_styles.scss */ .listContentWrap .listContentItemTextItem:last-child { margin-bottom: 0; } /* line 1453, ../sass/core/_styles.scss */ .listContentWrap .listContentItemTextMod1 { margin: 0px 10px 10px 0px; margin: 0rem 1rem 1rem 0rem; } /* line 1457, ../sass/core/_styles.scss */ .listContentWrap .stringTruncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 175px; max-width: 17.5rem; } /* line 1460, ../sass/core/_styles.scss */ .listContentWrap h5.setBottomGutter { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 1463, ../sass/core/_styles.scss */ .listContentWrap .title { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /*.modalBox .listContentWrap .listContentItem { } */ /* line 1478, ../sass/core/_styles.scss */ .modalBox .listContentWrap .listContentItemTextItem { margin-bottom: 5px; } /* line 1481, ../sass/core/_styles.scss */ .modalBox .listContentWrap .listContentItem { margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* line 1484, ../sass/core/_styles.scss */ .modalBox .listContentWrap .radioGroup { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; } /* line 1486, ../sass/core/_styles.scss */ .modalBox .listContentWrap .radioGroup li { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 1492, ../sass/core/_styles.scss */ .listContentItemTextItemWrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; max-width: 16rem; } /* line 1495, ../sass/core/_styles.scss */ .modalBox .listContentWrap { margin-left: 0; } /* line 1498, ../sass/core/_styles.scss */ .listContentItemMod1 .listContentItemText { width: 60%; } /* line 1502, ../sass/core/_styles.scss */ .sectionContentWrapMod1 { display: table; overflow: hidden; width: 100%; border-collapse: collapse; } /* line 1507, ../sass/core/_styles.scss */ .sectionContentWrapMod1 .sideListsWrap { display: table-row; } /* line 1509, ../sass/core/_styles.scss */ .sectionContentWrapMod1 .sideListsWrap fieldset.sectionContentItem { display: table-cell; /*min-height:510px;*/ } /* line 1517, ../sass/core/_styles.scss */ .sectionContentWrapMod2 { margin: 30px 0px 40px 0px; margin: 3rem 0rem 4rem 0rem; } /* line 1520, ../sass/core/_styles.scss */ .sectionContentWrapMod3 { margin: 30px 20px 30px 20px; margin: 3rem 2rem 3rem 2rem; } /* line 1522, ../sass/core/_styles.scss */ .sectionContentWrapMod3 .happeningBox { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 1524, ../sass/core/_styles.scss */ .sectionContentWrapMod3 .happeningBox .noticeBoxWrapper .noticeBoxText { width: 90%; } /*.listContentWrapMod2{ .listContentItemHeader{ width: 37%; } .listContentItemText{ width: 46%; } }*/ /* line 1539, ../sass/core/_styles.scss */ .listLegend { margin: 20px 0px 20px 20px; margin: 2rem 0rem 2rem 2rem; } /* ## MessageAlerts ```
      ``` */ /* line 1593, ../sass/core/_styles.scss */ .messageAlertsWrap { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; border-top: 1px solid #454545; } /* line 1600, ../sass/core/_styles.scss */ .messageAlertsItemsWrap { *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .messageAlertsItemsWrap:before, .messageAlertsItemsWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .messageAlertsItemsWrap:after { clear: both; } /* line 1606, ../sass/core/_styles.scss */ .messageAlertsItemAction { display: block !important; height: 19.5rem; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .messageAlertsItemAction:before, .messageAlertsItemAction:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .messageAlertsItemAction:after { clear: both; } /* line 1610, ../sass/core/_styles.scss */ .messageAlertsItemAction:link { color: #454545; text-decoration: none !important; /* win safari fix */ } /* line 1615, ../sass/core/_styles.scss */ .messageAlertsItemAction:visited { color: #454545; } /* line 1624, ../sass/core/_styles.scss */ .messageAlertsItemAction:hover { color: #454545; } /* line 1627, ../sass/core/_styles.scss */ .messageAlertsItemAction:active { color: #454545; } /* line 1636, ../sass/core/_styles.scss */ .messageAlertsItem { border-left: 1px solid #e6e6e6; border-bottom: 1px solid #fafafa; border-top: 1px solid #fafafa; padding: 10px 10px 30px 20px; padding: 1rem 1rem 3rem 2rem; width: 12rem; height: 21.7rem; vertical-align: top; } /* line 1645, ../sass/core/_styles.scss */ .messageAlertsItem:hover { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; border-left: 1px solid #bababa; cursor: pointer; } /* line 1649, ../sass/core/_styles.scss */ .messageAlertsItem:hover + li { border-left: 1px solid #bababa; } /* line 1655, ../sass/core/_styles.scss */ .messageAlertsItem:nth-last-child(1) { border-right: 1px solid #e6e6e6; } /* line 1657, ../sass/core/_styles.scss */ .messageAlertsItem:nth-last-child(1):hover { border-right: 1px solid #bababa; } /* line 1663, ../sass/core/_styles.scss */ .messageAlertsItemLast { border-right: 1px solid #e6e6e6; } /* line 1670, ../sass/core/_styles.scss */ .messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:link { color: #bababa; } /* line 1673, ../sass/core/_styles.scss */ .messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:visited { color: #bababa; } /* line 1676, ../sass/core/_styles.scss */ .messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:hover { color: #bababa; } /* line 1679, ../sass/core/_styles.scss */ .messageAlertsItem.messageAlertsItemMod1:hover .messageAlertsItemAction:active { color: #bababa; } /* line 1688, ../sass/core/_styles.scss */ .messageAlertsItemMod2 .messageAlertsTextItem, .messageAlertsItemMod1 .messageAlertsTextItem { margin: 60px 0px 0px 0px; margin: 6rem 0rem 0rem 0rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 1693, ../sass/core/_styles.scss */ .messageAlertsItemMod2 .messageAlertsTextItem, .messageAlertsItemMod1 .messageAlertsTextItem { margin: 60px 0px 0px 0px; margin: 6rem 0rem 0rem 0rem; } } /* line 1704, ../sass/core/_styles.scss */ .messageAlertsIconItem { float: left; clear: both; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; min-height: 4rem; } /* line 1710, ../sass/core/_styles.scss */ .messageAlertsTextItem { clear: both; float: left; min-height: 67px; vertical-align: top; line-height: 16px; line-height: 1.6rem; } /* line 1722, ../sass/core/_styles.scss */ .messageAlertsItemMod1 .messageAlertsItemAction:link { color: #bababa; } /* line 1725, ../sass/core/_styles.scss */ .messageAlertsItemMod1 .messageAlertsItemAction:visited { color: #bababa; } /* line 1728, ../sass/core/_styles.scss */ .messageAlertsItemMod1 .messageAlertsItemAction:hover { color: #bababa; } /* line 1731, ../sass/core/_styles.scss */ .messageAlertsItemMod1 .messageAlertsItemAction:active { color: #bababa; } /* line 1736, ../sass/core/_styles.scss */ .messageAlertsItemMod1 .messageAlertsTextItem { font-weight: normal; } /* line 1740, ../sass/core/_styles.scss */ .messageAlertsNumberItem { clear: both; float: left; font-size: 5rem; font-weight: bold; margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 1753, ../sass/core/_styles.scss */ .dashboardTermDepositeWrap, .messageAlertsBody, .dashboardTermDepositeWrap { padding: 0px 0px 60px 0px; padding: 0rem 0rem 6rem 0rem; } /* line 1761, ../sass/core/_styles.scss */ .applicationStatusWrapper { padding: 0px 0px 50px 0px; padding: 0rem 0rem 5rem 0rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } /* ##TD Rates ```
      4.05 % pa $30,000 invested for 6 months $1,000.00 interest earned based on a monthly interest rate
      ``` */ /* line 1795, ../sass/core/_styles.scss */ .dashboardTermDepositeContent { *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .dashboardTermDepositeContent:before, .dashboardTermDepositeContent:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .dashboardTermDepositeContent:after { clear: both; } /* line 1801, ../sass/core/_styles.scss */ .tdRatesWrapMod1 { float: left; width: 28rem; padding: 10px 60px 0px 20px; padding: 1rem 6rem 0rem 2rem; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #fafafa; border-top: 1px solid #fafafa; } /* line 1808, ../sass/core/_styles.scss */ .tdRatesWrapMod1:hover { border-bottom: 1px solid #bababa; border-top: 1px solid #bababa; border-left: 1px solid #bababa; cursor: pointer; } /* line 1812, ../sass/core/_styles.scss */ .tdRatesWrapMod1:hover + div { border-left: 1px solid #bababa; } /* line 1820, ../sass/core/_styles.scss */ .tdRatesWrapMod1:nth-last-child(1):hover { border-right: 1px solid #bababa; } /* line 1825, ../sass/core/_styles.scss */ .tdRatesWrapLast { border-right: 1px solid #e6e6e6; } /* line 1829, ../sass/core/_styles.scss */ .tdRatesWrapStgeorge .logoPlaceholder { width: 60px; height: 60px; display: block; color: transparent; font: 0/0 a; text-shadow: none; margin: 0px 0px 50px 0px; margin: 0rem 0rem 5rem 0rem; background: url(../../images/brandssprite.png) no-repeat 0px -55px; } /* line 1839, ../sass/core/_styles.scss */ .tdRatesWrapWestpac .logoPlaceholder { width: 60px; height: 60px; display: block; color: transparent; font: 0/0 a; text-shadow: none; margin: 0px 0px 50px 0px; margin: 0rem 0rem 5rem 0rem; background: url(../../images/brandssprite.png) no-repeat 0px -112px; } /* line 1849, ../sass/core/_styles.scss */ .tdRatesWrapBankOfMelbourne .logoPlaceholder { width: 60px; height: 60px; display: block; color: transparent; font: 0/0 a; text-shadow: none; margin: 0px 0px 50px 0px; margin: 0rem 0rem 5rem 0rem; background: url(../../images/brandssprite.png) no-repeat 0px 12px; } /* line 1859, ../sass/core/_styles.scss */ .tdRatesRateTextItemNumber { font-size: 7rem; float: left; letter-spacing: -0.4rem; } /* line 1865, ../sass/core/_styles.scss */ .tdRatesRateTextItemUnitA { font-size: 4rem; float: left; margin-top: -15px; } /* line 1871, ../sass/core/_styles.scss */ .tdRatesRateTextItemUnitB { font-size: 2rem; float: left; margin: 12px 0px 0px 38px; margin: 1.2rem 0rem 0rem 3.8rem; } /* line 1879, ../sass/core/_styles.scss */ .tdRatesDescTextA { font-size: 1.8rem; display: block; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; line-height: 1.9rem; } /* line 1886, ../sass/core/_styles.scss */ .tdRatesDescTextB { font-size: 1.8rem; display: block; margin: 0px 0px 25px 0px; margin: 0rem 0rem 2.5rem 0rem; line-height: 1.9rem; } /* line 1894, ../sass/core/_styles.scss */ .tdRatesRateText { *zoom: 1; display: block; margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .tdRatesRateText:before, .tdRatesRateText:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .tdRatesRateText:after { clear: both; } /* line 1901, ../sass/core/_styles.scss */ .tdRatesFootText { font-size: 1.2rem; display: block; } /* line 1905, ../sass/core/_styles.scss */ .tdRatesFootTextLast { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } /* line 1908, ../sass/core/_styles.scss */ .tdRatesWrapAction { text-decoration: none; } /* line 1910, ../sass/core/_styles.scss */ .tdRatesWrapAction:link { color: #454545; } /* line 1914, ../sass/core/_styles.scss */ .tdRatesWrapAction:visited { color: #454545; } /* line 1917, ../sass/core/_styles.scss */ .tdRatesWrapAction:hover { color: #454545; } /* line 1920, ../sass/core/_styles.scss */ .tdRatesWrapAction:active { color: #454545; } /* ```

      Your accounts

      $10,000,000,000.00 Help Total balance
      ``` */ /* line 1954, ../sass/core/_styles.scss */ .layoutMainHeaderMod1 { color: #545454; padding: 0px 0px 60px 0px; padding: 0rem 0rem 6rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1959, ../sass/core/_styles.scss */ .layoutMainHeaderMod1 .layoutMainHeaderWrap { *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .layoutMainHeaderMod1 .layoutMainHeaderWrap:before, .layoutMainHeaderMod1 .layoutMainHeaderWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .layoutMainHeaderMod1 .layoutMainHeaderWrap:after { clear: both; } /* line 1963, ../sass/core/_styles.scss */ .layoutMainHeaderMod1 .headerTextItemMod6 { float: left; } /* line 1966, ../sass/core/_styles.scss */ .layoutMainHeaderMod1 .totalBalanceWrap { float: right; } /* line 1970, ../sass/core/_styles.scss */ .headerTextItem.headerTextItemMod7 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; margin: 20px 0px 15px 0px; margin: 2rem 0rem 1.5rem 0rem; font-size: 20px; font-size: 2rem; color: #454545; } /* line 1976, ../sass/core/_styles.scss */ .headerTextItem.headerTextItemMod7 span { font-weight: 100; } /* line 1980, ../sass/core/_styles.scss */ .totalBalanceWrap { *zoom: 1; margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .totalBalanceWrap:before, .totalBalanceWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .totalBalanceWrap:after { clear: both; } /* line 1983, ../sass/core/_styles.scss */ .totalBalanceWrap .totalBalancItemText { float: right; clear: both; margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; } /* line 1988, ../sass/core/_styles.scss */ .totalBalanceWrap .totalBalancItemNumber { float: right; clear: both; } /* line 1994, ../sass/core/_styles.scss */ .numberNiconWrap { position: relative; } /* line 1996, ../sass/core/_styles.scss */ .numberNiconWrap .numberNiconItemNumber { font-size: 2.5rem; margin: 0px 22px 0px 0px; margin: 0rem 2.2rem 0rem 0rem; } /* line 2001, ../sass/core/_styles.scss */ .numberNiconWrap .numberNiconItemIcon { position: absolute; top: 0.1rem; right: -0.5rem; z-index: 2; color: #0095c8; font-size: 1.8rem; } /* line 2012, ../sass/core/_styles.scss */ .layoutMainHeaderItem { float: left; } /* line 2015, ../sass/core/_styles.scss */ .layoutMainHeaderItem .subHeaderWrapMod1 { border-bottom: none; padding: 3px 0px 0px 0px; padding: 0.3rem 0rem 0rem 0rem; } /* line 2019, ../sass/core/_styles.scss */ .layoutMainHeaderItem .subHeaderItemTitle { font-weight: normal; } /* line 2022, ../sass/core/_styles.scss */ .layoutMainHeaderItem .numberItemNumber { float: right; clear: both; font-size: 2rem; } /* line 2028, ../sass/core/_styles.scss */ .layoutMainHeaderItem .labelText { float: right; clear: both; margin: 7px 0px 0px 0px; margin: 0.7rem 0rem 0rem 0rem; } /* line 2034, ../sass/core/_styles.scss */ .layoutMainHeaderItem .labelIcons { float: left; clear: left; margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } /* line 2041, ../sass/core/_styles.scss */ .layoutMainHeaderItem .headerTextItemWrap { float: left; } /* line 2047, ../sass/core/_styles.scss */ .layoutMainHeaderItemLast { float: right; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .layoutMainHeaderItemLast:before, .layoutMainHeaderItemLast:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .layoutMainHeaderItemLast:after { clear: both; } /* line 2051, ../sass/core/_styles.scss */ .layoutMainHeaderMod2 { border-top: 2px solid #454545; padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; } /* line 2053, ../sass/core/_styles.scss */ .layoutMainHeaderMod2 .layoutMainHeaderWrap { *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .layoutMainHeaderMod2 .layoutMainHeaderWrap:before, .layoutMainHeaderMod2 .layoutMainHeaderWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .layoutMainHeaderMod2 .layoutMainHeaderWrap:after { clear: both; } /* line 2082, ../sass/core/_styles.scss */ .rowWrap { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; *zoom: 1; border-bottom: 1px solid #e6e6e6; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .rowWrap:before, .rowWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .rowWrap:after { clear: both; } /* line 2093, ../sass/core/_styles.scss */ .rowWrapMod1 .headingItem { font-size: 1.5rem; margin: 0px 0px 14px 0px; margin: 0rem 0rem 1.4rem 0rem; line-height: 0; } /* line 2099, ../sass/core/_styles.scss */ .rowWrapMod1 a.baseLink:link { color: #454545; } /* line 2102, ../sass/core/_styles.scss */ .rowWrapMod1 a.baseLink:visited { color: #454545; } /* line 2105, ../sass/core/_styles.scss */ .rowWrapMod1 a.baseLink:active { color: #454545; } /* line 2108, ../sass/core/_styles.scss */ .rowWrapMod1 a.baseLink:hover { color: #00a0d7; border-bottom: 1px solid #00a0d7; } /* line 2116, ../sass/core/_styles.scss */ .rowWrapMod2 { border-top: 1px solid #454545; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } /* line 2122, ../sass/core/_styles.scss */ .colWrapContentItemMod1 { width: 8.5rem; } /* line 2125, ../sass/core/_styles.scss */ .colWrapContentItemMod2 { width: 14rem; } /* line 2128, ../sass/core/_styles.scss */ .colWrapContentItemMod3 { width: 16rem; } /* line 2131, ../sass/core/_styles.scss */ .colWrapContentItemMod4 { width: 100%; } /* line 2134, ../sass/core/_styles.scss */ .colWrapContent { *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .colWrapContent:before, .colWrapContent:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .colWrapContent:after { clear: both; } /* line 2136, ../sass/core/_styles.scss */ .colWrapContent .colWrapContentItem { float: left; text-align: right; line-height: 2rem; } /* line 2143, ../sass/core/_styles.scss */ .colWrapContent .colWrapContentItemLabel { display: block; font-weight: normal; } /* line 2147, ../sass/core/_styles.scss */ .colWrapContent .colWrapContentItemText { display: block; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 2154, ../sass/core/_styles.scss */ .colWrapContentMod1 .colWrapContentItem { width: 17rem; text-align: left; font-weight: normal; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 2160, ../sass/core/_styles.scss */ .colWrapContentMod1 .colWrapContentItemLastCol { width: 24rem; text-align: left; font-weight: normal; } /* line 2167, ../sass/core/_styles.scss */ .colWrapContentMod2 .colWrapContentItem { float: right; padding: 0px 0px 0px 15px; padding: 0rem 0rem 0rem 1.5rem; } /* line 2173, ../sass/core/_styles.scss */ .rowContainer { margin: 0px 0px 80px 0px; margin: 0rem 0rem 8rem 0rem; } /* line 2176, ../sass/core/_styles.scss */ .rowContainerMod1 { border-top: 1px solid #000; padding-top: 20px; } /* ##CMS STYLE */ /* line 2185, ../sass/core/_styles.scss */ .cmsMainWrap { font-size: 1.6rem; line-height: 2.5rem; position: relative; } /* line 2190, ../sass/core/_styles.scss */ .cmsMainWrap .baseLink em { margin: 6px 5px 0px 0px; margin: 0.6rem 0.5rem 0rem 0rem; } /* line 2195, ../sass/core/_styles.scss */ .cmsMainWrap p { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 2198, ../sass/core/_styles.scss */ .cmsMainWrap h1 + h4, .cmsMainWrap h1 + h5 { margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } /* line 2201, ../sass/core/_styles.scss */ .cmsMainWrap h5 { color: #454545; margin: 30px 0px 15px 0px; margin: 3rem 0rem 1.5rem 0rem; } /* line 2206, ../sass/core/_styles.scss */ .cmsMainWrap h1 { font-size: 4rem; color: #454545; letter-spacing: -0.25rem; } /* line 2211, ../sass/core/_styles.scss */ .cmsMainWrap h3 { letter-spacing: -0.15rem; } /* line 2214, ../sass/core/_styles.scss */ .cmsMainWrap h4 { color: #454545; margin: 30px 0px 15px 0px; margin: 3rem 0rem 1.5rem 0rem; } /* line 2219, ../sass/core/_styles.scss */ .cmsMainWrap h2 { font-size: 3rem; letter-spacing: -0.25rem; padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; } /* line 2224, ../sass/core/_styles.scss */ .cmsMainWrap h2 i { color: #949494; text-decoration: none; font-style: normal; } /* line 2231, ../sass/core/_styles.scss */ .cmsMainWrap h2 b { color: #0095c8; } /* line 2235, ../sass/core/_styles.scss */ .cmsMainWrap h2 u { color: #454545; text-decoration: none; } /* line 2241, ../sass/core/_styles.scss */ .cmsMainWrap .headingType1 { border-bottom: 1px solid #bababa; padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } /* line 2245, ../sass/core/_styles.scss */ .cmsMainWrap .headingType1 p { font-size: 1.4rem; letter-spacing: 0rem; color: #0095c8; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 2252, ../sass/core/_styles.scss */ .cmsMainWrap .headingType1 p.date { font-size: 1.4rem; letter-spacing: 0rem; color: #0095c8; padding: 5px 0px 0px 0px; padding: 0.5rem 0rem 0rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 2260, ../sass/core/_styles.scss */ .cmsMainWrap .listHeaderType1 { border: 3px solid #3b3b3b; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; margin: 50px 0px 0px 0px; margin: 5rem 0rem 0rem 0rem; text-transform: uppercase; } /* line 2267, ../sass/core/_styles.scss */ .cmsMainWrap .listHeaderType1 h4 { font-size: 1.4rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 2272, ../sass/core/_styles.scss */ .cmsMainWrap .cmsBackLinkWrap { left: 0; top: -29px; position: absolute; } /* line 2277, ../sass/core/_styles.scss */ .cmsMainWrap .cmsBackLinkWrapBottom { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 2282, ../sass/core/_styles.scss */ .listType1 { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 2284, ../sass/core/_styles.scss */ .listType1 li { border-bottom: 1px solid #bababa; border-left: 1px solid #bababa; border-right: 1px solid #bababa; padding: 15px 20px 15px 20px; padding: 1.5rem 2rem 1.5rem 2rem; display: table; width: 100%; font-weight: bold; font-size: 1.4rem; } /* line 2293, ../sass/core/_styles.scss */ .listType1 li span { width: 25px; display: table-cell; font-size: 1rem; line-height: 1rem; } /* line 2294, ../sass/core/_styles.scss */ .listType1 li span b { display: inline-block; font-size: 1.6rem; } /* line 2304, ../sass/core/_styles.scss */ .listType1 li div { margin: 0px 0px 0px 30px; margin: 0rem 0rem 0rem 3rem; } /* line 2311, ../sass/core/_styles.scss */ .listType2 { padding-left: 2rem; margin-bottom: 2rem; } /* line 2315, ../sass/core/_styles.scss */ .listType2 li:before { content: "•"; font-size: 160%; /* or whatever */ padding: 0px 10px 0px 0px; padding: 0rem 1rem 0rem 0rem; line-height: 1rem; display: inline-block; } /* line 2323, ../sass/core/_styles.scss */ .listType2 li { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; text-indent: -1rem; } /* line 2327, ../sass/core/_styles.scss */ .listType2 li.listItemMod1 { margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; text-indent: -1rem; } /* line 2333, ../sass/core/_styles.scss */ .listTypeGeneric { margin-left: 1.45rem; list-style: disc; } /* line 2337, ../sass/core/_styles.scss */ .listTypeGeneric.listTopSpace { margin-top: 1rem; } /* line 2341, ../sass/core/_styles.scss */ .listType3 { padding: 0px 0px 0px 20px; padding: 0rem 0rem 0rem 2rem; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; counter-reset: the-counter; } /* line 2344, ../sass/core/_styles.scss */ .listType3 li { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; text-indent: -1.9rem; } /* line 2350, ../sass/core/_styles.scss */ .listType3 li:before { content: counter(the-counter, decimal) "."; counter-increment: the-counter; margin-right: 0.6rem; font-weight: bold; } /* line 2360, ../sass/core/_styles.scss */ .listType4 li { border-bottom: 1px solid #bababa; padding: 11px 0px 12px 0px; padding: 1.1rem 0rem 1.2rem 0rem; display: table; width: 100%; font-size: 1.4rem; } /* line 2366, ../sass/core/_styles.scss */ .listType4 li span { width: 25px; display: table-cell; font-size: 1rem; line-height: 1rem; } /* line 2367, ../sass/core/_styles.scss */ .listType4 li span b { display: inline-block; font-size: 1.6rem; } /* line 2377, ../sass/core/_styles.scss */ .listType4 li div { margin: 0px 0px 0px 15px; margin: 0rem 0rem 0rem 1.5rem; } /* line 2381, ../sass/core/_styles.scss */ .listType4 li:last-child { border-bottom: 0px solid #bababa; padding-bottom: 5px; margin-bottom: 0; } /* line 2388, ../sass/core/_styles.scss */ .listType5 { padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } /* line 2390, ../sass/core/_styles.scss */ .listType5 li { width: 100%; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .listType5 li:before, .listType5 li:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .listType5 li:after { clear: both; } /* line 2395, ../sass/core/_styles.scss */ .listType5 li:last-child { border-bottom: 1px solid #c7c7c7; } /* line 2401, ../sass/core/_styles.scss */ .rowItemWrap { *zoom: 1; max-width: 880rem; margin-left: auto; margin-right: auto; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .rowItemWrap:before, .rowItemWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .rowItemWrap:after { clear: both; } /* line 2408, ../sass/core/_styles.scss */ .rowItemWrap ul li { font-size: 1.4rem; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; line-height: 2rem; } /* line 2415, ../sass/core/_styles.scss */ .rowItemWrap.fontDefaultSize ul li { font-size: 1.6rem; } /* ### Image component ```

      Cash accounts

      Term deposits

      ``` */ /* line 2462, ../sass/core/_styles.scss */ .rowItemWrapMod1 { margin: 30px 0px 0px 0px; margin: 3rem 0rem 0rem 0rem; padding: 0px 0px 10px 10px; padding: 0rem 0rem 1rem 1rem; background: url("../images/columnLineBgType1.png") 7px 0 repeat-y transparent; } /* line 2467, ../sass/core/_styles.scss */ .rowItemWrapMod1 .compType1 h3 { margin: 0px 0px 23px 0px; margin: 0rem 0rem 2.3rem 0rem; } /* line 2470, ../sass/core/_styles.scss */ .rowItemWrapMod1 .compType1 h3 + img { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; display: block; } /* line 2474, ../sass/core/_styles.scss */ .rowItemWrapMod1 .compType1 h3 + a.baseLinkMod1 { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; height: 180px; } /* line 2477, ../sass/core/_styles.scss */ .rowItemWrapMod1 .compType1 h3 + a.baseLinkMod1 img { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 2483, ../sass/core/_styles.scss */ .rowItemWrapMod1 div.compType1:first-child { padding: 0 10px 0 0; } /* line 2488, ../sass/core/_styles.scss */ .rowItemWrapMod2 { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 2491, ../sass/core/_styles.scss */ .rowItemWrapMod2 .dataSummary, .rowItemWrapMod2 .listContentItem { margin: -5px 0px -15px 0px; margin: -0.5rem 0rem -1.5rem 0rem; } /* line 2494, ../sass/core/_styles.scss */ .rowItemWrapMod2 .dataSummary .listContentItemHeader, .rowItemWrapMod2 .listContentItem .listContentItemHeader { width: 115px; margin: 0px 20px 10px 0px; margin: 0rem 2rem 1rem 0rem; } /* line 2498, ../sass/core/_styles.scss */ .rowItemWrapMod2 .dataSummary .listContentItemText, .rowItemWrapMod2 .listContentItem .listContentItemText { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 2504, ../sass/core/_styles.scss */ .rowItemWrapNews { padding: 0px 0px 30px 0px; padding: 0rem 0rem 3rem 0rem; margin-top: -5px; } /* line 2507, ../sass/core/_styles.scss */ .rowItemWrapNews .compType1 { border-right: 1px solid #e6e6e6; width: 210px; padding: 14px 10px 0px 18px; padding: 1.4rem 1rem 0rem 1.8rem; } /* line 2511, ../sass/core/_styles.scss */ .rowItemWrapNews .compType1:first-child { padding: 14px 10px 0px 0px; padding: 1.4rem 1rem 0rem 0rem; } /* line 2514, ../sass/core/_styles.scss */ .rowItemWrapNews .compType1:last-child { padding: 14px 0px 0px 18px; padding: 1.4rem 0rem 0rem 1.8rem; border-right: none; } /* ### Two columns layout #### .rowItemWrapMod2 ```
      ```` */ /* line 2574, ../sass/core/_styles.scss */ .rowItemWrapMod2 { background: url("../images/columnLineBgType1.png") repeat-y transparent; } /* line 2575, ../sass/core/_styles.scss */ .rowItemWrapMod2 div { display: block; float: left; margin-right: 2.27273%; width: 48.86364%; } /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */ .rowItemWrapMod2 div:last-child { margin-right: 0; } /* line 2579, ../sass/core/_styles.scss */ .rowItemWrapMod2 div:last-child { padding: 0 0 0 10px; } /* ### Three columns layout #### .rowItemWrapMod3 ```
      ``` */ /* line 2655, ../sass/core/_styles.scss */ .rowItemWrapMod3 { background: url("../images/columnLineBgType2.png") repeat-y transparent; } /* line 2657, ../sass/core/_styles.scss */ .rowItemWrapMod3 div { display: block; float: left; margin-right: 2.27273%; width: 31.81818%; padding: 0px 10px 0px 0px; padding: 0rem 1rem 0rem 0rem; } /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */ .rowItemWrapMod3 div:last-child { margin-right: 0; } /* line 2660, ../sass/core/_styles.scss */ .rowItemWrapMod3 div h3 { font-size: 2.5rem; margin-bottom: 13px; } /* line 2664, ../sass/core/_styles.scss */ .rowItemWrapMod3 div a.baseLink { font-size: 1.4rem; } /* line 2675, ../sass/core/_styles.scss */ .rowItemWrapMod3 div:nth-child(3) { padding: 0 0 0 10px; } /* line 2678, ../sass/core/_styles.scss */ .rowItemWrapMod3 div:nth-child(2) { padding: 0 10px 0 15px; } /* line 2684, ../sass/core/_styles.scss */ .rowItemWrapMod4 { border-top: 1px solid #c8c8c8; margin: 30px 0px 20px 0px; margin: 3rem 0rem 2rem 0rem; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } /* line 2688, ../sass/core/_styles.scss */ .rowItemWrapMod4 div:first-child { display: block; float: left; margin-right: 2.27273%; width: 48.86364%; } /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */ .rowItemWrapMod4 div:first-child:last-child { margin-right: 0; } /* line 2691, ../sass/core/_styles.scss */ .rowItemWrapMod4 div:last-child { display: block; float: left; margin-right: 2.27273%; width: 48.86364%; text-align: right; } /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */ .rowItemWrapMod4 div:last-child:last-child { margin-right: 0; } /* line 2696, ../sass/core/_styles.scss */ .rowItemWrapMod5 { border-bottom: 1px solid #454545; padding: 0px 0px 40px 0px; padding: 0rem 0rem 4rem 0rem; margin: 10px 0px 30px 0px; margin: 1rem 0rem 3rem 0rem; } /* line 2700, ../sass/core/_styles.scss */ .rowItemWrapMod5 h3 { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } /* line 2708, ../sass/core/_styles.scss */ .rowItemWrapMod7 { margin: 20px 0px 30px 0px; margin: 2rem 0rem 3rem 0rem; } /* line 2710, ../sass/core/_styles.scss */ .rowItemWrapMod7 h3 { margin: 0px 0px 25px 0px; margin: 0rem 0rem 2.5rem 0rem; } /* line 2713, ../sass/core/_styles.scss */ .rowItemWrapMod7 .titleMod1 { margin: 0px 0px 13px 0px; margin: 0rem 0rem 1.3rem 0rem; } /* line 2718, ../sass/core/_styles.scss */ .rowItemWrapMod8 { padding: 0px 20px 48px 20px; padding: 0rem 2rem 4.8rem 2rem; } /* line 2721, ../sass/core/_styles.scss */ .rowItemWrapMod8 .baseLink em { margin: 4px 5px 0px 0px; margin: 0.4rem 0.5rem 0rem 0rem; } /* line 2726, ../sass/core/_styles.scss */ .backButton { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 2730, ../sass/core/_styles.scss */ .backButtonMod1 { margin: 20px 0px 10px 0px; margin: 2rem 0rem 1rem 0rem; } /* line 2734, ../sass/core/_styles.scss */ .lineType1 { border-top: 1px solid #c8c8c8; margin: 40px 0px 10px 0px; margin: 4rem 0rem 1rem 0rem; padding: 20px 0px 0px 0px; padding: 2rem 0rem 0rem 0rem; } /* line 2739, ../sass/core/_styles.scss */ .compType1 { display: block; float: left; margin-right: 2.27273%; width: 48.86364%; margin-right: 0; } /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */ .compType1:last-child { margin-right: 0; } /* line 2742, ../sass/core/_styles.scss */ .compType1 h6 { color: #e97300; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 2746, ../sass/core/_styles.scss */ .compType1 h6 + p { font-size: 2rem; } /* line 2750, ../sass/core/_styles.scss */ .compType2 { display: block; float: left; margin-right: 2.27273%; width: 31.81818%; } /* line 54, ../sass/plugins/neat/grid/_span-columns.scss */ .compType2:last-child { margin-right: 0; } /* line 2754, ../sass/core/_styles.scss */ .compType1Last { padding: 0 0 0 30px; } /* line 2759, ../sass/core/_styles.scss */ .compType1Mod1 { background: url("../images/columnLineBgType3.png") repeat-y transparent; } /* #Carousel styles */ /* line 2770, ../sass/core/_styles.scss */ .ui-carousel-wrap { width: auto; position: relative; margin: 0 auto 20px auto; } /* line 2776, ../sass/core/_styles.scss */ .ui-carousel { height: 100px; margin: 0; overflow: auto; padding: 0; position: relative; /*for ie7 to work e.g in html carousels*/ width: 880px; } /* line 2785, ../sass/core/_styles.scss */ .ui-carousel > .wrapper { margin: 0; padding: 0; width: 9999px; } /* line 2789, ../sass/core/_styles.scss */ .ui-carousel > .wrapper .slide > a { text-decoration: none !important; border: 0 !important; display: block !important; height: 373px; } /* line 2797, ../sass/core/_styles.scss */ .ui-carousel > .wrapper > * { border: 0; display: block; float: left; height: 100px; overflow: hidden; width: 100px; } /* line 2805, ../sass/core/_styles.scss */ .navWrap { position: absolute; bottom: 24px; left: 50%; width: 142px; margin-left: -72px; } /* line 2826, ../sass/core/_styles.scss */ .navWrap a.navItem { text-decoration: none; } /* line 2829, ../sass/core/_styles.scss */ .navWrap a.navItem em { font-size: 24px; font-size: 2.4rem; } /* line 2833, ../sass/core/_styles.scss */ .navWrap a:link { color: #e6e6e6; } /* line 2837, ../sass/core/_styles.scss */ .navWrap a:hover { color: #fff; } /* line 2840, ../sass/core/_styles.scss */ .navWrap a:active { color: #e6e6e6; } /* line 2844, ../sass/core/_styles.scss */ .navWrap a:visited { color: #e6e6e6; } /* line 2849, ../sass/core/_styles.scss */ .slidesPos { position: absolute; bottom: 24px; left: 50%; width: 60px; height: 20px; margin-left: -30px; } /* line 2854, ../sass/core/_styles.scss */ .slidesPos .iconSetBorder.iconSetBorderHeavy { border-color: #e6e6e6; width: 16px; height: 16px; border-width: 4px; margin-right: 2px; margin-left: 2px; } /* line 2863, ../sass/core/_styles.scss */ .slidesPos .bullet-off .iconSetBorder.iconSetBorderHeavy { width: 10px; height: 10px; vertical-align: top; margin: 1px 0px 0px 5px; margin: 0.1rem 0rem 0rem 0.5rem; border-width: 5px; top: 3px; } /* line 2872, ../sass/core/_styles.scss */ .slidesPos a.bullet { width: 20px; height: 16px; display: inline-block; } /* line 2879, ../sass/core/_styles.scss */ .slidesPos a.bullet:link em { border-color: #e6e6e6; } /* line 2884, ../sass/core/_styles.scss */ .slidesPos a.bullet:hover em { border-color: #fff; } /* line 2889, ../sass/core/_styles.scss */ .slidesPos a.bullet:active em { border-color: #e6e6e6; } /* line 2894, ../sass/core/_styles.scss */ .slidesPos a.bullet:visited em { border-color: #e6e6e6; } /* line 2901, ../sass/core/_styles.scss */ .ftueSlider .slidesPos { left: 50%; } /* line 2905, ../sass/core/_styles.scss */ .listWicon { padding: 15px 0px 0px 23px; padding: 1.5rem 0rem 0rem 2.3rem; } /* line 2908, ../sass/core/_styles.scss */ .listWicon li { position: relative; } /* line 2911, ../sass/core/_styles.scss */ .listWicon em { position: absolute; top: 0px; left: -23px; margin-top: 0.2rem !important; } /* line 2919, ../sass/core/_styles.scss */ .listWiconMod1 { padding: 0px 0px 0px 23px; padding: 0rem 0rem 0rem 2.3rem; } /* ##CMS STYLE --------END------------ */ /* ## TDC */ /* ```

      Compare & open a term deposit

      ``` */ /* line 2942, ../sass/core/_styles.scss */ .headerType1 { border: 3px solid #3b3b3b; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; text-transform: uppercase; } /* line 2950, ../sass/core/_styles.scss */ .headerType1Mod1 h2 { font-size: 1.4rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; letter-spacing: 0; } /* line 2956, ../sass/core/_styles.scss */ .sectionHeaderMod1 { padding: 20px 0px 10px 0px; padding: 2rem 0rem 1rem 0rem; } /* line 2962, ../sass/core/_styles.scss */ .sectionHeaderMod1 + h3 { margin-top: -33px; margin-bottom: 3px; } /* line 2967, ../sass/core/_styles.scss */ .sectionWrap { padding: 0px 20px 20px 20px; padding: 0rem 2rem 2rem 2rem; border: 1px solid #c7c7c7; border-bottom: none; } /* line 2975, ../sass/core/_styles.scss */ .asideWrap, .sectionWrapMod1 .emptyWrap { float: right; width: 354px; background-color: #fff; border-left: 1px solid #e6e6e6; } /* line 2981, ../sass/core/_styles.scss */ .sectionWrapMod1 { *zoom: 1; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; border-bottom: 1px solid #c7c7c7; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .sectionWrapMod1:before, .sectionWrapMod1:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .sectionWrapMod1:after { clear: both; } /* line 2985, ../sass/core/_styles.scss */ .sectionWrapMod1 .emptyWrap { border-bottom: 1px solid #c7c7c7; height: 4.1rem; border-left: none; } /* line 2992, ../sass/core/_styles.scss */ .sectionWrapMod1 .sectionContent { float: left; } /* line 2996, ../sass/core/_styles.scss */ .sectionWrapMod1 h3.titleMod1 { font-size: 18px; font-size: 1.8rem; } /* line 3001, ../sass/core/_styles.scss */ .sectionWrapMod2 { border: none; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; } /* line 3004, ../sass/core/_styles.scss */ .sectionWrapMod2 .textMod1 { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 3007, ../sass/core/_styles.scss */ .sectionWrapMod2 .listMod1 { margin: 10px 0px 20px 0px; margin: 1rem 0rem 2rem 0rem; } /* line 3010, ../sass/core/_styles.scss */ .sectionWrapMod2 .baseLink { border-bottom: none; } /* line 3012, ../sass/core/_styles.scss */ .sectionWrapMod2 .baseLink em { margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } /* line 3018, ../sass/core/_styles.scss */ .tdCalcClientHeader { border-top: 0; padding-bottom: 23px; } /* line 3024, ../sass/core/_styles.scss */ .listMod1 li { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 3029, ../sass/core/_styles.scss */ .asideContent { margin: 31.5px 40px 40px 40px; margin: 3.15rem 4rem 4rem 4rem; } /* line 3033, ../sass/core/_styles.scss */ .asideContentMod1 { margin-bottom: 0; } /* line 3037, ../sass/core/_styles.scss */ .currentSelection { background-color: #454545; color: white; font-wight: normal; } /* line 3041, ../sass/core/_styles.scss */ .currentSelection .panelTitle { border: 4px solid #454545; color: white; font-weight: normal; } /* line 3045, ../sass/core/_styles.scss */ .currentSelection .panelTitle em { color: #bababa; } /* line 3048, ../sass/core/_styles.scss */ .currentSelection .panelTitle:hover { cursor: default; background-color: #454545; color: #fff!important; font-wight: normal; border-color: #454545; } /* line 3054, ../sass/core/_styles.scss */ .currentSelection .panelTitle:hover em { color: #bababa; } /* line 3059, ../sass/core/_styles.scss */ .currentSelection .panelTitle.bestRate { border-color: #454545; background-color: #454545; } /* line 3067, ../sass/core/_styles.scss */ .currentSelection .panelTitle.bestRate:hover { cursor: default; background-color: #454545; border-color: #454545; } /* line 3072, ../sass/core/_styles.scss */ .currentSelection .panelTitle.bestRate:hover .isCentred { color: #fff!important; display: table; margin-top: 37%; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 3072, ../sass/core/_styles.scss */ .currentSelection .panelTitle.bestRate:hover .isCentred { margin-top: 37%; } } /* line 3085, ../sass/core/_styles.scss */ .currentSelection .panelTitle.bestRate .isCentred { display: table; margin-top: 37%; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 3085, ../sass/core/_styles.scss */ .currentSelection .panelTitle.bestRate .isCentred { margin-top: 37%; } } /* TDC --end--*/ /* line 3100, ../sass/core/_styles.scss */ .dailyLimitValue { min-width: 13.5rem; } /* line 3105, ../sass/core/_styles.scss */ .downloadLinkContainerMod1 { margin-top: .3rem; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .downloadLinkContainerMod1:before, .downloadLinkContainerMod1:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .downloadLinkContainerMod1:after { clear: both; } /* line 3110, ../sass/core/_styles.scss */ .iconnewColorMod1 { color: #6ba33e; } /* line 3113, ../sass/core/_styles.scss */ .placeholder { color: #bababa; } /* line 3117, ../sass/core/_styles.scss */ .noWrap { white-space: nowrap; } /* line 3120, ../sass/core/_styles.scss */ .focus { border: 1px #6ba33e solid !important; } /* line 3126, ../sass/core/_styles.scss */ .termDepositPopUp h1, .termDepositPopUp h2, .termDepositPopUp h3, .termDepositPopUp h4 { padding: 0px 0px 15px 0px; padding: 0rem 0rem 1.5rem 0rem; } /* line 3129, ../sass/core/_styles.scss */ .termDepositPopUp h5, .termDepositPopUp h6 { padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; } /* line 3132, ../sass/core/_styles.scss */ .termDepositPopUp .listContentItem { padding: 0px 0px 25px 0px; padding: 0rem 0rem 2.5rem 0rem; } /* line 3135, ../sass/core/_styles.scss */ .termDepositPopUp .listContentItemHeader { width: 65%; font-weight: normal; } /* line 3140, ../sass/core/_styles.scss */ .termDepositPopUp .listContentItemHeader, .termDepositPopUp .listContentItemTextItem { margin: 0px 10px 5px 0px; margin: 0rem 1rem 0.5rem 0rem; } /* line 3143, ../sass/core/_styles.scss */ .termDepositPopUp .disclaimer { padding: 26px 0px 0px 0px; padding: 2.6rem 0rem 0rem 0rem; } /* line 3147, ../sass/core/_styles.scss */ .tdcRadio { margin: 0px 20px 0px 1px; margin: 0rem 2rem 0rem 0.1rem; } /* line 3149, ../sass/core/_styles.scss */ .tdcRadio label { font-weight: bold; float: left; margin: -1px 0px 0px 5px; margin: -0.1rem 0rem 0rem 0.5rem; } /* line 3155, ../sass/core/_styles.scss */ .tdcRadio input[type="radio"] { float: left; } /* line 3159, ../sass/core/_styles.scss */ .baseLinkWrap { margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; text-align: left; } /* line 3163, ../sass/core/_styles.scss */ .jq-maturityInstructionContent h4 { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 3167, ../sass/core/_styles.scss */ .jq-makeWithdrawForm .baseLink { font-size: 1.6rem; } /* line 3169, ../sass/core/_styles.scss */ .jq-makeWithdrawForm .baseLink .iconLinkLabelMod1 { margin: -6px 0px 0px 5px; margin: -0.6rem 0rem 0rem 0.5rem; } /* line 3173, ../sass/core/_styles.scss */ .jq-makeWithdrawForm .setTopGutter { margin-top: 15px; } /*cloak to hide content while page loads*/ /* line 3180, ../sass/core/_styles.scss */ .jq-cloak, .jq-tabContent { display: none; } /* line 3184, ../sass/core/_styles.scss */ .disclaimer { font-size: 12px; margin: 40px 0px 0px 0px; margin: 4rem 0rem 0rem 0rem; } /* line 3187, ../sass/core/_styles.scss */ .disclaimer .disclaimerMarginTopOn { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } /* line 3192, ../sass/core/_styles.scss */ .modalDisclaimer { font-size: 12px; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 3195, ../sass/core/_styles.scss */ .modalDisclaimer .disclaimerMarginTopOn { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } /* line 3200, ../sass/core/_styles.scss */ .emuHeaderWrap { background-color: #d1ecf5; min-height: 80px; *zoom: 1; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .emuHeaderWrap:before, .emuHeaderWrap:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .emuHeaderWrap:after { clear: both; } /* line 3205, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder { border-color: #055a77; } /* line 3208, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder:link { color: #055a77; } /* line 3212, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder:hover { color: #0095c8; border-color: #0095c8; } /* line 3215, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder:hover .iconarrowfulldown { color: #0095c8; } /* line 3219, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder:visited { color: #055a77; } /* line 3223, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder:active { color: #055a77; } /* line 3227, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder.active { border-color: #055a77; border-width: 4px; } /* line 3231, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder.active .iconindividual { color: #055a77; } /* line 3234, ../sass/core/_styles.scss */ .emuHeaderWrap a.iconSetBorder.active .iconarrowfulldown { color: #055a77; } /* line 3240, ../sass/core/_styles.scss */ .contentDialog.contentDialogMod2 { width: 20rem !important; left: -80px !important; padding: 0; top: 65px; } /* line 3248, ../sass/core/_styles.scss */ .expandArrow.expandArrowMod4, .contentDialogMod1 .expandArrowMod4.expandArrow.expandArrowMod3 { background: url("../images/icon-sprite.png") no-repeat -182px -491px; left: 46%; top: -0.9rem; width: 20px; height: 13px; } /* line 3256, ../sass/core/_styles.scss */ .expandArrow.expandArrowMod6, .contentDialogMod1 .expandArrowMod6.expandArrow.expandArrowMod3 { background: url("../images/icon-sprite.png") no-repeat -11px -580px; left: 46%; top: -0.9rem; width: 20px; height: 13px; } /* line 3264, ../sass/core/_styles.scss */ .emuHeaderItem { margin: 20px 20px 20px 20px; margin: 2rem 2rem 2rem 2rem; float: left; } /* line 3268, ../sass/core/_styles.scss */ .emuHeaderItemLast { margin: 20px 20px 20px 0px; margin: 2rem 2rem 2rem 0rem; } /* line 3272, ../sass/core/_styles.scss */ .emuHeaderItemFirst { position: relative; } /* line 3275, ../sass/core/_styles.scss */ .emuHeaderItemText { color: #055a77; } /* line 3278, ../sass/core/_styles.scss */ .emuHeaderItemText li > span { color: #07a0da; } /* line 3281, ../sass/core/_styles.scss */ .emuHeaderItemText .large { font-size: 20px; font-size: 2rem; font-weight: bold; } /* line 3286, ../sass/core/_styles.scss */ .emuHeaderItemText .small { font-size: 14px; font-size: 1.4rem; font-weight: bold; } /* line 3293, ../sass/core/_styles.scss */ .formBlockContainerMod5 { *zoom: 1; margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .formBlockContainerMod5:before, .formBlockContainerMod5:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .formBlockContainerMod5:after { clear: both; } /* line 3298, ../sass/core/_styles.scss */ .formBlockContainerMod6 { *zoom: 1; margin: -2px 0px 20px 0px; margin: -0.2rem 0rem 2rem 0rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .formBlockContainerMod6:before, .formBlockContainerMod6:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .formBlockContainerMod6:after { clear: both; } /* line 3304, ../sass/core/_styles.scss */ .formBlockContainer .formBlockMod5 { display: inline-block; vertical-align: middle; zoom: 1; margin: 20px 20px 20px 10px; margin: 2rem 2rem 2rem 1rem; } /* line 3310, ../sass/core/_styles.scss */ .formBlockContainer .formBlockMod6 { display: inline-block; vertical-align: top; zoom: 1; margin: 20px 20px 20px 10px; margin: 2rem 2rem 2rem 1rem; } /* line 3316, ../sass/core/_styles.scss */ .formBlockContainer .formBlockMod3 { display: inline-block; vertical-align: baseline; zoom: 1; } /* line 3323, ../sass/core/_styles.scss */ .statusWrap { width: 160px; } /* line 3325, ../sass/core/_styles.scss */ .statusWrap em { display: inline-block; vertical-align: top; } /* line 3329, ../sass/core/_styles.scss */ .statusWrap label { display: inline-block; width: 90px; } /* line 3334, ../sass/core/_styles.scss */ .clientSearchResult .dataTableRow:last-child { border-bottom: none; } /* line 3337, ../sass/core/_styles.scss */ .nameWrap { width: 180px; } /* line 3342, ../sass/core/_styles.scss */ h3.nameHeader { font-size: 14px; font-size: 1.4rem; } /* line 3345, ../sass/core/_styles.scss */ .dgWrap { width: 135px; } /* line 3348, ../sass/core/_styles.scss */ .cdWrap { width: 220px; } /* line 3351, ../sass/core/_styles.scss */ .loWrap { width: 140px; } /* line 3354, ../sass/core/_styles.scss */ .emWrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 190px; max-width: 19rem; } /* line 3357, ../sass/core/_styles.scss */ .statusWrap label { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } /* line 3361, ../sass/core/_styles.scss */ .tableHeaderMod6 .dataTableHeader { padding: 12px 10px 12px 0px; padding: 1.2rem 1rem 1.2rem 0rem; } /* line 3364, ../sass/core/_styles.scss */ .tableHeaderMod6 .dataTableHeaderFirst { padding-left: 20px; } /* line 3368, ../sass/core/_styles.scss */ .tableHeaderMod7 .dataTableHeaderFirst { width: 30px; } /* line 3371, ../sass/core/_styles.scss */ .tableHeaderMod7 .dataDateCell { width: 89px; } /* line 3374, ../sass/core/_styles.scss */ .tableHeaderMod7 .dataIconCellExtend { width: 60px; } /* line 3377, ../sass/core/_styles.scss */ .tableHeaderMod7 .dataTableCellHeaderDetails { width: 357px; } /* line 3381, ../sass/core/_styles.scss */ .pageHeaderItem { font-size: 35px; font-size: 3.5rem; padding-bottom: 20px; } /* line 3386, ../sass/core/_styles.scss */ .toggleMenuLineMod3 { *zoom: 1; margin-bottom: 25px; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .toggleMenuLineMod3:before, .toggleMenuLineMod3:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .toggleMenuLineMod3:after { clear: both; } /* line 3389, ../sass/core/_styles.scss */ .toggleMenuLineMod3 .toggleMenuLineItem .textLink { padding-bottom: 15px; } /* line 3394, ../sass/core/_styles.scss */ .pageHeaderItem.mainHeaderItemMod2 { padding-bottom: 0; } /* line 3398, ../sass/core/_styles.scss */ .toggleMenuLine.toggleMenuLineMod3 { padding-bottom: 0; } /* line 3402, ../sass/core/_styles.scss */ .accountDefText { padding-top: 5px; font-size: 12px; font-size: 1.2rem; } /* line 3406, ../sass/core/_styles.scss */ .accontSelectContainerMod1 { *zoom: 1; padding: 0px 10px 0px 10px; padding: 0rem 1rem 0rem 1rem; } /* line 18, ../sass/plugins/bourbon/addons/_clearfix.scss */ .accontSelectContainerMod1:before, .accontSelectContainerMod1:after { content: " "; display: table; } /* line 23, ../sass/plugins/bourbon/addons/_clearfix.scss */ .accontSelectContainerMod1:after { clear: both; } /* line 3412, ../sass/core/_styles.scss */ .baseLinkMod3 em { padding-left: 5px; margin-top: 2px; } /* line 3420, ../sass/core/_styles.scss */ .accountDefTextItem { width: 145px; text-align: right; font-size: 12px; font-size: 1.2rem; margin: 3px 0px 3px 0px; margin: 0.3rem 0rem 0.3rem 0rem; } /* line 3426, ../sass/core/_styles.scss */ .accountDefTitleItem { width: 145px; font-size: 14px; font-size: 1.4rem; } /* line 3430, ../sass/core/_styles.scss */ .topMenuItem.noLeftBorder { border-left: none!important; } /* line 3435, ../sass/core/_styles.scss */ ul.listTypeNews li { padding: 0px 0px 12px 0px; padding: 0rem 0rem 1.2rem 0rem; } /* line 3437, ../sass/core/_styles.scss */ ul.listTypeNews li div { margin: 0px 0px 0px 16px; margin: 0rem 0rem 0rem 1.6rem; } /* line 3442, ../sass/core/_styles.scss */ .HeadingTypeMod1 { border-bottom: 1px solid #bababa; padding: 0px 0px 10px 0px; padding: 0rem 0rem 1rem 0rem; margin: 0px 0px 40px 0px; margin: 0rem 0rem 4rem 0rem; } /* line 3447, ../sass/core/_styles.scss */ .setBottomBorder { padding: 0px 0px 40px 0px; padding: 0rem 0rem 4rem 0rem; border-bottom: 1px #bababa solid; font-size: 1.6rem; line-height: 2.5rem; } /**Inner List container for accordion expanded view**/ /* line 3456, ../sass/core/_styles.scss */ .innerListContainer .innerList { margin: 20px 20px 10px 20px; margin: 2rem 2rem 1rem 2rem; } /* line 3459, ../sass/core/_styles.scss */ .innerListContainer .innerList li { border-top: 1px solid #c7c7c7; padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; } /* line 3464, ../sass/core/_styles.scss */ .innerListContainer .innerList li .innerListItemContent span:first-child { width: 306px; width: 30.6rem; padding: 0px 0px 0px 4px; padding: 0rem 0rem 0rem 0.4rem; } /* line 3469, ../sass/core/_styles.scss */ .innerListContainer .innerList li .innerListItemContent:hover { cursor: default; } /* line 3474, ../sass/core/_styles.scss */ .innerListContainer .innerList li:first-child { padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } /* line 3477, ../sass/core/_styles.scss */ .innerListContainer .innerList li:last-child { border-bottom: none; } /* line 3484, ../sass/core/_styles.scss */ .bottomNavigation { padding: 10px 0px 0px 0px; padding: 1rem 0rem 0rem 0rem; } /** Help content tooltip style definitions **/ /* line 3492, ../sass/core/_styles.scss */ .permissionsHelpContentWrapper .helpBubble { position: absolute; top: -29rem; left: -10.5rem; } /* line 3496, ../sass/core/_styles.scss */ .permissionsHelpContentWrapper .helpBubble .helpContentArrow { background: url("../images/icon-sprite.png") no-repeat -50px -583px; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); position: absolute; top: 27.9rem; left: 18.3rem; } /* line 3505, ../sass/core/_styles.scss */ .permissionsHelpContentWrapper .helpBubbleMod1 { position: absolute; top: -17.8rem; left: -10.4rem; } /* #Action Styles and wrappers for action */ /* ###Primary Button non Active Primary action button :hover state included Button label here Disabled Button label here */ /* line 14, ../sass/core/_action.scss */ .primaryButtonAddRemove { color: white; background: #0095c8; //min-width: 2rem; // height: 3rem; line-height: 20px; line-height: 2rem; font-size: 12px; font-size: 2rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; padding: 10px 10px 10px 10px; padding: 0.5rem 0.5rem 0.5rem 0.5rem; text-align: center; display: table-cell; vertical-align: middle; text-decoration: none; } .primaryButton { color: white; background: #0095c8; min-width: 16rem; height: 6rem; line-height: 60px; line-height: 6rem; font-size: 16px; font-size: 1.6rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; padding: 0px 30px 0px 30px; padding: 0rem 3rem 0rem 3rem; text-align: center; display: table-cell; vertical-align: middle; text-decoration: none; } /* line 29, ../sass/core/_action.scss */ .primaryButton:hover { background: #00a8e2; text-decoration: none; } /* line 34, ../sass/core/_action.scss */ .primaryButton:visited { text-decoration: none; } /* line 38, ../sass/core/_action.scss */ .primaryButton.primaryButtonDisabled { color: #9f9f9f; background: #e6e6e6; border-color: #c7c7c7; border-width: 1px; border-style: solid; text-decoration: none; cursor: default; } /* line 45, ../sass/core/_action.scss */ .primaryButton.primaryButtonDisabled:link { text-decoration: none; } /* line 49, ../sass/core/_action.scss */ .primaryButton.primaryButtonDisabled:focus { outline: none !important; } /* line 50, ../sass/core/_action.scss */ .primaryButton.primaryButtonDisabled .iconWLoader { display: none; } /* line 57, ../sass/core/_action.scss */ .primaryButtonMod1 { margin: 0px 10px 20px 0px; margin: 0rem 1rem 2rem 0rem; } /* line 61, ../sass/core/_action.scss */ .overlayViewInnerContent .primaryButtonMod1 a { margin: 0px 10px 20px 0px; margin: 0rem 1rem 2rem 0rem; } /* line 66, ../sass/core/_action.scss */ .primaryButtonLarge { min-width: 22rem; text-align: left; } /* line 69, ../sass/core/_action.scss */ .primaryButtonLarge em.iconWLoader { left: auto; } /* line 73, ../sass/core/_action.scss */ .stopTransactionPanel .primaryButtonLarge { min-width: 19rem; } /* line 83, ../sass/core/_action.scss */ .detailsPanelWrapper .OpenTermDepositMonthly em.iconWLoader, .termDepositPopUp em.iconWLoader, .stopTransactionPanel em.iconWLoader, .updatePasswordTabWrap em.iconWLoader, .updateUsernameTabWrap em.iconWLoader, form.jq-changeLimitPayanyoneForm em.iconWLoader, form.jq-changeLimitBpayForm em.iconWLoader { position: absolute; top: auto; left: auto; margin-top: 20px; } /* line 94, ../sass/core/_action.scss */ form#addPayAnyone em.iconWLoader, form#addPayee em.iconWLoader, form#addBpayBiller em.iconWLoader, form#payeeModel em.iconWLoader { position: relative; top: auto; left: auto; } /* ###Action Button with icon Defines secondary action buttons with icons for hover state please roll over the button ``` Action ``` */ /* line 113, ../sass/core/_action.scss */ .actionButtonIcon { min-width: 14rem; width: auto; height: 4rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; background: transparent; text-align: left; color: #454545; border-color: #454545; border-width: 1px; border-style: solid; padding: 9px 10px 12px 10px; padding: 0.9rem 1rem 1.2rem 1rem; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; vertical-align: middle; text-decoration: none; box-sizing: border-box; } /* line 131, ../sass/core/_action.scss */ .actionButtonIcon span { padding: 1px 14px 0px 10px; padding: 0.1rem 1.4rem 0rem 1rem; width: auto; float: left; } /* line 137, ../sass/core/_action.scss */ .actionButtonIcon em { text-align: top; margin: 0; padding: 2px 5px 0px 0px; padding: 0.2rem 0.5rem 0rem 0rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 145, ../sass/core/_action.scss */ .actionButtonIcon em.iconsettings { float: none; } } /* line 149, ../sass/core/_action.scss */ .actionButtonIcon .iconarrowfulldown { margin: -5px 0px 0px -10px; margin: -0.5rem 0rem 0rem -1rem; padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; text-decoration: none; font-size: 12px; font-size: 1.2rem; } /* line 156, ../sass/core/_action.scss */ .actionButtonIcon:link { color: #454545; } /* line 159, ../sass/core/_action.scss */ .actionButtonIcon:visited { color: #454545; } /* line 162, ../sass/core/_action.scss */ .actionButtonIcon:hover { border-color: #0095c8; border-width: 4px; border-style: solid; color: #0095c8; height: 4rem !important; /*@include blockPadding(0.8,0.7,0.7,0.7);*/ padding: 6px 7px 8px 7px; padding: 0.6rem 0.7rem 0.8rem 0.7rem; text-decoration: none; box-sizing: border-box; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 162, ../sass/core/_action.scss */ .actionButtonIcon:hover { /*@include blockPadding(0.8,0.7,0.7,0.68);*/ padding: 6px 7px 8px 6.8px; padding: 0.6rem 0.7rem 0.8rem 0.68rem; } } /* line 177, ../sass/core/_action.scss */ .actionButtonIcon:active { color: #454545; border-color: #454545; border-width: 4px; border-style: solid; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 113, ../sass/core/_action.scss */ .actionButtonIcon { /* Safari only override */ } /* line 183, ../sass/core/_action.scss */ .actionButtonIcon span { vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; width: auto!important; float: left; } /* line 198, ../sass/core/_action.scss */ .actionButtonIcon ::i-block-chrome, .actionButtonIcon:hover { padding: 6px 7px 8px 7px; padding: 0.6rem 0.7rem 0.8rem 0.7rem; } } /* line 206, ../sass/core/_action.scss */ .actionButtonIcon.actionButtonIconDisabled, .xtoolAction.actionButtonIconDisabled { color: #8f8f8f; border-color: #8f8f8f; border-width: 1px; border-style: solid; cursor: default; } /* line 212, ../sass/core/_action.scss */ .iconSetBorder.actionButtonIconDisabled:hover { color: #8f8f8f; border-color: #8f8f8f; border-width: 1px; border-style: solid; cursor: default; } /* line 216, ../sass/core/_action.scss */ .iconSetBorder.actionButtonIconDisabled:hover em { color: #8f8f8f; } /* line 220, ../sass/core/_action.scss */ .actionButtonIconDisabled:hover { padding: 9px 10px 0px 10px; padding: 0.9rem 1rem 0rem 1rem; } /* line 223, ../sass/core/_action.scss */ .linkIconStyle.iconDisabled, .iconDisabled.linkIcon { color: #c7c7c7 !important; cursor: default; } /* line 226, ../sass/core/_action.scss */ .linkIconStyle.iconDisabled .iconbpay, .iconDisabled.linkIcon .iconbpay { color: #c7c7c7 !important; } /* line 231, ../sass/core/_action.scss */ .actionButtonIcon.actionButtonIconModMinWidth { min-width: 14.2rem; } /* line 236, ../sass/core/_action.scss */ .confirmationMsgItem .actionButtonIcon { float: left; margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } /* ###Menu Button non active Defines menu action buttons Label here

      Label here Defines secondary action buttons without icons ina ctive state */ /* line 259, ../sass/core/_action.scss */ .menuAction { min-width: 4rem; /*background:$menuSecondStop;*/ background: whitesmoke; height: 4rem; text-align: center; padding: 0px 40px 0px 40px; padding: 0rem 4rem 0rem 4rem; color: #454545; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; border-color: #f0f0f0; border-width: 0; border-style: solid; -webkit-box-shadow: inset 0 1px 2px 0px #c7c7c7, 0px 1px 0px 0px white; -moz-box-shadow: inset 0 1px 2px 0px #c7c7c7, 0px 1px 0px 0px white; box-shadow: inset 0 1px 2px 0px #c7c7c7, 0px 1px 0px 0px white; display: table-cell; vertical-align: middle; text-decoration: none; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.05rem; } /* line 276, ../sass/core/_action.scss */ .menuAction:hover { background: #ededed; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 281, ../sass/core/_action.scss */ .toggleMenuLineWrapMod2 .menuAction { letter-spacing: 1px; } } /* line 284, ../sass/core/_action.scss */ .expandedViewFull .menuAction { background: #ededed; } /* line 286, ../sass/core/_action.scss */ .expandedViewFull .menuAction:hover { background: #e1e1e1; } /* line 289, ../sass/core/_action.scss */ .menuAction.menuActionActive { background: #454545; color: white; -webkit-box-shadow: inset 0px 1px 0px 1px #4e4e4e, 0px 1px 0px 0px #3d3d3d !important; -moz-box-shadow: inset 0px 1px 0px 1px #4e4e4e, 0px 1px 0px 0px #3d3d3d !important; box-shadow: inset 0px 1px 0px 1px #4e4e4e, 0px 1px 0px 0px #3d3d3d !important; border-color: #3d3d3d; border-width: 1px; border-style: solid; } /* line 297, ../sass/core/_action.scss */ .ui-state-active .menuAction, .expandedViewFull .ui-state-active .menuAction { background: #454545; color: white; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border-color: #3d3d3d; border-width: 0px; border-style: solid; } /* line 302, ../sass/core/_action.scss */ .ui-state-active .menuAction:hover, .expandedViewFull .ui-state-active .menuAction:hover { background: #454545; } /*.ui-state-active .menuAction { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }*/ /* ##Action link ###Defines primary action link Label here ###Defines primary action link Label here Defines econdary action buttons without icons ina ctive state */ /* line 326, ../sass/core/_action.scss */ .primaryLink { /*color:$actionColor;*/ color: #0095c8; text-decoration: none; } /* line 330, ../sass/core/_action.scss */ .primaryLink:hover { color: #454545; } /* line 335, ../sass/core/_action.scss */ .primaryLinkMod2:hover { border-bottom: 1px solid #bababa; } /* line 338, ../sass/core/_action.scss */ .primaryLinkMod1 { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 344, ../sass/core/_action.scss */ .primaryLinkMod3:hover { color: #0095c8; border-bottom: 2px solid #0095c8; } /* line 347, ../sass/core/_action.scss */ .primaryLinkMod3:hover .betaC1 { color: #0095c8; } /* line 351, ../sass/core/_action.scss */ .primaryLinkMod4 { border-bottom: 1px solid #0095c8; } /* line 353, ../sass/core/_action.scss */ .primaryLinkMod4:hover { border-bottom-color: #454545; } /* line 360, ../sass/core/_action.scss */ .baseLink { color: #454545; text-decoration: none; border-bottom: 1px solid #bababa; } /* line 369, ../sass/core/_action.scss */ .baseLink:active { color: #0095c8; border-color: #199fcd; } /* line 373, ../sass/core/_action.scss */ .baseLink:visited { color: #454545; border-color: #bababa; } /* line 377, ../sass/core/_action.scss */ .baseLink:hover { color: #0095c8; border-color: #199fcd; } /* line 385, ../sass/core/_action.scss */ .baseLink.baseLinkClear { border: 0; } /* line 393, ../sass/core/_action.scss */ .baseLinkMod2:hover { color: #454545; } /* line 397, ../sass/core/_action.scss */ .baseLinkMod4 { border: 0; } /* line 399, ../sass/core/_action.scss */ .baseLinkMod4:hover { border-bottom: 1px solid #199fcd; } /* line 404, ../sass/core/_action.scss */ .buttonWidget { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; color: #707070; background: #FAFAFA; -moz-box-shadow: 0px 2px 2px 1px #c7c7c7; -webkit-box-shadow: 0px 2px 2px 1px #c7c7c7; box-shadow: 0px 2px 2px 1px #c7c7c7; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; text-decoration: none; } /* line 414, ../sass/core/_action.scss */ .formFooterWrap { margin: 40px 0px 40px 0px; margin: 4rem 0rem 4rem 0rem; } /* line 418, ../sass/core/_action.scss */ .formFooterWrap .formFooterAction .formFooterActionItem { margin: 10px 0px 20px 0px; margin: 1rem 0rem 2rem 0rem; } /* line 426, ../sass/core/_action.scss */ .actionBlockAnchor { height: 100%; width: 100%; } /* line 431, ../sass/core/_action.scss */ .actionBlockAnchor:hover { color: #454545; } /* ## Link icons with text ``` Title of the link ``` */ /* ## Link icons These elements are used in top navigation menu and also in utility bar ( left sidebar) ``` ``` */ /* line 467, ../sass/core/_action.scss */ .linkIconStyle, .linkIcon { text-decoration: none; vertical-align: middle; line-height: inherit; display: table-cell; } /* line 474, ../sass/core/_action.scss */ .linkIconStyleModBpay { color: #243366; } /* line 476, ../sass/core/_action.scss */ .linkIconStyleModBpay:hover { color: #243366; } /* line 479, ../sass/core/_action.scss */ .linkIconStyleModBpay:active { color: #243366; } /* line 487, ../sass/core/_action.scss */ .linkIcon .linkIconTextLabel { margin: 0 30px 0 0; } /* line 492, ../sass/core/_action.scss */ .paraLink { line-height: 15px; line-height: 1.5rem; } /* ##Wrappers

      */ /* line 513, ../sass/core/_action.scss */ .actionWrapper { margin: 30px 0px 10px 0px; margin: 3rem 0rem 1rem 0rem; } /* line 514, ../sass/core/_action.scss */ .actionWrapper.sectionHeaderGroup { height: 80px; border-top: 1px solid #454545; border-bottom: 1px solid #c7c7c7; margin-top: 3rem; margin-bottom: 0rem; } /* line 521, ../sass/core/_action.scss */ .actionWrapper .sectionHeader { padding-top: 25px; } /* line 526, ../sass/core/_action.scss */ .actionWrapper .sectionHeader h2 { font-size: 25px; font-size: 2.5rem; } /* line 531, ../sass/core/_action.scss */ .actionWrapper .sectionAction { padding-top: 20px; } /* line 540, ../sass/core/_action.scss */ .actionWrapper.actionWrapPrimary li { margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } /* line 542, ../sass/core/_action.scss */ .actionWrapper.actionWrapPrimary li:last-child { margin-right: 0; } /* line 545, ../sass/core/_action.scss */ .actionWrapper.actionWrapPrimary li:last-child a { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 548, ../sass/core/_action.scss */ .actionWrapper.actionWrapPrimary li:last-child a em { margin-top: 2px; margin-right: 4px; } /* line 550, ../sass/core/_action.scss */ .actionWrapper.actionWrapPrimary li:last-child a em.mod1 { margin-right: 0px; } /* line 554, ../sass/core/_action.scss */ .actionWrapper.actionWrapPrimary li:last-child a em.iconlinkMod1 { margin-top: -3px; margin-right: 4px; } /* line 564, ../sass/core/_action.scss */ .actionWrapper .actionWithText { padding: 12px 20px 0px 0px; padding: 1.2rem 2rem 0rem 0rem; } /* line 568, ../sass/core/_action.scss */ .actionWrapper .actionWrapperSecondary li:last-child a em { margin-top: 2px; } /* line 576, ../sass/core/_action.scss */ .actionWrapper.actionWrapperPrimary { margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } /* line 579, ../sass/core/_action.scss */ .modalBox .formBlockActions { margin-bottom: 11px; } /* line 581, ../sass/core/_action.scss */ .modalBox .formBlockActions .actionWrapper { margin: 15px 0px 15px 0px; margin: 1.5rem 0rem 1.5rem 0rem; overflow: hidden; } /* line 592, ../sass/core/_action.scss */ .actionWrapperModal { margin: 20px 0px 70px 0px; margin: 2rem 0rem 7rem 0rem; } /* line 604, ../sass/core/_action.scss */ .overlayViewInnerContent .actionWrapper.actionWrapPrimary li:last-child a { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } /* line 609, ../sass/core/_action.scss */ .editableTextField .actionWrapper.actionWrapPrimary li:last-child a { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } /* line 613, ../sass/core/_action.scss */ .actionWrapper li { margin: 0px 15px 0px 0px; margin: 0rem 1.5rem 0rem 0rem; } /* line 625, ../sass/core/_action.scss */ .actionWrapper .inlineBlockMod1 li { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } /* line 626, ../sass/core/_action.scss */ .actionWrapper .inlineBlockMod2 li { margin: 15px 0px 0px 10px; margin: 1.5rem 0rem 0rem 1rem; } /* line 627, ../sass/core/_action.scss */ .actionWrapper li.noMargin { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 631, ../sass/core/_action.scss */ .actionWrapper.actionWrapperTertiary { margin: 0px 5px 0px 5px; margin: 0rem 0.5rem 0rem 0.5rem; width: 120px; } /* line 638, ../sass/core/_action.scss */ .actionWrapper.actionWrapperTertiary li { margin: 10px 0px 0px 20px; margin: 1rem 0rem 0rem 2rem; float: right; } /* line 643, ../sass/core/_action.scss */ .actionWrapper.actionWrapperTertiaryMod1 li { margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; float: left; } /* line 648, ../sass/core/_action.scss */ .actionWrapper.actionWrapperMod4 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 652, ../sass/core/_action.scss */ .actionWrapper.actionWrapperMod4 li { margin: 40px 0px 20px 0px; margin: 4rem 0rem 2rem 0rem; } /* line 660, ../sass/core/_action.scss */ .actionWrapperMod1 { margin: 30px 0px 20px 0px; margin: 3rem 0rem 2rem 0rem; } /* line 664, ../sass/core/_action.scss */ .actionWrapperMod2 { margin: 20px 0px 10px 0px; margin: 2rem 0rem 1rem 0rem; } /* line 668, ../sass/core/_action.scss */ .actionWrapperMod3 { position: absolute; top: 0; left: 0; background-color: white; } /* line 675, ../sass/core/_action.scss */ .actionWrapperMod6 { margin: 15px 0px 30px 0px; margin: 1.5rem 0rem 3rem 0rem; } /* line 677, ../sass/core/_action.scss */ .actionWrapperMod6 .logoWrapPos { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 682, ../sass/core/_action.scss */ .actionWrapperMod7 { margin: 30px 0px 50px 0px; margin: 3rem 0rem 5rem 0rem; } /* line 686, ../sass/core/_action.scss */ .actionWrapperMod5 { margin: 20px 0px 40px 0px; margin: 2rem 0rem 4rem 0rem; width: 100%; } /* line 693, ../sass/core/_action.scss */ .actionWrapperMod8 { margin: 10px 0px 0px 0px; margin: 1rem 0rem 0rem 0rem; } /* line 697, ../sass/core/_action.scss */ .actionWrapperTopGutter { margin: 80px 0px 10px 0px; margin: 8rem 0rem 1rem 0rem; } /* line 703, ../sass/core/_action.scss */ .actionWrapperNoMargin { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 706, ../sass/core/_action.scss */ .actionWrapperContainer { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; text-align: right; height: 40px; } /* line 710, ../sass/core/_action.scss */ .actionWrapperContainer li.actionItem { float: none !important; display: inline-block !important; margin: 0px 0px 0px 6px; margin: 0rem 0rem 0rem 0.6rem; height: 40px; } /* line 716, ../sass/core/_action.scss */ .actionWrapperContainer li.actionItem a.actionItemLink { float: none !important; text-align: left; } /* line 723, ../sass/core/_action.scss */ .actionWrapperContainer.actionWrapperContainerMod1 { margin-bottom: 6px; } /* ```

      Forgotten username? Call XXXXX

      Forgotten password?
      ``` */ /* line 742, ../sass/core/_action.scss */ .formFooterAlpha { /*.formFooterAction a{ color: $textColorDark; &:link{ color: $textColorDark; } &:visited{ color: $textColorDark; } &:hover{ color: $textColorLighter; } &:active{ color: $textColorDark; } }*/ } /* line 743, ../sass/core/_action.scss */ .formFooterAlpha .formFooterText { color: #454545; } /* ##Icon with text for screen reader ``` Help ``` ``` Help ``` */ /* line 785, ../sass/core/_action.scss */ .actionLinkItem { margin: 10px 20px 40px 0px; margin: 1rem 2rem 4rem 0rem; height: 2rem; } /* line 789, ../sass/core/_action.scss */ .actionLinkItem span { vertical-align: top!important; margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; } /* line 795, ../sass/core/_action.scss */ .modalBox .actionLinkItem { margin-bottom: 0; } /* line 797, ../sass/core/_action.scss */ .modalBox .actionLinkItem span { margin: -2px 0px 0px 5px; margin: -0.2rem 0rem 0rem 0.5rem; } /* line 803, ../sass/core/_action.scss */ a.linkIconStyle.neutral, a.neutral.linkIcon { color: #454545; } /* line 805, ../sass/core/_action.scss */ a.linkIconStyle.neutral:hover, a.neutral.linkIcon:hover { color: #454545; } /* line 808, ../sass/core/_action.scss */ a.linkIconStyle.neutral:active, a.neutral.linkIcon:active { color: #454545; } /* line 811, ../sass/core/_action.scss */ a.linkIconStyle.neutral:active, a.neutral.linkIcon:active { color: #454545; } /* line 814, ../sass/core/_action.scss */ a.linkIconStyle.neutral:focus, a.neutral.linkIcon:focus { color: #454545; } /* line 819, ../sass/core/_action.scss */ .primaryLinkWrap.primaryLinkWrapMod1 { margin: 12px 20px 20px 10px; margin: 1.2rem 2rem 2rem 1rem; } /* line 822, ../sass/core/_action.scss */ .modalBox .primaryLinkWrap.primaryLinkWrapMod1 { margin-bottom: 0; } /* line 826, ../sass/core/_action.scss */ .primaryLinkWrap.primaryLinkWrapMod2 { margin: 10px 20px 20px 0px; margin: 1rem 2rem 2rem 0rem; } /* line 830, ../sass/core/_action.scss */ .primaryLinkWrap.primaryLinkWrapMod3 { margin: 21px 20px 20px 10px; margin: 2.1rem 2rem 2rem 1rem; } /* line 833, ../sass/core/_action.scss */ .primaryLinkWrap.primaryLinkWrapMod4 { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 837, ../sass/core/_action.scss */ .primaryLinkWrap.primaryLinkWrapMod4 { margin: 17px 0px 0px 0px; margin: 1.7rem 0rem 0rem 0rem; } /* line 839, ../sass/core/_action.scss */ .primaryLinkWrap.primaryLinkWrapMod4 a .iconLinkLabel { margin: -7px 0px 0px 5px; margin: -0.7rem 0rem 0rem 0.5rem; } } /* ##actionWrapMod1 ```
      Change username & password
      ``` */ /* line 857, ../sass/core/_action.scss */ .actionWrapMod1 { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 860, ../sass/core/_action.scss */ .actionWrapMod1 .actionButtonIconMod1 { float: right; } /* ##Sub Links */ /* line 871, ../sass/core/_action.scss */ .sublinkWrapper { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 874, ../sass/core/_action.scss */ .sublinkWrapper .linkContainer { margin: 0; } /* line 876, ../sass/core/_action.scss */ .sublinkWrapper .linkContainer li { margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* ## Add and subscract buttons */ /* line 886, ../sass/core/_action.scss */ .formCalculatorWrapper { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; } /* line 890, ../sass/core/_action.scss */ .formCalculationContainer { width: 38px; height: 46px; border-left: 1px solid #c8c8c8; position: absolute; top: 1px; right: 0px; } /* line 895, ../sass/core/_action.scss */ .formCalculationContainer:focus, .formCalculationContainer:active { border-left: 1px solid #454545; } /* line 899, ../sass/core/_action.scss */ .formCalculationContainer .addIconContainer, .formCalculationContainer .subIconContainer { width: 36px; height: 22px; clear: both; text-align: center; } /* line 905, ../sass/core/_action.scss */ .formCalculationContainer .addIconContainer:hover, .formCalculationContainer .subIconContainer:hover { background: #f4f4f4; } /* line 909, ../sass/core/_action.scss */ .formCalculationContainer .addIconContainer em, .formCalculationContainer .subIconContainer em { font-size: 12px; font-size: 1.2rem; padding: 5px 0px 0px 0px; padding: 0.5rem 0rem 0rem 0rem; } /* line 916, ../sass/core/_action.scss */ .formCalculationContainer .addIconContainer { position: absolute; top: 0px; right: 1px; border-bottom: 1px solid #c8c8c8; border-top-right-radius: 0.5rem; -moz-border-radius-topright: 0.5rem; } /* line 924, ../sass/core/_action.scss */ .formCalculationContainer .subIconContainer { position: absolute; right: 1px; bottom: 0px; height: 24px; border-bottom-right-radius: 0.5rem; -moz-border-radius-bottomright: 0.5rem; } /* ##Toggle menu ### Type: Line ```
      ``` */ /* line 956, ../sass/core/_action.scss */ .toggleMenuLineItem { list-style: none; margin-right: 2rem; } /* line 965, ../sass/core/_action.scss */ .toggleMenuLineItem .textLink { font-size: 16px; font-size: 1.6rem; vertical-align: middle; line-height: inherit; padding-bottom: 1.8rem; border-bottom: 4px solid #ccc; min-width: 140px; text-decoration: none; } /* line 976, ../sass/core/_action.scss */ .toggleMenuLineItem .textLink:link { color: #454545; } /* line 979, ../sass/core/_action.scss */ .toggleMenuLineItem .textLink:visited { color: #454545; } /* line 982, ../sass/core/_action.scss */ .toggleMenuLineItem .textLink:hover { color: #454545; border-bottom: 4px solid #bcbbbb; } /* line 986, ../sass/core/_action.scss */ .toggleMenuLineItem .textLink:active { color: #454545; } /* line 988, ../sass/core/_action.scss */ .toggleMenuLineItem .textLink:active .text { background-color: #FFD636; } /* line 994, ../sass/core/_action.scss */ .toggleMenuLineWrap { margin-bottom: 4rem; } /* ##Toggle menu Modifier type 1 ### toggleMenuLineWrapMod1 ```
      ``` */ /* line 1026, ../sass/core/_action.scss */ .toggleMenuLineWrapMod1 { margin: 50px 0px 0px 0px; margin: 5rem 0rem 0rem 0rem; } /* line 1029, ../sass/core/_action.scss */ .toggleMenuLineWrapMod2 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; border-bottom: 1px solid #c7c7c7; width: 842px; } /* line 1034, ../sass/core/_action.scss */ .toggleMenuLineWrapMod2 .toggleMenuLineItem { position: relative; } /* line 1041, ../sass/core/_action.scss */ .toggleArrowWrap { visibility: hidden; } /* line 1045, ../sass/core/_action.scss */ .ui-state-active .toggleArrowWrap { visibility: visible; } /* line 1051, ../sass/core/_action.scss */ .toggleMenuLineWrapMod3 { margin: 20px 0px 30px 0px; margin: 2rem 0rem 3rem 0rem; } /* line 1054, ../sass/core/_action.scss */ .toggleMenuLineWrapMod4 { margin: 0px 0px 50px 0px; margin: 0rem 0rem 5rem 0rem; } /* line 1057, ../sass/core/_action.scss */ .toggleMenuLineWrapMod4Mod { margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; } /* line 1061, ../sass/core/_action.scss */ .toggleMenuLineWrapMod5 { margin: 0px 0px -100px 0px; margin: 0rem 0rem -10rem 0rem; } /* line 1065, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 { padding: 0px 0px 20px 0px; padding: 0rem 0rem 2rem 0rem; margin: 20px 0px 30px 0px; margin: 2rem 0rem 3rem 0rem; border-bottom: 1px solid #c7c7c7; } /* line 1069, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; } /* line 1071, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem { height: 41px; position: relative; margin-right: 1.5rem; margin-right: 1.5rem; margin-left: 0rem; } /* line 1076, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .menuAction { height: 4rem; min-width: 12rem; text-align: left; padding: 0px 5px 0px 15px; padding: 0rem 0.5rem 0rem 1.5rem; } /* line 1082, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .menuAction .desc { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; line-height: 3.8rem; } /* line 1087, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .menuAction .counts { text-align: center; background: none; margin: 4px 0px 0px 15px; margin: 0.4rem 0rem 0rem 1.5rem; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; font-weight: normal; height: 2.8rem; min-width: 3rem; line-height: 3rem; } /* line 1099, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .expandArrowMod1 { top: 4rem; left: 37%; } /* line 1103, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .toggleMenuLineItem .expandArrowMod4 { position: absolute; top: 5.1rem; left: 50%; margin-left: -17px; } /* line 1110, ../sass/core/_action.scss */ .toggleMenuLineWrapMod6 .toggleMenuLine .ui-state-active .menuAction .counts { background: #0095c8; -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; } /* line 1120, ../sass/core/_action.scss */ .toggleMenuLineWrapMod7 { margin-bottom: 0.4rem; } /* line 1124, ../sass/core/_action.scss */ .toggleMenuLineWrapMod8 { margin-bottom: 3rem; } /* ##Toggle menu ### Type: Line:hover state ```
      ``` */ /* line 1150, ../sass/core/_action.scss */ .toggleMenuLineItemActive .textLink { border-bottom: 4px solid #454545; } /* ##Toggle menu ### Type: Line:hover state (with jQuery ui plugin) ```
      ``` */ /* line 1180, ../sass/core/_action.scss */ .toggleMenuLine .ui-state-active .textLink { border-bottom: 4px solid #454545; } /* ## Third Level Tab ```
      ``` */ /* line 1216, ../sass/core/_action.scss */ .toggleMenuLineThirdlevel { height: 60x; line-height: 60px; line-height: 6rem; width: 100%; border-bottom: 1px solid #c7c7c7; } /* line 1222, ../sass/core/_action.scss */ .toggleMenuLineThirdlevel .toggleMenuLineItem { height: 60px; margin-right: 2rem; margin-left: 2rem; padding-right: 0rem; padding-left: 0rem; } /* line 1228, ../sass/core/_action.scss */ .toggleMenuLineThirdlevel .toggleMenuLineItem:hover { border-bottom: 2px solid #454545; } /* line 1231, ../sass/core/_action.scss */ .toggleMenuLineThirdlevel .toggleMenuLineItem .textLink { font-size: 14px; font-size: 1.4rem; border: none; min-width: 50px; } /* line 1238, ../sass/core/_action.scss */ .toggleMenuLineThirdlevel .toggleMenuLineItemActive { border-bottom: 2px solid #454545; } /* line 1242, ../sass/core/_action.scss */ .toggleMenuLineThirdlevel .toggleMenuLineItemFirst .textLink { margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; } /* line 1250, ../sass/core/_action.scss */ .subText { color: #bababa; } /* line 1254, ../sass/core/_action.scss */ .idpsAccountDetailsContainer { margin: -7px 0px 0px 0px; margin: -0.7rem 0rem 0rem 0rem; } /* ## Accessibility Styles*/ /* ##Accessible and optimised image replacement technique Read more about the technique [here](http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/). */ /* line 25, ../sass/core/_accessibility.scss */ .screenReaderText, .visuallyHidden, .iconup span, .iconthinarrowright span, .iconBPAYPortrait span, .iconBPAYlandscape span, .icontalk span, .iconstop span, .iconsearch span, .iconrefresh span, .iconChangeRequested span, .iconprint span, .iconmobile span, .iconlist span, .iconhome span, .iconfolder span, .icondocumentupload span, .icondocumentdownload span, .icondocument span, .iconcompany span, .iconchevron span, .iconcalendar span, .iconviewdisabled span, .iconview span, .iconuploadCloud span, .icontransfer span, .icontime span, .iconshare span, .iconplus span, .iconnotes span, .iconmobileout span, .iconmobilein span, .iconmenu span, .iconlinked span, .iconlink span, .iconindividual span, .icongroup span, .icongraphBar span, .iconfilter span, .iconemail span, .iconedit span, .icondownloadCloud span, .iconwarning span, .warningBox .messageIcon .iconItem span, .icontrash span, .icontick span, .iconApproved span, .iconstockup span, .iconstockdown span, .iconretry span, .happeningBox .messageIcon .iconItem span, .iconprimary span, .iconphone span, .iconmoneyout span, .iconmoneyin span, .iconlocationpin span, .iconindividualsummary span, .iconhelp span, .icongraphPie span, .iconcash span, .iconbpay span, .iconsucess span, .successBox .messageIcon .iconItem span, .iconsubtract span, .iconplay span, .iconpersonalsummary span, .iconinformation span, .informationBox .messageIcon .iconItem span, .iconhalfstar span, .iconfullstar span, .iconbullet span, .iconadd span, .iconaddperson span, .iconalertsalt span, .iconapprover span, .iconarrowdown span, .iconarrowfullright span, .iconarrowleft span, .iconarrowright span, .iconarrowup span, .iconarrowfulldown span, .iconarrowfullup span, .iconclose span, .modalClose span, .iconslimarrowdown span, .iconnew span, .iconemailResend span, .icontasks span, .iconpause span, .iconwarningCircle span, .iconadvisor span, .iconstar span, .iconregistered span, .icontermdeposit span, .iconsignout span, .iconsettings span, .iconsavedesktop span, .iconsave span, .icondownload span, .iconcheck span, .iconbest span, .iconalerts span, .iconaccountcompany span, .iconaccountjoint span, .iconaccounttrust span, .iconaccountindividual span, .iconcaps span, .iconaccountsmsf span, .iconmailclear span, .iconcancel span, .iconmailopen span, .icondownloadmenu span, .iconnewsProduct span, .icontasks24 span, .icongroup24 span, .iconhome24 span, .iconnewsProduct24 span, .icontransfer24 span, .icongraphBar24 span, .iconcompany24 span, .iconinformation24 span, .icongraphPie24 span, .iconclientsearch24 span, .iconcaps24 span, .iconindividual24 span, .iconaccount24 span, .iconmanageUsers24 span, .iconreport24 span, .iconServiceOps24 span, .iconaccountsDl span, .iconadvisersDl span, .iconchangeDl span, .iconclientsDl span, .icontotalDl span, .iconSetFull.iconSetFullStyleSix .iconLetter span, .iconSetFull.iconSetFullStyleSeven .iconLetter span, .messageFtueIcon span, .percentFtueIcon span, .accountFtueIcon span, .moveFtueIcon span, .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } /* line 36, ../sass/core/_accessibility.scss */ .visible { visibility: visible !important; } /** Added yellow colour for now. replace this colour later! */ /* line 43, ../sass/core/_accessibility.scss */ a:focus { outline: 1px dotted #fed648 !important; } /* line 47, ../sass/core/_accessibility.scss */ a:active, a:hover { outline: 0 !important; } /*## Calendar Icon Postioning for the icon The calendar is constructed out of a wrapper and a postion element ### Without arrow ### Width arrow */ /* ### Table Icons Uncleared */ /* line 33, ../sass/widgets/_core.scss */ .expandedViewFull .iconiconcross { position: absolute; top: 40px; left: 964px; } /* line 39, ../sass/widgets/_core.scss */ .jq-accordionViewStatusOpen { overflow: visible!important; } /* line 42, ../sass/widgets/_core.scss */ .dataTableInfoPanel .iconiconcross { position: absolute; top: 30px; right: 80px; } /*## Date Picker */ /* line 53, ../sass/widgets/_core.scss */ .ui-datepicker { position: absolute; top: 68px; left: 0px; } /* line 59, ../sass/widgets/_core.scss */ .overlayViewContent { background: none repeat scroll 0 0 #F4F4F4; border-top: 1px solid #c8c8c8; -moz-box-shadow: 0 2px 1px 0 #e6e6e6 inset; -webkit-box-shadow: 0 2px 1px 0 #e6e6e6 inset; box-shadow: 0 2px 1px 0 #e6e6e6 inset; display: none; /* @include blockPadding(0.2,0.2,0.2,0.2); */ padding: 20px 2px 2px 2px; padding: 2rem 0.2rem 0.2rem 0.2rem; } /* line 67, ../sass/widgets/_core.scss */ .overlayViewInnerContent { margin: 0px 0px 0px 280px; margin: 0rem 0rem 0rem 28rem; } /* line 70, ../sass/widgets/_core.scss */ .overlayInfo { margin: 0px 0px 0px 230px; margin: 0rem 0rem 0rem 23rem; } /* line 73, ../sass/widgets/_core.scss */ .overlayInfoMod1 { margin: 0px 0px 0px 269px; margin: 0rem 0rem 0rem 26.9rem; } /* line 76, ../sass/widgets/_core.scss */ .overlayInfoTbl { width: 100%; } /* line 78, ../sass/widgets/_core.scss */ .overlayInfoTbl td { text-align: center; border-top: none !important; } /* line 84, ../sass/widgets/_core.scss */ .displayBlock { display: block !important; } /* line 7, ../sass/widgets/_mask.scss */ .smokeBody { background: #FAFAFA; width: 2000px; height: 96.2%; z-index: 10; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 80px; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; zoom: 1; overflow: hidden; } /* line 22, ../sass/widgets/_mask.scss */ .maskTwo, .maskThree, .maskFour, .firstExperienceInvestor .maskFour { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; z-index: 50; } /* line 27, ../sass/widgets/_mask.scss */ .maskOne { background: url("../images/nameMask.png") no-repeat; width: 163px; height: 118px; position: absolute; top: 0px; left: 690px; z-index: 50; } /* line 37, ../sass/widgets/_mask.scss */ .maskTwo { background: url("../images/messageMask.png") no-repeat; width: 210px; height: 211px; position: absolute; top: 350px; left: 212px; } /* line 46, ../sass/widgets/_mask.scss */ .maskThree { background: url("../images/approvedMask.png") no-repeat; width: 228px; height: 228px; position: absolute; top: 750px; left: 90px; } /* line 55, ../sass/widgets/_mask.scss */ .maskFour { background: url("../images/messageMaskInv.png") no-repeat; width: 207px; height: 207px; position: absolute; top: -457px; left: -461px; } /* line 64, ../sass/widgets/_mask.scss */ .maskFive { background: url("../images/adviserDetailMask.png") no-repeat; width: 179px; height: 125px; position: absolute; top: 0px; left: 350px; z-index: 50; } /* line 78, ../sass/widgets/_mask.scss */ .firstExperienceInvestor .messageBubbleMessage .arrowLeft { position: absolute; top: 50%; left: -9px; margin-top: -12px; } /* line 84, ../sass/widgets/_mask.scss */ .messageBubbleNavigation { position: absolute; top: 128px; left: 105px; z-index: 100; } /* line 87, ../sass/widgets/_mask.scss */ .messageBubbleNavigation .arrowLeft { position: absolute; top: 50%; left: -9px; margin-top: -12px; } /* line 94, ../sass/widgets/_mask.scss */ .messageBubbleMessage { position: absolute; top: 380px; left: 399px; z-index: 100; } /* line 97, ../sass/widgets/_mask.scss */ .messageBubbleMessage .arrowLeft { position: absolute; top: 50%; left: -9px; margin-top: -12px; } /* line 105, ../sass/widgets/_mask.scss */ .messageBubbleAccounts { position: absolute; top: 785px; left: 300px; z-index: 100; } /* line 111, ../sass/widgets/_mask.scss */ .messageBubbleFeedback { position: absolute; bottom: 65px; left: 605px; z-index: 100; } /* line 114, ../sass/widgets/_mask.scss */ .messageBubbleFeedback .arrowBottom { position: absolute; bottom: -12px; left: 150px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ } /* line 125, ../sass/widgets/_mask.scss */ .messageBubbleDetails { position: absolute; top: 80px; left: 584px; z-index: 100; width: 355px; } /* line 129, ../sass/widgets/_mask.scss */ .messageBubbleDetails .arrowTop { position: absolute; top: -12px; left: 50%; margin-left: -7px; } /* line 138, ../sass/widgets/_mask.scss */ .messageBubbleAdviser { position: absolute; top: 80px; left: 208px; z-index: 100; width: 366px; } /* line 142, ../sass/widgets/_mask.scss */ .messageBubbleAdviser .arrowTop { position: absolute; top: -12px; left: 216px; } /* line 150, ../sass/widgets/_mask.scss */ .firstExperienceInvestor .messageBubbleMessage { position: absolute; top: 465px; left: 631px; width: 345px; } /* line 159, ../sass/widgets/_mask.scss */ .firstExperienceInvestor .messageAlertsItem { padding-top: 1rem; padding-right: 1rem; padding-bottom: 3rem; padding-left: 1.5rem; } /* line 162, ../sass/widgets/_mask.scss */ .firstExperienceInvestor .maskFour { background: url("../images/messageMaskInv.png") no-repeat; width: 207px; height: 207px; position: absolute; top: 438px; left: 461px; } /* line 172, ../sass/widgets/_mask.scss */ .firstExperienceInvestor .messageBubbleNavigation { position: absolute; top: 245px; left: 105px; z-index: 100; } /* line 175, ../sass/widgets/_mask.scss */ .firstExperienceInvestor .messageBubbleNavigation .arrowLeft { position: absolute; top: 30px; left: -9px; } /* line 183, ../sass/widgets/_mask.scss */ .firstExperienceAdviser .messageAlertsNumberItem { margin-top: 0.7rem; } /* line 190, ../sass/widgets/_mask.scss */ .ftueSlideOne, .ftueSlideTwo, .ftueSlideThree { width: 560px; height: 320px; } /* line 196, ../sass/widgets/_mask.scss */ .ftueSlideOne { background-color: #0095c8; } /* line 201, ../sass/widgets/_mask.scss */ .ftueSlideTwo { background-color: #6ba33e; } /* line 207, ../sass/widgets/_mask.scss */ .ftueSlideThree { background-color: #694e5f; } /* # Tool container ```
      ``` */ /* ```
      • ``` */ /* line 51, ../sass/widgets/_tools.scss */ .toolBoxList { float: left; } /* line 53, ../sass/widgets/_tools.scss */ .toolBoxList .toolBlock { margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } /* line 60, ../sass/widgets/_tools.scss */ .toolContainer.actionContainer { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 63, ../sass/widgets/_tools.scss */ .toolContainerMod1.actionContainer { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } /* line 66, ../sass/widgets/_tools.scss */ .toolContainer li { margin: 0px 5px 15px 5px; margin: 0rem 0.5rem 1.5rem 0.5rem; text-align: center; } /* line 72, ../sass/widgets/_tools.scss */ .actionContainer li { margin: 5px 15px 5px 0px; margin: 0.5rem 1.5rem 0.5rem 0rem; text-align: center; } /* line 76, ../sass/widgets/_tools.scss */ .actionContainer li a { color: #454545; } /* line 80, ../sass/widgets/_tools.scss */ .actionContainer.toolContainer li { margin-right: 10px; } /* line 82, ../sass/widgets/_tools.scss */ .headerTools { margin: 15px 25px 25px 25px; margin: 1.5rem 2.5rem 2.5rem 2.5rem; } /* ##Tool Icons */ /* line 98, ../sass/widgets/_tools.scss */ .toolIcons { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; border-color: #cccccc; border-width: 0px; border-style: solid; height: 4rem; width: 4rem; box-sizing: border-box; } /* line 107, ../sass/widgets/_tools.scss */ .toolIcons em { font-size: 16px; font-size: 1.6rem; position: absolute; top: 30%; left: 30%; } /* line 114, ../sass/widgets/_tools.scss */ .toolIconsBorder { background: #694e5f; } /* line 116, ../sass/widgets/_tools.scss */ .toolIconsBorder em { color: #fff; } /* line 122, ../sass/widgets/_tools.scss */ .toolIconsFull { background: #694e5f; } /* line 124, ../sass/widgets/_tools.scss */ .toolIconsFull em { color: #fff; } /* # Tool container ```
      ``` */ /* ```
      • ``` */ /* line 51, ../sass/widgets/_tools.scss */ .toolBoxList { float: left; } /* line 53, ../sass/widgets/_tools.scss */ .toolBoxList .toolBlock { margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } /* line 60, ../sass/widgets/_tools.scss */ .toolContainer.actionContainer { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 63, ../sass/widgets/_tools.scss */ .toolContainerMod1.actionContainer { margin: 15px 0px 0px 0px; margin: 1.5rem 0rem 0rem 0rem; } /* line 66, ../sass/widgets/_tools.scss */ .toolContainer li { margin: 0px 5px 15px 5px; margin: 0rem 0.5rem 1.5rem 0.5rem; text-align: center; } /* line 72, ../sass/widgets/_tools.scss */ .actionContainer li { margin: 5px 15px 5px 0px; margin: 0.5rem 1.5rem 0.5rem 0rem; text-align: center; } /* line 76, ../sass/widgets/_tools.scss */ .actionContainer li a { color: #454545; } /* line 80, ../sass/widgets/_tools.scss */ .actionContainer.toolContainer li { margin-right: 10px; } /* line 82, ../sass/widgets/_tools.scss */ .headerTools { margin: 15px 25px 25px 25px; margin: 1.5rem 2.5rem 2.5rem 2.5rem; } /* ##Tool Icons */ /* line 98, ../sass/widgets/_tools.scss */ .toolIcons { -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; border-color: #cccccc; border-width: 0px; border-style: solid; height: 4rem; width: 4rem; box-sizing: border-box; } /* line 107, ../sass/widgets/_tools.scss */ .toolIcons em { font-size: 16px; font-size: 1.6rem; position: absolute; top: 30%; left: 30%; } /* line 114, ../sass/widgets/_tools.scss */ .toolIconsBorder { background: #694e5f; } /* line 116, ../sass/widgets/_tools.scss */ .toolIconsBorder em { color: #fff; } /* line 122, ../sass/widgets/_tools.scss */ .toolIconsFull { background: #694e5f; } /* line 124, ../sass/widgets/_tools.scss */ .toolIconsFull em { color: #fff; } /*## Variables */ /* ##Table elements and classes

      Example code for Table Construction: tableHeader
      Table description
      Date
      This is a table cell
      Footer
      */ /* line 34, ../sass/widgets/table/_widget_table.scss */ .dataTable { width: 100%; border-color: #e5e5e5; border-width: 1px; border-style: solid; border-top: none; margin: 10px 0px 10px 0px; margin: 1rem 0rem 1rem 0rem; } /* line 42, ../sass/widgets/table/_widget_table.scss */ .dataTable thead .tableHeader:first-child { border-top: none; } /* line 50, ../sass/widgets/table/_widget_table.scss */ .dataTable.dataTableOpen { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; border: none; } /* line 61, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel { background: whitesmoke; padding-top: 2rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem; text-align: left; position: relative; } /* line 67, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel .expandArrowMod7 { right: 77px; } /* line 70, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel .iconclose, .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel .modalClose { position: absolute; top: 30px; left: 800px; } /* line 73, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel .formBlockContainerMod4 { margin-bottom: 0rem; } /* line 75, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededFlyout .dataFlyoutPanel .formBlockContainerMod4 .actionWrapper { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; } /* line 84, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededNoBorder { border-color: #fafafa; border-width: 1px; border-style: solid; } /* line 87, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededNoBorder .noticeBox { margin-top: 0rem; margin-right: 0rem; margin-bottom: 2rem; margin-left: 0rem; } /* line 91, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeaderExpanededNoBorder .noticeBoxAbsolute { margin-top: 0rem; margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; position: absolute; width: 840px; width: 84rem; z-index: 1; } /* line 100, ../sass/widgets/table/_widget_table.scss */ .dataTable .loaderBox { text-align: center; margin-right: auto; margin-left: auto; } /* line 103, ../sass/widgets/table/_widget_table.scss */ .dataTable .loaderBox .iconLoader { margin-top: 1rem; margin-bottom: 0.7rem; } /* line 106, ../sass/widgets/table/_widget_table.scss */ .dataTable .loaderBox a { font-size: 14px; font-size: 1.4rem; } /* line 113, ../sass/widgets/table/_widget_table.scss */ .dataTableBtmMarginOn { margin-bottom: 4rem; } /* line 114, ../sass/widgets/table/_widget_table.scss */ .dataTableTopMarginOff { margin-top: 0; } /* line 115, ../sass/widgets/table/_widget_table.scss */ .dataTableBtmMarginOff { margin-bottom: 0; } /* line 117, ../sass/widgets/table/_widget_table.scss */ .dataTableMod5 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 118, ../sass/widgets/table/_widget_table.scss */ .dataTableMod6 tbody .dataTableRow:first-child { border-top: 0; } /* line 126, ../sass/widgets/table/_widget_table.scss */ .dataTableRow { padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-top: -1rem; overflow: visible; border-bottom: 1px solid #e6e6e6; } /* line 130, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.notExpandable .iconarrowfullright { display: none; } /* line 138, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableFullHover:hover { border-color: #bababa; border-width: 1px; border-style: solid; } /* line 141, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableFullHover:hover td { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; } /* line 146, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableFullHover:hover.notExpandable { border-color: #e6e6e6; border-width: 1px; border-style: solid; } /* line 148, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableFullHover:hover.notExpandable td { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } /* line 155, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableFullHover:hover.notExpandable:first-child td { border-top: 1px solid #c7c7c7; } /* line 164, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowClearBorder { border-bottom: none; } /* line 168, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowLightBg { background: #fafafa; } /* line 179, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .iconarrowfullright, .dataTableRow .iconarrowfulldown { color: #8f8f8f; } /* line 183, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowMod2 { border-left: 1px solid transparent; } /* line 197, ../sass/widgets/table/_widget_table.scss */ .dataTableRow:first-child { border-top: 1px solid #c7c7c7; } /* line 200, ../sass/widgets/table/_widget_table.scss */ .dataTableRow:last-child { border-bottom: 1px solid #e6e6e6; } /* line 204, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowWhiteBg { background-color: white !important; } /* line 209, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlighted { border-color: #c7c7c7; border-width: 1px; border-style: solid; background: whitesmoke; } /* line 212, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlighted td { border-top: 1px solid #bababa !important; } /* line 215, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlighted td:last-child { border-bottom: 1px solid #bababa !important; } /* line 220, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlightedFirstLastBorder { border-left: 1px solid #bababa !important; border-right: 1px solid #bababa !important; border-bottom: none !important; } /* line 224, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlightedFirstLastBorder .tableRowBreak, .dataTableRow.dataTableRowHighlightedFirstLastBorder .tableRowBreakFixed { width: 96%; } /* line 229, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlightedStartBorder td { border-top: 1px solid #bababa !important; } /* line 233, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.dataTableRowHighlightedEndBorder { border-bottom: 1px solid #bababa !important; } /* line 239, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataTableCell:first-child { padding: 14px 15px 15px 20px; padding: 1.4rem 1.5rem 1.5rem 2rem; } /* line 244, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataLargeIconCellFirstCell:first-child { padding-left: 0; } /* line 247, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataTableCellLast:first-child { padding-top: 0px; padding-right: 2rem; } /* line 250, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataTableCellFirstMod1.dataTableCell:first-child { padding-bottom: 1.5rem; } /* line 253, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataTableCellFirstMod3.dataTableCell { padding-bottom: 0; } /* line 257, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataTableCell:first-child .dataTableCell.dataLargeIconCell { padding: 15px 15px 15px 0px; padding: 1.5rem 1.5rem 1.5rem 0rem; width: 50px; } /* line 260, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataTableCell:first-child .dataTableCell.dataLargeIconCell .labelIcons { margin: 0; } /* line 265, ../sass/widgets/table/_widget_table.scss */ .dataTableRow .dataCellMod3:first-child { width: auto; padding: 15px 15px 15px 20px; padding: 1.5rem 1.5rem 1.5rem 2rem; } /* line 271, ../sass/widgets/table/_widget_table.scss */ .dataTableRow.noHover:hover { border-color: #e6e6e6; } /* line 275, ../sass/widgets/table/_widget_table.scss */ .dataTableRow:hover { cursor: default; } /* line 281, ../sass/widgets/table/_widget_table.scss */ .dataTableRow:hover.dataTableRowMod3:hover { border-top-color: whitesmoke; border-right-color: #eaeaea; border-left-color: #eaeaea; } /* line 293, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive.dataTableRowActiveMod2 { border-bottom: 0 !important; } /* line 296, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive.dataTableRowActiveMod2:hover { border-color: #bababa; border-bottom-color: white; } /* line 306, ../sass/widgets/table/_widget_table.scss */ .tableContainer { width: 100%; display: block; } /* line 311, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod1 { margin: 50px 0px 10px 0px; margin: 5rem 0rem 1rem 0rem; } /* line 314, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod1Mod2 { margin: 30px 0px 10px 0px; margin: 3rem 0rem 1rem 0rem; } /* line 315, ../sass/widgets/table/_widget_table.scss */ .tableContainer.multiTableContainer { padding: 10px 0px 10px 0px; padding: 1rem 0rem 1rem 0rem; } /* line 320, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod2 { margin: 20px 0px 0px 0px; margin: 2rem 0rem 0rem 0rem; } /* line 323, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod4 { position: relative; } /* line 325, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod4 .successBox, .tableContainerMod4 .warningBox { position: absolute; top: -20px; } /* line 327, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod4 .successBox.lessTopMargin, .tableContainerMod4 .warningBox.lessTopMargin { position: absolute; top: -43px; } /* line 332, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod4 .messageBubble { min-height: inherit; width: auto; } /* line 336, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod4 .messageBubble .messageBubbleContent .messageText { padding: 0px 0px 15px 0px; padding: 0rem 0rem 1.5rem 0rem; font-size: 13px; font-size: 1.3rem; font-weight: bold; width: 100%; } /* line 344, ../sass/widgets/table/_widget_table.scss */ .tableContainerMod4 .messageBubbleFeedback { bottom: inherit; top: inherit; left: 377px; margin-top: -53px; } /* line 357, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree { border-collapse: collapse; border: none; margin-bottom: 20px; } /* line 362, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree .tableHeader { background: transparent; } /* line 364, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree .tableHeader h3 { font-size: 16px; font-size: 1.6rem; line-height: 40px; line-height: 4rem; } /* line 374, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree thead tr td:first-child { background: transparent; -webkit-border-top-left-radius: 0.4rem; -moz-border-radius-topleft: 0.4rem; border-top-left-radius: 0.4rem; } /* line 378, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree thead tr td:last-child { background: whitesmoke; -webkit-border-top-right-radius: 0.4rem; -moz-border-radius-topright: 0.4rem; border-top-right-radius: 0.4rem; } /* line 383, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree tbody tr:last-child td:first-child { background: transparent; -webkit-border-bottom-left-radius: 0.4rem; -moz-border-radius-bottomleft: 0.4rem; border-bottom-left-radius: 0.4rem; } /* line 387, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree tbody tr:last-child td:last-child { background: transparent; -webkit-border-bottom-right-radius: 0.4rem; -moz-border-radius-bottomright: 0.4rem; border-bottom-right-radius: 0.4rem; } /* line 391, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree td { padding: 10px 20px 20px 18px; padding: 1rem 2rem 2rem 1.8rem; vertical-align: top; border-color: #c7c7c7; border-width: 1px; border-style: solid; } /* line 396, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree td:last-child { border-left: none; } /* line 400, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree td.dataTableCellMod1 { border-left: none; border-right: none; vertical-align: middle; text-align: center; } /* line 407, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree td.dataTableCellMod1:last-child { border-right: 1px #c7c7c7 solid; } /* line 411, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree td.dataTableHeaderMod1 { border-left: none; } /* line 415, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree tbody td { border-top: none; } /* line 417, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree tbody td .inlineBulletListFull { padding: 5px 0px 0px 0px; padding: 0.5rem 0rem 0rem 0rem; } /* line 422, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree thead td { line-height: 40px; background: whitesmoke; border-top: 1px, solid, #c7c7c7; padding-top: 20px; } /* line 431, ../sass/widgets/table/_widget_table.scss */ .dataTable.tableStyleThree.tableStyleThree2Cols thead tr td:first-child { width: 38%; } /* ###Caption caption { @extend .hidden; } Caption is reqiuired to provide AA compliance */ /* line 446, ../sass/widgets/table/_widget_table.scss */ caption { height: 0px; } /* line 451, ../sass/widgets/table/_widget_table.scss */ .caption { border-color: #454545; border-width: 3px; border-style: solid; font-size: 14px; font-size: 1.4rem; text-align: left; padding: 19px 20px 19px 20px; padding: 1.9rem 2rem 1.9rem 2rem; background-color: white; height: auto; visibility: visible; text-align: left; font-size: 1.4rem; line-height: 1.6rem; text-transform: uppercase; font-weight: bold; letter-spacing: 0; } /* line 465, ../sass/widgets/table/_widget_table.scss */ .caption .textCount { text-align: right; float: right; font-weight: normal; } /* line 470, ../sass/widgets/table/_widget_table.scss */ .caption .subContent { text-align: right; float: right; font-weight: normal; text-transform: none; } /* line 476, ../sass/widgets/table/_widget_table.scss */ .caption .normalTextMod1 { font-size: 14px; font-size: 1.4rem; font-weight: normal; text-transform: none; } /* line 482, ../sass/widgets/table/_widget_table.scss */ .captionMod1 { margin-bottom: -1px; } /*## Table header */ /* line 491, ../sass/widgets/table/_widget_table.scss */ .tableHeader { /*border-top:1px solid #CCCCCC;*/ border-color: #c7c7c7; border-width: 1px; border-style: solid; background-color: white; } /* line 496, ../sass/widgets/table/_widget_table.scss */ .tableHeader h2 { font-size: 16px; font-size: 1.6rem; text-align: left; padding: 19px 20px 18px 20px; padding: 1.9rem 2rem 1.8rem 2rem; letter-spacing: 0; } /* line 502, ../sass/widgets/table/_widget_table.scss */ .tableHeader .textTransTable { text-align: left; font-weight: normal; padding: 10px 20px 10px 20px; padding: 1rem 2rem 1rem 2rem; } /* line 508, ../sass/widgets/table/_widget_table.scss */ .tableHeader .textTransTableMod1 { font-weight: normal; padding: 14px 20px 0px 0px; padding: 1.4rem 2rem 0rem 0rem; } /* line 513, ../sass/widgets/table/_widget_table.scss */ .tableHeader .textTransTableMod2 { padding: 16px 20px 10px 20px; padding: 1.6rem 2rem 1rem 2rem; } /* line 515, ../sass/widgets/table/_widget_table.scss */ .tableHeaderMod2 { border-top: 0; } /* line 518, ../sass/widgets/table/_widget_table.scss */ .tableHeaderMod3 { border-bottom: 0; } /* line 522, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleOne th { border-color: #454545; border-width: 3px; border-style: solid; border-collapse: separate; } /* line 529, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleTwo { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #c7c7c7; background-color: transparent; } /* line 535, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleTwo th, .tableHeader.tableHeaderStyleTwo td { border-collapse: separate; } /* line 537, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleTwo th h3, .tableHeader.tableHeaderStyleTwo td h3 { margin: 20px 0px 15px 0px; margin: 2rem 0rem 1.5rem 0rem; font-size: 20px; font-size: 2rem; color: #454545; } /* line 542, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleTwo th h3 span, .tableHeader.tableHeaderStyleTwo td h3 span { font-weight: 100; } /* line 546, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleTwo th .headerTextItem, .tableHeader.tableHeaderStyleTwo td .headerTextItem { margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } /* line 549, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderStyleTwo th .headerTextItemMod7, .tableHeader.tableHeaderStyleTwo td .headerTextItemMod7 { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } /* line 558, ../sass/widgets/table/_widget_table.scss */ .dataTableRowHeadingWrap th.dataTableHeader { vertical-align: top; padding: 10px 20px 0px 0px; padding: 1rem 2rem 0rem 0rem; } /* line 562, ../sass/widgets/table/_widget_table.scss */ .dataTableRowHeadingWrap th.dataTableHeaderMod1 { word-wrap: break-word; white-space: normal; padding: 10px 20px 10px 20px; padding: 1rem 2rem 1rem 2rem; } /* line 571, ../sass/widgets/table/_widget_table.scss */ .dataTableRowMod1 .dataTableHeader { padding-left: 2rem; } /* line 576, ../sass/widgets/table/_widget_table.scss */ .tableHeader.tableHeaderFull { box-sizing: border-box; } /* line 579, ../sass/widgets/table/_widget_table.scss */ .dataTableThinRow { height: 4rem; } /* line 582, ../sass/widgets/table/_widget_table.scss */ .toolHeader { height: 6rem; } /* line 584, ../sass/widgets/table/_widget_table.scss */ .toolHeader .actionWrapper { margin: 6px 20px 0px 0px; margin: 0.6rem 2rem 0rem 0rem; float: right; } /* line 588, ../sass/widgets/table/_widget_table.scss */ .toolHeader .actionWrapperContainer { margin-right: 2rem; } /* line 591, ../sass/widgets/table/_widget_table.scss */ .toolHeader .noticeBox { margin-top: 0rem; } /* line 594, ../sass/widgets/table/_widget_table.scss */ .toolHeader.topGutter { padding-top: 1.2rem; padding-bottom: 0.5rem; } /* line 599, ../sass/widgets/table/_widget_table.scss */ .dataTableHeader { font-size: 14px; font-size: 1.4rem; padding: 15px 10px 15px 0px; padding: 1.5rem 1rem 1.5rem 0rem; background: #fff; white-space: nowrap; } /* line 606, ../sass/widgets/table/_widget_table.scss */ .dataTableHeaderMod2 { padding: 15px 20px 15px 20px; padding: 1.5rem 2rem 1.5rem 2rem; } /* line 610, ../sass/widgets/table/_widget_table.scss */ .dataTableHeaderFirst { padding-left: 2rem; } /* line 612, ../sass/widgets/table/_widget_table.scss */ .dataTable .tableHeader th.dataTableHeader:last-child { padding-right: 1rem; } /* line 614, ../sass/widgets/table/_widget_table.scss */ .dataTableHeaderPadMod1 { padding-right: 0; } /* line 615, ../sass/widgets/table/_widget_table.scss */ .dataTableHeader.dataDateCell { padding: 8px 0px 8px 8px; padding: 0.8rem 0rem 0.8rem 0.8rem; } /* line 619, ../sass/widgets/table/_widget_table.scss */ .dataTableHeader.dataTableHeaderClear { background: none; color: #454545; } /* line 625, ../sass/widgets/table/_widget_table.scss */ .dataTableHeader.dataTableHeaderOpen { background: none; color: #454545; } /* line 631, ../sass/widgets/table/_widget_table.scss */ .dataTableRowMod3 { background: #ffffff; } /* line 633, ../sass/widgets/table/_widget_table.scss */ .dataTableRowMod3 .descriptionGroupHeader { font-size: 16px; font-size: 1.6rem; } /* line 635, ../sass/widgets/table/_widget_table.scss */ .dataTableRowMod3 .descriptionGroupHeader.descriptionGroupHeaderMod1 { margin-top: 0; } /* line 639, ../sass/widgets/table/_widget_table.scss */ .dataTableRowHeader, .dataTableRow.dataTableRowHeader:hover { border-bottom: 1px solid #e6e6e6; } /* line 643, ../sass/widgets/table/_widget_table.scss */ .dataTableCell { overflow: hidden; line-height: 18px; line-height: 1.8rem; height: 45px; height: 4.5rem; height: auto; padding: 15px 10px 15px 0px; padding: 1.5rem 1rem 1.5rem 0rem; vertical-align: top; } /* line 654, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellWrapMod1 { min-width: 250px; } /* line 657, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellMod1 { width: 310px; } /* line 660, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellMod2 { width: 450px; } /* line 663, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellMod3 { width: 610px; } /* line 666, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellMod4 { width: 380px; } /* line 669, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellMod5 { width: 230px; } /* line 672, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataTableCellMod6 { width: 110px; } /* line 677, ../sass/widgets/table/_widget_table.scss */ .dataTableCellCol3 { width: 27.5rem; } /* line 680, ../sass/widgets/table/_widget_table.scss */ .dataTableCellReadStatus .iconmailclear { display: none; } /* line 688, ../sass/widgets/table/_widget_table.scss */ .dataTableHeaderWrapMod1 { display: inline-block; margin: 0px 0px 10px 0px; margin: 0rem 0rem 1rem 0rem; } /* line 697, ../sass/widgets/table/_widget_table.scss */ .dataTableMod1 tr:not(:last-child) .dataTableCell { border-bottom: 1px solid #eaeaea; } /* line 706, ../sass/widgets/table/_widget_table.scss */ .dataTableMod1 tr th { border-bottom: 1px solid #c9c9c9; } /* line 713, ../sass/widgets/table/_widget_table.scss */ .dataTable.dataTableMod3, .dataTable.dataTableMod2 { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 716, ../sass/widgets/table/_widget_table.scss */ .dataTable.dataTableMod3 tbody tr:first-child, .dataTable.dataTableMod2 tbody tr:first-child { border-top: 0; } /* line 719, ../sass/widgets/table/_widget_table.scss */ .dataTable.dataTableMod2 { margin: 35px 0px 0px 0px; margin: 3.5rem 0rem 0rem 0rem; } /* line 723, ../sass/widgets/table/_widget_table.scss */ .dataTableInner { background: white; } /* line 726, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoBox { margin: 0px 40px 0px 40px; margin: 0rem 4rem 0rem 4rem; } /* line 730, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoBox .dataTableInfoBoxContainer { margin: 20px 0px 40px 0px; margin: 2rem 0rem 4rem 0rem; } /* line 737, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoPanel { margin: 40px 0px 40px 0px; margin: 4rem 0rem 4rem 0rem; width: 100%; } /* line 742, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoPanelMod1 { margin-top: 3rem; } /* line 746, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoPanelMod2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } /* line 748, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoPanelMod2 .dataTableInnerBoxFull { margin-right: 4rem; margin-left: 20.5rem; } /* line 751, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoPanelMod2 .dataTableInnerBoxFull .inlineBulletList li { list-style: none; min-width: 12.6rem; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 758, ../sass/widgets/table/_widget_table.scss */ .dataTableInfoPanelMod2 .dataTableInnerBoxFull { margin-right: 4rem; margin-left: 19.6rem; } } /* line 764, ../sass/widgets/table/_widget_table.scss */ .dataTableInnerBox.dataTableInnerBoxFull { margin: 40px 40px 40px 90px; margin: 4rem 4rem 4rem 9rem; } /* line 766, ../sass/widgets/table/_widget_table.scss */ .dataTableInnerBox.dataTableInnerBoxFull .noticeBox { margin-bottom: 2rem; } /* line 771, ../sass/widgets/table/_widget_table.scss */ .dataTableInnerBoxMod1.dataTableInnerBoxFull { margin-top: 3rem; } /* line 775, ../sass/widgets/table/_widget_table.scss */ .dataTableInnerBox.dataTableInnerBoxHalf.first { margin: -10px 40px 0px 0px; margin: -1rem 4rem 0rem 0rem; } /* line 779, ../sass/widgets/table/_widget_table.scss */ .dataTableInnerBox.dataTableInnerBoxHalf.last { margin: 0px 0px 0px 40px; margin: 0rem 0rem 0rem 4rem; } /* line 782, ../sass/widgets/table/_widget_table.scss */ .dataTableInfo { min-height: 200px; height: auto; } /* line 787, ../sass/widgets/table/_widget_table.scss */ .dataTableInfo .iconclose, .dataTableInfo .modalClose { position: absolute; top: 35px; right: 0px; } /* line 790, ../sass/widgets/table/_widget_table.scss */ .dataTableInfo.dataTableInfoMod1 { min-height: 140px; } /* line 791, ../sass/widgets/table/_widget_table.scss */ .dataTableInfo.dataTableInfoMod2 { min-height: 50px; } /* line 793, ../sass/widgets/table/_widget_table.scss */ .dataTableInfo.dataTableInfoMod2 .iconclose, .dataTableInfo.dataTableInfoMod2 .modalClose { position: absolute; top: 15px; right: 0px; } /* line 800, ../sass/widgets/table/_widget_table.scss */ th.sorter-false { cursor: default; } /* line 806, ../sass/widgets/table/_widget_table.scss */ .tablePointerArrow { background: url("../images/arrowDownGrey.png") no-repeat; position: absolute; top: -3px; right: 0px; left: 100px; display: block; width: 39px; height: 21px; z-index: 100; } /* ##Adding background status on table rows
      Table description
      Date
      This is a table cell with a normal state using .dataTableRowBg
      This is a table cell with uncleared data using .dataTableRowUncleared class
      This is a table cell with failed data using .dataTableRowFailed class
      This is a table cell with active background data using .dataTableRowActive class
      Footer

      dataTableRow will extend using .dataTableRowActive on :hover */ /* line 852, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive { background: white !important; border-color: #bababa; border-width: 1px; border-style: solid; border-top: 1px solid #bababa !important; border-bottom: 0 !important; } /* line 857, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive td { border-top: 1px solid #bababa !important; } /* line 861, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive:hover td { border-bottom: none !important; } /* line 865, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive.dataTableRowActiveMod2 { border-bottom: 0 !important; } /* line 867, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive.dataTableRowActiveMod2:hover { border-color: #bababa; border-bottom-color: white; } /* line 871, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActive.dataTableRowActiveMod2 td { border-top: 1px solid #bababa !important; } /* line 877, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActiveMod1 { background: white !important; border: 1px solid #717171; } /* line 880, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActiveMod1 td { border-top: 1px solid #717171; border-bottom: 1px solid #717171; } /* line 884, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActiveMod1:hover { border-color: #717171 !important; } /* line 887, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActiveMod1:first-child { border-top: 1px solid #717171; } /* line 890, ../sass/widgets/table/_widget_table.scss */ .dataTableRowActiveMod1:last-child { border-bottom: 1px solid #717171; } /* line 895, ../sass/widgets/table/_widget_table.scss */ .accordionContainer { border-left: 1px solid #bababa; border-right: 1px solid #bababa; border-bottom: 1px solid #bababa; border-top: 0!important; } /* line 905, ../sass/widgets/table/_widget_table.scss */ .dataInnerList { margin: 10px 0px 20px 0px; margin: 1rem 0rem 2rem 0rem; } /* line 908, ../sass/widgets/table/_widget_table.scss */ .dataInnerListMod1 { margin-left: -10px; margin-bottom: 27px; } /* line 913, ../sass/widgets/table/_widget_table.scss */ .dataInnerListStyle { line-height: 20px; line-height: 2rem; font-size: 16px; font-size: 1.6rem; margin: 0px 0px 5px 0px; margin: 0rem 0rem 0.5rem 0rem; } /* line 920, ../sass/widgets/table/_widget_table.scss */ .numericAlign { text-align: right; } /* line 925, ../sass/widgets/table/_widget_table.scss */ .alphaAlign { text-align: left; } /* line 929, ../sass/widgets/table/_widget_table.scss */ .dataTableTrxDetail { padding: 0px 20px 0px 20px; padding: 0rem 2rem 0rem 2rem; } /* line 930, ../sass/widgets/table/_widget_table.scss */ .dataTableTrxDetailMod1 .dataTableInnerBox { padding-left: 109px; } /* line 931, ../sass/widgets/table/_widget_table.scss */ .dataTableTrxDetailMod2 .dataTableInnerBox { padding-left: 83px; } /* line 937, ../sass/widgets/table/_widget_table.scss */ .tablesorter-headerAsc { /*Up*/ } /* line 942, ../sass/widgets/table/_widget_table.scss */ .tablesorter-headerDesc { /*Down*/ } /* line 947, ../sass/widgets/table/_widget_table.scss */ th.sorter-false { cursor: default; } /* line 952, ../sass/widgets/table/_widget_table.scss */ .dataExpandCell { width: 30px; padding: 11px 5px 0px 10px; padding: 1.1rem 0.5rem 0rem 1rem; } /* line 955, ../sass/widgets/table/_widget_table.scss */ .dataExpandCell a { font-size: 16px; font-size: 1.6rem; margin: 3px 0px 0px 0px; margin: 0.3rem 0rem 0rem 0rem; } /* line 961, ../sass/widgets/table/_widget_table.scss */ .dataIconCell { width: 20px; } /* line 963, ../sass/widgets/table/_widget_table.scss */ .dataIconCell em { margin: 16px 0px 0px 10px; margin: 1.6rem 0rem 0rem 1rem; } /* line 969, ../sass/widgets/table/_widget_table.scss */ .dataIconCell.dataIconCellExtend { width: 60px; } /* line 971, ../sass/widgets/table/_widget_table.scss */ .dataIconCell.dataIconCellExtend em { margin: 16px 0px 0px 20px; margin: 1.6rem 0rem 0rem 2rem; } /*### Data Date cell formatiing */ /* line 989, ../sass/widgets/table/_widget_table.scss */ .dataDateCell { width: 35px; padding: 18px 10px 0px 0px; padding: 1.8rem 1rem 0rem 0rem; } /* line 995, ../sass/widgets/table/_widget_table.scss */ .dataDateCellMod1 { width: 150px; padding: 18px 0px 0px 0px; padding: 1.8rem 0rem 0rem 0rem; } /* line 1000, ../sass/widgets/table/_widget_table.scss */ .dataDateCellMod2 { width: 120px; padding: 15px 0px 15px 20px; padding: 1.5rem 0rem 1.5rem 2rem; } /* line 1005, ../sass/widgets/table/_widget_table.scss */ .dataDayCell { width: 100px; } /* line 1009, ../sass/widgets/table/_widget_table.scss */ .dataCellMod2 { width: auto; } /* line 1013, ../sass/widgets/table/_widget_table.scss */ .dataCellMod1 { width: auto; } /* line 1015, ../sass/widgets/table/_widget_table.scss */ .dataCellMod1 .rowItemWrap h5 { padding: 0px 0px 15px 0px; padding: 0rem 0rem 1.5rem 0rem; } /* line 1017, ../sass/widgets/table/_widget_table.scss */ .dataCellMod1 .rowItemWrap h5 em { display: inline-block; float: none; margin: 1px 0px 0px 5px; margin: 0.1rem 0rem 0rem 0.5rem; } /* line 1023, ../sass/widgets/table/_widget_table.scss */ .dataCellMod1 em.iconinformation, .dataCellMod1 .informationBox .messageIcon em.iconItem, .informationBox .messageIcon .dataCellMod1 em.iconItem { margin: -8px 0px 0px -8px; margin: -0.8rem 0rem 0rem -0.8rem; } /* line 1028, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.transactionDescription { width: 200px; } /* line 1031, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.transactionDescriptionMod1 { width: 410px; } /* line 1034, ../sass/widgets/table/_widget_table.scss */ #pastTransactionTableContainer .dataTableCell.transactionDescription span { max-width: 260px; display: inline-block; word-wrap: break-word; } /* line 1041, ../sass/widgets/table/_widget_table.scss */ .dataTableCell.dataDateCell { line-height: 10px; line-height: 1rem; color: #454545; width: 116px; } /* line 1049, ../sass/widgets/table/_widget_table.scss */ .dataTableHeader.dataDateCell { line-height: 15px; line-height: 1.5rem; } /* line 1055, ../sass/widgets/table/_widget_table.scss */ .dataTableHeaderMod1 { padding: 15px 15px 15px 10px; padding: 1.5rem 1.5rem 1.5rem 1rem; } /* ### Definition list inside Table

      Reciept
      Reciept No.132
      Last payment
      Vale here
      First payments
      Vale here
      Repeats
      Value here
      Description
      Value heer
      */ /* line 1079, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition { margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; } /* line 1081, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition dt { width: 20%; text-align: left; padding: 5px 0px 5px 0px; padding: 0.5rem 0rem 0.5rem 0rem; } /* line 1088, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition dd { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; padding: 5px 0px 5px 0px; padding: 0.5rem 0rem 0.5rem 0rem; } /* line 1097, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod2 { margin: 4px 0px 0px 0px; margin: 0.4rem 0rem 0rem 0rem; } /* line 1099, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod2 dt { width: 50%; text-align: left; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } /* line 1106, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod2 dd { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } /* line 1112, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod2 li { padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } /* line 1118, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod4 dt { width: auto; margin-right: 7px; } /* line 1126, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod3 { line-height: 1.8rem; margin: -1px 0px 0px 0px; margin: -0.1rem 0rem 0rem 0rem; } /* line 1129, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod3 dt { width: 30%; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; clear: left; } /* line 1137, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod3 dd { margin: 0px 0px 0px 10px; margin: 0rem 0rem 0rem 1rem; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; width: 60%; clear: right; } /* line 1144, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod3 dd .ddIcon { padding: 4px 0px 0px 0px; padding: 0.4rem 0rem 0rem 0rem; } /* line 1151, ../sass/widgets/table/_widget_table.scss */ .transactionDefinition.transactionDefinitionMod3 li { padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } /* ## No Data atable */ /* line 1161, ../sass/widgets/table/_widget_table.scss */ .noDataTable { opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; zoom: 1; } /* ###Date formatting
      25 Dec 2006
      */ /* line 1173, ../sass/widgets/table/_widget_table.scss */ .day { margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; } /* line 1177, ../sass/widgets/table/_widget_table.scss */ .day, .month, .year { clear: both; text-align: left; padding: 0px 8px 0px 8px; padding: 0rem 0.8rem 0rem 0.8rem; } /* line 1184, ../sass/widgets/table/_widget_table.scss */ .day { font-size: 16px; font-size: 1.6rem; } /* line 1189, ../sass/widgets/table/_widget_table.scss */ .month { font-size: 9px; font-size: 0.9rem; text-transform: uppercase; margin: 2px 0px 0px 0px; margin: 0.2rem 0rem 0rem 0rem; } /* line 1194, ../sass/widgets/table/_widget_table.scss */ .year { font-size: 9px; font-size: 0.9rem; } /*## Smooky foot
      Gradient appears
      */ /* line 1206, ../sass/widgets/table/_widget_table.scss */ .footerSmokeContainer { width: 100%; height: 1px; overflow: visible; } /* line 1217, ../sass/widgets/table/_widget_table.scss */ .footerSmoke { width: 100%; position: absolute; bottom: 0px; background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.3) 18%, rgba(250, 250, 250, 0.6) 44%, #fafafa 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(18%, rgba(250, 250, 250, 0.3)), color-stop(44%, #fafafa), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.3) 18%, rgba(250, 250, 250, 0.6) 44%, #fafafa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.3) 18%, rgba(250, 250, 250, 0.6) 44%, #fafafa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.3) 18%, rgba(250, 250, 250, 0.6) 44%, #fafafa 100%); /* IE10+ */ background: linear, to bottom, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.3) 18%, rgba(250, 250, 250, 0.6) 44%, #fafafa 100%; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* ## Top Pagination */ /* line 1250, ../sass/widgets/table/_widget_table.scss */ .topPagination { font-size: 14px; font-size: 1.4rem; margin: 15px 20px 15px 20px; margin: 1.5rem 2rem 1.5rem 2rem; } /* ## Pagination with Pull */ /* line 1262, ../sass/widgets/table/_widget_table.scss */ .paginationRow:hover { border-bottom: 1px solid #454545; } /* line 1264, ../sass/widgets/table/_widget_table.scss */ .paginationRow:hover .paginationPull { border-color: #454545 #454545 transparent transparent; } /* line 1269, ../sass/widgets/table/_widget_table.scss */ .pagination { text-align: center; margin: 0px 0px 22px 0px; margin: 0rem 0rem 2.2rem 0rem; } /* line 1276, ../sass/widgets/table/_widget_table.scss */ .paginationPull { background: #fafafa; text-align: center; position: absolute; top: 22px; right: 0%; bottom: 0%; left: 47%; border-color: #EAEAEA #EAEAEA transparent transparent; border-width: 1px; border-style: solid; -webkit-transform: rotate(133deg); -moz-transform: rotate(134deg); -ms-transform: rotate(134deg); -o-transform: rotate(134deg); transform: rotate(134deg); -webkit-border-radius: 100rem; -moz-border-radius: 100rem; border-radius: 100rem; width: 40px; height: 40px; } /* line 1293, ../sass/widgets/table/_widget_table.scss */ .paginationPull .iconHolder { position: absolute; top: 0%; right: 0%; bottom: 29%; left: 8px; -webkit-transform: rotate(-134deg); -moz-transform: rotate(-134deg); -ms-transform: rotate(-134deg); -o-transform: rotate(-134deg); transform: rotate(-134deg); } /* line 1298, ../sass/widgets/table/_widget_table.scss */ .paginationPull .iconHolder a { text-decoration: none !important; border: 0 !important; color: #454545 !important; } /* line 1304, ../sass/widgets/table/_widget_table.scss */ .paginationPull:hover { border-color: #454545 #454545 transparent transparent; } /* line 1306, ../sass/widgets/table/_widget_table.scss */ .paginationPull:hover .paginationRow { border-bottom: 1px solid #454545; } /* ## Table Row Break */ /* line 1317, ../sass/widgets/table/_widget_table.scss */ .tableRowBreak, .tableRowBreakFixed { width: 94%; margin: 0.5rem auto; height: 1px; } /* line 1324, ../sass/widgets/table/_widget_table.scss */ .tableRowBreakFixed { width: 100%; margin: 0; } /* ## Table Row Break */ /* ## My Task - Table styles */ /* $dataTableCellWidth:84; */ /* line 1341, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 { word-wrap: break-word; table-layout: fixed; } /* line 1345, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 colgroup col:nth-child(1) { width: 150px; } /* line 1348, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 colgroup col:nth-child(2) { width: 170px; } /* line 1351, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 colgroup col:nth-child(3) { width: 130px; } /* line 1354, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 colgroup col:nth-child(4) { width: 140px; } /* line 1357, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 colgroup col:nth-child(5) { width: 110px; } /* line 1360, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 colgroup col:nth-child(6) { width: 140px; } /* line 1365, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .tableHeaderMod1 .dataCell2Col1 { padding: 15px 0px 15px 20px; padding: 1.5rem 0rem 1.5rem 2rem; } /* line 1370, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .dataTableHeader, .dataTableMod4 .dataTableCell { padding: 15px 5px 15px 0px; padding: 1.5rem 0.5rem 1.5rem 0rem; } /* line 1374, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .dataTableRow .dataTableCell:first-child { padding: 15px 15px 15px 20px; padding: 1.5rem 1.5rem 1.5rem 2rem; } /* line 1377, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .dataTableRow .successInfoContainer { width: 840px; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; } /* line 1384, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .taskWaitingApproverList li { display: inline-block; } /* line 1386, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .taskWaitingApproverList li .name { width: 130px; padding: 0px 20px 0px 0px; padding: 0rem 2rem 0rem 0rem; display: block; float: left; } /* line 1392, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .taskWaitingApproverList li .status { width: 135px; } /* line 1396, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .taskWaitingApproverList li .status span { width: 112px; } /* line 1407, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .day, .dataTableMod4 .month, .dataTableMod4 .year { line-height: 1rem; padding: 0px 8px 0px 0px; padding: 0rem 0.8rem 0rem 0rem; } /* line 1411, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .day { margin: 5px 0px 0px 0px; margin: 0.5rem 0rem 0rem 0rem; } /* line 1414, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .descriptionHeader { width: auto; } /* line 1417, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .actionWrapper li { margin-right: 1.5rem; } /* line 1419, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .actionWrapper li:last-child { margin-right: 0rem; } /* line 1423, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .normalText, .dataTableMod4 .formLabelCheckBox.formLabelStyleTwo, .dataTableMod4 .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 label .dataTableMod4 .markOptional, .dataTableMod4 .formBlockContainerMod4 label.normalText, .formBlockContainerMod4 .dataTableMod4 label.normalText { font-weight: normal; } /* line 1426, ../sass/widgets/table/_widget_table.scss */ .dataTableMod4 .inlineBlock, .dataTableMod4 .modalMessage em, .modalMessage .dataTableMod4 em, .dataTableMod4 .contentOutput2, .dataTableMod4 .contentFullOutput, .dataTableMod4 .assistInputField, .dataTableMod4 .ui-autocomplete .ui-menu-item .autoCompleteNoMatch a, .ui-autocomplete .ui-menu-item .autoCompleteNoMatch .dataTableMod4 a, .dataTableMod4 .ui-datepicker ui-datepicker-month .ui-datepicker-prev, .ui-datepicker ui-datepicker-month .dataTableMod4 .ui-datepicker-prev, .dataTableMod4 .ui-datepicker .ui-datepicker-next, .ui-datepicker .dataTableMod4 .ui-datepicker-next, .dataTableMod4 .ui-datepicker .ui-datepicker-title, .ui-datepicker .dataTableMod4 .ui-datepicker-title, .dataTableMod4 .smallWizard, .dataTableMod4 .dailyLimitValue, .dataTableMod4 .primaryButton { display: block; } /* line 1432, ../sass/widgets/table/_widget_table.scss */ .dataTableGrid colgroup col:nth-child(1) { width: 150px; } /* line 1436, ../sass/widgets/table/_widget_table.scss */ .dataTableGrid colgroup col:nth-child(2) { width: 270px; } /* line 1439, ../sass/widgets/table/_widget_table.scss */ .dataTableGrid colgroup col:nth-child(3) { width: 170px; } /* line 1442, ../sass/widgets/table/_widget_table.scss */ .dataTableGrid colgroup col:nth-child(4) { width: 110px; } /* line 1445, ../sass/widgets/table/_widget_table.scss */ .dataTableGrid colgroup col:nth-child(5) { width: 140px; } /* line 1453, ../sass/widgets/table/_widget_table.scss */ .dataTableGridServiceOpsSearchApp colgroup col:nth-child(1) { width: 140px; } /* line 1457, ../sass/widgets/table/_widget_table.scss */ .dataTableGridServiceOpsSearchApp colgroup col:nth-child(2) { width: 280px; } /* line 1460, ../sass/widgets/table/_widget_table.scss */ .dataTableGridServiceOpsSearchApp colgroup col:nth-child(3) { width: 70px; } /* line 1463, ../sass/widgets/table/_widget_table.scss */ .dataTableGridServiceOpsSearchApp colgroup col:nth-child(4) { width: 140px; } /* line 1466, ../sass/widgets/table/_widget_table.scss */ .dataTableGridServiceOpsSearchApp colgroup col:nth-child(5) { width: 140px; } /* line 1469, ../sass/widgets/table/_widget_table.scss */ .dataTableGridServiceOpsSearchApp colgroup col:nth-child(6) { width: 70px; } /* line 1478, ../sass/widgets/table/_widget_table.scss */ .searchFilterPanel { border-bottom: 1px solid #c7c7c7; padding: 0px 0px 5px 0px; padding: 0rem 0rem 0.5rem 0rem; } /* line 1488, ../sass/widgets/table/_widget_table.scss */ .summaryPanel ul li { border-right: 1px solid #e6e6e6; vertical-align: text-top; } /* line 1493, ../sass/widgets/table/_widget_table.scss */ .summaryPanel ul li h6 { font-size: 22px; font-size: 2.2rem; } /* line 1497, ../sass/widgets/table/_widget_table.scss */ .summaryPanel ul.summaryPanelList { padding-top: 2rem; padding-bottom: 2rem; } /* line 1500, ../sass/widgets/table/_widget_table.scss */ .summaryPanel ul li:last-Child { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; border: none; text-align: left; } /* line 1508, ../sass/widgets/table/_widget_table.scss */ .summaryPanel .title { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; line-height: 15px; line-height: 1.5rem; } /* line 1514, ../sass/widgets/table/_widget_table.scss */ .summaryPanel .summeryPanelHeader { font-size: 30px; font-size: 3rem; letter-spacing: -0.1rem; } /* line 1520, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleOne ul li { width: 210px; } /* line 1523, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleOne li:last-child { border-right: none; } /* line 1534, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleTwo ul li { width: 250px; } /* line 1536, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleTwo ul li:last-child { border-right: none; text-align: left; } /* line 1541, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleTwo ul li.longDesc { width: 280px; } /* line 1547, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree { height: 105px; margin-top: 3rem; margin-bottom: 6rem; border-top: 1px #c7c7c7 solid; border-bottom: 1px #c7c7c7 solid; } /* line 1552, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul { height: 105px; } /* line 1556, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul li { padding-top: 0.5rem; height: 103px; width: 180px; } /* line 1557, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul li.anchorBlock:hover { background-color: whitesmoke; } /* line 1560, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul li ul li:last-child { border-right: 1px #c7c7c7 solid; } /* line 1566, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul li .summeryQuickDisplay { padding-top: 0.8rem; padding-right: 0.5rem; padding-left: 2rem; } /* line 1569, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul li .summeryQuickDisplay em { padding-top: 2.7rem; } /* line 1574, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree ul li .summeryQuickDisplay .iconarrowright { padding-top: 0.5rem; } /* line 1579, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThree .autoWidth { width: auto; } /* line 1584, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleThreeMod1 { margin-top: 0rem; margin-bottom: 0rem; border: 0; } /* line 1588, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleFour ul li { width: 199px; } /* line 1592, ../sass/widgets/table/_widget_table.scss */ .summaryPanel .summaryPanelContent { margin-top: 0rem; margin-right: 0rem; margin-left: 2rem; } /* line 1595, ../sass/widgets/table/_widget_table.scss */ .summaryPanel .summaryPanelList li:first-child .summaryPanelContent { margin-top: 0rem; margin-left: 0rem; } /* line 1599, ../sass/widgets/table/_widget_table.scss */ .summaryPanel.summaryPanelStyleMarginOn { border-bottom: 1px solid #c7c7c7; margin-bottom: 2rem; } /* line 1605, ../sass/widgets/table/_widget_table.scss */ .todayPanel { padding: 18px 0px 18px 0px; padding: 1.8rem 0rem 1.8rem 0rem; margin: 0px 0px 30px 0px; margin: 0rem 0rem 3rem 0rem; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; background: whitesmoke; height: auto; } /* line 1613, ../sass/widgets/table/_widget_table.scss */ .todayPanel.todayPanelStyleOne { margin-bottom: 6rem; } /* line 1616, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc { padding-right: 1rem; line-height: 16px; line-height: 1.6rem; } /* line 1628, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li { padding: 0px 10px 0px 0px; padding: 0rem 1rem 0rem 0rem; margin: 0px 20px 0px 0px; margin: 0rem 2rem 0rem 0rem; border-right: 1px solid #c7c7c7; width: 170px; width: 17rem; min-height: 55px; text-align: left; vertical-align: text-top; } /* line 1638, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li:first-Child { width: 145px; width: 14.5rem; } /* line 1641, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li:last-Child { padding: 0px 0px 0px 0px; padding: 0rem 0rem 0rem 0rem; margin: 0px 0px 0px 0px; margin: 0rem 0rem 0rem 0rem; border: none; text-align: left; width: 165px; width: 16.5rem; } /* line 1648, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li.tdDescStyleThree { width: 220px; width: 22rem; min-height: inherit; } /* line 1651, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li.tdDescStyleThree:first-Child { width: 230px; width: 23rem; } /* line 1654, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li.tdDescStyleThree:last-Child { width: 220px; width: 22rem; } /* line 1658, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li.tdDescHeightSmall { min-height: 32px; } /* line 1661, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li .emphasis, .todayPanel ul.tdDesc li .dataTableInnerBoxFullMod2 .title, .dataTableInnerBoxFullMod2 .todayPanel ul.tdDesc li .title, .todayPanel ul.tdDesc li .formLabel, .todayPanel ul.tdDesc li .listContentWrap .title, .listContentWrap .todayPanel ul.tdDesc li .title, .todayPanel ul.tdDesc li .tdRatesRateTextItemNumber, .todayPanel ul.tdDesc li .tdRatesRateTextItemUnitA, .todayPanel ul.tdDesc li .tdRatesDescTextA, .todayPanel ul.tdDesc li .tdRatesDescTextB { font-size: 16px; font-size: 1.6rem; } /* line 1664, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li .title { text-transform: uppercase; font-size: 10px; font-size: 1rem; } /* line 1668, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc li .subTextTitle { font-size: 13px; font-size: 1.3rem; font-weight: normal; } /* line 1673, ../sass/widgets/table/_widget_table.scss */ .todayPanel ul.tdDesc h4 { font-size: 18px; font-size: 1.8rem; } /* line 1679, ../sass/widgets/table/_widget_table.scss */ .verticalAlignCell { display: table-cell; vertical-align: middle; } /* line 1686, ../sass/widgets/table/_widget_table.scss */ .dataTableTDMaturity tr th:first-child { padding: 15px 20px 15px 20px; padding: 1.5rem 2rem 1.5rem 2rem; } /* line 1689, ../sass/widgets/table/_widget_table.scss */ .dataTableTDMaturity .normalText, .dataTableTDMaturity .formLabelCheckBox.formLabelStyleTwo, .dataTableTDMaturity .formBlockContainerMod4 label .markOptional, .formBlockContainerMod4 label .dataTableTDMaturity .markOptional, .dataTableTDMaturity .formBlockContainerMod4 label.normalText, .formBlockContainerMod4 .dataTableTDMaturity label.normalText { font-weight: normal; } /* line 1692, ../sass/widgets/table/_widget_table.scss */ .dataTableTDMaturity .descriptionHeader { width: auto; } /* line 1695, ../sass/widgets/table/_widget_table.scss */ .dataTableTDMaturity .descriptionDuration { width: auto; } /* line 1706, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable colgroup col:nth-child(1) { width: 80px; } /* line 1709, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable colgroup col:nth-child(2) { width: 400px; } /* line 1712, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable colgroup col:nth-child(3) { width: 220px; } /* line 1715, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable colgroup col:nth-child(4) { width: 200px; } /* line 1719, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable .dataTableHeader { white-space: normal; vertical-align: top; } /* line 1723, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable h3.descriptionHeader { width: auto; } /* line 1726, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fourColListTable .ui-tooltip-content { font-weight: normal; } /* line 1732, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable colgroup col:nth-child(1) { width: 80px; } /* line 1735, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable colgroup col:nth-child(2) { width: 300px; } /* line 1738, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable colgroup col:nth-child(3) { width: 210px; } /* line 1741, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable colgroup col:nth-child(4) { width: 170px; } /* line 1744, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable colgroup col:nth-child(5) { width: 140px; } /* line 1748, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable .dataTableHeader { white-space: normal; vertical-align: top; } /* line 1752, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable h3.descriptionHeader { width: auto; } /* line 1755, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.fiveColListTable .ui-tooltip-content { font-weight: normal; } /* line 1761, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable colgroup col:nth-child(1) { width: 80px; } /* line 1764, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable colgroup col:nth-child(2) { width: 250px; } /* line 1767, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable colgroup col:nth-child(3) { width: 150px; } /* line 1770, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable colgroup col:nth-child(4) { width: 160px; } /* line 1773, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable colgroup col:nth-child(5) { width: 130px; } /* line 1776, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable colgroup col:nth-child(6) { width: 130px; } /* line 1780, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable .dataTableHeader { white-space: normal; vertical-align: top; } /* line 1784, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable h3.descriptionHeader { width: auto; } /* line 1787, ../sass/widgets/table/_widget_table.scss */ .tableContainer .dataTable.sixColListTable .ui-tooltip-content { font-weight: normal; } /* line 1793, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer { margin: 40px 20px 40px 20px; margin: 4rem 2rem 4rem 2rem; } /* line 1796, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable { width: 100%; } /* line 1798, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableHeaderRow { border-top: 1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; } /* line 1801, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableHeaderRow .dataTableHeader { padding: 10px 20px 10px 0px; padding: 1rem 2rem 1rem 0rem; } /* line 1805, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableDataRow { border-bottom: 1px dotted #c7c7c7; } /* line 1806, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableDataRow .dataTableCell { height: 60px; height: 6rem; } /* line 1813, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer { margin: 40px 20px 40px 20px; margin: 4rem 2rem 4rem 2rem; } /* line 1816, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable { width: 100%; } /* line 1818, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableHeaderRow { border-top: 1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; } /* line 1821, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableHeaderRow .dataTableHeader { padding: 10px 20px 10px 0px; padding: 1rem 2rem 1rem 0rem; } /* line 1825, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableDataRow { border-bottom: 1px dotted #c7c7c7; } /* line 1826, ../sass/widgets/table/_widget_table.scss */ .innerTableContainer .innerTable .innerTableDataRow .dataTableCell { height: 60px; height: 6rem; } /* line 1835, ../sass/widgets/table/_widget_table.scss */ .dataTableScroll { overflow-y: scroll; height: 145px; } /* line 1839, ../sass/widgets/table/_widget_table.scss */ .dataTableScroll .dataTable { border-right: 0; } /* line 1843, ../sass/widgets/table/_widget_table.scss */ .dataTableScroll .dataTableRow:first-child { border-top: 0; } /* line 1848, ../sass/widgets/table/_widget_table.scss */ .captionLower { text-transform: lowercase; } /* line 1854, ../sass/widgets/table/_widget_table.scss */ .dataTableCellIconRows .dataTableCell { vertical-align: middle; height: 60px; line-height: normal; padding: 5px 10px 5px 0px; padding: 0.5rem 1rem 0.5rem 0rem; } /* line 1859, ../sass/widgets/table/_widget_table.scss */ .dataTableCellIconRows .dataTableCell:first-child { padding: 5px 10px 5px 20px; padding: 0.5rem 1rem 0.5rem 2rem; } /* line 1866, ../sass/widgets/table/_widget_table.scss */ .dataTableModalHeader { padding: 15px 25px 15px 0px; padding: 1.5rem 2.5rem 1.5rem 0rem; } /* ##Arc Wizard Full

      100%

      Complete
      ##Arc Wizard 3 Quarter

      75%

      Complete
      ##Arc Wizard Half

      50%

      Complete
      ##Arc Wizard Quarter

      25%

      Complete
      */ /* line 62, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper, #sfc-container .arcWrapper .arcBg, #sfc-container .arcWrapper ul, #sfc-container .arcWrapper li, #sfc-container .arcWrapper p { width: 166px; height: 166px; } /* line 71, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper { position: absolute; top: 23px; left: 650px; margin: 0px; } /* line 79, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .arcBg { -webkit-border-radius: 15rem; -moz-border-radius: 15rem; border-radius: 15rem; position: absolute; top: 0px; left: 0px; background: #c7c7c7; } /* line 87, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .arcMask { width: 155px; height: 155px; -webkit-border-radius: 15rem; -moz-border-radius: 15rem; border-radius: 15rem; background: white; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; z-index: 10; } /* line 100, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } /* line 109, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul *:nth-child(2n) { clip: rect(0px, 83px, 166px, 0px); } /* line 113, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul *:nth-child(2n+1) { clip: rect(0px, 166px, 166px, 83px); } /* line 118, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper li { margin: 0; padding: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } /* line 126, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper p { margin: 0; padding: 0; } /* line 132, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper span { height: 166px; width: 83px; } /* line 139, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul *:nth-child(1) p { transform: rotate(180deg); } /* line 143, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul *:nth-child(2) p { transform: rotate(90deg); } /* line 148, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul *:nth-child(3) p { transform: rotate(45deg); } /* line 152, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper ul *:nth-child(4) p { transform: rotate(25deg); } /* line 158, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .styleOne li span { background: #8f8f8f; } /* line 164, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .styleTwo li span { background: #454545; } /* line 169, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .styleThree li span { background: #e97300; } /* line 175, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .styleFour li span { background: #6ba33e; } /* line 182, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .chartLeft { border-bottom-left-radius: 15rem; border-top-left-radius: 15rem; } /* line 188, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .chartRight { border-bottom-right-radius: 15rem; border-top-right-radius: 15rem; margin-left: 83px; } /* line 195, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .arcLabel { position: absolute; top: 50%; left: 50%; margin: -65px 0px 0px -65px; margin: -6.5rem 0rem 0rem -6.5rem; width: 130px; height: 130px; z-index: 200; } /* line 204, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .arcLabel input { font-size: 40px; font-size: 4rem; font-family: Arial; line-height: 40px; line-height: 4rem; border: none; background: none; text-align: center; width: 130px; padding: 30px 0px 0px 0px; padding: 3rem 0rem 0rem 0rem; } /* line 217, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .arcLabel hr { width: 20px; } /* line 220, ../sass/widgets/wizard/_wizard.scss */ #sfc-container .arcWrapper .arcLabel em { font-size: 10px!important; font-size: 1rem!important; color: #8f8f8f; text-transform: uppercase; text-align: center; font-style: normal; } /* line 237, ../sass/widgets/wizard/_wizard.scss */ #sfc-container #sfc-container .arcWrapper ul.styleThree + .arcLabel input { color: #e97300; } /* line 241, ../sass/widgets/wizard/_wizard.scss */ #sfc-container #sfc-container .arcWrapper ul.styleFour + .arcLabel input { color: #6ba33e; } /*## Expand View */ /* line 12, ../sass/widgets/accordion/_widget_accordion.scss */ .expandViewContainer { position: relative; width: 100%; margin: 5px 0px 0px 5px; margin: 0.5rem 0rem 0rem 0.5rem; } /* line 20, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedViewStyle1, .expandedViewContainerStyle1 { min-height: 440px; /*height:440px;*/ height: auto; } /* line 26, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedViewStyle2, .expandedViewContainerStyle2 { min-height: 350px; /*height:350px;*/ height: auto; } /* line 33, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedViewStyle3, .expandedViewContainerStyle3 { min-height: 550px; /*height:550px;*/ height: auto; } /* line 41, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedViewFull { border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; width: 100%; background: #f4f4f4; position: absolute; left: 0px; padding-left: 80px; } /* line 55, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedViewPaymentLimitIncrease { margin-top: 25px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 60, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedViewFull { left: 0px; } } /* line 66, ../sass/widgets/accordion/_widget_accordion.scss */ .expandedContent { margin: 40px 0px 20px 60px; margin: 4rem 0rem 2rem 6rem; width: 870px; } /* ## Webkithacks */ @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 12, ../sass/browsers/_webkit.scss */ .optionalField .formFieldMessageError { margin: -11px 0px 0px 0px; margin: -1.1rem 0rem 0rem 0rem; } /* line 18, ../sass/browsers/_webkit.scss */ .noticeBox .noticeBoxTextSmallBox { width: 79%; } /* line 30, ../sass/browsers/_webkit.scss */ .contentDialog.helpBubble.helpBubblePosStyleOne .expandArrow { position: absolute; top: 7.1rem; left: 0.9rem; } /* line 42, ../sass/browsers/_webkit.scss */ .helpToolBox.helpToolBoxPos1 { position: absolute; top: -13px; left: 235px; } /* line 45, ../sass/browsers/_webkit.scss */ .helpToolBox.helpToolBoxPos2 { position: absolute; top: -22px; left: 235px; } /* line 48, ../sass/browsers/_webkit.scss */ .helpToolBox.helpToolBoxPos3 { position: absolute; top: -22px; left: 235px; } /* line 51, ../sass/browsers/_webkit.scss */ .helpToolBox.helpToolBoxPos5 { position: absolute; top: -8px; left: 323px; } /* line 59, ../sass/browsers/_webkit.scss */ .iconLinkLabel { margin: -4px 0px 0px 5px; margin: -0.4rem 0rem 0rem 0.5rem; } /* line 65, ../sass/browsers/_webkit.scss */ .stageInsetBridge em { font-size: 21px; font-size: 2.1rem; position: absolute; top: -8px; right: -1px; } /* line 73, ../sass/browsers/_webkit.scss */ .dataExpandCell a { margin-top: -0.1rem; margin-right: 0rem; margin-bottom: 0rem; margin-left: 0rem; } /* line 80, ../sass/browsers/_webkit.scss */ .formTextInput[type=password], [type=password].dk_input, .dk_input[type=password] { padding: 10px 5px 10px 17px; padding: 1rem 0.5rem 1rem 1.7rem; } } /* ## Variables */ /* ## Copy right Logo */ /* line 14, ../sass/badge/_badge.scss */ .utilCopyright { width: auto; width: 45px; width: 4.5rem; height: 185px; height: 18.5rem; position: relative; bottom: 36px; left: -100px; z-index: 5; position: absolute; margin-left: 2.3rem; background-image: url("../images/brand-sprite.png"); } /* ##Brand Logos */ /* line 30, ../sass/badge/_badge.scss */ .bankofmelbourne, .bank-of-melbourne, .bankofsa, .st.george, .stgeorge, .Westpac, .westpac, .bt { height: 50px; width: 56px; overflow: hidden; text-indent: -9000px; margin: 0px 0px 15px 0px; margin: 0rem 0rem 1.5rem 0rem; } /* line 41, ../sass/badge/_badge.scss */ .bankofmelbourne, .bank-of-melbourne { background: url("../images/brands-sprite.gif") -4px 5px; } /* line 46, ../sass/badge/_badge.scss */ .bankofsa { background: url("../images/brands-sprite.gif") -2px -180px; } /* line 51, ../sass/badge/_badge.scss */ .st.george, .stgeorge { background: url("../images/brands-sprite.gif") -2px -60px; } /* line 56, ../sass/badge/_badge.scss */ .Westpac, .westpac { background: url("../images/brands-sprite.gif") 2px -313px; } /* line 61, ../sass/badge/_badge.scss */ .bt { background: url("../images/brands-sprite.gif") -2px -258px; } /* line 68, ../sass/badge/_badge.scss */ .smallBrandLogo { overflow: hidden; text-indent: -9000px; margin: 0px 20px 0px 20px; margin: 0rem 2rem 0rem 2rem; background: url("../images/brands-sprite.gif") -2px -257px; width: 60px; width: 6rem; height: 40px; height: 4rem; } /* Added for service ops document library*/ .grayBack{ background: #E6E5E5; } .dialog{ border:1px solid #C7C3C3; padding:10px; left: 50%; top: 50%; border-radius: 10px; background:#F9F8F8; position:fixed; z-index: 100; display:none; height: 480px; margin-top: -250px; width: 700px; margin-left: -300px; } .modal-body{ padding: 40px/2; height: 380px; width: 650px; } .modal-header{ border-bottom: #CAC5C5 solid 1px; } .modal-footer{ border-top: #CAC5C5 solid 1px; text-align: right; } .modal-header,.modal-footer{ padding: 40px/4 40px/2; } .disableLayer{ background: #000; opacity:0.6; position: fixed; width: 100%; height: 100%; top:0; left:0; display:none; } .btn-close{ color: #aaa; font-size: 30px; text-decoration: none; position: absolute; right: 5px; top: 0; &:hover{ color: darken(#aaa, 10%); } } .modal-dialog{ background: #fefefe; border: #333 solid 1px; border-radius: 5px; margin-left: -200px; position: fixed; left: 50%; top: -100%; z-index: 11; width: 360px; .translate(0, -500%); .transition-transform(~"0.3s ease-out"); } .doc-wrapper { background-color: #f4f4f4; border: 1px solid #d9d9d9; padding: 35px; } .document-info { max-width: 265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .documentbar-info { max-width: 100%; } .disable-dropdown{ opacity:0.4; pointer-events: none; cursor: default; } .ajax_overlay {} .ajax_loader {background: url("../images/spinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;} ul.tabs { list-style-type: none; margin: 0; padding: 0; } ul.tabs li { border: #2c2a29 solid 1px; height: 4rem; text-align: center; display: table-cell; vertical-align: middle; border-bottom: none; float: left; margin: 0 .25em 0 0; padding: .25em .5em; padding: 1rem 3rem 0rem 3rem; background:#F3F2F1; } ul.tabs li:hover { background: #B8B9B9; text-decoration: none; } ul.tabs li a { color: #2c2a29; font-weight: bold; text-decoration: none; } ul.tabs li.active { background: #B8B9B9; text-decoration: none; } ul.tabs li.active a { color: #2c2a29; text-decoration: none; } .clr { clear: both; } table .jq-gcmSvcLstHead { padding: 10px; border-bottom: solid 1px grey; background-color:#efefef; } .topMenu .topMenuMenuItemSubWide { width: 13rem; padding-left: 11px; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } .inactiveLink { pointer-events: none; cursor: default; color: grey; } #siloMovementResponse table { font-family: arial, sans-serif; border-collapse: collapse; width: 50%; } #siloMovementResponse td,th { border: 1px solid #dddddd; text-align: center; padding: 10px; vertical-align: middle; } #siloMovementResponse th { background-color: #dddddd; padding: 11px; } #service258, #service324, #service325, #service336, #service256_CRT, #service256_END{ margin:0 auto; width:17px; height:17px; } .loader { border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; width: 100px; height: 100px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }