/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, .heading-one, h2, .heading-two, h3, .heading-three, h4, .heading-four, h5, .heading-five, h6, .heading-six, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  line-height: 1; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, .heading-one, h2, .heading-two, h3, .heading-three, h4, .heading-four, h5, .heading-five, h6, .heading-six, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  line-height: 1; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.white {
  color: white; }

.charcoal {
  color: #2c2a29; }

.black {
  color: black; }

.black73 {
  color: #454545; }

.black67 {
  color: #545454; }

.alpha56, .black56 {
  color: #707070; }

.alpha42, .black42 {
  color: #949494; }

.black27 {
  color: #bababa; }

.black22 {
  color: #c7c7c7; }

.black15 {
  color: #d9d9d9; }

.black10 {
  color: #e5e5e5; }

.black5 {
  color: #f2f2f2; }

.black4 {
  color: whitesmoke; }

.black2 {
  color: #fafafa; }

.beta100, .BTBlue {
  color: #0095c8; }

.BTBlue90 {
  color: #039fd4; }

.BTBlue07 {
  color: #edf7fb; }

.sky {
  color: #92c6d9; }

.sky18 {
  color: #ebf4f8; }

.plum {
  color: #694e5f; }

.plum34 {
  color: #ccc2c8; }

.plum20 {
  color: #e1dbdf; }

.plum10 {
  color: #f0edef; }

.lavender {
  color: #ad93a4; }

.lavender7 {
  color: #f9f7f9; }

.success, .green {
  color: #6ba33e; }

.green50 {
  color: #b5d19e; }

.green7 {
  color: #f5f9f1; }

.pending, .primary, .eta100, .amber {
  color: #e97300; }

.warning, .red {
  color: #e62615; }

.alpha67 {
  color: #545454; }

.alpha42 {
  color: #949494; }

.float-left, .grid.fluid .columns-1, .float-left, .grid.is-fluid .columns-1, .float-left, .grid.fluid .columns-2, .float-left, .grid.is-fluid .columns-2, .float-left, .grid.fluid .columns-3, .float-left, .grid.is-fluid .columns-3, .float-left, .grid.fluid .columns-4, .float-left, .grid.is-fluid .columns-4, .float-left, .grid.fluid .columns-5, .float-left, .grid.is-fluid .columns-5, .float-left, .grid.fluid .columns-6, .float-left, .grid.is-fluid .columns-6, .float-left, .grid.fluid .columns-7, .float-left, .grid.is-fluid .columns-7, .float-left, .grid.fluid .columns-8, .float-left, .grid.is-fluid .columns-8, .float-left, .grid.fluid .columns-9, .float-left, .grid.is-fluid .columns-9, .float-left, .grid.fluid .columns-10, .float-left, .grid.is-fluid .columns-10, .float-left, .grid.fluid .columns-11, .float-left, .grid.is-fluid .columns-11, .float-left, .grid.fluid .columns-12, .float-left, .grid.is-fluid .columns-12, .float-left, .grid.fluid .columns-13, .float-left, .grid.is-fluid .columns-13, .float-left, .grid.fluid .columns-14, .float-left, .grid.is-fluid .columns-14, .float-left, .grid.fluid .columns-15, .float-left, .grid.is-fluid .columns-15, .float-left, .grid.fluid .columns-16, .float-left, .grid.is-fluid .columns-16, .float-left, .grid.fluid .columns-17, .float-left, .grid.is-fluid .columns-17, .float-left, .grid.fluid .columns-18, .float-left, .grid.is-fluid .columns-18, .float-left, .grid.fluid .columns-19, .float-left, .grid.is-fluid .columns-19, .float-left, .grid.fluid .columns-20, .float-left, .grid.is-fluid .columns-20, .float-left, .grid.fluid .columns-21, .float-left, .grid.is-fluid .columns-21, .float-left, .grid.fluid .columns-22, .float-left, .grid.is-fluid .columns-22, .float-left, .grid.fluid .columns-23, .float-left, .grid.is-fluid .columns-23, .float-left, .grid.fluid .columns-24, .float-left, .grid.is-fluid .columns-24, .float-left, .grid.fluid .columns-25, .float-left, .grid.is-fluid .columns-25, .float-left, .grid.fluid .columns-26, .float-left, .grid.is-fluid .columns-26, .float-left, .grid.fluid .columns-27, .float-left, .grid.is-fluid .columns-27, .float-left, .grid.fluid .columns-28, .float-left, .grid.is-fluid .columns-28, .float-left, .grid.fluid .columns-29, .float-left, .grid.is-fluid .columns-29, .float-left, .grid.fluid .columns-30, .float-left, .grid.is-fluid .columns-30, .float-left, .grid.fluid .columns-31, .float-left, .grid.is-fluid .columns-31, .float-left, .grid.fluid .columns-32, .float-left, .grid.is-fluid .columns-32, .float-left, .grid.fluid .columns-33, .float-left, .grid.is-fluid .columns-33, .float-left, .grid.fluid .columns-34, .float-left, .grid.is-fluid .columns-34, .float-left, .grid.fluid .columns-35, .float-left, .grid.is-fluid .columns-35, .float-left, .grid.fluid .columns-36, .float-left, .grid.is-fluid .columns-36, .float-left, .grid.fluid .columns-37, .float-left, .grid.is-fluid .columns-37, .float-left, .grid.fluid .columns-38, .float-left, .grid.is-fluid .columns-38, .float-left, .grid.fluid .columns-39, .float-left, .grid.is-fluid .columns-39, .float-left, .grid.fluid .columns-40, .float-left, .grid.is-fluid .columns-40, .float-left, .grid.fluid .columns-41, .float-left, .grid.is-fluid .columns-41, .float-left, .grid.fluid .columns-42, .float-left, .grid.is-fluid .columns-42, .float-left, .grid.fluid .alpha-layout, .float-left, .grid.is-fluid .alpha-layout, .float-left, .grid.fluid .beta-layout, .float-left, .grid.is-fluid .beta-layout, .float-left, .grid.fluid .gamma-layout, .float-left, .grid.is-fluid .gamma-layout, .float-left, .grid.fluid .delta-layout, .float-left, .grid.is-fluid .delta-layout, .float-left, .grid .columns-1, .float-left, .grid .columns-2, .float-left, .grid .columns-3, .float-left, .grid .columns-4, .float-left, .grid .columns-5, .float-left, .grid .columns-6, .float-left, .grid .columns-7, .float-left, .grid .columns-8, .float-left, .grid .columns-9, .float-left, .grid .columns-10, .float-left, .grid .columns-11, .float-left, .grid .columns-12, .float-left, .grid .columns-13, .float-left, .grid .columns-14, .float-left, .grid .columns-15, .float-left, .grid .columns-16, .float-left, .grid .columns-17, .float-left, .grid .columns-18, .float-left, .grid .columns-19, .float-left, .grid .columns-20, .float-left, .grid .columns-21, .float-left, .grid .columns-22, .float-left, .grid .columns-23, .float-left, .grid .columns-24, .float-left, .grid .columns-25, .float-left, .grid .columns-26, .float-left, .grid .columns-27, .float-left, .grid .columns-28, .float-left, .grid .columns-29, .float-left, .grid .columns-30, .float-left, .grid .columns-31, .float-left, .grid .columns-32, .float-left, .grid .columns-33, .float-left, .grid .columns-34, .float-left, .grid .columns-35, .float-left, .grid .columns-36, .float-left, .grid .columns-37, .float-left, .grid .columns-38, .float-left, .grid .columns-39, .float-left, .grid .columns-40, .float-left, .grid .columns-41, .float-left, .layout-util-bar li .layout-flyout-menu .column, .float-left, .footer-links .column, .float-left, .products-news-panel .column, .float-left, .account-bar-detail .account-bar-detail-content .grid .column, .float-left, .account-from p, .float-left, .account-to p, .float-left, .transfer-status, .float-left, .feedback-confirmation-summary .complaint-status dt, .float-left, .feedback-confirmation-summary .complaint-status dd, .float-left, .order-pad-actions-container, .float-left, .tooltip-wrapper .header-statement, .float-left, .switch > a, .float-left, .switch.trading-switch, .float-left, .toggle-view-options a, .float-left, .form-element.inline-block, .float-left, .tooltip-wrapper [data-view-component=forminputtext], .float-left, .tooltip-wrapper [data-view-component=forminputselect], .float-left, [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:nth-child(n), .float-left, [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:nth-child(n), .float-left, .search-criteria-element > .grid > div:nth-child(n), .float-left, .search-criteria-element > .grid > div:last-child, .float-left, .search-criteria-element .date-select-element .btn-toggle-date-overlay, .float-left, .search-criteria-element .date-select-element .date-arrow, .float-left, .search-criteria-element .text-input-date, .float-left, .dropdown-menu > ul > li .logo, .float-left, .mvc-ip .mvc-order .mvc-orderpad .asset-summary li:last-child h6, .float-left, .asset-allocation-breakdown .grid > div:nth-child(1), .float-left, .asset-allocation-breakdown .grid > div:nth-child(2), .float-left, .portfolio-breakdown > div:nth-child(n), .float-left, .bar-graph .chart-segment, .float-left, .def-list-style-1 dd, .float-left, .def-list-style-2 dd, .float-left, dl dt, .float-left, dl dd, .float-left, .grid-borders > div:nth-child(n), .float-left, .account-from p, .float-left, .account-to p, .float-left, .transfer-status, .float-left, .btn-toggle-table-row, .float-left, .filter-summary td .form-element-wrapper, .float-left, .filter-row td .filter-options .col:nth-child(1), .float-left, .filter-row td .filter-options .col:nth-child(2), .float-left, .filter-row td .filter-column, .float-left, .max-results-row > td > div.view-messagealert, .float-left, .trading-row > td .trading-row-content .col-a, .float-left, .trading-row > td .trading-row-content .expanded-content .trading-table-nested, .float-left, .trading-row > td .trading-row-content .buy-fee .select-box-element, .float-left, .btn-toggle-table-row, .float-left, .filter-row td .filter-options .col:nth-child(1), .float-left, .filter-row td .filter-options .col:nth-child(2), .float-left, .filter-row td .filter-column, .float-left, .max-results-row > td > div.view-messagealert, .float-left, .trading-row > td .trading-row-content .col-a, .float-left, .trading-row > td .trading-row-content .expanded-content .trading-table-nested, .float-left, .trading-row > td .trading-row-content .buy-fee .select-box-element, .float-left, .snapshot .grid > div:nth-child(n) {
  float: left; }

.float-right, .panel-tools li .menu-item a .icon-notification-pending, .float-right, .account-bar .account-notification, .float-right, .menu-item > a > .icon, .float-right, .page-tools, .float-right, .btn-edit, .float-right, .tool-locked-container, .float-right, .icons-form-aligned, .float-right, .tooltip-text .figure, .float-right, .info-tooltip .data-summary li span, .float-right, .label .label-optional, .float-right, .optional, .float-right, .search-select-element + .icon, .float-right, .search-menu > ul > li .label, .float-right, .search-menu > ul > li .account-number, .float-right, .resultStar .icon-rating-star-full, .float-right, .dropdown-menu > ul > li .icons, .float-right, .dropdown-menu > ul > li .icon, .float-right, .dropdown-menu > ul > li .label, .float-right, .dropdown-menu > ul > li .account-number, .float-right, .dropdown-menu > ul > li .holding-value, .float-right, .dropdown-menu > ul > li .rate, .float-right, .field-radio-group .radio-group, .float-right, .mvc-ip .mvc-order .mvc-orderpad .asset-summary li:last-child span, .float-right, .def-list-style-1 h3 [data-view-component="button"], .float-right, .def-list-style-1 dt span[data-view-component="button"], .float-right, .filter-summary td .filter-pagination-label, .float-right, .max-results-row > td > div[data-view-component=button], .float-right, .trading-row > td .trading-row-content .col-b, .float-right, .trading-row > td .trading-row-content .expanded-content .document-links, .float-right, .trading-row > td .trading-row-content .row-tools > *, .float-right, .toolCell, .float-right, .filter-summary td .filter-pagination-label, .float-right, .max-results-row > td > div[data-view-component=button], .float-right, .trading-row > td .trading-row-content .col-b, .float-right, .trading-row > td .trading-row-content .expanded-content .document-links, .float-right, .trading-row > td .trading-row-content .row-tools > *, .float-right, .toolCell, .float-right, .tool-group-cell, .float-right, .snapshot dl dd, .float-right, [data-view-component=snapshot] .snapshot-container .snapshot.float-right {
  float: right; }

.float-none, .tool-group-cell ol li {
  float: none; }

.component {
  padding: 20px 20px; }

.position-relative {
  position: relative; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right !important; }

.align-centre {
  text-align: center; }

.no-visibility {
  visibility: hidden; }



.text-overflow, .assetname-display, .grid.fluid .columns-1, .grid.is-fluid .columns-1, .grid.fluid .columns-2, .grid.is-fluid .columns-2, .grid.fluid .columns-3, .grid.is-fluid .columns-3, .grid.fluid .columns-4, .grid.is-fluid .columns-4, .grid.fluid .columns-5, .grid.is-fluid .columns-5, .grid.fluid .columns-6, .grid.is-fluid .columns-6, .grid.fluid .columns-7, .grid.is-fluid .columns-7, .grid.fluid .columns-8, .grid.is-fluid .columns-8, .grid.fluid .columns-9, .grid.is-fluid .columns-9, .grid.fluid .columns-10, .grid.is-fluid .columns-10, .grid.fluid .columns-11, .grid.is-fluid .columns-11, .grid.fluid .columns-12, .grid.is-fluid .columns-12, .grid.fluid .columns-13, .grid.is-fluid .columns-13, .grid.fluid .columns-14, .grid.is-fluid .columns-14, .grid.fluid .columns-15, .grid.is-fluid .columns-15, .grid.fluid .columns-16, .grid.is-fluid .columns-16, .grid.fluid .columns-17, .grid.is-fluid .columns-17, .grid.fluid .columns-18, .grid.is-fluid .columns-18, .grid.fluid .columns-19, .grid.is-fluid .columns-19, .grid.fluid .columns-20, .grid.is-fluid .columns-20, .grid.fluid .columns-21, .grid.is-fluid .columns-21, .grid.fluid .columns-22, .grid.is-fluid .columns-22, .grid.fluid .columns-23, .grid.is-fluid .columns-23, .grid.fluid .columns-24, .grid.is-fluid .columns-24, .grid.fluid .columns-25, .grid.is-fluid .columns-25, .grid.fluid .columns-26, .grid.is-fluid .columns-26, .grid.fluid .columns-27, .grid.is-fluid .columns-27, .grid.fluid .columns-28, .grid.is-fluid .columns-28, .grid.fluid .columns-29, .grid.is-fluid .columns-29, .grid.fluid .columns-30, .grid.is-fluid .columns-30, .grid.fluid .columns-31, .grid.is-fluid .columns-31, .grid.fluid .columns-32, .grid.is-fluid .columns-32, .grid.fluid .columns-33, .grid.is-fluid .columns-33, .grid.fluid .columns-34, .grid.is-fluid .columns-34, .grid.fluid .columns-35, .grid.is-fluid .columns-35, .grid.fluid .columns-36, .grid.is-fluid .columns-36, .grid.fluid .columns-37, .grid.is-fluid .columns-37, .grid.fluid .columns-38, .grid.is-fluid .columns-38, .grid.fluid .columns-39, .grid.is-fluid .columns-39, .grid.fluid .columns-40, .grid.is-fluid .columns-40, .grid.fluid .columns-41, .grid.is-fluid .columns-41, .grid.fluid .columns-42, .grid.is-fluid .columns-42, .grid.fluid .alpha-layout, .grid.is-fluid .alpha-layout, .grid.fluid .beta-layout, .grid.is-fluid .beta-layout, .grid.fluid .gamma-layout, .grid.is-fluid .gamma-layout, .grid.fluid .delta-layout, .grid.is-fluid .delta-layout, .grid .columns-1, .grid .columns-2, .grid .columns-3, .grid .columns-4, .grid .columns-5, .grid .columns-6, .grid .columns-7, .grid .columns-8, .grid .columns-9, .grid .columns-10, .grid .columns-11, .grid .columns-12, .grid .columns-13, .grid .columns-14, .grid .columns-15, .grid .columns-16, .grid .columns-17, .grid .columns-18, .grid .columns-19, .grid .columns-20, .grid .columns-21, .grid .columns-22, .grid .columns-23, .grid .columns-24, .grid .columns-25, .grid .columns-26, .grid .columns-27, .grid .columns-28, .grid .columns-29, .grid .columns-30, .grid .columns-31, .grid .columns-32, .grid .columns-33, .grid .columns-34, .grid .columns-35, .grid .columns-36, .grid .columns-37, .grid .columns-38, .grid .columns-39, .grid .columns-40, .grid .columns-41, .products-news-panel .article-extract .article-info, .account-bar .handle, div[data-view-component], div[data-mvc-component], .completion-figure figcaption .percentage-value, .completion-figure figcaption .horizontal-divider, .points-figure figcaption .points-value, .points-figure figcaption .horizontal-divider, .transfer-status .circle, .transfer-status .from, .transfer-status .to, .chart-legend, .completion-figure figcaption .percentage-value, .completion-figure figcaption .horizontal-divider, .points-figure figcaption .points-value, .points-figure figcaption .horizontal-divider, .tool-menu.active, .menu-item small, .tab-navigation > li > a, .primary-brand-logo a img, .value-converter, .btn-tool .icon, .glyph .label, .glyph .unicode, .tooltip-text, .interactive-tooltip .interactive-tooltip-body.active, label, .label, .form-element, input[type=text], textarea, .select-box-element.compact .select-box .label, [data-view-component="inputradios"] .default li, .search-menu.active, .search-menu > ul > li .address, .search-input-container .search-input.active, .text-input-incrementer-container a, .dropdown-menu > ul > li .address, .compare-select.active, .autocomplete input, .response-message .icon-container > .icon, .spinnerDot, .mvc-ip .mvc-order .mvc-orderlist .trade-asset-table tbody tr, .mvc-ip .mvc-order .mvc-orderlist .trade-asset-table tbody tr td.full-width, .mvc-ip .mvc-order .mvc-orderlist .asset-message, .bar-graph .chart-segment, .bar-graph .value, .graph-legend-block > li, .form-field-divider, .fromToModule, .transfer-status .circle, .inline-scroll-wrapper, .inline-scroll-wrapper .inline-scroll-content, .inline-wrapper .inline-scroll-mask, .chart-legend, .train-stop-navigation .icon-wrapper, thead th > small, tbody td .data-group, .filter-summary td .form-element-wrapper, .trading-row > td .trading-row-content .row-amount .label, .order-summary-row .asset-name > .title, .order-summary-row .row-amount > .label, .reduce-type, thead th > small, tbody td .data-group, .filter-summary td .form-element-wrapper, .trading-row > td .trading-row-content .row-amount .label, .order-summary-row .asset-name > .title, .order-summary-row .row-amount > .label, .reduce-type, [data-view-component=snapshot] .snapshot-container .snapshot .heading, [data-view-component=snapshot] .snapshot-container .snapshot .description, [data-view-component=snapshot] .snapshot-container .snapshot .value, span.ui-datepicker-month, .ui-datepicker-group.ui-datepicker-group-first .ui-datepicker-calendar {
  display: block; }


.search-criteria-element > .grid > div:last-child, .response-message .icon-container-outer, .response-message .message, [data-view-component=snapshot] .snapshot-container .snapshot .cell {
  display: table-cell; }

.accordian-item, .accordian-summary-total, .section-footer, [data-view-component=snapshot] .snapshot-container .snapshot .inner {
  display: table; }

.inline-block, .account-bar .account-details, .inline-block, .account-bar-detail .account-bar-detail-content .summary-item-data-list .id, .inline-block, .account-bar-detail .account-bar-detail-content .summary-item-data-list .name-col, .inline-block, span[data-view-component], .inline-block, .btn-action-primary, .inline-block, .btn-action-primary .button-inner, .inline-block, button.btn-action-secondary, .inline-block, button.btn-action-secondary .button-inner, .inline-block, button.btn-action-secondary .button-inner .icon-wrapper, .inline-block, a.btn-action-secondary, .inline-block, a.btn-action-secondary .button-inner, .inline-block, a.btn-action-secondary .button-inner .icon-wrapper, .inline-block, .btn-action-tertiary, .inline-block, .btn-action-tertiary .label-content, .inline-block, .btn-action-tertiary .icon-wrapper, .inline-block, .switch, .inline-block, .switch > a, .inline-block, .convert-currency-percentage .btn-percentage, .inline-block, .convert-currency-percentage .btn-currency, .inline-block, .value-converter .value-btn, .inline-block, .btn-tool, .inline-block, .btn-edit, .inline-block, .tool-locked, .inline-block, .tool-value-toggle, .inline-block, .btn-more-results .label, .inline-block, .btn-more-results .icon-arrow-chevron-open, .inline-block, .btn-more-results .circle-clip, .inline-block, .btn-more-results.loading .loader, .inline-block, .btn-action-add-row, .inline-block, .btn-action-add-row .label-content, .inline-block, .toggle-view-options, .inline-block, .toggle-view-options a, .inline-block, .icon-primary-preferred, .inline-block, .icon-lable-group, .inline-block, .icon-lable-group .icon-element, .inline-block, .icon-lable-group .icon-label, .inline-block, .form-tooltip, .inline-block, label.inline, .inline-block, .img-sliding-scale, .inline-block, input[type=text].inline, .inline-block, input[type=search].inline, .inline-block, input[type=password].inline, .inline-block, .select-box-wrapper, .inline-block, [data-mvc-component="tableoptions"] .tabular-tools-row .tools .vertical-divider, .inline-block, [data-view-component="inputradios"] .horizontal li, .inline-block, .result-none .result-response span, .inline-block, .result-none .result-response p, .inline-block, .mvc-ip .mvc-order .mvc-orderlist .trade-asset-table tbody tr td span, .inline-block, .graph-legend-inline > li, .inline-block, .def-list-style-1 h3, .inline-block, .def-list-style-1 h3 [data-view-component="tooltip"], .inline-block, .def-list-style-1, .inline-block, .def-list-style-1 dt, .inline-block, .def-list-style-1 dd, .inline-block, .def-list-style-1 dt span:first-child, .inline-block, .def-list-style-1 dt [data-view-component="button"], .inline-block, .def-list-style-1 dd [data-view-component="icon"], .inline-block, .def-list-style-2, .inline-block, .def-list-style-2 dt, .inline-block, .def-list-style-2 dd, .inline-block, .inline-wrapper, .inline-block, .disclaimer label, .inline-block, .filter-summary td .filter-by-label, .inline-block, .data-header a, .inline-block, .filter-summary td .filter-by-label, .inline-block, .data-header a, .inline-block, .inline-filter-wrapper, .inline-block, .inline-filter-wrapper .inline-filter, .inline-block, .inline-filter-label, .inline-block, .data-table-default .input-wrap[data-symbol="$"]:before, .inline-block, .data-table-default .input-wrap[data-symbol="%"]:before, .inline-block, .inline-confirmation div, .inline-block, .inline-confirmation div h4, .inline-block, .tool-group-cell, .inline-block, .tool-group-cell ol, .inline-block, .tool-group-cell ol li, .inline-block, [data-view-component=snapshot] .snapshot-container .snapshot .data-wrapper, .inline-block, [data-view-component=snapshot] .snapshot-container.primary .icon-container, .inline-block, [data-view-component=snapshot] .snapshot-container.secondary .icon {
  display: inline-block;
  zoom: 1;
  *display: inline;
  *vertical-align: auto; }

.hidden, .btn-more-results.loading .icon-arrow-chevron-open {
  display: none; }

label.inline, .img-sliding-scale, input[type=text].inline, input[type=search].inline, input[type=password].inline, .response-message .message, .asset-status .icon, .filter-summary td .form-element-wrapper, .asset-status .icon, .filter-summary td .form-element-wrapper, [data-view-component=snapshot] .snapshot-container .snapshot .cell, [data-view-component=snapshot] .snapshot-container.primary .data-wrapper, [data-view-component=snapshot] .snapshot-container.secondary .icon, [data-view-component=snapshot] .snapshot-container.secondary .data-wrapper {
  vertical-align: middle; }

.emphasis, h1, .emphasis, h2, .emphasis, h3, .emphasis, h4, .emphasis, h5, .emphasis, h6, .emphasis, .heading-one, .emphasis, .heading-two, .emphasis, .heading-three, .emphasis, .heading-four, .emphasis, .heading-five, .emphasis, .heading-six, .emphasis, .heading-seven, .emphasis, .heading-eight, .emphasis, .heading-nine, .emphasis, .heading-ten, .emphasis, .heading-eleven, .emphasis, .heading-twelve, .emphasis, .sub-heading-two, .emphasis, .sub-heading-three, .emphasis, em, .emphasis, strong, .emphasis, .progress, .emphasis, .completed, .emphasis, .cancelled, .emphasis, .button-action-bar .button-label, .emphasis, .button-action-bar .view-button, .emphasis, .button-action-bar [data-view-component="button"], .emphasis, .products-news-panel .article-extract .article-info, .emphasis, .value-converter .value-btn > .label, .emphasis, .tooltip-text, .emphasis, .info-tooltip .data-summary li span, .emphasis, .label, .emphasis, .div-search ul li.title, .emphasis, .div-search ul li.error, .emphasis, .result-none .result-response, .emphasis, .def-list-style-1 dt, .emphasis, .def-list-style-2 dt, .emphasis, .heading-column-list dt, .emphasis, .disclaimer h1, .emphasis, .disclaimer h2, .emphasis, .disclaimer h3, .emphasis, thead th, .emphasis, .table-column-headers th, .emphasis, .table-column-data-value th, .emphasis, .strong-values td:first-child, .emphasis, .data-header, .emphasis, thead th, .emphasis, .table-column-headers th, .emphasis, .table-column-data-value th, .emphasis, .strong-values td:first-child, .emphasis, .data-header, .emphasis, .inline-filter-label, .emphasis, .inline-confirmation div h4, .emphasis, [data-view-component=snapshot] .snapshot-container.secondary .heading {
  font-weight: bold; }

.sub-heading-one, .alert-message .value, .optional, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="viewby"] label.label, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="sortby"] label.label, [data-view-component="forminputcheckbox"] label, [data-view-component="inputcheckbox"] label {
  font-weight: normal; }


.products-news-panel .article-extract .article-info {
  text-transform: uppercase; }

.cursor, .account-bar, .cursor, button.btn-action-secondary, .cursor, a.btn-action-secondary, .cursor, .switch > a > .icon, .cursor, .switch > a > .label, .cursor, .btn-tool, .cursor, .toggle-view-options a > .icon, .cursor, .toggle-view-options a > .label, .cursor, .tooltip-container, .cursor, .js-tooltip-toggle, .cursor, .info-tooltip .data-summary li, .cursor, button, .cursor, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="viewby"] label.label, .cursor, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="sortby"] label.label, .cursor, [data-view-component="forminputcheckbox"] label, .cursor, [data-view-component="inputcheckbox"] label, .cursor, .search-menu > ul > li, .cursor, .mvc-ip .mvc-order .mvc-orderlist .trade-asset-table tbody tr, .cursor, .accordian-item[role="button"], .cursor, .sub-heading-expandable, .cursor, .clickable-row, .cursor, .expandable-row, .cursor, .trading-row > td .trading-row-content .data-title, .cursor, .sub-heading-expandable, .cursor, .clickable-row, .cursor, .expandable-row, .cursor, .trading-row > td .trading-row-content .data-title, .cursor, .inline-filter-wrapper .inline-filter {
  cursor: pointer; }

.menu-item > .sub-header, .btn-action-primary.disabled, .btn-action-primary.final-action.disabled, button.btn-action-secondary.disabled, a.btn-action-secondary.disabled, .btn-action-tertiary.disabled, .switch .disabled, .switch .disabled .label, .btn-tool.disabled, .btn-action-add-row.disabled, [data-view-component="forminputcheckbox"].disabled label, [data-view-component="inputcheckbox"].disabled label, [data-view-component="forminputradios"].disabled label, [data-view-component="inputradios"].disabled label, .search-menu > ul > li.sub-heading, .dropdown-menu > ul > li.sub-heading, [data-view-component="forminputselect"].disabled .select-box > .btn-dropdown-toggle, [data-view-component="forminputselect"].disabled .select-box > .ui-inputselect-icon, [data-view-component="inputselect"].disabled .select-box > .btn-dropdown-toggle, [data-view-component="inputselect"].disabled .select-box > .ui-inputselect-icon, [data-view-component="forminputselect"].disabled .select-box, [data-view-component="inputselect"].disabled .select-box, [data-view-component="forminputdaterange"].disabled .search-criteria-element .btn-toggle-date-overlay, [data-view-component="forminputdate"].disabled .search-criteria-element .btn-toggle-date-overlay, [data-view-component="inputdaterange"].disabled .search-criteria-element .btn-toggle-date-overlay, [data-view-component="inputdate"].disabled .search-criteria-element .btn-toggle-date-overlay, .mvc-ip .mvc-order .mvc-orderlist .trade-asset-table tbody tr.disable-row:hover, .mvc-ip .mvc-order .mvc-orderpad .asset-search-form .text-input.hidden-input, .train-stop-navigation > li.incomplete a {
  cursor: default !important; }

/* Animate */
/*-webkit-transition-property: left;
  transition-property: right;*/
.cssAnimate {
  left: 0;
  -webkit-transition: left 0.25s ease-out;
  -moz-transition: left 0.25s ease-out;
  -ms-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
  /*-webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	transition: left 1s ease;  */ }

.cssAnimate-post {
  left: 90px; }

html {
  font-size: 62.5%; }

html, body {
  height: 100%; }

body {
  font-family: Helvetica, Arial, sans-serif;
  color: #545454;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 20px;
  background: transparent; }

.clear {
  clear: both;
  visibility: hidden;
  height: 0px;
  display: block; }

.clearFix:after {
  clear: both;
  content: ".";
  visibility: hidden;
  width: 100%;
  display: block;
  height: 0;
  line-height: 0; }

.clearFix {
  zoom: 1; }

.clearBoth {
  clear: both; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*
 *  Part of Tipped - The jQuery Tooltip
 *  http://projects.nickstakenburg.com/tipped
 *
 *  Documentation:
 *  http://projects.nickstakenburg.com/tipped/documentation/skins
 *
 *  IMPORTANT!:
 *  It's recommended to add CSS for custom skins in a separate file,
 *  that way this file can be updated without losing your own skins.
 */
/* Font styling for all skins */
.t_ContentContainer {
  color: white;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  padding: 10px;
  /*font-family: helvetica;*/ }

/* Skins with a different font color */
.t_Content_black, .t_Content_dark, .t_Content_gray {
  color: white; }

/* Styling links so they are visible no matter is defined on the page behind */
.t_ContentContainer a, .t_ContentContainer a:hover {
  color: #8e8e8e;
  text-decoration: none;
  background: none;
  border: 0; }

.t_ContentContainer a:hover {
  text-decoration: underline; }

/* Some skins need different link colors for visibility */
.t_Content_dark a, .t_Content_dark a:hover, .t_Content_black a, .t_Content_black a:hover {
  color: #cccccc; }

.t_Content_gray a, .t_Content_gray a:hover {
  color: #232323; }

/* RGB */
.t_Content_red, .t_Content_green, .t_Content_blue {
  color: #efefef;
  font-size: 11px;
  line-height: 17px;
  padding: 10px; }

.t_Content_red a, .t_Content_red a:hover, .t_Content_green a, .t_Content_green a:hover, .t_Content_blue a, .t_Content_blue a:hover {
  text-decoration: none;
  background: none;
  border: 0;
  color: #cccccc; }

.t_Content_red a:hover, .t_Content_green a:hover, .t_Content_blue a:hover {
  text-decoration: underline; }

/* tiny */
.t_Content_tiny {
  color: #efefef;
  font-size: 11px;
  line-height: 16px;
  padding: 6px 9px; }

.t_Content_tiny a, .t_Content_tiny a:hover {
  color: #b3b3b3;
  text-decoration: none;
  background: none;
  border: 0; }

/*
 * Layout (DON'T MODIFY BELOW!)
 */
.t_Tooltip {
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  background-color: transparent;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.t_Tooltip.t_hidden {
  opacity: 0; }

.t_Tooltip.t_visible {
  opacity: 1; }

.t_Skin {
  position: absolute;
  top: 0;
  left: 0; }

.t_Skin * {
  zoom: 1; }

/* IE7 */
.t_Bubble {
  position: relative; }

.t_Background, .t_Stem {
  position: absolute; }

.t_Close {
  position: absolute;
  cursor: pointer;
  top: 0; }

.t_CloseButtonShift {
  position: relative;
  overflow: hidden;
  float: left; }

.t_CloseState {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0; }

.t_Content {
  position: absolute;
  top: 0;
  left: 0; }

.t_iframeShim {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  zoom: 1;
  opacity: 0; }

/*
 * Shadow
 */
.t_Shadow {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }

.t_Shadow .t_ShadowInnerWrapper {
  position: relative;
  float: left;
  margin: 0;
  padding: 0; }

.t_ShadowBubble {
  position: relative;
  padding: 0;
  margin: 0;
  float: left; }

.t_ShadowBackground, .t_ShadowStem {
  position: absolute; }

.t_ShadowBackground *, .t_ShadowStem * {
  float: left; }

.t_CloseButtonShadow {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }

.t_UpdateQueue {
  position: absolute;
  top: -15000px;
  left: -15000px;
  width: 5000px;
  height: 5000px;
  visibility: hidden; }

.t_UpdateQueue .t_Tooltip, .t_UpdateQueue .t_Content {
  position: relative;
  overflow: visible;
  float: left;
  top: auto;
  left: auto;
  width: 100%; }

.t_Tooltip .t_ContentContainer {
  float: left;
  clear: both;
  position: relative; }

.t_UpdateQueue .t_ContentContainer {
  position: absolute;
  top: 0;
  left: 0; }

h1, .heading-one, h2, .heading-two, h3, .heading-three, h4, .heading-four, h5, .heading-five, h6, .heading-six {
  margin: 0px 0px 20px 0px; }

h1, .heading-one {
  font-size: 40px;
  line-height: 40px; }

h2, .heading-two {
  font-size: 35px; }

h3, .heading-three {
  font-size: 30px;
  line-height: 30px; }

h4, .heading-four {
  font-size: 25px;
  line-height: 25px; }

h5, .heading-five {
  font-size: 20px;
  line-height: 20px; }

h6, .heading-six {
  font-size: 18px;
  line-height: 18px; }




.sub-heading-one {
  margin: 0px 0px 20px 0px; }

.heading-one, .heading-two, .heading-three, .page-statement, .heading-four, .heading-five, .order-summary-totals caption, .order-summary-totals caption, .heading-six, .heading-seven, .heading-eight, .heading-nine, .heading-ten, .heading-eleven, .heading-twelve {
  padding: 0; }

.heading-one {
  letter-spacing: -0.03em;
  line-height: 40px; }

.heading-two {
  line-height: 40px; }

.heading-three, .page-statement {
  line-height: 35px; }

.heading-four {
  line-height: 35px;
  margin-bottom: 20px; }

.heading-five, .order-summary-totals caption, .order-summary-totals caption {
  line-height: 25px; }

.heading-six {
  margin: 0px 0px 20px 0px; }

.heading-seven {
  font-size: 16px;
  padding: 0px 0px 0px 0px; }

.heading-eight {
  font-size: 14px;
  line-height: 20px;
  margin: 0px 0px 20px 0px; }

.heading-nine {
  font-size: 14px; }

.heading-ten {
  font-size: 14px; }

.heading-eleven {
  font-size: 14px; }

.heading-twelve {
  font-size: 14px; }

.sub-heading-one {
  font-size: 20px;
  line-height: 25px;
  color: #707070; }

.sub-heading-two {
  color: #0095c8;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase; }

.sub-heading-three {
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase; }


p {
  line-height: 20px; }

a {
  color: #545454; }
  a:link, a:hover, a:active, a:visited {
    text-decoration: none; }


.deemphasis {
  font-weight: normal !important;
  color: #949494; }

i {
  font-style: italic !important; }

.tool-help {
  vertical-align: middle; }

.warning {
  color: #949494; }

.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 66%;
  word-wrap: normal; }

.assetname-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 660px;
  white-space: nowrap; }

/* Inline styles from index.html */
.layouttext {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Arial, sans-serif;
  line-height: 2rem;
  padding: 40px;
  padding: 4rem; }

h2, .heading-two {
  font-size: 35px;
  font-size: 3.5rem;
  letter-spacing: -0.1rem; }

h2.headerTextItem {
  letter-spacing: -0.25rem; }

.headerTextItemMod4 {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  padding: 0px 0px 60px 0px;
  padding: 0rem 0rem 6rem 0rem; }

.headerTextItem {
  color: #454545; }

.headerTextItem .betaC1 {
  color: #454545; }

.headerTextItem .betaC4 {
  color: #8f8f8f; }

.primaryLink {
  color: #0095c8;
  text-decoration: none; }

.primaryLinkMod3:hover {
  color: #0095c8;
  border-bottom: 2px solid #0095c8; }

.progress {
  color: #0095c8; }

.completed {
  color: #6ba33e; }

.cancelled {
  color: #e62615; }

.blueprint {
  background: #d8eff6; }

.blueprintLIGHT {
  background: #e5f4f9; }

.grid-layout div {
  background: #d8eff6; }


.grid {
  margin: 0px 0px 0px 0px;
  *zoom: 1;
  display: block; }
  .grid.is-fluid {
    width: 820px; }
  .grid.fluid, .grid.is-fluid {
    *zoom: 1;
    display: block;
    margin: 0px 0px 40px 0px; }
    .grid.fluid:before, .grid.fluid:after, .grid.is-fluid:before, .grid.is-fluid:after {
      content: " ";
      display: table; }
    .grid.fluid:after, .grid.is-fluid:after {
      clear: both; }
    .grid.fluid .columns-1, .grid.is-fluid .columns-1 {
      width: 2.43902%; }
    .grid.fluid .columns-2, .grid.is-fluid .columns-2 {
      width: 4.87805%; }
    .grid.fluid .columns-3, .grid.is-fluid .columns-3 {
      width: 7.31707%; }
    .grid.fluid .columns-4, .grid.is-fluid .columns-4 {
      width: 9.7561%; }
    .grid.fluid .columns-5, .grid.is-fluid .columns-5 {
      width: 12.19512%; }
    .grid.fluid .columns-6, .grid.is-fluid .columns-6 {
      width: 14.63415%; }
    .grid.fluid .columns-7, .grid.is-fluid .columns-7 {
      width: 17.07317%; }
    .grid.fluid .columns-8, .grid.is-fluid .columns-8 {
      width: 19.5122%; }
    .grid.fluid .columns-9, .grid.is-fluid .columns-9 {
      width: 21.95122%; }
    .grid.fluid .columns-10, .grid.is-fluid .columns-10 {
      width: 24.39024%; }
    .grid.fluid .columns-11, .grid.is-fluid .columns-11 {
      width: 26.82927%; }
    .grid.fluid .columns-12, .grid.is-fluid .columns-12 {
      width: 29.26829%; }
    .grid.fluid .columns-13, .grid.is-fluid .columns-13 {
      width: 31.70732%; }
    .grid.fluid .columns-14, .grid.is-fluid .columns-14 {
      width: 34.14634%; }
    .grid.fluid .columns-15, .grid.is-fluid .columns-15 {
      width: 36.58537%; }
    .grid.fluid .columns-16, .grid.is-fluid .columns-16 {
      width: 39.02439%; }
    .grid.fluid .columns-17, .grid.is-fluid .columns-17 {
      width: 41.46341%; }
    .grid.fluid .columns-18, .grid.is-fluid .columns-18 {
      width: 43.90244%; }
    .grid.fluid .columns-19, .grid.is-fluid .columns-19 {
      width: 46.34146%; }
    .grid.fluid .columns-20, .grid.is-fluid .columns-20 {
      width: 48.78049%; }
    .grid.fluid .columns-21, .grid.is-fluid .columns-21 {
      width: 51.21951%; }
    .grid.fluid .columns-22, .grid.is-fluid .columns-22 {
      width: 53.65854%; }
    .grid.fluid .columns-23, .grid.is-fluid .columns-23 {
      width: 56.09756%; }
    .grid.fluid .columns-24, .grid.is-fluid .columns-24 {
      width: 58.53659%; }
    .grid.fluid .columns-25, .grid.is-fluid .columns-25 {
      width: 60.97561%; }
    .grid.fluid .columns-26, .grid.is-fluid .columns-26 {
      width: 63.41463%; }
    .grid.fluid .columns-27, .grid.is-fluid .columns-27 {
      width: 65.85366%; }
    .grid.fluid .columns-28, .grid.is-fluid .columns-28 {
      width: 68.29268%; }
    .grid.fluid .columns-29, .grid.is-fluid .columns-29 {
      width: 70.73171%; }
    .grid.fluid .columns-30, .grid.is-fluid .columns-30 {
      width: 73.17073%; }
    .grid.fluid .columns-31, .grid.is-fluid .columns-31 {
      width: 75.60976%; }
    .grid.fluid .columns-32, .grid.is-fluid .columns-32 {
      width: 78.04878%; }
    .grid.fluid .columns-33, .grid.is-fluid .columns-33 {
      width: 80.4878%; }
    .grid.fluid .columns-34, .grid.is-fluid .columns-34 {
      width: 82.92683%; }
    .grid.fluid .columns-35, .grid.is-fluid .columns-35 {
      width: 85.36585%; }
    .grid.fluid .columns-36, .grid.is-fluid .columns-36 {
      width: 87.80488%; }
    .grid.fluid .columns-37, .grid.is-fluid .columns-37 {
      width: 90.2439%; }
    .grid.fluid .columns-38, .grid.is-fluid .columns-38 {
      width: 92.68293%; }
    .grid.fluid .columns-39, .grid.is-fluid .columns-39 {
      width: 95.12195%; }
    .grid.fluid .columns-40, .grid.is-fluid .columns-40 {
      width: 97.56098%; }
    .grid.fluid .columns-41, .grid.is-fluid .columns-41 {
      width: 100%; }
    .grid.fluid .columns-42, .grid.is-fluid .columns-42 {
      width: 102.43902%; }
    .grid.fluid .alpha-layout, .grid.is-fluid .alpha-layout {
      display: block;
      float: left;
      margin-right: 0%;
      width: 50%;
      padding: 0px 10px 0px 10px; }
      .grid.fluid .alpha-layout:last-child, .grid.is-fluid .alpha-layout:last-child {
        margin-right: 0; }
    .grid.fluid .beta-layout, .grid.is-fluid .beta-layout {
      display: block;
      float: left;
      margin-right: 0%;
      width: 50%;
      padding: 0px 10px 0px 10px;
      margin-left: 25%; }
      .grid.fluid .beta-layout:last-child, .grid.is-fluid .beta-layout:last-child {
        margin-right: 0; }
    .grid.fluid .gamma-layout, .grid.is-fluid .gamma-layout {
      display: block;
      float: left;
      margin-right: 0%;
      width: 50%;
      padding: 0px 10px 0px 10px;
      margin-left: 50%; }
      .grid.fluid .gamma-layout:last-child, .grid.is-fluid .gamma-layout:last-child {
        margin-right: 0; }
    .grid.fluid .delta-layout, .grid.is-fluid .delta-layout {
      display: block;
      float: left;
      margin-right: 0%;
      width: 50%;
      padding: 0px 10px 0px 10px; }
      .grid.fluid .delta-layout:last-child, .grid.is-fluid .delta-layout:last-child {
        margin-right: 0; }
  .grid:before, .grid:after {
    content: " ";
    display: table; }
  .grid:after {
    clear: both; }
  .grid .columns-1 {
    width: 20px; }
  .grid .columns-1.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 40px; }
  .grid .columns-1.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 40px; }
  .grid .columns-1.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 40px; }
  .grid .columns-1.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 40px; }
  .grid .columns-1.border-left-1.border-right-1, .grid .columns-1.border-left-1.border-right-2, .grid .columns-1.border-left-2.border-right-1, .grid .columns-1.border-left-2.border-right-2 {
    width: 60px; }
  .grid .columns-2 {
    width: 40px; }
  .grid .columns-2.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 60px; }
  .grid .columns-2.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 60px; }
  .grid .columns-2.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 60px; }
  .grid .columns-2.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 60px; }
  .grid .columns-2.border-left-1.border-right-1, .grid .columns-2.border-left-1.border-right-2, .grid .columns-2.border-left-2.border-right-1, .grid .columns-2.border-left-2.border-right-2 {
    width: 80px; }
  .grid .columns-3 {
    width: 60px; }
  .grid .columns-3.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 80px; }
  .grid .columns-3.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 80px; }
  .grid .columns-3.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 80px; }
  .grid .columns-3.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 80px; }
  .grid .columns-3.border-left-1.border-right-1, .grid .columns-3.border-left-1.border-right-2, .grid .columns-3.border-left-2.border-right-1, .grid .columns-3.border-left-2.border-right-2 {
    width: 100px; }
  .grid .columns-4 {
    width: 80px; }
  .grid .columns-4.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 100px; }
  .grid .columns-4.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 100px; }
  .grid .columns-4.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 100px; }
  .grid .columns-4.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 100px; }
  .grid .columns-4.border-left-1.border-right-1, .grid .columns-4.border-left-1.border-right-2, .grid .columns-4.border-left-2.border-right-1, .grid .columns-4.border-left-2.border-right-2 {
    width: 120px; }
  .grid .columns-5 {
    width: 100px; }
  .grid .columns-5.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 120px; }
  .grid .columns-5.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 120px; }
  .grid .columns-5.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 120px; }
  .grid .columns-5.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 120px; }
  .grid .columns-5.border-left-1.border-right-1, .grid .columns-5.border-left-1.border-right-2, .grid .columns-5.border-left-2.border-right-1, .grid .columns-5.border-left-2.border-right-2 {
    width: 140px; }
  .grid .columns-6 {
    width: 120px; }
  .grid .columns-6.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 140px; }
  .grid .columns-6.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 140px; }
  .grid .columns-6.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 140px; }
  .grid .columns-6.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 140px; }
  .grid .columns-6.border-left-1.border-right-1, .grid .columns-6.border-left-1.border-right-2, .grid .columns-6.border-left-2.border-right-1, .grid .columns-6.border-left-2.border-right-2 {
    width: 160px; }
  .grid .columns-7 {
    width: 140px; }
  .grid .columns-7.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 160px; }
  .grid .columns-7.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 160px; }
  .grid .columns-7.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 160px; }
  .grid .columns-7.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 160px; }
  .grid .columns-7.border-left-1.border-right-1, .grid .columns-7.border-left-1.border-right-2, .grid .columns-7.border-left-2.border-right-1, .grid .columns-7.border-left-2.border-right-2 {
    width: 180px; }
  .grid .columns-8 {
    width: 160px; }
  .grid .columns-8.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 180px; }
  .grid .columns-8.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 180px; }
  .grid .columns-8.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 180px; }
  .grid .columns-8.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 180px; }
  .grid .columns-8.border-left-1.border-right-1, .grid .columns-8.border-left-1.border-right-2, .grid .columns-8.border-left-2.border-right-1, .grid .columns-8.border-left-2.border-right-2 {
    width: 200px; }
  .grid .columns-9 {
    width: 180px; }
  .grid .columns-9.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 200px; }
  .grid .columns-9.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 200px; }
  .grid .columns-9.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 200px; }
  .grid .columns-9.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 200px; }
  .grid .columns-9.border-left-1.border-right-1, .grid .columns-9.border-left-1.border-right-2, .grid .columns-9.border-left-2.border-right-1, .grid .columns-9.border-left-2.border-right-2 {
    width: 220px; }
  .grid .columns-10 {
    width: 200px; }
  .grid .columns-10.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 220px; }
  .grid .columns-10.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 220px; }
  .grid .columns-10.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 220px; }
  .grid .columns-10.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 220px; }
  .grid .columns-10.border-left-1.border-right-1, .grid .columns-10.border-left-1.border-right-2, .grid .columns-10.border-left-2.border-right-1, .grid .columns-10.border-left-2.border-right-2 {
    width: 240px; }
  .grid .columns-11 {
    width: 220px; }
  .grid .columns-11.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 240px; }
  .grid .columns-11.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 240px; }
  .grid .columns-11.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 240px; }
  .grid .columns-11.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 240px; }
  .grid .columns-11.border-left-1.border-right-1, .grid .columns-11.border-left-1.border-right-2, .grid .columns-11.border-left-2.border-right-1, .grid .columns-11.border-left-2.border-right-2 {
    width: 260px; }
  .grid .columns-12 {
    width: 240px; }
  .grid .columns-12.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 260px; }
  .grid .columns-12.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 260px; }
  .grid .columns-12.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 260px; }
  .grid .columns-12.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 260px; }
  .grid .columns-12.border-left-1.border-right-1, .grid .columns-12.border-left-1.border-right-2, .grid .columns-12.border-left-2.border-right-1, .grid .columns-12.border-left-2.border-right-2 {
    width: 280px; }
  .grid .columns-13 {
    width: 260px; }
  .grid .columns-13.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 280px; }
  .grid .columns-13.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 280px; }
  .grid .columns-13.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 280px; }
  .grid .columns-13.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 280px; }
  .grid .columns-13.border-left-1.border-right-1, .grid .columns-13.border-left-1.border-right-2, .grid .columns-13.border-left-2.border-right-1, .grid .columns-13.border-left-2.border-right-2 {
    width: 300px; }
  .grid .columns-14 {
    width: 280px; }
  .grid .columns-14.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 300px; }
  .grid .columns-14.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 300px; }
  .grid .columns-14.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 300px; }
  .grid .columns-14.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 300px; }
  .grid .columns-14.border-left-1.border-right-1, .grid .columns-14.border-left-1.border-right-2, .grid .columns-14.border-left-2.border-right-1, .grid .columns-14.border-left-2.border-right-2 {
    width: 320px; }
  .grid .columns-15 {
    width: 300px; }
  .grid .columns-15.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 320px; }
  .grid .columns-15.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 320px; }
  .grid .columns-15.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 320px; }
  .grid .columns-15.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 320px; }
  .grid .columns-15.border-left-1.border-right-1, .grid .columns-15.border-left-1.border-right-2, .grid .columns-15.border-left-2.border-right-1, .grid .columns-15.border-left-2.border-right-2 {
    width: 340px; }
  .grid .columns-16 {
    width: 320px; }
  .grid .columns-16.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 340px; }
  .grid .columns-16.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 340px; }
  .grid .columns-16.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 340px; }
  .grid .columns-16.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 340px; }
  .grid .columns-16.border-left-1.border-right-1, .grid .columns-16.border-left-1.border-right-2, .grid .columns-16.border-left-2.border-right-1, .grid .columns-16.border-left-2.border-right-2 {
    width: 360px; }
  .grid .columns-17 {
    width: 340px; }
  .grid .columns-17.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 360px; }
  .grid .columns-17.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 360px; }
  .grid .columns-17.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 360px; }
  .grid .columns-17.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 360px; }
  .grid .columns-17.border-left-1.border-right-1, .grid .columns-17.border-left-1.border-right-2, .grid .columns-17.border-left-2.border-right-1, .grid .columns-17.border-left-2.border-right-2 {
    width: 380px; }
  .grid .columns-18 {
    width: 360px; }
  .grid .columns-18.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 380px; }
  .grid .columns-18.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 380px; }
  .grid .columns-18.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 380px; }
  .grid .columns-18.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 380px; }
  .grid .columns-18.border-left-1.border-right-1, .grid .columns-18.border-left-1.border-right-2, .grid .columns-18.border-left-2.border-right-1, .grid .columns-18.border-left-2.border-right-2 {
    width: 400px; }
  .grid .columns-19 {
    width: 380px; }
  .grid .columns-19.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 400px; }
  .grid .columns-19.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 400px; }
  .grid .columns-19.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 400px; }
  .grid .columns-19.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 400px; }
  .grid .columns-19.border-left-1.border-right-1, .grid .columns-19.border-left-1.border-right-2, .grid .columns-19.border-left-2.border-right-1, .grid .columns-19.border-left-2.border-right-2 {
    width: 420px; }
  .grid .columns-20 {
    width: 400px; }
  .grid .columns-20.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 420px; }
  .grid .columns-20.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 420px; }
  .grid .columns-20.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 420px; }
  .grid .columns-20.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 420px; }
  .grid .columns-20.border-left-1.border-right-1, .grid .columns-20.border-left-1.border-right-2, .grid .columns-20.border-left-2.border-right-1, .grid .columns-20.border-left-2.border-right-2 {
    width: 440px; }
  .grid .columns-21 {
    width: 420px; }
  .grid .columns-21.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 440px; }
  .grid .columns-21.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 440px; }
  .grid .columns-21.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 440px; }
  .grid .columns-21.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 440px; }
  .grid .columns-21.border-left-1.border-right-1, .grid .columns-21.border-left-1.border-right-2, .grid .columns-21.border-left-2.border-right-1, .grid .columns-21.border-left-2.border-right-2 {
    width: 460px; }
  .grid .columns-22 {
    width: 440px; }
  .grid .columns-22.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 460px; }
  .grid .columns-22.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 460px; }
  .grid .columns-22.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 460px; }
  .grid .columns-22.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 460px; }
  .grid .columns-22.border-left-1.border-right-1, .grid .columns-22.border-left-1.border-right-2, .grid .columns-22.border-left-2.border-right-1, .grid .columns-22.border-left-2.border-right-2 {
    width: 480px; }
  .grid .columns-23 {
    width: 460px; }
  .grid .columns-23.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 480px; }
  .grid .columns-23.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 480px; }
  .grid .columns-23.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 480px; }
  .grid .columns-23.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 480px; }
  .grid .columns-23.border-left-1.border-right-1, .grid .columns-23.border-left-1.border-right-2, .grid .columns-23.border-left-2.border-right-1, .grid .columns-23.border-left-2.border-right-2 {
    width: 500px; }
  .grid .columns-24 {
    width: 480px; }
  .grid .columns-24.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 500px; }
  .grid .columns-24.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 500px; }
  .grid .columns-24.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 500px; }
  .grid .columns-24.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 500px; }
  .grid .columns-24.border-left-1.border-right-1, .grid .columns-24.border-left-1.border-right-2, .grid .columns-24.border-left-2.border-right-1, .grid .columns-24.border-left-2.border-right-2 {
    width: 520px; }
  .grid .columns-25 {
    width: 500px; }
  .grid .columns-25.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 520px; }
  .grid .columns-25.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 520px; }
  .grid .columns-25.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 520px; }
  .grid .columns-25.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 520px; }
  .grid .columns-25.border-left-1.border-right-1, .grid .columns-25.border-left-1.border-right-2, .grid .columns-25.border-left-2.border-right-1, .grid .columns-25.border-left-2.border-right-2 {
    width: 540px; }
  .grid .columns-26 {
    width: 520px; }
  .grid .columns-26.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 540px; }
  .grid .columns-26.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 540px; }
  .grid .columns-26.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 540px; }
  .grid .columns-26.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 540px; }
  .grid .columns-26.border-left-1.border-right-1, .grid .columns-26.border-left-1.border-right-2, .grid .columns-26.border-left-2.border-right-1, .grid .columns-26.border-left-2.border-right-2 {
    width: 560px; }
  .grid .columns-27 {
    width: 540px; }
  .grid .columns-27.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 560px; }
  .grid .columns-27.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 560px; }
  .grid .columns-27.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 560px; }
  .grid .columns-27.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 560px; }
  .grid .columns-27.border-left-1.border-right-1, .grid .columns-27.border-left-1.border-right-2, .grid .columns-27.border-left-2.border-right-1, .grid .columns-27.border-left-2.border-right-2 {
    width: 580px; }
  .grid .columns-28 {
    width: 560px; }
  .grid .columns-28.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 580px; }
  .grid .columns-28.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 580px; }
  .grid .columns-28.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 580px; }
  .grid .columns-28.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 580px; }
  .grid .columns-28.border-left-1.border-right-1, .grid .columns-28.border-left-1.border-right-2, .grid .columns-28.border-left-2.border-right-1, .grid .columns-28.border-left-2.border-right-2 {
    width: 600px; }
  .grid .columns-29 {
    width: 580px; }
  .grid .columns-29.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 600px; }
  .grid .columns-29.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 600px; }
  .grid .columns-29.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 600px; }
  .grid .columns-29.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 600px; }
  .grid .columns-29.border-left-1.border-right-1, .grid .columns-29.border-left-1.border-right-2, .grid .columns-29.border-left-2.border-right-1, .grid .columns-29.border-left-2.border-right-2 {
    width: 620px; }
  .grid .columns-30 {
    width: 600px; }
  .grid .columns-30.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 620px; }
  .grid .columns-30.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 620px; }
  .grid .columns-30.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 620px; }
  .grid .columns-30.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 620px; }
  .grid .columns-30.border-left-1.border-right-1, .grid .columns-30.border-left-1.border-right-2, .grid .columns-30.border-left-2.border-right-1, .grid .columns-30.border-left-2.border-right-2 {
    width: 640px; }
  .grid .columns-31 {
    width: 620px; }
  .grid .columns-31.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 640px; }
  .grid .columns-31.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 640px; }
  .grid .columns-31.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 640px; }
  .grid .columns-31.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 640px; }
  .grid .columns-31.border-left-1.border-right-1, .grid .columns-31.border-left-1.border-right-2, .grid .columns-31.border-left-2.border-right-1, .grid .columns-31.border-left-2.border-right-2 {
    width: 660px; }
  .grid .columns-32 {
    width: 640px; }
  .grid .columns-32.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 660px; }
  .grid .columns-32.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 660px; }
  .grid .columns-32.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 660px; }
  .grid .columns-32.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 660px; }
  .grid .columns-32.border-left-1.border-right-1, .grid .columns-32.border-left-1.border-right-2, .grid .columns-32.border-left-2.border-right-1, .grid .columns-32.border-left-2.border-right-2 {
    width: 680px; }
  .grid .columns-33 {
    width: 660px; }
  .grid .columns-33.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 680px; }
  .grid .columns-33.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 680px; }
  .grid .columns-33.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 680px; }
  .grid .columns-33.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 680px; }
  .grid .columns-33.border-left-1.border-right-1, .grid .columns-33.border-left-1.border-right-2, .grid .columns-33.border-left-2.border-right-1, .grid .columns-33.border-left-2.border-right-2 {
    width: 700px; }
  .grid .columns-34 {
    width: 680px; }
  .grid .columns-34.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 700px; }
  .grid .columns-34.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 700px; }
  .grid .columns-34.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 700px; }
  .grid .columns-34.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 700px; }
  .grid .columns-34.border-left-1.border-right-1, .grid .columns-34.border-left-1.border-right-2, .grid .columns-34.border-left-2.border-right-1, .grid .columns-34.border-left-2.border-right-2 {
    width: 720px; }
  .grid .columns-35 {
    width: 700px; }
  .grid .columns-35.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 720px; }
  .grid .columns-35.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 720px; }
  .grid .columns-35.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 720px; }
  .grid .columns-35.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 720px; }
  .grid .columns-35.border-left-1.border-right-1, .grid .columns-35.border-left-1.border-right-2, .grid .columns-35.border-left-2.border-right-1, .grid .columns-35.border-left-2.border-right-2 {
    width: 740px; }
  .grid .columns-36 {
    width: 720px; }
  .grid .columns-36.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 740px; }
  .grid .columns-36.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 740px; }
  .grid .columns-36.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 740px; }
  .grid .columns-36.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 740px; }
  .grid .columns-36.border-left-1.border-right-1, .grid .columns-36.border-left-1.border-right-2, .grid .columns-36.border-left-2.border-right-1, .grid .columns-36.border-left-2.border-right-2 {
    width: 760px; }
  .grid .columns-37 {
    width: 740px; }
  .grid .columns-37.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 760px; }
  .grid .columns-37.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 760px; }
  .grid .columns-37.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 760px; }
  .grid .columns-37.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 760px; }
  .grid .columns-37.border-left-1.border-right-1, .grid .columns-37.border-left-1.border-right-2, .grid .columns-37.border-left-2.border-right-1, .grid .columns-37.border-left-2.border-right-2 {
    width: 780px; }
  .grid .columns-38 {
    width: 760px; }
  .grid .columns-38.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 780px; }
  .grid .columns-38.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 780px; }
  .grid .columns-38.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 780px; }
  .grid .columns-38.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 780px; }
  .grid .columns-38.border-left-1.border-right-1, .grid .columns-38.border-left-1.border-right-2, .grid .columns-38.border-left-2.border-right-1, .grid .columns-38.border-left-2.border-right-2 {
    width: 800px; }
  .grid .columns-39 {
    width: 780px; }
  .grid .columns-39.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 800px; }
  .grid .columns-39.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 800px; }
  .grid .columns-39.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 800px; }
  .grid .columns-39.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 800px; }
  .grid .columns-39.border-left-1.border-right-1, .grid .columns-39.border-left-1.border-right-2, .grid .columns-39.border-left-2.border-right-1, .grid .columns-39.border-left-2.border-right-2 {
    width: 820px; }
  .grid .columns-40 {
    width: 800px; }
  .grid .columns-40.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 820px; }
  .grid .columns-40.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 820px; }
  .grid .columns-40.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 820px; }
  .grid .columns-40.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 820px; }
  .grid .columns-40.border-left-1.border-right-1, .grid .columns-40.border-left-1.border-right-2, .grid .columns-40.border-left-2.border-right-1, .grid .columns-40.border-left-2.border-right-2 {
    width: 840px; }
  .grid .columns-41 {
    width: 820px; }
  .grid .columns-41.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 840px; }
  .grid .columns-41.border-right-2 {
    padding-right: 19px;
    border-right: solid #cccccc 1px;
    width: 840px; }
  .grid .columns-41.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 840px; }
  .grid .columns-41.border-left-2 {
    padding-left: 19px;
    border-left: solid #cccccc 1px;
    width: 840px; }
  .grid .columns-41.border-left-1.border-right-1, .grid .columns-41.border-left-1.border-right-2, .grid .columns-41.border-left-2.border-right-1, .grid .columns-41.border-left-2.border-right-2 {
    width: 860px; }
  .grid.border-right-1 {
    padding-right: 19px;
    border-right: solid #cccccc 1px; }
  .grid.border-left-1 {
    padding-left: 19px;
    border-left: solid #cccccc 1px; }
  .grid.border-top-1, .grid .border-top-1 {
    padding-top: 19px;
    border-top: solid #cccccc 1px; }
  .grid.border-bottom-1, .grid .border-bottom-1 {
    padding-bottom: 19px;
    border-bottom: solid #cccccc 1px;
    margin-bottom: 0; }
  .grid.border-top-2, .grid .border-top-2 {
    padding-top: 19px;
    border-top: solid #cccccc 1px; }
  .grid.border-bottom-2, .grid .border-bottom-2 {
    padding-bottom: 19px;
    border-bottom: solid #cccccc 1px; }

.table-grid-layout.fluid .column-1 {
  width: 2.05%; }
.table-grid-layout.fluid .column-2 {
  width: 4.1%; }
.table-grid-layout.fluid .column-3 {
  width: 6.15%; }
.table-grid-layout.fluid .column-4 {
  width: 8.2%; }
.table-grid-layout.fluid .column-5 {
  width: 10.25%; }
.table-grid-layout.fluid .column-6 {
  width: 12.3%; }
.table-grid-layout.fluid .column-7 {
  width: 14.35%; }
.table-grid-layout.fluid .column-8 {
  width: 16.4%; }
.table-grid-layout.fluid .column-9 {
  width: 18.45%; }
.table-grid-layout.fluid .column-10 {
  width: 20.5%; }
.table-grid-layout.fluid .column-11 {
  width: 22.55%; }
.table-grid-layout.fluid .column-12 {
  width: 24.6%; }
.table-grid-layout.fluid .column-13 {
  width: 26.65%; }
.table-grid-layout.fluid .column-14 {
  width: 28.7%; }
.table-grid-layout.fluid .column-15 {
  width: 30.75%; }
.table-grid-layout.fluid .column-16 {
  width: 32.8%; }
.table-grid-layout.fluid .column-17 {
  width: 34.85%; }
.table-grid-layout.fluid .column-18 {
  width: 36.9%; }
.table-grid-layout.fluid .column-19 {
  width: 38.95%; }
.table-grid-layout.fluid .column-20 {
  width: 41%; }
.table-grid-layout.fluid .column-21 {
  width: 43.05%; }
.table-grid-layout.fluid .column-22 {
  width: 45.1%; }
.table-grid-layout.fluid .column-23 {
  width: 47.15%; }
.table-grid-layout.fluid .column-24 {
  width: 49.2%; }
.table-grid-layout.fluid .column-25 {
  width: 51.25%; }
.table-grid-layout.fluid .column-26 {
  width: 53.3%; }
.table-grid-layout.fluid .column-27 {
  width: 55.35%; }
.table-grid-layout.fluid .column-28 {
  width: 57.4%; }
.table-grid-layout.fluid .column-29 {
  width: 59.45%; }
.table-grid-layout.fluid .column-30 {
  width: 61.5%; }
.table-grid-layout.fluid .column-31 {
  width: 63.55%; }
.table-grid-layout.fluid .column-32 {
  width: 65.6%; }
.table-grid-layout.fluid .column-33 {
  width: 67.65%; }
.table-grid-layout.fluid .column-34 {
  width: 69.7%; }
.table-grid-layout.fluid .column-35 {
  width: 71.75%; }
.table-grid-layout.fluid .column-36 {
  width: 73.8%; }
.table-grid-layout.fluid .column-37 {
  width: 75.85%; }
.table-grid-layout.fluid .column-38 {
  width: 77.9%; }
.table-grid-layout.fluid .column-39 {
  width: 79.95%; }
.table-grid-layout.fluid .column-40 {
  width: 82%; }
.table-grid-layout.fluid .column-41 {
  width: 84.05%; }
.table-grid-layout.not-fluid .column-1 {
  width: 20px; }
.table-grid-layout.not-fluid .column-2 {
  width: 40px; }
.table-grid-layout.not-fluid .column-3 {
  width: 60px; }
.table-grid-layout.not-fluid .column-4 {
  width: 80px; }
.table-grid-layout.not-fluid .column-5 {
  width: 100px; }
.table-grid-layout.not-fluid .column-6 {
  width: 120px; }
.table-grid-layout.not-fluid .column-7 {
  width: 140px; }
.table-grid-layout.not-fluid .column-8 {
  width: 160px; }
.table-grid-layout.not-fluid .column-9 {
  width: 180px; }
.table-grid-layout.not-fluid .column-10 {
  width: 200px; }
.table-grid-layout.not-fluid .column-11 {
  width: 220px; }
.table-grid-layout.not-fluid .column-12 {
  width: 240px; }
.table-grid-layout.not-fluid .column-13 {
  width: 260px; }
.table-grid-layout.not-fluid .column-14 {
  width: 280px; }
.table-grid-layout.not-fluid .column-15 {
  width: 300px; }
.table-grid-layout.not-fluid .column-16 {
  width: 320px; }
.table-grid-layout.not-fluid .column-17 {
  width: 340px; }
.table-grid-layout.not-fluid .column-18 {
  width: 360px; }
.table-grid-layout.not-fluid .column-19 {
  width: 380px; }
.table-grid-layout.not-fluid .column-20 {
  width: 400px; }
.table-grid-layout.not-fluid .column-21 {
  width: 420px; }
.table-grid-layout.not-fluid .column-22 {
  width: 440px; }
.table-grid-layout.not-fluid .column-23 {
  width: 460px; }
.table-grid-layout.not-fluid .column-24 {
  width: 480px; }
.table-grid-layout.not-fluid .column-25 {
  width: 500px; }
.table-grid-layout.not-fluid .column-26 {
  width: 520px; }
.table-grid-layout.not-fluid .column-27 {
  width: 540px; }
.table-grid-layout.not-fluid .column-28 {
  width: 560px; }
.table-grid-layout.not-fluid .column-29 {
  width: 580px; }
.table-grid-layout.not-fluid .column-30 {
  width: 600px; }
.table-grid-layout.not-fluid .column-31 {
  width: 620px; }
.table-grid-layout.not-fluid .column-32 {
  width: 640px; }
.table-grid-layout.not-fluid .column-33 {
  width: 660px; }
.table-grid-layout.not-fluid .column-34 {
  width: 680px; }
.table-grid-layout.not-fluid .column-35 {
  width: 700px; }
.table-grid-layout.not-fluid .column-36 {
  width: 720px; }
.table-grid-layout.not-fluid .column-37 {
  width: 740px; }
.table-grid-layout.not-fluid .column-38 {
  width: 760px; }
.table-grid-layout.not-fluid .column-39 {
  width: 780px; }
.table-grid-layout.not-fluid .column-40 {
  width: 800px; }
.table-grid-layout.not-fluid .column-41 {
  width: 820px; }

.grid .table-grid-layout {
  width: 100%;
  max-width: 100%; }

.col-1 {
  width: 20px !important; }

.col-2 {
  width: 40px !important; }

.col-3 {
  width: 60px !important; }

.col-4 {
  width: 80px !important; }

.col-5 {
  width: 100px !important; }

.col-6 {
  width: 120px !important; }

.col-7 {
  width: 140px !important; }

.col-8 {
  width: 160px !important; }

.col-9, .def-list-style-2 dt {
  width: 180px !important; }

.col-10, .def-list-style-1 dd {
  width: 200px !important; }

.col-11, .def-list-style-2 dd {
  width: 220px !important; }

.col-12, .def-list-style-1 h3, .def-list-style-1 dt {
  width: 240px !important; }

.col-13 {
  width: 260px !important; }

.col-14 {
  width: 280px !important; }

.col-15 {
  width: 300px !important; }

.col-16 {
  width: 320px !important; }

.col-17 {
  width: 340px !important; }

.col-18 {
  width: 360px !important; }

.col-19 {
  width: 380px !important; }

.col-20 {
  width: 400px !important; }

.col-21 {
  width: 420px !important; }

.col-22 {
  width: 440px !important; }

.col-23 {
  width: 460px !important; }

.col-24 {
  width: 480px !important; }

.col-25 {
  width: 500px !important; }

.col-26 {
  width: 520px !important; }

.col-27 {
  width: 540px !important; }

.col-28 {
  width: 560px !important; }

.col-29 {
  width: 580px !important; }

.col-30 {
  width: 600px !important; }

.col-31 {
  width: 620px !important; }

.col-32 {
  width: 640px !important; }

.col-33 {
  width: 660px !important; }

.col-34 {
  width: 680px !important; }

.col-35 {
  width: 700px !important; }

.col-36 {
  width: 720px !important; }

.col-37 {
  width: 740px !important; }

.col-38 {
  width: 760px !important; }

.col-39 {
  width: 780px !important; }

.col-40 {
  width: 800px !important; }

.col-41 {
  width: 820px !important; }

.col-42 {
  width: 840px !important; }

.ui-body-lock {
  overflow: hidden !important; }

.ui-lock-overlay {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  left: 0px;
  opacity: 1;
  z-index: 150;
  overflow: hidden;
  background: rgba(84, 84, 84, 0.8);
  cursor: pointer; }

.layout-util-bar {
  background-color: #454545;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 260px;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 200; }
  .layout-util-bar .util-bar {
    position: absolute;
    top: 99px;
    left: 0px;
    width: 260px;
    z-index: 100;
    border-bottom: 1px solid #3e3e3e; }
    .layout-util-bar .util-bar .link-item {
      width: 260px;
      height: 60px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease;
      background-color: #454545;
      border-top: 1px solid #3e3e3e;
      padding: 19px 0px 0px 0px;
      display: block; }
      .layout-util-bar .util-bar .link-item .icon {
        font-size: 24px;
        line-height: 24px;
        color: #949494;
        width: 80px;
        height: auto;
        text-align: center;
        display: inline-block;
        float: left; }
      .layout-util-bar .util-bar .link-item .label {
        display: inline-block;
        float: left;
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
        color: #949494;
        margin: 0; }
      .layout-util-bar .util-bar .link-item:hover {
        background-color: #545454; }
    .layout-util-bar .util-bar .active .link-item {
      background-color: #545454; }
    .layout-util-bar .util-bar .active .icon, .layout-util-bar .util-bar .active .label {
      color: white; }
  .layout-util-bar.opened {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -ms-transform: translate2d(0px, 0);
    -o-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  .layout-util-bar.closed {
    left: -240px; }
    .layout-util-bar.closed .util-bar {
      visibility: hidden !important; }
      .layout-util-bar.closed .util-bar > li {
        overflow: hidden; }
        .layout-util-bar.closed .util-bar > li .layout-flyout-menu {
          display: none !important; }
  .layout-util-bar.clickable-toggle {
    cursor: pointer; }
  .layout-util-bar li:hover .layout-flyout-menu, .layout-util-bar li.active .layout-flyout-menu {
    z-index: 300;
    display: block; }
  .layout-util-bar li .layout-flyout-menu {
    background-color: #545454;
    position: fixed;
    top: 0px;
    left: 260px;
    width: 400px;
    height: 100%;
    padding: 120px 60px 0px 60px;
    box-shadow: 4px 0 0 rgba(0, 0, 0, 0.22);
    z-index: -1;
    display: none; }
    .layout-util-bar li .layout-flyout-menu h3, .layout-util-bar li .layout-flyout-menu .heading-three {
      color: #fafafa;
      font-size: 14px;
      line-height: 40px;
      height: 40px; }
    .layout-util-bar li .layout-flyout-menu .flyout-nav li {
      border-top: 1px solid #454545;
      width: 100%;
      height: 40px; }
      .layout-util-bar li .layout-flyout-menu .flyout-nav li:last-of-type {
        border-bottom: 1px solid #454545; }
      .layout-util-bar li .layout-flyout-menu .flyout-nav li.active .icon {
        color: #0095c8; }
      .layout-util-bar li .layout-flyout-menu .flyout-nav li.active .label {
        color: white; }
      .layout-util-bar li .layout-flyout-menu .flyout-nav li.active a {
        background-color: rgba(69, 69, 69, 0.3); }
    .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item {
      display: block;
      width: 100%;
      height: 40px;
      padding: 9px 0px 0px 0px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background: transparent;
      border-top: none !important; }
      .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item:hover, .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item .hover {
        background-color: rgba(69, 69, 69, 0.3); }
        .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item:hover .label, .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item:hover .icon, .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item .hover .label, .layout-util-bar li .layout-flyout-menu .flyout-nav .link-item .hover .icon {
          color: white;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
    .layout-util-bar li .layout-flyout-menu .flyout-nav .icon {
      color: #949494;
      font-size: 16px;
      line-height: 18px;
      display: inline-block;
      vertical-align: middle;
      width: auto; }
    .layout-util-bar li .layout-flyout-menu .flyout-nav .label {
      color: #d9d9d9;
      font-size: 16px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      font-weight: bold;
      margin: 0px 0px 0px 5px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .layout-util-bar li .layout-flyout-menu .gradient-bar {
      z-index: 100;
      width: 100%;
      height: 100px;
      position: absolute;
      bottom: 0px;
      background: -webkit-linear-gradient(bottom, #545454 0%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to  top, #545454 0%, rgba(255, 255, 255, 0) 100%); }
    .layout-util-bar li .layout-flyout-menu .column {
      width: 280px;
      position: relative; }

.layout-content {
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out 0.15s;
  -moz-transition: all 0.4s ease-in-out 0.15s;
  transition: all 0.4s ease-in-out 0.15s;
  min-width: 920px; }
  .layout-content.default {
    padding-left: 20px; }
  .layout-content.pushed {
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0); }
  .layout-content.secondary-menu-open {
    min-width: 1160px; }
    .layout-content.secondary-menu-open .layout-inner {
      left: 239px; }

.layout-header {
  width: 100%;
  height: auto;
  background-color: white;
  margin: 0px 0px 0px 0px; }
  .layout-header .layout-header-wrap {
    width: 100%;
    height: auto;
    min-height: 60px; }

.layout-main {
  width: 100%;
  padding: 0px 0px 0px 0px;
  background: #fafafa;
  position: relative;
  overflow: hidden; }
  .layout-main.tertiary-menu-open .layout-inner {
    -webkit-transform: translate3d(-243px, 0, 0);
    -moz-transform: translate3d(-243px, 0, 0);
    -ms-transform: translate3d(-243px, 0, 0);
    -o-transform: translate3d(-243px, 0, 0);
    transform: translate3d(-243px, 0, 0); }
  .layout-main.fixed {
    top: 42px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.layout-container {
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 900px; }
  .layout-container.fixed {
    position: fixed; }

.spine-toggle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 60px;
  z-index: 300;
  padding: 20px 0px 0px 0px;
  display: block;
  outline: none !important;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .spine-toggle.default {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -ms-transform: translate2d(0px, 0);
    -o-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
    .spine-toggle.default .icon:before {
      color: white;
      z-index: 20;
      position: relative; }
    .spine-toggle.default .icon:after {
      left: 20px;
      top: 9px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-left-color: #454545;
      border-width: 20px;
      margin-top: -20px; }
  .spine-toggle.spine-opened {
    -webkit-transform: translate3d(240px, 0, 0);
    -moz-transform: translate3d(240px, 0, 0);
    -ms-transform: translate3d(240px, 0, 0);
    -o-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); }
    .spine-toggle.spine-opened .icon:before {
      color: #545454;
      z-index: 250;
      position: relative; }
    .spine-toggle.spine-opened .icon:after {
      left: -20px;
      top: 9px;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-right-color: white;
      border-width: 20px;
      margin-top: -20px;
      z-index: 240; }
  .spine-toggle .icon {
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    position: absolute;
    top: 20px;
    right: auto;
    bottom: auto;
    left: 0px; }

.global-tools {
  float: right !important; }
  .global-tools li {
    border-left: 1px solid #d9d9d9;
    float: left; }
    .global-tools li:last-of-type {
      border-left: none; }
    .global-tools li > a {
      width: 60px;
      height: 60px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      background: white;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .global-tools li > a:hover {
        background-color: whitesmoke; }
      .global-tools li > a.active {
        background: white; }
        .global-tools li > a.active .icon {
          color: #0095c8; }
    .global-tools li .icon-nested {
      position: relative;
      bottom: 0px;
      left: -3px;
      width: auto; }
      .global-tools li .icon-nested .icon-arrow-menu {
        position: absolute;
        right: -13px; }
    .global-tools li.tool-messages .icon {
      position: relative; }
    .global-tools li.tool-messages .alert-message {
      position: absolute;
      top: -15px;
      right: -15px; }
    .global-tools li .tool-menu {
      top: 70px;
      width: 300px;
      margin-left: -150px; }
    .global-tools li .menu-item {
      float: none;
      border-left: none; }
      .global-tools li .menu-item a {
        display: block;
        vertical-align: baseline;
        width: 100%;
        height: auto;
        text-align: left;
        padding: 10px 10px 10px 10px; }
      .global-tools li .menu-item .sub-header {
        padding: 10px 10px 10px 10px;
        padding: 40px 0px 40px 0px; }

.global-support-panel, .global-search-panel {
  clear: both;
  z-index: 200;
  background: #6ba33e;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -moz-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s; }
  .global-support-panel .heading-one, .global-search-panel .heading-one {
    color: white; }
  .global-support-panel .panel-inner, .global-search-panel .panel-inner {
    padding: 20px 40px 40px 40px; }
  .global-support-panel.default, .global-search-panel.default {
    width: 100%;
    height: 0px;
    max-height: 0px; }
  .global-support-panel.expanded, .global-search-panel.expanded {
    width: 100%;
    height: 300px;
    max-height: 300px; }

.alert-message {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #6ba33e;
  text-align: center;
  height: 18px;
  display: block; }
  .alert-message .value {
    display: block;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    color: white;
    padding: 1px 3px; }

.global-footer {
  background-color: #454545;
  border-top: 1px solid #3b3b3b;
  width: 100%;
  height: 20px;
  padding: 1px 0 0 0;
  position: relative;
  z-index: 200; }
  .global-footer .global-footer-links {
    text-align: right;
    color: #949494;
    margin-right: 20px;
    line-height: 1; }
  .global-footer .global-footer-links > a, .global-footer .global-footer-links > span {
    display: inline-block;
    vertical-align: middle;
    color: #949494;
    font-size: 11px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .global-footer .global-footer-links > a:hover, .global-footer .global-footer-links > span:hover {
      color: white; }
  .global-footer .bullet-divider {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px 0px 2px; }

.footer-spine {
  width: 100%;
  height: 60px;
  background-color: #454545;
  position: relative;
  z-index: 250; }
  .footer-spine > a {
    color: #949494;
    display: inline-block;
    float: left;
    font-size: 14px;
    width: 180px;
    height: 60px;
    padding: 20px 0px 0px 20px;
    border-left: 1px rgba(0, 0, 0, 0.2) black;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative; }
    .footer-spine > a:last-of-type {
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
    .footer-spine > a.active {
      color: white;
      box-shadow: 0 4px 0 rgba(0, 0, 0, 0.22);
      z-index: 300;
      background-color: #545454; }
      .footer-spine > a.active:first-of-type {
        border-left-color: #545454; }
    .footer-spine > a:hover {
      background-color: #545454; }

.footer-links {
  width: 100%;
  height: 260px;
  background-color: #454545;
  padding: 40px 0px 0px 60px;
  border-left: 1px solid #3b3b3b; }
  .footer-links .grid {
    min-width: 880px; }
  .footer-links .column {
    width: 260px;
    position: relative; }
  .footer-links h2, .footer-links .heading-two {
    color: #d9d9d9;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px; }
  .footer-links .link-item {
    margin: 0px 0px 10px 0px; }

/**
     * US1430 styles
     * Display build version number at the bottom of the page
     */
div[data-name="version"] {
  color: #949494;
  display: none;
  font-size: 11px;
  margin-left: 25px;
  margin-top: -20px;
  position: relative;
  z-index: 201; }

.mvc-root + div[data-name="version"] {
  display: block;
  bottom: 0;
  width: 400px; }

/* End US1430 styles*/
.layout-inner {
  position: relative;
  right: 0px;
  left: 0px;
  z-index: 50;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out 0.15s;
  -moz-transition: all 0.4s ease-in-out 0.15s;
  transition: all 0.4s ease-in-out 0.15s;
  background: #fafafa;
  box-shadow: -4px 0 0 #d9d9d9, 4px 0 0 #d9d9d9; }

.secondary-menu {
  z-index: 1;
  width: 240px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }
  .secondary-menu .section-heading {
    display: block;
    padding: 20px 40px 10px 60px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #545454;
    border-bottom: 1px solid #d9d9d9; }
  .secondary-menu a {
    display: block;
    padding: 10px 40px 10px 60px;
    color: #949494;
    font-size: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-bottom: 1px solid #d9d9d9; }
    .secondary-menu a:hover {
      background-color: whitesmoke;
      box-shadow: inset 5px 0 #92c6d9; }
  .secondary-menu .active a {
    font-weight: bold;
    box-shadow: inset 7px 0 #0095c8;
    background-color: white;
    color: #545454; }

.tertiary-menu {
  z-index: 1;
  width: 240px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px; }
  .tertiary-menu .section-heading {
    display: block;
    padding: 20px 40px 10px 60px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #545454;
    border-bottom: 1px solid #d9d9d9; }
  .tertiary-menu a {
    display: block;
    padding: 10px 40px 10px 60px;
    color: #949494;
    font-size: 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-bottom: 1px solid #d9d9d9; }
    .tertiary-menu a:hover {
      background-color: whitesmoke;
      box-shadow: inset 5px 0 #92c6d9; }
  .tertiary-menu .active a {
    font-weight: bold;
    box-shadow: inset 7px 0 #0095c8;
    background-color: white;
    color: #545454; }
  .tertiary-menu .section-heading {
    padding: 20px 40px 10px 20px; }
  .tertiary-menu a {
    padding: 10px 40px 10px 20px; }

.nav-page-title {
  width: 100%;
  height: auto;
  border: none; }

.panel-header {
  float: left;
  margin: 20px 0px 0px 0px;
  line-height: 1;
  max-width: 520px; }

.panel-tools {
  position: absolute;
  top: auto;
  right: 0px;
  z-index: 100; }
  .panel-tools li {
    border-left: 1px solid #d9d9d9;
    float: left; }
    .panel-tools li:last-of-type {
      border-left: none; }
    .panel-tools li > a {
      width: 60px;
      height: 60px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .panel-tools li > a:hover {
        background-color: whitesmoke; }
    .panel-tools li .icon-nested {
      position: relative;
      bottom: 0px;
      left: -3px;
      width: auto; }
      .panel-tools li .icon-nested .icon-arrow-menu {
        position: absolute;
        right: -15px; }
    .panel-tools li .menu-item {
      float: none;
      border-left: none; }
      .panel-tools li .menu-item a {
        display: block;
        vertical-align: baseline;
        width: 100%;
        height: auto;
        text-align: left; }
        .panel-tools li .menu-item a .icon-notification-pending {
          color: #0095c8;
          position: relative;
          top: 1px; }
        .panel-tools li .menu-item a .center-right-pos {
          top: -10px !important;
          left: 160px; }
        .panel-tools li .menu-item a .default-tooltip {
          width: 180px; }
    .panel-tools li .tool-menu {
      top: 70px;
      width: 140px;
      margin-left: -70px; }

.panel-btn {
  float: left;
  margin: 18px 20px 0px 0px;
  width: 24px;
  height: 24px; }
  .panel-btn > a {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #0095c8;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    .panel-btn > a .icon-view-menu {
      font-size: 24px;
      width: 24px;
      height: 24px;
      font-weight: normal; }
    .panel-btn > a:hover {
      color: #0083af; }

.panel-header-wrap {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #d9d9d9;
  *zoom: 1;
  padding: 0px 0px 0px 60px;
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 100%;
  width: calc(100% - 0px);
  -webkit-transition: width 0.4s ease-in-out 0.15s;
  -moz-transition: width 0.4s ease-in-out 0.15s;
  transition: width 0.4s ease-in-out 0.15s; }
  .panel-header-wrap:before, .panel-header-wrap:after {
    content: " ";
    display: table; }
  .panel-header-wrap:after {
    clear: both; }

.secondary-menu-open .panel-header-wrap {
  width: 90%;
  width: calc(100% - 239px);
  -webkit-transition: width 0.4s ease-in-out 0.15s;
  -moz-transition: width 0.4s ease-in-out 0.15s;
  transition: width 0.4s ease-in-out 0.15s; }

.tool-page-actions .button-action-bar {
  width: 240px;
  height: 59px; }

.button-action-bar {
  border-left: 1px solid #d9d9d9;
  width: 240px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative; }
  .button-action-bar .icon-wrapper {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px; }
  .button-action-bar:hover {
    background-color: whitesmoke; }
  .button-action-bar .button-label, .button-action-bar .view-button {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    padding: 0px 0px 0px 20px;
    font-size: 14px;
    line-height: 14px; }
    .button-action-bar .button-label small, .button-action-bar .view-button small {
      font-size: 10px;
      color: #949494;
      font-weight: normal; }
    .button-action-bar .button-label button, .button-action-bar .view-button button {
      padding: 0; }
  .button-action-bar [data-view-component="button"] {
    display: table-cell;
    vertical-align: middle;
    height: 59px;
    padding: 0px 0px 0px 20px;
    font-size: 14px;
    line-height: 14px; }
  .button-action-bar.active {
    background: white; }

.action-bar-navigation {
  width: 240px;
  height: auto;
  position: absolute;
  border-left: 1px solid #d9d9d9;
  background-color: white;
  z-index: 200;
  top: 59px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #e5e5e5; }
  .action-bar-navigation .divider {
    border-bottom: 1px solid #949494; }
  .action-bar-navigation li {
    float: none;
    border-left: none;
    border-bottom: 1px solid #e5e5e5; }
    .action-bar-navigation li:last-of-type {
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
      .action-bar-navigation li:last-of-type a {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        border-bottom: none !important; }
    .action-bar-navigation li.section-divider {
      border-bottom: 1px solid #949494;
      width: 100%;
      height: 1px;
      position: relative;
      top: -1px; }
  .action-bar-navigation li a {
    width: 100%;
    height: auto;
    text-align: left;
    vertical-align: baseline;
    display: block;
    text-decoration: none;
    padding: 12px 30px 12px 10px;
    line-height: 1;
    color: #545454;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .action-bar-navigation li a:hover {
      background-color: whitesmoke; }
    .action-bar-navigation li a:focus {
      background-color: whitesmoke; }
    .action-bar-navigation li a:last-of-type {
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }

.role-switch-navigation {
  width: 240px;
  height: auto;
  position: absolute;
  background-color: white;
  z-index: 200;
  top: 60px;
  border-left: 1px solid #e5e5e5;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
  .role-switch-navigation .role-switch-navigation-list h3, .role-switch-navigation .role-switch-navigation-list .heading-three {
    color: #0095c8;
    font-weight: bold;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px, #e5e5e5;
    margin-bottom: 0;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 0px !important; }
  .role-switch-navigation .role-switch-navigation-list li {
    float: none;
    border-left: none;
    border-top: 1px solid #e5e5e5; }
    .role-switch-navigation .role-switch-navigation-list li:last-of-type {
      border-bottom: 1px solid #e5e5e5;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
      .role-switch-navigation .role-switch-navigation-list li:last-of-type a {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px; }
    .role-switch-navigation .role-switch-navigation-list li a {
      display: block;
      vertical-align: baseline;
      text-align: left;
      font-size: 14px;
      line-height: 20px;
      width: 100%;
      height: auto;
      padding: 10px;
      min-height: 40px; }
      .role-switch-navigation .role-switch-navigation-list li a small {
        font-size: 10px;
        color: #949494;
        font-weight: normal;
        line-height: 15px;
        display: block; }
      .role-switch-navigation .role-switch-navigation-list li a.cta-item .icon {
        float: right; }

.content {
  width: 100%;
  padding: 0px 60px 200px 60px;
  min-height: 1000px;
  position: relative; }

.products-news-panel {
  border-top: 1px solid #d9d9d9;
  padding: 20px 0px 0px 0px; }
  .products-news-panel .column {
    min-height: 200px;
    max-height: 200px; }
  .products-news-panel .heading-five, .products-news-panel .order-summary-totals caption, .order-summary-totals .products-news-panel caption, .products-news-panel .order-summary-totals caption, .order-summary-totals .products-news-panel caption {
    margin: 0px 0px 40px 0px;
    line-height: 20px; }
  .products-news-panel .article-extract {
    width: 260px; }
    .products-news-panel .article-extract .heading-six {
      line-height: 25px;
      margin: -5px 0px 15px 0px; }
      .products-news-panel .article-extract .heading-six .text-link {
        color: #0095c8;
        border-bottom: none; }
    .products-news-panel .article-extract .article-info {
      color: #33aad3;
      font-size: 10px;
      line-height: 20px; }
  .products-news-panel .link-list-panel li {
    *zoom: 1; }
    .products-news-panel .link-list-panel li:before, .products-news-panel .link-list-panel li:after {
      content: " ";
      display: table; }
    .products-news-panel .link-list-panel li:after {
      clear: both; }
  .products-news-panel .link-list-panel .link-item {
    margin: 0px 0px 10px 0px; }
    .products-news-panel .link-list-panel .link-item .icon {
      color: #0095c8; }
    .products-news-panel .link-list-panel .link-item .label {
      color: #545454; }
    .products-news-panel .link-list-panel .link-item:hover .label {
      color: #454545; }
  .products-news-panel.default .link-list-panel {
    width: 260px; }
  .products-news-panel.wide .link-list-panel {
    width: 460px; }

.link-item {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: transparent;
  color: #949494; }
  .link-item:hover {
    color: #c7c7c7; }
  .link-item .icon {
    line-height: 20px;
    display: inline-block;
    vertical-align: top; }
  .link-item .label {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    max-width: 90%; }

.account-bar {
  background: #0095c8;
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: auto;
  color: white;
  position: relative;
  z-index: 100; }
  .account-bar.fixed {
    position: fixed;
    top: 0px;
    left: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .account-bar.fixed .account-notification {
      padding-right: 80px !important; }
  .account-bar .account-bar-content {
    color: white;
    position: relative;
    padding: 20px 0px 20px 0px;
    width: 100%;
    height: 60px;
    min-width: 900px; }
  .account-bar .account-details {
    font-size: 14px;
    padding: 0px 0px 0px 60px; }
    .account-bar .account-details .icon-account-SMSF {
      position: relative;
      top: 2px; }
  .account-bar .account-notification {
    padding: 0px 60px 0px 0px; }
  .account-bar .btn-close {
    top: 22px;
    right: 20px;
    width: 20px;
    height: 20px;
    text-align: center; }
    .account-bar .btn-close .icon-close {
      color: white; }
    .account-bar .btn-close.hidden {
      visibility: hidden; }
  .account-bar .handle {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 40px;
    height: 6px;
    margin-left: -20px;
    opacity: 0.15; }
    .account-bar .handle .bar {
      width: 40px;
      height: 2px;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      -o-border-radius: 1px;
      border-radius: 1px;
      background: black; }
    .account-bar .handle > .bar:nth-child(1) {
      margin: 0px 0px 2px 0px; }

.account-bar-detail {
  overflow: hidden;
  background: #0095c8;
  position: absolute;
  top: 60px;
  left: 0px;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
  .account-bar-detail.closed {
    height: 0px; }
  .account-bar-detail.expanded {
    height: 300px;
    max-height: 300px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.22); }
  .account-bar-detail .account-bar-detail-content {
    margin: 0px 60px 0px 60px;
    padding: 0px 0px 0px 0px;
    *zoom: 1; }
    .account-bar-detail .account-bar-detail-content:before, .account-bar-detail .account-bar-detail-content:after {
      content: " ";
      display: table; }
    .account-bar-detail .account-bar-detail-content:after {
      clear: both; }
    .account-bar-detail .account-bar-detail-content .grid .column {
      min-height: 280px;
      max-height: 280px; }
    .account-bar-detail .account-bar-detail-content .grid.version-a > div:nth-child(1) {
      width: 240px; }
    .account-bar-detail .account-bar-detail-content .grid.version-a > div:nth-child(2) {
      width: 260px; }
    .account-bar-detail .account-bar-detail-content .grid.version-a > div:nth-child(3) {
      width: 760px; }
    .account-bar-detail .account-bar-detail-content .grid.version-b > div:nth-child(1) {
      width: 540px; }
    .account-bar-detail .account-bar-detail-content .grid.version-b > div:nth-child(2) {
      width: 720px; }
    .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(1) {
      width: 240px; }
    .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(2) {
      width: 260px; }
    .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(3) {
      width: 260px; }
    .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(4) {
      width: 460px; }
    .account-bar-detail .account-bar-detail-content .grid.version-d > div:nth-child(1) {
      width: 260px; }
    .account-bar-detail .account-bar-detail-content .grid.version-d > div:nth-child(2) {
      width: 260px; }
    .account-bar-detail .account-bar-detail-content .grid.version-d > div:nth-child(3) {
      width: 740px; }
    .account-bar-detail .account-bar-detail-content .section {
      border-top: 1px solid white; }
    .account-bar-detail .account-bar-detail-content h2, .account-bar-detail .account-bar-detail-content .heading-two {
      color: white;
      font-size: 14px;
      line-height: 40px;
      font-weight: bold;
      height: 40px; }
    .account-bar-detail .account-bar-detail-content p {
      color: #92c6d9; }
    .account-bar-detail .account-bar-detail-content .link-item {
      color: #92c6d9; }
    .account-bar-detail .account-bar-detail-content .gradient-bar {
      width: 100%;
      height: 100px;
      position: absolute;
      bottom: 40px;
      background: -webkit-linear-gradient(bottom, #0095c8 0%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to  top, #0095c8 0%, rgba(255, 255, 255, 0) 100%); }
    .account-bar-detail .account-bar-detail-content .summary-item-data-list.fixed-height {
      min-height: 220px;
      max-height: 220px;
      overflow-y: auto; }
    .account-bar-detail .account-bar-detail-content .summary-item-data-list li {
      line-height: 20px;
      margin: 0px 0px 0px 0px;
      *zoom: 1;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .account-bar-detail .account-bar-detail-content .summary-item-data-list li:before, .account-bar-detail .account-bar-detail-content .summary-item-data-list li:after {
        content: " ";
        display: table; }
      .account-bar-detail .account-bar-detail-content .summary-item-data-list li:after {
        clear: both; }
      .account-bar-detail .account-bar-detail-content .summary-item-data-list li:last-of-type {
        margin: 0px 0px 10px 0px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .account-bar-detail .account-bar-detail-content .summary-item-data-list li:hover {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #33aad3; }
        .account-bar-detail .account-bar-detail-content .summary-item-data-list li:hover .name, .account-bar-detail .account-bar-detail-content .summary-item-data-list li:hover .value, .account-bar-detail .account-bar-detail-content .summary-item-data-list li:hover .id, .account-bar-detail .account-bar-detail-content .summary-item-data-list li:hover .name-col, .account-bar-detail .account-bar-detail-content .summary-item-data-list li:hover .link-item {
          color: white; }
    .account-bar-detail .account-bar-detail-content .summary-item-data-list .name {
      color: #92c6d9; }
    .account-bar-detail .account-bar-detail-content .summary-item-data-list .value {
      float: right;
      color: #92c6d9; }
    .account-bar-detail .account-bar-detail-content .summary-item-data-list .id {
      float: left;
      color: #92c6d9; }
    .account-bar-detail .account-bar-detail-content .summary-item-data-list .name-col {
      width: 280px;
      float: left; }

.push-up-1 {
  margin-top: 20px !important; }

.push-up-2 {
  margin-top: 40px !important; }

.push-up-3 {
  margin-top: 60px !important; }

.push-up-4 {
  margin-top: 80px !important; }

.push-down-1 {
  margin-bottom: 20px !important; }

.push-down-2 {
  margin-bottom: 40px !important; }

.push-down-3 {
  margin-bottom: 60px !important; }

.push-down-4 {
  margin-bottom: 80px !important; }

.push-right-1 {
  padding-right: 20px !important; }

.push-right-2 {
  padding-right: 40px !important; }

.push-right-3 {
  padding-right: 60px !important; }

.push-right-4 {
  padding-right: 80px !important; }

.push-right-5 {
  padding-right: 100px !important; }

.push-right-6 {
  padding-right: 120px !important; }

.push-right-7 {
  padding-right: 140px !important; }

.push-right-8 {
  padding-right: 160px !important; }

.push-right-9 {
  padding-right: 180px !important; }

.push-right-10 {
  padding-right: 200px !important; }

.push-left-1, .first-column-push-left td:first-child, .first-column-push-left th:first-child, .first-column-push-left td:first-child, .first-column-push-left th:first-child {
  padding-left: 20px !important; }

.push-left-2 {
  padding-left: 40px !important; }

.push-left-3 {
  padding-left: 60px !important; }

.push-left-4 {
  padding-left: 80px !important; }

.push-left-5 {
  padding-left: 100px !important; }

.push-left-6 {
  padding-left: 120px !important; }

.push-left-7 {
  padding-left: 140px !important; }

.push-left-8 {
  padding-left: 160px !important; }

.push-left-9 {
  padding-left: 180px !important; }

.push-left-10 {
  padding-left: 200px !important; }

.gutter-right-1, .grid .columns-1.border-right-2, .grid .columns-2.border-right-2, .grid .columns-3.border-right-2, .grid .columns-4.border-right-2, .grid .columns-5.border-right-2, .grid .columns-6.border-right-2, .grid .columns-7.border-right-2, .grid .columns-8.border-right-2, .grid .columns-9.border-right-2, .grid .columns-10.border-right-2, .grid .columns-11.border-right-2, .grid .columns-12.border-right-2, .grid .columns-13.border-right-2, .grid .columns-14.border-right-2, .grid .columns-15.border-right-2, .grid .columns-16.border-right-2, .grid .columns-17.border-right-2, .grid .columns-18.border-right-2, .grid .columns-19.border-right-2, .grid .columns-20.border-right-2, .grid .columns-21.border-right-2, .grid .columns-22.border-right-2, .grid .columns-23.border-right-2, .grid .columns-24.border-right-2, .grid .columns-25.border-right-2, .grid .columns-26.border-right-2, .grid .columns-27.border-right-2, .grid .columns-28.border-right-2, .grid .columns-29.border-right-2, .grid .columns-30.border-right-2, .grid .columns-31.border-right-2, .grid .columns-32.border-right-2, .grid .columns-33.border-right-2, .grid .columns-34.border-right-2, .grid .columns-35.border-right-2, .grid .columns-36.border-right-2, .grid .columns-37.border-right-2, .grid .columns-38.border-right-2, .grid .columns-39.border-right-2, .grid .columns-40.border-right-2, .grid .columns-41.border-right-2, .footer-links .column, .products-news-panel .article-extract, .account-bar-detail .account-bar-detail-content .grid.version-a > div:nth-child(2), .account-bar-detail .account-bar-detail-content .grid.version-b > div:nth-child(1), .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(2), .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(3), .account-bar-detail .account-bar-detail-content .grid.version-d > div:nth-child(1), .account-bar-detail .account-bar-detail-content .grid.version-d > div:nth-child(2), div[data-view-component="button"], .margin-right-1 {
  margin-right: 20px; }

.gutter-right-2, .account-bar-detail .account-bar-detail-content .grid.version-a > div:nth-child(1), .account-bar-detail .account-bar-detail-content .grid.version-c > div:nth-child(1), .btn-action-primary, .margin-right-2 {
  margin-right: 40px; }

.gutter-right-3, .margin-right-3 {
  margin-right: 60px; }

.gutter-right-4 {
  margin-right: 80px; }

.gutter-right-5 {
  margin-right: 100px; }

.gutter-left-1, .grid .columns-1.border-left-2, .grid .columns-2.border-left-2, .grid .columns-3.border-left-2, .grid .columns-4.border-left-2, .grid .columns-5.border-left-2, .grid .columns-6.border-left-2, .grid .columns-7.border-left-2, .grid .columns-8.border-left-2, .grid .columns-9.border-left-2, .grid .columns-10.border-left-2, .grid .columns-11.border-left-2, .grid .columns-12.border-left-2, .grid .columns-13.border-left-2, .grid .columns-14.border-left-2, .grid .columns-15.border-left-2, .grid .columns-16.border-left-2, .grid .columns-17.border-left-2, .grid .columns-18.border-left-2, .grid .columns-19.border-left-2, .grid .columns-20.border-left-2, .grid .columns-21.border-left-2, .grid .columns-22.border-left-2, .grid .columns-23.border-left-2, .grid .columns-24.border-left-2, .grid .columns-25.border-left-2, .grid .columns-26.border-left-2, .grid .columns-27.border-left-2, .grid .columns-28.border-left-2, .grid .columns-29.border-left-2, .grid .columns-30.border-left-2, .grid .columns-31.border-left-2, .grid .columns-32.border-left-2, .grid .columns-33.border-left-2, .grid .columns-34.border-left-2, .grid .columns-35.border-left-2, .grid .columns-36.border-left-2, .grid .columns-37.border-left-2, .grid .columns-38.border-left-2, .grid .columns-39.border-left-2, .grid .columns-40.border-left-2, .grid .columns-41.border-left-2, [data-view-component='inputcheckbox'], [data-view-component='forminputcheckbox'], [data-view-component='forminputradios'] {
  margin-left: 20px; }

.gutter-left-2 {
  margin-left: 40px; }

.gutter-left-3 {
  margin-left: 60px !important; }

.gutter-left-4 {
  margin-left: 80px !important; }

.gutter-left-5 {
  margin-left: 100px !important; }

.margin-bottom-0, .response-message [data-view-component="button"] {
  margin-bottom: 0; }

.gutter-bottom-half, [data-view-component='forminputtext'], .response-message [data-view-component="button"]:last-of-type, .margin-bottom-half {
  margin-bottom: 10px; }

.gutter-bottom-1, .grid.border-bottom-2, .grid .border-bottom-2, div[data-view-component="button"], p, [data-view-component='messagealert'], [data-view-component="lastupdatedtime"], [data-view-component="inputinputautocomplete"], [data-view-component="inputdaterange"], [data-view-component="inputdate"], [data-view-component='inputtextarea'], .def-list-style-1, .margin-bottom-1 {
  margin-bottom: 20px; }

.gutter-bottom-2, [data-view-component="messagescroll"], [data-mvc-component="tablev2"], .def-list-style-2, .margin-bottom-2 {
  margin-bottom: 40px; }

.gutter-bottom-3, .margin-bottom-3 {
  margin-bottom: 60px; }

.gutter-bottom-4 {
  margin-bottom: 80px; }

.gutter-bottom-5 {
  margin-bottom: 100px; }

.gutter-top-half, .response-message [data-view-component="button"]:first-of-type, .margin-top-half {
  margin-top: 10px; }

.gutter-top-1, .grid.border-top-2, .grid .border-top-2, [data-view-component="messagescroll"] {
  margin-top: 20px; }

.gutter-top-2 {
  margin-top: 40px; }

.gutter-top-3 {
  margin-top: 60px; }

.gutter-top-4 {
  margin-top: 80px; }

.gutter-top-5 {
  margin-top: 100px; }





[data-view-component='forminputtext']:before {
  content: "";
  clear: left; }



[data-view-component="termsandconditions"] [data-view-component='forminputcheckbox'], [data-view-component="termsandconditions"] [data-view-component='inputcheckbox'] {
  margin-left: 0; }

[data-view-component='forminputtextarea'] [data-view-component='inputtextarea'], [data-view-component='forminputdaterange'] [data-view-component='inputdaterange'], [data-view-component='forminputdate'] [data-view-component='inputdate'] {
  margin-bottom: 0px; }

.grouped [data-view-component="inputdaterange"], .grouped [data-view-component="inputdate"], .grouped [data-view-component="forminputdaterange"] {
  margin-bottom: 0 !important; }



@media only screen and (min-width: 1200px) and (max-width: 4000px) {
  #tabular-data-fluid .table-pagination-row {
    display: none; } }

@media only screen and (max-width: 1200px) { }

.page-statement {
  margin: 0px 0px 20px 0px;
  color: #0095c8; }
  .page-statement figure {
    display: inline-block; }
  .page-statement .date-link, .page-statement .drop-down-link {
    display: inline-block;
    position: relative;
    line-height: normal; }
    .page-statement .date-link > a, .page-statement .drop-down-link > a {
      color: #0095c8;
      border-bottom: 2px dotted #0095c8;
      line-height: 0.9;
      display: inline-block; }
      .page-statement .date-link > a .icon-arrow-expand-open, .page-statement .drop-down-link > a .icon-arrow-expand-open {
        vertical-align: text-top;
        position: relative;
        top: 10px;
        text-indent: -3px; }

.panel {
  width: 860px;
  padding: 15px 15px 20px;
  background: white;
  border: 5px solid whitesmoke;
  position: relative;
  right: 20px;
  margin: 0 0 50px; }
  .panel .table-data-default {
    margin: 0 0 40px; }

.actions-row {
  *zoom: 1;
  max-width: 820px;
  margin: 0px 0px 30px 0px;
  *zoom: 1; }
  .actions-row:before, .actions-row:after {
    content: " ";
    display: table; }
  .actions-row:after {
    clear: both; }
  .actions-row:before, .actions-row:after {
    content: " ";
    display: table; }
  .actions-row:after {
    clear: both; }
  .actions-row .btn-action-primary, .actions-row .btn-action-secondary, .actions-row .btn-action-tertiary {
    margin: 0px 30px 0px 0px; }

.helpful-information-cta {
  position: relative;
  *zoom: 1;
  max-width: 820px;
  background: #e1dbdf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 40px 80px 60px 40px; }
  .helpful-information-cta:before, .helpful-information-cta:after {
    content: " ";
    display: table; }
  .helpful-information-cta:after {
    clear: both; }
  .helpful-information-cta .icon-support-help {
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #694e5f;
    position: absolute;
    top: 60px;
    right: 60px; }
  .helpful-information-cta .checklist > li, .helpful-information-cta .btn-action-secondary, .helpful-information-cta p, .helpful-information-cta h1, .helpful-information-cta .heading-one, .helpful-information-cta h2, .helpful-information-cta .heading-two, .helpful-information-cta h3, .helpful-information-cta .heading-three, .helpful-information-cta h4, .helpful-information-cta .heading-four, .helpful-information-cta h5, .helpful-information-cta .heading-five, .helpful-information-cta h6, .helpful-information-cta .heading-six {
    color: #694e5f; }
  .helpful-information-cta .heading-three, .helpful-information-cta .page-statement {
    margin: 0px 0px 40px 0px; }
  .helpful-information-cta .heading-seven {
    margin: 0px 0px 10px 0px; }
  .helpful-information-cta .checklist > li {
    margin: 0px 0px 10px 0px;
    position: relative;
    padding: 0px 0px 0px 25px; }
    .helpful-information-cta .checklist > li:before {
      content: "\e025";
      font-family: 'bt-panorama';
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 16px; }
    .helpful-information-cta .checklist > li:last-of-type {
      margin: 0px 0px 20px 0px; }
  .helpful-information-cta .btn-action-secondary {
    border: 3px solid #ccc2c8; }
    .helpful-information-cta .btn-action-secondary:hover {
      color: #694e5f; }

.completion-figure {
  width: 160px;
  height: 160px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #c7c7c7;
  position: relative;
  display: inline-block; }
  .completion-figure .arc {
    position: absolute;
    top: -3px;
    bottom: 0px;
    left: -3px;
    width: 160px;
    height: 160px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: transparent; }
  .completion-figure.one-hundred .arc {
    border: 3px solid #6ba33e;
    clip: rect(0);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  .completion-figure.one-hundred .percentage-value {
    color: #6ba33e; }
  .completion-figure.sixty-six .arc {
    border: 3px solid #e97300;
    clip: rect(0, 160px, 120px, 0);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -ms-transform: rotate(120deg); }
  .completion-figure.sixty-six .percentage-value {
    color: #e97300; }
  .completion-figure.thirty-three .arc {
    border: 3px solid #454545;
    clip: rect(0, 160px, 50px, 0);
    -webkit-transform: rotate(66deg);
    transform: rotate(66deg);
    -ms-transform: rotate(66deg); }
  .completion-figure.thirty-three .percentage-value {
    color: #454545; }
  .completion-figure.twenty-five .arc {
    border: 3px solid #949494;
    clip: rect(0, 160px, 25px, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); }
  .completion-figure.twenty-five .percentage-value {
    color: #949494; }
  .completion-figure figcaption {
    width: 154px;
    height: 154px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1; }
    .completion-figure figcaption .percentage-value {
      font-size: 40px;
      font-weight: bold; }
      .completion-figure figcaption .percentage-value em {
        font-size: 20px;
        line-height: 1;
        vertical-align: top;
        position: relative;
        top: 5px;
        right: 0px;
        bottom: 0px;
        left: 2px; }
    .completion-figure figcaption .horizontal-divider {
      width: 20px;
      height: 0px;
      border-bottom: 1px solid #c7c7c7;
      margin: 7px auto; }
    .completion-figure figcaption .label {
      font-size: 10px;
      font-weight: bold;
      color: #949494;
      text-transform: uppercase; }

.points-figure {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background: transparent; }
  .points-figure.forty-points {
    border: 3px solid #6ba33e; }
    .points-figure.forty-points .points-value {
      color: #6ba33e; }
  .points-figure.twenty-points {
    background: #6ba33e; }
    .points-figure.twenty-points .points-value {
      color: white; }
    .points-figure.twenty-points .label {
      color: #b5d19e; }
    .points-figure.twenty-points figcaption {
      width: 100px;
      height: 100px; }
      .points-figure.twenty-points figcaption .horizontal-divider {
        border-bottom: 1px solid #b5d19e; }
  .points-figure.zero-points {
    border: 2px dotted #c7c7c7; }
    .points-figure.zero-points .points-value {
      color: #545454; }
    .points-figure.zero-points figcaption {
      width: 96px;
      height: 96px; }
  .points-figure figcaption {
    width: 94px;
    height: 94px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1; }
    .points-figure figcaption .points-value {
      font-size: 25px;
      font-weight: bold; }
    .points-figure figcaption .horizontal-divider {
      width: 20px;
      height: 0px;
      border-bottom: 1px solid #c7c7c7;
      margin: 7px auto; }
    .points-figure figcaption .label {
      font-size: 10px;
      font-weight: bold;
      color: #949494;
      text-transform: uppercase; }

.account-transfer.multiline .transfer-status .circle-divider {
  height: 17px; }
.account-transfer.multiline .transfer-status .arrow-line {
  height: 20px; }

.account-from, .account-to {
  *zoom: 1; }
  .account-from:before, .account-from:after, .account-to:before, .account-to:after {
    content: " ";
    display: table; }
  .account-from:after, .account-to:after {
    clear: both; }
  .account-from .transfer-status, .account-to .transfer-status {
    width: 60px;
    height: 60px; }
  .account-from p, .account-to p {
    width: 400px;
    margin: 10px 0 0 0; }
    .account-from p .bsb-no, .account-to p .bsb-no {
      margin: 0 20px 0 0; }

.transfer-status {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0; }
  .transfer-status.pending .to {
    border: 2px dotted #c7c7c7; }
    .transfer-status.pending .to .label {
      width: 36px;
      height: 36px;
      color: #545454; }
  .transfer-status.failed .to {
    background: #e62615; }
    .transfer-status.failed .to .label {
      color: white; }
  .transfer-status.in-progress .to {
    background: #e97300; }
    .transfer-status.in-progress .to .label {
      color: white; }
  .transfer-status.success .to {
    background: #6ba33e; }
    .transfer-status.success .to .label {
      color: white; }
  .transfer-status .circle {
    position: absolute;
    background: transparent;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c7c7c7; }
  .transfer-status .circle-top {
    top: 0px;
    z-index: 5; }
  .transfer-status .circle-bottom {
    bottom: -1px;
    z-index: 5; }
  .transfer-status .circle-divider {
    width: 20px;
    height: auto;
    min-height: 7px;
    background: #fafafa;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    position: absolute;
    top: 57px;
    left: 50%;
    margin-left: -10px;
    z-index: 10; }
  .transfer-status .transfer-arrow {
    position: absolute;
    top: auto;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    z-index: 15; }
    .transfer-status .transfer-arrow:after {
      content: '';
      position: absolute;
      border: solid transparent;
      top: 10px;
      left: 1px;
      width: 0;
      height: 0;
      border-top-color: white;
      border-width: 7px;
      margin-left: 0px;
      z-index: -1; }
  .transfer-status .arrow-line {
    background: #545454;
    width: 2px;
    height: auto;
    min-height: 20px;
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 20;
    margin-left: -1px; }
  .transfer-status .from {
    background: transparent;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #545454;
    position: absolute;
    top: 10px;
    left: 10px; }
    .transfer-status .from .label {
      width: 36px;
      height: 36px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      line-height: 1;
      text-transform: uppercase;
      font-size: 10px;
      font-weight: bold; }
  .transfer-status .to {
    background: transparent;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    left: 10px; }
    .transfer-status .to .label {
      width: 40px;
      height: 40px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      line-height: 1;
      color: #545454;
      text-transform: uppercase;
      font-size: 10px;
      font-weight: bold; }

.expanded-level {
  position: relative; }

.expanded-level-container {
  margin: 20px 0 0 0;
  width: 100%;
  height: 140px;
  background: whitesmoke;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  position: relative; }
  .expanded-level-container.default {
    display: none; }
  .expanded-level-container .expanded-level-content {
    padding: 20px 20px; }
  .expanded-level-container:before, .expanded-level-container:after {
    content: '';
    position: absolute;
    border: solid transparent;
    bottom: 100%;
    width: 0;
    height: 0;
    left: 20px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .expanded-level-container:after {
    border-bottom-color: whitesmoke;
    border-width: 10px;
    margin-left: -10px; }
  .expanded-level-container:before {
    border-bottom-color: #c7c7c7;
    border-width: 11px;
    margin-left: -11px; }

.chart-summary {
  width: 400px;
  height: auto;
  margin: 0 0 0 0 !important; }

.chart-legend {
  padding: 20px 0px 40px 0px;
  *zoom: 1;
  max-width: 820px;
  margin: 0 0 0 0 !important; }
  .chart-legend:before, .chart-legend:after {
    content: " ";
    display: table; }
  .chart-legend:after {
    clear: both; }
  .chart-legend > li {
    display: inline-block;
    width: 100px;
    height: auto; }
    .chart-legend > li.australian-shares .chart-key {
      border: 4px solid #8fbb55; }
    .chart-legend > li.international-shares .chart-key {
      border: 4px solid #18a1d7; }
    .chart-legend > li.listed-property .chart-key {
      border: 4px solid #2170ac; }
    .chart-legend > li.direct-property .chart-key {
      border: 4px solid #0f1d72; }
    .chart-legend > li.australian-fixed .chart-key {
      border: 4px solid #653788; }
    .chart-legend > li.international-fixed .chart-key {
      border: 4px solid #863185; }
    .chart-legend > li.cash .chart-key {
      border: 4px solid #c6cb35; }
    .chart-legend > li.other .chart-key {
      border: 4px solid #e1da43; }
    .chart-legend > li .chart-key {
      width: 20px;
      height: 20px;
      display: inline-block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      margin: 0 10px 0 0;
      vertical-align: top; }
    .chart-legend > li .chart-key-label {
      font-size: 12px;
      line-height: 14px;
      display: inline-block;
      vertical-align: top;
      font-weight: bold; }

.chart-overlay {
  background: white;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  border: 1px solid #d9d9d9;
  z-index: 30;
  padding: 60px 40px 60px 40px;
  width: 420px;
  height: auto; }
  .chart-overlay .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px; }

.modal-page {
  padding: 30px;
  height: 100%;
  display: table;
  table-layout: fixed;
  text-align: center;
  vertical-align: middle;
  width: 100%; }

.modal-wrapper {
  display: table-cell;
  height: 100%;
  outline: none;
  width: 100%; }

.modal-trigger {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%; }
  .modal-trigger > button:active {
    outline: none; }

/* General styles for the modal */
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 1002;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.md-show {
  visibility: visible; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(84, 84, 84, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible; }

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-modal .modal {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.md-show.md-modal .modal {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.completion-figure {
  width: 160px;
  height: 160px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #c7c7c7;
  position: relative;
  display: inline-block; }
  .completion-figure .arc {
    position: absolute;
    top: -3px;
    bottom: 0px;
    left: -3px;
    width: 160px;
    height: 160px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: transparent; }
  .completion-figure.one-hundred .arc {
    border: 3px solid #6ba33e;
    clip: rect(0);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  .completion-figure.one-hundred .percentage-value {
    color: #6ba33e; }
  .completion-figure.sixty-six .arc {
    border: 3px solid #e97300;
    clip: rect(0, 160px, 120px, 0);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -ms-transform: rotate(120deg); }
  .completion-figure.sixty-six .percentage-value {
    color: #e97300; }
  .completion-figure.thirty-three .arc {
    border: 3px solid #454545;
    clip: rect(0, 160px, 50px, 0);
    -webkit-transform: rotate(66deg);
    transform: rotate(66deg);
    -ms-transform: rotate(66deg); }
  .completion-figure.thirty-three .percentage-value {
    color: #454545; }
  .completion-figure.twenty-five .arc {
    border: 3px solid #949494;
    clip: rect(0, 160px, 25px, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); }
  .completion-figure.twenty-five .percentage-value {
    color: #949494; }
  .completion-figure figcaption {
    width: 154px;
    height: 154px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1; }
    .completion-figure figcaption .percentage-value {
      font-size: 40px;
      font-weight: bold; }
      .completion-figure figcaption .percentage-value em {
        font-size: 20px;
        line-height: 1;
        vertical-align: top;
        position: relative;
        top: 5px;
        right: 0px;
        bottom: 0px;
        left: 2px; }
    .completion-figure figcaption .horizontal-divider {
      width: 20px;
      height: 0px;
      border-bottom: 1px solid #c7c7c7;
      margin: 7px auto; }
    .completion-figure figcaption .label {
      font-size: 10px;
      font-weight: bold;
      color: #949494;
      text-transform: uppercase; }

.points-figure {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background: transparent; }
  .points-figure.forty-points {
    border: 3px solid #6ba33e; }
    .points-figure.forty-points .points-value {
      color: #6ba33e; }
  .points-figure.twenty-points {
    background: #6ba33e; }
    .points-figure.twenty-points .points-value {
      color: white; }
    .points-figure.twenty-points .label {
      color: #b5d19e; }
    .points-figure.twenty-points figcaption {
      width: 100px;
      height: 100px; }
      .points-figure.twenty-points figcaption .horizontal-divider {
        border-bottom: 1px solid #b5d19e; }
  .points-figure.zero-points {
    border: 2px dotted #c7c7c7; }
    .points-figure.zero-points .points-value {
      color: #545454; }
    .points-figure.zero-points figcaption {
      width: 96px;
      height: 96px; }
  .points-figure figcaption {
    width: 94px;
    height: 94px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1; }
    .points-figure figcaption .points-value {
      font-size: 25px;
      font-weight: bold; }
    .points-figure figcaption .horizontal-divider {
      width: 20px;
      height: 0px;
      border-bottom: 1px solid #c7c7c7;
      margin: 7px auto; }
    .points-figure figcaption .label {
      font-size: 10px;
      font-weight: bold;
      color: #949494;
      text-transform: uppercase; }

.service-feedback .page-title {
  border-bottom: none;
  padding: 0;
  margin: 0 0 50px !important; }
  .service-feedback .page-title h1, .service-feedback .page-title .heading-one {
    margin: 0 0 20px !important; }
  .service-feedback .page-title p {
    margin: 0 !important; }
.service-feedback .fieldset-feedback {
  margin: 0 0 40px 0; }
  .service-feedback .fieldset-feedback .feedback-info {
    position: relative;
    width: 740px;
    height: auto;
    margin: 40px 0; }
  .service-feedback .fieldset-feedback p {
    display: inline-block;
    width: auto;
    margin: 0 0 0 50px; }
  .service-feedback .fieldset-feedback .icon-container {
    position: absolute;
    top: 30px;
    left: 0px; }
  .service-feedback .fieldset-feedback .form-element {
    width: 740px;
    height: auto; }
    .service-feedback .fieldset-feedback .form-element #textarea-add-feedback {
      height: 320px !important; }

.feedback-confirmation .content {
  width: 820px;
  height: auto; }
.feedback-confirmation .unordered-list {
  margin-bottom: 40px; }

.feedback-confirmation-summary .content {
  width: 820px;
  height: auto; }
.feedback-confirmation-summary .complaint-status {
  width: 400px;
  height: auto;
  *zoom: 1;
  margin: 0 0 60px 0; }
  .feedback-confirmation-summary .complaint-status:before, .feedback-confirmation-summary .complaint-status:after {
    content: " ";
    display: table; }
  .feedback-confirmation-summary .complaint-status:after {
    clear: both; }
  .feedback-confirmation-summary .complaint-status :nth-child(3), .feedback-confirmation-summary .complaint-status :nth-child(4) {
    margin-bottom: 20px; }
  .feedback-confirmation-summary .complaint-status dt {
    font-weight: bold;
    width: 140px;
    height: auto; }
  .feedback-confirmation-summary .complaint-status dd {
    width: 260px;
    height: auto; }
.feedback-confirmation-summary .actions-row {
  padding: 20px 0;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  margin: 0 0 60px 0; }
  .feedback-confirmation-summary .actions-row .btn-action-tertiary {
    margin: 0 40px 0 0 !important; }

.trade-order-capture .page-title {
  margin: 0px 0px 80px 0px; }
.trade-order-capture .disclaimer {
  *zoom: 1;
  max-width: 820px; }
  .trade-order-capture .disclaimer:before, .trade-order-capture .disclaimer:after {
    content: " ";
    display: table; }
  .trade-order-capture .disclaimer:after {
    clear: both; }

.trade-order-capture-confirmation {
  margin: 40px 0px 0px 0px; }
  .trade-order-capture-confirmation .page-title {
    margin: 0px 0px 40px 0px; }

.trading-order-pad {
  width: auto;
  height: 60px;
  border-bottom: 1px solid #d9d9d9;
  *zoom: 1;
  padding: 0px 0px 0px 60px;
  background: #fafafa; }
  .trading-order-pad:before, .trading-order-pad:after {
    content: " ";
    display: table; }
  .trading-order-pad:after {
    clear: both; }
  .trading-order-pad.fixed {
    position: fixed;
    top: 0px;
    left: 80px;
    z-index: 50; }

/**
    * US839 fix for US560.
    * http://dwgps0026/twiki/bin/view/NextGen/ScreenTechDesignOrderCapture#HTML_Styles
    */
.trading-row > td .trading-row-content .col-b {
  width: 116px; }

.trading-row > td .trading-row-content .row-b .buy-amount .text-input {
  padding: 5px 7px 5px 7px; }

.trading-row > td .trading-row-content .buy-amount-display {
  padding: 5px 10px; }

.order-capture .validation-container {
  padding: 0; }

.trading-row > td .trading-row-content .buy-lookup-term-deposit {
  width: 400px;
  height: auto; }

.order-capture .buy-amount-term-deposit {
  padding: 0;
  vertical-align: text-top; }

.order-capture .buy-amount-term-deposit .validation-container {
  padding: 0;
  vertical-align: text-top; }

.order-capture .form-element {
  margin: 0; }

.order-capture .validation-container .error {
  font-weight: bold;
  margin: 0;
  padding: 0; }

/* End US839 fix for US560.*/
.order-pad-actions-container {
  background: whitesmoke;
  width: 720px;
  height: 60px;
  border-left: 1px solid #d9d9d9;
  border-bottom: 3px solid #d9d9d9;
  position: relative; }
  .order-pad-actions-container:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 50;
    width: 2000px;
    height: 57px;
    background: whitesmoke;
    border-bottom: 3px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    margin: 0px 0px 0px -1px; }

.order-actions {
  position: absolute;
  width: auto;
  height: 57px; }
  .order-actions > li {
    width: auto;
    height: 57px;
    display: inline-block;
    border-right: 1px solid #d9d9d9; }
    .order-actions > li > .btn-action-add-row {
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      padding: 10px 10px 10px 20px;
      width: auto;
      height: 60px;
      border-bottom: 3px solid #d9d9d9; }
      .order-actions > li > .btn-action-add-row:active {
        box-shadow: inset 0px 2px 0 #d9d9d9;
        border-bottom: 3px solid whitesmoke; }
      .order-actions > li > .btn-action-add-row > .label {
        margin: 0px 10px 0px 0px;
        font-weight: normal; }

.available-cash {
  *zoom: 1;
  max-width: 820px;
  font-size: 14px;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 60px 0px;
  border-bottom: 1px solid #d9d9d9;
  height: 60px; }
  .available-cash:before, .available-cash:after {
    content: " ";
    display: table; }
  .available-cash:after {
    clear: both; }
  .available-cash .label-investing-cash {
    display: block;
    float: left;
    margin-right: 0%;
    width: 47.61905%; }
    .available-cash .label-investing-cash:last-child {
      margin-right: 0; }
  .available-cash .label-remaining-cash {
    display: block;
    float: left;
    margin-right: 0%;
    width: 47.61905%;
    margin-left: 2.38095%;
    text-align: right; }
    .available-cash .label-remaining-cash:last-child {
      margin-right: 0; }
  .available-cash .value {
    margin: 0px 0px 0px 5px; }
  .available-cash.fixed {
    width: 100%;
    top: 100px;
    position: fixed;
    z-index: 200;
    background: none repeat scroll 0 0 #fafafa; }

.tool-menu-container {
  position: relative;
  display: inline-block; }
  .tool-menu-container.component-collection-pos {
    margin-left: 350px; }
  .tool-menu-container.btn-icon-label .tool-menu {
    position: absolute;
    top: 35px;
    left: 50%; }
  .tool-menu-container.btn-icon-label .icon-arrow-menu:before {
    position: absolute;
    top: 8px; }

.tool-menu {
  letter-spacing: normal;
  font-weight: normal;
  position: absolute;
  top: 55px;
  left: 50%;
  z-index: 100;
  width: 200px;
  height: auto;
  border: 1px solid #c7c7c7;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  margin-left: -100px; }
  .tool-menu.default {
    display: none; }

.menu-item > a {
  font-size: 14px;
  line-height: 20px;
  color: #545454;
  font-weight: normal;
  text-align: left;
  display: block;
  min-height: 40px;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 20px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
  cursor: pointer; }
  .menu-item > a:hover {
    background: #f2f2f2; }
  .menu-item > a > .icon {
    position: relative;
    top: 1px; }
.menu-item > .sub-header {
  font-size: 14px;
  min-height: 40px;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 20px; }
  .menu-item > .sub-header:hover {
    background: transparent; }
.menu-item small {
  font-size: 10px;
  line-height: 15px;
  color: #949494;
  font-weight: normal; }
.menu-item:only-of-type a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.menu-item:first-of-type a, .menu-item:first-of-type .sub-header {
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px; }
  .menu-item:first-of-type a:before, .menu-item:first-of-type a:after, .menu-item:first-of-type .sub-header:before, .menu-item:first-of-type .sub-header:after {
    content: '';
    position: absolute;
    border: solid transparent;
    bottom: 100%;
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .menu-item:first-of-type a:after, .menu-item:first-of-type .sub-header:after {
    border-bottom-color: white;
    border-width: 10px;
    margin-left: -10px; }
  .menu-item:first-of-type a:before, .menu-item:first-of-type .sub-header:before {
    border-bottom-color: #c7c7c7;
    border-width: 11px;
    margin-left: -11px; }
  .menu-item:first-of-type a:hover:after, .menu-item:first-of-type .sub-header:hover:after {
    border-bottom-color: #f2f2f2;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
.menu-item:last-of-type a {
  border-bottom: 0px solid black;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px; }

.tab-navigation {
  word-spacing: -2px;
  letter-spacing: -2px;
  margin: 40px 0; }
  .tab-navigation > li {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    word-spacing: normal;
    letter-spacing: normal;
    margin: 0 20px 0 0;
    width: 140px; }
    .tab-navigation > li > a {
      color: #545454;
      font-weight: bold;
      line-height: 1;
      padding: 0 0 20px 0;
      border-bottom: 4px solid black; }
      .tab-navigation > li > a:hover {
        border-color: #949494 !important; }
      .tab-navigation > li > a.default {
        border-color: #c7c7c7; }
      .tab-navigation > li > a.selected {
        border-color: #545454; }

.sub-navigation {
  margin: 0px 0px 20px 0px;
  height: 40px;
  border-bottom: 1px solid #0095c8; }
  .sub-navigation > a {
    color: #949494;
    font-weight: bold;
    line-height: 1;
    margin: 0px 30px 0px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 12px 0px 14px 0px;
    position: relative; }
    .sub-navigation > a.current {
      color: #545454;
      border-bottom: 2px solid #0095c8; }
      .sub-navigation > a.current:hover {
        color: #545454; }
    .sub-navigation > a:hover {
      color: #545454; }

.sub-navigation-primary {
  word-spacing: -2px;
  letter-spacing: -2px;
  border-bottom: 1px solid #c7c7c7;
  padding: 0 0 20px; }
  .sub-navigation-primary > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-spacing: normal;
    letter-spacing: normal;
    margin: 0 0 0 20px; }
    .sub-navigation-primary > li > a {
      display: table;
      font-weight: bold;
      line-height: 1;
      height: 40px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px;
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out; }
      .sub-navigation-primary > li > a > span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        min-width: 140px;
        padding: 0 20px;
        height: 40px; }
    .sub-navigation-primary > li.default > a {
      color: #545454;
      background: whitesmoke;
      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 white inset; }
      .sub-navigation-primary > li.default > a:hover {
        background: #e5e5e5; }
    .sub-navigation-primary > li.selected > a {
      color: white;
      background: #545454; }
    .sub-navigation-primary > li.selected:before, .sub-navigation-primary > li.selected:after {
      content: '';
      position: absolute;
      border: solid transparent;
      bottom: -21px;
      width: 0;
      height: 0;
      left: 50%; }
    .sub-navigation-primary > li.selected:after {
      border-bottom-color: #fafafa;
      border-width: 10px;
      margin-left: -10px; }
    .sub-navigation-primary > li.selected:before {
      border-bottom-color: #c7c7c7;
      border-width: 11px;
      margin-left: -11px; }

.sub-navigation-secondary {
  word-spacing: -2px;
  letter-spacing: -2px;
  border-top: #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 20px 20px;
  background: whitesmoke; }
  .sub-navigation-secondary > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-spacing: normal;
    letter-spacing: normal;
    margin: 0 20px 0 0; }
    .sub-navigation-secondary > li > a {
      display: table;
      font-weight: bold;
      line-height: 1;
      height: 40px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px;
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out; }
      .sub-navigation-secondary > li > a > span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        min-width: 140px;
        padding: 0 20px; }
    .sub-navigation-secondary > li.default > a {
      color: #545454;
      background: whitesmoke;
      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), 0 -1px 0 white inset; }
      .sub-navigation-secondary > li.default > a:hover {
        background: #e5e5e5; }
    .sub-navigation-secondary > li.selected > a {
      color: white;
      background: #545454; }
    .sub-navigation-secondary > li.selected:before, .sub-navigation-secondary > li.selected:after {
      content: '';
      position: absolute;
      border: solid transparent;
      bottom: 150%;
      width: 0;
      height: 0;
      left: 50%; }
    .sub-navigation-secondary > li.selected:after {
      border-bottom-color: whitesmoke;
      border-width: 10px;
      margin-left: -10px; }
    .sub-navigation-secondary > li.selected:before {
      border-bottom-color: #c7c7c7;
      border-width: 11px;
      margin-left: -11px; }

.page-tools-section {
  font-size: 14px;
  *zoom: 1;
  max-width: 820px;
  padding: 0px 0px 0px 20px; }
  .page-tools-section:before, .page-tools-section:after {
    content: " ";
    display: table; }
  .page-tools-section:after {
    clear: both; }

.page-update-status {
  color: #545454;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .page-update-status > .icon {
    position: relative;
    top: 2px;
    color: #0095c8; }
  .page-update-status:hover {
    color: #707070; }
    .page-update-status:hover .icon {
      color: #039fd4; }
  .page-update-status:active {
    color: #707070; }
    .page-update-status:active .icon {
      color: #0095c8; }
  .page-update-status:focus {
    color: #707070; }
    .page-update-status:focus .icon {
      color: #039fd4; }

.page-tools > li {
  display: inline-block;
  margin: 0px 30px 0px 0px; }
  .page-tools > li:last-of-type {
    margin: 0px 0px 0px 0px; }
  .page-tools > li > a {
    display: inline-block;
    color: #2c2a29; }
    .page-tools > li > a > .icon {
      margin: 0px 0px 0px 10px;
      color: #0095c8; }
      .page-tools > li > a > .icon.icon-download {
        position: relative;
        top: 2px; }
      .page-tools > li > a > .icon.icon-print {
        position: relative;
        top: 1px; }
.page-tools .tool-menu {
  top: 35px; }

.page-tools-section {
  font-size: 14px;
  *zoom: 1;
  max-width: 820px;
  padding: 0px 0px 0px 20px; }
  .page-tools-section:before, .page-tools-section:after {
    content: " ";
    display: table; }
  .page-tools-section:after {
    clear: both; }

/*
 * qTip2 - Pretty powerful tooltips - v2.2.0
 * http://qtip2.com
 *
 * Copyright (c) 2014 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Sat Mar 15 2014 09:24 EDT-0400
 * Plugins: tips viewport imagemap svg modal
 * Styles: basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 14px;
  line-height: 20px;
  direction: ltr;
  padding: 0; }

.qtip-content {
  position: relative;
  padding: 5px 9px 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word; }

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold; }

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important; }

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent; }

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px; }

* html .qtip-titlebar .qtip-close {
  top: 16px; }

/* IE fix */
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr; }

.qtip-icon, .qtip-icon .ui-icon {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none; }

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  color: inherit;
  background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */

/* Default tooltip style */
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #ffffa3;
  color: #555555; }

.qtip-default .qtip-titlebar {
  background-color: #ffef93; }

.qtip-default .qtip-icon {
  border-color: #cccccc;
  background: #f1f1f1;
  color: #777777; }

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaaaaa;
  color: #111111; }

/*! Light tooltip style */
.qtip-light {
  background-color: white;
  border-color: #e2e2e2;
  color: #454545; }

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1; }

.qtip-rounded .qtip-titlebar {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none; }

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10; }

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden; }

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: white;
  background: transparent;
  border: 0 dashed transparent; }

.qtip .qtip-tip canvas {
  top: 0;
  left: 0; }

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible; }

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 7;
  -moz-opacity: 7;
  zoom: 1; }

.qtip-content {
  color: white;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  word-break: normal; }

.primary-brand-logo {
  float: left;
  margin: 0px 0px 0px 60px; }
  .primary-brand-logo a {
    display: table-cell;
    vertical-align: middle;
    height: 60px; }

.secondary-brand-logo {
  position: absolute;
  bottom: 125px;
  left: -75px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: auto;
  height: auto; }
  .secondary-brand-logo img {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 7px 0px 0px; }
  .secondary-brand-logo figcaption {
    color: #949494;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle; }
    .secondary-brand-logo figcaption em {
      color: #c7c7c7; }

.header-statement {
  margin: 20px 0px 20px 0px;
  padding: 0;
  color: #707070; }
  .header-statement .color-secondary {
    color: #454545; }
  .header-statement .color-successful {
    color: #6ba33e; }
  .header-statement .color-unsuccessful {
    color: #e62615; }
  .header-statement .color-highlight {
    color: #0095c8; }
  .header-statement .color-warning {
    color: #e97300; }

.tooltip-wrapper .header-statement {
  padding: 0px 10px 0px 0px; }
.tooltip-wrapper .header-statement ~ [data-view-component="tooltip"] {
  margin: 20px 0px 20px 0px; }

.btn-action-primary {
  font-size: 16px;
  font-weight: bold;
  color: white;
  background: #0095c8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 0px -3px 0 #0086b4;
  width: auto;
  height: 60px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  line-height: 1; }
  .btn-action-primary .button-inner {
    min-width: 140px;
    padding: 23px 40px;
    text-align: center;
    line-height: 1;
    margin: 0;
    position: relative; }
  .btn-action-primary:hover {
    background: #039fd4; }
  .btn-action-primary:active {
    box-shadow: inset 0px 3px 0 #0086b4;
    background: #0095c8; }
  .btn-action-primary:focus {
    background: #039fd4; }
  .btn-action-primary.disabled {
    color: #c7c7c7;
    background: whitesmoke;
    border: 1px solid #c7c7c7;
    box-shadow: none; }
  .btn-action-primary.final-action {
    background: #6ba33e;
    box-shadow: inset 0px -3px 0 #609237; }
    .btn-action-primary.final-action:hover {
      background: #659a3a !important; }
    .btn-action-primary.final-action:active {
      box-shadow: inset 0px 3px 0 #609237;
      background: #6ba33e; }
    .btn-action-primary.final-action:focus {
      background: #659a3a !important; }
    .btn-action-primary.final-action.disabled {
      color: #c7c7c7;
      background: whitesmoke !important;
      border: 1px solid #c7c7c7;
      box-shadow: none; }

button.btn-action-secondary {
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  color: #545454;
  font-size: 14px;
  background: transparent;
  border: 3px solid #c7c7c7;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  width: auto;
  height: 40px;
  margin: 0px 40px 0px 0px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  padding: 8px 15px 10px 15px; }
  button.btn-action-secondary .button-inner {
    min-width: 100px;
    vertical-align: baseline;
    margin: 0px 0px 0px 0px;
    position: relative;
    min-height: 16px; }
    button.btn-action-secondary .button-inner .label-content {
      margin: 0px 36px 0px 0px; }
    button.btn-action-secondary .button-inner .icon-wrapper {
      margin: 0px 0px 0px 0px;
      width: 16px;
      height: 16px;
      vertical-align: middle; }
    button.btn-action-secondary .button-inner .spinner {
      margin: 0px 0px 0px 20px; }
  button.btn-action-secondary:hover {
    border: 3px solid #039fd4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #039fd4; }
  button.btn-action-secondary:active {
    border: 3px solid #0095c8;
    color: #0095c8; }
  button.btn-action-secondary:focus {
    border: 3px solid #039fd4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #039fd4;
    outline: none; }
  button.btn-action-secondary.active {
    color: #545454;
    border: 3px solid #545454;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  button.btn-action-secondary.disabled {
    color: #c7c7c7;
    background: white;
    border: 1px solid #d9d9d9; }
    button.btn-action-secondary.disabled .icon {
      color: #c7c7c7; }
    button.btn-action-secondary.disabled:hover, button.btn-action-secondary.disabled:focus {
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px; }
    button.btn-action-secondary.disabled.btn-add.no-label {
      padding: 10px 10px 10px 10px; }
      button.btn-action-secondary.disabled.btn-add.no-label .button-inner {
        min-width: 16px;
        max-width: 16px; }
  button.btn-action-secondary .icon-wrapper {
    position: absolute;
    top: 0px;
    right: 0px; }
  button.btn-action-secondary.disabled {
    padding: 10px 15px 10px 15px; }

a.btn-action-secondary {
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  color: #545454;
  font-size: 14px;
  background: transparent;
  border: 3px solid #c7c7c7;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  width: auto;
  height: 40px;
  margin: 0px 40px 0px 0px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  padding: 8px 15px 8px 15px; }
  a.btn-action-secondary .button-inner {
    min-width: 100px;
    vertical-align: baseline;
    margin: 0px 0px 0px 0px;
    position: relative;
    min-height: 16px; }
    a.btn-action-secondary .button-inner .label-content {
      margin: 0px 36px 0px 0px; }
    a.btn-action-secondary .button-inner .icon-wrapper {
      margin: 0px 0px 0px 0px;
      width: 16px;
      height: 16px;
      vertical-align: middle; }
    a.btn-action-secondary .button-inner .spinner {
      margin: 0px 0px 0px 20px; }
  a.btn-action-secondary:hover {
    border: 3px solid #039fd4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #039fd4; }
  a.btn-action-secondary:active {
    border: 3px solid #0095c8;
    color: #0095c8; }
  a.btn-action-secondary:focus {
    border: 3px solid #039fd4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #039fd4;
    outline: none; }
  a.btn-action-secondary.active {
    color: #545454;
    border: 3px solid #545454;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  a.btn-action-secondary.disabled {
    color: #c7c7c7;
    background: white;
    border: 1px solid #d9d9d9; }
    a.btn-action-secondary.disabled .icon {
      color: #c7c7c7; }
    a.btn-action-secondary.disabled:hover, a.btn-action-secondary.disabled:focus {
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      -o-border-radius: 40px;
      border-radius: 40px; }
    a.btn-action-secondary.disabled.btn-add.no-label {
      padding: 10px 10px 10px 10px; }
      a.btn-action-secondary.disabled.btn-add.no-label .button-inner {
        min-width: 16px;
        max-width: 16px; }
  a.btn-action-secondary .icon-wrapper {
    position: absolute;
    top: 0px;
    right: 0px; }
  a.btn-action-secondary.disabled {
    padding: 10px 15px 10px 15px; }

.btn-action-tertiary {
  font-size: 14px;
  line-height: 1px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  cursor: pointer; }
  .btn-action-tertiary > .button-inner {
    line-height: 1px;
    line-height: 1; }
  .btn-action-tertiary .label-content {
    font-weight: normal;
    margin: 0px 20px 0px 0px;
    vertical-align: middle;
    color: #545454; }
  .btn-action-tertiary .icon-wrapper {
    width: 16px;
    height: 16px;
    position: relative;
    color: #0095c8;
    vertical-align: middle;
    top: inherit;
    right: inherit; }
  .btn-action-tertiary.disabled .icon-wrapper, .btn-action-tertiary.disabled .label-content {
    color: #c7c7c7; }
  .btn-action-tertiary.disabled:hover .icon {
    color: #c7c7c7; }
  .btn-action-tertiary.disabled:hover .label-content {
    color: #c7c7c7; }
  .btn-action-tertiary em {
    font-style: normal;
    font-weight: normal;
    color: #bababa; }
  .btn-action-tertiary:hover {
    color: #707070; }
    .btn-action-tertiary:hover .icon {
      color: #039fd4; }
    .btn-action-tertiary:hover .label-content {
      color: #707070; }
  .btn-action-tertiary:active {
    color: #707070; }
    .btn-action-tertiary:active .icon {
      color: #0095c8; }
  .btn-action-tertiary:focus {
    color: #707070; }
    .btn-action-tertiary:focus .icon {
      color: #039fd4; }
    .btn-action-tertiary:focus .label-content {
      color: #707070; }
  .btn-action-tertiary.active {
    color: #0095c8; }

.switch {
  *zoom: 1;
  vertical-align: middle; }
  .switch:before, .switch:after {
    content: " ";
    display: table; }
  .switch:after {
    clear: both; }
  .switch > a {
    background: #f2f2f2;
    width: 40px;
    height: 40px;
    border: 0px solid #f2f2f2;
    box-shadow: inset 0 -2px 0 #c7c7c7;
    position: relative; }
    .switch > a > .icon {
      color: #545454;
      display: table-cell;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      text-align: center; }
    .switch > a > .label {
      color: #545454;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-weight: bold;
      width: 40px;
      height: 40px;
      font-size: 16px; }
    .switch > a.active {
      box-shadow: none;
      background: white;
      border: 3px solid #545454;
      z-index: 10; }
      .switch > a.active > .icon {
        width: 34px;
        height: 34px;
        color: #545454; }
      .switch > a.active > .label {
        width: 34px;
        height: 34px;
        color: #545454; }
        .switch > a.active > .label:after {
          border-right: none; }
      .switch > a.active:hover, .switch > a.active:focus {
        border: 3px solid #545454;
        background: whitesmoke; }
    .switch > a:first-child {
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px;
      -ms-border-radius: 5px 0px 0px 5px;
      -o-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px; }
    .switch > a:last-child {
      -webkit-border-radius: 0px 5px 5px 0px;
      -moz-border-radius: 0px 5px 5px 0px;
      -ms-border-radius: 0px 5px 5px 0px;
      -o-border-radius: 0px 5px 5px 0px;
      border-radius: 0px 5px 5px 0px; }
      .switch > a:last-child.active:before {
        display: none !important; }
    .switch > a:hover, .switch > a:focus {
      border: 0px solid #f2f2f2;
      background: #e5e5e5;
      z-index: 10; }
    .switch > a.btn-off > .label {
      font-size: 12px; }
  .switch.switch-buy-sell > a > .label {
    font-size: 12px; }
  .switch.switch-buy-sell > a:hover > .label {
    width: 40px;
    height: 40px;
    color: #545454; }
  .switch.switch-buy-sell > a.active:hover {
    background: white; }
    .switch.switch-buy-sell > a.active:hover > .label {
      width: 34px;
      height: 34px; }
  .switch.switch-buy-sell > a:last-child:before {
    position: absolute;
    top: 0px;
    left: 0px;
    border-left: 1px solid #d9d9d9;
    content: "";
    background: transparent;
    width: 0px;
    height: 39px; }
  .switch.switch-buy-sell > a:last-child.hide-vertical-divider:before {
    visibility: hidden; }
  .switch.switch-buy-sell > a.btn-buy.active {
    color: #159c96;
    border: 3px solid #159c96; }
    .switch.switch-buy-sell > a.btn-buy.active > .label {
      color: #159c96 !important; }
  .switch.switch-buy-sell > a.btn-sell.active {
    color: #627a99;
    border: 3px solid #627a99; }
    .switch.switch-buy-sell > a.btn-sell.active > .label {
      color: #627a99 !important; }
  .switch.trading-switch {
    margin: 10px 20px 0px 0px; }
  .switch.switch-data > a.btn-default {
    width: auto;
    height: auto; }
    .switch.switch-data > a.btn-default > .label {
      font-size: 12px;
      padding: 9px 18px;
      width: auto;
      min-width: 40px; }
      .switch.switch-data > a.btn-default > .label:after {
        position: absolute;
        top: 0px;
        right: 0px;
        border-right: 1px solid #d9d9d9;
        content: "";
        background: transparent;
        width: 0px;
        height: 39px; }
    .switch.switch-data > a.btn-default.active > .label {
      min-width: 34px; }
      .switch.switch-data > a.btn-default.active > .label:after {
        border-right: none; }
    .switch.switch-data > a.btn-default.active:first-child + :nth-child(2) {
      border-left: none; }
      .switch.switch-data > a.btn-default.active:first-child + :nth-child(2) > .label {
        padding-left: 18px; }
    .switch.switch-data > a.btn-default.active:first-child > .label {
      padding: 9px 15px; }
    .switch.switch-data > a.btn-default.active:nth-child(2) + :last-child {
      border-left: none; }
      .switch.switch-data > a.btn-default.active:nth-child(2) + :last-child > .label {
        padding-left: 18px; }
    .switch.switch-data > a.btn-default.active:nth-child(2) > .label {
      padding: 9px 15px; }
    .switch.switch-data > a.btn-default.active:last-child > .label {
      padding: 9px 15px; }
    .switch.switch-data > a.btn-default.disabled > .label {
      height: 38px; }
    .switch.switch-data > a.btn-default:last-child > .label:after {
      border-right: none; }
  .switch.switch-chart > a {
    min-width: 40px;
    width: auto;
    height: auto; }
    .switch.switch-chart > a > .label, .switch.switch-chart > a .icon {
      padding-right: 1px; }
    .switch.switch-chart > a.active > .label {
      left: -3px;
      width: 40px; }

.switch .disabled {
  border: 1px solid #c7c7c7;
  background: whitesmoke;
  box-shadow: none; }
  .switch .disabled.btn-sell:first-child {
    margin: 0px -1px 0px 0px; }
  .switch .disabled.btn-sell:last-child {
    margin: 0px 0px 0px -1px; }
  .switch .disabled .label {
    color: #c7c7c7 !important; }
  .switch .disabled:hover, .switch .disabled:focus {
    border: 1px solid #c7c7c7;
    box-shadow: none;
    background: whitesmoke !important; }

.convert-currency-percentage {
  width: 120px;
  height: 30px;
  display: block;
  margin: 0 0 5px 0;
  position: relative; }
  .convert-currency-percentage input[type=text] {
    width: 120px;
    height: 30px;
    padding: 2px 10px 0px;
    line-height: 1;
    position: relative;
    transition: none; }
    .convert-currency-percentage input[type=text].text-input-percentage {
      text-indent: 30px; }
  .convert-currency-percentage .btn-percentage, .convert-currency-percentage .btn-currency {
    position: absolute;
    top: 0;
    background: white;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 30; }
    .convert-currency-percentage .btn-percentage > .label, .convert-currency-percentage .btn-currency > .label {
      color: #545454;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-weight: bold;
      font-size: 14px; }
    .convert-currency-percentage .btn-percentage.active, .convert-currency-percentage .btn-currency.active {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      border: 2px solid #545454; }
      .convert-currency-percentage .btn-percentage.active > .label, .convert-currency-percentage .btn-currency.active > .label {
        width: 26px;
        height: 26px; }
    .convert-currency-percentage .btn-percentage.disabled, .convert-currency-percentage .btn-currency.disabled {
      border: 1px solid #d9d9d9; }
  .convert-currency-percentage .btn-percentage {
    right: 0; }
    .convert-currency-percentage .btn-percentage.disabled {
      -webkit-border-radius: 0px 5px 5px 0px;
      -moz-border-radius: 0px 5px 5px 0px;
      -ms-border-radius: 0px 5px 5px 0px;
      -o-border-radius: 0px 5px 5px 0px;
      border-radius: 0px 5px 5px 0px; }
      .convert-currency-percentage .btn-percentage.disabled > .label {
        width: 28px;
        height: 28px; }
  .convert-currency-percentage .btn-currency {
    left: 0; }
    .convert-currency-percentage .btn-currency.disabled {
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px;
      -ms-border-radius: 5px 0px 0px 5px;
      -o-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px; }
      .convert-currency-percentage .btn-currency.disabled > .label {
        width: 28px;
        height: 28px; }

.value-converter {
  width: 120px;
  height: 30px;
  margin: 0 0 5px 0;
  position: relative; }
  .value-converter input[type=text] {
    width: 120px;
    height: 30px;
    padding: 2px 10px 0px;
    line-height: 1;
    position: relative;
    transition: none; }
    .value-converter input[type=text].text-input-percentage {
      text-indent: 0; }
    .value-converter input[type=text].text-input-currency {
      text-indent: 30px; }
  .value-converter.currency-active input[type=text] {
    text-indent: 30px; }
  .value-converter.percentage-active input[type=text] {
    text-indent: 0; }
  .value-converter .value-btn {
    position: absolute;
    top: 8px;
    background: white;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 30; }
    .value-converter .value-btn > .label {
      color: #545454;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-size: 14px; }
    .value-converter .value-btn.active {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #545454; }
      .value-converter .value-btn.active > .label {
        width: 26px;
        height: 26px; }
    .value-converter .value-btn.disabled {
      border: 1px solid #d9d9d9; }
  .value-converter.percentage-active .value-btn {
    right: 0; }
  .value-converter.percentage-active.disabled {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
    .value-converter.percentage-active.disabled > .label {
      width: 28px;
      height: 28px; }

.btn-tool {
  background: #f2f2f2;
  position: relative;
  vertical-align: top;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 0 -2px 0 #bababa;
  -webkit-transition: background 0.25s ease-out;
  -moz-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out; }
  .btn-tool.hidden {
    display: none; }
  .btn-tool:only-of-type {
    margin: 0 !important; }
  .btn-tool.btn-drop-down .icon {
    left: -3px; }
  .btn-tool.btn-drop-down .icon-arrow-menu {
    position: absolute; }
  .btn-tool .button-inner {
    width: 40px;
    height: 40px; }
  .btn-tool .icon {
    color: #545454;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    margin: auto; }
    .btn-tool .icon.icon-nested {
      left: -6px;
      letter-spacing: -4px; }
      .btn-tool .icon.icon-nested :only-child {
        position: absolute; }
  .btn-tool:hover, .btn-tool:focus {
    background: #e5e5e5 !important; }
  .btn-tool.active {
    border: 3px solid #545454;
    background: white !important;
    box-shadow: none; }
    .btn-tool.active .icon {
      color: #545454; }
  .btn-tool.disabled {
    border: 1px solid #c7c7c7;
    box-shadow: none;
    background: transparent; }
    .btn-tool.disabled .icon {
      color: #c7c7c7; }
    .btn-tool.disabled:hover, .btn-tool.disabled:focus {
      background: transparent !important; }

.btn-edit {
  margin: 0px 5px 0px 0px; }

.tool-locked-container .tool-menu {
  top: 35px; }

.tool-locked .icon {
  color: #0095c8; }
.tool-locked .icon-nested {
  position: relative;
  bottom: 0px;
  left: 0px;
  width: auto; }
  .tool-locked .icon-nested .icon-arrow-menu {
    position: absolute;
    right: -13px; }

.tool-value-toggle-container .tool-menu {
  top: 35px; }

.tool-value-toggle {
  position: relative;
  left: 7px; }
  .tool-value-toggle > .icon {
    position: relative;
    top: 5px; }

.btn-more-results {
  height: 80px;
  cursor: pointer;
  display: block;
  position: relative;
  left: auto;
  margin-top: -40px;
  width: 820px; }
  .btn-more-results.expanded .icon-arrow-chevron-open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .btn-more-results:hover .bar {
    border-color: #707070; }
  .btn-more-results:hover .circle-clip {
    border: 3px solid #707070; }
  .btn-more-results .label {
    position: absolute;
    bottom: 40px;
    text-align: center;
    color: #0095c8;
    width: 100%;
    font-weight: normal;
    margin: 0; }
  .btn-more-results .bar {
    width: 100%;
    border-bottom: 3px solid #545454;
    height: 80px;
    position: absolute;
    bottom: 20px;
    background: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to  top, #ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .btn-more-results .icon-arrow-chevron-open {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -8px;
    z-index: 10;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .btn-more-results .icon-arrow-chevron-open:before {
      content: "\e068";
      color: #454545;
      font-size: 16px; }
  .btn-more-results .circle-clip {
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -20px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    border: 3px solid #545454;
    text-align: center;
    background: white;
    clip: rect(19px, 40px, 40px, 0px);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .btn-more-results .loader {
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -8px;
    text-align: center;
    z-index: 20; }

.btn-action-add-row .icon-container {
  border-color: rgba(98, 122, 153, 0.2);
  vertical-align: middle;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .btn-action-add-row .icon-container > .icon-add {
    color: #627a99; }
.btn-action-add-row .label-content {
  font-weight: bold;
  vertical-align: middle;
  line-height: 1 !important;
  margin: 0px 0px 0px 10px;
  color: #545454;
  font-size: 14px; }
.btn-action-add-row:hover > .icon-container, .btn-action-add-row:focus > .icon-container {
  border-color: #627a99; }
.btn-action-add-row.btn-right-aligned .label-content {
  margin: 0px 10px 0px 0px; }
.btn-action-add-row.disabled .label-content {
  color: #c7c7c7; }
.btn-action-add-row.disabled .icon-container {
  border-color: #c7c7c7; }
  .btn-action-add-row.disabled .icon-container > .icon-add {
    color: #c7c7c7; }

.text-link {
  border-bottom: 1px solid #92c6d9;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #0095c8; }
  .text-link:hover {
    color: #0095c8;
    border-bottom: 1px solid #0095c8; }

.actions-pad .btn-action-secondary {
  margin: 0px 10px 0px 0px; }
  .actions-pad .btn-action-secondary .label {
    min-width: 199px; }
  .actions-pad .btn-action-secondary:last-of-type {
    margin: 0px 0px 0px 0px; }
  .actions-pad .btn-action-secondary.disabled {
    padding-top: 10px !important;
    border: 3px solid #bababa; }

.toggle-view-options {
  width: 480px;
  height: auto;
  *zoom: 1;
  vertical-align: middle;
  margin: 0 10px 0 0; }
  .toggle-view-options:before, .toggle-view-options:after {
    content: " ";
    display: table; }
  .toggle-view-options:after {
    clear: both; }
  .toggle-view-options a {
    border-collapse: collapse;
    background: #f2f2f2;
    width: 110px;
    height: 40px;
    border: 0px solid #f2f2f2;
    box-shadow: inset 0 -2px 0 #c7c7c7;
    position: relative;
    border-top: none; }
    .toggle-view-options a > .icon {
      color: #545454;
      display: table-cell;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      text-align: center; }
    .toggle-view-options a > .label {
      color: #545454;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-weight: bold;
      width: 120px;
      height: 40px;
      font-size: 15px; }
      .toggle-view-options a > .label:before {
        content: "";
        border-left: 1px solid #bababa;
        margin: 0 0 0 -20px;
        padding: 0 20px 0 0;
        margin: 0;
        padding: 0;
        left: 0;
        position: absolute;
        height: 20px;
        top: 9px; }
      .toggle-view-options a > .label .icon-arrow-down:before {
        margin: 0 0 0 12px;
        content: ""; }
    .toggle-view-options a:first-child {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      width: 40px;
      height: 40px;
      z-index: 2; }
      .toggle-view-options a:first-child:before {
        border: 1px solid transparent;
        margin: 0;
        padding: 0; }
      .toggle-view-options a:first-child .label:before {
        border-left: 1px solid transparent; }
    .toggle-view-options a:last-child {
      -webkit-border-radius: 0px 5px 5px 0px;
      -moz-border-radius: 0px 5px 5px 0px;
      -ms-border-radius: 0px 5px 5px 0px;
      -o-border-radius: 0px 5px 5px 0px;
      border-radius: 0px 5px 5px 0px; }
      .toggle-view-options a:last-child.active:before {
        display: none !important; }
    .toggle-view-options a:hover {
      border: 0px solid #f2f2f2;
      background: #e5e5e5 !important;
      z-index: 10; }
    .toggle-view-options a.active {
      box-shadow: none;
      background: white !important;
      border: 3px solid #545454;
      z-index: 10; }
      .toggle-view-options a.active > .icon {
        width: 34px;
        height: 34px;
        color: #545454; }
      .toggle-view-options a.active > .label {
        width: 111px;
        height: 34px;
        color: #545454; }
        .toggle-view-options a.active > .label:before {
          content: "";
          border-left: 1px solid transparent; }
      .toggle-view-options a.active .icon-arrow-down:before {
        content: "\e05d"; }
      .toggle-view-options a.active:first-child {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px; }
    .toggle-view-options a.sibling-active {
      border-left: none; }
      .toggle-view-options a.sibling-active .label:before {
        border-left: 1px solid transparent; }
      .toggle-view-options a.sibling-active.active .label {
        padding: 0 0 0 3px; }
    .toggle-view-options a.btn-off > .label {
      font-size: 12px; }
  .toggle-view-options .view-options {
    width: 342px;
    position: absolute;
    opacity: 0;
    z-index: 1; }
    .toggle-view-options .view-options.active {
      opacity: 1;
      transform: translate(10059px, 2s);
      -webkit-transform: translate(10059px, 2s); }
    .toggle-view-options .view-options a:first-child {
      width: 110px;
      height: 40px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border-left: 0; }
      .toggle-view-options .view-options a:first-child .label:before {
        border-left: 1px solid transparent; }
      .toggle-view-options .view-options a:first-child.active {
        padding-right: 3px; }
        .toggle-view-options .view-options a:first-child.active .label {
          left: 3px; }
  .toggle-view-options.switch-buy-sell > a > .label {
    font-size: 12px; }
  .toggle-view-options.switch-buy-sell > a:hover > .label {
    width: 40px;
    height: 40px;
    color: #545454; }
  .toggle-view-options.switch-buy-sell > a.active:hover {
    background: white !important; }
    .toggle-view-options.switch-buy-sell > a.active:hover > .label {
      width: 34px;
      height: 34px; }
  .toggle-view-options.switch-buy-sell > a:last-child:before {
    position: absolute;
    top: 0px;
    left: 0px;
    border-left: 1px solid #d9d9d9;
    content: "";
    background: transparent;
    width: 40px;
    height: 40px; }
  .toggle-view-options.switch-buy-sell > a:last-child.hide-vertical-divider:before {
    visibility: hidden; }

.text-tool-dropdown > .icon {
  position: relative;
  left: -4px;
  top: 4px; }

@font-face {
  font-family: "bt-panorama";
  src: url("../fonts/bt-panorama.eot");
  src: url("../fonts/bt-panorama.eot?#iefix") format("embedded-opentype"), url("../fonts/bt-panorama.woff") format("woff"), url("../fonts/bt-panorama.ttf") format("truetype"), url("../fonts/bt-panorama.svg#bt-panorama") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "bt-panorama" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-more-results .icon-arrow-chevron-open, .icon-divider, .icon-chart-pie, .icon-chart-key-bar, .icon-client-summary, .icon-client-group, .icon-client-approved, .icon-client-add, .icon-clear-field, .icon-checkbox, .icon-chart-bar, .icon-chart-bar-horizontal, .icon-cash, .icon-calendar, .icon-bPay, .icon-best, .icon-arrow-up, .icon-arrow-stock-up, .icon-arrow-stock-down, .icon-arrow-menu, .icon-arrow-left, .icon-arrow-expand, .icon-arrow-expand-open, .icon-arrow-down, .icon-arrow-chevron-closed, .icon-account-trust, .icon-account-SMSF, .icon-account-joint, .icon-account-individual, .icon-account-company, .icon-maps-location, .icon-client, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-company, .icon-complete-percentage, .icon-complete, .icon-cta-link, .icon-document-download, .icon-document-upload, .icon-document, .icon-download, .icon-edit, .icon-email-send, .icon-email, .icon-feedback, .icon-filter, .icon-folder, .icon-home, .icon-link, .icon-locked, .icon-media-pause, .icon-media-play, .icon-minus, .icon-mobile-receive, .icon-mobile-send, .icon-mobile, .icon-new, .icon-note-add, .icon-notification-fail, .icon-notification-pending, .icon-notification-success, .icon-notification, .icon-print, .icon-radio-button, .icon-rating-star-full, .icon-rating-star-half, .icon-refresh, .icon-retry, .icon-save, .icon-schedule, .icon-search, .icon-setting-and-preferences, .icon-share, .icon-signout, .icon-spine-client-acount-search, .icon-spine-home, .icon-spine-my-business, .icon-spine-news-products, .icon-spine-portfolio-creation, .icon-spine-tasks, .icon-stock-down, .icon-stock-up, .icon-stop, .icon-support-call, .icon-support-help, .icon-support-information, .icon-task, .icon-transfer-payment, .icon-transfer-deposit, .icon-transfer, .icon-trash, .icon-view-actions, .icon-view-all, .icon-view-dismissed, .icon-view-menu, .icon-view-list, .icon-primary, .icon-plus, .icon-adviser, .icon-arrow-right, .icon-arrow-chevron-open, .icon-collapse, .icon-add, .icon-overlay, .icon-buy, .icon-link-remove .icon-sell, .icon-tool-remove, .icon-flow, .icon-net-flow, .icon-primary-preferred:before, .div-search ul li.error:before {
  font-family: "bt-panorama" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-size: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 16px;
  height: 16px;
  vertical-align: baseline;
  display: inline-block; }

.icon-notification-fail {
  padding: 12px 0px 0px 2px; }

.icons-default-sizing {
  margin: 0px 0px 20px 0px; }
  .icons-default-sizing > * {
    font-size: 16px;
    margin: 0px 10px 0px 0px; }

.icons-secondary-sizing {
  margin: 0px 0px 10px 0px; }
  .icons-secondary-sizing > * {
    font-size: 16px;
    margin: 0px 10px 0px 0px;
    width: 40px;
    height: 40px; }

.icon-arrow-stock-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-arrow-stock-up {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-container {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block; }
  .icon-container > .icon {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px; }
  .icon-container.default {
    background: #0095c8; }
    .icon-container.default > .icon {
      color: white; }
  .icon-container.inverted {
    background: transparent;
    border: 3px solid #0095c8; }
    .icon-container.inverted > .icon {
      color: #0095c8;
      width: 34px;
      height: 34px; }

.icon-view-menu:before {
  content: "\e03b"; }

.icon-view-list:before {
  content: "\e04d"; }

.icon-view-dismissed:before {
  content: "\e04b"; }

.icon-view-all:before {
  content: "\e04a"; }

.icon-view-actions:before {
  content: "\e0a6"; }

.icon-trash:before {
  content: "\e0b1"; }

.icon-transfer:before {
  content: "\e096"; }

.icon-transfer-payment:before {
  content: "\e03f"; }

.icon-transfer-deposit:before {
  content: "\e03e"; }

.icon-task:before {
  content: "\e049"; }

.icon-support-information:before {
  content: "\e05c"; }

.icon-support-help:before {
  content: "\e05b"; }

.icon-support-call:before {
  content: "\e099"; }

.icon-stop:before {
  content: "\e0b0"; }

.icon-stock-up:before {
  content: "\e072"; }

.icon-stock-down:before {
  content: "\e071"; }

.icon-spine-tasks:before {
  content: "\e0b4"; }

.icon-spine-portfolio-creation:before {
  content: "\e0bf"; }

.icon-spine-news-products:before {
  content: "\e0be"; }

.icon-spine-my-business:before {
  content: "\e0b8"; }

.icon-spine-home:before {
  content: "\e0b6"; }

.icon-spine-client-acount-search:before {
  content: "\e0b5"; }

.icon-signout:before {
  content: "\e042"; }

.icon-share:before {
  content: "\e0ae"; }

.icon-setting-and-preferences:before {
  content: "\e048"; }

.icon-search:before {
  content: "\e046"; }

.icon-schedule:before {
  content: "\e0af"; }

.icon-save:before {
  content: "\e0ad"; }

.icon-retry:before {
  content: "\e0ac"; }

.icon-refresh:before {
  content: "\e0a9"; }

.icon-rating-star-half:before {
  content: "\e05f"; }

.icon-rating-star-full:before {
  content: "\e05e"; }

.icon-radio-button:before {
  content: "\e047"; }

.icon-print:before {
  content: "\e09f"; }

.icon-primary:before {
  content: "\e0a8"; }

.icon-plus:before {
  content: '\e098'; }

.icon-notification:before {
  content: "\e043"; }

.icon-notification-success:before {
  content: "\e060"; }

.icon-notification-pending:before {
  content: "\e063"; }

.icon-notification-fail:before {
  content: "\e062"; }

.icon-note-add:before {
  content: "\e0a7"; }

.icon-new:before {
  content: "\e05d"; }

.icon-mobile:before {
  content: "\e091"; }

.icon-mobile-send:before {
  content: "\e093"; }

.icon-mobile-receive:before {
  content: "\e092"; }

.icon-minus:before {
  content: "\e0ab"; }

.icon-media-play:before {
  content: "\e03a"; }

.icon-media-pause:before {
  content: "\e039"; }

.icon-maps-location:before {
  content: "\e045"; }

.icon-locked:before {
  content: "\e0a4"; }

.icon-link:before {
  content: "\e0a2"; }

.icon-home:before {
  content: "\e041"; }

.icon-folder:before {
  content: "\e087"; }

.icon-filter:before {
  content: "\e044"; }

.icon-feedback:before {
  content: "\e09a"; }

.icon-email:before {
  content: "\e09e"; }

.icon-email-send:before {
  content: "\e038"; }

.icon-edit:before {
  content: "\e09d"; }

.icon-download:before {
  content: "\e089"; }

.icon-document:before {
  content: "\e085"; }

.icon-document-upload:before {
  content: "\e088"; }

.icon-document-download:before {
  content: "\e086"; }

.icon-divider:before {
  content: "\e047"; }

.icon-cta-link:before {
  content: "\e0a1"; }

.icon-complete:before {
  content: "\e040"; }

.icon-complete-percentage:before {
  content: "\e041"; }

.icon-company:before {
  content: "\e040"; }

.icon-collapse:before {
  content: "\e0ab"; }

.icon-cloud-upload:before {
  content: "\e0b3"; }

.icon-cloud-download:before {
  content: "\e08a"; }

.icon-close:before {
  content: "\e09c"; }

.icon-client:before {
  content: "\e08c"; }

.icon-client-summary:before {
  content: "\e08e"; }

.icon-client-group:before {
  content: "\e08b"; }

.icon-client-approved:before {
  content: "\e090"; }

.icon-client-add:before {
  content: "\e08d"; }

.icon-clear-field:before {
  content: "\e09b"; }

.icon-checkbox:before {
  content: "\e061"; }

.icon-chart-pie:before {
  content: "\e084"; }

.icon-chart-bar:before {
  content: "\e07c"; }

.icon-chart-bar-horizontal:before {
  content: "\e07d"; }

.icon-cash:before {
  content: "\e03d"; }

.icon-calendar:before {
  content: "\e033"; }

.icon-bPay:before {
  content: "\e03c"; }

.icon-best:before {
  content: "\e05a"; }

.icon-arrow-up:before {
  content: "\e067"; }

.icon-arrow-stock-up:before {
  content: "\e073"; }

.icon-arrow-stock-down:before {
  content: "\e070"; }

.icon-arrow-right:before {
  content: "\e066"; }

.icon-arrow-menu:before {
  content: "\e025"; }

.icon-arrow-left:before {
  content: "\e065"; }

.icon-arrow-expand:before {
  content: "\e06e"; }

.icon-arrow-expand-open:before {
  content: "\e06c"; }

.icon-arrow-down:before {
  content: "\e064"; }

.icon-arrow-chevron-open:before {
  content: "\e068"; }

.icon-arrow-chevron-closed:before {
  content: "\e06a"; }

.icon-adviser:before {
  content: "\e000"; }

.icon-add:before {
  content: "\e097"; }

.icon-account-trust:before {
  content: "\e058"; }

.icon-account-SMSF:before {
  content: "\e056"; }

.icon-account-joint:before {
  content: "\e054"; }

.icon-account-individual:before {
  content: "\e052"; }

.icon-account-company:before {
  content: "\e050"; }

.icon-overlay:before {
  content: "\e078"; }

.icon-buy:before {
  content: "\e076"; }

.icon-sell:before {
  content: "\e077"; }

.icon-chart-key-bar:before {
  content: "\e07e"; }

.icon-tool-remove:before {
  content: "\e0aa"; }

.icon-link-remove:before {
  content: "\e0a3"; }

.icon-flow:before {
  content: "\e07e"; }

.icon-net-flow:before {
  content: "\e0ab"; }

.icon-notification-fail {
  color: #e62615; }

.icon-notification-pending {
  color: #e97300; }

.icon-notification-success {
  color: #6ba33e; }

.icon-notification-pending {
  color: #e97300; }

.icon-arrow-stock-down {
  color: #e62615;
  position: relative;
  top: 2px; }

.icon-arrow-stock-up {
  color: #6ba33e;
  position: relative;
  top: 1px; }

.iconPrefered, .icon-self-managed, .icon-info-tooltip {
  -webkit-border-radius: 50%, 50%, 50%, 50%;
  -moz-border-radius: 50%, 50%, 50%, 50%;
  -ms-border-radius: 50%, 50%, 50%, 50%;
  -o-border-radius: 50%, 50%, 50%, 50%;
  border-radius: 50%, 50%, 50%, 50%;
  height: 16px;
  width: 16px;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  text-align: center; }

.icon-primary-preferred {
  margin: 0 0 30px;
  color: #e97300; }
  .icon-primary-preferred:before {
    content: "\e0a8";
    width: 30px;
    height: 30px;
    font-size: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

.iconPrefered {
  background-color: #0095c8; }
  .iconPrefered span {
    color: white; }

.icon-self-managed {
  border: 1px solid #0095c8;
  color: #0095c8; }
  .icon-self-managed em {
    font-style: normal; }

.icon-sort-up:before, .icon-sort-down:before {
  font-size: 11px;
  content: "\e05e"; }

.icon-sort-up {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-info-tooltip {
  content: "\e00a";
  color: #0095c8; }

.icons-default-sizing > * {
  font-size: 16px; }

.icons-secondary-sizing > * {
  font-size: 40px;
  width: 40px;
  height: 40px; }

.icon-lable-group .icon-element {
  margin: 0px 5px 0px 0px; }

.glyph-set {
  *zoom: 1;
  max-width: 820px; }
  .glyph-set:before, .glyph-set:after {
    content: " ";
    display: table; }
  .glyph-set:after {
    clear: both; }

.glyph {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0px 10px 10px 0px;
  border: 1px solid #e5e5e5;
  text-align: center; }
  .glyph .inner {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 200px; }
  .glyph .icon {
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin: 0px 0px 30px 0px; }
  .glyph .label {
    margin: 0px 0px 5px 0px; }
  .glyph .unicode {
    color: #949494; }
  .glyph .label, .glyph .unicode {
    font-size: 14px; }


.icon-container.black {
  background: black; }

.icon-container.charcoal {
  background: #2c2a29; }

.icon-container.white {
  background: white; }

.icon-container.BTBlue {
  background: #0095c8; }

.icon-container.sky {
  background: #92c6d9; }

.icon-container.plum {
  background: #694e5f; }

.icon-container.lavender {
  background: #ad93a4; }

.icon-container.green {
  background: #6ba33e; }

.icon-container.amber {
  background: #e97300; }

.icon-container.red {
  background: #e62615; }

.icon-container.buy {
  background: #159c96; }

.icon-container.sell {
  background: #627a99; }

.form-tooltip, .graph-tooltip, .default-tooltip {
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  z-index: 500;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 20px 10px 20px; }

.tooltip-container {
  position: relative; }
  .tooltip-container.component-collection-pos {
    margin-left: 350px; }
  .tooltip-container .tool-menu {
    top: 20px;
    left: 4px; }
  .tooltip-container.inline-tooltip {
    font-size: 14px;
    height: 16px;
    display: inline-block; }

.tooltip-text, .form-tooltip .tooltip-text, .default-tooltip .tooltip-text {
  margin: 0; }

.interactive-tooltip label {
  font-weight: bold;
  margin: 8px 0 4px; }
.interactive-tooltip input {
  margin: 0 0 6px; }
.interactive-tooltip span.icon-notification-success {
  color: #6ba33e; }
  .interactive-tooltip span.icon-notification-success:hover {
    color: #6ba33e; }
.interactive-tooltip .tooltip-trigger:hover span.icon-notification-success {
  color: #6ba33e; }
.interactive-tooltip .tooltip-trigger:hover span.icon-notification-fail {
  color: #e62615; }
.interactive-tooltip .tooltip-trigger.trigger-active {
  opacity: 0.5; }
.interactive-tooltip span.icon-notification-fail {
  color: #e62615; }
  .interactive-tooltip span.icon-notification-fail:hover {
    color: #e62615; }
.interactive-tooltip .icon-close {
  color: #949494; }
.interactive-tooltip .width-half {
  width: 50%; }
.interactive-tooltip .width-quarter {
  width: 25%; }
.interactive-tooltip .width-three-quarter {
  width: 75%; }
.interactive-tooltip .interactive-tooltip-body {
  padding: 24px 20px 30px; }
  .interactive-tooltip .interactive-tooltip-body.active {
    opacity: 1; }
.interactive-tooltip .interactive-tooltip-content {
  margin: 0 0 14px;
  min-height: 76px; }
.interactive-tooltip .header-statement {
  margin: 0; }
.interactive-tooltip .secondary-action {
  margin-left: 30px; }

.float-container {
  float: left;
  height: 200px;
  margin: 0 0 50px;
  padding: 200px 0 0 200px;
  width: 430px; }

.tooltip-wrapper [data-view-component^=forminput] + [data-view-component=tooltip] {
  padding-top: 20px; }


.bottom-left-pos {
  /*@include position(absolute, auto 0 35px 155px);*/
  position: absolute;
  top: auto;
  bottom: 35px;
  left: 100px; }
  .bottom-left-pos.tip:before {
    position: absolute;
    top: 100%;
    left: 22px; }
  .bottom-left-pos.tip:after {
    position: absolute;
    top: 100%;
    left: 22px; }

.bottom-middle-pos {
  /*@include position(absolute, auto 0 55px 50%);*/
  position: absolute;
  top: auto;
  right: 0px;
  bottom: 35px;
  left: 0px; }
  .bottom-middle-pos.tip:before {
    position: absolute;
    top: 100%;
    left: 50%; }
  .bottom-middle-pos.tip:after {
    position: absolute;
    top: 100%;
    left: 50%; }

.bottom-right-pos {
  position: absolute;
  top: auto;
  bottom: 35px;
  left: -197px; }
  .bottom-right-pos.tip:before {
    position: absolute;
    top: 100%;
    left: 320px; }
  .bottom-right-pos.tip:after {
    position: absolute;
    top: 100%;
    left: 320px; }

.top-middle-pos {
  position: absolute;
  top: 32px;
  bottom: auto;
  left: -47px; }
  .top-middle-pos.tip:before {
    position: absolute;
    top: -22px;
    left: 50%; }
  .top-middle-pos.tip:after {
    position: absolute;
    top: -20px;
    left: 50%; }

.top-left-pos {
  position: absolute;
  top: 32px;
  bottom: auto;
  left: 100px; }
  .top-left-pos.tip:before {
    position: absolute;
    top: -22px;
    left: 22px; }
  .top-left-pos.tip:after {
    position: absolute;
    top: -20px;
    left: 22px; }

.top-right-pos {
  position: absolute;
  top: 32px;
  bottom: auto;
  left: -197px; }
  .top-right-pos.tip:before {
    position: absolute;
    top: -22px;
    left: 320px; }
  .top-right-pos.tip:after {
    position: absolute;
    top: -20px;
    left: 320px; }

.center-left-pos {
  position: absolute;
  top: -13px;
  bottom: auto;
  left: -247px; }
  .center-left-pos.tip:before {
    left: 100%;
    top: 50%;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 11px;
    margin-top: -11px;
    margin-left: 0px; }
  .center-left-pos.tip:after {
    left: 100%;
    top: 50%;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 10px;
    margin-top: -10px;
    margin-left: 0px; }

.center-right-pos {
  position: absolute;
  bottom: -100%;
  top: auto;
  left: 40px;
  margin-left: 0; }
  .center-right-pos.tip:before {
    left: auto;
    right: 100%;
    top: 50%;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 11px;
    margin-top: -11px; }
  .center-right-pos.tip:after {
    left: auto;
    right: 100%;
    top: 50%;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 10px;
    margin-top: -10px; }

.tip:before, .tip:after {
  content: '';
  position: absolute;
  border: solid transparent;
  top: 100%;
  width: 0;
  height: 0;
  left: 50%;
  pointer-events: none; }
.tip:before {
  border-width: 11px;
  margin-left: -11px; }
.tip:after {
  border-width: 10px;
  margin-left: -10px; }

.form-tooltip {
  max-width: 350px;
  min-width: 150px;
  width: auto;
  background: #545454 !important; }
  .form-tooltip .tooltip-text, .form-tooltip .form-tooltip .tooltip-text, .form-tooltip .form-tooltip .tooltip-text, .form-tooltip .default-tooltip .tooltip-text, .default-tooltip .form-tooltip .tooltip-text {
    color: white; }
  .form-tooltip:before {
    border-top-color: #545454; }
  .form-tooltip:after {
    display: none; }
  .form-tooltip.top-middle-pos:before {
    border-bottom-color: #545454;
    border-top-color: transparent; }
  .form-tooltip.top-left-pos:before {
    border-bottom-color: #545454;
    border-top-color: transparent; }
  .form-tooltip.top-right-pos:before {
    border-bottom-color: #545454;
    border-top-color: transparent; }
  .form-tooltip.center-left-pos:before {
    border-left-color: #545454; }
  .form-tooltip.center-right-pos:before {
    border-right-color: #545454; }

.graph-tooltip {
  background: white !important;
  border: 1px solid #d9d9d9; }
  .graph-tooltip .tooltip-text, .graph-tooltip .form-tooltip .tooltip-text, .form-tooltip .graph-tooltip .tooltip-text, .graph-tooltip .default-tooltip .tooltip-text, .default-tooltip .graph-tooltip .tooltip-text {
    color: #545454; }
  .graph-tooltip:before {
    border-top-color: #d9d9d9; }
  .graph-tooltip:after {
    border-top-color: white; }
  .graph-tooltip.top-middle-pos:before {
    border-bottom-color: #d9d9d9;
    border-top-color: transparent; }
  .graph-tooltip.top-middle-pos:after {
    border-bottom-color: white;
    border-top-color: transparent; }
  .graph-tooltip.top-left-pos:before {
    border-bottom-color: #d9d9d9;
    border-top-color: transparent; }
  .graph-tooltip.top-left-pos:after {
    border-bottom-color: white;
    border-top-color: transparent; }
  .graph-tooltip.top-right-pos:before {
    border-bottom-color: #d9d9d9;
    border-top-color: transparent; }
  .graph-tooltip.top-right-pos:after {
    border-bottom-color: white;
    border-top-color: transparent; }
  .graph-tooltip.center-left-pos:before {
    border-left-color: #d9d9d9; }
  .graph-tooltip.center-left-pos:after {
    border-left-color: white; }
  .graph-tooltip.center-right-pos:before {
    border-right-color: #d9d9d9; }
  .graph-tooltip.center-right-pos:after {
    border-right-color: white; }

.default-tooltip {
  background: #039fd4; }
  .default-tooltip .tooltip-text, .default-tooltip .form-tooltip .tooltip-text, .form-tooltip .default-tooltip .tooltip-text, .default-tooltip .default-tooltip .tooltip-text, .default-tooltip .default-tooltip .tooltip-text {
    color: white; }
  .default-tooltip:before {
    border-top-color: #039fd4; }
  .default-tooltip:after {
    display: none; }
  .default-tooltip.top-middle-pos:before {
    border-bottom-color: #039fd4;
    border-top-color: transparent; }
  .default-tooltip.top-left-pos:before {
    border-bottom-color: #039fd4;
    border-top-color: transparent; }
  .default-tooltip.top-right-pos:before {
    border-bottom-color: #039fd4;
    border-top-color: transparent; }
  .default-tooltip.center-left-pos:before {
    border-left-color: #039fd4; }
  .default-tooltip.center-right-pos:before {
    border-right-color: #039fd4; }

.js-tooltip-toggle .icon {
  position: relative;
  top: 5px;
  left: -3px; }

.form-tooltip .qtip-tip {
  background: #545454;
  border: #545454; }

.default-tooltip .qtip-tip {
  background: #039fd4;
  border: #039fd4; }


.info-tooltip-target, .default-tooltip-trigger {
  cursor: pointer; }

.info-tooltip-target .icon-arrow-menu {
  position: relative;
  top: 3px;
  right: auto;
  bottom: auto;
  left: -7px;
  vertical-align: text-top; }

.info-tooltip {
  padding: 0px 0px 0px 0px;
  z-index: 20;
  border: 1px solid #ad93a4;
  background: #e1dbdf;
  min-width: 300px;
  max-width: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
  .info-tooltip .qtip-content {
    padding: 0px 0px 0px 0px; }
  .info-tooltip .data-summary li {
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    color: #694e5f;
    min-height: 40px;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid rgba(173, 147, 164, 0.1);
    -webkit-transition: background 0.25s ease-out;
    -moz-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out; }
    .info-tooltip .data-summary li:hover {
      background: #f0edef;
      cursor: pointer; }
    .info-tooltip .data-summary li span {
      text-align: right; }
    .info-tooltip .data-summary li:first-child {
      border-top: 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius: 5px 5px 0px 0px;
      -ms-border-radius: 5px 5px 0px 0px;
      -o-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; }
    .info-tooltip .data-summary li:last-child {
      -webkit-border-radius: 0px 0px 5px 5px;
      -moz-border-radius: 0px 0px 5px 5px;
      -ms-border-radius: 0px 0px 5px 5px;
      -o-border-radius: 0px 0px 5px 5px;
      border-radius: 0px 0px 5px 5px;
      border-bottom: 0px solid black; }

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none; }

input[type=search] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box; }


.label {
  line-height: 1;
  margin: 0px 0px 6px 0px;
  position: relative; }
  .label .label-optional {
    font-weight: normal;
    color: #545454; }
  .label.error {
    color: #0095c8; }

.optional {
  font-size: 14px; }

.form-row {
  margin: 0px 0px 20px 0px; }
  .form-row:last-of-type {
    margin: 0px 0px 0px 0px; }

label.inline {
  margin: 0px 0px 0px 0px; }

.inline-form .arrow-calender-date-range {
  margin: 0px 10px 0px -10px;
  display: inline-block; }

.form-actions-row {
  margin: 0 !important; }
  .form-actions-row .btn-action-secondary {
    margin: 0 40px 0 0; }
  .form-actions-row .btn-action-tertiary {
    margin: 0 20px 0 0; }

.form-element-inline {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0px 20px 0px 0px; }
  .form-element-inline .checkbox-group {
    margin: 6px 0px 0px 0px; }
  .form-element-inline.default {
    display: inline-block; }
  .form-element-inline.hidden {
    display: none; }

.form-element {
  width: 100%;
  height: auto;
  position: relative; }
  .form-element.inline .label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 0px 0px; }
  .form-element.inline .view-name {
    display: inline-block;
    vertical-align: middle; }
  .form-element.inline-block {
    width: auto; }

.arrow-calender-date-range {
  position: relative; }

.tooltip-message-container {
  position: absolute;
  top: 23px;
  left: 100%;
  margin: 0 0 0 12px; }
  .tooltip-message-container.error {
    color: #0095c8; }

.form-container {
  *zoom: 1;
  max-width: 820px;
  padding: 40px 40px 40px 40px;
  margin: 0px 0px 40px 0px;
  border: 1px solid #d9d9d9;
  background: #fafafa;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; }
  .form-container:before, .form-container:after {
    content: " ";
    display: table; }
  .form-container:after {
    clear: both; }

.fieldset {
  position: relative;
  background: white;
  border: 3px solid #d9d9d9;
  width: 100%;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 20px 40px 20px; }

.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .btn-close:hover {
    color: #707070; }
  .btn-close:active {
    color: #707070; }
  .btn-close:focus {
    color: #707070; }

.img-sliding-scale {
  margin: 0px 20px 0px 0px; }

.btn-clear-row {
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out; }

.icon-clear-field {
  color: #949494; }

input[type=text], input[type=search], input[type=password] {
  background: transparent;
  border: none;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #545454; }
  input[type=text]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
    color: #545454; }
  input[type=text]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=password]:-moz-placeholder {
    /* Firefox 18- */
    color: #545454; }
  input[type=text]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=password]::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #545454; }
  input[type=text]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
    color: #545454; }
  input[type=text]:hover, input[type=search]:hover, input[type=password]:hover {
    border: 1px solid #545454;
    background: white; }
  input[type=text]:focus, input[type=search]:focus, input[type=password]:focus {
    outline: none;
    color: #545454;
    -webkit-backface-visibility: hidden;
    /** prevent ios flickers **/
    background: white;
    border: 1px solid #545454; }
    input[type=text]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    input[type=text]:focus:-moz-placeholder, input[type=search]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    input[type=text]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    input[type=text]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }
  input[type=text].success, input[type=search].success, input[type=password].success {
    background: #f5f9f1;
    border: 1px solid #6ba33e; }

input[type=text] {
  width: 100%;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  -webkit-backface-visibility: hidden;
  /** prevent ios flickers **/
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #545454;
  background: white;
  position: relative; }

.input-wrap {
  position: relative;
  display: inline-block; }
  .input-wrap[data-symbol="$"]:before, .input-wrap[data-symbol="%"]:before {
    content: attr(data-symbol);
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    z-index: 100;
    font-size: 14px; }
  .input-wrap[data-symbol="$"] input[type=text] {
    padding: 10px 10px 10px 16px; }
  .input-wrap[data-symbol="$"]:before {
    position: absolute;
    top: 0px;
    left: 8px; }
  .input-wrap[data-symbol="%"] input[type=text] {
    padding: 10px 20px 10px 10px; }
  .input-wrap[data-symbol="%"]:before {
    position: absolute;
    top: 0px;
    right: 8px; }

.tooltip-wrapper [data-view-component=forminputtext], .tooltip-wrapper [data-view-component=forminputselect] {
  width: calc(100% - 20px);
  padding: 0px 10px 0px 0px; }

button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: none;
  border: medium none;
  margin: 0;
  padding: 0;
  text-align: left; }

textarea {
  width: 100%;
  height: 200px;
  border: none;
  padding: 0;
  background: white;
  outline: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #545454;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  textarea::-webkit-input-placeholder {
    color: #545454; }
  textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #545454; }
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #545454; }
  textarea:-ms-input-placeholder {
    color: #545454; }
  textarea:hover {
    border: 1px solid #545454; }
  textarea:focus {
    border: 1px solid #545454;
    outline: none;
    color: #545454;
    background: white;
    -webkit-backface-visibility: hidden;
    /** prevent ios flickers **/ }
    textarea:focus::-webkit-input-placeholder {
      color: #c7c7c7; }
    textarea:focus:-moz-placeholder {
      /* Firefox 18- */
      color: #c7c7c7; }
    textarea:focus::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: #c7c7c7; }
    textarea:focus:-ms-input-placeholder {
      color: #c7c7c7; }
  textarea[readonly="readonly"] {
    color: #949494; }

div[data-view-component="inputtextarea"].disabled textarea {
  background: whitesmoke;
  color: #c7c7c7;
  border: 1px solid #d9d9d9; }
  div[data-view-component="inputtextarea"].disabled textarea::-webkit-input-placeholder {
    color: #c7c7c7; }
  div[data-view-component="inputtextarea"].disabled textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #c7c7c7; }
  div[data-view-component="inputtextarea"].disabled textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #c7c7c7; }
  div[data-view-component="inputtextarea"].disabled textarea:-ms-input-placeholder {
    color: #c7c7c7; }
  div[data-view-component="inputtextarea"].disabled textarea:hover {
    border: 1px solid #d9d9d9; }

.select-box-element, .search-select-element {
  position: relative; }

.select-box-input, .select-search-box-input {
  width: 80%;
  height: auto;
  position: relative;
  top: -1px;
  margin: 0px 12px 0px 0px; }

.select-box-wrapper .select-box-element {
  width: 100% !important; }

.select-box-element.inline-select-element, .search-select-element.inline-select-element {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  margin: 0 10px; }
.select-box-element .label, .search-select-element .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%; }


[data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="viewby"] span .label, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="sortby"] span .label {
  padding: 0px 0px 0px 50px;
  text-transform: lowercase; }
[data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="viewby"] label, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="sortby"] label {
  position: absolute;
  top: 12.5px;
  left: 12px; }
  [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="viewby"] label.label, [data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="sortby"] label.label {
    padding: 0px 0px 0px 0px;
    z-index: 51; }

[data-mvc-component="tableoptions"] .tabular-tools-row [data-component-name="viewby"] span .label {
  padding: 0px 0px 0px 55px; }

[data-mvc-component="tableoptions"] .tabular-tools-row .tools .vertical-divider {
  vertical-align: top;
  margin: 8px 10px 0px -5px;
  height: 25px; }
[data-mvc-component="tableoptions"] .tabular-tools-row .tools [data-view-component="button"] {
  vertical-align: top;
  padding: 12px 0px 0px 0px; }

.select-box {
  display: block;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px;
  position: relative;
  z-index: 30;
  background: white;
  font-size: 14px; }
  .select-box > .label {
    line-height: 20px;
    color: #545454;
    font-weight: normal;
    position: relative;
    margin: 0px 0px 0px 0px; }
  .select-box .btn-dropdown-toggle, .select-box .ui-inputselect-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 38px;
    border-left: 1px solid #c7c7c7;
    position: absolute;
    top: 0px;
    right: 0px; }
    .select-box .btn-dropdown-toggle:before, .select-box .ui-inputselect-icon:before {
      position: relative;
      top: 11px;
      left: 10px; }
  .select-box.inline-select-arrow {
    min-width: 48px; }
    .select-box.inline-select-arrow .btn-dropdown-toggle {
      border-left: none; }
    .select-box.inline-select-arrow > .label {
      padding: 0px 20px 0px 0px; }
    .select-box.inline-select-arrow.default:hover .btn-dropdown-toggle, .select-box.inline-select-arrow.active .btn-dropdown-toggle {
      border-left: none; }
  .select-box.default {
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .select-box.default .btn-dropdown-toggle {
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
  .select-box.active {
    border: 1px solid #545454;
    background: white;
    z-index: 50; }
    .select-box.active .btn-dropdown-toggle {
      border-left: 1px solid #545454; }
  .select-box.default:hover {
    border: 1px solid #545454;
    cursor: pointer; }
    .select-box.default:hover .btn-dropdown-toggle {
      border-left: 1px solid #545454; }
  .select-box.zero-state {
    background: #f2f2f2;
    border: 1px solid #d9d9d9; }
    .select-box.zero-state .label {
      color: #bababa; }
    .select-box.zero-state .icon-arrow-expand-open {
      color: #bababa; }
  .select-box.grey-bg {
    background: #e5e5e5; }
  .select-box.error {
    background: #edf7fb;
    border: 1px solid #0095c8; }
    .select-box.error:focus {
      border: 1px solid #0095c8;
      color: #545454;
      background: white; }
      .select-box.error:focus::-webkit-input-placeholder {
        color: #c7c7c7 !important; }
      .select-box.error:focus:-moz-placeholder {
        color: #c7c7c7 !important; }
      .select-box.error:focus::-moz-placeholder {
        opacity: 1;
        color: #c7c7c7 !important; }
      .select-box.error:focus:-ms-input-placeholder {
        color: #c7c7c7 !important; }

select:not(.lp_select_field) {
  display: none; }

.icon-search {
  margin: 0 0 0 0; }

.select-box-input:hover, .select-box-input:focus {
  border: none !important; }

.select-search-box-input:hover, .select-search-box-input:focus {
  border: none !important; }

.search-select {
  display: block;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px;
  position: relative;
  z-index: 30;
  background: white;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  .search-select > span {
    padding: 0px 24px 0px 0px; }
  .search-select.default:hover {
    border: 1px solid #545454; }
  .search-select.active {
    border: 1px solid #545454;
    background: white;
    z-index: 50; }
  .search-select.error {
    background: #edf7fb;
    border: 1px solid #0095c8; }
    .search-select.error:focus {
      border: 1px solid #0095c8;
      color: #545454;
      background: white; }
      .search-select.error:focus::-webkit-input-placeholder {
        color: #c7c7c7 !important; }
      .search-select.error:focus:-moz-placeholder {
        color: #c7c7c7 !important; }
      .search-select.error:focus::-moz-placeholder {
        opacity: 1;
        color: #c7c7c7 !important; }
      .search-select.error:focus:-ms-input-placeholder {
        color: #c7c7c7 !important; }
  .search-select.zero-state {
    background: #f2f2f2;
    border: 1px solid #d9d9d9; }
    .search-select.zero-state > .select-box-input::-webkit-input-placeholder {
      color: #bababa; }
    .search-select.zero-state > .select-box-input:-moz-placeholder {
      color: #bababa; }
    .search-select.zero-state > .select-box-input::-moz-placeholder {
      opacity: 1;
      color: #bababa; }
    .search-select.zero-state > .select-box-input:-ms-input-placeholder {
      color: #bababa; }
    .search-select.zero-state > .select-box-input:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    .search-select.zero-state > .select-box-input:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    .search-select.zero-state > .select-box-input:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    .search-select.zero-state > .select-box-input:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }
    .search-select.zero-state.active {
      border: 1px solid #545454;
      background: white; }
      .search-select.zero-state.active::-webkit-input-placeholder {
        color: #c7c7c7 !important; }
      .search-select.zero-state.active:-moz-placeholder {
        color: #c7c7c7 !important; }
      .search-select.zero-state.active::-moz-placeholder {
        opacity: 1;
        color: #c7c7c7 !important; }
      .search-select.zero-state.active:-ms-input-placeholder {
        color: #c7c7c7 !important; }
  .search-select .btn-clear-field {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 16px;
    height: 16px; }
    .search-select .btn-clear-field.hidden {
      display: none; }
    .search-select .btn-clear-field > .icon-clear-field {
      color: #c7c7c7; }

.btn-dropdown-toggle {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 38px;
  border-left: 1px solid #d9d9d9;
  position: absolute;
  top: 0px;
  right: 0px; }
  .btn-dropdown-toggle .icon-arrow-expand-open {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    width: 39px;
    height: 38px; }
  .btn-dropdown-toggle .icon-calendar {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 39px;
    height: 38px;
    left: -2px;
    position: relative; }
    .btn-dropdown-toggle .icon-calendar .icon-arrow-menu {
      position: absolute; }

.multi-select-box-element {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px, #d9d9d9;
  height: 140px;
  overflow-y: scroll;
  margin: 0 0 10px 0; }
  .multi-select-box-element li {
    font-size: 14px;
    line-height: 20px;
    color: #545454;
    font-weight: normal;
    text-align: left;
    display: block;
    min-height: 40px;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 20px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    position: relative;
    cursor: pointer;
    padding: 0 !important; }
    .multi-select-box-element li:hover {
      background: #f2f2f2; }
    .multi-select-box-element li:last-of-type {
      border-bottom: 0px solid black; }
    .multi-select-box-element li .label {
      font-weight: normal;
      margin: 0 0 0 0; }
    .multi-select-box-element li label {
      cursor: pointer;
      padding: 11px 20px 10px;
      height: 40px; }
      .multi-select-box-element li label:before {
        content: "";
        font-family: 'bt-panorama';
        speak: none;
        font-weight: normal;
        width: 16px;
        height: 16px;
        position: absolute;
        top: auto;
        right: 5px; }
      .multi-select-box-element li label.selected {
        background: #f2f2f2; }
        .multi-select-box-element li label.selected:before {
          color: #6ba33e;
          content: "\e04d"; }

.select-box-element.compact .select-box {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }
  .select-box-element.compact .select-box.active, .select-box-element.compact .select-box.default {
    width: auto;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 0px 0px 0px;
    background: transparent !important; }
    .select-box-element.compact .select-box.active .label, .select-box-element.compact .select-box.active .ui-inputselect-icon, .select-box-element.compact .select-box.default .label, .select-box-element.compact .select-box.default .ui-inputselect-icon {
      color: #707070; }
    .select-box-element.compact .select-box.active:hover .label, .select-box-element.compact .select-box.active:hover .ui-inputselect-icon, .select-box-element.compact .select-box.active:focus .label, .select-box-element.compact .select-box.active:focus .ui-inputselect-icon, .select-box-element.compact .select-box.default:hover .label, .select-box-element.compact .select-box.default:hover .ui-inputselect-icon, .select-box-element.compact .select-box.default:focus .label, .select-box-element.compact .select-box.default:focus .ui-inputselect-icon {
      color: #707070; }
  .select-box-element.compact .select-box .ui-inputselect-icon {
    display: inline-block;
    width: 20px;
    height: 20px; }
    .select-box-element.compact .select-box .ui-inputselect-icon:before {
      position: relative;
      top: 2px;
      left: 1px; }
  .select-box-element.compact .select-box .label {
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0px 20px 0px 10px; }
  .select-box-element.compact .select-box .ui-inputselect-icon, .select-box-element.compact .select-box .label {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.select-box-element.compact .dropdown-menu {
  position: absolute;
  top: 32px !important;
  left: 50% !important;
  width: 200px;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  margin-left: -100px;
  z-index: 50; }
  .select-box-element.compact .dropdown-menu:before, .select-box-element.compact .dropdown-menu:after {
    content: '';
    position: absolute;
    border: solid transparent;
    bottom: 100%;
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .select-box-element.compact .dropdown-menu:after {
    border-bottom-color: white;
    border-width: 10px;
    margin-left: -10px; }
  .select-box-element.compact .dropdown-menu:before {
    border-bottom-color: #c7c7c7;
    border-width: 11px;
    margin-left: -11px; }
  .select-box-element.compact .dropdown-menu > ul {
    overflow-y: auto; }
  .select-box-element.compact .dropdown-menu > ul > li:first-of-type a {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; }



[data-view-component="forminputcheckbox"] label, [data-view-component="inputcheckbox"] label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 17px;
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 100%; }

input[type="checkbox"], input[type="radio"] {
  display: none; }

[data-view-component="forminputcheckbox"] {
  margin: 0px 10px 5px 0px; }

[data-view-component="forminputcheckbox"] input[type="checkbox"], [data-view-component="inputcheckbox"] input[type="checkbox"] {
  z-index: 1;
  position: relative; }
[data-view-component="forminputcheckbox"] label, [data-view-component="inputcheckbox"] label {
  display: inline-block; }
  [data-view-component="forminputcheckbox"] label:before, [data-view-component="inputcheckbox"] label:before {
    font-family: 'bt-panorama';
    font-size: 16px;
    content: '\e034';
    color: #545454;
    position: relative;
    top: 3px;
    margin: 0px 0px 0px -20px; }
  [data-view-component="forminputcheckbox"] label.selected:before, [data-view-component="inputcheckbox"] label.selected:before {
    font-family: 'bt-panorama';
    content: '\e035';
    color: #0095c8; }
[data-view-component="forminputcheckbox"].disabled label, [data-view-component="inputcheckbox"].disabled label {
  color: #c7c7c7; }
  [data-view-component="forminputcheckbox"].disabled label:before, [data-view-component="inputcheckbox"].disabled label:before {
    background: whitesmoke;
    color: #c7c7c7; }
  [data-view-component="forminputcheckbox"].disabled label.selected:before, [data-view-component="inputcheckbox"].disabled label.selected:before {
    background: whitesmoke;
    color: #c7c7c7;
    text-indent: 0; }
[data-view-component="forminputcheckbox"] .invalid label, [data-view-component="inputcheckbox"] .invalid label {
  color: #0095c8;
  cursor: default; }
  [data-view-component="forminputcheckbox"] .invalid label:before, [data-view-component="inputcheckbox"] .invalid label:before {
    background: #edf7fb;
    color: #0095c8; }

[data-view-component="forminputradios"] label:before, [data-view-component="inputradios"] label:before {
  font-family: 'bt-panorama';
  content: '\e036';
  color: #545454;
  font-size: 16px;
  position: relative;
  top: 2px; }
[data-view-component="forminputradios"] label.selected:before, [data-view-component="inputradios"] label.selected:before {
  font-family: 'bt-panorama';
  content: '\e037';
  color: #0095c8; }
[data-view-component="forminputradios"].disabled label, [data-view-component="inputradios"].disabled label {
  color: #c7c7c7; }
  [data-view-component="forminputradios"].disabled label:before, [data-view-component="inputradios"].disabled label:before {
    background: whitesmoke;
    color: #c7c7c7; }
  [data-view-component="forminputradios"].disabled label.selected:before, [data-view-component="inputradios"].disabled label.selected:before {
    background: whitesmoke;
    color: #c7c7c7;
    text-indent: 0; }
[data-view-component="forminputradios"] .invalid label, [data-view-component="inputradios"] .invalid label {
  color: #0095c8; }
  [data-view-component="forminputradios"] .invalid label:before, [data-view-component="inputradios"] .invalid label:before {
    font-family: 'bt-panorama';
    content: '\e036';
    color: #0095c8;
    background: #edf7fb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }

[data-view-component="inputradios"] .default li {
  margin: 0px 0px 0px 0px; }

[data-view-component="inputradios"] .horizontal li {
  margin: 0px 20px 0px 0px; }

.search-menu {
  letter-spacing: normal;
  font-weight: normal !important;
  width: 400px;
  height: auto;
  position: absolute;
  top: 60px;
  left: 0px;
  z-index: 40;
  border: 1px solid #c7c7c7;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); }
  .search-menu:before, .search-menu:after {
    content: '';
    position: absolute;
    border: solid transparent;
    bottom: 100%;
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
  .search-menu:after {
    border-bottom-color: white;
    border-width: 10px;
    margin-left: -10px; }
  .search-menu:before {
    border-bottom-color: #c7c7c7;
    border-width: 11px;
    margin-left: -11px; }
  .search-menu.default {
    display: none; }
  .search-menu > ul {
    width: 100%;
    height: 286px;
    overflow: auto; }
    .search-menu > ul > li {
      font-size: 14px;
      line-height: 20px;
      color: #545454;
      font-weight: normal;
      text-align: left;
      display: block;
      min-height: 40px;
      border-bottom: 1px solid #d9d9d9;
      padding: 10px 20px;
      -webkit-transition: all 0.25s ease-in;
      -moz-transition: all 0.25s ease-in;
      transition: all 0.25s ease-in;
      position: relative;
      cursor: pointer; }
      .search-menu > ul > li strong {
        font-weight: bold !important; }
        .search-menu > ul > li strong strong {
          font-weight: normal !important; }
      .search-menu > ul > li .label {
        font-weight: normal;
        text-transform: lowercase;
        color: #545454; }
      .search-menu > ul > li .account-number {
        margin: 0 0 0 10px; }
      .search-menu > ul > li.sub-heading:hover {
        background: transparent; }
      .search-menu > ul > li:hover {
        background: #f2f2f2; }
      .search-menu > ul > li:first-of-type {
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -ms-border-radius: 5px 5px 0px 0px;
        -o-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px; }
      .search-menu > ul > li:last-of-type {
        border-bottom: 0px solid black;
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -ms-border-radius: 0px 0px 5px 5px;
        -o-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px; }


.search-input-container {
  display: inline-block;
  width: auto;
  position: relative; }
  .search-input-container .search-input {
    font-size: 18px;
    line-height: 30px;
    height: 40px;
    font-weight: bold;
    border-bottom: 1px solid #707070 !important;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    width: 720px; }
    .search-input-container .search-input.default {
      display: none; }
  .search-input-container .btn-clear-field {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 16px;
    height: 16px; }
    .search-input-container .btn-clear-field > .icon-clear-field {
      color: #c7c7c7; }

.sentence-input-container {
  display: inline-block;
  width: auto;
  position: relative; }
  .sentence-input-container .sentence-input {
    outline: none;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 30px;
    line-height: 36px;
    height: 33px;
    color: #0095c8 !important;
    font-weight: bold;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 2px solid #0095c8;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    transition: none;
    width: 100%; }
    .sentence-input-container .sentence-input::input-placeholder {
      color: #0095c8; }
    .sentence-input-container .sentence-input::-webkit-input-placeholder {
      color: #0095c8; }
    .sentence-input-container .sentence-input:-moz-placeholder {
      /* Firefox 18- */
      color: #0095c8;
      line-height: 1; }
    .sentence-input-container .sentence-input::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: #0095c8;
      line-height: 1; }
    .sentence-input-container .sentence-input:-ms-input-placeholder {
      color: #0095c8;
      line-height: 1; }
    .sentence-input-container .sentence-input:focus {
      background: transparent !important;
      color: #0095c8 !important;
      border: none;
      border-bottom: 2px solid #0095c8;
      min-width: 320px; }
      .sentence-input-container .sentence-input:focus::input-placeholder {
        color: #ebf4f8; }
      .sentence-input-container .sentence-input:focus::-webkit-input-placeholder {
        color: #ebf4f8; }
      .sentence-input-container .sentence-input:focus:-moz-placeholder {
        /* Firefox 18- */
        color: #ebf4f8; }
      .sentence-input-container .sentence-input:focus::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1;
        color: #ebf4f8; }
      .sentence-input-container .sentence-input:focus:-ms-input-placeholder {
        color: #ebf4f8; }

.text-input-incrementer-container {
  display: inline-block;
  width: 80px;
  height: 40px;
  position: relative; }
  .text-input-incrementer-container input[type=text] {
    width: 60px;
    height: 40px;
    -webkit-border-radius: 5px, 0px, 0px, 5px;
    -moz-border-radius: 5px, 0px, 0px, 5px;
    -ms-border-radius: 5px, 0px, 0px, 5px;
    -o-border-radius: 5px, 0px, 0px, 5px;
    border-radius: 5px, 0px, 0px, 5px;
    border-right: none; }
  .text-input-incrementer-container a {
    border: 1px solid #d9d9d9;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
    .text-input-incrementer-container a:first-of-type {
      -webkit-border-radius: 0px 5px 0px 0px;
      -moz-border-radius: 0px 5px 0px 0px;
      -ms-border-radius: 0px 5px 0px 0px;
      -o-border-radius: 0px 5px 0px 0px;
      border-radius: 0px 5px 0px 0px;
      z-index: 10; }
      .text-input-incrementer-container a:first-of-type:hover {
        z-index: 20; }
    .text-input-incrementer-container a:last-of-type {
      -webkit-border-radius: 0px 0px 5px 0px;
      -moz-border-radius: 0px 0px 5px 0px;
      -ms-border-radius: 0px 0px 5px 0px;
      -o-border-radius: 0px 0px 5px 0px;
      border-radius: 0px 0px 5px 0px;
      width: 20px;
      height: 21px;
      z-index: 15; }
    .text-input-incrementer-container a:hover {
      border: 1px solid #545454; }
    .text-input-incrementer-container a > span {
      color: #545454;
      text-align: center;
      width: 20px;
      height: 20px;
      display: table-cell;
      vertical-align: middle; }
    .text-input-incrementer-container a.btn-input-add-value {
      position: absolute;
      top: 0px;
      right: 0px; }
    .text-input-incrementer-container a.btn-input-subtract-value {
      position: absolute;
      right: 0px;
      bottom: 0px; }

[data-mvc-component=search], [data-view-component=search] {
  border-bottom: 3px solid #0095c8;
  margin: 0px 0px 20px 0px; }
  [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:nth-child(n+2), [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:nth-child(n+2) {
    margin-left: -1px; }
  [data-mvc-component=search] .search-criteria-element > .grid > div:first-child .text-input, [data-mvc-component=search] .search-criteria-element > .grid > div:first-child .input-search, [data-mvc-component=search] .search-criteria-element > .grid > div:first-child .select-box, [data-mvc-component=search] .search-criteria-element > .grid > div:first-child .search-select, [data-mvc-component=search] .search-criteria-element > .grid > div:first-child .date-select-element, [data-view-component=search] .search-criteria-element > .grid > div:first-child .text-input, [data-view-component=search] .search-criteria-element > .grid > div:first-child .input-search, [data-view-component=search] .search-criteria-element > .grid > div:first-child .select-box, [data-view-component=search] .search-criteria-element > .grid > div:first-child .search-select, [data-view-component=search] .search-criteria-element > .grid > div:first-child .date-select-element {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .text-input, [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .input-search, [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .select-box, [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .search-select, [data-mvc-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .date-select-element, [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .text-input, [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .input-search, [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .select-box, [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .search-select, [data-view-component=search] .search-criteria-element > .grid > div[data-mvc-child] > div:first-child .date-select-element {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px; }

.search-criteria-element {
  width: auto;
  position: relative;
  width: 100% !important;
  display: inline-bock !important;
  margin: 0px 0px 0px 0px; }
  .search-criteria-element > .grid > div:nth-child(n+2) {
    margin-left: -1px; }
  .search-criteria-element > .grid > div:nth-child(n) {
    margin-right: 0px !important; }
  .search-criteria-element > .grid > div:first-child .text-input, .search-criteria-element > .grid > div:first-child .input-search, .search-criteria-element > .grid > div:first-child .select-box, .search-criteria-element > .grid > div:first-child .search-select, .search-criteria-element > .grid > div:first-child .date-select-element {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px; }
  .search-criteria-element.input-group > .grid > div:last-child .text-input, .search-criteria-element.input-group > .grid > div:last-child .input-search, .search-criteria-element.input-group > .grid > div:last-child .select-box, .search-criteria-element.input-group > .grid > div:last-child .search-select, .search-criteria-element.input-group > .grid > div:last-child .date-select-element {
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px; }
  .search-criteria-element .btn-search {
    background: #0095c8;
    display: inline-block;
    position: relative;
    width: 78px;
    height: 40px;
    text-align: center;
    color: white;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    box-shadow: inset 0px -3px 0 #0086b4;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    line-height: 1;
    outline: none;
    z-index: 25; }
    .search-criteria-element .btn-search:hover {
      background: #039fd4; }
    .search-criteria-element .btn-search:active {
      box-shadow: inset 0px 3px 0 #0086b4;
      background: #0095c8;
      outline: none; }
    .search-criteria-element .btn-search.disabled {
      cursor: default;
      color: #c7c7c7;
      background: whitesmoke !important;
      border: 1px solid #c7c7c7;
      box-shadow: none; }
  .search-criteria-element .text-input, .search-criteria-element .input-search {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  .search-criteria-element .select-box-element {
    width: 100% !important; }
    .search-criteria-element .select-box-element .select-box {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px;
      background: #e5e5e5; }
      .search-criteria-element .select-box-element .select-box .label {
        color: #545454 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%; }
      .search-criteria-element .select-box-element .select-box .btn-dropdown-toggle {
        border-left: none !important; }
      .search-criteria-element .select-box-element .select-box:hover {
        z-index: 40 !important; }
  .search-criteria-element .search-select-element {
    width: 100% !important; }
    .search-criteria-element .search-select-element .search-select {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px; }
      .search-criteria-element .search-select-element .search-select.default {
        background: transparent !important; }
  .search-criteria-element .date-select-element {
    position: relative;
    padding: 4px 20px 2px 0px;
    width: 100%;
    height: 40px;
    border: 1px solid #d9d9d9; }
    .search-criteria-element .date-select-element .btn-toggle-date-overlay {
      width: 16px;
      height: 16px;
      margin: 6px 8px 0px 12px; }
      .search-criteria-element .date-select-element .btn-toggle-date-overlay:hover {
        color: #454545; }
    .search-criteria-element .date-select-element .date-arrow {
      z-index: 50;
      height: 16px;
      position: relative;
      margin: 7px 20px 0px 0px;
      left: 9px; }
      .search-criteria-element .date-select-element .date-arrow .icon-arrow-right {
        color: #d9d9d9;
        font-size: 16px;
        width: 20px;
        position: absolute;
        top: 0px;
        left: -2px; }
      .search-criteria-element .date-select-element .date-arrow .icon-collapse {
        color: #d9d9d9;
        position: absolute;
        top: 0px;
        left: -10px;
        width: 14px;
        height: 2px; }
  .search-criteria-element .text-input-date {
    margin: 0px !important;
    width: 100px;
    height: 30px;
    padding: 5px 7px 5px 7px;
    position: relative; }

.dropdown-menu {
  position: absolute;
  top: 38px;
  left: 0px;
  z-index: 40;
  top: 38px !important;
  border: 1px solid #c7c7c7;
  background: white;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: auto;
  width: 100%;
  min-height: 40px;
  max-height: 419px; }
  .dropdown-menu.default {
    display: none; }
  .dropdown-menu.active {
    display: block; }
  .dropdown-menu.no-results {
    border: 3px solid #0095c8; }
    .dropdown-menu.no-results .no-results-message {
      padding: 10px 10px;
      color: #0095c8; }
      .dropdown-menu.no-results .no-results-message .icon-support-information {
        position: absolute;
        top: 10px;
        left: 9px; }
      .dropdown-menu.no-results .no-results-message p {
        margin: 0 0 0 25px !important;
        font-weight: bold;
        display: inline-block;
        width: auto;
        position: relative;
        top: -2px; }
  .dropdown-menu > ul {
    overflow-y: auto; }
    .dropdown-menu > ul > li.ui-state-hover a {
      background: #f2f2f2; }
    .dropdown-menu > ul > li a {
      font-size: 14px;
      line-height: 20px;
      color: #545454;
      font-weight: normal;
      text-align: left;
      display: block;
      min-height: 40px;
      border-bottom: 1px solid #d9d9d9;
      padding: 10px 20px;
      -webkit-transition: all 0.25s ease-in;
      -moz-transition: all 0.25s ease-in;
      transition: all 0.25s ease-in;
      position: relative;
      cursor: pointer; }
      .dropdown-menu > ul > li a:focus {
        outline: none; }
    .dropdown-menu > ul > li:last-of-type a {
      border-bottom: 0px solid black;
      -webkit-border-radius: 0px 0px 5px 5px;
      -moz-border-radius: 0px 0px 5px 5px;
      -ms-border-radius: 0px 0px 5px 5px;
      -o-border-radius: 0px 0px 5px 5px;
      border-radius: 0px 0px 5px 5px; }
    .dropdown-menu > ul > li p {
      margin: -5px 0 0 0 !important;
      width: 220px;
      height: auto; }
    .dropdown-menu > ul > li .icons .icon-transfer-payment {
      color: #6ba33e; }
    .dropdown-menu > ul > li .icons .icon-transfer-deposit {
      color: #e97300; }
    .dropdown-menu > ul > li .icons .icon-bPay {
      color: #0a2871; }
    .dropdown-menu > ul > li .icon {
      position: relative;
      right: -9px; }
    .dropdown-menu > ul > li em, .dropdown-menu > ul > li strong {
      font-weight: bold !important; }
      .dropdown-menu > ul > li em em, .dropdown-menu > ul > li strong em {
        font-weight: normal !important; }
    .dropdown-menu > ul > li .label {
      font-weight: normal;
      text-transform: lowercase;
      color: #545454; }
    .dropdown-menu > ul > li .address {
      font-weight: normal !important; }
    .dropdown-menu > ul > li .account-number {
      margin: 0 0 0 10px; }
    .dropdown-menu > ul > li.sub-heading:hover {
      background: transparent; }
    .dropdown-menu > ul > li .name {
      margin: 0px 0px 0px 20px; }
    .dropdown-menu > ul > li .logo {
      position: relative !important;
      top: 3px;
      margin: 0px 10px 0px 20px; }
  .dropdown-menu.dropdown-menu-secondary {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 200px;
    height: auto; }
  .dropdown-menu.no-border {
    border: none; }

[data-view-component="inputtextautocomplete"] .dropdown-menu li {
  font-size: 14px;
  line-height: 20px;
  color: #545454;
  font-weight: normal;
  text-align: left;
  display: block;
  min-height: 40px;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 20px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
  cursor: pointer; }

.component .compare-options-select {
  margin: 0 0 0 250px; }

.compare-options-select {
  position: relative; }

.compare-select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: auto;
  height: auto;
  letter-spacing: normal;
  font-weight: normal;
  position: absolute;
  top: 55px;
  left: -25%;
  z-index: 40;
  border: 1px solid #c7c7c7;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  margin-left: -100px; }
  .compare-select.default {
    display: none; }
  .compare-select:before, .compare-select:after {
    content: '';
    position: absolute;
    border: solid transparent;
    bottom: 100%;
    width: 0;
    height: 0;
    left: 50%;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
  .compare-select:after {
    border-bottom-color: white;
    border-width: 10px;
    margin-left: -10px; }
  .compare-select:before {
    border-bottom-color: #c7c7c7;
    border-width: 11px;
    margin-left: -11px; }
  .compare-select h4, .compare-select .heading-four {
    margin: 0 0 16px; }
  .compare-select .compare-options {
    width: 540px;
    height: auto;
    padding: 30px 20px; }
    .compare-select .compare-options li {
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      border-collapse: collapse;
      clear: none;
      float: left;
      margin: 0 30px 0 0;
      padding: 5px 0;
      width: 220px; }
      .compare-select .compare-options li:hover {
        border-top: 1px solid #bababa;
        border-bottom: 1px solid #bababa;
        background-color: #fafafa; }
      .compare-select .compare-options li:nth-of-type(2n) {
        margin: 0; }

.compare-actions {
  border-top: 1px solid #bababa;
  padding: 20px 20px 30px; }
  .compare-actions .btn-action-tertiary {
    margin: 0 0 0 30px; }

.field-radio-group {
  position: relative; }
  .field-radio-group > div:nth-child(1) {
    width: 100%;
    padding: 0px 110px 0px 0px; }
  .field-radio-group .radio-group {
    position: absolute;
    right: 0px;
    bottom: 13px;
    width: 100px;
    margin: 0px 0px 0px 10px; }

.autocomplete input {
  background: white;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #545454;
  font-size: 14px;
  height: 40px;
  padding: 10px 10px 10px 10px;
  position: relative;
  width: 100%;
  z-index: 30; }
  .autocomplete input:focus {
    border: 1px solid #545454; }

.autocomplete {
  position: relative; }
  .autocomplete .btn-clear-field {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 50;
    width: 16px;
    height: 16px; }
    .autocomplete .btn-clear-field > .icon-clear-field {
      color: #c7c7c7; }
    .autocomplete .btn-clear-field.hidden {
      display: none; }
  .autocomplete .annotation {
    position: absolute;
    top: 10px;
    right: 36px;
    z-index: 50;
    color: #949494; }

.ui-autocomplete-input {
  display: block;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px;
  position: relative;
  z-index: 30;
  background: white;
  border: 1px solid #d9d9d9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #545454; }
  .ui-autocomplete-input:hover {
    border: 1px solid #545454; }
  .ui-autocomplete-input:focus {
    outline: none;
    border: 1px solid #545454; }
    .ui-autocomplete-input:focus + .btn-clear-field {
      display: block; }
  .ui-autocomplete-input:active {
    outline: none; }

[data-mvc-component='inputautocomplete'] {
  position: relative; }

.div-search ul {
  position: absolute;
  top: 38px;
  left: 0px;
  z-index: 40;
  top: 38px !important;
  border: 1px solid #c7c7c7;
  background: white;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -ms-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: auto;
  width: 100%;
  min-height: 40px;
  max-height: 419px;
  overflow-y: auto; }
  .div-search ul li:last-of-type a {
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border-bottom: 0px solid black; }
  .div-search ul li.title, .div-search ul li.error {
    color: #039fd4;
    line-height: 20px;
    margin: 0;
    padding: 10px 20px;
    min-height: 40px;
    border-bottom: 1px solid #d9d9d9; }
    .div-search ul li.title:hover, .div-search ul li.error:hover {
      background: transparent; }
  .div-search ul li.error {
    border: 3px solid #039fd4; }
    .div-search ul li.error:before {
      background-color: #039fd4;
      color: white;
      content: "\e05c";
      margin: 0px 6px 0px 0px;
      padding: 10px 10px 10px 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
  .div-search ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #545454;
    font-weight: normal;
    text-align: left;
    display: block;
    min-height: 40px;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 20px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    position: relative;
    cursor: pointer; }
    .div-search ul li a.ui-state-hover {
      background: #f2f2f2; }
    .div-search ul li a:hover {
      background: #f2f2f2; }
  .div-search ul .ui-menu-item a span {
    font-weight: bold; }
    .div-search ul .ui-menu-item a span strong {
      font-weight: normal; }

[data-view-component="forminputtext"] .validation-container.invalid .text-input, [data-view-component="forminputtextarea"] .validation-container.invalid textarea {
  background: #edf7fb;
  border: 1px solid #0095c8; }
  [data-view-component="forminputtext"] .validation-container.invalid .text-input:focus, [data-view-component="forminputtextarea"] .validation-container.invalid textarea:focus {
    border: 1px solid #0095c8;
    color: #545454;
    background: white; }
    [data-view-component="forminputtext"] .validation-container.invalid .text-input:focus::-webkit-input-placeholder, [data-view-component="forminputtextarea"] .validation-container.invalid textarea:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputtext"] .validation-container.invalid .text-input:focus:-moz-placeholder, [data-view-component="forminputtextarea"] .validation-container.invalid textarea:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputtext"] .validation-container.invalid .text-input:focus::-moz-placeholder, [data-view-component="forminputtextarea"] .validation-container.invalid textarea:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    [data-view-component="forminputtext"] .validation-container.invalid .text-input:focus:-ms-input-placeholder, [data-view-component="forminputtextarea"] .validation-container.invalid textarea:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }

[data-view-component="forminputtext"] .validation-container.invalid .input-wrap[data-symbol="$"]:before, [data-view-component="forminputtext"] .validation-container.invalid .input-wrap[data-symbol="%"]:before {
  color: #0095c8; }

[data-view-component="forminputselect"] .validation-container.invalid .select-box {
  background: #edf7fb;
  border: 1px solid #0095c8; }
  [data-view-component="forminputselect"] .validation-container.invalid .select-box:focus {
    border: 1px solid #0095c8;
    color: #545454;
    background: white; }
    [data-view-component="forminputselect"] .validation-container.invalid .select-box:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputselect"] .validation-container.invalid .select-box:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputselect"] .validation-container.invalid .select-box:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    [data-view-component="forminputselect"] .validation-container.invalid .select-box:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }
  [data-view-component="forminputselect"] .validation-container.invalid .select-box > .label {
    color: #0095c8 !important; }
  [data-view-component="forminputselect"] .validation-container.invalid .select-box > .btn-dropdown-toggle {
    border-left: 1px solid #92c6d9; }
  [data-view-component="forminputselect"] .validation-container.invalid .select-box .ui-inputselect-icon {
    border-left: 1px solid #0095c8; }

[data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .text-input {
  background: #edf7fb;
  border: 1px solid #0095c8; }
  [data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .text-input:focus {
    border: 1px solid #0095c8;
    color: #545454;
    background: white; }
    [data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .text-input:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .text-input:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .text-input:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    [data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .text-input:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }
[data-view-component="forminputautocomplete"] .validation-container.invalid .autocomplete .btn-clear-field > .icon-clear-field {
  color: #92c6d9; }

[data-view-component="forminputdate"] .validation-container.invalid .search-criteria-element .text-input-date {
  background: #edf7fb;
  border: 1px solid #0095c8; }
  [data-view-component="forminputdate"] .validation-container.invalid .search-criteria-element .text-input-date:focus {
    border: 1px solid #0095c8;
    color: #545454;
    background: white; }
    [data-view-component="forminputdate"] .validation-container.invalid .search-criteria-element .text-input-date:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputdate"] .validation-container.invalid .search-criteria-element .text-input-date:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputdate"] .validation-container.invalid .search-criteria-element .text-input-date:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    [data-view-component="forminputdate"] .validation-container.invalid .search-criteria-element .text-input-date:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }

[data-view-component="forminputdaterange"] .validation-container.invalid .search-criteria-element .text-input-date {
  background: #edf7fb;
  border: 1px solid #0095c8; }
  [data-view-component="forminputdaterange"] .validation-container.invalid .search-criteria-element .text-input-date:focus {
    border: 1px solid #0095c8;
    color: #545454;
    background: white; }
    [data-view-component="forminputdaterange"] .validation-container.invalid .search-criteria-element .text-input-date:focus::-webkit-input-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputdaterange"] .validation-container.invalid .search-criteria-element .text-input-date:focus:-moz-placeholder {
      color: #c7c7c7 !important; }
    [data-view-component="forminputdaterange"] .validation-container.invalid .search-criteria-element .text-input-date:focus::-moz-placeholder {
      opacity: 1;
      color: #c7c7c7 !important; }
    [data-view-component="forminputdaterange"] .validation-container.invalid .search-criteria-element .text-input-date:focus:-ms-input-placeholder {
      color: #c7c7c7 !important; }

[data-view-component="forminputdaterange"] .validation-container .error-range-error {
  padding: 10px 10px 10px 10px; }

[data-view-component="forminputdaterange"] .hide-error {
  display: none; }

.error {
  margin: 5px 0px 0px 0px;
  color: #0095c8; }

.error-message-field {
  font-weight: bold;
  margin: 5px 0px 0px 0px;
  display: inline-block; }

[data-view-component].disabled .label, [data-view-component].disabled .label-optional {
  color: #c7c7c7; }

[data-view-component="inputtextarea"].disabled textarea, [data-view-component="forminputtextarea"].disabled textarea {
  background: whitesmoke;
  color: #c7c7c7;
  border: 1px solid #d9d9d9; }
  [data-view-component="inputtextarea"].disabled textarea::-webkit-input-placeholder, [data-view-component="forminputtextarea"].disabled textarea::-webkit-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="inputtextarea"].disabled textarea:-moz-placeholder, [data-view-component="forminputtextarea"].disabled textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #c7c7c7; }
  [data-view-component="inputtextarea"].disabled textarea::-moz-placeholder, [data-view-component="forminputtextarea"].disabled textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #c7c7c7; }
  [data-view-component="inputtextarea"].disabled textarea:-ms-input-placeholder, [data-view-component="forminputtextarea"].disabled textarea:-ms-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="inputtextarea"].disabled textarea:hover, [data-view-component="forminputtextarea"].disabled textarea:hover {
    border: 1px solid #d9d9d9; }

[data-view-component="inputtext"].disabled .text-input, [data-view-component="forminputtext"].disabled input {
  background: whitesmoke;
  color: #c7c7c7;
  border: 1px solid #d9d9d9; }
  [data-view-component="inputtext"].disabled .text-input::-webkit-input-placeholder, [data-view-component="forminputtext"].disabled input::-webkit-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="inputtext"].disabled .text-input:-moz-placeholder, [data-view-component="forminputtext"].disabled input:-moz-placeholder {
    /* Firefox 18- */
    color: #c7c7c7; }
  [data-view-component="inputtext"].disabled .text-input::-moz-placeholder, [data-view-component="forminputtext"].disabled input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #c7c7c7; }
  [data-view-component="inputtext"].disabled .text-input:-ms-input-placeholder, [data-view-component="forminputtext"].disabled input:-ms-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="inputtext"].disabled .text-input:hover, [data-view-component="forminputtext"].disabled input:hover {
    border: 1px solid #d9d9d9; }

[data-view-component="inputtext"].disabled [data-symbol="$"]:before, [data-view-component="inputtext"].disabled [data-symbol="%"]:before, [data-view-component="forminputtext"].disabled [data-symbol="$"]:before, [data-view-component="forminputtext"].disabled [data-symbol="%"]:before {
  color: #c7c7c7; }

[data-view-component="forminputautocomplete"].disabled .autocomplete .text-input, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input, [data-view-component="inputtextautocomplete"].disabled .search-select.default {
  background: whitesmoke;
  color: #c7c7c7;
  border: 1px solid #d9d9d9;
  background: whitesmoke !important; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input::-webkit-input-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input::-webkit-input-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default::-webkit-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input:-moz-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input:-moz-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default:-moz-placeholder {
    /* Firefox 18- */
    color: #c7c7c7; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input::-moz-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input::-moz-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #c7c7c7; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input:-ms-input-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input:-ms-input-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default:-ms-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input:hover, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input:hover, [data-view-component="inputtextautocomplete"].disabled .search-select.default:hover {
    border: 1px solid #d9d9d9; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input .select-box-input::-webkit-input-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input .select-box-input::-webkit-input-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default .select-box-input::-webkit-input-placeholder {
    color: #c7c7c7; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input .select-box-input:-moz-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input .select-box-input:-moz-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default .select-box-input:-moz-placeholder {
    /* Firefox 18- */
    color: #c7c7c7; }
  [data-view-component="forminputautocomplete"].disabled .autocomplete .text-input .select-box-input::-moz-placeholder, [data-mvc-component="inputautocomplete"].disabled .autocomplete .text-input .select-box-input::-moz-placeholder, [data-view-component="inputtextautocomplete"].disabled .search-select.default .select-box-input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #c7c7c7; }