0byt3m1n1
Path:
/
home
/
artemisi
/
public_html
/
tnk__3e4c3ab
/
assets
/
css
/
[
Home
]
File: base.css
@charset "UTF-8"; .collapsing, .dropdown, sub, sup { position: relative; } .btn, .checkbox, .checkbox-inline, .radio, .radio-inline, img { vertical-align: middle; } .collapsing, .dropdown-menu .divider, .nav .nav-divider, .sr-only, svg:not(:root) { overflow: hidden; } hr, img { border: 0; } body { width: 100%; } body:after, body:before { display: table; content: " "; } body:after { clear: both; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: var(--uux-CONST_GRAY_L1); color: var(--uux-CONST_BLACK); padding: 0.2em 0; } .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .open .dropdown-toggle.btn-danger, .open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-success, .open .dropdown-toggle.btn-warning, body.highcontrast nav#menu, body[class*="theme-"] nav#menu, button, input, select[multiple], textarea { background-image: none; } body, legend, pre { color: #333; } /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } b, strong { font-weight: 700; } dfn { font-style: italic; } hr { height: 0; box-sizing: content-box; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } .icon-bubble:after, .icon-coin:after, body { font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif; } pre { white-space: pre-wrap; } q { quotes: "“" "”" "‘" "’"; } sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } figure { margin: 0; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { blockquote, img, pre, tr { page-break-inside: avoid; } * { color: #000 !important; text-shadow: none !important; background: 0 0 !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } blockquote, pre { border: 1px solid #999; } thead { display: table-header-group; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } .img-thumbnail, body { background-color: #fff; } html { font-size: 62.5%; -webkit-tap-highlight-color: transparent; } body { margin: 0; font-size: 14px; line-height: 1.428571429; } button, input, select, textarea { margin: 0; box-sizing: border-box; font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:focus, a:hover { color: #2a6496; text-decoration: underline; } a:focus { outline: #333 dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-thumbnail, .list-inline > li, label { display: inline-block; } .img-rounded { border-radius: 6px; } .img-thumbnail { height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0 0 0 0); border: 0; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16.1px; font-weight: 200; line-height: 1.4; } .badge, .label, dt, label { font-weight: 700; } @media (min-width: 768px) { .lead { font-size: 21px; } } small { font-size: 85%; } cite { font-style: normal; } .text-muted { color: #999; } .text-primary { color: #428bca; } .text-warning { color: #c09853; } .text-danger { color: #b94a48; } .text-success { color: #468847; } .text-info { color: #3a87ad; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .modal-footer, blockquote.pull-right p, blockquote.pull-right small { text-align: right; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-inline > li { padding-right: 5px; padding-left: 5px; } dl { margin-bottom: 20px; } dd, dt { line-height: 1.428571429; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .dl-horizontal dd:after, .dl-horizontal dd:before { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } } address, blockquote small, pre { display: block; line-height: 1.428571429; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee; } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { color: #999; } blockquote small:before { content: "— "; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right small:before { content: ""; } blockquote.pull-right small:after { content: " —"; } blockquote:after, blockquote:before, q:after, q:before { content: ""; } address { margin-bottom: 20px; font-style: normal; } code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } pre { padding: 9.5px; margin: 0 0 10px; font-size: 13px; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .container:after, .container:before, .row:after, .row:before { display: table; content: " "; } .table, pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; box-sizing: border-box; } .btn-block, .checkbox, .form-control, .help-block, .radio, input[type="file"], legend { display: block; } .row:after { clear: both; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-ms-1, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { box-sizing: border-box; float: left; position: relative; min-height: 1px; padding-left: 7.5px; padding-right: 7.5px; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (max-width: 767px) { .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } } @media (min-width: 768px) { .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media screen and (max-width: 767px) and (min-width: 481px) { .container { max-width: 748px; } .col-ms-1 { width: 8.3333333333%; } .col-ms-2 { width: 16.6666666667%; } .col-ms-3 { width: 25%; } .col-ms-4 { width: 33.3333333333%; } .col-ms-5 { width: 41.6666666667%; } .col-ms-6 { width: 50%; } .col-ms-7 { width: 58.3333333333%; } .col-ms-8 { width: 66.6666666667%; } .col-ms-9 { width: 75%; } .col-ms-10 { width: 83.3333333333%; } .col-ms-11 { width: 91.6666666667%; } .col-ms-12 { width: 100%; } .col-ms-push-1 { left: 8.3333333333%; } .col-ms-push-2 { left: 16.6666666667%; } .col-ms-push-3 { left: 25%; } .col-ms-push-4 { left: 33.3333333333%; } .col-ms-push-5 { left: 41.6666666667%; } .col-ms-push-6 { left: 50%; } .col-ms-push-7 { left: 58.3333333333%; } .col-ms-push-8 { left: 66.6666666667%; } .col-ms-push-9 { left: 75%; } .col-ms-push-10 { left: 83.3333333333%; } .col-ms-push-11 { left: 91.6666666667%; } .col-ms-push-12 { left: 100%; } .col-ms-pull-1 { right: 8.3333333333%; } .col-ms-pull-2 { right: 16.6666666667%; } .col-ms-pull-3 { right: 25%; } .col-ms-pull-4 { right: 33.3333333333%; } .col-ms-pull-5 { right: 41.6666666667%; } .col-ms-pull-6 { right: 50%; } .col-ms-pull-7 { right: 58.3333333333%; } .col-ms-pull-8 { right: 66.6666666667%; } .col-ms-pull-9 { right: 75%; } .col-ms-pull-10 { right: 83.3333333333%; } .col-ms-pull-11 { right: 91.6666666667%; } .col-ms-pull-12 { right: 100%; } .col-ms-offset-1 { margin-left: 8.3333333333%; } .col-ms-offset-2 { margin-left: 16.6666666667%; } .col-ms-offset-3 { margin-left: 25%; } .col-ms-offset-4 { margin-left: 33.3333333333%; } .col-ms-offset-5 { margin-left: 41.6666666667%; } .col-ms-offset-6 { margin-left: 50%; } .col-ms-offset-7 { margin-left: 58.3333333333%; } .col-ms-offset-8 { margin-left: 66.6666666667%; } .col-ms-offset-9 { margin-left: 75%; } .col-ms-offset-10 { margin-left: 83.3333333333%; } .col-ms-offset-11 { margin-left: 91.6666666667%; } .col-ms-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; } .table tbody > tr > td, .table tbody > tr > th, .table tfoot > tr > td, .table tfoot > tr > th, .table thead > tr > td, .table thead > tr > th { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .table thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed tbody > tr > td, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > td, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed thead > tr > th { padding: 5px; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } table col[class*="col-"] { display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; border-color: #d6e9c6; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; border-color: #c9e2b3; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; border-color: #eed3d7; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; border-color: #e6c1c7; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; border-color: #fbeed5; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; border-color: #f8e5be; } @media (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; background-color: #fff; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } } fieldset, legend { padding: 0; border: 0; } fieldset { margin: 0; } legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; border-bottom: 1px solid #e5e5e5; } label { margin-bottom: 5px; } input[type="search"] { -webkit-appearance: textfield; box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } select[multiple], select[size] { height: auto; } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus { outline: #333 dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } .form-control:-moz-placeholder { color: #999; } .form-control::-moz-placeholder { color: #999; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control { width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #2e2e2e; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; } .btn, .btn-link, .checkbox label, .checkbox-inline, .radio label, .radio-inline { cursor: pointer; font-weight: 400; } .form-control[disabled], fieldset[disabled] .form-control { opacity: 0.4; } textarea.form-control { height: auto; } .form-group { margin-bottom: 15px; } .checkbox, .radio { min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { display: inline; margin-bottom: 0; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { float: left; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } .btn-block + .btn-block, .help-block { margin-top: 5px; } .checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="radio"][disabled] { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } .btn-lg, .input-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; } textarea.input-sm { height: auto; } .input-lg { height: 45px; border-radius: 6px; } select.input-lg { height: 45px; line-height: 45px; } textarea.input-lg { height: auto; } .has-warning .control-label, .has-warning .help-block { color: #c09853; } .has-warning .form-control { border-color: #c09853; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #a47e3c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .has-error .control-label, .has-error .help-block { color: #b94a48; } .has-error .form-control { border-color: #b94a48; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #953b39; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .has-success .control-label, .has-success .help-block { color: #468847; } .has-success .form-control { border-color: #468847; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #356635; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } .form-control-static { padding-top: 7px; margin-bottom: 0; } .help-block { margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; } .form-inline .checkbox, .form-inline .radio { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { float: none; margin-left: 0; } .form-horizontal .control-label { text-align: right; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .form-horizontal .form-group:after, .form-horizontal .form-group:before { display: table; content: " "; } .caret, .dropup .caret, .navbar-fixed-bottom .dropdown .caret, .popover > .arrow:after { content: ""; } .form-horizontal .form-group:after { clear: both; } .btn, .input-group-addon, .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; white-space: nowrap; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; user-select: none; } .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-primary { color: #fff; background-color: #428bca; } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #428bca; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512; } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925; } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439; } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-link { color: #428bca; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-width: 0; border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #999; text-decoration: none; } .btn-lg { border-radius: 6px; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { width: 100%; padding-right: 0; padding-left: 0; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s ease-in-out; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .btn-group, .btn-group-vertical, .caret { display: inline-block; vertical-align: middle; } .collapsing { height: 0; transition: height 0.35s ease; } .caret { width: 0; height: 0; margin-left: 2px; border-top: 4px solid #000; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-header, .dropdown-menu > li > a { display: block; padding: 3px 20px; line-height: 1.428571429; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; background-color: #e5e5e5; } .dropdown-menu > li > a { clear: both; font-weight: 400; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; text-decoration: none; background-color: #428bca; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a.active, .dropdown-menu > li > a.active:focus, .dropdown-menu > li > a.active:hover { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #999; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { font-size: 12px; color: #999; } .btn-group-sm > .btn, .btn-group-xs > .btn { font-size: 12px; line-height: 1.5; border-radius: 3px; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right, .pull-right > .dropdown-menu { left: auto; right: 0; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .btn-default .caret { border-top-color: #333; } .btn-danger .caret, .btn-info .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret { border-top-color: #fff; } .dropup .btn-default .caret { border-bottom-color: #333; } .dropup .btn-danger .caret, .dropup .btn-info .caret, .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret { border-bottom-color: #fff; } .btn-group, .btn-group-vertical { position: relative; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group-index > .btn.active { z-index: 0; } .btn-group-vertical > .btn:focus, .btn-group > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar:after, .btn-toolbar:before { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn-group { float: left; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs > .btn { padding: 1px 5px; } .btn-group-sm > .btn { padding: 5px 10px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before { display: table; content: " "; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-justified { display: table; width: 100%; border-collapse: separate; table-layout: fixed; } .btn-group-justified .btn { display: table-cell; float: none; width: 1%; } [data-toggle="buttons"] > .btn > input[type="checkbox"], [data-toggle="buttons"] > .btn > input[type="radio"] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group.col { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="checkbox"], .input-group-addon input[type="radio"] { margin-top: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 2; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:after, .nav:before { display: table; content: " "; } .nav > li, .nav > li > a { display: block; position: relative; } .nav:after { clear: both; } .nav > li > a { padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #999; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-right: 0; border-bottom: 1px solid #ddd; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } } .nav-tabs.nav-justified > .active > a { border-bottom-color: #fff; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 5px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-bottom: 1px solid #ddd; } .nav-tabs-justified > .active > a { border-bottom-color: #fff; } .tabbable:after, .tabbable:before { display: table; content: " "; } .tabbable:after { clear: both; } .pill-content > .pill-pane, .tab-content > .tab-pane { display: none; } .pill-content > .active, .tab-content > .active { display: block; } .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before { display: table; content: " "; } .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; } .nav a:hover .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; z-index: 1000; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:after { clear: both; } .navbar-header:after { clear: both; } .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .navbar { border-radius: 4px; } .navbar-header { float: left; } .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } .navbar-static-top { border-radius: 0; } } .navbar-static-top { border-width: 0 0 1px; } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; border-width: 0 0 1px; } .navbar-fixed-top { top: 0; z-index: 100; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .breadcrumb > li, .pagination { display: inline-block; } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } .progress-striped .progress-bar, .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin: 8px -15px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .navbar-form .checkbox input[type="checkbox"], .navbar-form .radio input[type="radio"] { float: none; margin-left: 0; } .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; box-shadow: none; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb, .pagination, .progress { border-radius: 4px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-right: 15px; margin-left: 15px; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:focus, .navbar-default .navbar-nav > li > a.active:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #ccc; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e6e6e6; } .navbar-default .navbar-nav > .dropdown > a:focus .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret { border-top-color: #333; border-bottom-color: #333; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .open > a:hover .caret { border-top-color: #555; border-bottom-color: #555; } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #777; border-bottom-color: #777; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a.active, .navbar-default .navbar-nav .open .dropdown-menu > li > a.active:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a.active:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text { color: #999; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a.active, .navbar-inverse .navbar-nav > li > a.active:focus, .navbar-inverse .navbar-nav > li > a.active:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999; border-bottom-color: #999; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a.active, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a.active:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a.active:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999; } .navbar-inverse .navbar-link:hover { color: #fff; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .breadcrumb > .active { color: #999; } .pagination { padding-left: 0; margin: 20px 0; } .pagination > li { display: inline; } .pager:after, .pager:before, .panel-body:after, .panel-body:before { display: table; content: " "; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .badge, .label { line-height: 1; vertical-align: baseline; text-align: center; white-space: nowrap; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: #eee; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #999; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; color: #fff; border-radius: 0.25em; } .badge, .progress-bar, .tooltip { font-size: 12px; } .label[href]:focus, .label[href]:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .label-default { background-color: #999; } .label-default[href]:focus, .label-default[href]:hover { background-color: grey; } .label-primary { background-color: #428bca; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; color: #fff; background-color: #999; border-radius: 10px; } .badge:empty, .modal, .popover { display: none; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .btn .badge { position: relative; top: -1px; } .nav-pills > .active > a > .badge, a.list-group-item.active > .badge { color: #428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; line-height: 2.1428571435; color: inherit; background-color: #eee; } .alert, .progress { margin-bottom: 20px; } .alert .alert-link, .close { font-weight: 700; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p, .tooltip { line-height: 1.4; } .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1 { font-size: 63px; } } .thumbnail { display: inline-block; display: block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; } .thumbnail > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:focus, a.thumbnail:hover { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #356635; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #2d6987; } .alert-warning { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .alert-warning hr { border-top-color: #f8e5be; } .alert-warning .alert-link { color: #a47e3c; } .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger hr { border-top-color: #e6c1c7; } .alert-danger .alert-link { color: #953b39; } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; overflow: hidden; background-color: #f5f5f5; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; color: #fff; text-align: center; background-color: #428bca; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } .close, .list-group-item > .badge { float: right; } .progress-striped .progress-bar { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-size: 40px 40px; } .progress.active .progress-bar { animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-striped .progress-bar-info, .progress-striped .progress-bar-warning { background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover { text-decoration: none; background-color: #f5f5f5; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } .modal-content, .panel { background-color: #fff; } .list-group-item.active .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #e1edf7; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel, .well { margin-bottom: 20px; } .panel { border: 1px solid transparent; border-radius: 4px; } .panel-group .panel, .panel-title, .panel > .list-group, .panel > .table { margin-bottom: 0; } .panel-body { padding: 15px; } .panel-body:after { clear: both; } .panel > .list-group .list-group-item { border-width: 1px 0; } .panel-footer, .panel-group .panel-heading + .panel-collapse .panel-body, .panel > .panel-body + .table { border-top: 1px solid #ddd; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; font-size: 16px; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group .panel { overflow: hidden; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-warning { border-color: #fbeed5; } .panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #fbeed5; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #fbeed5; } .panel-danger { border-color: #eed3d7; } .panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #eed3d7; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #eed3d7; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .well { min-height: 20px; padding: 19px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000; } .carousel, .carousel-inner, .carousel-inner > .item, .modal-body { position: relative; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .carousel-control, .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close .icon-remove:before { margin: 0; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { padding: 20px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; border-top: 1px solid #e5e5e5; } .modal-footer:after, .modal-footer:before { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { right: auto; left: 50%; width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .tooltip { position: absolute; z-index: 1030; display: block; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; border-top-color: #000; border-width: 5px 5px 0; } .tooltip.top .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.top-left .tooltip-arrow { left: 5px; } .tooltip.top-right .tooltip-arrow { right: 5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; top: 0; } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.bottom-left .tooltip-arrow { left: 5px; } .tooltip.bottom-right .tooltip-arrow { right: 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; padding: 1px; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; } .popover.bottom > .arrow:after, .popover.left > .arrow:after, .popover.right > .arrow:after, .popover.top > .arrow:after { content: " "; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel-inner { width: 100%; overflow: hidden; } .carousel-inner > .item { display: none; transition: 0.6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: "‹"; } .carousel-control .icon-next:before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:after, .clearfix:before { display: table; content: " "; } .clearfix:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .hidden, .visible-xs, td.visible-xs, th.visible-xs, tr.visible-xs { display: none !important; } .invisible { visibility: hidden; } .hidden, .hidden-all { visibility: hidden !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .affix { position: fixed; } @media screen and (max-width: 400px) { } @media (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } td.visible-xs.visible-sm, th.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } td.visible-xs.visible-md, th.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } td.visible-xs.visible-lg, th.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm, td.visible-sm, th.visible-sm, tr.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } td.visible-sm.visible-xs, th.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } td.visible-sm.visible-md, th.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } td.visible-sm.visible-lg, th.visible-sm.visible-lg { display: table-cell !important; } } .visible-md, td.visible-md, th.visible-md, tr.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } td.visible-md.visible-xs, th.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } td.visible-md.visible-sm, th.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } td.visible-md.visible-lg, th.visible-md.visible-lg { display: table-cell !important; } } .visible-lg, td.visible-lg, th.visible-lg, tr.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } td.visible-lg.visible-xs, th.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } td.visible-lg.visible-sm, th.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } td.visible-lg.visible-md, th.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } td.hidden-xs, th.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } td.hidden-sm, th.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } td.hidden-md, th.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } td.hidden-lg, th.hidden-lg { display: table-cell !important; } .hidden-all, .visible-print, body.highcontrast .cp-collapsed .content-tab, body.highcontrast .hide-tabs .content-tab, body[class*="theme-"] .cp-collapsed .content-tab, body[class*="theme-"] .hide-tabs .content-tab, td.visible-print, th.visible-print, tr.visible-print { display: none !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg { display: none !important; } } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } .hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print { display: none !important; } } .icon-account-bar:before { content: "\f19f"; } .icon-account-coin:before { content: "\f1a0"; } .icon-alerts:before { content: "\f1b5"; } .icon-angle-down:before { content: "\f100"; } .icon-angle-left:before { content: "\f101"; } .icon-angle-right:before { content: "\f102"; } .icon-angle-up:before { content: "\f103"; } .icon-arrow2:before { content: "\f1b1"; } .icon-assets:before { content: "\f1aa"; } .icon-attach:before { content: "\f1a3"; } .icon-authorized:before { content: "\f104"; } .icon-ban-circle-1:before { content: "\f160"; } .icon-ban-circle:before { content: "\f105"; } .icon-branches-2:before { content: "\f169"; } .icon-branches-3:before { content: "\f176"; } .icon-branches-4:before { content: "\f183"; } .icon-branches-5:before { content: "\f190"; } .icon-branches-solid:before { content: "\f161"; } .icon-branches:before { content: "\f106"; } .icon-building:before { content: "\f107"; } .icon-calendar:before { content: "\f108"; } .icon-camera:before { content: "\f109"; } .icon-card:before { content: "\f15d"; } .icon-caret-down:before { content: "\f10a"; } .icon-caret-left:before { content: "\f10b"; } .icon-caret-right:before { content: "\f10c"; } .icon-caret-up:before { content: "\f10d"; } .icon-cash:before { content: "\f1c8"; } .icon-chat:before { content: "\f1b6"; } .icon-check-empty:before { content: "\f10e"; } .icon-check:before { content: "\f10f"; } .icon-checking:before { content: "\f1c9"; } .icon-chevron-down:before { content: "\f110"; } .icon-chevron-up:before { content: "\f111"; } .icon-circle-arrow-left:before { content: "\f112"; } .icon-circle-blank:before, .icon-circle-number-1:before, .icon-circle-number-2:before, .icon-coin:before { content: "\f113"; } .icon-bubble:before, .icon-circle:before { content: "\f114"; } .icon-cogs:before { content: "\f115"; } .icon-collapse:before { content: "\f116"; } .icon-commercial-2:before { content: "\f16a"; } .icon-commercial-3:before { content: "\f177"; } .icon-commercial-4:before { content: "\f184"; } .icon-commercial-5:before { content: "\f191"; } .icon-commercial:before { content: "\f151"; } .icon-copy:before { content: "\f15e"; } .icon-createmanual:before { content: "\f1ce"; } .icon-creditcard:before { content: "\f1ca"; } .icon-dashboard:before { content: "\f192"; } .icon-debt:before { content: "\f1ab"; } .icon-details:before { content: "\f1b9"; } .icon-double-angle-down:before { content: "\f117"; } .icon-download:before { content: "\f1bf"; } .icon-drafted:before { content: "\f118"; } .icon-edit:before { content: "\f119"; } .icon-ellipses-horizontal:before, .icon-ellipsis-vertical:before { content: "\f11a"; } .icon-ellipses-vertically:before { content: "\f1c5"; } .icon-envelope:before { content: "\f11b"; } .icon-exchange:before { content: "\f11c"; } .icon-exclamation-sign:before { content: "\f11d"; } .icon-exclamation:before { content: "\f11e"; } .icon-expand:before { content: "\f11f"; } .icon-expire:before { content: "\f1a9"; } .icon-external-link:before { content: "\f120"; } .icon-eye-open:before { content: "\f121"; } .icon-facebook-sign:before { content: "\f15a"; } .icon-file-type-csv:before { content: "\f122"; } .icon-file-type-pdf:before { content: "\f123"; } .icon-file-type-text:before { content: "\f124"; } .icon-file-type:before { content: "\f125"; } .icon-filter:before { content: "\f1ba"; } .icon-flag-empty:before { content: "\f1c3"; } .icon-flag-filled:before { content: "\f1c4"; } .icon-gear:before { content: "\f126"; } .icon-globe:before { content: "\f15c"; } .icon-google-plus-sign:before { content: "\f127"; } .icon-group:before { content: "\f1be"; } .icon-heart:before { content: "\f128"; } .icon-help-2:before { content: "\f16b"; } .icon-help-3:before { content: "\f178"; } .icon-help-4:before { content: "\f185"; } .icon-help-5:before { content: "\f193"; } .icon-help:before { content: "\f156"; } .icon-home-2:before { content: "\f16c"; } .icon-home-3:before { content: "\f179"; } .icon-home-4:before { content: "\f186"; } .icon-home-5:before { content: "\f194"; } .icon-home:before { content: "\f152"; } .icon-info:before { content: "\f157"; } .icon-insurance:before { content: "\f1cc"; } .icon-investment:before { content: "\f1cd"; } .icon-laptop:before { content: "\f129"; } .icon-leaf:before { content: "\f12a"; } .icon-lineofcredit:before { content: "\f1cb"; } .icon-link:before { content: "\f1bc"; } .icon-linkedin-sign:before { content: "\f15b"; } .icon-loan:before { content: "\f1cf"; } .icon-lock:before { content: "\f12b"; } .icon-messages-2:before { content: "\f16d"; } .icon-messages-3:before { content: "\f17a"; } .icon-messages-4:before { content: "\f187"; } .icon-messages-5:before { content: "\f195"; } .icon-messages:before { content: "\f153"; } .icon-minus-sign-alt:before { content: "\f12c"; } .icon-minus:before { content: "\f12d"; } .icon-mortgage:before { content: "\f1d0"; } .icon-multiple_user:before { content: "\f167"; } .icon-mx:before { content: "\f1c6"; } .icon-new-message:before { content: "\f166"; } .icon-news-2:before { content: "\f16e"; } .icon-news-3:before { content: "\f17b"; } .icon-news-4:before { content: "\f188"; } .icon-news-5:before { content: "\f196"; } .icon-news:before { content: "\f158"; } .icon-no_view:before { content: "\f168"; } .icon-offers-2:before { content: "\f16f"; } .icon-offers-3:before { content: "\f17c"; } .icon-offers-4:before { content: "\f189"; } .icon-offers-5:before { content: "\f197"; } .icon-ok-circle:before { content: "\f12e"; } .icon-ok:before { content: "\f12f"; } .icon-payments-2:before { content: "\f170"; } .icon-payments-3:before { content: "\f17d"; } .icon-payments-4:before { content: "\f18a"; } .icon-payments-5:before { content: "\f198"; } .icon-pencil:before { content: "\f130"; } .icon-pending:before { content: "\f131"; } .icon-phone:before { content: "\f132"; } .icon-plus-sign:before { content: "\f133"; } .icon-plus:before { content: "\f134"; } .icon-print:before { content: "\f19e"; } .icon-prepaid:before { content: "\f1d2"; } .icon-processed:before { content: "\f135"; } .icon-property:before { content: "\f1d1"; } .icon-puzzle-piece:before { content: "\f136"; } .icon-question-sign:before { content: "\f154"; } .icon-question:before { content: "\f155"; } .icon-recurring:before { content: "\f137"; } .icon-refresh:before { content: "\f138"; } .icon-remove-circle:before { content: "\f139"; } .icon-remove-sign:before { content: "\f13a"; } .icon-remove:before { content: "\f13b"; } .icon-reorder:before { content: "\f13c"; } .icon-flip-left:before, .icon-reply:before { content: "\f165"; } .icon-reports-2:before { content: "\f171"; } .icon-reports-3:before { content: "\f17e"; } .icon-reports-4:before { content: "\f18b"; } .icon-reports-5:before { content: "\f199"; } .icon-reports:before { content: "\f159"; } .icon-save:before { content: "\f1bb"; } .icon-savings:before { content: "\f1d3"; } .icon-search:before { content: "\f13d"; } .icon-select_account:before { content: "\f1a4"; } .icon-send:before { content: "\f13e"; } .icon-services-2:before { content: "\f172"; } .icon-services-3:before { content: "\f17f"; } .icon-services-4:before { content: "\f18c"; } .icon-services-5:before { content: "\f19a"; } .icon-services:before { content: "\f13f"; } .icon-settings-2:before { content: "\f173"; } .icon-settings-3:before { content: "\f180"; } .icon-settings-4:before { content: "\f18d"; } .icon-settings-5:before { content: "\f19b"; } .icon-settings:before { content: "\f15f"; } .icon-setup:before { content: "\f140"; } .icon-signout-2:before { content: "\f174"; } .icon-signout-3:before { content: "\f181"; } .icon-signout-4:before { content: "\f18e"; } .icon-signout-5:before { content: "\f19c"; } .icon-signout:before { content: "\f141"; } .icon-sort-down:before { content: "\f142"; } .icon-sort-up:before { content: "\f143"; } .icon-split:before { content: "\f1c0"; } .icon-star-empty:before { content: "\f144"; } .icon-star:before { content: "\f145"; } .icon-theme-concert:before { content: "\f1a1"; } .icon-theme-underwater:before { content: "\f1a2"; } .icon-thumb_print:before { content: "\f1a7"; } .icon-ticket:before { content: "\f146"; } .icon-time:before { content: "\f147"; } .icon-transactions-2:before { content: "\f175"; } .icon-transactions-3:before { content: "\f182"; } .icon-transactions-4:before { content: "\f18f"; } .icon-transactions-5:before { content: "\f19d"; } .icon-transactions:before { content: "\f148"; } .icon-transfer:before { content: "\f149"; } .icon-trash:before { content: "\f14a"; } .icon-twitter:before { content: "\f14b"; } .icon-unlink:before { content: "\f1bd"; } .icon-unknown:before { content: "\e9a9"; } .icon-user:before { content: "\f14c"; } .icon-view-check-and-details:before { content: "\f1b7"; } .icon-view-details:before { content: "\f1b8"; } .icon-view-grid:before { content: "\f1c2"; } .icon-view-list:before { content: "\f1c1"; } .icon-view_role:before { content: "\f1a6"; } .icon-viewcheck:before { content: "\f14d"; } .icon-warning-circle:before { content: "\f1c7"; } .icon-warning-sign:before { content: "\f14e"; } .icon-warning-solid:before { content: "\f1af"; } .icon-wrench:before { content: "\f14f"; } .icon-youtube:before { content: "\f150"; } .icon-zelle:before { content: "\f1d4"; } .icon-zelle-1:before { content: "\f1d5"; } .icon-flip-left { transform: scaleX(-1); filter: FlipH; } .icon-ellipsis-vertical { transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-bubble { left: -6px; position: absolute; top: 50%; transform: translateY(-50%); } .icon-bubble:before { font-size: 64.5px; } .icon-bubble:after { content: attr(data-bubbletext); color: #f7f7f7; font-size: 18px; height: 35px; left: 50%; line-height: 35px; margin-left: -15.5px; margin-top: -16.5px; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); top: 50%; width: 35px; } .icon-coin { position: relative; } .icon-coin:before { font-size: 48px; } .icon-coin:after { content: "$"; color: inherit; font-size: 21px; height: 35px; left: 50%; line-height: 35px; margin-left: -17px; margin-top: -17.5px; overflow: hidden; position: absolute; text-align: center; top: 50%; width: 35px; } .icon-circle-number-1:after, .icon-circle-number-2:after { font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: -13px; margin-top: -17.5px; overflow: hidden; text-align: center; width: 35px; top: 50%; height: 35px; } .icon-circle-number-1 { position: relative; min-width: 73px; } .icon-circle-number-1:before { font-size: 48px; color: #e9e9e9; } .icon-circle-number-1:after { content: "1"; color: #bcbcbc; font-size: 21px; left: 50%; line-height: 35px; position: absolute; } .icon-circle-number-2 { position: relative; min-width: 73px; } .icon-circle-number-2:before { font-size: 48px; color: #e9e9e9; } .icon-circle-number-2:after { content: "2"; color: #bcbcbc; font-size: 21px; left: 50%; line-height: 35px; position: absolute; } .icon-rails-vertical { position: relative; } .icon-rails-vertical:after { content: " "; height: 26px; width: 8px; position: absolute; top: 50%; margin-top: -12px; box-shadow: 2px 0 0 rgba(0, 0, 0, 0.13) inset, -2px 0 0 rgba(0, 0, 0, 0.13) inset; } [class*=" icon-"], [class^="icon-"] { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } [class*=" icon-"].icon-fixed-width, [class^="icon-"].icon-fixed-width { display: inline-block; width: 1.1428571429em; text-align: right; padding-right: 0.2857142857em; } [class*=" icon-"].icon-fixed-width.icon-large, [class^="icon-"].icon-fixed-width.icon-large { width: 1.4285714286em; } [class*=" icon-"].hide, [class^="icon-"].hide { display: none; } [class*=" icon-"].pull-left, [class^="icon-"].pull-left { margin-right: 0.3em; } [class*=" icon-"].pull-right, [class^="icon-"].pull-right { margin-left: 0.3em; } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333em; } a [class*=" icon-"], a [class^="icon-"] { display: inline; } .icons-ul { margin-left: 2.1428571429em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; text-align: center; line-height: inherit; } .icon-muted { color: #eee; } .icon-light { color: #fff; } .icon-dark { color: #333; } .icon-border { border: 1px solid #eee; padding: 0.2em 0.25em 0.15em; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; border-radius: 7px; } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class*=" icon-"], .icon-stack [class^="icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; } .icon-stack .icon-stack-base { font-size: 2em; } .icon-spin { display: inline-block; animation: spin 2s infinite linear; } a .icon-spin, a .icon-stack { display: inline-block; text-decoration: none; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(359deg); } } .icon-rotate-90:before { transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .icon-rotate-180:before, body.highcontrast .payment-header .header-dropdown[aria-expanded="true"] .ui-icon, body.highcontrast .sidepanel .toggle-indicator[aria-expanded="true"] q2-icon, body[class*="theme-"] .payment-header .header-dropdown[aria-expanded="true"] .ui-icon, body[class*="theme-"] .sidepanel .toggle-indicator[aria-expanded="true"] q2-icon { transform: rotate(180deg); } .icon-rotate-180:before { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .icon-rotate-270:before { transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .icon-flip-horizontal:before { transform: scale(-1, 1); } .icon-flip-vertical:before { transform: scale(1, -1); } a .icon-flip-horizontal:before, a .icon-flip-vertical:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-rotate-90:before { display: inline-block; } @font-face { font-family: Neucha; src: url(fonts/Neucha.eot?29134652); src: url(fonts/Neucha.eot?29134652#iefix) format("embedded-opentype"), url(fonts/Neucha.woff?29134652) format("woff"), url(fonts/Neucha.ttf?29134652) format("truetype"), url(fonts/Neucha.svg?29134652#fontello) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: OpenSans; src: url(fonts/OpenSans/OpenSans-Bold.eot); src: url(fonts/OpenSans/OpenSans-Bold.eot#iefix) format("embedded-opentype"), url(fonts/OpenSans/OpenSans-Bold.woff) format("woff"), url(fonts/OpenSans/OpenSans-Bold.ttf) format("truetype"), url(fonts/OpenSans/OpenSans-Bold.svg) format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: OpenSans; src: url(fonts/OpenSans/OpenSans-Italic.eot); src: url(fonts/OpenSans/OpenSans-Italic.eot#iefix) format("embedded-opentype"), url(fonts/OpenSans/OpenSans-Italic.woff) format("woff"), url(fonts/OpenSans/OpenSans-Italic.ttf) format("truetype"), url(fonts/OpenSans/OpenSans-Italic.svg) format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: OpenSans; src: url(fonts/OpenSans/OpenSans-Light.eot); src: url(fonts/OpenSans/OpenSans-Light.eot#iefix) format("embedded-opentype"), url(fonts/OpenSans/OpenSans-Light.woff) format("woff"), url(fonts/OpenSans/OpenSans-Light.ttf) format("truetype"), url(fonts/OpenSans/OpenSans-Light.svg) format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: OpenSans; src: url(fonts/OpenSans/OpenSans-LightItalic.eot); src: url(fonts/OpenSans/OpenSans-LightItalic.eot#iefix) format("embedded-opentype"), url(fonts/OpenSans/OpenSans-LightItalic.woff) format("woff"), url(fonts/OpenSans/OpenSans-LightItalic.ttf) format("truetype"), url(fonts/OpenSans/OpenSans-LightItalic.svg) format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: OpenSans; src: url(fonts/OpenSans/OpenSans-Regular.eot); src: url(fonts/OpenSans/OpenSans-Regular.eot#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Regular.woff) format("woff"), url(fonts/OpenSans/OpenSans-Regular.ttf) format("truetype"), url(fonts/OpenSans/OpenSans-Regular.svg) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: OpenSans; src: url(fonts/OpenSans/OpenSans-Semibold.eot); src: url(fonts/OpenSans/OpenSans-Semibold.eot#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Semibold.woff) format("woff"), url(fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype"), url(fonts/OpenSans/OpenSans-Semibold.svg) format("svg"); font-weight: 600; font-style: normal; } .uagent-ie10 .icon-bubble:before, .uagent-ie11 .icon-bubble:before { margin-top: 0 !important; } .uagent-ie10 .icon-bubble:after, .uagent-ie11 .icon-bubble:after { margin-top: -32% !important; } .uagent-ie10 .one-liner .icon-bubble:after, .uagent-ie11 .one-liner .icon-bubble:after { margin-top: -35% !important; } .uagent-ie10 .icon-coin:before, .uagent-ie11 .icon-coin:before { margin-top: 15% !important; } .uagent-ie10 .icon-coin:after, .uagent-ie11 .icon-coin:after { margin-top: 25% !important; } .uagent-ie10 .one-liner .icon-coin:after, .uagent-ie11 .one-liner .icon-coin:after { margin-top: 22% !important; } .uagent-ie10 .account-overview .icon-coin:after, .uagent-ie11 .account-overview .icon-coin:after { margin-top: -13px !important; } .uagent-ie10 .account-overview .one-liner .icon-coin:after, .uagent-ie11 .account-overview .one-liner .icon-coin:after { margin-top: -14% !important; } .uagent-ie10 .account-details .icon-coin:after, .uagent-ie11 .account-details .icon-coin:after { margin-top: -18px !important; } .uagent-ie10 .icon-rails-vertical:after, .uagent-ie11 .icon-rails-vertical:after { margin-top: 47%; right: 14px; } .uagent-ie10 .one-liner .icon-rails-vertical:after, .uagent-ie11 .one-liner .icon-rails-vertical:after { margin-top: 33%; } @font-face { font-family: fontello; src: url(fonts/fontello.eot?29134652); src: url(fonts/fontello.eot?29134652#iefix) format("embedded-opentype"), url(fonts/fontello.woff2?29134652) format("woff2"), url(fonts/fontello.woff?29134652) format("woff"), url(fonts/fontello.ttf?29134652) format("truetype"), url(fonts/fontello.svg?29134652#fontello) format("svg"); font-weight: 400; font-style: normal; } [class*=" icon-"]:before, [class^="icon-"]:before { font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; margin-left: 0.2em; font-variant: normal; text-transform: none; line-height: 1em; } a [class*=" icon-"]:before, a [class^="icon-"]:before { text-decoration: none; } @font-face { font-family: pfmCategories; src: url(fonts/pfm-categories.eot?29134652); src: url(fonts/pfm-categories.eot?29134652#iefix) format("embedded-opentype"), url(fonts/pfm-categories.woff2?29134652) format("woff2"), url(fonts/pfm-categories.woff?29134652) format("woff"), url(fonts/pfm-categories.ttf?29134652) format("truetype"), url(fonts/pfm-categories.svg?29134652#fontello) format("svg"); font-weight: 400; font-style: normal; } [class*=" icon-CAT"]:before, [class^="icon-CAT"]:before { font-family: pfmCategories; margin-left: 0; margin-right: 0; } html.uagent-android-4 .animatable, html.uagent-android-4_1 .animatable, html.uagent-android-4_2 .animatable, html.uagent-android-4_3 .animatable, html.uagent-ie11 .animatable { transform: none; } .animatable { transform: translateZ(0); } .animation-mixin { position: absolute; width: 100%; } .animated { animation-fill-mode: both; animation-duration: 1s; } .pad-A-xxl { padding: 36px !important; } .pad-A-xl { padding: 20px !important; } .pad-A-lg { padding: 15px !important; } .pad-A-md { padding: 12px !important; } .pad-A-sm { padding: 6px !important; } .pad-A-xs { padding: 3px !important; } .pad-H-xxl, .pad-L-xxl { padding-left: 36px !important; } .pad-H-xxl, .pad-R-xxl { padding-right: 36px !important; } .pad-H-xl { padding-left: 20px !important; padding-right: 20px !important; } .pad-H-lg { padding-left: 15px !important; padding-right: 15px !important; } .pad-H-md { padding-left: 12px !important; padding-right: 12px !important; } .pad-H-sm { padding-left: 6px !important; padding-right: 6px !important; } .pad-H-xs { padding-left: 3px !important; padding-right: 3px !important; } .pad-H-no { padding-left: 0 !important; padding-right: 0 !important; } .pad-V-xxl { padding-top: 36px !important; padding-bottom: 36px !important; } .pad-V-xl { padding-top: 20px !important; padding-bottom: 20px !important; } .pad-V-lg { padding-top: 15px !important; padding-bottom: 15px !important; } .pad-V-md { padding-top: 12px !important; padding-bottom: 12px !important; } .pad-V-sm { padding-top: 6px !important; padding-bottom: 6px !important; } .pad-V-xs { padding-top: 3px !important; padding-bottom: 3px !important; } .pad-V-no { padding-top: 0 !important; padding-bottom: 0 !important; } .pad-B-xxl { padding-bottom: 36px !important; } .pad-B-xl { padding-bottom: 20px !important; } .pad-B-lg { padding-bottom: 15px !important; } .pad-B-md { padding-bottom: 12px !important; } .pad-B-sm { padding-bottom: 6px !important; } .pad-B-xs { padding-bottom: 3px !important; } .pad-B-no { padding-bottom: 0 !important; } .pad-T-xxl { padding-top: 36px !important; } .pad-T-xl { padding-top: 20px !important; } .pad-T-lg { padding-top: 15px !important; } .pad-T-md { padding-top: 12px !important; } .pad-T-sm { padding-top: 6px !important; } .pad-T-xs { padding-top: 3px !important; } .pad-T-no { padding-top: 0 !important; } .pad-L-xl { padding-left: 20px !important; } .pad-L-lg { padding-left: 15px !important; } .pad-L-md { padding-left: 12px !important; } .pad-L-sm { padding-left: 6px !important; } .pad-L-xs { padding-left: 3px !important; } .pad-L-no { padding-left: 0 !important; } .pad-R-xl { padding-right: 20px !important; } .pad-R-lg { padding-right: 15px !important; } .pad-R-md { padding-right: 12px !important; } .pad-R-sm { padding-right: 6px !important; } .pad-R-xs { padding-right: 3px !important; } .pad-R-no { padding-right: 0 !important; } .pad-A-no { padding: 0 !important; } .mrg-A-xxl { margin: 36px !important; } .mrg-A-xl { margin: 20px !important; } .mrg-A-lg { margin: 15px !important; } .mrg-A-md { margin: 12px !important; } .mrg-A-sm { margin: 6px !important; } .mrg-A-xs { margin: 3px !important; } .mrg-H-xxl, .mrg-L-xxl { margin-left: 36px !important; } .mrg-H-xxl, .mrg-R-xxl { margin-right: 36px !important; } .mrg-H-xl { margin-left: 20px !important; margin-right: 20px !important; } .mrg-H-lg { margin-left: 15px !important; margin-right: 15px !important; } .mrg-H-md { margin-left: 12px !important; margin-right: 12px !important; } .mrg-H-sm { margin-left: 6px !important; margin-right: 6px !important; } .mrg-H-xs { margin-left: 3px !important; margin-right: 3px !important; } .mrg-H-no { margin-left: 0 !important; margin-right: 0 !important; } .mrg-V-xxl { margin-top: 36px !important; margin-bottom: 36px !important; } .mrg-V-xl { margin-top: 20px !important; margin-bottom: 20px !important; } .mrg-V-lg { margin-top: 15px !important; margin-bottom: 15px !important; } .mrg-V-md { margin-top: 12px !important; margin-bottom: 12px !important; } .mrg-V-sm { margin-top: 6px !important; margin-bottom: 6px !important; } .mrg-V-xs { margin-top: 3px !important; margin-bottom: 3px !important; } .mrg-V-no { margin-top: 0 !important; margin-bottom: 0 !important; } .mrg-B-xxl { margin-bottom: 36px !important; } .mrg-B-xl { margin-bottom: 20px !important; } .mrg-B-lg { margin-bottom: 15px !important; } .mrg-B-md { margin-bottom: 12px !important; } .mrg-B-sm { margin-bottom: 6px !important; } .mrg-B-xs { margin-bottom: 3px !important; } .mrg-B-no { margin-bottom: 0 !important; } .mrg-T-xxl { margin-top: 36px !important; } .mrg-T-xl { margin-top: 20px !important; } .mrg-T-lg { margin-top: 15px !important; } .mrg-T-md { margin-top: 12px !important; } .mrg-T-sm { margin-top: 6px !important; } .mrg-T-xs { margin-top: 3px !important; } .mrg-T-no { margin-top: 0 !important; } .mrg-L-xl { margin-left: 20px !important; } .mrg-L-lg { margin-left: 15px !important; } .mrg-L-md { margin-left: 12px !important; } .mrg-L-sm { margin-left: 6px !important; } .mrg-L-xs { margin-left: 3px !important; } .mrg-L-no { margin-left: 0 !important; } .mrg-R-xl { margin-right: 20px !important; } .mrg-R-lg { margin-right: 15px !important; } .mrg-R-md { margin-right: 12px !important; } .mrg-R-sm { margin-right: 6px !important; } .mrg-R-xs { margin-right: 3px !important; } .mrg-R-no { margin-right: 0 !important; } .mrg-A-no { margin: 0 !important; } body.highcontrast .q2-modal div.fetching-spinner, body.highcontrast .q2-modal div.fetching-spinner img, body[class*="theme-"] .q2-modal div.fetching-spinner, body[class*="theme-"] .q2-modal div.fetching-spinner img { bottom: 0; left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; } @keyframes slideInTopFadeIn { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideOutTopFadeOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-100%); opacity: 0; } } @keyframes slideInBottom { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes slideOutBottom { from { transform: translateY(0); } to { transform: translateY(100%); } } @keyframes slideInTop { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes slideOutTop { from { transform: translateY(0); } to { transform: translateY(-100%); } } @keyframes slideInLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes slideOutLeft { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes slideInRight { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes slideOutRight { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes fadeInUp { from { transform: scale(0); opacity: 0; transform: translateY(20%); } to { transform: scale(1); opacity: 1; transform: translateY(0); } } @keyframes fadeOutDown { from { transform: scale(1); opacity: 1; transform: translateY(0); } to { transform: scale(0); opacity: 0; transform: translateY(20%); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes scaleUp { from { transform: scale(0); } to { transform: scale(1); } } @keyframes scaleDown { from { transform: scale(1); } to { transform: scale(0); } } @keyframes shiftInUp { from { transform: translateY(-35px); } to { transform: translateY(0); } } @keyframes shiftOutUp { from { transform: translateY(0); } to { transform: translateY(-35px); } } .anim-shiftinup-xxs { animation: var(--anim-shiftinup-xxs); } .anim-shiftinup-xs { animation: var(--anim-shiftinup-xs); } .anim-shiftinup-s { animation: var(--anim-shiftinup-s); } .anim-shiftinup-m { animation: var(--anim-shiftinup-m); } .anim-shiftinup-l { animation: var(--anim-shiftinup-l); } .anim-shiftinup-xl { animation: var(--anim-shiftinup-xl); } .anim-shiftoutdown-xxs { animation: var(--anim-shiftoutdown-xxs); } .anim-shiftoutdown-xs { animation: var(--anim-shiftoutdown-xs); } .anim-shiftoutdown-s { animation: var(--anim-shiftoutdown-s); } .anim-shiftoutdown-m { animation: var(--anim-shiftoutdown-m); } .anim-shiftoutdown-l { animation: var(--anim-shiftoutdown-l); } .anim-shiftoutdown-xl { animation: var(--anim-shiftoutdown-xl); } .anim-slideinbottom-xxs { animation: var(--anim-slideinbottom-xxs); } .anim-slideinbottom-xs { animation: var(--anim-slideinbottom-xs); } .anim-slideinbottom-s { animation: var(--anim-slideinbottom-s); } .anim-slideinbottom-m { animation: var(--anim-slideinbottom-m); } .anim-slideinbottom-l { animation: var(--anim-slideinbottom-l); } .anim-slideinbottom-xl { animation: var(--anim-slideinbottom-xl); } .anim-slideintop-xxs { animation: var(--anim-slideintop-xxs); } .anim-slideintop-xs { animation: var(--anim-slideintop-xs); } .anim-slideintop-s { animation: var(--anim-slideintop-s); } .anim-slideintop-m { animation: var(--anim-slideintop-m); } .anim-slideintop-l { animation: var(--anim-slideintop-l); } .anim-slideintop-xl { animation: var(--anim-slideintop-xl); } .anim-slideinleft-xxs { animation: var(--anim-slideinleft-xxs); } .anim-slideinleft-xs { animation: var(--anim-slideinleft-xs); } .anim-slideinleft-s { animation: var(--anim-slideinleft-s); } .anim-slideinleft-m { animation: var(--anim-slideinleft-m); } .anim-slideinleft-l { animation: var(--anim-slideinleft-l); } .anim-slideinleft-xl { animation: var(--anim-slideinleft-xl); } .anim-slideinright-xxs { animation: var(--anim-slideinright-xxs); } .anim-slideinright-xs { animation: var(--anim-slideinright-xs); } .anim-slideinright-s { animation: var(--anim-slideinright-s); } .anim-slideinright-m { animation: var(--anim-slideinright-m); } .anim-slideinright-l { animation: var(--anim-slideinright-l); } .anim-slideinright-xl { animation: var(--anim-slideinright-xl); } .anim-fadeinup-xxs { animation: var(--anim-fadeinup-xxs); } .anim-fadeinup-xs { animation: var(--anim-fadeinup-xs); } .anim-fadeinup-s { animation: var(--anim-fadeinup-s); } .anim-fadeinup-m { animation: var(--anim-fadeinup-m); } .anim-fadeinup-l { animation: var(--anim-fadeinup-l); } .anim-fadeinup-xl { animation: var(--anim-fadeinup-xl); } .anim-fadein-xxs { animation: var(--anim-fadein-xxs); } .anim-fadein-xs { animation: var(--anim-fadein-xs); } .anim-fadein-s { animation: var(--anim-fadein-s); } .anim-fadein-m { animation: var(--anim-fadein-m); } .anim-fadein-l { animation: var(--anim-fadein-l); } .anim-fadein-xl { animation: var(--anim-fadein-xl); } .anim-scaleup-xxs { animation: var(--anim-scaleup-xxs); } .anim-scaleup-xs { animation: var(--anim-scaleup-xs); } .anim-scaleup-s { animation: var(--anim-scaleup-s); } .anim-scaleup-m { animation: var(--anim-scaleup-m); } .anim-scaleup-l { animation: var(--anim-scaleup-l); } .anim-scaleup-xl { animation: var(--anim-scaleup-xl); } .anim-slideintopfadein-xxs { animation: var(--anim-slideintopfadein-xxs); } .anim-slideintopfadein-xs { animation: var(--anim-slideintopfadein-xs); } .anim-slideintopfadein-s { animation: var(--anim-slideintopfadein-s); } .anim-slideintopfadein-m { animation: var(--anim-slideintopfadein-m); } .anim-slideintopfadein-l { animation: var(--anim-slideintopfadein-l); } .anim-slideintopfadein-xl { animation: var(--anim-slideintopfadein-xl); } .anim-slideoutbottom-xxs { animation: var(--anim-slideoutbottom-xxs); } .anim-slideoutbottom-xs { animation: var(--anim-slideoutbottom-xs); } .anim-slideoutbottom-s { animation: var(--anim-slideoutbottom-s); } .anim-slideoutbottom-m { animation: var(--anim-slideoutbottom-m); } .anim-slideoutbottom-l { animation: var(--anim-slideoutbottom-l); } .anim-slideoutbottom-xl { animation: var(--anim-slideoutbottom-xl); } .anim-slideouttop-xxs { animation: var(--anim-slideouttop-xxs); } .anim-slideouttop-xs { animation: var(--anim-slideouttop-xs); } .anim-slideouttop-s { animation: var(--anim-slideouttop-s); } .anim-slideouttop-m { animation: var(--anim-slideouttop-m); } .anim-slideouttop-l { animation: var(--anim-slideouttop-l); } .anim-slideouttop-xl { animation: var(--anim-slideouttop-xl); } .anim-slideoutleft-xxs { animation: var(--anim-slideoutleft-xxs); } .anim-slideoutleft-xs { animation: var(--anim-slideoutleft-xs); } .anim-slideoutleft-s { animation: var(--anim-slideoutleft-s); } .anim-slideoutleft-m { animation: var(--anim-slideoutleft-m); } .anim-slideoutleft-l { animation: var(--anim-slideoutleft-l); } .anim-slideoutleft-xl { animation: var(--anim-slideoutleft-xl); } .anim-slideoutright-xxs { animation: var(--anim-slideoutright-xxs); } .anim-slideoutright-xs { animation: var(--anim-slideoutright-xs); } .anim-slideoutright-s { animation: var(--anim-slideoutright-s); } .anim-slideoutright-m { animation: var(--anim-slideoutright-m); } .anim-slideoutright-l { animation: var(--anim-slideoutright-l); } .anim-slideoutright-xl { animation: var(--anim-slideoutright-xl); } .anim-fadeoutdown-xxs { animation: var(--anim-fadeoutdown-xxs); } .anim-fadeoutdown-xs { animation: var(--anim-fadeoutdown-xs); } .anim-fadeoutdown-s { animation: var(--anim-fadeoutdown-s); } .anim-fadeoutdown-m { animation: var(--anim-fadeoutdown-m); } .anim-fadeoutdown-l { animation: var(--anim-fadeoutdown-l); } .anim-fadeoutdown-xl { animation: var(--anim-fadeoutdown-xl); } .anim-fadeout-xxs { animation: var(--anim-fadeout-xxs); } .anim-fadeout-xs { animation: var(--anim-fadeout-xs); } .anim-fadeout-s { animation: var(--anim-fadeout-s); } .anim-fadeout-m { animation: var(--anim-fadeout-m); } .anim-fadeout-l { animation: var(--anim-fadeout-l); } .anim-fadeout-xl { animation: var(--anim-fadeout-xl); } .anim-scaledown-xxs { animation: var(--anim-scaledown-xxs); } .anim-scaledown-xs { animation: var(--anim-scaledown-xs); } .anim-scaledown-s { animation: var(--anim-scaledown-s); } .anim-scaledown-m { animation: var(--anim-scaledown-m); } .anim-scaledown-l { animation: var(--anim-scaledown-l); } .anim-scaledown-xl { animation: var(--anim-scaledown-xl); } .anim-slideouttopfadeout-xxs { animation: var(--anim-slideouttopfadeout-xxs); } .anim-slideouttopfadeout-xs { animation: var(--anim-slideouttopfadeout-xs); } .anim-slideouttopfadeout-s { animation: var(--anim-slideouttopfadeout-s); } .anim-slideouttopfadeout-m { animation: var(--anim-slideouttopfadeout-m); } .anim-slideouttopfadeout-l { animation: var(--anim-slideouttopfadeout-l); } .anim-slideouttopfadeout-xl { animation: var(--anim-slideouttopfadeout-xl); } :root { --anim-shiftinup-xxs: shiftInUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-shiftinup-xs: shiftInUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-shiftinup-s: shiftInUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-shiftinup-m: shiftInUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-shiftinup-l: shiftInUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-shiftinup-xl: shiftInUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-shiftoutdown-xxs: shiftOutUp var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-shiftoutdown-xs: shiftOutUp var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-shiftoutdown-s: shiftOutUp var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-shiftoutdown-m: shiftOutUp var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-shiftoutdown-l: shiftOutUp var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-shiftoutdown-xl: shiftOutUp var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --t-tween-time-in-1: 150ms; --t-tween-time-out-1: 100ms; --t-tween-time-in-2: 200ms; --t-tween-time-out-2: 150ms; --t-tween-time-in-3: 250ms; --t-tween-time-out-3: 200ms; --t-tween-time-in-4: 300ms; --t-tween-time-out-4: 250ms; --t-tween-time-in-5: 400ms; --t-tween-time-out-5: 350ms; --t-tween-time-in-6: 500ms; --t-tween-time-out-6: 450ms; --t-tween-time-in-xxs: var(--t-tween-time-in-1); --t-tween-time-out-xxs: var(--t-tween-time-out-1); --t-tween-time-in-xs: var(--t-tween-time-in-2); --t-tween-time-out-xs: var(--t-tween-time-out-2); --t-tween-time-in-s: var(--t-tween-time-in-3); --t-tween-time-out-s: var(--t-tween-time-out-3); --t-tween-time-in-m: var(--t-tween-time-in-4); --t-tween-time-out-m: var(--t-tween-time-out-4); --t-tween-time-in-l: var(--t-tween-time-in-5); --t-tween-time-out-l: var(--t-tween-time-out-5); --t-tween-time-in-xl: var(--t-tween-time-in-6); --t-tween-time-out-xl: var(--t-tween-time-out-6); --t-tween-ease-inout: cubic-bezier(0.4, 0, 0.2, 1); --t-tween-ease-in: cubic-bezier(0, 0, 0.2, 1); --t-tween-ease-out: cubic-bezier(0.4, 0, 1, 1); --anim-slideinbottom-xxs: slideInBottom var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-slideinbottom-xs: slideInBottom var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-slideinbottom-s: slideInBottom var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-slideinbottom-m: slideInBottom var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-slideinbottom-l: slideInBottom var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-slideinbottom-xl: slideInBottom var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-slideintop-xxs: slideInTop var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-slideintop-xs: slideInTop var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-slideintop-s: slideInTop var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-slideintop-m: slideInTop var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-slideintop-l: slideInTop var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-slideintop-xl: slideInTop var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-slideinleft-xxs: slideInLeft var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-slideinleft-xs: slideInLeft var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-slideinleft-s: slideInLeft var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-slideinleft-m: slideInLeft var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-slideinleft-l: slideInLeft var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-slideinleft-xl: slideInLeft var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-slideinright-xxs: slideInRight var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-slideinright-xs: slideInRight var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-slideinright-s: slideInRight var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-slideinright-m: slideInRight var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-slideinright-l: slideInRight var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-slideinright-xl: slideInRight var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-fadeinup-xxs: fadeInUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-fadeinup-xs: fadeInUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-fadeinup-s: fadeInUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-fadeinup-m: fadeInUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-fadeinup-l: fadeInUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-fadeinup-xl: fadeInUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-fadein-xxs: fadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-fadein-xs: fadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-fadein-s: fadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-fadein-m: fadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-fadein-l: fadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-fadein-xl: fadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-scaleup-xxs: scaleUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-scaleup-xs: scaleUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-scaleup-s: scaleUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-scaleup-m: scaleUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-scaleup-l: scaleUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-scaleup-xl: scaleUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-slideintopfadein-xxs: slideInTopFadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards; --anim-slideintopfadein-xs: slideInTopFadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards; --anim-slideintopfadein-s: slideInTopFadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards; --anim-slideintopfadein-m: slideInTopFadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards; --anim-slideintopfadein-l: slideInTopFadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards; --anim-slideintopfadein-xl: slideInTopFadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards; --anim-slideoutbottom-xxs: slideOutBottom var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-slideoutbottom-xs: slideOutBottom var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-slideoutbottom-s: slideOutBottom var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-slideoutbottom-m: slideOutBottom var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-slideoutbottom-l: slideOutBottom var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-slideoutbottom-xl: slideOutBottom var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-slideouttop-xxs: slideOutTop var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-slideouttop-xs: slideOutTop var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-slideouttop-s: slideOutTop var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-slideouttop-m: slideOutTop var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-slideouttop-l: slideOutTop var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-slideouttop-xl: slideOutTop var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-slideoutleft-xxs: slideOutLeft var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-slideoutleft-xs: slideOutLeft var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-slideoutleft-s: slideOutLeft var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-slideoutleft-m: slideOutLeft var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-slideoutleft-l: slideOutLeft var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-slideoutleft-xl: slideOutLeft var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-slideoutright-xxs: slideOutRight var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-slideoutright-xs: slideOutRight var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-slideoutright-s: slideOutRight var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-slideoutright-m: slideOutRight var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-slideoutright-l: slideOutRight var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-slideoutright-xl: slideOutRight var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-fadeoutdown-xxs: fadeOutDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-fadeoutdown-xs: fadeOutDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-fadeoutdown-s: fadeOutDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-fadeoutdown-m: fadeOutDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-fadeoutdown-l: fadeOutDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-fadeoutdown-xl: fadeOutDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-fadeout-xxs: fadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-fadeout-xs: fadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-fadeout-s: fadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-fadeout-m: fadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-fadeout-l: fadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-fadeout-xl: fadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-scaledown-xxs: scaleDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-scaledown-xs: scaleDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-scaledown-s: scaleDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-scaledown-m: scaleDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-scaledown-l: scaleDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-scaledown-xl: scaleDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; --anim-slideouttopfadeout-xxs: slideOutTopFadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards; --anim-slideouttopfadeout-xs: slideOutTopFadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards; --anim-slideouttopfadeout-s: slideOutTopFadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards; --anim-slideouttopfadeout-m: slideOutTopFadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards; --anim-slideouttopfadeout-l: slideOutTopFadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards; --anim-slideouttopfadeout-xl: slideOutTopFadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards; } @keyframes shake { 0%, 30% { transform: translateX(10px); } 10%, 60% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes wiggle { 0% { transform: rotate3d(0, 3, 3, -1deg); } 25% { transform: rotate3d(3, 0, 3, -0.5deg); } 50% { transform: rotate3d(3, 0, 3, 1deg); } 75% { transform: rotate3d(3, 0, 3, 0.5deg); } 100% { transform: rotate3d(0, 0, 3, -0.5deg); } } @keyframes spinnerRotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes animate-stripes { from { background-position: 0 0; } to { background-position: 100% 0; } } @keyframes backspin { 0% { transform: rotate(0); } 100% { transform: rotate(-359deg); } } @keyframes fade { from { opacity: 1; } to { opacity: 0.25; } } @keyframes greenPulse { 0%, 100% { border-color: #749a02; background-color: #749a02; box-shadow: 0 0 3px var(--t-gray4); } 50% { border-color: #91bd09; background-color: #91bd09; box-shadow: 0 0 9px #749a02; } } @keyframes fade-in-delay { 0%, 60% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-almost { 0% { opacity: 0; } 100% { opacity: 0.8; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes zoom { 0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-in; } 85% { opacity: 1; transform: scale(2.8); animation-timing-function: linear; } 100% { opacity: 0; transform: scale(3.5); } } @keyframes slide-list-animation { 0% { opacity: 0; transform: translateX(-500px); } 100% { opacity: 1; transform: translateX(0); } } body, html { height: 100%; overscroll-behavior: none; } body.highcontrast.frameless #menu, body.highcontrast.interstitial-page #menu, body[class*="theme-"].frameless #menu, body[class*="theme-"].interstitial-page #menu { display: none; } body.highcontrast #menu, body[class*="theme-"] #menu { -webkit-user-select: none; user-select: none; background-color: var(--uux-app-navBgColor); display: flex; z-index: 1; } body.highcontrast #menu div.menuClose, body[class*="theme-"] #menu div.menuClose { display: flex; justify-content: flex-end; } body.highcontrast #menu .child-menu.panel, body.highcontrast #menu .nav-list, body[class*="theme-"] #menu .child-menu.panel, body[class*="theme-"] #menu .nav-list { list-style-type: none; padding: 0; } body.highcontrast #menu .menu-item-child.selected .menu-text, body.highcontrast #menu .menu-item-child:active .menu-text, body.highcontrast #menu .menu-item-child:focus .menu-text, body.highcontrast #menu .menu-item-child:hover .menu-text, body.highcontrast #menu .menu-item.selected .menu-text, body.highcontrast #menu .menu-item:active .menu-text, body.highcontrast #menu .menu-item:focus .menu-text, body.highcontrast #menu .menu-item:hover .menu-text, body[class*="theme-"] #menu .menu-item-child.selected .menu-text, body[class*="theme-"] #menu .menu-item-child:active .menu-text, body[class*="theme-"] #menu .menu-item-child:focus .menu-text, body[class*="theme-"] #menu .menu-item-child:hover .menu-text, body[class*="theme-"] #menu .menu-item.selected .menu-text, body[class*="theme-"] #menu .menu-item:active .menu-text, body[class*="theme-"] #menu .menu-item:focus .menu-text, body[class*="theme-"] #menu .menu-item:hover .menu-text { font-weight: 600; } body.highcontrast #menu .menu-item-child.selected .menu-icon, body.highcontrast #menu .menu-item-child:active .menu-icon, body.highcontrast #menu .menu-item-child:focus .menu-icon, body.highcontrast #menu .menu-item-child:hover .menu-icon, body.highcontrast #menu .menu-item.selected .menu-icon, body.highcontrast #menu .menu-item:active .menu-icon, body.highcontrast #menu .menu-item:focus .menu-icon, body.highcontrast #menu .menu-item:hover .menu-icon, body[class*="theme-"] #menu .menu-item-child.selected .menu-icon, body[class*="theme-"] #menu .menu-item-child:active .menu-icon, body[class*="theme-"] #menu .menu-item-child:focus .menu-icon, body[class*="theme-"] #menu .menu-item-child:hover .menu-icon, body[class*="theme-"] #menu .menu-item.selected .menu-icon, body[class*="theme-"] #menu .menu-item:active .menu-icon, body[class*="theme-"] #menu .menu-item:focus .menu-icon, body[class*="theme-"] #menu .menu-item:hover .menu-icon { font-size: 27px; } body.highcontrast #menu .menu-item, body[class*="theme-"] #menu .menu-item { color: var(--uux-app-navTextColor); display: block; min-height: 45px; line-height: 43px; position: relative; white-space: nowrap; width: var(--uux-app-menuWidth); } body.highcontrast #menu .menu-item:after, body[class*="theme-"] #menu .menu-item:after { border-bottom: 1px solid var(--uux-app-navChildMenuBorderColor); content: " "; display: block; height: 0; top: 45px; left: 8px; right: 8px; position: absolute; } body.highcontrast #menu .menu-item .unread-badge, body[class*="theme-"] #menu .menu-item .unread-badge { background: var(--uux-app-navbarBadgeBg); border: 1px solid var(--t-top-a1); border-radius: 10px; min-width: 15px; width: auto; color: var(--uux-app-navbarBadgeContrast); display: block; font-size: 10px; height: 15px; left: 35px; line-height: normal; padding: 0 4px; position: absolute; text-align: center; top: 7px; } body.highcontrast #menu .menu-item.is-selected:after, body.highcontrast #menu .menu-item.selected:after, body.highcontrast #menu .menu-item:focus:after, body.highcontrast #menu .menu-item:hover:after, body[class*="theme-"] #menu .menu-item.is-selected:after, body[class*="theme-"] #menu .menu-item.selected:after, body[class*="theme-"] #menu .menu-item:focus:after, body[class*="theme-"] #menu .menu-item:hover:after { display: none; } body.highcontrast #menu .menu-item .indicator, body[class*="theme-"] #menu .menu-item .indicator { font-size: 14px; position: absolute; right: 10px; top: 0; } body.highcontrast #menu .menu-item .indicator:after, body[class*="theme-"] #menu .menu-item .indicator:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f110"; } body.highcontrast #menu .menu-item.expanded .indicator:after, body[class*="theme-"] #menu .menu-item.expanded .indicator:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f111"; } body.highcontrast #menu .menu-item.is-selected, body.highcontrast #menu .menu-item.selected, body[class*="theme-"] #menu .menu-item.is-selected, body[class*="theme-"] #menu .menu-item.selected { background: var(--uux-app-navHighlightBg); } body.highcontrast #menu .menu-item.is-selected, body.highcontrast #menu .menu-item.is-selected .menu-icon, body.highcontrast #menu .menu-item.selected, body.highcontrast #menu .menu-item.selected .menu-icon, body[class*="theme-"] #menu .menu-item.is-selected, body[class*="theme-"] #menu .menu-item.is-selected .menu-icon, body[class*="theme-"] #menu .menu-item.selected, body[class*="theme-"] #menu .menu-item.selected .menu-icon { color: var(--uux-app-navHightlightTextColor); } body.highcontrast #menu .menu-item:focus, body.highcontrast #menu .menu-item:hover, body[class*="theme-"] #menu .menu-item:focus, body[class*="theme-"] #menu .menu-item:hover { background: var(--uux-app-navHoverBg); text-decoration: none; } body.highcontrast #menu .menu-item:focus, body.highcontrast #menu .menu-item:focus .menu-icon, body.highcontrast #menu .menu-item:hover, body.highcontrast #menu .menu-item:hover .menu-icon, body[class*="theme-"] #menu .menu-item:focus, body[class*="theme-"] #menu .menu-item:focus .menu-icon, body[class*="theme-"] #menu .menu-item:hover, body[class*="theme-"] #menu .menu-item:hover .menu-icon { color: var(--uux-app-navHoverTextColor); } body.highcontrast #menu .menu-item .menu-icon-wrapper, body[class*="theme-"] #menu .menu-item .menu-icon-wrapper { display: inline-block; height: 44px; line-height: 43px; width: 60px; text-indent: 15px; vertical-align: bottom; } body.highcontrast #menu .menu-item .menu-icon, body[class*="theme-"] #menu .menu-item .menu-icon { font-family: var(--uux-navIconFont); font-size: 25px; color: var(--uux-navIconColor); } body.highcontrast #menu .menu-item .menu-icon:after, body[class*="theme-"] #menu .menu-item .menu-icon:after { content: var(--uux-icon-default); } body.highcontrast #menu .menu-item .menu-text-wrapper, body[class*="theme-"] #menu .menu-item .menu-text-wrapper { display: inline-block; height: 44px; line-height: 43px; vertical-align: bottom; width: calc(var(--uux-app-menuWidth) - 86); } body.highcontrast #menu .menu-item .menu-text-wrapper .menu-text, body[class*="theme-"] #menu .menu-item .menu-text-wrapper .menu-text { overflow: hidden; text-overflow: ellipsis; } body.highcontrast #menu .child-menu, body[class*="theme-"] #menu .child-menu { transition: max-height 0.5s linear; background: var(--uux-app-navChildMenuBgColor); border: 0; border-radius: 0; margin: 0; overflow: hidden; display: none; } body.highcontrast #menu .menu-item-child, body[class*="theme-"] #menu .menu-item-child { color: var(--uux-app-navChildMenuTextColor); cursor: pointer; display: block; height: 45px; line-height: 42px; } body.highcontrast #menu .menu-item-child:after, body[class*="theme-"] #menu .menu-item-child:after { border-bottom: 1px solid var(--uux-app-navChildMenuBorderColor); content: " "; display: block; height: 1px; margin: 0 8px; } body.highcontrast #menu .menu-item-child.is-selected:after, body.highcontrast #menu .menu-item-child.selected:after, body.highcontrast #menu .menu-item-child:focus:after, body.highcontrast #menu .menu-item-child:hover:after, body[class*="theme-"] #menu .menu-item-child.is-selected:after, body[class*="theme-"] #menu .menu-item-child.selected:after, body[class*="theme-"] #menu .menu-item-child:focus:after, body[class*="theme-"] #menu .menu-item-child:hover:after { display: none; } body.highcontrast #menu .menu-item-child.is-selected, body.highcontrast #menu .menu-item-child.selected, body[class*="theme-"] #menu .menu-item-child.is-selected, body[class*="theme-"] #menu .menu-item-child.selected { background: var(--uux-app-navChildMenuHighlightBg); } body.highcontrast #menu .menu-item-child.is-selected .menu-text, body.highcontrast #menu .menu-item-child.selected .menu-text, body[class*="theme-"] #menu .menu-item-child.is-selected .menu-text, body[class*="theme-"] #menu .menu-item-child.selected .menu-text { color: var(--uux-app-navChildMenuHighlightTextColor); } body.highcontrast #menu .menu-item-child:focus, body[class*="theme-"] #menu .menu-item-child:focus { outline: unset; box-shadow: inset var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast #menu .menu-item-child:focus, body.highcontrast #menu .menu-item-child:hover, body[class*="theme-"] #menu .menu-item-child:focus, body[class*="theme-"] #menu .menu-item-child:hover { background: var(--uux-app-navChildMenuHoverBg); text-decoration: none; } body.highcontrast #menu .menu-item-child:focus .menu-text, body.highcontrast #menu .menu-item-child:hover .menu-text, body[class*="theme-"] #menu .menu-item-child:focus .menu-text, body[class*="theme-"] #menu .menu-item-child:hover .menu-text { color: var(--uux-app-navChildMenuHoverTextColor); } body.highcontrast #menu .menu-item-child .badge-holder, body[class*="theme-"] #menu .menu-item-child .badge-holder { width: 60px; } body.highcontrast #menu .menu-item-child .unread-badge, body[class*="theme-"] #menu .menu-item-child .unread-badge { background: var(--uux-app-navbarBadgeBg); border: 1px solid var(--t-top-a1); border-radius: 2px; color: var(--uux-app-navbarBadgeContrast); font-size: 10px; height: 15px; min-width: 15px; text-align: center; line-height: normal; margin-top: 22%; margin-right: 10px; } body.highcontrast #menu .menu-item-child .menu-text-badge, body[class*="theme-"] #menu .menu-item-child .menu-text-badge { width: calc(var(--uux-app-menuWidth) - 60); color: var(--uux-app-navChildMenuTextColor); font-size: 13px; } body.highcontrast #menu .menu-item-child .menu-text, body[class*="theme-"] #menu .menu-item-child .menu-text { color: var(--uux-app-navChildMenuTextColor); display: block; overflow: hidden; text-indent: 64px; text-overflow: ellipsis; white-space: nowrap; width: calc(var(--uux-app-menuWidth) - 26); -webkit-user-select: none; user-select: none; height: 44px; line-height: 44px; } body.highcontrast #menu .menu-item-child .caret, body[class*="theme-"] #menu .menu-item-child .caret { border-top-color: var(--uux-app-navChildMenuTextColor); } body.highcontrast #menu .landing-page .menu-icon:after, body[class*="theme-"] #menu .landing-page .menu-icon:after { content: var(--uux-icon-home); } body.highcontrast #menu .message-center .menu-icon:after, body[class*="theme-"] #menu .message-center .menu-icon:after { content: var(--uux-icon-messages); } body.highcontrast #menu .transactions .menu-icon:after, body[class*="theme-"] #menu .transactions .menu-icon:after { content: var(--uux-icon-transactions); } body.highcontrast #menu .commercial .menu-icon:after, body[class*="theme-"] #menu .commercial .menu-icon:after { content: var(--uux-icon-commercial); } body.highcontrast #menu .news .menu-icon:after, body[class*="theme-"] #menu .news .menu-icon:after { content: var(--uux-icon-news); } body.highcontrast #menu .branches .menu-icon:after, body[class*="theme-"] #menu .branches .menu-icon:after { content: var(--uux-icon-branches); } body.highcontrast #menu .reports .menu-icon:after, body[class*="theme-"] #menu .reports .menu-icon:after { content: var(--uux-icon-reports); } body.highcontrast #menu .services .menu-icon:after, body[class*="theme-"] #menu .services .menu-icon:after { content: var(--uux-icon-services); } body.highcontrast #menu .help .menu-icon:after, body[class*="theme-"] #menu .help .menu-icon:after { content: var(--uux-icon-help); } body.highcontrast #menu .logoff .menu-icon:after, body[class*="theme-"] #menu .logoff .menu-icon:after { content: var(--uux-icon-signout); } body.highcontrast #menu .payments .menu-icon:after, body[class*="theme-"] #menu .payments .menu-icon:after { content: var(--uux-icon-payments); } body.highcontrast #menu .offers .menu-icon:after, body[class*="theme-"] #menu .offers .menu-icon:after { content: var(--uux-icon-offers); } body.highcontrast #menu .settings .menu-icon:after, body[class*="theme-"] #menu .settings .menu-icon:after { content: var(--uux-icon-settings); } body.highcontrast #menu .nav-edit-alerts .menu-icon:after, body[class*="theme-"] #menu .nav-edit-alerts .menu-icon:after { content: "\f1b5"; } body.highcontrast #menu .nav-edit-branches-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-branches-1 .menu-icon:after { content: "\f106"; } body.highcontrast #menu .nav-edit-branches-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-branches-2 .menu-icon:after { content: "\f169"; } body.highcontrast #menu .nav-edit-branches-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-branches-3 .menu-icon:after { content: "\f176"; } body.highcontrast #menu .nav-edit-branches-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-branches-4 .menu-icon:after { content: "\f183"; } body.highcontrast #menu .nav-edit-branches-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-branches-5 .menu-icon:after { content: "\f190"; } body.highcontrast #menu .nav-edit-camera .menu-icon:after, body[class*="theme-"] #menu .nav-edit-camera .menu-icon:after { content: "\f109"; } body.highcontrast #menu .nav-edit-chat .menu-icon:after, body[class*="theme-"] #menu .nav-edit-chat .menu-icon:after { content: "\f1b6"; } body.highcontrast #menu .nav-edit-commercial-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-commercial-1 .menu-icon:after { content: "\f151"; } body.highcontrast #menu .nav-edit-commercial-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-commercial-2 .menu-icon:after { content: "\f16a"; } body.highcontrast #menu .nav-edit-commercial-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-commercial-3 .menu-icon:after { content: "\f177"; } body.highcontrast #menu .nav-edit-commercial-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-commercial-4 .menu-icon:after { content: "\f184"; } body.highcontrast #menu .nav-edit-commercial-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-commercial-5 .menu-icon:after { content: "\f191"; } body.highcontrast #menu .nav-edit-drafted .menu-icon:after, body[class*="theme-"] #menu .nav-edit-drafted .menu-icon:after { content: "\f118"; } body.highcontrast #menu .nav-edit-exchange .menu-icon:after, body[class*="theme-"] #menu .nav-edit-exchange .menu-icon:after { content: "\f11c"; } body.highcontrast #menu .nav-edit-help-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-help-1 .menu-icon:after { content: "\f156"; } body.highcontrast #menu .nav-edit-help-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-help-2 .menu-icon:after { content: "\f16b"; } body.highcontrast #menu .nav-edit-help-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-help-3 .menu-icon:after { content: "\f178"; } body.highcontrast #menu .nav-edit-help-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-help-4 .menu-icon:after { content: "\f185"; } body.highcontrast #menu .nav-edit-help-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-help-5 .menu-icon:after { content: "\f193"; } body.highcontrast #menu .nav-edit-home-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-home-1 .menu-icon:after { content: "\f152"; } body.highcontrast #menu .nav-edit-home-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-home-2 .menu-icon:after { content: "\f16c"; } body.highcontrast #menu .nav-edit-home-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-home-3 .menu-icon:after { content: "\f179"; } body.highcontrast #menu .nav-edit-home-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-home-4 .menu-icon:after { content: "\f186"; } body.highcontrast #menu .nav-edit-home-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-home-5 .menu-icon:after { content: "\f194"; } body.highcontrast #menu .nav-edit-messages-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-messages-1 .menu-icon:after { content: "\f153"; } body.highcontrast #menu .nav-edit-messages-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-messages-2 .menu-icon:after { content: "\f16d"; } body.highcontrast #menu .nav-edit-messages-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-messages-3 .menu-icon:after { content: "\f17a"; } body.highcontrast #menu .nav-edit-messages-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-messages-4 .menu-icon:after { content: "\f187"; } body.highcontrast #menu .nav-edit-messages-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-messages-5 .menu-icon:after { content: "\f195"; } body.highcontrast #menu .nav-edit-multiple_user .menu-icon:after, body[class*="theme-"] #menu .nav-edit-multiple_user .menu-icon:after { content: "\f167"; } body.highcontrast #menu .nav-edit-news-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-news-1 .menu-icon:after { content: "\f158"; } body.highcontrast #menu .nav-edit-news-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-news-2 .menu-icon:after { content: "\f16e"; } body.highcontrast #menu .nav-edit-news-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-news-3 .menu-icon:after { content: "\f17b"; } body.highcontrast #menu .nav-edit-news-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-news-4 .menu-icon:after { content: "\f188"; } body.highcontrast #menu .nav-edit-news-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-news-5 .menu-icon:after { content: "\f196"; } body.highcontrast #menu .nav-edit-offers-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-offers-1 .menu-icon:after { content: "\f146"; } body.highcontrast #menu .nav-edit-offers-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-offers-2 .menu-icon:after { content: "\f16f"; } body.highcontrast #menu .nav-edit-offers-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-offers-3 .menu-icon:after { content: "\f17c"; } body.highcontrast #menu .nav-edit-offers-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-offers-4 .menu-icon:after { content: "\f189"; } body.highcontrast #menu .nav-edit-offers-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-offers-5 .menu-icon:after { content: "\f197"; } body.highcontrast #menu .nav-edit-payments-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-payments-1 .menu-icon:after { content: "\f18a"; } body.highcontrast #menu .nav-edit-payments-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-payments-2 .menu-icon:after { content: "\f170"; } body.highcontrast #menu .nav-edit-payments-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-payments-3 .menu-icon:after { content: "\f17d"; } body.highcontrast #menu .nav-edit-payments-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-payments-4 .menu-icon:after { content: "\f18a"; } body.highcontrast #menu .nav-edit-payments-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-payments-5 .menu-icon:after { content: "\f198"; } body.highcontrast #menu .nav-edit-plus-sign .menu-icon:after, body[class*="theme-"] #menu .nav-edit-plus-sign .menu-icon:after { content: "\f133"; } body.highcontrast #menu .nav-edit-reports-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-reports-1 .menu-icon:after { content: "\f159"; } body.highcontrast #menu .nav-edit-reports-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-reports-2 .menu-icon:after { content: "\f171"; } body.highcontrast #menu .nav-edit-reports-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-reports-3 .menu-icon:after { content: "\f17e"; } body.highcontrast #menu .nav-edit-reports-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-reports-4 .menu-icon:after { content: "\f18b"; } body.highcontrast #menu .nav-edit-reports-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-reports-5 .menu-icon:after { content: "\f199"; } body.highcontrast #menu .nav-edit-select_account .menu-icon:after, body[class*="theme-"] #menu .nav-edit-select_account .menu-icon:after { content: "\f1a4"; } body.highcontrast #menu .nav-edit-services-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-services-1 .menu-icon:after { content: "\f13f"; } body.highcontrast #menu .nav-edit-services-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-services-2 .menu-icon:after { content: "\f172"; } body.highcontrast #menu .nav-edit-services-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-services-3 .menu-icon:after { content: "\f17f"; } body.highcontrast #menu .nav-edit-services-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-services-4 .menu-icon:after { content: "\f18c"; } body.highcontrast #menu .nav-edit-services-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-services-5 .menu-icon:after { content: "\f19a"; } body.highcontrast #menu .nav-edit-settings-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-settings-1 .menu-icon:after { content: "\f15f"; } body.highcontrast #menu .nav-edit-settings-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-settings-2 .menu-icon:after { content: "\f173"; } body.highcontrast #menu .nav-edit-settings-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-settings-3 .menu-icon:after { content: "\f180"; } body.highcontrast #menu .nav-edit-settings-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-settings-4 .menu-icon:after { content: "\f18d"; } body.highcontrast #menu .nav-edit-settings-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-settings-5 .menu-icon:after { content: "\f19b"; } body.highcontrast #menu .nav-edit-signout-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-signout-1 .menu-icon:after { content: "\f141"; } body.highcontrast #menu .nav-edit-signout-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-signout-2 .menu-icon:after { content: "\f174"; } body.highcontrast #menu .nav-edit-signout-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-signout-3 .menu-icon:after { content: "\f181"; } body.highcontrast #menu .nav-edit-signout-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-signout-4 .menu-icon:after { content: "\f18e"; } body.highcontrast #menu .nav-edit-signout-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-signout-5 .menu-icon:after { content: "\f19c"; } body.highcontrast #menu .nav-edit-transactions-1 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-transactions-1 .menu-icon:after { content: "\f148"; } body.highcontrast #menu .nav-edit-transactions-2 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-transactions-2 .menu-icon:after { content: "\f175"; } body.highcontrast #menu .nav-edit-transactions-3 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-transactions-3 .menu-icon:after { content: "\f182"; } body.highcontrast #menu .nav-edit-transactions-4 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-transactions-4 .menu-icon:after { content: "\f18f"; } body.highcontrast #menu .nav-edit-transactions-5 .menu-icon:after, body[class*="theme-"] #menu .nav-edit-transactions-5 .menu-icon:after { content: "\f19d"; } body.highcontrast #menu .nav-edit-zelle .menu-icon:after, body[class*="theme-"] #menu .nav-edit-zelle .menu-icon:after { content: "\f1d4"; } @media screen and (max-width: 1280px) { body.highcontrast #menu, body[class*="theme-"] #menu { position: absolute; z-index: 101; min-height: 100%; max-height: 100vh; background-color: var(--uux-app-navBgColor); overflow-x: hidden; overflow-y: auto; top: 0; bottom: 0; } body.highcontrast #menu.hide-menu, body[class*="theme-"] #menu.hide-menu { display: none; } } @media screen and (min-width: 1280px) { body.highcontrast #menu, body[class*="theme-"] #menu { max-height: none; min-height: 100%; overflow: visible; position: relative; z-index: 1; } body.highcontrast #menu.hide-menu, body[class*="theme-"] #menu.hide-menu { display: block; } body.highcontrast #menu[style], body[class*="theme-"] #menu[style] { left: 0 !important; height: auto !important; } } body.highcontrast .phone #menu, body.highcontrast .tablet #menu, body[class*="theme-"] .phone #menu, body[class*="theme-"] .tablet #menu { position: absolute; z-index: 101; min-height: 100%; max-height: 100vh; background-color: var(--uux-app-navBgColor); overflow-x: hidden; overflow-y: auto; top: 0; bottom: 0; } body.highcontrast .phone #menu.hide-menu, body.highcontrast .tablet #menu.hide-menu, body[class*="theme-"] .phone #menu.hide-menu, body[class*="theme-"] .tablet #menu.hide-menu { display: none; } @media screen and (min-width: 1280px) { body.highcontrast .horizontal-nav.desktop #menu, body[class*="theme-"] .horizontal-nav.desktop #menu { box-shadow: 0 0 5px var(--t-top-a1); margin: 0 auto; position: -webkit-sticky; position: sticky; top: var(--uux-app-headerHeight); width: var(--uux-desktop-horizontalNavContentWrapperWidth); z-index: 15; } .uagent-ie11 body.highcontrast .horizontal-nav.desktop #menu, .uagent-ie11 body[class*="theme-"] .horizontal-nav.desktop #menu { top: 0; position: relative; } body.highcontrast .horizontal-nav.desktop #menu .menu-nav.nav-list, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-nav.nav-list { margin-bottom: 0; } body.highcontrast .horizontal-nav.desktop #menu .nav-list, body[class*="theme-"] .horizontal-nav.desktop #menu .nav-list { margin: 0; display: flex; flex-wrap: wrap; } body.highcontrast .horizontal-nav.desktop #menu .menu-item-wrapper, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item-wrapper { display: inline-block; } body.highcontrast .horizontal-nav.desktop #menu .menu-item, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item { width: auto; border-right: var(--uux-desktop-horizontalNavBorders); } body.highcontrast .horizontal-nav.desktop #menu .menu-item.landing-page, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item.landing-page { border-left: var(--uux-desktop-horizontalNavBorders); } body.highcontrast .horizontal-nav.desktop #menu .menu-item .menu-icon-wrapper, body.highcontrast .horizontal-nav.desktop #menu .menu-item:after, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item .menu-icon-wrapper, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item:after { display: none; } body.highcontrast .horizontal-nav.desktop #menu .menu-item .menu-text-wrapper, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item .menu-text-wrapper { width: auto; float: none; padding: 0 12px; } body.highcontrast .horizontal-nav.desktop #menu .menu-item .unread-badge, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item .unread-badge { right: 2px; left: auto; } body.highcontrast .horizontal-nav.desktop #menu .menu-item.sub-menu-parent .menu-text-wrapper, body[class*="theme-"] .horizontal-nav.desktop #menu .menu-item.sub-menu-parent .menu-text-wrapper { width: auto; padding-right: 28px; } body.highcontrast .horizontal-nav.desktop #menu .child-menu, body[class*="theme-"] .horizontal-nav.desktop #menu .child-menu { position: absolute; box-shadow: 0 2px 2px var(--t-top-a2); } body.highcontrast .horizontal-nav.desktop #menu .child-menu .menu-item-wrapper, body[class*="theme-"] .horizontal-nav.desktop #menu .child-menu .menu-item-wrapper { display: block; } body.highcontrast .horizontal-nav.desktop #menu .child-menu .menu-item-child, body[class*="theme-"] .horizontal-nav.desktop #menu .child-menu .menu-item-child { height: 37px; line-height: 37px; } body.highcontrast .horizontal-nav.desktop #menu .child-menu .menu-text, body[class*="theme-"] .horizontal-nav.desktop #menu .child-menu .menu-text { width: auto; height: auto; line-height: inherit; text-indent: 0; padding: 0 64px 0 32px; font-size: 13px; } } body.highcontrast .menu-toggle, body[class*="theme-"] .menu-toggle { font-size: 12px; display: block; } @media screen and (min-width: 1280px) { body.highcontrast .menu-toggle, body[class*="theme-"] .menu-toggle { display: none; } } body.highcontrast .tablet .menu-toggle, body[class*="theme-"] .tablet .menu-toggle { display: block; } body.highcontrast .customer-current-timestamp, body.highcontrast .no-logo .header, body.highcontrast .no-outside-widgets .content-rail > .horiz-widget, body[class*="theme-"] .customer-current-timestamp, body[class*="theme-"] .no-logo .header, body[class*="theme-"] .no-outside-widgets .content-rail > .horiz-widget { display: none; } body.highcontrast .vertical-nav #menu, body[class*="theme-"] .vertical-nav #menu { box-shadow: 0 1px 3px 0 var(--t-top-a2); } @media screen and (max-width: 1280px) { body.highcontrast .menu-open .content-overlay, body.highcontrast .sidebar-open .content-overlay, body[class*="theme-"] .menu-open .content-overlay, body[class*="theme-"] .sidebar-open .content-overlay { z-index: 100; } } body.highcontrast .vertical-nav #menu .logoff:after, body[class*="theme-"] .vertical-nav #menu .logoff:after { border: none; } body.highcontrast body, body[class*="theme-"] body { font-size: var(--uux-app-fontSize); line-height: var(--uux-app-lineHeight); } body.highcontrast :not(.focusing-outlet):focus, body[class*="theme-"] :not(.focusing-outlet):focus { outline: 0; box-shadow: var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast a, body[class*="theme-"] a { color: var(--uux-app-linkColor); } body.highcontrast a:hover, body[class*="theme-"] a:hover { color: var(--uux-app-linkHover); } body.highcontrast a.disabled, body[class*="theme-"] a.disabled { text-decoration: none; color: var(--uux-app-disabledLinkColor); } body.highcontrast a, body.highcontrast div, body.highcontrast input, body[class*="theme-"] a, body[class*="theme-"] div, body[class*="theme-"] input { box-sizing: border-box; } body.highcontrast hr, body[class*="theme-"] hr { border-color: var(--uux-app-contentBorder); } body.highcontrast .nowrap, body[class*="theme-"] .nowrap { white-space: nowrap; } body.highcontrast .header, body[class*="theme-"] .header { background-color: var(--uux-theme-white); border-bottom: 1px solid var(--uux-app-contentBorder); margin-top: 0; min-height: var(--uux-app-headerHeight); } body.highcontrast .header .left, body[class*="theme-"] .header .left { position: absolute; left: 0; z-index: 1; } body.highcontrast .header .center, body[class*="theme-"] .header .center { font-size: 22px; margin-top: 14px; } body.highcontrast .header .right, body[class*="theme-"] .header .right { position: absolute; z-index: 1; right: 10px; top: 0; } body.highcontrast .footer-version, body[class*="theme-"] .footer-version { margin-left: 30px; color: var(--uux-desktop-footerTextContrast); opacity: 0; } .uagent-chrome body.highcontrast .footer-version, .uagent-chrome body[class*="theme-"] .footer-version, .uagent-webkit body.highcontrast .footer-version, .uagent-webkit body[class*="theme-"] .footer-version { color: var(--t-base-a0); opacity: 1; } body.highcontrast .vert-widget-large, body[class*="theme-"] .vert-widget-large { height: 360px; overflow-x: hidden; overflow-y: auto; width: 100%; } body.highcontrast .vert-widget-small, body[class*="theme-"] .vert-widget-small { height: 120px; overflow-x: hidden; overflow-y: auto; width: 100%; } body.highcontrast .bordered > div, body[class*="theme-"] .bordered > div { border: 1px solid var(--t-base-a2); color: var(--t-base-a2); padding: 8px; } body.highcontrast .noselect, body[class*="theme-"] .noselect { -webkit-user-select: none; user-select: none; } body.highcontrast .content-wrapper, body[class*="theme-"] .content-wrapper { background-color: var(--uux-app-contentInnerBg); } body.highcontrast .content-wrapper .content, body[class*="theme-"] .content-wrapper .content { padding: 0; } @media screen and (max-width: 1280px) { body.highcontrast:not(.embedded-uux) .content-wrapper .content, body[class*="theme-"]:not(.embedded-uux) .content-wrapper .content { min-height: calc(100vh - var(--uux-app-headerHeight)); max-width: 100vw; } body.highcontrast.embedded-uux .content-wrapper .content, body[class*="theme-"].embedded-uux .content-wrapper .content { min-height: 100vh; max-width: 100vw; } body.highcontrast .thumb-nav-enabled .content-wrapper .content, body[class*="theme-"] .thumb-nav-enabled .content-wrapper .content { min-height: 100vh; } } @media screen and (max-width: 991px) { body.highcontrast .thumb-nav-enabled .content-wrapper .container, body.highcontrast .thumb-nav-enabled .content-wrapper .form-container, body[class*="theme-"] .thumb-nav-enabled .content-wrapper .container, body[class*="theme-"] .thumb-nav-enabled .content-wrapper .form-container { padding-bottom: calc( var(--uux-app-thumbBarHeight) + var(--uux-app-thumbBarFormSpacing) ); } } body.highcontrast .hide-sidebar .view-wrapper, body[class*="theme-"] .hide-sidebar .view-wrapper { width: 100%; } body.highcontrast .content-rail > .horiz-widget, body[class*="theme-"] .content-rail > .horiz-widget { margin: 0; } body.highcontrast .content-rail > .content-wrapper > .horiz-widget, body[class*="theme-"] .content-rail > .content-wrapper > .horiz-widget { color: var(--uux-app-sidebarWidgetContrast); margin: 0; } body.highcontrast .menu-open .menu-drawer, body[class*="theme-"] .menu-open .menu-drawer { opacity: 1; z-index: 101; } body.highcontrast .menu-open, body.highcontrast .sidebar-open, body[class*="theme-"] .menu-open, body[class*="theme-"] .sidebar-open { overflow: hidden; max-height: 100vh; } body.highcontrast .menu-open .content-overlay, body.highcontrast .sidebar-open .content-overlay, body[class*="theme-"] .menu-open .content-overlay, body[class*="theme-"] .sidebar-open .content-overlay { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: var(--t-top-a2); } body.highcontrast, body[class*="theme-"] { font-family: var(--uux-app-fontFamily); font-stretch: var(--uux-app-fontStretch); } body.highcontrast .content-rail > .content-wrapper.dropdown-is-open, body[class*="theme-"] .content-rail > .content-wrapper.dropdown-is-open { -webkit-overflow-scrolling: auto; } body.highcontrast .empty-msg, body[class*="theme-"] .empty-msg { padding-top: 36px; padding-bottom: 36px; font-style: italic; text-align: center; } body.highcontrast .empty-msg .text-muted, body[class*="theme-"] .empty-msg .text-muted { color: #999; } body.highcontrast .error-prefix, body[class*="theme-"] .error-prefix { color: var(--uux-theme-danger); display: inline; } body.highcontrast #main, body[class*="theme-"] #main { overflow: auto; height: 100%; width: auto; transition: all 1s ease-in-out; } body.highcontrast .scrollable, body[class*="theme-"] .scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } body.highcontrast .scrollable.horizontal, body[class*="theme-"] .scrollable.horizontal { overflow-y: hidden !important; overflow-x: auto !important; width: 100%; } body.highcontrast .main-view, body[class*="theme-"] .main-view { height: 100%; } body.highcontrast .page-messages-index .widget-fence.horizontal, body.highcontrast .panel .component-accordion .collapsed + .collapse, body[class*="theme-"] .page-messages-index .widget-fence.horizontal, body[class*="theme-"] .panel .component-accordion .collapsed + .collapse { display: none; } body.highcontrast .app-container, body[class*="theme-"] .app-container { z-index: 10; height: auto; min-height: 100%; } body.highcontrast .app-container.authenticated .content-area, body[class*="theme-"] .app-container.authenticated .content-area { display: inline-block; } body.highcontrast.frameless .app-header, body.highcontrast.frameless .content-wrapper, body.highcontrast.frameless .desktop-content, body.highcontrast.frameless .footer, body.highcontrast.frameless .menu-drawer, body.highcontrast.frameless .return-to-login, body.highcontrast.frameless .sidebar, body.highcontrast.frameless .view-wrapper, body[class*="theme-"].frameless .app-header, body[class*="theme-"].frameless .content-wrapper, body[class*="theme-"].frameless .desktop-content, body[class*="theme-"].frameless .footer, body[class*="theme-"].frameless .menu-drawer, body[class*="theme-"].frameless .return-to-login, body[class*="theme-"].frameless .sidebar, body[class*="theme-"].frameless .view-wrapper { display: none; } body.highcontrast.frameless.interstitial-page .app-header, body[class*="theme-"].frameless.interstitial-page .app-header { display: block; } body.highcontrast .app-container > .content, body[class*="theme-"] .app-container > .content { background-color: var(--uux-theme-white); padding: 20px; margin: 0 -20px; border-radius: 10px; box-shadow: 0 1px 2px var(--t-top-a1); } body.highcontrast .return-to-login, body[class*="theme-"] .return-to-login { background: var(--uux-app-returnToLoginBarBg); bottom: 0; color: var(--uux-app-returnToLoginBarContrast); display: block; font-size: 22px; height: var(--uux-app-unauthFooterHeight); left: 0; line-height: var(--uux-app-unauthFooterHeight); position: fixed; right: 0; text-align: center; text-shadow: 1px 1px 0 var(--t-top-a1); z-index: 10; } body.highcontrast .return-to-login:hover, body[class*="theme-"] .return-to-login:hover { color: var(--uux-app-returnToLoginBarHover); } @media screen and (min-width: 1280px) { body.highcontrast .has-footer:not(.tablet).authenticated .main-page-container, body[class*="theme-"] .has-footer:not(.tablet).authenticated .main-page-container { padding: 0 0 calc(var(--uux-desktop-footerHeight) + var(--uux-desktop-footerTopMargin)); } } @media screen and (max-width: 1280px) and (min-width: 768px) { body.highcontrast .has-footer.authenticated .content, body[class*="theme-"] .has-footer.authenticated .content { min-height: calc(100vh - var(--uux-desktop-footerHeight)); } } body.highcontrast .has-footer.tablet.authenticated .content, body[class*="theme-"] .has-footer.tablet.authenticated .content { min-height: calc(100vh - var(--uux-desktop-footerHeight)); } body.highcontrast input[type="text"], body[class*="theme-"] input[type="text"] { -webkit-appearance: none; appearance: none; } body.highcontrast input[type="text"]::-ms-clear, body[class*="theme-"] input[type="text"]::-ms-clear { display: none; } body.highcontrast input:not(.input-sm):not(.input-lg)[type="password"], body.highcontrast input:not(.input-sm):not(.input-lg)[type="text"], body[class*="theme-"] input:not(.input-sm):not(.input-lg)[type="password"], body[class*="theme-"] input:not(.input-sm):not(.input-lg)[type="text"] { height: 45px; line-height: normal; padding: 0 13px; } body.highcontrast select, body[class*="theme-"] select { -webkit-appearance: none; appearance: none; background-color: transparent; background-image: url(images/basestuff/chevron-down.svg); background-position: right 8px top 50%; background-repeat: no-repeat; background-size: 24px 24px; height: 45px; line-height: inherit; padding: 12px 40px 11px 13px; } body.highcontrast select::-ms-expand, body[class*="theme-"] select::-ms-expand { display: none; } body.highcontrast select .input-sm, body[class*="theme-"] select .input-sm { height: 30px; line-height: 30px; padding: 5px 10px; } body.highcontrast select.input-sm, body[class*="theme-"] select.input-sm { height: 30px; padding: 5px 40px 5px 10px; } body.highcontrast .check-image-small, body[class*="theme-"] .check-image-small { display: inline-block; } body.highcontrast .visible-block, body[class*="theme-"] .visible-block { display: block; } body.highcontrast .hidden-block, body[class*="theme-"] .hidden-block { display: none; } body.highcontrast .center, body[class*="theme-"] .center { text-align: center; } body.highcontrast .pointer, body[class*="theme-"] .pointer { cursor: pointer; } body.highcontrast .pointer.disabled, body.highcontrast .pointer[disabled], body[class*="theme-"] .pointer.disabled, body[class*="theme-"] .pointer[disabled] { cursor: default; } body.highcontrast .not-allowed, body[class*="theme-"] .not-allowed { cursor: not-allowed; } body.highcontrast .hover-underline:hover, body.highcontrast .underline, body[class*="theme-"] .hover-underline:hover, body[class*="theme-"] .underline { text-decoration: underline; } body.highcontrast .no-padding, body[class*="theme-"] .no-padding { padding: 0; } body.highcontrast .filler80, body[class*="theme-"] .filler80 { height: 80px; } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 0.001% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes fadeOutFromVisible { 0% { display: block; opacity: 1; } 99.999% { display: block; opacity: 0; } 100% { display: none; opacity: 0; } } @keyframes animateProgress { 0% { width: 0%; } 100% { width: 100%; } } body.highcontrast .text-xsmall, body[class*="theme-"] .text-xsmall { font-size: 11px !important; text-transform: uppercase; } body.highcontrast .text-small, body[class*="theme-"] .text-small { font-size: 12px !important; } body.highcontrast .text-medium-small, body[class*="theme-"] .text-medium-small { font-size: 13px !important; } body.highcontrast .text-medium, body[class*="theme-"] .text-medium { font-size: 14px !important; } body.highcontrast .text-large, body[class*="theme-"] .text-large { font-size: 16px !important; } body.highcontrast .empty-msg, body.highcontrast .text-xlarge, body[class*="theme-"] .empty-msg, body[class*="theme-"] .text-xlarge { font-size: 18px !important; } body.highcontrast .text-xxlarge, body[class*="theme-"] .text-xxlarge { font-size: 24px !important; } body.highcontrast .text-xxxlarge, body[class*="theme-"] .text-xxxlarge { font-size: 36px !important; } body.highcontrast .text-xxxxlarge, body[class*="theme-"] .text-xxxxlarge { font-size: 48px !important; } body.highcontrast .text-primary, body[class*="theme-"] .text-primary { color: var(--uux-theme-primary); } body.highcontrast .text-muted, body[class*="theme-"] .text-muted { color: var(--uux-theme-grayAccessible); } body.highcontrast .text-warning, body[class*="theme-"] .text-warning { color: var(--uux-theme-warningText); } body.highcontrast .text-info, body[class*="theme-"] .text-info { color: var(--uux-theme-infoText); } body.highcontrast .text-danger, body[class*="theme-"] .text-danger { color: var(--uux-theme-dangerText); } body.highcontrast .text-success, body[class*="theme-"] .text-success { color: var(--uux-theme-successText); } body.highcontrast .ellipsize, body[class*="theme-"] .ellipsize { max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .valign, body[class*="theme-"] .valign { display: table; width: 100%; } body.highcontrast .valign > div, body[class*="theme-"] .valign > div { display: table-cell; vertical-align: middle; } body.highcontrast .b, body.highcontrast .strong, body.highcontrast .text-bold, body[class*="theme-"] .b, body[class*="theme-"] .strong, body[class*="theme-"] .text-bold { font-weight: 700 !important; } body.highcontrast .text-normal, body[class*="theme-"] .text-normal { font-weight: 400 !important; } body.highcontrast .em, body.highcontrast .i, body.highcontrast .text-italic, body[class*="theme-"] .em, body[class*="theme-"] .i, body[class*="theme-"] .text-italic { font-style: italic !important; } body.highcontrast .text-uppercase, body.highcontrast .uppercase, body[class*="theme-"] .text-uppercase, body[class*="theme-"] .uppercase { text-transform: uppercase !important; } body.highcontrast .lowercase, body.highcontrast .text-lowercase, body[class*="theme-"] .lowercase, body[class*="theme-"] .text-lowercase { text-transform: lowercase !important; } body.highcontrast .capitalize, body.highcontrast .text-capitalize, body[class*="theme-"] .capitalize, body[class*="theme-"] .text-capitalize { text-transform: capitalize !important; } body.highcontrast .list-group.checkmark-active .list-group-item.active:after, body.highcontrast .show-active-checkmark:after, body[class*="theme-"] .list-group.checkmark-active .list-group-item.active:after, body[class*="theme-"] .show-active-checkmark:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f12f"; display: block; position: absolute; color: var(--uux-theme-whiteNeutral); top: 11px; right: 11px; } body.highcontrast .no-break, body[class*="theme-"] .no-break { white-space: nowrap; } body.highcontrast .datatable-clean table.sticky-header-footer td.status, body.highcontrast .datatable-clean table.table-scroll td.status, body.highcontrast .force-wrap, body[class*="theme-"] .datatable-clean table.sticky-header-footer td.status, body[class*="theme-"] .datatable-clean table.table-scroll td.status, body[class*="theme-"] .force-wrap { white-space: pre-line; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } body.highcontrast .normal-white-space, body[class*="theme-"] .normal-white-space { white-space: normal; } body.highcontrast .normal-break, body[class*="theme-"] .normal-break { word-break: normal; } body.highcontrast .no-pointer, body[class*="theme-"] .no-pointer { cursor: default !important; } body.highcontrast .no-scroll, body.highcontrast.no-scroll, body[class*="theme-"] .no-scroll, body[class*="theme-"].no-scroll { overflow: hidden !important; } body.highcontrast .block, body[class*="theme-"] .block { display: block; } body.highcontrast .inline-block, body[class*="theme-"] .inline-block { display: inline-block; } body.highcontrast .flex, body[class*="theme-"] .flex { display: flex; } body.highcontrast .align-items-center, body[class*="theme-"] .align-items-center { align-items: center; } body.highcontrast .vcenter, body[class*="theme-"] .vcenter { display: inline-block; vertical-align: middle; float: none; } body.highcontrast .heading-1, body.highcontrast .heading-2, body.highcontrast .heading-3, body.highcontrast h1, body.highcontrast h2, body.highcontrast h3, body[class*="theme-"] .heading-1, body[class*="theme-"] .heading-2, body[class*="theme-"] .heading-3, body[class*="theme-"] h1, body[class*="theme-"] h2, body[class*="theme-"] h3 { margin-top: 20px; margin-bottom: 10px; } body.highcontrast .heading-4, body.highcontrast .heading-5, body.highcontrast .heading-6, body.highcontrast h4, body.highcontrast h5, body.highcontrast h6, body[class*="theme-"] .heading-4, body[class*="theme-"] .heading-5, body[class*="theme-"] .heading-6, body[class*="theme-"] h4, body[class*="theme-"] h5, body[class*="theme-"] h6 { margin-top: 10px; margin-bottom: 10px; } body.highcontrast .heading-1, body.highcontrast h1, body[class*="theme-"] .heading-1, body[class*="theme-"] h1 { font-size: 29px; font-weight: 400; } @media screen and (max-width: 767px) { body.highcontrast .heading-1, body.highcontrast h1, body[class*="theme-"] .heading-1, body[class*="theme-"] h1 { font-size: 25px; } } body.highcontrast .heading-2, body.highcontrast h2, body[class*="theme-"] .heading-2, body[class*="theme-"] h2 { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } body.highcontrast .heading-3, body.highcontrast h3, body[class*="theme-"] .heading-3, body[class*="theme-"] h3 { font-size: 17px; font-weight: 600; } body.highcontrast .heading-4, body.highcontrast h4, body[class*="theme-"] .heading-4, body[class*="theme-"] h4 { font-size: 14px; font-weight: 600; } body.highcontrast .heading-5, body.highcontrast .heading-6, body.highcontrast h5, body.highcontrast h6, body[class*="theme-"] .heading-5, body[class*="theme-"] .heading-6, body[class*="theme-"] h5, body[class*="theme-"] h6 { font-size: inherit; font-weight: 400; } body.highcontrast p, body[class*="theme-"] p { font-size: 14px; font-weight: 400; line-height: 1.5; } body.highcontrast .small-copy, body.highcontrast small, body[class*="theme-"] .small-copy, body[class*="theme-"] small { font-size: 12px; font-weight: 400; } body.highcontrast .light, body[class*="theme-"] .light { font-weight: 300; } body.highcontrast .semibold, body[class*="theme-"] .semibold { font-weight: 600; } body.highcontrast .bold, body[class*="theme-"] .bold { font-weight: 700; } body.highcontrast .empty-state, body.highcontrast .no-history, body[class*="theme-"] .empty-state, body[class*="theme-"] .no-history { font-style: italic; } body.highcontrast .btn, body[class*="theme-"] .btn { transition: opacity ease-in-out 0.15s, border-color ease-in-out 0.15s, background-color ease-in-out 0.15s, color ease-in-out 0.15s, box-shadow ease-in-out 0.2s; background-color: var(--uux-app-btnDefaultBg); background-image: none; border-color: var(--uux-app-btnDefaultBorder); border-radius: var(--uux-app-btnBorderRadius); color: var(--uux-app-btnDefaultContrast); font-weight: var(--uux-app-btnFontWeight); box-shadow: var(--uux-app-btnBoxShadow); } body.highcontrast .btn:focus, body.highcontrast .btn:hover, body[class*="theme-"] .btn:focus, body[class*="theme-"] .btn:hover { background-color: var(--uux-app-btnDefaultHoverBg); border-color: var(--uux-app-btnDefaultHoverBorder); color: var(--uux-app-btnDefaultHoverContrast); box-shadow: var(--uux-app-btnHoverBoxShadow); } body.highcontrast .btn:focus, body[class*="theme-"] .btn:focus { box-shadow: var(--uux-app-btnHoverBoxShadow), var(--uux-CONST_GLOBAL_FOCUS); } .open body.highcontrast .btn.dropdown-toggle, .open body[class*="theme-"] .btn.dropdown-toggle, body.highcontrast .btn.active, body.highcontrast .btn:active, body[class*="theme-"] .btn.active, body[class*="theme-"] .btn:active { box-shadow: 0 2px 3px var(--t-top-a1), 0 1px 1px var(--t-top-a1); background-color: var(--uux-app-btnDefaultActiveBg); border-color: var(--uux-app-btnDefaultActiveBorder); color: var(--uux-app-btnDefaultActiveContrast); } body.highcontrast .btn.disabled, body.highcontrast .btn[disabled], body[class*="theme-"] .btn.disabled, body[class*="theme-"] .btn[disabled], fieldset[disabled] body.highcontrast .btn, fieldset[disabled] body[class*="theme-"] .btn { opacity: 0.45; box-shadow: none; } body.highcontrast .btn.disabled:active, body.highcontrast .btn.disabled:focus, body.highcontrast .btn.disabled:hover, body.highcontrast .btn[disabled]:active, body.highcontrast .btn[disabled]:focus, body.highcontrast .btn[disabled]:hover, body[class*="theme-"] .btn.disabled:active, body[class*="theme-"] .btn.disabled:focus, body[class*="theme-"] .btn.disabled:hover, body[class*="theme-"] .btn[disabled]:active, body[class*="theme-"] .btn[disabled]:focus, body[class*="theme-"] .btn[disabled]:hover, fieldset[disabled] body.highcontrast .btn:active, fieldset[disabled] body.highcontrast .btn:focus, fieldset[disabled] body.highcontrast .btn:hover, fieldset[disabled] body[class*="theme-"] .btn:active, fieldset[disabled] body[class*="theme-"] .btn:focus, fieldset[disabled] body[class*="theme-"] .btn:hover { background-color: var(--uux-app-btnDefaultBg); color: var(--uux-app-btnDisabledContrast); } body.highcontrast .open.dropdown .btn, body[class*="theme-"] .open.dropdown .btn { background-color: var(--uux-app-btnNegativeHoverBg); border-color: var(--uux-app-btnNegativeHoverBorder); } body.highcontrast .btn-sm, body.highcontrast .btn-small, body.highcontrast .btn-xs, body[class*="theme-"] .btn-sm, body[class*="theme-"] .btn-small, body[class*="theme-"] .btn-xs { box-shadow: 1px 2px var(--uux-theme-blackNeutralShadow); font-size: 12px; line-height: 1.5; } body.highcontrast .btn-sm.btn-icon, body.highcontrast .btn-small.btn-icon, body.highcontrast .btn-xs.btn-icon, body[class*="theme-"] .btn-sm.btn-icon, body[class*="theme-"] .btn-small.btn-icon, body[class*="theme-"] .btn-xs.btn-icon { box-shadow: none; } body.highcontrast .btn-group > .btn + .btn, body[class*="theme-"] .btn-group > .btn + .btn { margin-right: 0; } body.highcontrast .btn-group .btn, body[class*="theme-"] .btn-group .btn { border-radius: 0; } body.highcontrast .btn-group .btn:first-of-type, body[class*="theme-"] .btn-group .btn:first-of-type { border-radius: var(--uux-app-btnBorderRadius) 0 0 var(--uux-app-btnBorderRadius); } body.highcontrast .btn-group .btn:last-of-type, body[class*="theme-"] .btn-group .btn:last-of-type { border-radius: 0 var(--uux-app-btnBorderRadius) var(--uux-app-btnBorderRadius) 0; } body.highcontrast .btn-bar .btn + .btn, body[class*="theme-"] .btn-bar .btn + .btn { margin-left: 15px; } body.highcontrast .btn-primary, body[class*="theme-"] .btn-primary { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); border-color: var(--uux-app-btnPrimaryBg); } body.highcontrast .btn-primary:focus, body.highcontrast .btn-primary:hover, body[class*="theme-"] .btn-primary:focus, body[class*="theme-"] .btn-primary:hover { background-color: var(--uux-app-btnPrimaryHoverBg); border-color: var(--uux-app-btnPrimaryHoverBg); color: var(--uux-app-btnPrimaryHoverContrast); } .open body.highcontrast .btn-primary.dropdown-toggle, .open body[class*="theme-"] .btn-primary.dropdown-toggle, body.highcontrast .btn-primary.active, body.highcontrast .btn-primary:active, body[class*="theme-"] .btn-primary.active, body[class*="theme-"] .btn-primary:active { background-color: var(--uux-app-btnPrimaryActiveBg); border-color: var(--uux-app-btnPrimaryActiveBorder); color: var(--uux-app-btnPrimaryActiveContrast); } body.highcontrast .btn-primary.disabled:active, body.highcontrast .btn-primary.disabled:focus, body.highcontrast .btn-primary.disabled:hover, body.highcontrast .btn-primary[disabled]:active, body.highcontrast .btn-primary[disabled]:focus, body.highcontrast .btn-primary[disabled]:hover, body[class*="theme-"] .btn-primary.disabled:active, body[class*="theme-"] .btn-primary.disabled:focus, body[class*="theme-"] .btn-primary.disabled:hover, body[class*="theme-"] .btn-primary[disabled]:active, body[class*="theme-"] .btn-primary[disabled]:focus, body[class*="theme-"] .btn-primary[disabled]:hover, fieldset[disabled] body.highcontrast .btn-primary:active, fieldset[disabled] body.highcontrast .btn-primary:focus, fieldset[disabled] body.highcontrast .btn-primary:hover, fieldset[disabled] body[class*="theme-"] .btn-primary:active, fieldset[disabled] body[class*="theme-"] .btn-primary:focus, fieldset[disabled] body[class*="theme-"] .btn-primary:hover { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .btn-primary .caret, body[class*="theme-"] .btn-primary .caret { border-top: 4px solid var(--uux-app-btnPrimaryContrast); } body.highcontrast .btn-negative, body[class*="theme-"] .btn-negative { background-color: var(--uux-app-btnNegativeBg); border: 1px solid var(--uux-app-btnNegativeBorder); color: var(--uux-app-btnNegativeContrast); } body.highcontrast .btn-negative:focus, body.highcontrast .btn-negative:hover, body[class*="theme-"] .btn-negative:focus, body[class*="theme-"] .btn-negative:hover { background-color: var(--uux-app-btnNegativeHoverBg); border-color: var(--uux-app-btnNegativeHoverBorder); color: var(--uux-app-btnNegativeHoverContrast); } .open body.highcontrast .btn-negative.dropdown-toggle, .open body[class*="theme-"] .btn-negative.dropdown-toggle, body.highcontrast .btn-negative.active, body.highcontrast .btn-negative:active, body[class*="theme-"] .btn-negative.active, body[class*="theme-"] .btn-negative:active { background-color: var(--uux-app-btnNegativeActiveBg); border-color: var(--uux-app-btnNegativeActiveBorder); color: var(--uux-app-btnNegativeActiveContrast); } body.highcontrast .btn-negative.disabled:active, body.highcontrast .btn-negative.disabled:focus, body.highcontrast .btn-negative.disabled:hover, body.highcontrast .btn-negative[disabled]:active, body.highcontrast .btn-negative[disabled]:focus, body.highcontrast .btn-negative[disabled]:hover, body[class*="theme-"] .btn-negative.disabled:active, body[class*="theme-"] .btn-negative.disabled:focus, body[class*="theme-"] .btn-negative.disabled:hover, body[class*="theme-"] .btn-negative[disabled]:active, body[class*="theme-"] .btn-negative[disabled]:focus, body[class*="theme-"] .btn-negative[disabled]:hover, fieldset[disabled] body.highcontrast .btn-negative:active, fieldset[disabled] body.highcontrast .btn-negative:focus, fieldset[disabled] body.highcontrast .btn-negative:hover, fieldset[disabled] body[class*="theme-"] .btn-negative:active, fieldset[disabled] body[class*="theme-"] .btn-negative:focus, fieldset[disabled] body[class*="theme-"] .btn-negative:hover { background-color: var(--uux-app-btnNegativeBg); color: var(--uux-app-btnNegativeContrast); } body.highcontrast .dropdown.open .btn-primary .caret, body[class*="theme-"] .dropdown.open .btn-primary .caret { border-bottom: 4px solid var(--uux-app-btnPrimaryContrast); border-top: 0 none; } body.highcontrast .btn-link, body.highcontrast .btn-link:active, body.highcontrast .btn-link[disabled], body.highcontrast fieldset[disabled] .btn-link, body[class*="theme-"] .btn-link, body[class*="theme-"] .btn-link:active, body[class*="theme-"] .btn-link[disabled], body[class*="theme-"] fieldset[disabled] .btn-link { box-shadow: none; background-color: var(--t-top-a0); border: none; } body.highcontrast .btn-link, body[class*="theme-"] .btn-link { transition: none; background-color: var(--t-top-a0) !important; border-color: var(--t-top-a0) !important; box-shadow: none; color: var(--uux-app-linkColor) !important; padding-left: 0 !important; padding-right: 0 !important; } body.highcontrast .btn-link.active, body.highcontrast .btn-link:active, body.highcontrast .btn-link:focus, body.highcontrast .btn-link:hover, body[class*="theme-"] .btn-link.active, body[class*="theme-"] .btn-link:active, body[class*="theme-"] .btn-link:focus, body[class*="theme-"] .btn-link:hover { color: var(--uux-app-linkHover); text-decoration: underline; } body.highcontrast .btn-link.active > [class*=" icon-"], body.highcontrast .btn-link.active > [class^="icon-"], body.highcontrast .btn-link:active > [class*=" icon-"], body.highcontrast .btn-link:active > [class^="icon-"], body.highcontrast .btn-link:focus > [class*=" icon-"], body.highcontrast .btn-link:focus > [class^="icon-"], body.highcontrast .btn-link:hover > [class*=" icon-"], body.highcontrast .btn-link:hover > [class^="icon-"], body[class*="theme-"] .btn-link.active > [class*=" icon-"], body[class*="theme-"] .btn-link.active > [class^="icon-"], body[class*="theme-"] .btn-link:active > [class*=" icon-"], body[class*="theme-"] .btn-link:active > [class^="icon-"], body[class*="theme-"] .btn-link:focus > [class*=" icon-"], body[class*="theme-"] .btn-link:focus > [class^="icon-"], body[class*="theme-"] .btn-link:hover > [class*=" icon-"], body[class*="theme-"] .btn-link:hover > [class^="icon-"] { text-decoration: none; } body.highcontrast .btn-link:hover, body[class*="theme-"] .btn-link:hover { box-shadow: none; } body.highcontrast .btn-link:focus, body[class*="theme-"] .btn-link:focus { box-shadow: var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast .btn-link.disabled, body.highcontrast .btn-link.disabled:active, body.highcontrast .btn-link.disabled:focus, body.highcontrast .btn-link.disabled:hover, body.highcontrast .btn-link[disabled], body.highcontrast .btn-link[disabled]:active, body.highcontrast .btn-link[disabled]:focus, body.highcontrast .btn-link[disabled]:hover, body[class*="theme-"] .btn-link.disabled, body[class*="theme-"] .btn-link.disabled:active, body[class*="theme-"] .btn-link.disabled:focus, body[class*="theme-"] .btn-link.disabled:hover, body[class*="theme-"] .btn-link[disabled], body[class*="theme-"] .btn-link[disabled]:active, body[class*="theme-"] .btn-link[disabled]:focus, body[class*="theme-"] .btn-link[disabled]:hover, fieldset[disabled] body.highcontrast .btn-link, fieldset[disabled] body.highcontrast .btn-link:active, fieldset[disabled] body.highcontrast .btn-link:focus, fieldset[disabled] body.highcontrast .btn-link:hover, fieldset[disabled] body[class*="theme-"] .btn-link, fieldset[disabled] body[class*="theme-"] .btn-link:active, fieldset[disabled] body[class*="theme-"] .btn-link:focus, fieldset[disabled] body[class*="theme-"] .btn-link:hover { background-color: var(--t-top-a0) !important; border-color: var(--t-top-a0) !important; color: var(--uux-app-disabledLinkColor); text-decoration: none; } body.highcontrast .btn-transparent, body[class*="theme-"] .btn-transparent { background-color: transparent; border-style: none; font-weight: 400; color: var(--uux-app-btnNeutralContrast); cursor: pointer; border-radius: 0; } body.highcontrast .btn-transparent:focus, body.highcontrast .btn-transparent:hover, body[class*="theme-"] .btn-transparent:focus, body[class*="theme-"] .btn-transparent:hover { text-decoration: underline; border-style: none; outline: 0; } body.highcontrast .btn-icon, body[class*="theme-"] .btn-icon { background-color: var(--t-top-a0); border: 1px solid var(--t-top-a0); font-size: 24px; border-radius: 0; } body.highcontrast .btn-icon.active, body.highcontrast .btn-icon:active, body.highcontrast .btn-icon:focus, body.highcontrast .btn-icon:hover, body[class*="theme-"] .btn-icon.active, body[class*="theme-"] .btn-icon:active, body[class*="theme-"] .btn-icon:focus, body[class*="theme-"] .btn-icon:hover { background-color: var(--uux-app-btnIconHoverBg); border-color: transparent; color: var(--uux-app-btnIconHoverColor); text-decoration: none; } body.highcontrast .btn-icon.disabled, body.highcontrast .btn-icon.disabled:active, body.highcontrast .btn-icon.disabled:focus, body.highcontrast .btn-icon.disabled:hover, body.highcontrast .btn-icon[disabled], body.highcontrast .btn-icon[disabled]:active, body.highcontrast .btn-icon[disabled]:focus, body.highcontrast .btn-icon[disabled]:hover, body[class*="theme-"] .btn-icon.disabled, body[class*="theme-"] .btn-icon.disabled:active, body[class*="theme-"] .btn-icon.disabled:focus, body[class*="theme-"] .btn-icon.disabled:hover, body[class*="theme-"] .btn-icon[disabled], body[class*="theme-"] .btn-icon[disabled]:active, body[class*="theme-"] .btn-icon[disabled]:focus, body[class*="theme-"] .btn-icon[disabled]:hover, fieldset[disabled] body.highcontrast .btn-icon, fieldset[disabled] body.highcontrast .btn-icon:active, fieldset[disabled] body.highcontrast .btn-icon:focus, fieldset[disabled] body.highcontrast .btn-icon:hover, fieldset[disabled] body[class*="theme-"] .btn-icon, fieldset[disabled] body[class*="theme-"] .btn-icon:active, fieldset[disabled] body[class*="theme-"] .btn-icon:focus, fieldset[disabled] body[class*="theme-"] .btn-icon:hover { box-shadow: none; background-color: var(--t-top-a0); border: 1px solid var(--t-top-a0); color: var(--uux-theme-grayDarkNeutral); text-decoration: none; } body.highcontrast .btn-icon.btn-sm, body.highcontrast .btn-icon.btn-xs, body[class*="theme-"] .btn-icon.btn-sm, body[class*="theme-"] .btn-icon.btn-xs { background: var(--t-top-a0); } body.highcontrast .button-wrapper:hover .btn-icon.dark, body[class*="theme-"] .button-wrapper:hover .btn-icon.dark { color: var(--uux-theme-primary) !important; border-color: var(--uux-theme-primary); background-color: var(--uux-theme-white); } body.highcontrast .button-wrapper:hover .btn-icon.dark:after, body.highcontrast .button-wrapper:hover .btn-icon.dark:before, body[class*="theme-"] .button-wrapper:hover .btn-icon.dark:after, body[class*="theme-"] .button-wrapper:hover .btn-icon.dark:before { border-color: var(--uux-theme-primary); background-color: var(--uux-theme-white); } body.highcontrast .btn-large, body.highcontrast .btn-lg, body[class*="theme-"] .btn-large, body[class*="theme-"] .btn-lg { font-size: 16px; border-radius: var(--uux-app-btnBorderRadius); } body.highcontrast .btn-full-width, body[class*="theme-"] .btn-full-width { text-align: center; } body.highcontrast .btn-group.icon-button-group > .btn, body[class*="theme-"] .btn-group.icon-button-group > .btn { background: var(--uux-theme-white); border: 1px solid var(--uux-theme-grayLightNeutral); color: inherit; text-align: center; } body.highcontrast .btn-group.icon-button-group > .btn.active, body[class*="theme-"] .btn-group.icon-button-group > .btn.active { color: var(--uux-theme-primary); } body.highcontrast .btn-group.icon-button-group > .btn [class*=" icon-"], body.highcontrast .btn-group.icon-button-group > .btn [class^="icon-"], body[class*="theme-"] .btn-group.icon-button-group > .btn [class*=" icon-"], body[class*="theme-"] .btn-group.icon-button-group > .btn [class^="icon-"] { text-align: center; } body.highcontrast .btn-group.icon-button-group > .btn [class*=" icon-"]:before, body.highcontrast .btn-group.icon-button-group > .btn [class^="icon-"]:before, body[class*="theme-"] .btn-group.icon-button-group > .btn [class*=" icon-"]:before, body[class*="theme-"] .btn-group.icon-button-group > .btn [class^="icon-"]:before { font-size: 23px; line-height: 14px; margin: 0; } body.highcontrast .btn, body[class*="theme-"] .btn { position: relative; padding: 10px 18px; line-height: 20px; } body.highcontrast .btn:not(.btn-icon) [class*=" icon-"]:before, body.highcontrast .btn:not(.btn-icon) [class^="icon-"]:before, body[class*="theme-"] .btn:not(.btn-icon) [class*=" icon-"]:before, body[class*="theme-"] .btn:not(.btn-icon) [class^="icon-"]:before { font-size: 24px; margin-right: -1px; vertical-align: middle; width: 21px; } body.highcontrast .btn.btn-small-icon [class*=" icon-"]:before, body.highcontrast .btn.btn-small-icon [class^="icon-"]:before, body[class*="theme-"] .btn.btn-small-icon [class*=" icon-"]:before, body[class*="theme-"] .btn.btn-small-icon [class^="icon-"]:before { font-size: inherit; vertical-align: middle; width: 18px; line-height: inherit; } body.highcontrast .btn.btn-big-icon, body[class*="theme-"] .btn.btn-big-icon { padding: 3px 15px 4px 19px; } body.highcontrast .btn.btn-big-icon > [class*=" icon-"]:before, body.highcontrast .btn.btn-big-icon > [class^="icon-"]:before, body[class*="theme-"] .btn.btn-big-icon > [class*=" icon-"]:before, body[class*="theme-"] .btn.btn-big-icon > [class^="icon-"]:before { font-size: 36px; line-height: 36px; } body.highcontrast .btn.btn-force-height, body[class*="theme-"] .btn.btn-force-height { height: 45px; } body.highcontrast .btn.btn-fab, body[class*="theme-"] .btn.btn-fab { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); border-color: var(--uux-app-btnPrimaryBg); align-items: center; border-radius: 50%; bottom: 1rem; display: flex; height: 56px; justify-content: center; padding: 0; position: fixed; right: 1rem; width: 56px; z-index: 1; } body.highcontrast .btn.btn-fab:focus, body.highcontrast .btn.btn-fab:hover, body[class*="theme-"] .btn.btn-fab:focus, body[class*="theme-"] .btn.btn-fab:hover { background-color: var(--uux-app-btnPrimaryHoverBg); border-color: var(--uux-app-btnPrimaryHoverBg); color: var(--uux-app-btnPrimaryHoverContrast); } .open body.highcontrast .btn.btn-fab.dropdown-toggle, .open body[class*="theme-"] .btn.btn-fab.dropdown-toggle, body.highcontrast .btn.btn-fab.active, body.highcontrast .btn.btn-fab:active, body[class*="theme-"] .btn.btn-fab.active, body[class*="theme-"] .btn.btn-fab:active { background-color: var(--uux-app-btnPrimaryActiveBg); border-color: var(--uux-app-btnPrimaryActiveBorder); color: var(--uux-app-btnPrimaryActiveContrast); } body.highcontrast .btn.btn-fab.disabled:active, body.highcontrast .btn.btn-fab.disabled:focus, body.highcontrast .btn.btn-fab.disabled:hover, body.highcontrast .btn.btn-fab[disabled]:active, body.highcontrast .btn.btn-fab[disabled]:focus, body.highcontrast .btn.btn-fab[disabled]:hover, body[class*="theme-"] .btn.btn-fab.disabled:active, body[class*="theme-"] .btn.btn-fab.disabled:focus, body[class*="theme-"] .btn.btn-fab.disabled:hover, body[class*="theme-"] .btn.btn-fab[disabled]:active, body[class*="theme-"] .btn.btn-fab[disabled]:focus, body[class*="theme-"] .btn.btn-fab[disabled]:hover, fieldset[disabled] body.highcontrast .btn.btn-fab:active, fieldset[disabled] body.highcontrast .btn.btn-fab:focus, fieldset[disabled] body.highcontrast .btn.btn-fab:hover, fieldset[disabled] body[class*="theme-"] .btn.btn-fab:active, fieldset[disabled] body[class*="theme-"] .btn.btn-fab:focus, fieldset[disabled] body[class*="theme-"] .btn.btn-fab:hover { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .btn.btn-fab .caret, body[class*="theme-"] .btn.btn-fab .caret { border-top: 4px solid var(--uux-app-btnPrimaryContrast); } @media screen and (min-width: 768px) { body.highcontrast .btn.btn-fab, body[class*="theme-"] .btn.btn-fab { bottom: auto; position: absolute; top: 0; transform: translateY(50%); } } body.highcontrast .btn.btn-fab.btn [class*=" icon-"]:before, body[class*="theme-"] .btn.btn-fab.btn [class*=" icon-"]:before { margin: 0; width: auto; } body.highcontrast .btn + .btn[class*="pull-right"], body[class*="theme-"] .btn + .btn[class*="pull-right"] { margin-right: 10px; } body.highcontrast .btn-slim, body[class*="theme-"] .btn-slim { padding-left: 11px; padding-right: 11px; } body.highcontrast .toggle-group .btn-group .btn, body[class*="theme-"] .toggle-group .btn-group .btn { padding-left: 15px; padding-right: 15px; } body.highcontrast .btn-link, body[class*="theme-"] .btn-link { padding-right: 0; } body.highcontrast .btn-link > [class*=" icon-"], body.highcontrast .btn-link > [class^="icon-"], body[class*="theme-"] .btn-link > [class*=" icon-"], body[class*="theme-"] .btn-link > [class^="icon-"] { display: inline-block; vertical-align: top; } body.highcontrast .btn-link > [class*=" icon-"].left-icon:before, body.highcontrast .btn-link > [class^="icon-"].left-icon:before, body[class*="theme-"] .btn-link > [class*=" icon-"].left-icon:before, body[class*="theme-"] .btn-link > [class^="icon-"].left-icon:before { margin-left: 0; margin-right: 0.2em; } body.highcontrast .btn-icon, body[class*="theme-"] .btn-icon { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; box-sizing: border-box; box-shadow: none; height: 42px; line-height: 41px !important; padding: 0 5px; width: 42px; } body.highcontrast .btn-icon [class*=" icon-"]:before, body.highcontrast .btn-icon [class^="icon-"]:before, body[class*="theme-"] .btn-icon [class*=" icon-"]:before, body[class*="theme-"] .btn-icon [class^="icon-"]:before { margin: 0; width: auto; } body.highcontrast .btn-icon.btn-sm, body.highcontrast .btn-icon.btn-xs, body[class*="theme-"] .btn-icon.btn-sm, body[class*="theme-"] .btn-icon.btn-xs { font-size: 18px; height: 32px; line-height: 1em !important; width: 32px; } body.highcontrast .btn-icon .elip, body[class*="theme-"] .btn-icon .elip { margin-top: -5px; } body.highcontrast .btn-icon .icon-multiple_user:after, body[class*="theme-"] .btn-icon .icon-multiple_user:after { top: -33%; } body.highcontrast .btn-icon .icon-no_view:after, body[class*="theme-"] .btn-icon .icon-no_view:after { bottom: -15%; } body.highcontrast .btn-large, body.highcontrast .btn-lg, body[class*="theme-"] .btn-large, body[class*="theme-"] .btn-lg { padding: 12px 19px 11px; } body.highcontrast .btn-sm, body.highcontrast .btn-small, body.highcontrast .btn-xs, body[class*="theme-"] .btn-sm, body[class*="theme-"] .btn-small, body[class*="theme-"] .btn-xs { padding: 5px 10px 7px; } body.highcontrast .btn-sm:not(.btn-icon) [class*=" icon-"]:after, body.highcontrast .btn-sm:not(.btn-icon) [class*=" icon-"]:before, body.highcontrast .btn-sm:not(.btn-icon) [class^="icon-"]:after, body.highcontrast .btn-sm:not(.btn-icon) [class^="icon-"]:before, body.highcontrast .btn-small:not(.btn-icon) [class*=" icon-"]:after, body.highcontrast .btn-small:not(.btn-icon) [class*=" icon-"]:before, body.highcontrast .btn-small:not(.btn-icon) [class^="icon-"]:after, body.highcontrast .btn-small:not(.btn-icon) [class^="icon-"]:before, body.highcontrast .btn-xs:not(.btn-icon) [class*=" icon-"]:after, body.highcontrast .btn-xs:not(.btn-icon) [class*=" icon-"]:before, body.highcontrast .btn-xs:not(.btn-icon) [class^="icon-"]:after, body.highcontrast .btn-xs:not(.btn-icon) [class^="icon-"]:before, body[class*="theme-"] .btn-sm:not(.btn-icon) [class*=" icon-"]:after, body[class*="theme-"] .btn-sm:not(.btn-icon) [class*=" icon-"]:before, body[class*="theme-"] .btn-sm:not(.btn-icon) [class^="icon-"]:after, body[class*="theme-"] .btn-sm:not(.btn-icon) [class^="icon-"]:before, body[class*="theme-"] .btn-small:not(.btn-icon) [class*=" icon-"]:after, body[class*="theme-"] .btn-small:not(.btn-icon) [class*=" icon-"]:before, body[class*="theme-"] .btn-small:not(.btn-icon) [class^="icon-"]:after, body[class*="theme-"] .btn-small:not(.btn-icon) [class^="icon-"]:before, body[class*="theme-"] .btn-xs:not(.btn-icon) [class*=" icon-"]:after, body[class*="theme-"] .btn-xs:not(.btn-icon) [class*=" icon-"]:before, body[class*="theme-"] .btn-xs:not(.btn-icon) [class^="icon-"]:after, body[class*="theme-"] .btn-xs:not(.btn-icon) [class^="icon-"]:before { font-size: 14px; line-height: 18px; } body.highcontrast .btn-xs, body[class*="theme-"] .btn-xs { padding: 1px 5px; } body.highcontrast .btn-container, body[class*="theme-"] .btn-container { margin-top: 45px; margin-bottom: 45px; } @media screen and (max-width: 480px) { body.highcontrast .btn-container .btn, body.highcontrast .btn-container q2-btn, body[class*="theme-"] .btn-container .btn, body[class*="theme-"] .btn-container q2-btn { display: block; flex-shrink: 0; width: 100%; margin-top: 15px; } body.highcontrast .btn-container .btn:first-child, body.highcontrast .btn-container q2-btn:first-child, body[class*="theme-"] .btn-container .btn:first-child, body[class*="theme-"] .btn-container q2-btn:first-child { margin-top: 0; } } @media screen and (min-width: 481px) { body.highcontrast .btn-container, body[class*="theme-"] .btn-container { display: flex; flex-direction: row-reverse; } body.highcontrast .btn-container .btn:not(:last-child), body.highcontrast .btn-container q2-btn:not(:last-child), body[class*="theme-"] .btn-container .btn:not(:last-child), body[class*="theme-"] .btn-container q2-btn:not(:last-child) { margin-left: 15px; } body.highcontrast .btn-container q2-btn .btn, body.highcontrast .btn-container.btn-flexed .btn, body[class*="theme-"] .btn-container q2-btn .btn, body[class*="theme-"] .btn-container.btn-flexed .btn { flex: 1; max-width: 50%; } body.highcontrast .btn-container.dom-order, body[class*="theme-"] .btn-container.dom-order { flex-direction: row; justify-content: flex-end; } body.highcontrast .btn-container.dom-order .btn:not(:last-child), body.highcontrast .btn-container.dom-order q2-btn:not(:last-child), body[class*="theme-"] .btn-container.dom-order .btn:not(:last-child), body[class*="theme-"] .btn-container.dom-order q2-btn:not(:last-child) { margin-left: 0; margin-right: 15px; } } body.highcontrast .dl-standard, body[class*="theme-"] .dl-standard { display: grid; column-gap: 15px; grid-column-gap: 15px; grid-template-columns: auto; justify-items: stretch; } @media screen and (min-width: 768px) { body.highcontrast .dl-standard, body[class*="theme-"] .dl-standard { grid-template-columns: auto auto; margin: 0 0 15px; row-gap: 15px; grid-row-gap: 15px; } body.highcontrast .dl-standard dt, body[class*="theme-"] .dl-standard dt { text-align: right; } } body.highcontrast .dl-standard dd, body.highcontrast .dl-standard dt, body[class*="theme-"] .dl-standard dd, body[class*="theme-"] .dl-standard dt { grid-column-end: 2; grid-column-start: 1; margin: 0; } body.highcontrast .dl-standard dd, body[class*="theme-"] .dl-standard dd { margin-bottom: 15px; } @media screen and (min-width: 768px) { body.highcontrast .dl-standard dd, body[class*="theme-"] .dl-standard dd { grid-column-end: 3; grid-column-start: 2; margin-bottom: 0; text-align: left; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(1), body[class*="theme-"] .dl-standard dt:nth-of-type(1) { grid-row-end: 3; grid-row-start: 3; } body.highcontrast .dl-standard dd:nth-of-type(1), body[class*="theme-"] .dl-standard dd:nth-of-type(1) { grid-row-end: 4; grid-row-start: 4; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(1), body.highcontrast .dl-standard dt:nth-of-type(1), body[class*="theme-"] .dl-standard dd:nth-of-type(1), body[class*="theme-"] .dl-standard dt:nth-of-type(1) { grid-row-end: 3; grid-row-start: 2; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(2), body[class*="theme-"] .dl-standard dt:nth-of-type(2) { grid-row-end: 5; grid-row-start: 5; } body.highcontrast .dl-standard dd:nth-of-type(2), body[class*="theme-"] .dl-standard dd:nth-of-type(2) { grid-row-end: 6; grid-row-start: 6; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(2), body.highcontrast .dl-standard dt:nth-of-type(2), body[class*="theme-"] .dl-standard dd:nth-of-type(2), body[class*="theme-"] .dl-standard dt:nth-of-type(2) { grid-row-end: 4; grid-row-start: 3; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(3), body[class*="theme-"] .dl-standard dt:nth-of-type(3) { grid-row-end: 7; grid-row-start: 7; } body.highcontrast .dl-standard dd:nth-of-type(3), body[class*="theme-"] .dl-standard dd:nth-of-type(3) { grid-row-end: 8; grid-row-start: 8; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(3), body.highcontrast .dl-standard dt:nth-of-type(3), body[class*="theme-"] .dl-standard dd:nth-of-type(3), body[class*="theme-"] .dl-standard dt:nth-of-type(3) { grid-row-end: 5; grid-row-start: 4; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(4), body[class*="theme-"] .dl-standard dt:nth-of-type(4) { grid-row-end: 9; grid-row-start: 9; } body.highcontrast .dl-standard dd:nth-of-type(4), body[class*="theme-"] .dl-standard dd:nth-of-type(4) { grid-row-end: 10; grid-row-start: 10; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(4), body.highcontrast .dl-standard dt:nth-of-type(4), body[class*="theme-"] .dl-standard dd:nth-of-type(4), body[class*="theme-"] .dl-standard dt:nth-of-type(4) { grid-row-end: 6; grid-row-start: 5; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(5), body[class*="theme-"] .dl-standard dt:nth-of-type(5) { grid-row-end: 11; grid-row-start: 11; } body.highcontrast .dl-standard dd:nth-of-type(5), body[class*="theme-"] .dl-standard dd:nth-of-type(5) { grid-row-end: 12; grid-row-start: 12; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(5), body.highcontrast .dl-standard dt:nth-of-type(5), body[class*="theme-"] .dl-standard dd:nth-of-type(5), body[class*="theme-"] .dl-standard dt:nth-of-type(5) { grid-row-end: 7; grid-row-start: 6; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(6), body[class*="theme-"] .dl-standard dt:nth-of-type(6) { grid-row-end: 13; grid-row-start: 13; } body.highcontrast .dl-standard dd:nth-of-type(6), body[class*="theme-"] .dl-standard dd:nth-of-type(6) { grid-row-end: 14; grid-row-start: 14; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(6), body.highcontrast .dl-standard dt:nth-of-type(6), body[class*="theme-"] .dl-standard dd:nth-of-type(6), body[class*="theme-"] .dl-standard dt:nth-of-type(6) { grid-row-end: 8; grid-row-start: 7; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(7), body[class*="theme-"] .dl-standard dt:nth-of-type(7) { grid-row-end: 15; grid-row-start: 15; } body.highcontrast .dl-standard dd:nth-of-type(7), body[class*="theme-"] .dl-standard dd:nth-of-type(7) { grid-row-end: 16; grid-row-start: 16; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(7), body.highcontrast .dl-standard dt:nth-of-type(7), body[class*="theme-"] .dl-standard dd:nth-of-type(7), body[class*="theme-"] .dl-standard dt:nth-of-type(7) { grid-row-end: 9; grid-row-start: 8; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(8), body[class*="theme-"] .dl-standard dt:nth-of-type(8) { grid-row-end: 17; grid-row-start: 17; } body.highcontrast .dl-standard dd:nth-of-type(8), body[class*="theme-"] .dl-standard dd:nth-of-type(8) { grid-row-end: 18; grid-row-start: 18; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(8), body.highcontrast .dl-standard dt:nth-of-type(8), body[class*="theme-"] .dl-standard dd:nth-of-type(8), body[class*="theme-"] .dl-standard dt:nth-of-type(8) { grid-row-end: 10; grid-row-start: 9; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(9), body[class*="theme-"] .dl-standard dt:nth-of-type(9) { grid-row-end: 19; grid-row-start: 19; } body.highcontrast .dl-standard dd:nth-of-type(9), body[class*="theme-"] .dl-standard dd:nth-of-type(9) { grid-row-end: 20; grid-row-start: 20; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(9), body.highcontrast .dl-standard dt:nth-of-type(9), body[class*="theme-"] .dl-standard dd:nth-of-type(9), body[class*="theme-"] .dl-standard dt:nth-of-type(9) { grid-row-end: 11; grid-row-start: 10; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt:nth-of-type(10), body[class*="theme-"] .dl-standard dt:nth-of-type(10) { grid-row-end: 21; grid-row-start: 21; } body.highcontrast .dl-standard dd:nth-of-type(10), body[class*="theme-"] .dl-standard dd:nth-of-type(10) { grid-row-end: 22; grid-row-start: 22; } body.highcontrast .dl-standard dd, body.highcontrast .dl-standard dt, body[class*="theme-"] .dl-standard dd, body[class*="theme-"] .dl-standard dt { margin-bottom: 15px; } } @media screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px) { body.highcontrast .dl-standard dd:nth-of-type(10), body.highcontrast .dl-standard dt:nth-of-type(10), body[class*="theme-"] .dl-standard dd:nth-of-type(10), body[class*="theme-"] .dl-standard dt:nth-of-type(10) { grid-row-end: 12; grid-row-start: 11; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .dl-standard dt, body[class*="theme-"] .dl-standard dt { margin-right: 15px; } } body.highcontrast .featured-hade-list, body[class*="theme-"] .featured-hade-list { margin: 15px 0; display: flex; width: 100%; } body.highcontrast .featured-hade-list .featured-hade, body[class*="theme-"] .featured-hade-list .featured-hade { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; padding-left: 10px; padding-right: 10px; border-left: 1px solid var(--uux-theme-grayLight); } body.highcontrast .featured-hade-list .featured-hade dt, body[class*="theme-"] .featured-hade-list .featured-hade dt { order: 1; font-weight: 400; } body.highcontrast .featured-hade-list .featured-hade dd, body[class*="theme-"] .featured-hade-list .featured-hade dd { font-size: 20px; font-weight: 600; } body.highcontrast .featured-hade-list .featured-hade:nth-of-type(odd), body[class*="theme-"] .featured-hade-list .featured-hade:nth-of-type(odd) { border-left: 0; } @media screen and (min-width: 768px) { body.highcontrast .featured-hade-list .featured-hade, body[class*="theme-"] .featured-hade-list .featured-hade { flex: auto; } body.highcontrast .featured-hade-list .featured-hade dd, body[class*="theme-"] .featured-hade-list .featured-hade dd { font-size: 20px; } body.highcontrast .featured-hade-list .featured-hade:nth-of-type(odd), body[class*="theme-"] .featured-hade-list .featured-hade:nth-of-type(odd) { border-left: 1px solid var(--uux-theme-grayLight); } body.highcontrast .featured-hade-list .featured-hade:last-of-type, body[class*="theme-"] .featured-hade-list .featured-hade:last-of-type { padding-right: 0; } body.highcontrast .featured-hade-list .featured-hade:first-of-type, body[class*="theme-"] .featured-hade-list .featured-hade:first-of-type { padding-left: 0; border-left: 0; } } @media print, screen and (min-width: 480px) { body.highcontrast .featured-hade-list, body[class*="theme-"] .featured-hade-list { margin: auto; width: auto; } body.highcontrast .featured-hade-list .featured-hade, body[class*="theme-"] .featured-hade-list .featured-hade { flex: none; } } body.highcontrast.sectioned-content .content-wrapper, body[class*="theme-"].sectioned-content .content-wrapper { background-color: var(--uux-app-sectionedContentBg); } body.highcontrast.sectioned-content .content-wrapper .content, body[class*="theme-"].sectioned-content .content-wrapper .content { background-color: inherit; } body.highcontrast .standard-hade-list dd, body.highcontrast .standard-hade-list dt, body[class*="theme-"] .standard-hade-list dd, body[class*="theme-"] .standard-hade-list dt { line-height: 20px; } body.highcontrast .standard-hade-list dt, body[class*="theme-"] .standard-hade-list dt { font-weight: 600; } body.highcontrast .standard-hade-list dd > .ui-currency.currency, body[class*="theme-"] .standard-hade-list dd > .ui-currency.currency { color: var(--uux-app-textColor); } @media screen { body.highcontrast .standard-hade-list .hade-detail, body[class*="theme-"] .standard-hade-list .hade-detail { margin: 10px 0; } body.highcontrast .standard-hade-list dd, body[class*="theme-"] .standard-hade-list dd { padding: 5px 0; } } @media print { body.highcontrast .standard-hade-list, body[class*="theme-"] .standard-hade-list { display: flex; flex-wrap: wrap; } body.highcontrast .standard-hade-list .hade-detail, body[class*="theme-"] .standard-hade-list .hade-detail { width: 50%; margin: 5px 0; display: flex; justify-content: space-between; } body.highcontrast .standard-hade-list .hade-detail:nth-child(odd), body[class*="theme-"] .standard-hade-list .hade-detail:nth-child(odd) { padding-right: 10px; } body.highcontrast .standard-hade-list .hade-detail:nth-child(even), body[class*="theme-"] .standard-hade-list .hade-detail:nth-child(even) { padding-left: 10px; } body.highcontrast .standard-hade-list dt, body[class*="theme-"] .standard-hade-list dt { margin-right: var(--app-scale-1); } body.highcontrast .standard-hade-list dd, body[class*="theme-"] .standard-hade-list dd { margin-left: var(--app-scale-1); text-align: right; } } body.highcontrast .q2-row, body[class*="theme-"] .q2-row { display: flex; flex-flow: row wrap; margin: var(--app-scale-0) calc(var(--app-scale-3) * -1 / 2); } body.highcontrast .q2-row.no-gutters, body[class*="theme-"] .q2-row.no-gutters { margin: var(--app-scale-0); } body.highcontrast .q2-row.no-gutters .q2-col, body[class*="theme-"] .q2-row.no-gutters .q2-col { padding: var(--app-scale-0); } body.highcontrast .q2-row.left-align-columns, body[class*="theme-"] .q2-row.left-align-columns { justify-content: flex-start; } body.highcontrast .q2-row.center-align-columns, body[class*="theme-"] .q2-row.center-align-columns { justify-content: center; } body.highcontrast .q2-row.right-align-columns, body[class*="theme-"] .q2-row.right-align-columns { justify-content: flex-end; } body.highcontrast .q2-row.top-align-columns, body[class*="theme-"] .q2-row.top-align-columns { align-items: flex-start; } body.highcontrast .q2-row.v-center-align-columns, body[class*="theme-"] .q2-row.v-center-align-columns { align-items: center; } body.highcontrast .q2-row.bottom-align-columns, body[class*="theme-"] .q2-row.bottom-align-columns { align-items: flex-end; } body.highcontrast .q2-row .q2-col, body[class*="theme-"] .q2-row .q2-col { flex: 1 1 auto; box-sizing: border-box; padding: var(--app-scale-0) calc(var(--app-scale-3) / 2); } body.highcontrast .q2-row .q2-col.xs-1, body[class*="theme-"] .q2-row .q2-col.xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } body.highcontrast .q2-row .q2-col.xs-offset-1, body[class*="theme-"] .q2-row .q2-col.xs-offset-1 { margin-left: 8.3333333333%; } body.highcontrast .q2-row .q2-col.xs-2, body[class*="theme-"] .q2-row .q2-col.xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } body.highcontrast .q2-row .q2-col.xs-offset-2, body[class*="theme-"] .q2-row .q2-col.xs-offset-2 { margin-left: 16.6666666667%; } body.highcontrast .q2-row .q2-col.xs-3, body[class*="theme-"] .q2-row .q2-col.xs-3 { flex: 0 0 25%; max-width: 25%; } body.highcontrast .q2-row .q2-col.xs-offset-3, body[class*="theme-"] .q2-row .q2-col.xs-offset-3 { margin-left: 25%; } body.highcontrast .q2-row .q2-col.xs-4, body[class*="theme-"] .q2-row .q2-col.xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } body.highcontrast .q2-row .q2-col.xs-offset-4, body[class*="theme-"] .q2-row .q2-col.xs-offset-4 { margin-left: 33.3333333333%; } body.highcontrast .q2-row .q2-col.xs-5, body[class*="theme-"] .q2-row .q2-col.xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } body.highcontrast .q2-row .q2-col.xs-offset-5, body[class*="theme-"] .q2-row .q2-col.xs-offset-5 { margin-left: 41.6666666667%; } body.highcontrast .q2-row .q2-col.xs-6, body[class*="theme-"] .q2-row .q2-col.xs-6 { flex: 0 0 50%; max-width: 50%; } body.highcontrast .q2-row .q2-col.xs-offset-6, body[class*="theme-"] .q2-row .q2-col.xs-offset-6 { margin-left: 50%; } body.highcontrast .q2-row .q2-col.xs-7, body[class*="theme-"] .q2-row .q2-col.xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } body.highcontrast .q2-row .q2-col.xs-offset-7, body[class*="theme-"] .q2-row .q2-col.xs-offset-7 { margin-left: 58.3333333333%; } body.highcontrast .q2-row .q2-col.xs-8, body[class*="theme-"] .q2-row .q2-col.xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } body.highcontrast .q2-row .q2-col.xs-offset-8, body[class*="theme-"] .q2-row .q2-col.xs-offset-8 { margin-left: 66.6666666667%; } body.highcontrast .q2-row .q2-col.xs-9, body[class*="theme-"] .q2-row .q2-col.xs-9 { flex: 0 0 75%; max-width: 75%; } body.highcontrast .q2-row .q2-col.xs-offset-9, body[class*="theme-"] .q2-row .q2-col.xs-offset-9 { margin-left: 75%; } body.highcontrast .q2-row .q2-col.xs-10, body[class*="theme-"] .q2-row .q2-col.xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } body.highcontrast .q2-row .q2-col.xs-offset-10, body[class*="theme-"] .q2-row .q2-col.xs-offset-10 { margin-left: 83.3333333333%; } body.highcontrast .q2-row .q2-col.xs-11, body[class*="theme-"] .q2-row .q2-col.xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } body.highcontrast .q2-row .q2-col.xs-offset-11, body[class*="theme-"] .q2-row .q2-col.xs-offset-11 { margin-left: 91.6666666667%; } body.highcontrast .q2-row .q2-col.xs-12, body[class*="theme-"] .q2-row .q2-col.xs-12 { flex: 0 0 100%; max-width: 100%; } body.highcontrast .q2-row .q2-col.xs-offset-12, body[class*="theme-"] .q2-row .q2-col.xs-offset-12 { margin-left: 100%; } @media screen and (min-width: 768px) { body.highcontrast .q2-row .q2-col.sm-1, body[class*="theme-"] .q2-row .q2-col.sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } body.highcontrast .q2-row .q2-col.sm-offset-1, body[class*="theme-"] .q2-row .q2-col.sm-offset-1 { margin-left: 8.3333333333%; } body.highcontrast .q2-row .q2-col.sm-2, body[class*="theme-"] .q2-row .q2-col.sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } body.highcontrast .q2-row .q2-col.sm-offset-2, body[class*="theme-"] .q2-row .q2-col.sm-offset-2 { margin-left: 16.6666666667%; } body.highcontrast .q2-row .q2-col.sm-3, body[class*="theme-"] .q2-row .q2-col.sm-3 { flex: 0 0 25%; max-width: 25%; } body.highcontrast .q2-row .q2-col.sm-offset-3, body[class*="theme-"] .q2-row .q2-col.sm-offset-3 { margin-left: 25%; } body.highcontrast .q2-row .q2-col.sm-4, body[class*="theme-"] .q2-row .q2-col.sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } body.highcontrast .q2-row .q2-col.sm-offset-4, body[class*="theme-"] .q2-row .q2-col.sm-offset-4 { margin-left: 33.3333333333%; } body.highcontrast .q2-row .q2-col.sm-5, body[class*="theme-"] .q2-row .q2-col.sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } body.highcontrast .q2-row .q2-col.sm-offset-5, body[class*="theme-"] .q2-row .q2-col.sm-offset-5 { margin-left: 41.6666666667%; } body.highcontrast .q2-row .q2-col.sm-6, body[class*="theme-"] .q2-row .q2-col.sm-6 { flex: 0 0 50%; max-width: 50%; } body.highcontrast .q2-row .q2-col.sm-offset-6, body[class*="theme-"] .q2-row .q2-col.sm-offset-6 { margin-left: 50%; } body.highcontrast .q2-row .q2-col.sm-7, body[class*="theme-"] .q2-row .q2-col.sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } body.highcontrast .q2-row .q2-col.sm-offset-7, body[class*="theme-"] .q2-row .q2-col.sm-offset-7 { margin-left: 58.3333333333%; } body.highcontrast .q2-row .q2-col.sm-8, body[class*="theme-"] .q2-row .q2-col.sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } body.highcontrast .q2-row .q2-col.sm-offset-8, body[class*="theme-"] .q2-row .q2-col.sm-offset-8 { margin-left: 66.6666666667%; } body.highcontrast .q2-row .q2-col.sm-9, body[class*="theme-"] .q2-row .q2-col.sm-9 { flex: 0 0 75%; max-width: 75%; } body.highcontrast .q2-row .q2-col.sm-offset-9, body[class*="theme-"] .q2-row .q2-col.sm-offset-9 { margin-left: 75%; } body.highcontrast .q2-row .q2-col.sm-10, body[class*="theme-"] .q2-row .q2-col.sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } body.highcontrast .q2-row .q2-col.sm-offset-10, body[class*="theme-"] .q2-row .q2-col.sm-offset-10 { margin-left: 83.3333333333%; } body.highcontrast .q2-row .q2-col.sm-11, body[class*="theme-"] .q2-row .q2-col.sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } body.highcontrast .q2-row .q2-col.sm-offset-11, body[class*="theme-"] .q2-row .q2-col.sm-offset-11 { margin-left: 91.6666666667%; } body.highcontrast .q2-row .q2-col.sm-12, body[class*="theme-"] .q2-row .q2-col.sm-12 { flex: 0 0 100%; max-width: 100%; } body.highcontrast .q2-row .q2-col.sm-offset-12, body[class*="theme-"] .q2-row .q2-col.sm-offset-12 { margin-left: 100%; } } @media screen and (min-width: 992px) { body.highcontrast .q2-row .q2-col.md-1, body[class*="theme-"] .q2-row .q2-col.md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } body.highcontrast .q2-row .q2-col.md-offset-1, body[class*="theme-"] .q2-row .q2-col.md-offset-1 { margin-left: 8.3333333333%; } body.highcontrast .q2-row .q2-col.md-2, body[class*="theme-"] .q2-row .q2-col.md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } body.highcontrast .q2-row .q2-col.md-offset-2, body[class*="theme-"] .q2-row .q2-col.md-offset-2 { margin-left: 16.6666666667%; } body.highcontrast .q2-row .q2-col.md-3, body[class*="theme-"] .q2-row .q2-col.md-3 { flex: 0 0 25%; max-width: 25%; } body.highcontrast .q2-row .q2-col.md-offset-3, body[class*="theme-"] .q2-row .q2-col.md-offset-3 { margin-left: 25%; } body.highcontrast .q2-row .q2-col.md-4, body[class*="theme-"] .q2-row .q2-col.md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } body.highcontrast .q2-row .q2-col.md-offset-4, body[class*="theme-"] .q2-row .q2-col.md-offset-4 { margin-left: 33.3333333333%; } body.highcontrast .q2-row .q2-col.md-5, body[class*="theme-"] .q2-row .q2-col.md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } body.highcontrast .q2-row .q2-col.md-offset-5, body[class*="theme-"] .q2-row .q2-col.md-offset-5 { margin-left: 41.6666666667%; } body.highcontrast .q2-row .q2-col.md-6, body[class*="theme-"] .q2-row .q2-col.md-6 { flex: 0 0 50%; max-width: 50%; } body.highcontrast .q2-row .q2-col.md-offset-6, body[class*="theme-"] .q2-row .q2-col.md-offset-6 { margin-left: 50%; } body.highcontrast .q2-row .q2-col.md-7, body[class*="theme-"] .q2-row .q2-col.md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } body.highcontrast .q2-row .q2-col.md-offset-7, body[class*="theme-"] .q2-row .q2-col.md-offset-7 { margin-left: 58.3333333333%; } body.highcontrast .q2-row .q2-col.md-8, body[class*="theme-"] .q2-row .q2-col.md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } body.highcontrast .q2-row .q2-col.md-offset-8, body[class*="theme-"] .q2-row .q2-col.md-offset-8 { margin-left: 66.6666666667%; } body.highcontrast .q2-row .q2-col.md-9, body[class*="theme-"] .q2-row .q2-col.md-9 { flex: 0 0 75%; max-width: 75%; } body.highcontrast .q2-row .q2-col.md-offset-9, body[class*="theme-"] .q2-row .q2-col.md-offset-9 { margin-left: 75%; } body.highcontrast .q2-row .q2-col.md-10, body[class*="theme-"] .q2-row .q2-col.md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } body.highcontrast .q2-row .q2-col.md-offset-10, body[class*="theme-"] .q2-row .q2-col.md-offset-10 { margin-left: 83.3333333333%; } body.highcontrast .q2-row .q2-col.md-11, body[class*="theme-"] .q2-row .q2-col.md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } body.highcontrast .q2-row .q2-col.md-offset-11, body[class*="theme-"] .q2-row .q2-col.md-offset-11 { margin-left: 91.6666666667%; } body.highcontrast .q2-row .q2-col.md-12, body[class*="theme-"] .q2-row .q2-col.md-12 { flex: 0 0 100%; max-width: 100%; } body.highcontrast .q2-row .q2-col.md-offset-12, body[class*="theme-"] .q2-row .q2-col.md-offset-12 { margin-left: 100%; } } @media screen and (min-width: 1200px) { body.highcontrast .q2-row .q2-col.lg-1, body[class*="theme-"] .q2-row .q2-col.lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } body.highcontrast .q2-row .q2-col.lg-offset-1, body[class*="theme-"] .q2-row .q2-col.lg-offset-1 { margin-left: 8.3333333333%; } body.highcontrast .q2-row .q2-col.lg-2, body[class*="theme-"] .q2-row .q2-col.lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } body.highcontrast .q2-row .q2-col.lg-offset-2, body[class*="theme-"] .q2-row .q2-col.lg-offset-2 { margin-left: 16.6666666667%; } body.highcontrast .q2-row .q2-col.lg-3, body[class*="theme-"] .q2-row .q2-col.lg-3 { flex: 0 0 25%; max-width: 25%; } body.highcontrast .q2-row .q2-col.lg-offset-3, body[class*="theme-"] .q2-row .q2-col.lg-offset-3 { margin-left: 25%; } body.highcontrast .q2-row .q2-col.lg-4, body[class*="theme-"] .q2-row .q2-col.lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } body.highcontrast .q2-row .q2-col.lg-offset-4, body[class*="theme-"] .q2-row .q2-col.lg-offset-4 { margin-left: 33.3333333333%; } body.highcontrast .q2-row .q2-col.lg-5, body[class*="theme-"] .q2-row .q2-col.lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } body.highcontrast .q2-row .q2-col.lg-offset-5, body[class*="theme-"] .q2-row .q2-col.lg-offset-5 { margin-left: 41.6666666667%; } body.highcontrast .q2-row .q2-col.lg-6, body[class*="theme-"] .q2-row .q2-col.lg-6 { flex: 0 0 50%; max-width: 50%; } body.highcontrast .q2-row .q2-col.lg-offset-6, body[class*="theme-"] .q2-row .q2-col.lg-offset-6 { margin-left: 50%; } body.highcontrast .q2-row .q2-col.lg-7, body[class*="theme-"] .q2-row .q2-col.lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } body.highcontrast .q2-row .q2-col.lg-offset-7, body[class*="theme-"] .q2-row .q2-col.lg-offset-7 { margin-left: 58.3333333333%; } body.highcontrast .q2-row .q2-col.lg-8, body[class*="theme-"] .q2-row .q2-col.lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } body.highcontrast .q2-row .q2-col.lg-offset-8, body[class*="theme-"] .q2-row .q2-col.lg-offset-8 { margin-left: 66.6666666667%; } body.highcontrast .q2-row .q2-col.lg-9, body[class*="theme-"] .q2-row .q2-col.lg-9 { flex: 0 0 75%; max-width: 75%; } body.highcontrast .q2-row .q2-col.lg-offset-9, body[class*="theme-"] .q2-row .q2-col.lg-offset-9 { margin-left: 75%; } body.highcontrast .q2-row .q2-col.lg-10, body[class*="theme-"] .q2-row .q2-col.lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } body.highcontrast .q2-row .q2-col.lg-offset-10, body[class*="theme-"] .q2-row .q2-col.lg-offset-10 { margin-left: 83.3333333333%; } body.highcontrast .q2-row .q2-col.lg-11, body[class*="theme-"] .q2-row .q2-col.lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } body.highcontrast .q2-row .q2-col.lg-offset-11, body[class*="theme-"] .q2-row .q2-col.lg-offset-11 { margin-left: 91.6666666667%; } body.highcontrast .q2-row .q2-col.lg-12, body[class*="theme-"] .q2-row .q2-col.lg-12 { flex: 0 0 100%; max-width: 100%; } body.highcontrast .q2-row .q2-col.lg-offset-12, body[class*="theme-"] .q2-row .q2-col.lg-offset-12 { margin-left: 100%; } body.highcontrast table.multipay-table, body[class*="theme-"] table.multipay-table { table-layout: fixed; } } body.highcontrast .q2-row .q2-col.left-align, body[class*="theme-"] .q2-row .q2-col.left-align { margin-right: auto; } body.highcontrast .q2-row .q2-col.center-align, body[class*="theme-"] .q2-row .q2-col.center-align { margin-left: auto; margin-right: auto; } body.highcontrast .q2-row .q2-col.right-align, body[class*="theme-"] .q2-row .q2-col.right-align { margin-left: auto; } body.highcontrast .q2-row .q2-col.top-align, body[class*="theme-"] .q2-row .q2-col.top-align { align-self: flex-start; } body.highcontrast .q2-row .q2-col.v-center-align, body[class*="theme-"] .q2-row .q2-col.v-center-align { align-self: center; } body.highcontrast .q2-row .q2-col.bottom-align, body[class*="theme-"] .q2-row .q2-col.bottom-align { align-self: flex-end; } body.highcontrast .datatable-clean, body[class*="theme-"] .datatable-clean { padding: 0 15px; } body.highcontrast .datatable-clean.datatable-clean-no-padding, body[class*="theme-"] .datatable-clean.datatable-clean-no-padding { padding: 0; } body.highcontrast .datatable-clean .datatable-row, body[class*="theme-"] .datatable-clean .datatable-row { padding: 8px; min-height: 59px; } body.highcontrast .datatable-clean.list, body[class*="theme-"] .datatable-clean.list { padding: 0; } body.highcontrast .datatable-clean.list .datatable-header, body.highcontrast .datatable-clean.list .datatable-row, body[class*="theme-"] .datatable-clean.list .datatable-header, body[class*="theme-"] .datatable-clean.list .datatable-row { align-items: center; display: flex; padding: 0; width: 100%; } body.highcontrast .datatable-clean.list .datatable-header > div, body.highcontrast .datatable-clean.list .datatable-row > div, body[class*="theme-"] .datatable-clean.list .datatable-header > div, body[class*="theme-"] .datatable-clean.list .datatable-row > div { padding: 8px 5px; } body.highcontrast .datatable-clean table, body[class*="theme-"] .datatable-clean table { border-collapse: collapse; } body.highcontrast .datatable-clean table .datatable-footer, body.highcontrast .datatable-clean table caption, body[class*="theme-"] .datatable-clean table .datatable-footer, body[class*="theme-"] .datatable-clean table caption { min-height: 29px; padding: 15px; background-color: var(--uux-theme-whiteNeutral); } body.highcontrast .datatable-clean table caption, body[class*="theme-"] .datatable-clean table caption { caption-side: bottom; box-sizing: border-box; width: 100%; } body.highcontrast .datatable-clean table tbody > tr > td, body.highcontrast .datatable-clean table thead > tr > th, body[class*="theme-"] .datatable-clean table tbody > tr > td, body[class*="theme-"] .datatable-clean table thead > tr > th { padding: 8px 5px; height: 43px; } body.highcontrast .datatable-clean table tbody > tr > td .dropdown a.btn-link, body.highcontrast .datatable-clean table thead > tr > th .dropdown a.btn-link, body[class*="theme-"] .datatable-clean table tbody > tr > td .dropdown a.btn-link, body[class*="theme-"] .datatable-clean table thead > tr > th .dropdown a.btn-link { padding: 0; } body.highcontrast .datatable-clean table tbody > tr > td:first-child, body.highcontrast .datatable-clean table thead > tr > th:first-child, body[class*="theme-"] .datatable-clean table tbody > tr > td:first-child, body[class*="theme-"] .datatable-clean table thead > tr > th:first-child { padding-left: 15px; } body.highcontrast .datatable-clean table tbody > tr > td:last-child, body.highcontrast .datatable-clean table thead > tr > th:last-child, body[class*="theme-"] .datatable-clean table tbody > tr > td:last-child, body[class*="theme-"] .datatable-clean table thead > tr > th:last-child { padding-right: 15px; } body.highcontrast .datatable-clean table thead .datatable-sorting-header, body[class*="theme-"] .datatable-clean table thead .datatable-sorting-header { padding: 0; } body.highcontrast .datatable-clean table thead .datatable-sorting-header:first-child, body[class*="theme-"] .datatable-clean table thead .datatable-sorting-header:first-child { padding-left: 10px; } body.highcontrast .datatable-clean table tbody > tr.datatable-detail-row > td, body[class*="theme-"] .datatable-clean table tbody > tr.datatable-detail-row > td { padding: 8px; } body.highcontrast .datatable-clean table.sticky-header-footer, body.highcontrast .datatable-clean table.table-scroll, body[class*="theme-"] .datatable-clean table.sticky-header-footer, body[class*="theme-"] .datatable-clean table.table-scroll { caption-side: bottom; margin: 0; } body.highcontrast .datatable-clean table.sticky-header-footer tbody, body.highcontrast .datatable-clean table.table-scroll tbody, body[class*="theme-"] .datatable-clean table.sticky-header-footer tbody, body[class*="theme-"] .datatable-clean table.table-scroll tbody { max-height: 470px; } body.highcontrast .datatable-clean table.sticky-header-footer td.expand-icon, body.highcontrast .datatable-clean table.sticky-header-footer th.expand-icon, body.highcontrast .datatable-clean table.table-scroll td.expand-icon, body.highcontrast .datatable-clean table.table-scroll th.expand-icon, body[class*="theme-"] .datatable-clean table.sticky-header-footer td.expand-icon, body[class*="theme-"] .datatable-clean table.sticky-header-footer th.expand-icon, body[class*="theme-"] .datatable-clean table.table-scroll td.expand-icon, body[class*="theme-"] .datatable-clean table.table-scroll th.expand-icon { font-size: 24px; width: 4%; padding-left: 6px; } body.highcontrast .datatable-clean table.sticky-header-footer td.type, body.highcontrast .datatable-clean table.sticky-header-footer th.type, body.highcontrast .datatable-clean table.table-scroll td.type, body.highcontrast .datatable-clean table.table-scroll th.type, body[class*="theme-"] .datatable-clean table.sticky-header-footer td.type, body[class*="theme-"] .datatable-clean table.sticky-header-footer th.type, body[class*="theme-"] .datatable-clean table.table-scroll td.type, body[class*="theme-"] .datatable-clean table.table-scroll th.type { width: 30%; } body.highcontrast .datatable-clean table.sticky-header-footer td.checkbox-icon, body.highcontrast .datatable-clean table.sticky-header-footer th.checkbox-icon, body.highcontrast .datatable-clean table.table-scroll td.checkbox-icon, body.highcontrast .datatable-clean table.table-scroll th.checkbox-icon, body[class*="theme-"] .datatable-clean table.sticky-header-footer td.checkbox-icon, body[class*="theme-"] .datatable-clean table.sticky-header-footer th.checkbox-icon, body[class*="theme-"] .datatable-clean table.table-scroll td.checkbox-icon, body[class*="theme-"] .datatable-clean table.table-scroll th.checkbox-icon { width: 4%; } body.highcontrast .datatable-clean table.sticky-header-footer td.user, body.highcontrast .datatable-clean table.sticky-header-footer th.user, body.highcontrast .datatable-clean table.table-scroll td.user, body.highcontrast .datatable-clean table.table-scroll th.user, body[class*="theme-"] .datatable-clean table.sticky-header-footer td.user, body[class*="theme-"] .datatable-clean table.sticky-header-footer th.user, body[class*="theme-"] .datatable-clean table.table-scroll td.user, body[class*="theme-"] .datatable-clean table.table-scroll th.user { width: 17%; } body.highcontrast .datatable-clean table.sticky-header-footer .send-on .send-on td.amount, body.highcontrast .datatable-clean table.sticky-header-footer .send-on .send-on td.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer .send-on .send-on th.amount, body.highcontrast .datatable-clean table.sticky-header-footer .send-on .send-on th.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-confirm td.amount, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-confirm td.payment-review, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-confirm td.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-confirm th.amount, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-confirm th.payment-review, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-confirm th.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-review td.amount, body.highcontrast .datatable-clean table.sticky-header-footer .send-on.multipay-review th.amount, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table .send-on td.amount, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table .send-on td.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table .send-on th.amount, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table .send-on th.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm td.amount, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm td.payment-review, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm td.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm th.amount, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm th.payment-review, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm th.payment-status, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-review td.amount, body.highcontrast .datatable-clean table.sticky-header-footer.multipay-table.multipay-review th.amount, body.highcontrast .datatable-clean table.table-scroll .send-on .send-on td.amount, body.highcontrast .datatable-clean table.table-scroll .send-on .send-on td.payment-status, body.highcontrast .datatable-clean table.table-scroll .send-on .send-on th.amount, body.highcontrast .datatable-clean table.table-scroll .send-on .send-on th.payment-status, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-confirm td.amount, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-confirm td.payment-review, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-confirm td.payment-status, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-confirm th.amount, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-confirm th.payment-review, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-confirm th.payment-status, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-review td.amount, body.highcontrast .datatable-clean table.table-scroll .send-on.multipay-review th.amount, body.highcontrast .datatable-clean table.table-scroll.multipay-table .send-on td.amount, body.highcontrast .datatable-clean table.table-scroll.multipay-table .send-on td.payment-status, body.highcontrast .datatable-clean table.table-scroll.multipay-table .send-on th.amount, body.highcontrast .datatable-clean table.table-scroll.multipay-table .send-on th.payment-status, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-confirm td.amount, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-confirm td.payment-review, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-confirm td.payment-status, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-confirm th.amount, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-confirm th.payment-review, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-confirm th.payment-status, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-review td.amount, body.highcontrast .datatable-clean table.table-scroll.multipay-table.multipay-review th.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on .send-on td.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on .send-on td.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on .send-on th.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on .send-on th.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-confirm td.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-confirm td.payment-review, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-confirm td.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-confirm th.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-confirm th.payment-review, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-confirm th.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-review td.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer .send-on.multipay-review th.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table .send-on td.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table .send-on td.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table .send-on th.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table .send-on th.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm td.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm td.payment-review, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm td.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm th.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm th.payment-review, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-confirm th.payment-status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-review td.amount, body[class*="theme-"] .datatable-clean table.sticky-header-footer.multipay-table.multipay-review th.amount, body[class*="theme-"] .datatable-clean table.table-scroll .send-on .send-on td.amount, body[class*="theme-"] .datatable-clean table.table-scroll .send-on .send-on td.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll .send-on .send-on th.amount, body[class*="theme-"] .datatable-clean table.table-scroll .send-on .send-on th.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-confirm td.amount, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-confirm td.payment-review, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-confirm td.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-confirm th.amount, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-confirm th.payment-review, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-confirm th.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-review td.amount, body[class*="theme-"] .datatable-clean table.table-scroll .send-on.multipay-review th.amount, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table .send-on td.amount, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table .send-on td.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table .send-on th.amount, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table .send-on th.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-confirm td.amount, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-confirm td.payment-review, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-confirm td.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-confirm th.amount, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-confirm th.payment-review, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-confirm th.payment-status, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-review td.amount, body[class*="theme-"] .datatable-clean table.table-scroll.multipay-table.multipay-review th.amount { text-align: right; } body.highcontrast .datatable-clean table.sticky-header-footer.treasury td.status, body.highcontrast .datatable-clean table.sticky-header-footer.treasury th.status, body.highcontrast .datatable-clean table.table-scroll.treasury td.status, body.highcontrast .datatable-clean table.table-scroll.treasury th.status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury td.status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury th.status, body[class*="theme-"] .datatable-clean table.table-scroll.treasury td.status, body[class*="theme-"] .datatable-clean table.table-scroll.treasury th.status { width: 9%; } body.highcontrast .datatable-clean table.sticky-header-footer.treasury td.approvals, body.highcontrast .datatable-clean table.sticky-header-footer.treasury th.approvals, body.highcontrast .datatable-clean table.table-scroll.treasury td.approvals, body.highcontrast .datatable-clean table.table-scroll.treasury th.approvals, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury td.approvals, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury th.approvals, body[class*="theme-"] .datatable-clean table.table-scroll.treasury td.approvals, body[class*="theme-"] .datatable-clean table.table-scroll.treasury th.approvals { width: 10%; } body.highcontrast .datatable-clean table.sticky-header-footer.treasury td.type, body.highcontrast .datatable-clean table.sticky-header-footer.treasury th.type, body.highcontrast .datatable-clean table.table-scroll.treasury td.type, body.highcontrast .datatable-clean table.table-scroll.treasury th.type, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury td.type, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury th.type, body[class*="theme-"] .datatable-clean table.table-scroll.treasury td.type, body[class*="theme-"] .datatable-clean table.table-scroll.treasury th.type { width: 26%; } body.highcontrast .datatable-clean table.sticky-header-footer.treasury td.account, body.highcontrast .datatable-clean table.sticky-header-footer.treasury th.account, body.highcontrast .datatable-clean table.table-scroll.treasury td.account, body.highcontrast .datatable-clean table.table-scroll.treasury th.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury td.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.treasury th.account, body[class*="theme-"] .datatable-clean table.table-scroll.treasury td.account, body[class*="theme-"] .datatable-clean table.table-scroll.treasury th.account { width: 18%; } body.highcontrast .datatable-clean table.sticky-header-footer.recurring td.account, body.highcontrast .datatable-clean table.sticky-header-footer.recurring th.account, body.highcontrast .datatable-clean table.table-scroll.recurring td.account, body.highcontrast .datatable-clean table.table-scroll.recurring th.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.recurring td.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.recurring th.account, body[class*="theme-"] .datatable-clean table.table-scroll.recurring td.account, body[class*="theme-"] .datatable-clean table.table-scroll.recurring th.account { width: 27%; } body.highcontrast .datatable-clean table.sticky-header-footer.recurring.treasury td.account, body.highcontrast .datatable-clean table.sticky-header-footer.recurring.treasury th.account, body.highcontrast .datatable-clean table.table-scroll.recurring.treasury td.account, body.highcontrast .datatable-clean table.table-scroll.recurring.treasury th.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.recurring.treasury td.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.recurring.treasury th.account, body[class*="theme-"] .datatable-clean table.table-scroll.recurring.treasury td.account, body[class*="theme-"] .datatable-clean table.table-scroll.recurring.treasury th.account { width: 22%; } body.highcontrast .datatable-clean table.sticky-header-footer.rdc td.check-number, body.highcontrast .datatable-clean table.sticky-header-footer.rdc td.date, body.highcontrast .datatable-clean table.sticky-header-footer.rdc td.status, body.highcontrast .datatable-clean table.sticky-header-footer.rdc th.check-number, body.highcontrast .datatable-clean table.sticky-header-footer.rdc th.date, body.highcontrast .datatable-clean table.sticky-header-footer.rdc th.status, body.highcontrast .datatable-clean table.table-scroll.rdc td.check-number, body.highcontrast .datatable-clean table.table-scroll.rdc td.date, body.highcontrast .datatable-clean table.table-scroll.rdc td.status, body.highcontrast .datatable-clean table.table-scroll.rdc th.check-number, body.highcontrast .datatable-clean table.table-scroll.rdc th.date, body.highcontrast .datatable-clean table.table-scroll.rdc th.status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc td.check-number, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc td.date, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc td.status, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc th.check-number, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc th.date, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc th.status, body[class*="theme-"] .datatable-clean table.table-scroll.rdc td.check-number, body[class*="theme-"] .datatable-clean table.table-scroll.rdc td.date, body[class*="theme-"] .datatable-clean table.table-scroll.rdc td.status, body[class*="theme-"] .datatable-clean table.table-scroll.rdc th.check-number, body[class*="theme-"] .datatable-clean table.table-scroll.rdc th.date, body[class*="theme-"] .datatable-clean table.table-scroll.rdc th.status { width: 15%; } body.highcontrast .datatable-clean table.sticky-header-footer.rdc td.account, body.highcontrast .datatable-clean table.sticky-header-footer.rdc th.account, body.highcontrast .datatable-clean table.table-scroll.rdc td.account, body.highcontrast .datatable-clean table.table-scroll.rdc th.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc td.account, body[class*="theme-"] .datatable-clean table.sticky-header-footer.rdc th.account, body[class*="theme-"] .datatable-clean table.table-scroll.rdc td.account, body[class*="theme-"] .datatable-clean table.table-scroll.rdc th.account { width: 40%; } @media screen and (max-width: 767px) { body.highcontrast .datatable-clean .datatable-row, body[class*="theme-"] .datatable-clean .datatable-row { padding: 4px; min-height: 45px; } body.highcontrast .datatable-clean .datatable-detail-row, body[class*="theme-"] .datatable-clean .datatable-detail-row { padding: 4px; } body.highcontrast .datatable-clean table caption, body[class*="theme-"] .datatable-clean table caption { min-height: 35px; padding: 5px; } body.highcontrast .datatable-clean table tbody > tr > td, body[class*="theme-"] .datatable-clean table tbody > tr > td { padding: 4px 5px; height: 37px; } body.highcontrast .datatable-clean table tbody > tr > td:first-child, body[class*="theme-"] .datatable-clean table tbody > tr > td:first-child { padding-left: 5px; } body.highcontrast .datatable-clean table tbody > tr > td:last-child, body[class*="theme-"] .datatable-clean table tbody > tr > td:last-child { padding-right: 5px; } body.highcontrast .datatable-clean table thead > tr > th, body[class*="theme-"] .datatable-clean table thead > tr > th { padding: 4px 5px; height: 37px; } body.highcontrast .datatable-clean table thead > tr > th:first-child, body[class*="theme-"] .datatable-clean table thead > tr > th:first-child { padding-left: 5px; } body.highcontrast .datatable-clean table thead > tr > th:last-child, body[class*="theme-"] .datatable-clean table thead > tr > th:last-child { padding-right: 5px; } body.highcontrast .datatable-clean table tbody > tr.datatable-detail-row > td, body[class*="theme-"] .datatable-clean table tbody > tr.datatable-detail-row > td { padding: 4px 20px; } body.highcontrast .datatable-clean table tbody > tr.datatable-date-row > td, body[class*="theme-"] .datatable-clean table tbody > tr.datatable-date-row > td { height: 27px; padding: 0 5px; } } body.highcontrast .datatable-clean .datatable-clean-filter-drawer, body[class*="theme-"] .datatable-clean .datatable-clean-filter-drawer { margin: 16px 0 0; padding: 24px 0; } body.highcontrast .datatable-clean.table-with-detail-view .selected-detail .data-form .df-tab-content, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td .data-form .df-tab-content, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th .data-form .df-tab-content, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped .selected-detail .data-form .df-tab-content, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td .data-form .df-tab-content, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th .data-form .df-tab-content, body[class*="theme-"] .datatable-clean.table-with-detail-view .selected-detail .data-form .df-tab-content, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td .data-form .df-tab-content, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th .data-form .df-tab-content, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped .selected-detail .data-form .df-tab-content, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td .data-form .df-tab-content, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th .data-form .df-tab-content { padding: 0; margin: 0; } body.highcontrast .datatable-clean .datatable-clean-filter-drawer:after, body[class*="theme-"] .datatable-clean .datatable-clean-filter-drawer:after { content: ""; display: block; clear: both; } body.highcontrast .datatable-clean.table-with-detail-view .unselected-detail, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.unselected-detail > td, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.unselected-detail > th, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped .unselected-detail, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.unselected-detail > td, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.unselected-detail > th, body[class*="theme-"] .datatable-clean.table-with-detail-view .unselected-detail, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.unselected-detail > td, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.unselected-detail > th, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped .unselected-detail, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.unselected-detail > td, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.unselected-detail > th { display: none; } body.highcontrast .datatable-clean .datatable-header, body.highcontrast .datatable-clean thead, body[class*="theme-"] .datatable-clean .datatable-header, body[class*="theme-"] .datatable-clean thead { border-bottom: var(--uux-app-datatableCleanHeaderBorderWidth) solid var(--uux-app-datatableCleanHeaderBorderColor); z-index: 1; } body.highcontrast .datatable-clean .datatable-header:not(.ui-sticky), body[class*="theme-"] .datatable-clean .datatable-header:not(.ui-sticky) { position: relative; z-index: 2; } body.highcontrast .datatable-clean .datatable-footer, body.highcontrast .datatable-clean caption, body[class*="theme-"] .datatable-clean .datatable-footer, body[class*="theme-"] .datatable-clean caption { border-top: var(--uux-app-datatableCleanHeaderBorderWidth) solid var(--uux-app-datatableCleanHeaderBorderColor); } body.highcontrast .datatable-clean .datatable-row, body[class*="theme-"] .datatable-clean .datatable-row { border-top: 1px solid var(--uux-app-datatableCleanRowBorderColor); border-bottom: 1px solid var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast .datatable-clean .datatable-row:last-child, body[class*="theme-"] .datatable-clean .datatable-row:last-child { border-bottom: 0; } body.highcontrast .datatable-clean .sticky-header-footer_sticky-wrapper .datatable-footer, body.highcontrast .datatable-clean .sticky-header-footer_sticky-wrapper .datatable-header, body.highcontrast .datatable-clean .sticky-header-footer_sticky-wrapper caption, body.highcontrast .datatable-clean .sticky-header-footer_sticky-wrapper thead, body.highcontrast .datatable-clean .ui-sticky.datatable-footer, body.highcontrast .datatable-clean .ui-sticky.datatable-header, body[class*="theme-"] .datatable-clean .sticky-header-footer_sticky-wrapper .datatable-footer, body[class*="theme-"] .datatable-clean .sticky-header-footer_sticky-wrapper .datatable-header, body[class*="theme-"] .datatable-clean .sticky-header-footer_sticky-wrapper caption, body[class*="theme-"] .datatable-clean .sticky-header-footer_sticky-wrapper thead, body[class*="theme-"] .datatable-clean .ui-sticky.datatable-footer, body[class*="theme-"] .datatable-clean .ui-sticky.datatable-header { background: var(--uux-app-datatableCleanHeaderBg); } body.highcontrast .datatable-clean thead.ui-sticky, body[class*="theme-"] .datatable-clean thead.ui-sticky { border-bottom: none; } body.highcontrast .datatable-clean thead.ui-sticky th, body[class*="theme-"] .datatable-clean thead.ui-sticky th { box-shadow: inset 0 calc(-1 * var(--uux-app-datatableCleanHeaderBorderWidth)) 0 var(--uux-app-datatableCleanHeaderBorderColor); } body.highcontrast .datatable-clean thead th, body[class*="theme-"] .datatable-clean thead th { font-weight: 400; background: var(--uux-app-datatableCleanHeaderBg); } body.highcontrast .datatable-clean tbody > tr > td, body.highcontrast .datatable-clean tbody > tr > th, body.highcontrast .datatable-clean thead > tr > th, body[class*="theme-"] .datatable-clean tbody > tr > td, body[class*="theme-"] .datatable-clean tbody > tr > th, body[class*="theme-"] .datatable-clean thead > tr > th { border: 0; vertical-align: middle; } body.highcontrast .datatable-clean tbody > tr.datatable-detail-row > td > h4, body[class*="theme-"] .datatable-clean tbody > tr.datatable-detail-row > td > h4 { border-bottom: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean tbody > tr.selected.transaction-summary td, body[class*="theme-"] .datatable-clean tbody > tr.selected.transaction-summary td { background: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .datatable-clean tbody > tr.selected.transaction-detail td, body[class*="theme-"] .datatable-clean tbody > tr.selected.transaction-detail td { background: var(--uux-app-datatableCleanSelectedRowDetailBg); } body.highcontrast .datatable-clean:not(.datatable-clean-stripes) tbody > tr > td, body.highcontrast .datatable-clean:not(.datatable-clean-stripes) tbody > tr > th, body[class*="theme-"] .datatable-clean:not(.datatable-clean-stripes) tbody > tr > td, body[class*="theme-"] .datatable-clean:not(.datatable-clean-stripes) tbody > tr > th { border-bottom: 1px solid var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast .datatable-clean.sticky-header-footer td.expand-icon, body.highcontrast .datatable-clean.sticky-header-footer th.expand-icon, body.highcontrast .datatable-clean.table-scroll td.expand-icon, body.highcontrast .datatable-clean.table-scroll th.expand-icon, body[class*="theme-"] .datatable-clean.sticky-header-footer td.expand-icon, body[class*="theme-"] .datatable-clean.sticky-header-footer th.expand-icon, body[class*="theme-"] .datatable-clean.table-scroll td.expand-icon, body[class*="theme-"] .datatable-clean.table-scroll th.expand-icon { color: var(--uux-app-datatableLinkColor); } body.highcontrast .datatable-clean.table-with-detail-view .datatable-row:hover, body.highcontrast .datatable-clean.table-with-detail-view .selected .datatable-row, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped .datatable-row:hover, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped .selected .datatable-row, body[class*="theme-"] .datatable-clean.table-with-detail-view .datatable-row:hover, body[class*="theme-"] .datatable-clean.table-with-detail-view .selected .datatable-row, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped .datatable-row:hover, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped .selected .datatable-row { background: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .datatable-clean.table-with-detail-view .selected .datatable-row, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped .selected .datatable-row, body[class*="theme-"] .datatable-clean.table-with-detail-view .selected .datatable-row, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped .selected .datatable-row { border-left: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); border-right: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean.table-with-detail-view .selected-detail, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped .selected-detail, body[class*="theme-"] .datatable-clean.table-with-detail-view .selected-detail, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped .selected-detail { background: var(--uux-app-datatableCleanSelectedRowDetailBg); border: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); border-bottom: 0; } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > td, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > th, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr:hover > td, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr:hover > th, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr:hover > td, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr:hover > th, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > td, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > th, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr:hover > td, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr:hover > th, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr:hover > td, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr:hover > th { background: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > td, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > th, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > td, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > th, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th { border-top: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > td:first-of-type, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > th:first-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td:first-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > td:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > th:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th:first-of-type { border-left: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > td:last-of-type, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected > th:last-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td:last-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > td:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected > th:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > td:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected > th:last-of-type { border-right: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th { background: var(--uux-app-datatableCleanSelectedRowDetailBg); border-bottom: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td:first-of-type, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th:first-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td:first-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td:first-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th:first-of-type { border-left: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td:last-of-type, body.highcontrast .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th:last-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td:last-of-type, body.highcontrast .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > td:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view table tbody > tr.selected-detail > th:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > td:last-of-type, body[class*="theme-"] .datatable-clean.table-with-detail-view.datatable-clean-striped table tbody > tr.selected-detail > th:last-of-type { border-right: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) tbody > tr:nth-of-type(odd) > td, body[class*="theme-"]:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) tbody > tr:nth-of-type(odd) > td { background: var(--uux-app-datatableCleanStripeBg); } body.highcontrast:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) tbody > tr:nth-of-type(even) > td, body[class*="theme-"]:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) tbody > tr:nth-of-type(even) > td { background: 0 0; } body.highcontrast:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) .datatable-row:nth-of-type(2n), body[class*="theme-"]:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) .datatable-row:nth-of-type(2n) { background: var(--uux-app-datatableCleanStripeBg); } body.highcontrast:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) .datatable-row:nth-of-type(2n + 1), body[class*="theme-"]:not(.phone) .datatable-clean-striped:not(.table-with-detail-view) .datatable-row:nth-of-type(2n + 1) { background: 0 0; } body.highcontrast .datatable-date-row, body.highcontrast .datatable-sorting-header q2-btn:focus, body.highcontrast .datatable-sorting-header q2-btn:focus-within, body.highcontrast .datatable-sorting-header q2-btn:hover, body.highcontrast:not(.phone) .datatable-clean-striped.table-with-detail-view tbody > tr:nth-of-type(4n + 1) > td, body.highcontrast:not(.phone) .datatable-clean-striped.table-with-detail-view tbody > tr:nth-of-type(4n + 2) > td, body[class*="theme-"] .datatable-date-row, body[class*="theme-"] .datatable-sorting-header q2-btn:focus, body[class*="theme-"] .datatable-sorting-header q2-btn:focus-within, body[class*="theme-"] .datatable-sorting-header q2-btn:hover, body[class*="theme-"]:not(.phone) .datatable-clean-striped.table-with-detail-view tbody > tr:nth-of-type(4n + 1) > td, body[class*="theme-"]:not(.phone) .datatable-clean-striped.table-with-detail-view tbody > tr:nth-of-type(4n + 2) > td { background: var(--uux-app-datatableCleanStripeBg); } body.highcontrast.phone .datatable-clean tbody > tr:first-of-type td, body[class*="theme-"].phone .datatable-clean tbody > tr:first-of-type td { border-top: 1px solid var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast.phone .datatable-clean tbody > tr > td, body[class*="theme-"].phone .datatable-clean tbody > tr > td { border-bottom: 1px solid var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast.phone .datatable-clean.table-with-detail-view tbody > tr.selected > td:first-of-type, body[class*="theme-"].phone .datatable-clean.table-with-detail-view tbody > tr.selected > td:first-of-type { border-left: none; } body.highcontrast.phone .datatable-clean.table-with-detail-view tbody > tr.selected > td:last-of-type, body[class*="theme-"].phone .datatable-clean.table-with-detail-view tbody > tr.selected > td:last-of-type { border-right: none; } body.highcontrast.phone .datatable-clean.table-with-detail-view tbody > tr.selected-detail > td:first-of-type, body.highcontrast.phone .datatable-clean.table-with-detail-view tbody > tr.selected-detail > td:last-of-type, body[class*="theme-"].phone .datatable-clean.table-with-detail-view tbody > tr.selected-detail > td:first-of-type, body[class*="theme-"].phone .datatable-clean.table-with-detail-view tbody > tr.selected-detail > td:last-of-type { border: none; } body.highcontrast .datatable-date-row, body[class*="theme-"] .datatable-date-row { border-bottom: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); font-weight: 600; } body.highcontrast .datatable-clean-filter-drawer, body[class*="theme-"] .datatable-clean-filter-drawer { border-radius: 4px 4px 0 0; background: var(--uux-app-datatableCleanFiltersBg); } body.highcontrast .datatable-clean-filter-drawer .form-group, body.highcontrast .datatable-clean-filter-drawer .value, body.highcontrast .datatable-clean-filter-drawer label, body[class*="theme-"] .datatable-clean-filter-drawer .form-group, body[class*="theme-"] .datatable-clean-filter-drawer .value, body[class*="theme-"] .datatable-clean-filter-drawer label { color: var(--uux-app-datatableCleanFiltersTextColor); } body.highcontrast ul.nav-tabs, body.highcontrast ul.tabs, body[class*="theme-"] ul.nav-tabs, body[class*="theme-"] ul.tabs { display: flex; margin: 30px 15px; padding: 0 15px; white-space: nowrap; overflow-x: auto; border-bottom: 1px solid var(--uux-app-tabContainerBorder); font-size: 17px; font-weight: 400; } @media screen and (max-width: 991px) { body.highcontrast ul.nav-tabs, body.highcontrast ul.tabs, body[class*="theme-"] ul.nav-tabs, body[class*="theme-"] ul.tabs { margin-top: 25px; padding: 0; } body.highcontrast ul.nav-tabs li .tab-label, body.highcontrast ul.tabs li .tab-label, body[class*="theme-"] ul.nav-tabs li .tab-label, body[class*="theme-"] ul.tabs li .tab-label { white-space: nowrap; } } body.highcontrast ul.nav-tabs li, body.highcontrast ul.tabs li, body[class*="theme-"] ul.nav-tabs li, body[class*="theme-"] ul.tabs li { display: block; list-style: none; margin: 0; } body.highcontrast ul.nav-tabs.small-tabs, body.highcontrast ul.tabs.small-tabs, body[class*="theme-"] ul.nav-tabs.small-tabs, body[class*="theme-"] ul.tabs.small-tabs { margin: 0; padding: 0; } body.highcontrast ul.nav-tabs.small-tabs > li, body.highcontrast ul.tabs.small-tabs > li, body[class*="theme-"] ul.nav-tabs.small-tabs > li, body[class*="theme-"] ul.tabs.small-tabs > li { display: inline-block; white-space: nowrap; } body.highcontrast ul.nav-tabs.small-tabs .ui-btn, body.highcontrast ul.tabs.small-tabs .ui-btn, body[class*="theme-"] ul.nav-tabs.small-tabs .ui-btn, body[class*="theme-"] ul.tabs.small-tabs .ui-btn { padding: 8px 10px; } body.highcontrast ul.nav-tabs.full-width-tabs, body.highcontrast ul.tabs.full-width-tabs, body[class*="theme-"] ul.nav-tabs.full-width-tabs, body[class*="theme-"] ul.tabs.full-width-tabs { width: 100%; margin-top: 0; margin-bottom: 0; padding: 0; text-align: center; } body.highcontrast ul.nav-tabs.full-width-tabs > li, body.highcontrast ul.tabs.full-width-tabs > li, body[class*="theme-"] ul.nav-tabs.full-width-tabs > li, body[class*="theme-"] ul.tabs.full-width-tabs > li { display: inline-block; float: none; } body.highcontrast ul.nav-tabs a, body.highcontrast ul.tabs a, body[class*="theme-"] ul.nav-tabs a, body[class*="theme-"] ul.tabs a { padding: 0 30px 10px; } @media screen and (max-width: 991px) { body.highcontrast ul.nav-tabs a, body.highcontrast ul.tabs a, body[class*="theme-"] ul.nav-tabs a, body[class*="theme-"] ul.tabs a { padding: 10px; } } body.highcontrast .nav-tab-container.horiz-scroll, body[class*="theme-"] .nav-tab-container.horiz-scroll { overflow-x: scroll; } body.highcontrast .tab-control .tab-content:after, body.highcontrast .tab-control .tab-content:before, body[class*="theme-"] .tab-control .tab-content:after, body[class*="theme-"] .tab-control .tab-content:before { content: ""; display: table; line-height: 0; } body.highcontrast .tab-control .tab-content:after, body[class*="theme-"] .tab-control .tab-content:after { clear: both; } body.highcontrast ul.nav-tabs > li, body.highcontrast ul.tabs > li, body[class*="theme-"] ul.nav-tabs > li, body[class*="theme-"] ul.tabs > li { transition: background 0.2s linear, color 0.2s linear; border-bottom: var(--uux-app-tabBorderSize) solid var(--uux-app-tabBorderColor); } body.highcontrast ul.nav-tabs > li > a, body.highcontrast ul.tabs > li > a, body[class*="theme-"] ul.nav-tabs > li > a, body[class*="theme-"] ul.tabs > li > a { color: var(--uux-app-tabColor); border: none; font-size: 17px; font-weight: 400; line-height: 1em; margin: 0; text-decoration: none; text-align: center; border-radius: 0; background: 0 0; } @media screen and (max-width: 767px) { body.highcontrast ul.nav-tabs > li > a, body.highcontrast ul.tabs > li > a, body[class*="theme-"] ul.nav-tabs > li > a, body[class*="theme-"] ul.tabs > li > a { font-size: 14px; margin-left: 0; padding-left: 5px; padding-right: 5px; } } body.highcontrast ul.nav-tabs.small-tabs, body.highcontrast ul.tabs.small-tabs, body[class*="theme-"] ul.nav-tabs.small-tabs, body[class*="theme-"] ul.tabs.small-tabs { font-size: inherit; font-weight: 400; } body.highcontrast ul.nav-tabs.icon-tabs [class*=" icon-"]:before, body.highcontrast ul.nav-tabs.icon-tabs [class^="icon-"]:before, body.highcontrast ul.tabs.icon-tabs [class*=" icon-"]:before, body.highcontrast ul.tabs.icon-tabs [class^="icon-"]:before, body[class*="theme-"] ul.nav-tabs.icon-tabs [class*=" icon-"]:before, body[class*="theme-"] ul.nav-tabs.icon-tabs [class^="icon-"]:before, body[class*="theme-"] ul.tabs.icon-tabs [class*=" icon-"]:before, body[class*="theme-"] ul.tabs.icon-tabs [class^="icon-"]:before { font-size: 18px; } body.highcontrast ul.tabs > li > a.active, body.highcontrast ul.tabs > li > a:focus, body.highcontrast ul.tabs > li > a:hover, body[class*="theme-"] ul.tabs > li > a.active, body[class*="theme-"] ul.tabs > li > a:focus, body[class*="theme-"] ul.tabs > li > a:hover { color: var(--uux-app-tabColorSelected); border-bottom: var(--uux-app-tabBorderSize) solid var(--uux-app-tabBorderColor); } body.highcontrast ul.nav-tabs > li.active, body.highcontrast ul.nav-tabs > li.isActive, body[class*="theme-"] ul.nav-tabs > li.active, body[class*="theme-"] ul.nav-tabs > li.isActive { border-bottom: var(--uux-app-tabBorderSize) solid var(--uux-app-tabBorderColorHover); } body.highcontrast ul.nav-tabs > li.active a, body.highcontrast ul.nav-tabs > li.isActive a, body[class*="theme-"] ul.nav-tabs > li.active a, body[class*="theme-"] ul.nav-tabs > li.isActive a { border: none; color: var(--uux-app-tabColorHover) !important; cursor: pointer; } body.highcontrast ul.nav-tabs > li:focus a, body.highcontrast ul.nav-tabs > li:hover a, body[class*="theme-"] ul.nav-tabs > li:focus a, body[class*="theme-"] ul.nav-tabs > li:hover a { color: var(--uux-app-tabColorHoverText); } body.highcontrast .tab-control, body[class*="theme-"] .tab-control { margin: 0 16px 16px; } body.highcontrast .tab-control ul.nav-tabs, body[class*="theme-"] .tab-control ul.nav-tabs { margin-bottom: 0; } body.highcontrast .tab-control .tab-content, body[class*="theme-"] .tab-control .tab-content { box-sizing: border-box; border: 1px solid var(--uux-app-contentBorder); border-top: 0; border-radius: 0 0 6px 6px; padding: 16px; position: relative; } body.highcontrast .nav-pills li a, body[class*="theme-"] .nav-pills li a { background-color: var(--uux-app-pilltabUnselectedBg); color: var(--uux-app-pilltabUnselectedContrast); } body.highcontrast .nav-pills li a:active, body.highcontrast .nav-pills li a:focus, body.highcontrast .nav-pills li a:hover, body[class*="theme-"] .nav-pills li a:active, body[class*="theme-"] .nav-pills li a:focus, body[class*="theme-"] .nav-pills li a:hover { background-color: var(--uux-app-pilltabUnselectedHoverBg); color: var(--uux-app-pilltabUnselectedHoverContrast); } body.highcontrast .nav-pills li.active a, body[class*="theme-"] .nav-pills li.active a { background-color: var(--uux-app-pilltabSelectionBg); color: var(--uux-app-pilltabSelectionContrast); } body.highcontrast .nav-pills li.active a:active, body.highcontrast .nav-pills li.active a:focus, body.highcontrast .nav-pills li.active a:hover, body[class*="theme-"] .nav-pills li.active a:active, body[class*="theme-"] .nav-pills li.active a:focus, body[class*="theme-"] .nav-pills li.active a:hover { background-color: var(--uux-app-pilltabSelectionHoverBg); color: var(--uux-app-pilltabSelectionHoverContrast); } body.highcontrast .nav-pills.nav-pills-sm, body[class*="theme-"] .nav-pills.nav-pills-sm { margin: 10px; } body.highcontrast .nav-pills.nav-pills-sm li, body[class*="theme-"] .nav-pills.nav-pills-sm li { margin: 5px; } body.highcontrast .nav-pills.nav-pills-sm li a, body[class*="theme-"] .nav-pills.nav-pills-sm li a { padding: 5px 15px; border-radius: 15px; } body.highcontrast .nav-container-bordered, body[class*="theme-"] .nav-container-bordered { border-bottom: 1px solid var(--uux-app-contentBorder); } body.highcontrast.phone ul.nav-tabs, body.highcontrast.phone ul.tabs, body[class*="theme-"].phone ul.nav-tabs, body[class*="theme-"].phone ul.tabs { font-size: 12px; margin: 0; } body.highcontrast.phone ul.nav-tabs > li, body.highcontrast.phone ul.tabs > li, body[class*="theme-"].phone ul.nav-tabs > li, body[class*="theme-"].phone ul.tabs > li { line-height: 1.5em; } @media (min-width: 500px) { body.highcontrast .tooltipped, body[class*="theme-"] .tooltipped { position: relative; } @keyframes tooltippedFade { from { opacity: 0; } to { opacity: 1; } } body.highcontrast .tooltipped:before, body[class*="theme-"] .tooltipped:before { position: absolute; z-index: 1000001; width: 0; height: 0; color: var( --app-tooltip-background-color, var(--t-tooltip-background-color) ); pointer-events: none; content: ""; border: var(--app-tooltip-size) solid transparent; } body.highcontrast .tooltipped:after, body[class*="theme-"] .tooltipped:after { position: absolute; z-index: 1000000; padding: var(--app-tooltip-size) 8px; font-family: var(--uux-app-fontFamily); font-weight: 600; font-size: 12px; line-height: 1.5; color: var(--app-tooltip-text-color); text-align: center; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-wrap: break-word; white-space: pre; pointer-events: none; content: attr(aria-label); background: var( --app-tooltip-background-color, var(--t-tooltip-background-color) ); border-radius: 3px; } body.highcontrast .tooltipped[label][stencil-hydrated]:after, body[class*="theme-"] .tooltipped[label][stencil-hydrated]:after { content: attr(label); } body.highcontrast .tooltipped:after, body.highcontrast .tooltipped:before, body[class*="theme-"] .tooltipped:after, body[class*="theme-"] .tooltipped:before { display: inline-block; visibility: hidden; opacity: 0; transition: all 250ms ease-in-out 0s; } body.highcontrast .tooltipped:active:after, body.highcontrast .tooltipped:active:before, body.highcontrast .tooltipped:focus-within:after, body.highcontrast .tooltipped:focus-within:before, body.highcontrast .tooltipped:focus:after, body.highcontrast .tooltipped:focus:before, body.highcontrast .tooltipped:hover:after, body.highcontrast .tooltipped:hover:before, body[class*="theme-"] .tooltipped:active:after, body[class*="theme-"] .tooltipped:active:before, body[class*="theme-"] .tooltipped:focus-within:after, body[class*="theme-"] .tooltipped:focus-within:before, body[class*="theme-"] .tooltipped:focus:after, body[class*="theme-"] .tooltipped:focus:before, body[class*="theme-"] .tooltipped:hover:after, body[class*="theme-"] .tooltipped:hover:before { text-decoration: none; visibility: visible; opacity: 1; } body.highcontrast .tooltipped:active:after, body.highcontrast .tooltipped:active:before, body.highcontrast .tooltipped:hover:after, body.highcontrast .tooltipped:hover:before, body[class*="theme-"] .tooltipped:active:after, body[class*="theme-"] .tooltipped:active:before, body[class*="theme-"] .tooltipped:hover:after, body[class*="theme-"] .tooltipped:hover:before { transition: all 250ms ease-in-out; } body.highcontrast .tooltipped:hover:after, body.highcontrast .tooltipped:hover:before, body[class*="theme-"] .tooltipped:hover:after, body[class*="theme-"] .tooltipped:hover:before { transition-delay: 1s; } body.highcontrast .tooltipped:focus-within:after, body.highcontrast .tooltipped:focus-within:before, body.highcontrast .tooltipped:focus:after, body.highcontrast .tooltipped:focus:before, body[class*="theme-"] .tooltipped:focus-within:after, body[class*="theme-"] .tooltipped:focus-within:before, body[class*="theme-"] .tooltipped:focus:after, body[class*="theme-"] .tooltipped:focus:before { animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-name: tooltippedFade, tooltippedFade; animation-direction: normal, reverse; animation-duration: var(--app-tooltip-transition-duration); animation-delay: 0s, calc( var(--app-tooltip-visible-duration) + var(--app-tooltip-transition-duration) ); } body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):active:after, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):active:before, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after, body.highcontrast .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:active:after, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:active:before, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:after, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:before, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:after, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:before, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:after, body.highcontrast .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:before, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not( [aria-label] ):focus-within:after, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not( [aria-label] ):focus-within:before, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after, body.highcontrast .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):active:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):active:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:active:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:active:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:before, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:after, body[class*="theme-"] .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:before, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not( [aria-label] ):focus-within:after, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not( [aria-label] ):focus-within:before, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after, body[class*="theme-"] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before { display: none; } body.highcontrast .tooltipped-multiline:after, body[class*="theme-"] .tooltipped-multiline:after { width: -webkit-max-content; width: max-content; max-width: var(--app-tooltip-multiline-max-width); word-break: break-word; word-wrap: normal; white-space: pre-line; border-collapse: separate; text-align: left; } body.highcontrast .tooltipped-multiline.tooltipped-n:after, body.highcontrast .tooltipped-multiline.tooltipped-s:after, body[class*="theme-"] .tooltipped-multiline.tooltipped-n:after, body[class*="theme-"] .tooltipped-multiline.tooltipped-s:after { right: auto; left: 50%; transform: translateX(-50%); } body.highcontrast .tooltipped-multiline.tooltipped-e:after, body.highcontrast .tooltipped-multiline.tooltipped-w:after, body[class*="theme-"] .tooltipped-multiline.tooltipped-e:after, body[class*="theme-"] .tooltipped-multiline.tooltipped-w:after { right: 100%; } body.highcontrast .tooltipped-multiline:active:after, body.highcontrast .tooltipped-multiline:focus-within:after, body.highcontrast .tooltipped-multiline:focus:after, body.highcontrast .tooltipped-multiline:hover:after, body[class*="theme-"] .tooltipped-multiline:active:after, body[class*="theme-"] .tooltipped-multiline:focus-within:after, body[class*="theme-"] .tooltipped-multiline:focus:after, body[class*="theme-"] .tooltipped-multiline:hover:after { display: table-cell; } body.highcontrast .tooltipped-sticky:after, body.highcontrast .tooltipped-sticky:before, body[class*="theme-"] .tooltipped-sticky:after, body[class*="theme-"] .tooltipped-sticky:before { display: inline-block; } body.highcontrast .tooltipped-sticky.tooltipped-multiline:after, body[class*="theme-"] .tooltipped-sticky.tooltipped-multiline:after { display: table-cell; } body.highcontrast .tooltipped-s:after, body.highcontrast .tooltipped-se:after, body.highcontrast .tooltipped-sw:after, body[class*="theme-"] .tooltipped-s:after, body[class*="theme-"] .tooltipped-se:after, body[class*="theme-"] .tooltipped-sw:after { top: 100%; right: 50%; margin-top: var(--app-tooltip-size); } body.highcontrast .tooltipped-s:before, body.highcontrast .tooltipped-se:before, body.highcontrast .tooltipped-sw:before, body[class*="theme-"] .tooltipped-s:before, body[class*="theme-"] .tooltipped-se:before, body[class*="theme-"] .tooltipped-sw:before { top: auto; right: 50%; bottom: var(--app-tooltip-position); margin-right: var(--app-tooltip-position); border-bottom-color: var(--app-tooltip-background-color); } body.highcontrast .tooltipped-se:after, body[class*="theme-"] .tooltipped-se:after { right: auto; left: 50%; margin-left: var(--app-tooltip-body-offset); } body.highcontrast .tooltipped-sw:after, body[class*="theme-"] .tooltipped-sw:after { margin-right: var(--app-tooltip-body-offset); } body.highcontrast .tooltipped-n:after, body.highcontrast .tooltipped-ne:after, body.highcontrast .tooltipped-nw:after, body[class*="theme-"] .tooltipped-n:after, body[class*="theme-"] .tooltipped-ne:after, body[class*="theme-"] .tooltipped-nw:after { right: 50%; bottom: 100%; margin-bottom: var(--app-tooltip-size); } body.highcontrast .tooltipped-n:before, body.highcontrast .tooltipped-ne:before, body.highcontrast .tooltipped-nw:before, body[class*="theme-"] .tooltipped-n:before, body[class*="theme-"] .tooltipped-ne:before, body[class*="theme-"] .tooltipped-nw:before { top: var(--app-tooltip-position); right: 50%; bottom: auto; margin-right: var(--app-tooltip-position); border-top-color: var(--app-tooltip-background-color); } body.highcontrast .tooltipped-ne:after, body[class*="theme-"] .tooltipped-ne:after { right: auto; left: 50%; margin-left: var(--app-tooltip-body-offset); } body.highcontrast .tooltipped-nw:after, body[class*="theme-"] .tooltipped-nw:after { margin-right: var(--app-tooltip-body-offset); } body.highcontrast .tooltipped-n:after, body.highcontrast .tooltipped-s:after, body[class*="theme-"] .tooltipped-n:after, body[class*="theme-"] .tooltipped-s:after { transform: translateX(50%); } body.highcontrast .tooltipped-w:after, body[class*="theme-"] .tooltipped-w:after { right: 100%; bottom: 50%; margin-right: var(--app-tooltip-size); transform: translateY(50%); } body.highcontrast .tooltipped-w:before, body[class*="theme-"] .tooltipped-w:before { top: 50%; bottom: 50%; left: var(--app-tooltip-position); margin-top: var(--app-tooltip-position); border-left-color: var(--app-tooltip-background-color); } body.highcontrast .tooltipped-e:after, body[class*="theme-"] .tooltipped-e:after { bottom: 50%; left: 100%; margin-left: var(--app-tooltip-size); transform: translateY(50%); } body.highcontrast .tooltipped-e:before, body[class*="theme-"] .tooltipped-e:before { top: 50%; right: var(--app-tooltip-position); bottom: 50%; margin-top: var(--app-tooltip-position); border-right-color: var(--app-tooltip-background-color); } body.highcontrast.phone .tooltipped:not(.tooltip-popover):active:after, body.highcontrast.phone .tooltipped:not(.tooltip-popover):active:before, body.highcontrast.phone .tooltipped:not(.tooltip-popover):focus-within:after, body.highcontrast.phone .tooltipped:not(.tooltip-popover):focus-within:before, body.highcontrast.phone .tooltipped:not(.tooltip-popover):focus:after, body.highcontrast.phone .tooltipped:not(.tooltip-popover):focus:before, body.highcontrast.phone .tooltipped:not(.tooltip-popover):hover:after, body.highcontrast.phone .tooltipped:not(.tooltip-popover):hover:before, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):active:after, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):active:before, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):focus-within:after, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):focus-within:before, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):focus:after, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):focus:before, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):hover:after, body.highcontrast.tablet .tooltipped:not(.tooltip-popover):hover:before, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):active:after, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):active:before, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):focus-within:after, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):focus-within:before, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):focus:after, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):focus:before, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):hover:after, body[class*="theme-"].phone .tooltipped:not(.tooltip-popover):hover:before, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):active:after, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):active:before, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):focus-within:after, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):focus-within:before, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):focus:after, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):focus:before, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):hover:after, body[class*="theme-"].tablet .tooltipped:not(.tooltip-popover):hover:before { display: none; } } body.highcontrast .inner-container, body[class*="theme-"] .inner-container { max-width: 512px; margin: 0 auto; padding-bottom: 45px; } body.highcontrast .inner-container .form-group, body[class*="theme-"] .inner-container .form-group { padding: 0; } body.highcontrast dl.detail-list dt, body[class*="theme-"] dl.detail-list dt { font-size: 12px; } body.highcontrast dl.detail-list dd, body[class*="theme-"] dl.detail-list dd { margin-bottom: 1rem; } body.highcontrast .tile-card-container.stacked, body[class*="theme-"] .tile-card-container.stacked { background: var(--uux-app-tilecardAltBg); } body.highcontrast .tile-card-container.stacked .tile-card, body[class*="theme-"] .tile-card-container.stacked .tile-card { border-color: var(--t-gray14); border-width: 0 1px 1px; background-color: transparent; } body.highcontrast .tile-card-container.stacked .tile-card:nth-child(-n + 1), body[class*="theme-"] .tile-card-container.stacked .tile-card:nth-child(-n + 1) { border-width: 1px; } @media screen and (min-width: 992px) { body.highcontrast .tile-card-container.spaced .tile-card-spacer, body[class*="theme-"] .tile-card-container.spaced .tile-card-spacer { padding: 4px; } body.highcontrast .tile-card-container.spaced .tile-card-spacer:last-child, body[class*="theme-"] .tile-card-container.spaced .tile-card-spacer:last-child { padding-bottom: 0; } body.highcontrast .tile-card-container.grid, body[class*="theme-"] .tile-card-container.grid { display: flex; flex-wrap: wrap; justify-content: space-between; } body.highcontrast .tile-card-container.grid .tile-card-spacer, body[class*="theme-"] .tile-card-container.grid .tile-card-spacer { width: calc(50% - 4px); padding: 0; margin-bottom: 8px; } body.highcontrast .tile-card-container.grid .tile-card-spacer:last-child, body.highcontrast .tile-card-container.grid .tile-card-spacer:nth-last-of-type(-n + 2):not(:nth-child(even)), body[class*="theme-"] .tile-card-container.grid .tile-card-spacer:last-child, body[class*="theme-"] .tile-card-container.grid .tile-card-spacer:nth-last-of-type(-n + 2):not(:nth-child(even)) { margin-bottom: 0; } } body.highcontrast .definition-list-item-inline, body[class*="theme-"] .definition-list-item-inline { display: flex; justify-content: space-between; } body.highcontrast .definition-list-item-inline dt, body[class*="theme-"] .definition-list-item-inline dt { text-align: left; margin-right: 15px; } body.highcontrast .definition-list-item-inline dd, body[class*="theme-"] .definition-list-item-inline dd { text-align: right; } body.highcontrast .transaction-item .item-row, body[class*="theme-"] .transaction-item .item-row { display: flex; justify-content: space-between; font-size: 14px; } body.highcontrast .transaction-item .item-row > span, body[class*="theme-"] .transaction-item .item-row > span { display: inline-block; } body.highcontrast .transaction-item .item-row > span:nth-child(odd), body[class*="theme-"] .transaction-item .item-row > span:nth-child(odd) { max-width: 56%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 2%; text-align: left; width: 56%; } body.highcontrast .transaction-item .item-row > span:nth-child(even), body[class*="theme-"] .transaction-item .item-row > span:nth-child(even) { max-width: 43%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; width: 43%; } body.highcontrast .ac-transaction .transaction-summary, body[class*="theme-"] .ac-transaction .transaction-summary { display: flex; } @media screen and (max-width: 991px) { body.highcontrast .ac-transaction .transaction-summary > div:first-child, body[class*="theme-"] .ac-transaction .transaction-summary > div:first-child { padding-left: 0; } body.highcontrast .ac-transaction .transaction-summary > div:last-child, body[class*="theme-"] .ac-transaction .transaction-summary > div:last-child { padding-right: 0; } } body.highcontrast .ac-transaction .transaction-summary .status, body[class*="theme-"] .ac-transaction .transaction-summary .status { white-space: nowrap; } @media screen and (max-width: 767px) { body.highcontrast .ac-transaction .transaction-summary .actions, body[class*="theme-"] .ac-transaction .transaction-summary .actions { box-sizing: content-box; } body.highcontrast .ac-transaction .transaction-summary .actions.recurring, body[class*="theme-"] .ac-transaction .transaction-summary .actions.recurring { width: 42px; } } body.highcontrast .ac-transaction .transaction-summary.mobile .status, body[class*="theme-"] .ac-transaction .transaction-summary.mobile .status { flex-grow: 1; } body.highcontrast .ac-transaction .transaction-summary.mobile .status .status-text, body[class*="theme-"] .ac-transaction .transaction-summary.mobile .status .status-text { overflow: hidden; text-overflow: ellipsis; } body.highcontrast .ac-transaction .transaction-detail .icon-angle-left, body.highcontrast .ac-transaction .transaction-detail .icon-angle-right, body[class*="theme-"] .ac-transaction .transaction-detail .icon-angle-left, body[class*="theme-"] .ac-transaction .transaction-detail .icon-angle-right { cursor: pointer; font-size: 20px; } body.highcontrast .ac-transaction .transaction-detail .tran-references-list, body[class*="theme-"] .ac-transaction .transaction-detail .tran-references-list { display: flex; flex-wrap: wrap; margin: 0; } body.highcontrast .ac-transaction .transaction-detail .tran-references-list .description, body.highcontrast .ac-transaction .transaction-detail .tran-references-list .title, body[class*="theme-"] .ac-transaction .transaction-detail .tran-references-list .description, body[class*="theme-"] .ac-transaction .transaction-detail .tran-references-list .title { margin: 6px 0; word-break: break-word; } body.highcontrast .ac-transaction .transaction-detail .tran-references-list .title, body[class*="theme-"] .ac-transaction .transaction-detail .tran-references-list .title { text-align: right; margin-right: 10px; } body.highcontrast .ac-transaction .transaction-detail .tran-references-list .description, body[class*="theme-"] .ac-transaction .transaction-detail .tran-references-list .description { overflow: hidden; word-break: break-all; } body.highcontrast .ac-transaction .transaction-detail .recipient-reversal-tran, body[class*="theme-"] .ac-transaction .transaction-detail .recipient-reversal-tran { display: inline-flex; } body.highcontrast .ac-transaction .transaction-detail .recipient-reversal-tran .reversal-link, body[class*="theme-"] .ac-transaction .transaction-detail .recipient-reversal-tran .reversal-link { padding: 6px; } body.highcontrast .ac-transaction .transaction-detail .wire-description, body[class*="theme-"] .ac-transaction .transaction-detail .wire-description { word-break: break-word; } body.highcontrast .ac-transaction .transaction-detail .ac-transaction-detail, body[class*="theme-"] .ac-transaction .transaction-detail .ac-transaction-detail { overflow: hidden; } body.highcontrast .ac-transaction .transaction-detail .spinner, body[class*="theme-"] .ac-transaction .transaction-detail .spinner { position: relative; margin: 5px auto; z-index: 1; } body.highcontrast .ac-transaction .transaction-detail .additional-details, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details { margin-left: 3vw; width: 50%; } @media screen and (max-width: 991px) { body.highcontrast .ac-transaction .transaction-detail .additional-details, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details { margin: 0; width: 100%; } body.highcontrast .ac-transaction .transaction-detail .additional-details .row .name, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details .row .name { width: 40%; } } body.highcontrast .ac-transaction .transaction-detail .additional-details > .row, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details > .row { margin-left: -7.5px; margin-right: -7.5px; } body.highcontrast .ac-transaction .transaction-detail .additional-details .row, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details .row { position: relative; } body.highcontrast .ac-transaction .transaction-detail .additional-details .row .name, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details .row .name { position: absolute; left: 0; } body.highcontrast .ac-transaction .transaction-detail .additional-details ul > li.warnings-link, body[class*="theme-"] .ac-transaction .transaction-detail .additional-details ul > li.warnings-link { list-style-type: none; } body.highcontrast .ac-transaction .transaction-detail .table-detail-list > dt.name, body[class*="theme-"] .ac-transaction .transaction-detail .table-detail-list > dt.name { text-align: left; } body.highcontrast .ac-transaction .transaction-detail .detail-list-wrapper, body[class*="theme-"] .ac-transaction .transaction-detail .detail-list-wrapper { margin-left: 3vw; width: calc(100% - 3vw); } @media screen and (max-width: 991px) { body.highcontrast .ac-transaction .transaction-detail .detail-list-wrapper, body[class*="theme-"] .ac-transaction .transaction-detail .detail-list-wrapper { margin: 0; } } body.highcontrast .ac-transaction .transaction-detail .detail-list-wrapper .value q2-btn.pager-button q2-icon, body[class*="theme-"] .ac-transaction .transaction-detail .detail-list-wrapper .value q2-btn.pager-button q2-icon { width: 18px; height: 18px; } body.highcontrast .ac-transaction .transaction-detail .detail-list-item, body[class*="theme-"] .ac-transaction .transaction-detail .detail-list-item { display: flex; } body.highcontrast .ac-transaction .transaction-detail .detail-list-item .name, body[class*="theme-"] .ac-transaction .transaction-detail .detail-list-item .name { width: calc(33% - 10px); } body.highcontrast .ac-transaction .transaction-detail .detail-list-item .value, body[class*="theme-"] .ac-transaction .transaction-detail .detail-list-item .value { padding-top: 6px; padding-bottom: 6px; width: calc(67% + 10px); overflow-wrap: break-word; } @media screen and (min-width: 1400px) { body.highcontrast .ac-transactions .omnibox-container, body[class*="theme-"] .ac-transactions .omnibox-container { margin: 0 15px; } } body.highcontrast .ac-transactions .break-word, body[class*="theme-"] .ac-transactions .break-word { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } body.highcontrast .ac-transactions .datatable-clean .datatable-header .inner-header, body[class*="theme-"] .ac-transactions .datatable-clean .datatable-header .inner-header { display: flex; align-items: center; justify-content: space-between; font-weight: 400; padding: 0 15px; } body.highcontrast .ac-transactions .datatable-clean .datatable-header q2-btn, body[class*="theme-"] .ac-transactions .datatable-clean .datatable-header q2-btn { padding: 0; } body.highcontrast .ac-transactions .datatable-clean .datatable-row, body[class*="theme-"] .ac-transactions .datatable-clean .datatable-row { border-bottom: 0; justify-content: space-between; } @media screen and (min-width: 992px) { body.highcontrast .ac-transactions .datatable-clean .datatable-row, body[class*="theme-"] .ac-transactions .datatable-clean .datatable-row { align-items: center; padding-right: 15px; padding-left: 15px; } } @media print { body.highcontrast .ac-transactions .datatable-header, body[class*="theme-"] .ac-transactions .datatable-header { display: table-header-group; break-inside: avoid; } body.highcontrast .ac-transactions .table, body[class*="theme-"] .ac-transactions .table { display: table-row-group; } body.highcontrast .ac-transactions .ac-transaction, body[class*="theme-"] .ac-transactions .ac-transaction { break-after: auto; } body.highcontrast .ac-transactions .ac-transaction .ac-transaction-row, body[class*="theme-"] .ac-transactions .ac-transaction .ac-transaction-row { break-inside: avoid; } body.highcontrast .ac-transactions .ac-transaction .table-detail-list, body[class*="theme-"] .ac-transactions .ac-transaction .table-detail-list { float: none !important; } body.highcontrast .ac-transactions .ac-transaction .detail-list-wrapper, body[class*="theme-"] .ac-transactions .ac-transaction .detail-list-wrapper { align-items: flex-start; display: flex; flex-wrap: wrap; float: none; } body.highcontrast .ac-transactions .ac-transaction .ac-transaction-detail, body[class*="theme-"] .ac-transactions .ac-transaction .ac-transaction-detail { break-inside: allow; margin-bottom: 2px; } body.highcontrast .ac-transactions .ac-transaction .ac-transaction-detail .table td, body[class*="theme-"] .ac-transactions .ac-transaction .ac-transaction-detail .table td { white-space: nowrap; } } body.highcontrast .ac-transactions-list-holder, body[class*="theme-"] .ac-transactions-list-holder { clear: both; } body.highcontrast .ac-transactions-list-holder .batch-buttons, body[class*="theme-"] .ac-transactions-list-holder .batch-buttons { display: flex; align-items: center; justify-content: flex-end; padding: 0 5px; } body.highcontrast .ac-transactions-list-holder .actions, body.highcontrast .ac-transactions-list-holder .checkbox-icon, body[class*="theme-"] .ac-transactions-list-holder .actions, body[class*="theme-"] .ac-transactions-list-holder .checkbox-icon { min-width: 42px; padding: 0; } body.highcontrast .ac-transactions-list-holder .checkbox-icon, body[class*="theme-"] .ac-transactions-list-holder .checkbox-icon { padding-left: 10px; } body.highcontrast .ac-transactions-list-holder .col, body[class*="theme-"] .ac-transactions-list-holder .col { padding: 0 5px; } body.highcontrast .ac-transactions-list-holder .col-approvals, body[class*="theme-"] .ac-transactions-list-holder .col-approvals { flex: 0 0 80px; padding: 0 5px; } body.highcontrast .ac-transactions-list-holder .col-ach-class-code, body.highcontrast .ac-transactions-list-holder .col-status, body[class*="theme-"] .ac-transactions-list-holder .col-ach-class-code, body[class*="theme-"] .ac-transactions-list-holder .col-status { flex: 0 0 100px; display: flex; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transactions-list-holder .col:first-of-type, body[class*="theme-"] .ac-transactions-list-holder .col:first-of-type { margin-right: 8px; } body.highcontrast .ac-transactions-list-holder .col-ach-class-code, body.highcontrast .ac-transactions-list-holder .col-status, body[class*="theme-"] .ac-transactions-list-holder .col-ach-class-code, body[class*="theme-"] .ac-transactions-list-holder .col-status { flex: 0 0 90px; } } body.highcontrast .ac-transactions-list-holder .col-company-description, body[class*="theme-"] .ac-transactions-list-holder .col-company-description { flex: 0 0 90px; } body.highcontrast .ac-transactions-list-holder .col-created-by, body.highcontrast .ac-transactions-list-holder .col-date, body[class*="theme-"] .ac-transactions-list-holder .col-created-by, body[class*="theme-"] .ac-transactions-list-holder .col-date { flex: 0 0 115px; white-space: nowrap; display: flex; } body.highcontrast .ac-transactions-list-holder .col-amount, body[class*="theme-"] .ac-transactions-list-holder .col-amount { flex: 0 0 115px; white-space: nowrap; display: flex; justify-content: flex-end; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transactions-list-holder .col-amount, body[class*="theme-"] .ac-transactions-list-holder .col-amount { flex: 0 0 95px; } } body.highcontrast .ac-transactions-list-holder .col-recipients-ach, body[class*="theme-"] .ac-transactions-list-holder .col-recipients-ach { flex: 0 0 130px; } body.highcontrast .ac-transactions-list-holder .col-account, body.highcontrast .ac-transactions-list-holder .col-to-account, body[class*="theme-"] .ac-transactions-list-holder .col-account, body[class*="theme-"] .ac-transactions-list-holder .col-to-account { flex: 2 0 140px; display: flex; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transactions-list-holder .col-account, body.highcontrast .ac-transactions-list-holder .col-to-account, body[class*="theme-"] .ac-transactions-list-holder .col-account, body[class*="theme-"] .ac-transactions-list-holder .col-to-account { flex: 2 0 110px; } } body.highcontrast .ac-transactions-list-holder .col-bank, body.highcontrast .ac-transactions-list-holder .col-description, body.highcontrast .ac-transactions-list-holder .col-memo, body.highcontrast .ac-transactions-list-holder .col-recipients, body.highcontrast .ac-transactions-list-holder .col-template, body.highcontrast .ac-transactions-list-holder .col-type, body[class*="theme-"] .ac-transactions-list-holder .col-bank, body[class*="theme-"] .ac-transactions-list-holder .col-description, body[class*="theme-"] .ac-transactions-list-holder .col-memo, body[class*="theme-"] .ac-transactions-list-holder .col-recipients, body[class*="theme-"] .ac-transactions-list-holder .col-template, body[class*="theme-"] .ac-transactions-list-holder .col-type { overflow: hidden; flex: 3 0 140px; display: flex; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transactions-list-holder .col-bank, body.highcontrast .ac-transactions-list-holder .col-description, body.highcontrast .ac-transactions-list-holder .col-memo, body.highcontrast .ac-transactions-list-holder .col-recipients, body.highcontrast .ac-transactions-list-holder .col-template, body.highcontrast .ac-transactions-list-holder .col-type, body[class*="theme-"] .ac-transactions-list-holder .col-bank, body[class*="theme-"] .ac-transactions-list-holder .col-description, body[class*="theme-"] .ac-transactions-list-holder .col-memo, body[class*="theme-"] .ac-transactions-list-holder .col-recipients, body[class*="theme-"] .ac-transactions-list-holder .col-template, body[class*="theme-"] .ac-transactions-list-holder .col-type { flex: 3 0 110px; } } body.highcontrast .ac-transactions-list-holder .col-message-to-beneficiary, body[class*="theme-"] .ac-transactions-list-holder .col-message-to-beneficiary { flex: 15 0 170px; } body.highcontrast .ac-transactions-list-holder .table-with-detail-view .ui-sticky, body[class*="theme-"] .ac-transactions-list-holder .table-with-detail-view .ui-sticky { z-index: 10; } body.highcontrast .ac-transactions-list, body[class*="theme-"] .ac-transactions-list { list-style-type: none; margin: 0; padding: 0; } body.highcontrast .ac-transactions-footer, body[class*="theme-"] .ac-transactions-footer { z-index: unset !important; padding: 15px; bottom: 0; } body.highcontrast .phone.thumb-nav-enabled .ac-transactions-footer, body[class*="theme-"] .phone.thumb-nav-enabled .ac-transactions-footer { bottom: var(--uux-app-thumbBarHeight); margin-bottom: env(safe-area-inset-bottom); } body.highcontrast .account-preferences-row .account-preference-institution, body[class*="theme-"] .account-preferences-row .account-preference-institution { display: flex; align-items: center; } body.highcontrast .account-preferences-row .account-preference-institution .account-preference-institution-name, body[class*="theme-"] .account-preferences-row .account-preference-institution .account-preference-institution-name { font-size: 12px; } body.highcontrast .account-preferences-row .account-title, body[class*="theme-"] .account-preferences-row .account-title { font-size: 20px; font-weight: 600; word-break: break-word; } body.highcontrast .account-preferences-row .account-title .account-number, body[class*="theme-"] .account-preferences-row .account-title .account-number { font-weight: 400; } body.highcontrast .account-preferences-row .account-preference-meta, body[class*="theme-"] .account-preferences-row .account-preference-meta { display: flex; flex-wrap: wrap; } body.highcontrast .account-preferences-row .account-preference-summary-container, body[class*="theme-"] .account-preferences-row .account-preference-summary-container { display: flex; align-items: center; } body.highcontrast .account-preferences-row .account-preference-summary, body[class*="theme-"] .account-preferences-row .account-preference-summary { flex: 1; } body.highcontrast .badge-filter-header-text, body.highcontrast .badge-filter-result-count, body[class*="theme-"] .badge-filter-header-text, body[class*="theme-"] .badge-filter-result-count { float: left; padding: 3px 10px 0; } body.highcontrast .badge-filter-list, body[class*="theme-"] .badge-filter-list { list-style: none; } body.highcontrast .badge-filter-item, body[class*="theme-"] .badge-filter-item { color: var(--uux-theme-gray); cursor: pointer; display: inline-block; padding: 0 10px; } body.highcontrast .badge-filter-item.badge, body[class*="theme-"] .badge-filter-item.badge { font-size: inherit; line-height: inherit; color: inherit; background-color: var(--t-gray11); font-weight: inherit; } body.highcontrast .client-pagination, body[class*="theme-"] .client-pagination { align-items: center; display: flex; flex-grow: 1; justify-content: center; margin-top: 10px; margin-bottom: 10px; } body.highcontrast .client-pagination.align-right, body[class*="theme-"] .client-pagination.align-right { justify-content: flex-end; } body.highcontrast .client-pagination.align-left, body[class*="theme-"] .client-pagination.align-left { justify-content: flex-start; } body.highcontrast .client-pagination.position-center .indicator, body[class*="theme-"] .client-pagination.position-center .indicator { order: 2; } body.highcontrast .client-pagination.position-left .indicator, body[class*="theme-"] .client-pagination.position-left .indicator { order: 0; } body.highcontrast .client-pagination.position-right .indicator, body[class*="theme-"] .client-pagination.position-right .indicator { order: 4; } body.highcontrast .client-pagination .btn, body[class*="theme-"] .client-pagination .btn { width: 48px; margin-left: 10px; margin-right: 10px; } body.highcontrast .client-pagination .btn:disabled, body[class*="theme-"] .client-pagination .btn:disabled { color: inherit; } body.highcontrast .client-pagination .btn-next, body[class*="theme-"] .client-pagination .btn-next { order: 3; } body.highcontrast .client-pagination .btn-previous, body[class*="theme-"] .client-pagination .btn-previous { order: 1; } body.highcontrast .clearfix:after, body[class*="theme-"] .clearfix:after { content: " "; display: block; height: 0; clear: both; } body.highcontrast .das-clean, body[class*="theme-"] .das-clean { font-family: OpenSans, Helvetica, Arial, sans-serif; color: var(--uux-theme-grayDark); width: 67%; margin: 0 auto; } body.highcontrast .das-selektor .das-group .flair, body.highcontrast .das-selektor .das-group.included .flair, body.highcontrast .das-selektor .das-group.selected .flair, body.highcontrast .das-selektor .das-item .flair, body.highcontrast .das-selektor .das-item.included .flair, body.highcontrast .das-selektor .das-item.selected .flair, body[class*="theme-"] .das-selektor .das-group .flair, body[class*="theme-"] .das-selektor .das-group.included .flair, body[class*="theme-"] .das-selektor .das-group.selected .flair, body[class*="theme-"] .das-selektor .das-item .flair, body[class*="theme-"] .das-selektor .das-item.included .flair, body[class*="theme-"] .das-selektor .das-item.selected .flair { color: var(--uux-theme-gray); } body.highcontrast .das-clean h1, body[class*="theme-"] .das-clean h1 { font-size: 40px; font-weight: 300; letter-spacing: 0; } body.highcontrast .das-clean p, body[class*="theme-"] .das-clean p { font-weight: 400; font-size: 14px; line-height: 16px; } body.highcontrast .das-clean .hint, body[class*="theme-"] .das-clean .hint { line-height: 14px; font-size: 11px; } body.highcontrast .das-selektor, body[class*="theme-"] .das-selektor { font-family: OpenSans, Helvetica, Arial, sans-serif; } body.highcontrast .das-selektor .das-items ul, body[class*="theme-"] .das-selektor .das-items ul { margin: 0; padding: 0; } body.highcontrast .das-selektor .das-items ul li, body[class*="theme-"] .das-selektor .das-items ul li { display: block; list-style-type: none; margin: 0; padding: 0; } body.highcontrast .das-selektor .das-items ul li:last-child, body[class*="theme-"] .das-selektor .das-items ul li:last-child { clear: right; } body.highcontrast .das-group.das-item:last-child, body.highcontrast .print-content .dl-standard:after, body[class*="theme-"] .das-group.das-item:last-child, body[class*="theme-"] .print-content .dl-standard:after { clear: both; } body.highcontrast .das-selektor .das-items .select-all-toggle, body[class*="theme-"] .das-selektor .das-items .select-all-toggle { float: right; padding-right: 27px; } body.highcontrast .das-selektor .das-group, body.highcontrast .das-selektor .das-item, body[class*="theme-"] .das-selektor .das-group, body[class*="theme-"] .das-selektor .das-item { overflow: hidden; display: block; float: left; min-height: 46px; width: 94%; text-overflow: ellipsis; word-wrap: normal; line-height: 32px; font-size: 14px; border-radius: 4px; transition: background 0.1s linear, color 0.1s linear; } body.highcontrast .das-selektor .das-group .das-common-height, body.highcontrast .das-selektor .das-item .das-common-height, body[class*="theme-"] .das-selektor .das-group .das-common-height, body[class*="theme-"] .das-selektor .das-item .das-common-height { min-height: 60px; height: 60px; } body.highcontrast .das-selektor .das-group.included, body.highcontrast .das-selektor .das-group.selected, body.highcontrast .das-selektor .das-item.included, body.highcontrast .das-selektor .das-item.selected, body[class*="theme-"] .das-selektor .das-group.included, body[class*="theme-"] .das-selektor .das-group.selected, body[class*="theme-"] .das-selektor .das-item.included, body[class*="theme-"] .das-selektor .das-item.selected { font-weight: 700; } body.highcontrast .das-group, body[class*="theme-"] .das-group { background: var(--uux-theme-grayLight); color: var(--uux-app-textColor); height: 36px; } body.highcontrast .das-group p, body[class*="theme-"] .das-group p { margin: 3px; } body.highcontrast .das-groups .das-group, body[class*="theme-"] .das-groups .das-group { margin-left: 1%; margin-right: 1%; border: 1px solid var(--uux-theme-grayLighter); } body.highcontrast .list-multi-selection, body[class*="theme-"] .list-multi-selection { overflow: hidden; display: block; } body.highcontrast .drag-drop, body[class*="theme-"] .drag-drop { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; position: relative; text-decoration: none; color: inherit; } body.highcontrast .drag-drop:focus, body.highcontrast .drag-drop:hover, body[class*="theme-"] .drag-drop:focus, body[class*="theme-"] .drag-drop:hover { text-decoration: none; color: inherit; } body.highcontrast .drag-drop.hide-from-page, body[class*="theme-"] .drag-drop.hide-from-page { top: -2000px; position: absolute; height: 0; } body.highcontrast .drag-drop-clone, body[class*="theme-"] .drag-drop-clone { display: block; } body.highcontrast .drag-drop-clone .tile-card, body[class*="theme-"] .drag-drop-clone .tile-card { background: var(--uux-theme-grayNeutral); width: 100%; } body.highcontrast .app-dashboard, body[class*="theme-"] .app-dashboard { background-color: var(--uux-CONST_GRAY_L3); display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 20px; grid-auto-flow: row dense; grid-gap: 25px; padding: 1.5rem 1.5rem 5em; } @media screen and (max-width: 992px) { body.highcontrast .app-dashboard, body[class*="theme-"] .app-dashboard { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 567px) { body.highcontrast .app-dashboard, body[class*="theme-"] .app-dashboard { grid-template-columns: 100%; } } body.highcontrast .content-target .content-block-container, body[class*="theme-"] .content-target .content-block-container { animation: var(--anim-shiftinup-m); animation-fill-mode: both; animation-direction: normal; } @media screen and (max-width: 767px) { body.highcontrast .content-target .content-block-container.sdk-account-content, body[class*="theme-"] .content-target .content-block-container.sdk-account-content { padding: 0; } } body.highcontrast .content-block, body[class*="theme-"] .content-block { box-shadow: var(--t-box-shadow-2); border-radius: var(--t-border-radius-3); background-color: var(--t-base); max-height: 590px; overflow-y: hidden; padding: var(--app-scale-3); position: relative; } @media screen and (max-width: 767px) { body.highcontrast .content-block, body[class*="theme-"] .content-block { border-radius: 0; margin-bottom: var(--app-scale-3); } } body.highcontrast .content-block .content-block-size-1, body[class*="theme-"] .content-block .content-block-size-1 { height: 214.5px; } body.highcontrast .content-block .content-block-size-2, body[class*="theme-"] .content-block .content-block-size-2 { height: 325px; } body.highcontrast .content-block .content-block-size-3, body[class*="theme-"] .content-block .content-block-size-3 { height: 432.25px; } body.highcontrast .content-block .content-block-size-4, body[class*="theme-"] .content-block .content-block-size-4 { height: 539.5px; } body.highcontrast .content-block .content-block-size-5, body[class*="theme-"] .content-block .content-block-size-5 { height: 650px; } body.highcontrast .content-block .content-block-size-6, body[class*="theme-"] .content-block .content-block-size-6 { height: 757.25px; } body.highcontrast .content-block .content-block-header, body[class*="theme-"] .content-block .content-block-header { text-align: center; color: var(--t-text); text-transform: uppercase; position: relative; z-index: 1; margin: 0; padding: 0; } body.highcontrast .content-block .content-block-inner-content, body[class*="theme-"] .content-block .content-block-inner-content { margin-bottom: var(--app-scale-3); } body.highcontrast .content-block .content-block-inner-content p, body[class*="theme-"] .content-block .content-block-inner-content p { margin: 0; } body.highcontrast .content-block .content-block-actions, body[class*="theme-"] .content-block .content-block-actions { display: flex; justify-content: center; } body.highcontrast .content-block .content-block-actions a, body[class*="theme-"] .content-block .content-block-actions a { display: block; color: var(--t-primary); } body.highcontrast .content-block .content-block-actions a:hover, body[class*="theme-"] .content-block .content-block-actions a:hover { opacity: 0.8; } body.highcontrast .content-block .content-block-ribbon, body[class*="theme-"] .content-block .content-block-ribbon { overflow: hidden; position: absolute; top: 0; right: 0; width: 80px; height: 80px; } body.highcontrast .content-block .content-block-ribbon .ribbon-inner, body[class*="theme-"] .content-block .content-block-ribbon .ribbon-inner { position: absolute; display: block; width: 70px; height: 20px; top: 6px; right: -18px; transform: rotate(45deg); background: var(--t-primary); border-top: 1px solid var(--t-primary-d3); border-bottom: 1px solid var(--t-primary-d3); line-height: 22px; text-align: center; font-size: 12px; font-family: inherit; text-transform: uppercase; font-weight: 600; color: var(--t-base); } body.highcontrast .content-block .content-block-header.single-task, body.highcontrast .content-block.hide-header .content-block-header, body.highcontrast .content-block.smart-space h2, body[class*="theme-"] .content-block .content-block-header.single-task, body[class*="theme-"] .content-block.hide-header .content-block-header, body[class*="theme-"] .content-block.smart-space h2 { display: none; } body.highcontrast .content-block .content-block-type, body[class*="theme-"] .content-block .content-block-type { text-align: center; } body.highcontrast .content-block.content-block-primary-palette, body[class*="theme-"] .content-block.content-block-primary-palette { color: var(--t-base); background-color: var(--t-primary); } body.highcontrast .content-block.content-block-primary-palette .content-block-actions a, body.highcontrast .content-block.content-block-primary-palette .content-block-header, body[class*="theme-"] .content-block.content-block-primary-palette .content-block-actions a, body[class*="theme-"] .content-block.content-block-primary-palette .content-block-header { color: var(--t-base); } body.highcontrast .content-block.content-block-primary-palette .content-block-ribbon .ribbon-inner, body[class*="theme-"] .content-block.content-block-primary-palette .content-block-ribbon .ribbon-inner { color: var(--t-textA); background-color: var(--t-base); border-color: var(--t-gray3); } body.highcontrast .content-block.content-block-secondary-palette, body[class*="theme-"] .content-block.content-block-secondary-palette { color: var(--t-base); background-color: var(--t-secondary); } body.highcontrast .content-block.content-block-secondary-palette .content-block-actions a, body.highcontrast .content-block.content-block-secondary-palette .content-block-header, body[class*="theme-"] .content-block.content-block-secondary-palette .content-block-actions a, body[class*="theme-"] .content-block.content-block-secondary-palette .content-block-header { color: var(--t-base); } body.highcontrast .content-block.content-block-secondary-palette .content-block-ribbon .ribbon-inner, body[class*="theme-"] .content-block.content-block-secondary-palette .content-block-ribbon .ribbon-inner { color: var(--t-textA); background-color: var(--t-base); border-color: var(--t-gray3); } body.highcontrast .content-block.sdk-account-content, body[class*="theme-"] .content-block.sdk-account-content { max-height: none; padding: 0; } body.highcontrast .content-block.sdk-account-content .content-block-header, body[class*="theme-"] .content-block.sdk-account-content .content-block-header { margin: var(--app-scale-3x); } body.highcontrast .content-block.sdk-account-content-transparent, body[class*="theme-"] .content-block.sdk-account-content-transparent { margin-bottom: 0; margin-top: 0; background-color: transparent; box-shadow: none; padding-top: var(--app-scale-3x); } body.highcontrast .content-block.smart-space, body[class*="theme-"] .content-block.smart-space { min-height: 55px; padding: 0; } body.highcontrast .content-block.smart-space img, body[class*="theme-"] .content-block.smart-space img { width: 100%; height: 100%; } @media screen and (max-width: 767px) { body.highcontrast .thumb-nav-enabled .content-block.sdk-account-content-transparent, body[class*="theme-"] .thumb-nav-enabled .content-block.sdk-account-content-transparent { margin-top: -40px; padding-top: 0; } } body.highcontrast .content-block-text-block, body[class*="theme-"] .content-block-text-block { position: relative; } body.highcontrast .content-block-text-block .text-block-text-container, body[class*="theme-"] .content-block-text-block .text-block-text-container { overflow: hidden; max-height: calc(3em + var(--uux-app-lineHeight)); position: relative; } body.highcontrast .content-block-text-block .overflow-overlay, body[class*="theme-"] .content-block-text-block .overflow-overlay { height: calc(3em + var(--uux-app-lineHeight)); width: 100%; background: linear-gradient( 180deg, var(--t-base-a0) 0, var(--t-base-a3) 100% ); z-index: 1; position: absolute; top: 0; } body.highcontrast .content-block-type.single-task, body[class*="theme-"] .content-block-type.single-task { display: flex; flex-direction: column; } body.highcontrast .content-block-type.single-task .title-container, body[class*="theme-"] .content-block-type.single-task .title-container { display: flex; padding-bottom: var(--app-scale-3); text-align: left; font-weight: 600; align-items: center; } body.highcontrast .content-block-type.single-task .title-container q2-icon, body[class*="theme-"] .content-block-type.single-task .title-container q2-icon { height: 20px; margin-bottom: -3px; width: var(--app-scale-3); } body.highcontrast .content-block-type.single-task .title-container .task-title, body[class*="theme-"] .content-block-type.single-task .title-container .task-title { padding-left: var(--app-scale-1); text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } body.highcontrast .content-block-type.single-task .task-body, body[class*="theme-"] .content-block-type.single-task .task-body { display: flex; flex-direction: row; text-align: left; margin: 0; height: 4rem; } body.highcontrast .content-block-type.single-task .task-body q2-icon, body[class*="theme-"] .content-block-type.single-task .task-body q2-icon { flex-grow: 2; } body.highcontrast .content-block-type.single-task .task-body p, body[class*="theme-"] .content-block-type.single-task .task-body p { padding-left: var(--app-scale-2); margin-bottom: 0; width: 75%; } body.highcontrast .content-block-type.single-task .task-body.no-icon, body[class*="theme-"] .content-block-type.single-task .task-body.no-icon { max-width: 100%; } body.highcontrast .content-block-type.single-task .task-icon, body[class*="theme-"] .content-block-type.single-task .task-icon { position: absolute; top: 0; right: 0; height: 43px; width: 43px; margin: 6px; color: var(--uux-app-linkColor); } body.highcontrast .content-block-type.single-task .task-btn-container, body[class*="theme-"] .content-block-type.single-task .task-btn-container { display: flex; flex-direction: row; flex-grow: 2; justify-content: flex-end; margin-top: var(--app-scale-3); } body.highcontrast .content-block-type.single-task .task-btn-container.multi-btn, body[class*="theme-"] .content-block-type.single-task .task-btn-container.multi-btn { justify-content: space-between; } body.highcontrast .content-block-type.single-task .task-btn-container .task-btn, body[class*="theme-"] .content-block-type.single-task .task-btn-container .task-btn { color: var(--uux-app-linkColor); align-self: flex-end; } body.highcontrast .content-block-type.single-task .task-btn-container .task-btn :hover, body[class*="theme-"] .content-block-type.single-task .task-btn-container .task-btn :hover { color: var(--uux-app-linkHover); } body.highcontrast .content-block-type.single-task.task-carousel-no-tasks-found .title-container, body[class*="theme-"] .content-block-type.single-task.task-carousel-no-tasks-found .title-container { display: flex; padding-bottom: var(--app-scale-3); text-align: left; font-weight: 600; align-items: center; padding-top: 10px; } body.highcontrast .content-block-type.single-task.task-carousel-no-tasks-found .title-container q2-icon, body[class*="theme-"] .content-block-type.single-task.task-carousel-no-tasks-found .title-container q2-icon { height: 20px; margin-bottom: -3px; width: var(--app-scale-3); } body.highcontrast .content-block-type.single-task.task-carousel-no-tasks-found .title-container .task-title, body[class*="theme-"] .content-block-type.single-task.task-carousel-no-tasks-found .title-container .task-title { padding-left: var(--app-scale-1); text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } body.highcontrast .content-block-type.single-task.task-carousel-no-tasks-found .no-tasks-found-message, body[class*="theme-"] .content-block-type.single-task.task-carousel-no-tasks-found .no-tasks-found-message { text-align: center; padding: 0.5rem 3rem 2rem; } body.highcontrast .content-block.task-carousel, body[class*="theme-"] .content-block.task-carousel { padding: var(--app-scale-2); } body.highcontrast .content-block.task-carousel h2, body[class*="theme-"] .content-block.task-carousel h2 { display: none; } body.highcontrast .content-block.task-carousel .q2-carousel-swiper-wrapper, body[class*="theme-"] .content-block.task-carousel .q2-carousel-swiper-wrapper { min-height: 0.5rem; } body.highcontrast .content-block.task-carousel .q2-carousel-pagination-navigation-wrapper, body[class*="theme-"] .content-block.task-carousel .q2-carousel-pagination-navigation-wrapper { margin-bottom: 0; } body.highcontrast .content-block.task-carousel .q2-carousel-pane-main-content, body[class*="theme-"] .content-block.task-carousel .q2-carousel-pane-main-content { box-shadow: none; border: none; border-radius: none; min-height: 1rem; padding: 0 0 var(--app-scale-3); } body.highcontrast .content-block.task-carousel .task-content, body[class*="theme-"] .content-block.task-carousel .task-content { display: flex; flex-direction: column; } body.highcontrast .content-block.task-carousel .task-content .title-container, body[class*="theme-"] .content-block.task-carousel .task-content .title-container { display: flex; padding-bottom: var(--app-scale-3); text-align: left; font-weight: 600; align-items: center; } body.highcontrast .content-block.task-carousel .task-content .title-container q2-icon, body[class*="theme-"] .content-block.task-carousel .task-content .title-container q2-icon { height: 20px; margin-bottom: -3px; width: var(--app-scale-3); } body.highcontrast .content-block.task-carousel .task-content .title-container .task-title, body[class*="theme-"] .content-block.task-carousel .task-content .title-container .task-title { padding-left: var(--app-scale-1); text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } body.highcontrast .content-block.task-carousel .task-content .task-body, body[class*="theme-"] .content-block.task-carousel .task-content .task-body { display: flex; flex-direction: row; text-align: left; margin: 0; height: 4rem; } body.highcontrast .content-block.task-carousel .task-content .task-body q2-icon, body[class*="theme-"] .content-block.task-carousel .task-content .task-body q2-icon { flex-grow: 2; } body.highcontrast .content-block.task-carousel .task-content .task-body p, body[class*="theme-"] .content-block.task-carousel .task-content .task-body p { padding-left: var(--app-scale-2); margin-bottom: 0; width: 75%; } body.highcontrast .content-block.task-carousel .task-content .task-body.no-icon, body[class*="theme-"] .content-block.task-carousel .task-content .task-body.no-icon { max-width: 100%; } body.highcontrast .content-block.task-carousel .task-content .task-icon, body[class*="theme-"] .content-block.task-carousel .task-content .task-icon { position: absolute; top: 0; right: 0; height: 43px; width: 43px; margin: 6px; color: var(--uux-app-linkColor); } body.highcontrast .content-block.task-carousel .task-content .task-btn-container, body[class*="theme-"] .content-block.task-carousel .task-content .task-btn-container { display: flex; flex-direction: row; flex-grow: 2; justify-content: flex-end; margin-top: var(--app-scale-3); } body.highcontrast .content-block.task-carousel .task-content .task-btn-container.multi-btn, body[class*="theme-"] .content-block.task-carousel .task-content .task-btn-container.multi-btn { justify-content: space-between; } body.highcontrast .content-block.task-carousel .task-content .task-btn-container .task-btn, body[class*="theme-"] .content-block.task-carousel .task-content .task-btn-container .task-btn { color: var(--uux-app-linkColor); align-self: flex-end; } body.highcontrast .content-block.task-carousel .task-content .task-btn-container .task-btn :hover, body[class*="theme-"] .content-block.task-carousel .task-content .task-btn-container .task-btn :hover { color: var(--uux-app-linkHover); } body.highcontrast .content-block.task-carousel .task-content.task-carousel-no-tasks-found .title-container, body[class*="theme-"] .content-block.task-carousel .task-content.task-carousel-no-tasks-found .title-container { display: flex; padding-bottom: var(--app-scale-3); text-align: left; font-weight: 600; align-items: center; padding-top: 10px; } body.highcontrast .content-block.task-carousel .task-content.task-carousel-no-tasks-found .title-container q2-icon, body[class*="theme-"] .content-block.task-carousel .task-content.task-carousel-no-tasks-found .title-container q2-icon { height: 20px; margin-bottom: -3px; width: var(--app-scale-3); } body.highcontrast .content-block.task-carousel .task-content.task-carousel-no-tasks-found .title-container .task-title, body[class*="theme-"] .content-block.task-carousel .task-content.task-carousel-no-tasks-found .title-container .task-title { padding-left: var(--app-scale-1); text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } body.highcontrast .content-block.task-carousel .task-content.task-carousel-no-tasks-found .no-tasks-found-message, body[class*="theme-"] .content-block.task-carousel .task-content.task-carousel-no-tasks-found .no-tasks-found-message { text-align: center; padding: 0.5rem 3rem 2rem; } body.highcontrast .content-block.task-carousel .q2-carousel-pane:focus, body.highcontrast .content-block.task-carousel .q2-carousel-pane:focus .q2-carousel-pane-main-content, body[class*="theme-"] .content-block.task-carousel .q2-carousel-pane:focus, body[class*="theme-"] .content-block.task-carousel .q2-carousel-pane:focus .q2-carousel-pane-main-content { box-shadow: none !important; } @media screen and (max-width: 991px) { body.highcontrast .content-block.task-carousel, body[class*="theme-"] .content-block.task-carousel { max-width: 100%; } body.highcontrast .content-block.task-carousel .task-carousel, body[class*="theme-"] .content-block.task-carousel .task-carousel { border-radius: none; } } body.highcontrast .content-block.task-carousel .carousel-stage, body[class*="theme-"] .content-block.task-carousel .carousel-stage { max-height: 13.5rem; } body.highcontrast .content-block.content-carousel, body[class*="theme-"] .content-block.content-carousel { padding: var(--app-scale-2); } body.highcontrast .content-block.content-carousel h2, body[class*="theme-"] .content-block.content-carousel h2 { display: none; } body.highcontrast .content-block.content-carousel .q2-carousel-swiper-wrapper, body[class*="theme-"] .content-block.content-carousel .q2-carousel-swiper-wrapper { min-height: 0.5rem; } body.highcontrast .content-block.content-carousel .q2-carousel-pagination-navigation-wrapper, body[class*="theme-"] .content-block.content-carousel .q2-carousel-pagination-navigation-wrapper { margin-bottom: 0; } body.highcontrast .content-block.content-carousel .q2-carousel-pane-main-content, body[class*="theme-"] .content-block.content-carousel .q2-carousel-pane-main-content { box-shadow: none; border: none; border-radius: none; min-height: 1rem; padding: 0 0 var(--app-scale-3); } body.highcontrast .content-block.content-carousel .q2-carousel-pane:focus, body.highcontrast .content-block.content-carousel .q2-carousel-pane:focus .q2-carousel-pane-main-content, body[class*="theme-"] .content-block.content-carousel .q2-carousel-pane:focus, body[class*="theme-"] .content-block.content-carousel .q2-carousel-pane:focus .q2-carousel-pane-main-content { box-shadow: none !important; } @media screen and (max-width: 991px) { body.highcontrast .content-block.content-carousel, body[class*="theme-"] .content-block.content-carousel { max-width: 100%; } body.highcontrast .content-block.content-carousel .task-carousel, body[class*="theme-"] .content-block.content-carousel .task-carousel { border-radius: none; } } body.highcontrast .content-block-type.quick-links, body[class*="theme-"] .content-block-type.quick-links { min-height: 5rem; } body.highcontrast .content-block-type.quick-links a, body[class*="theme-"] .content-block-type.quick-links a { color: var(--uux-app-textColor); text-decoration: none; } body.highcontrast .content-block-type.quick-links .quick-link-actions, body[class*="theme-"] .content-block-type.quick-links .quick-link-actions { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } body.highcontrast .content-block-type.quick-links .quick-link-single-action a, body[class*="theme-"] .content-block-type.quick-links .quick-link-single-action a { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 82px; height: 93px; margin-bottom: var(--app-scale-3); border-radius: var(--t-border-radius-2); } body.highcontrast .content-block-type.quick-links .quick-link-single-action a:hover, body[class*="theme-"] .content-block-type.quick-links .quick-link-single-action a:hover { cursor: pointer; } body.highcontrast .content-block-type.quick-links .quick-link-single-action a:focus .contact-icon-wrapper, body.highcontrast .content-block-type.quick-links .quick-link-single-action a:hover .contact-icon-wrapper, body[class*="theme-"] .content-block-type.quick-links .quick-link-single-action a:focus .contact-icon-wrapper, body[class*="theme-"] .content-block-type.quick-links .quick-link-single-action a:hover .contact-icon-wrapper { box-shadow: var(--t-box-shadow-2); } body.highcontrast .content-block-type.quick-links .quick-link-single-action a:nth-child(3n + 3), body[class*="theme-"] .content-block-type.quick-links .quick-link-single-action a:nth-child(3n + 3) { margin-right: 0; } body.highcontrast .content-block-type.quick-links .contact-icon-wrapper, body[class*="theme-"] .content-block-type.quick-links .contact-icon-wrapper { display: flex; align-items: center; justify-content: flex-start; border-radius: 50%; padding: 1rem; margin-bottom: var(--app-scale-2); box-shadow: var(--t-box-shadow-1); transition: all 0.2s; } body.highcontrast .content-block-type.quick-links .quick-link-text, body[class*="theme-"] .content-block-type.quick-links .quick-link-text { text-transform: uppercase; text-align: center; font-size: 12px; } body.highcontrast .content-block-type.quick-links .text-content, body[class*="theme-"] .content-block-type.quick-links .text-content { padding: 0 0 var(--app-scale-2); } body.highcontrast .content-block-type.quick-links .quick-link-actions.four-actions, body[class*="theme-"] .content-block-type.quick-links .quick-link-actions.four-actions { padding: 0 4em; } body.highcontrast .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action, body[class*="theme-"] .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 82px; height: 93px; margin-bottom: var(--app-scale-3); margin-right: var(--app-scale-3); border-radius: var(--t-border-radius-2); } body.highcontrast .content-block-development-preview .block-options div, body.highcontrast .content-target .narrow-content-container .scored-content-item, body.highcontrast .content-target .normal-content-container .scored-content-item, body[class*="theme-"] .content-block-development-preview .block-options div, body[class*="theme-"] .content-target .narrow-content-container .scored-content-item, body[class*="theme-"] .content-target .normal-content-container .scored-content-item { width: 100%; } body.highcontrast .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:hover, body[class*="theme-"] .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:hover { cursor: pointer; } body.highcontrast .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:focus .contact-icon-wrapper, body.highcontrast .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:hover .contact-icon-wrapper, body[class*="theme-"] .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:focus .contact-icon-wrapper, body[class*="theme-"] .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:hover .contact-icon-wrapper { box-shadow: var(--t-box-shadow-2); } body.highcontrast .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:nth-child(even), body[class*="theme-"] .content-block-type.quick-links .quick-link-actions.four-actions .quick-link-single-action:nth-child(even) { margin-right: 0; } body.highcontrast .content-block-type.mini-widget, body[class*="theme-"] .content-block-type.mini-widget { background: var(--uux-app-mxMiniWidgetBg); border: none; } body.highcontrast .content-target:empty, body[class*="theme-"] .content-target:empty { display: none; } body.highcontrast .content-target > h3, body[class*="theme-"] .content-target > h3 { margin: 0; padding-left: 10px; } body.highcontrast .content-target .scored-content-item, body[class*="theme-"] .content-target .scored-content-item { text-align: center; padding: calc(var(--app-scale-3) / 2); } body.highcontrast .content-target .grid-list, body[class*="theme-"] .content-target .grid-list { --grid-col-width: 310px; display: grid; grid-gap: 1px; grid-template-columns: repeat(auto-fill, minmax(var(--grid-col-width), 1fr)); grid-auto-rows: 1px; } body.highcontrast .content-target .grid-list .scored-content-item, body[class*="theme-"] .content-target .grid-list .scored-content-item { padding: calc(var(--app-scale-3) / 2 - 1px); } @media screen and (max-width: 767px) { body.highcontrast .content-target .content-block, body[class*="theme-"] .content-target .content-block { border-radius: 0; } body.highcontrast .content-target .grid-list, body[class*="theme-"] .content-target .grid-list { display: block; } body.highcontrast .content-target .grid-list .dashboard-content-block, body[class*="theme-"] .content-target .grid-list .dashboard-content-block { margin-bottom: var(--app-scale-2); } body.highcontrast .content-target .grid-list .scored-content-item, body[class*="theme-"] .content-target .grid-list .scored-content-item { padding: calc(var(--app-scale-3) / 2) 0; } } body.highcontrast .content-target .four-column-max .grid-list, body[class*="theme-"] .content-target .four-column-max .grid-list { --grid-col-width: 270px; } body.highcontrast .content-target .narrow-content-container, body[class*="theme-"] .content-target .narrow-content-container { display: block; } body.highcontrast .content-block-development-preview, body[class*="theme-"] .content-block-development-preview { padding: 0 1rem; --tct-loading-skeleton-shimmer-color: transparent; } body.highcontrast .content-block-development-preview .block-options, body[class*="theme-"] .content-block-development-preview .block-options { display: flex; gap: 1rem; } @media screen and (max-width: 991px) { body.highcontrast .content-block-development-preview, body[class*="theme-"] .content-block-development-preview { padding: 0; } body.highcontrast .content-block-development-preview h3, body[class*="theme-"] .content-block-development-preview h3 { padding-left: 1rem; } body.highcontrast .content-block-development-preview .block-options, body[class*="theme-"] .content-block-development-preview .block-options { padding: 0 1rem; } body.highcontrast .content-block-development-preview .preview-actions, body[class*="theme-"] .content-block-development-preview .preview-actions { padding: 1rem; } } body.highcontrast .content-block-development-preview .block-options div.height, body[class*="theme-"] .content-block-development-preview .block-options div.height { width: 30rem; } body.highcontrast .content-block-development-preview .preview-actions, body[class*="theme-"] .content-block-development-preview .preview-actions { border-bottom: 1px solid var(--app-gray-l2); padding-bottom: 1rem; display: flex; gap: 0.5rem; } body.highcontrast .content-block-development-preview .content-block-dev-display, body[class*="theme-"] .content-block-development-preview .content-block-dev-display { min-height: 10rem; background-color: var(--app-gray-l2); padding: 5px; } @media screen and (max-width: 767px) { body.highcontrast .content-block-development-preview .content-block-dev-display, body[class*="theme-"] .content-block-development-preview .content-block-dev-display { padding: 0; } } body.highcontrast .content-block-development-preview .user-search-text, body[class*="theme-"] .content-block-development-preview .user-search-text { display: flex; align-content: center; text-align: left; } body.highcontrast .content-block-development-preview .user-search-text q2-icon, body[class*="theme-"] .content-block-development-preview .user-search-text q2-icon { margin-right: 0.5rem; } body.highcontrast .drag-scroller, body[class*="theme-"] .drag-scroller { height: 0; display: none; position: fixed; left: 0; right: 0; z-index: 0; } body.highcontrast .drag-scroller.visible, body[class*="theme-"] .drag-scroller.visible { display: block; height: 6em; } body.highcontrast .drag-scroller.visible.up, body[class*="theme-"] .drag-scroller.visible.up { top: 0; z-index: 9999; } body.highcontrast .drag-scroller.visible.down, body[class*="theme-"] .drag-scroller.visible.down { bottom: 0; z-index: 20; } body.highcontrast .drag-sort-group, body[class*="theme-"] .drag-sort-group { min-height: 77px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } body.highcontrast .drag-sort-group .mobile-sort-preview, body[class*="theme-"] .drag-sort-group .mobile-sort-preview { height: 0; width: 100%; z-index: 10; display: table; position: relative; float: left; background: var(--uux-theme-grayNeutral); } body.highcontrast .drag-sort-group .mobile-sort-preview:after, body[class*="theme-"] .drag-sort-group .mobile-sort-preview:after { position: absolute; top: -2px; left: 0; height: 4px; background: var(--uux-theme-grayNeutral); width: 100%; content: ""; display: block; z-index: 5; } body.highcontrast .drag-sort-zone > .drag-drop-clone, body.highcontrast .drag-sort-zone > .mobile-sort-preview, body[class*="theme-"] .drag-sort-zone > .drag-drop-clone, body[class*="theme-"] .drag-sort-zone > .mobile-sort-preview { display: none; } body.highcontrast .drop-zone, body[class*="theme-"] .drop-zone { border: 3px solid var(--uux-theme-primaryHighlight); } body.highcontrast .drop-zone.activated, body[class*="theme-"] .drop-zone.activated { color: var(--uux-theme-grayNeutral); border: 3px solid var(--uux-theme-grayNeutral); } body.highcontrast .drop-zone-drawer, body[class*="theme-"] .drop-zone-drawer { position: relative; height: 0; z-index: 25; width: 100%; } body.highcontrast .drop-zone-drawer.fixed .inner-contain, body[class*="theme-"] .drop-zone-drawer.fixed .inner-contain { position: fixed; bottom: 0; } body.highcontrast .drop-zone-drawer .inner-contain, body[class*="theme-"] .drop-zone-drawer .inner-contain { position: relative; z-index: 15; } body.highcontrast .drop-zone-drawer.open .coin-actions, body[class*="theme-"] .drop-zone-drawer.open .coin-actions { bottom: 25px; opacity: 1; transition: all 250ms ease-in-out; } body.highcontrast .drop-zone-drawer .coin-actions, body[class*="theme-"] .drop-zone-drawer .coin-actions { width: 90px; position: absolute; bottom: -80px; opacity: 0; right: 0; transition: all 250ms ease-in-out; } body.highcontrast .drop-zone-drawer .coin-actions .drop-coin, body[class*="theme-"] .drop-zone-drawer .coin-actions .drop-coin { position: relative; font-size: 45px; width: 75px; height: 75px; display: block; text-align: center; margin-bottom: 15px; margin-right: 15px; background: var(--uux-theme-white); text-shadow: 2px 2px 0 var(--uux-theme-white); border-radius: 75px; box-shadow: 0 3px 9px var(--t-top-a1); } body.highcontrast .drop-zone-drawer .coin-actions .drop-coin > span, body[class*="theme-"] .drop-zone-drawer .coin-actions .drop-coin > span { color: inherit; } body.highcontrast .thumb-nav-enabled .drop-zone-drawer.open .coin-actions, body[class*="theme-"] .thumb-nav-enabled .drop-zone-drawer.open .coin-actions { bottom: var(--uux-app-thumbBarHeight); } body.highcontrast .over-panel.is-visible ~ .bottom-sheet.expanded.hybrid, body.highcontrast .over-panel.is-visible ~ .bottom-sheet.hybrid, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.expanded.hybrid, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.hybrid { bottom: 0; z-index: 10002; } body.highcontrast .hade-detail .ui-icon:before, body[class*="theme-"] .hade-detail .ui-icon:before { margin-left: 0; } body.highcontrast .hade-detail .tooltipped, body[class*="theme-"] .hade-detail .tooltipped { font-size: 16px; } body.highcontrast .pfm-tile .hade-detail.tile-card-detail-secondary, body.highcontrast .pfm-tile .hade-detail.tile-card-detail-secondary.hidden ~ .tile-card-detail-tertiary, body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-secondary, body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-secondary.hidden ~ .tile-card-detail-tertiary { display: flex; } body.highcontrast .pfm-tile .hade-detail.tile-card-detail-tertiary, body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-tertiary { display: none; } body.highcontrast .pfm-tile .hade-detail.tile-card-detail-tertiary > dt, body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-tertiary > dt { display: flex; align-content: center; } body.highcontrast .pfm-tile .hade-detail.tile-card-detail-tertiary > dt q2-icon, body.highcontrast .pfm-tile .hade-detail.tile-card-detail-tertiary > dt q2-loading, body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-tertiary > dt q2-icon, body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-tertiary > dt q2-loading { margin: 3px; width: 1.2em; height: 1.2em; } body.highcontrast .pfm-tile .hade-detail.tile-card-detail-tertiary > dt q2-icon[type="time"], body[class*="theme-"] .pfm-tile .hade-detail.tile-card-detail-tertiary > dt q2-icon[type="time"] { color: var(--uux-CONST-GRAY-L1); } body.highcontrast .pfm-tile:hover .hade-detail.tile-card-detail-secondary, body[class*="theme-"] .pfm-tile:hover .hade-detail.tile-card-detail-secondary { display: none; } body.highcontrast .pfm-tile:hover .hade-detail.tile-card-detail-tertiary, body[class*="theme-"] .pfm-tile:hover .hade-detail.tile-card-detail-tertiary { display: flex; } body.highcontrast .fi-lookup .fi-name, body[class*="theme-"] .fi-lookup .fi-name { font-weight: 300; } body.highcontrast .fi-lookup .intl-fi-name, body[class*="theme-"] .fi-lookup .intl-fi-name { font-size: 18px; } body.highcontrast .fi-lookup .focused-aba, body[class*="theme-"] .fi-lookup .focused-aba { font-weight: 700; } body.highcontrast .fi-lookup .search-select-wrapper .search-select-list .search-select-item, body[class*="theme-"] .fi-lookup .search-select-wrapper .search-select-list .search-select-item { background: var(--uux-app-inputFocusBg); } body.highcontrast .ebill-status, body[class*="theme-"] .ebill-status { line-height: 1em; } body.highcontrast .ebill-status .ebill-primary-balance, body.highcontrast .ebill-status .ebill-status-tag, body[class*="theme-"] .ebill-status .ebill-primary-balance, body[class*="theme-"] .ebill-status .ebill-status-tag { font-weight: 600; } body.highcontrast .ebill-status .ebill-min, body[class*="theme-"] .ebill-status .ebill-min { font-size: 12px; } body.highcontrast .ebill-status .ebill-balance-tag, body[class*="theme-"] .ebill-status .ebill-balance-tag { border: 1px solid; border-color: var(--uux-CONST_STOPLIGHT_INFO); color: var(--uux-CONST_STOPLIGHT_INFO); display: inline-block; font-size: 14px; font-weight: 600; line-height: 1.3em; padding: 1px 4px; } body.highcontrast .ebill-status.overdue .ebill-balance-tag, body[class*="theme-"] .ebill-status.overdue .ebill-balance-tag { border-color: var(--uux-CONST_STOPLIGHT_ALERT); color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .ebill-status-tag .ebill-tag, body[class*="theme-"] .ebill-status-tag .ebill-tag { border: 1px solid var(--uux-app-tilecardStatusTagBorder); color: var(--uux-app-tilecardStatusTagText); display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.3em; padding: 1px 4px; } body.highcontrast .ebill-statement-row .dropdown a.dropdown-toggle:hover, body[class*="theme-"] .ebill-statement-row .dropdown a.dropdown-toggle:hover { color: var(--uux-app-tilecardDropdownLinkHoverContrast) !important; } body.highcontrast .ebill-statement-row .dropdown a.dropdown-toggle.disabled, body[class*="theme-"] .ebill-statement-row .dropdown a.dropdown-toggle.disabled { color: var(--uux-app-textColor) !important; } body.highcontrast .autopay-radio, body[class*="theme-"] .autopay-radio { margin-bottom: 10px; } body.highcontrast .autopay-fixed-amount .currency-field, body[class*="theme-"] .autopay-fixed-amount .currency-field { margin-top: 10px; display: none; } body.highcontrast .autopay-fixed-amount.selected .currency-field, body[class*="theme-"] .autopay-fixed-amount.selected .currency-field { display: block; margin-bottom: 0; } body.highcontrast .over-panel.is-visible ~ .bottom-sheet.expanded.persistent, body.highcontrast .over-panel.is-visible ~ .bottom-sheet.persistent, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.expanded.persistent, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.persistent { bottom: 0; z-index: 10002; } body.highcontrast .over-panel.is-visible ~ .bottom-sheet-overlay, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet-overlay { z-index: 10001; } body.highcontrast .over-panel.is-visible ~ .bottom-sheet.hybrid .bottom-sheet-content, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.hybrid .bottom-sheet-content { max-height: 0; transition: all 250ms ease-in-out; } body.highcontrast .over-panel.is-visible ~ .bottom-sheet.expanded.hybrid .bottom-sheet-content, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.expanded.hybrid .bottom-sheet-content { max-height: 500px; transition: all 250ms ease-in-out; } body.highcontrast .bottom-sheet, body[class*="theme-"] .bottom-sheet { position: fixed; z-index: 51; bottom: -1000px; background: var(--t-base); box-shadow: 0 0 5px 0 var(--t-top-a1); transition: all 250ms ease-in-out; width: 100%; } @media screen and (orientation: landscape) { body.highcontrast .over-panel.is-visible ~ .bottom-sheet.expanded.hybrid .bottom-sheet-content, body[class*="theme-"] .over-panel.is-visible ~ .bottom-sheet.expanded.hybrid .bottom-sheet-content { max-height: 250px; } body.highcontrast .bottom-sheet, body[class*="theme-"] .bottom-sheet { width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)); } } body.highcontrast .bottom-sheet header, body[class*="theme-"] .bottom-sheet header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; height: 20px; padding: 20px 15px; } body.highcontrast .bottom-sheet header h2, body[class*="theme-"] .bottom-sheet header h2 { margin: 0; } body.highcontrast .bottom-sheet .bottom-sheet-content, body[class*="theme-"] .bottom-sheet .bottom-sheet-content { padding: 0 30px; max-height: 500px; overflow: scroll; transition: all 250ms ease-in-out; } @media screen and (orientation: landscape) { body.highcontrast .bottom-sheet .bottom-sheet-content .bottom-sheet-content, body[class*="theme-"] .bottom-sheet .bottom-sheet-content .bottom-sheet-content { max-height: 250px; } } body.highcontrast .bottom-sheet .btn-container, body[class*="theme-"] .bottom-sheet .btn-container { margin: 0 0 30px; } body.highcontrast .bottom-sheet .bottom-sheet-actionList, body[class*="theme-"] .bottom-sheet .bottom-sheet-actionList { padding: 0; } body.highcontrast .bottom-sheet .bottom-sheet-actionList li, body[class*="theme-"] .bottom-sheet .bottom-sheet-actionList li { padding: 15px 0; display: flex; list-style: none; align-items: center; font-size: 10px; font-weight: 600; } body.highcontrast .bottom-sheet .bottom-sheet-actionList li:focus, body.highcontrast .bottom-sheet .bottom-sheet-actionList li:hover, body[class*="theme-"] .bottom-sheet .bottom-sheet-actionList li:focus, body[class*="theme-"] .bottom-sheet .bottom-sheet-actionList li:hover { background: var(--uux-app-navHighlightBg); } body.highcontrast .bottom-sheet .bottom-sheet-actionList li div, body[class*="theme-"] .bottom-sheet .bottom-sheet-actionList li div { margin-left: 15px; } body.highcontrast .bottom-sheet .toggle-icon, body[class*="theme-"] .bottom-sheet .toggle-icon { width: 24px; height: 24px; transition: all var(--app-tween-1); } body.highcontrast .bottom-sheet.thumb-nav-enabled.expanded.persistent, body.highcontrast .bottom-sheet.thumb-nav-enabled.persistent, body[class*="theme-"] .bottom-sheet.thumb-nav-enabled.expanded.persistent, body[class*="theme-"] .bottom-sheet.thumb-nav-enabled.persistent { bottom: 70px; } body.highcontrast .bottom-sheet.expanded, body[class*="theme-"] .bottom-sheet.expanded { bottom: 0; } body.highcontrast .bottom-sheet.expanded .toggle-icon, body[class*="theme-"] .bottom-sheet.expanded .toggle-icon { transform: rotate(-180deg); transition: all var(--app-tween-1); } body.highcontrast .bottom-sheet.expanded.hybrid .bottom-sheet-content, body.highcontrast .bottom-sheet.expanded.persistent .bottom-sheet-content, body[class*="theme-"] .bottom-sheet.expanded.hybrid .bottom-sheet-content, body[class*="theme-"] .bottom-sheet.expanded.persistent .bottom-sheet-content { max-height: 500px; transition: all 250ms ease-in-out; } @media screen and (orientation: landscape) { body.highcontrast .bottom-sheet.expanded.hybrid .bottom-sheet-content, body.highcontrast .bottom-sheet.expanded.persistent .bottom-sheet-content, body[class*="theme-"] .bottom-sheet.expanded.hybrid .bottom-sheet-content, body[class*="theme-"] .bottom-sheet.expanded.persistent .bottom-sheet-content { max-height: 250px; } } body.highcontrast .bottom-sheet:not(.expanded) q2-btn, body[class*="theme-"] .bottom-sheet:not(.expanded) q2-btn { display: none; } body.highcontrast .bottom-sheet.persistent, body[class*="theme-"] .bottom-sheet.persistent { bottom: 0; } body.highcontrast .bottom-sheet.persistent .bottom-sheet-content, body[class*="theme-"] .bottom-sheet.persistent .bottom-sheet-content { max-height: 0; transition: all 250ms ease-in-out; } body.highcontrast .bottom-sheet-overlay, body[class*="theme-"] .bottom-sheet-overlay { overflow-y: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--t-top-a2); z-index: 48; text-align: center; } body.highcontrast .history-splits .amount-controls, body[class*="theme-"] .history-splits .amount-controls { display: flex; align-items: center; justify-content: space-between; text-align: right; } body.highcontrast .history-splits .ui-currency, body[class*="theme-"] .history-splits .ui-currency { flex: 1; } @media screen and (min-width: 768px) { body.highcontrast .history-splits .ui-currency, body[class*="theme-"] .history-splits .ui-currency { padding-right: 105px; } } body.highcontrast .history-splits .editable-field .ui-currency, body[class*="theme-"] .history-splits .editable-field .ui-currency { padding-right: 11px; } body.highcontrast .history-splits .history-split-item, body[class*="theme-"] .history-splits .history-split-item { display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0; } body.highcontrast .history-splits .history-split-item:not(:last-child), body[class*="theme-"] .history-splits .history-split-item:not(:last-child) { border-bottom: 1px solid var(--uux-CONST_GRAY_L1); } body.highcontrast .history-splits .history-split-description, body[class*="theme-"] .history-splits .history-split-description { flex: 1; padding-left: 10px; } body.highcontrast .history-splits .history-split-value, body[class*="theme-"] .history-splits .history-split-value { padding: 10px 0; width: 100%; display: flex; justify-content: flex-end; } @media screen and (min-width: 768px) { body.highcontrast .history-splits .history-split-value, body[class*="theme-"] .history-splits .history-split-value { padding: 0 0 0 10px; width: 30%; } } body.highcontrast .history-splits q2-editable-field[editing], body[class*="theme-"] .history-splits q2-editable-field[editing] { width: 100%; } @media screen and (min-width: 768px) { body.highcontrast .history-splits .editing .history-split-value, body[class*="theme-"] .history-splits .editing .history-split-value { width: 45%; } } body.highcontrast .print-content, body[class*="theme-"] .print-content { display: none; } body.highcontrast .print-content .check, body[class*="theme-"] .print-content .check { max-width: 670px; padding: 10px 0; display: block; margin: auto; } body.highcontrast .print-content #transaction-print-logo, body[class*="theme-"] .print-content #transaction-print-logo { max-width: 600px; display: block; } body.highcontrast .print-content .timestamp, body[class*="theme-"] .print-content .timestamp { margin-top: 15px; float: right; } body.highcontrast .print-content .acct-name, body[class*="theme-"] .print-content .acct-name { font-weight: 300; font-size: 19px; } body.highcontrast .print-content .acct-num, body[class*="theme-"] .print-content .acct-num { font-weight: 300; font-size: 14px; } body.highcontrast .print-content .check-images, body[class*="theme-"] .print-content .check-images { margin: 10px; } body.highcontrast .print-content .detail-items, body.highcontrast .print-content .qt-modal-details, body[class*="theme-"] .print-content .detail-items, body[class*="theme-"] .print-content .qt-modal-details { margin-top: 15px; } body.highcontrast .print-content .dl-standard:after, body.highcontrast .print-content .dl-standard:before, body[class*="theme-"] .print-content .dl-standard:after, body[class*="theme-"] .print-content .dl-standard:before { display: table; line-height: 0; } body.highcontrast .print-content .dl-standard dt, body[class*="theme-"] .print-content .dl-standard dt { float: left; margin-right: 15px; clear: left; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; } body.highcontrast .print-content .dl-standard dd, body[class*="theme-"] .print-content .dl-standard dd { margin-left: 0; line-height: 20px; } body.highcontrast .print-content .qt-modal-title, body[class*="theme-"] .print-content .qt-modal-title { font-weight: 300; font-size: 19px; margin-bottom: 20px; } @keyframes SlideInFromBottom { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes SlideOutToBottom { from { transform: translateY(0); } to { transform: translateY(100%); } } @keyframes fadeIn { from { opacity: 0; z-index: -1; } to { opacity: 1; z-index: 10000; } } @keyframes fadeOut { from { opacity: 1; z-index: 10000; } to { opacity: 0; z-index: -1; } } body.highcontrast .over-panel .overpanel-button-container .overpanel-button.disabled, body.highcontrast .tile-card.tile-card-disabled .tile-card-badge, body.highcontrast .tile-card.tile-card-disabled .tile-card-title, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button.disabled, body[class*="theme-"] .tile-card.tile-card-disabled .tile-card-badge, body[class*="theme-"] .tile-card.tile-card-disabled .tile-card-title { opacity: 0.5; } body.highcontrast .over-panel, body.highcontrast .overpanel-backdrop-container, body[class*="theme-"] .over-panel, body[class*="theme-"] .overpanel-backdrop-container { --app-timing-100: 100ms; --app-timing-150: 150ms; --app-timing-200: 200ms; --app-timing-250: 250ms; --app-timing-300: 300ms; --app-timing-350: 350ms; --app-timing-400: 400ms; --app-timing-450: 450ms; --app-timing-500: 500ms; --app-timing-550: 550ms; --app-timing-600: 600ms; --easeOutSine: cubic-bezier(0.61, 1, 0.88, 1); --easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1); --easeInOutBounce: cubic-bezier(0.5, 0, 0.5, 1.4); --easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1); --decelerateIn: cubic-bezier(0, 0, 0.2, 1); --accelerateOut: cubic-bezier(0.4, 0, 0.2, 1); } body.highcontrast .over-panel, body[class*="theme-"] .over-panel { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; padding: 0; z-index: 10001; background: 0 0; } @media screen and (orientation: landscape) { body.highcontrast .over-panel, body[class*="theme-"] .over-panel { width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)); } } body.highcontrast .over-panel:focus, body[class*="theme-"] .over-panel:focus { outline: 0; box-shadow: none; } body.highcontrast .over-panel.small .overpanel-inner, body[class*="theme-"] .over-panel.small .overpanel-inner { max-width: 420px; } body.highcontrast .over-panel.medium .overpanel-inner, body[class*="theme-"] .over-panel.medium .overpanel-inner { max-width: 600px; } body.highcontrast .over-panel.large .overpanel-inner, body[class*="theme-"] .over-panel.large .overpanel-inner { max-width: 945px; } body.highcontrast .over-panel.medium .overpanel-title, body.highcontrast .over-panel.small .overpanel-title, body[class*="theme-"] .over-panel.medium .overpanel-title, body[class*="theme-"] .over-panel.small .overpanel-title { font-size: 25px; } body.highcontrast .over-panel.large .overpanel-inner, body.highcontrast .over-panel.medium .overpanel-inner, body.highcontrast .over-panel.small .overpanel-inner, body[class*="theme-"] .over-panel.large .overpanel-inner, body[class*="theme-"] .over-panel.medium .overpanel-inner, body[class*="theme-"] .over-panel.small .overpanel-inner { padding: 0 var(--app-scale-4x) var(--app-scale-4x); } body.highcontrast .over-panel.large .overpanel-inner .overpanel-header, body.highcontrast .over-panel.medium .overpanel-inner .overpanel-header, body.highcontrast .over-panel.small .overpanel-inner .overpanel-header, body[class*="theme-"] .over-panel.large .overpanel-inner .overpanel-header, body[class*="theme-"] .over-panel.medium .overpanel-inner .overpanel-header, body[class*="theme-"] .over-panel.small .overpanel-inner .overpanel-header { padding: var(--app-scale-2x) 0 var(--app-scale-3x); } body.highcontrast .over-panel.large .overpanel-inner .overpanel-footer, body.highcontrast .over-panel.medium .overpanel-inner .overpanel-footer, body.highcontrast .over-panel.small .overpanel-inner .overpanel-footer, body[class*="theme-"] .over-panel.large .overpanel-inner .overpanel-footer, body[class*="theme-"] .over-panel.medium .overpanel-inner .overpanel-footer, body[class*="theme-"] .over-panel.small .overpanel-inner .overpanel-footer { display: none; } body.highcontrast .over-panel .overpanel-inner, body[class*="theme-"] .over-panel .overpanel-inner { display: flex; flex-direction: column; flex: 1; height: 100%; max-height: 100%; max-width: var(--uux-desktop-contentWrapperWidth); color: var(--uux-app-overpanelText); background: var(--uux-app-overpanelBg); box-shadow: -5px 0 8px var(--uux-app-overpanelOverlay); margin-left: auto; margin-right: auto; } body.highcontrast .over-panel .overpanel-inner:focus, body.highcontrast .over-panel .overpanel-slider:focus, body[class*="theme-"] .over-panel .overpanel-inner:focus, body[class*="theme-"] .over-panel .overpanel-slider:focus { box-shadow: none; } body.highcontrast .over-panel .overpanel-slider, body[class*="theme-"] .over-panel .overpanel-slider { padding: 0 10px; flex: 1; display: flex; flex-direction: column; } body.highcontrast .over-panel .overpanel-slider .legacy-dyn-form-content, body[class*="theme-"] .over-panel .overpanel-slider .legacy-dyn-form-content { padding: 0; } body.highcontrast .over-panel .overpanel-slider .dynamic-form, body.highcontrast .over-panel .overpanel-slider .wedge-shim, body[class*="theme-"] .over-panel .overpanel-slider .dynamic-form, body[class*="theme-"] .over-panel .overpanel-slider .wedge-shim { height: 100%; } body.highcontrast .over-panel .overpanel-actionbar, body[class*="theme-"] .over-panel .overpanel-actionbar { height: 54px; white-space: nowrap; } body.highcontrast .over-panel .overpanel-actionbar:after, body.highcontrast .over-panel .overpanel-actionbar:before, body[class*="theme-"] .over-panel .overpanel-actionbar:after, body[class*="theme-"] .over-panel .overpanel-actionbar:before { content: ""; display: table; line-height: 0; } body.highcontrast .over-panel .overpanel-actionbar:after, body[class*="theme-"] .over-panel .overpanel-actionbar:after { clear: both; } body.highcontrast .over-panel .overpanel-actionbar .btn, body[class*="theme-"] .over-panel .overpanel-actionbar .btn { cursor: pointer; float: right; } body.highcontrast .over-panel .overpanel-actionbar .btn.disabled, body.highcontrast .over-panel .overpanel-actionbar .btn[disabled], body[class*="theme-"] .over-panel .overpanel-actionbar .btn.disabled, body[class*="theme-"] .over-panel .overpanel-actionbar .btn[disabled] { cursor: default; } body.highcontrast .over-panel .overpanel-scroll-wrapper, body[class*="theme-"] .over-panel .overpanel-scroll-wrapper { position: relative; flex: 1; display: flex; } body.highcontrast .over-panel .overpanel-scroll-wrapper.force-height .overpanel-slider, body[class*="theme-"] .over-panel .overpanel-scroll-wrapper.force-height .overpanel-slider { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; margin-bottom: 10px; } body.highcontrast .over-panel .overpanel-scroll-wrapper.force-height .bottom-sheet-active, body[class*="theme-"] .over-panel .overpanel-scroll-wrapper.force-height .bottom-sheet-active { margin-bottom: 60px; } body.highcontrast .over-panel .overpanel-scroll-wrapper.force-height .bottom-sheet-active .account-selection, body[class*="theme-"] .over-panel .overpanel-scroll-wrapper.force-height .bottom-sheet-active .account-selection { margin-bottom: 10px; } body.highcontrast .over-panel .overpanel-scroll-wrapper.force-height .bottom-sheet-active .force-min-height, body[class*="theme-"] .over-panel .overpanel-scroll-wrapper.force-height .bottom-sheet-active .force-min-height { min-height: 1200px; } body.highcontrast .over-panel .overpanel-content h4, body[class*="theme-"] .over-panel .overpanel-content h4 { font-size: 18px; margin-top: 24px; margin-bottom: 24px; } body.highcontrast .over-panel .overpanel-content h4:first-of-type, body[class*="theme-"] .over-panel .overpanel-content h4:first-of-type { margin-top: 0; } body.highcontrast .over-panel .overpanel-content p, body[class*="theme-"] .over-panel .overpanel-content p { margin-bottom: 24px; } body.highcontrast .over-panel .overpanel-content .tile-card p, body[class*="theme-"] .over-panel .overpanel-content .tile-card p { margin: 0; } body.highcontrast .over-panel .overpanel-alert-container, body[class*="theme-"] .over-panel .overpanel-alert-container { padding: 0 15px; position: relative; } body.highcontrast .over-panel .overpanel-content-wrapper, body.highcontrast .over-panel .overpanel-inline-actionbar .overpanel-actionbar-wrapper, body[class*="theme-"] .over-panel .overpanel-content-wrapper, body[class*="theme-"] .over-panel .overpanel-inline-actionbar .overpanel-actionbar-wrapper { float: none; display: block; position: static; } body.highcontrast .over-panel .overpanel-spacer, body[class*="theme-"] .over-panel .overpanel-spacer { display: block; min-height: 180px; position: relative; max-height: 33%; width: 100%; } body.highcontrast .over-panel .overpanel-headerlink, body[class*="theme-"] .over-panel .overpanel-headerlink { color: var(--uux-app-overpanelText); display: block; line-height: 32px; text-decoration: none; white-space: nowrap; z-index: 1; } body.highcontrast .over-panel .overpanel-headerlink:hover, body[class*="theme-"] .over-panel .overpanel-headerlink:hover { text-decoration: none; color: var(--uux-app-overpanelHoverText); } body.highcontrast .over-panel .overpanel-header, body[class*="theme-"] .over-panel .overpanel-header { display: flex; justify-content: space-between; align-items: center; padding: var(--app-scale-2x) var(--app-scale-3x) var(--app-scale-3x); z-index: 1; } body.highcontrast .over-panel .overpanel-header .overpanel-title, body[class*="theme-"] .over-panel .overpanel-header .overpanel-title { margin: 0 auto; text-align: center; } body.highcontrast .over-panel .overpanel-button-container, body[class*="theme-"] .over-panel .overpanel-button-container { flex-basis: 44px; flex-grow: 1; white-space: nowrap; } body.highcontrast .over-panel .overpanel-button-container .overpanel-button, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button { height: 44px; display: flex; align-items: center; --tct-icon-stroke-width: 2.5px; } body.highcontrast .over-panel .overpanel-button-container .overpanel-button.disabled:hover, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button.disabled:hover { color: var(--uux-app-overpanelText); } body.highcontrast .over-panel .overpanel-button-container .overpanel-button.overpanel-back, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button.overpanel-back { display: inline-flex; } body.highcontrast .over-panel .overpanel-button-container .overpanel-button.overpanel-close, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button.overpanel-close { width: 44px; margin-left: auto; } body.highcontrast .over-panel .overpanel-button-container .overpanel-button q2-icon, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button q2-icon { vertical-align: middle; } body.highcontrast .over-panel .overpanel-button-container .overpanel-button .overpanel-back-label, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button .overpanel-back-label { margin: 0; display: inline-block; vertical-align: top; } body.highcontrast .over-panel .overpanel-footer, body[class*="theme-"] .over-panel .overpanel-footer { height: 75px; margin: 0 auto; width: 100%; max-width: var(--uux-desktop-contentWrapperWidth); } body.highcontrast .over-panel .overpanel-footer .overpanel-footer-outer, body[class*="theme-"] .over-panel .overpanel-footer .overpanel-footer-outer { height: 100%; } body.highcontrast .over-panel .overpanel-footer .overpanel-footer-inner, body[class*="theme-"] .over-panel .overpanel-footer .overpanel-footer-inner { background-image: var(--uux-app-brandingBarBgImage); background-position: center center; background-repeat: no-repeat; background-color: var(--uux-app-overpanelFooterBg); margin: 0 auto; } body.highcontrast .over-panel .has-error .form-control, body[class*="theme-"] .over-panel .has-error .form-control { border-color: var(--uux-app-requiredIndicator) !important; box-shadow: inset 0 1px 1px var(--uux-app-overpanelBoxShadowColor) !important; } @media (max-width: 767px) { body.highcontrast .over-panel > .overpanel-inner, body[class*="theme-"] .over-panel > .overpanel-inner { height: 100%; } body.highcontrast .over-panel .overpanel-header, body[class*="theme-"] .over-panel .overpanel-header { flex: 0 0 48px; z-index: 1; } body.highcontrast .over-panel .overpanel-button-container .overpanel-button .overpanel-back-label, body.highcontrast .over-panel .overpanel-footer, body[class*="theme-"] .over-panel .overpanel-button-container .overpanel-button .overpanel-back-label, body[class*="theme-"] .over-panel .overpanel-footer { display: none; } body.highcontrast .over-panel .overpanel-actionbar-wrapper, body[class*="theme-"] .over-panel .overpanel-actionbar-wrapper { padding: 7.5px 15px; } body.highcontrast .over-panel .overpanel-slider .overpanel-tabs, body[class*="theme-"] .over-panel .overpanel-slider .overpanel-tabs { margin: 0; } body.highcontrast .over-panel .overpanel-tabs, body[class*="theme-"] .over-panel .overpanel-tabs { position: fixed; left: 0; right: 0; bottom: 0; z-index: 11; margin-bottom: 0; } body.highcontrast .over-panel .overpanel-tabs .tab-button, body.highcontrast .over-panel .overpanel-tabs .tab-item, body[class*="theme-"] .over-panel .overpanel-tabs .tab-button, body[class*="theme-"] .over-panel .overpanel-tabs .tab-item { font-size: 12px; } body.highcontrast .over-panel .overpanel-tabs .tab-item, body[class*="theme-"] .over-panel .overpanel-tabs .tab-item { padding: 14px 0; } body.highcontrast .over-panel .overpanel-tabs .tab-button, body[class*="theme-"] .over-panel .overpanel-tabs .tab-button { padding: 8px 12px; } body.highcontrast .over-panel .overpanel-tabs .tab-button.pull-right, body[class*="theme-"] .over-panel .overpanel-tabs .tab-button.pull-right { margin-right: 10px; } } @media (min-width: 480px) { body.highcontrast .over-panel.small .overpanel-inner, body[class*="theme-"] .over-panel.small .overpanel-inner { max-height: calc(100% - 2 * var(--app-scale-4x)); margin: var(--app-scale-4x) auto; } } @media (min-width: 768px) { body.highcontrast .over-panel.medium .overpanel-inner, body[class*="theme-"] .over-panel.medium .overpanel-inner { max-height: calc(100% - 2 * var(--app-scale-4x)); margin: var(--app-scale-4x) auto; } } @media (min-width: 992px) { body.highcontrast .over-panel.large .overpanel-inner, body[class*="theme-"] .over-panel.large .overpanel-inner { max-height: calc(100% - 2 * var(--app-scale-6x)); margin: var(--app-scale-6x) auto; padding: 0 var(--app-scale-6x) var(--app-scale-6x); } } @media (min-width: 1279px) { body.highcontrast .over-panel .overpanel-content, body.highcontrast .over-panel .overpanel-inline-actionbar, body[class*="theme-"] .over-panel .overpanel-content, body[class*="theme-"] .over-panel .overpanel-inline-actionbar { max-width: 1280px; } } @media (min-width: 768px) and (max-width: 991px) { body.highcontrast .over-panel:not(.small):not(.medium):not(.large) .overpanel-content-wrapper, body.highcontrast .over-panel:not(.small):not(.medium):not(.large) .overpanel-inline-actionbar, body[class*="theme-"] .over-panel:not(.small):not(.medium):not(.large) .overpanel-content-wrapper, body[class*="theme-"] .over-panel:not(.small):not(.medium):not(.large) .overpanel-inline-actionbar { padding-left: var(--app-scale-6x); padding-right: var(--app-scale-6x); } } @media (max-height: 768px) { body.highcontrast .over-panel.large .overpanel-inner, body.highcontrast .over-panel.medium .overpanel-inner, body.highcontrast .over-panel.small .overpanel-inner, body[class*="theme-"] .over-panel.large .overpanel-inner, body[class*="theme-"] .over-panel.medium .overpanel-inner, body[class*="theme-"] .over-panel.small .overpanel-inner { min-height: 100%; max-height: 100%; margin: auto; } body.highcontrast .over-panel .overpanel-footer, body[class*="theme-"] .over-panel .overpanel-footer { display: none; } } body.highcontrast.phone .over-panel .overpanel-actionbar, body[class*="theme-"].phone .over-panel .overpanel-actionbar { display: flex; flex: 0 0 63px; padding: 15px; background: var(--uux-app-overpanelBg); } body.highcontrast.phone .over-panel .overpanel-inline-actionbar, body[class*="theme-"].phone .over-panel .overpanel-inline-actionbar { display: none; } body.highcontrast.desktop .over-panel .overpanel-footer, body[class*="theme-"].desktop .over-panel .overpanel-footer { background-image: var(--uux-desktop-brandingBarBgImage); background-position: center center; background-repeat: no-repeat; } body.highcontrast.tablet .over-panel .overpanel-footer, body[class*="theme-"].tablet .over-panel .overpanel-footer { background-image: var(--uux-tablet-brandingBarBgImage); background-position: center center; background-repeat: no-repeat; } body.highcontrast .horizontal-nav .over-panel > .overpanel-inner, body[class*="theme-"] .horizontal-nav .over-panel > .overpanel-inner { max-width: var(--uux-desktop-contentWrapperWidth); } body.highcontrast .over-panel.is-visible, body[class*="theme-"] .over-panel.is-visible { display: block; } body.highcontrast .over-panel.is-visible .is-elevated-overpanel, body[class*="theme-"] .over-panel.is-visible .is-elevated-overpanel { z-index: 10003; } body.highcontrast .overpanel-backdrop-container, body[class*="theme-"] .overpanel-backdrop-container { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } body.highcontrast .overpanel-backdrop-container.is-visible, body[class*="theme-"] .overpanel-backdrop-container.is-visible { animation-name: fadeIn; animation-duration: var(--app-timing-200); animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .overpanel-backdrop-container.is-hidden, body[class*="theme-"] .overpanel-backdrop-container.is-hidden { animation-name: fadeOut; animation-duration: var(--app-timing-200); animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .overpanel-backdrop-container .overpanel-backdrop, body[class*="theme-"] .overpanel-backdrop-container .overpanel-backdrop { background: var(--uux-app-overpanelOverlay) !important; } body.highcontrast .over-panel.slide-in, body[class*="theme-"] .over-panel.slide-in { animation-name: SlideInFromBottom; animation-duration: var(--app-timing-400); animation-timing-function: var(--decelerateIn); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-in.small, body[class*="theme-"] .over-panel.slide-in.small { animation-name: SlideInFromBottom; animation-duration: var(--app-timing-350); animation-timing-function: var(--decelerateIn); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-in.medium, body[class*="theme-"] .over-panel.slide-in.medium { animation-name: SlideInFromBottom; animation-duration: var(--app-timing-400); animation-timing-function: var(--decelerateIn); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-in.large, body[class*="theme-"] .over-panel.slide-in.large { animation-name: SlideInFromBottom; animation-duration: var(--app-timing-450); animation-timing-function: var(--decelerateIn); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-in .full-width, body.highcontrast .over-panel.slide-in.full, body[class*="theme-"] .over-panel.slide-in .full-width, body[class*="theme-"] .over-panel.slide-in.full { animation-name: SlideInFromBottom; animation-duration: var(--app-timing-550); animation-timing-function: var(--decelerateIn); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-out, body[class*="theme-"] .over-panel.slide-out { animation-name: SlideOutToBottom; animation-duration: var(--app-timing-400); animation-timing-function: var(--accelerateOut); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-out.small, body[class*="theme-"] .over-panel.slide-out.small { animation-name: SlideOutToBottom; animation-duration: var(--app-timing-300); animation-timing-function: var(--accelerateOut); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-out.medium, body[class*="theme-"] .over-panel.slide-out.medium { animation-name: SlideOutToBottom; animation-duration: var(--app-timing-350); animation-timing-function: var(--accelerateOut); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-out.large, body[class*="theme-"] .over-panel.slide-out.large { animation-name: SlideOutToBottom; animation-duration: var(--app-timing-400); animation-timing-function: var(--accelerateOut); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .over-panel.slide-out .full-width, body.highcontrast .over-panel.slide-out.full, body[class*="theme-"] .over-panel.slide-out .full-width, body[class*="theme-"] .over-panel.slide-out.full { animation-name: SlideOutToBottom; animation-duration: var(--app-timing-450); animation-timing-function: var(--accelerateOut); animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; } body.highcontrast .overpanel-tabs.in-overpanel .tab-button, body[class*="theme-"] .overpanel-tabs.in-overpanel .tab-button { margin: 0 0 10px 15px; } body.highcontrast .overpanel-tabs .normalNav ul, body[class*="theme-"] .overpanel-tabs .normalNav ul { padding: 0; margin: 0; display: flex; } body.highcontrast .overpanel-tabs .normalNav ul li, body[class*="theme-"] .overpanel-tabs .normalNav ul li { list-style: none; } body.highcontrast .overpanel-tabs .normalNav ul li.li-addExternalAccount, body[class*="theme-"] .overpanel-tabs .normalNav ul li.li-addExternalAccount { flex-grow: 1; text-align: right; } body.highcontrast .overpanel-tabs .normalNav.in-overpanel, body[class*="theme-"] .overpanel-tabs .normalNav.in-overpanel { margin-bottom: 20px; } body.highcontrast .overpanel-tabs .normalNav .tabs-icon, body.highcontrast .overpanel-tabs .normalNav .tabs-label, body[class*="theme-"] .overpanel-tabs .normalNav .tabs-icon, body[class*="theme-"] .overpanel-tabs .normalNav .tabs-label { color: var(--uux-theme-white); background-color: var(--uux-theme-primary); } body.highcontrast .overpanel-tabs .normalNav .tabs-icon, body[class*="theme-"] .overpanel-tabs .normalNav .tabs-icon { font-size: 30px; padding: 0 0 1px !important; background: var(--uux-theme-primary); } body.highcontrast .overpanel-tabs .normalNav .tab-item, body[class*="theme-"] .overpanel-tabs .normalNav .tab-item { padding: 6px 0; line-height: 32px; } body.highcontrast .overpanel-tabs .normalNav .tab-item.current, body.highcontrast .overpanel-tabs .normalNav .tab-item:hover, body[class*="theme-"] .overpanel-tabs .normalNav .tab-item.current, body[class*="theme-"] .overpanel-tabs .normalNav .tab-item:hover { color: var(--uux-theme-primary); box-shadow: 0 5px 0 var(--uux-theme-primary); } body.highcontrast .overpanel-tabs .normalNav .tab-item:focus, body[class*="theme-"] .overpanel-tabs .normalNav .tab-item:focus { color: var(--uux-theme-primary); box-shadow: 0 5px 0 var(--uux-theme-primary), var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast .overpanel-tabs .normalNav .tab-item span, body[class*="theme-"] .overpanel-tabs .normalNav .tab-item span { border-right: thin solid var(--uux-theme-grayLight); box-sizing: border-box; display: inline-block; padding: 0 10px; } body.highcontrast .overpanel-tabs .normalNav .tab-item.tab-last span, body[class*="theme-"] .overpanel-tabs .normalNav .tab-item.tab-last span { border-right: none; } body.highcontrast .overpanel-tabs .smallNav, body[class*="theme-"] .overpanel-tabs .smallNav { height: auto; position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; } body.highcontrast .overpanel-tabs .smallNav ul, body[class*="theme-"] .overpanel-tabs .smallNav ul { max-width: 460px; padding: 0; min-height: 62px; list-style-type: none; margin: 5px auto; } body.highcontrast .overpanel-tabs .smallNav ul li, body[class*="theme-"] .overpanel-tabs .smallNav ul li { padding: 0; margin: 0 15px; background-color: var(--uux-theme-white); border-bottom: thin solid var(--uux-theme-grayLight); text-align: center; box-shadow: 0 1px 3px var(--t-top-a1), 0 1px 2px var(--t-top-a1); } body.highcontrast .overpanel-tabs .smallNav ul li:focus, body.highcontrast .overpanel-tabs .smallNav ul li:hover, body[class*="theme-"] .overpanel-tabs .smallNav ul li:focus, body[class*="theme-"] .overpanel-tabs .smallNav ul li:hover { box-shadow: 0 5px 10px var(--t-top-a1), 0 3px 3px var(--t-top-a1); } body.highcontrast .overpanel-tabs .smallNav ul li.active, body.highcontrast .overpanel-tabs .smallNav ul li:active, body[class*="theme-"] .overpanel-tabs .smallNav ul li.active, body[class*="theme-"] .overpanel-tabs .smallNav ul li:active { box-shadow: 0 2px 3px var(--t-top-a1), 0 1px 1px var(--t-top-a1); } body.highcontrast .overpanel-tabs .smallNav ul li.li-addExternalAccount, body[class*="theme-"] .overpanel-tabs .smallNav ul li.li-addExternalAccount { padding: 5px 15px; } body.highcontrast .overpanel-tabs .smallNav .tab-item, body[class*="theme-"] .overpanel-tabs .smallNav .tab-item { cursor: pointer; line-height: 32px; padding: 11px 0 10px; } body.highcontrast .overpanel-tabs .smallNav .tab-item.tab-last, body[class*="theme-"] .overpanel-tabs .smallNav .tab-item.tab-last { border: 0; } body.highcontrast .overpanel-tabs .smallNav .tab-item button.ui-btn, body[class*="theme-"] .overpanel-tabs .smallNav .tab-item button.ui-btn { font-size: 14px; } body.highcontrast .overpanel-tabs .finToolsBtn, body[class*="theme-"] .overpanel-tabs .finToolsBtn { background-color: var(--uux-theme-primary); color: var(--uux-theme-white); width: 100%; padding: 15px; min-height: 44px; } body.highcontrast:not(.modal-open) .phone.thumb-nav-enabled .overpanel-tabs .smallNav, body[class*="theme-"]:not(.modal-open) .phone.thumb-nav-enabled .overpanel-tabs .smallNav { bottom: var(--uux-app-thumbBarHeight); margin-bottom: env(safe-area-inset-bottom); } body.highcontrast .page-main-header, body[class*="theme-"] .page-main-header { align-items: center; display: flex; justify-content: space-between; margin: 0 15px; padding: 20px 0 10px; } body.highcontrast .page-main-header h1, body[class*="theme-"] .page-main-header h1 { margin: 0; } body.highcontrast .page-main-header .more-toggle, body[class*="theme-"] .page-main-header .more-toggle { font-size: 14px; margin-left: 15px; box-shadow: none; display: flex; } @media screen and (min-width: 1024px) { body.highcontrast .page-main-header .more-homepage, body[class*="theme-"] .page-main-header .more-homepage { display: none; } } body.highcontrast .page-totals, body[class*="theme-"] .page-totals { text-align: right; width: 100%; padding-right: 10px; background-color: var(--uux-theme-whiteNeutral); } body.highcontrast .page-totals span.totals-credits, body.highcontrast .page-totals span.totals-debits, body[class*="theme-"] .page-totals span.totals-credits, body[class*="theme-"] .page-totals span.totals-debits { white-space: nowrap; display: inline-block; } @media screen and (orientation: portrait) { body.highcontrast.phone .page-totals .totals-divider, body[class*="theme-"].phone .page-totals .totals-divider { display: none; } } body.highcontrast .real-time-status-update, body[class*="theme-"] .real-time-status-update { display: flex; justify-content: flex-end; } body.highcontrast .real-time-status-update .status-icon-wrapper, body[class*="theme-"] .real-time-status-update .status-icon-wrapper { height: 13px; position: relative; margin: 2px 3px 0 0; min-width: 13px; } body.highcontrast .real-time-status-update .status-icon-wrapper .status-icon, body[class*="theme-"] .real-time-status-update .status-icon-wrapper .status-icon { display: block; transition: opacity 0.3s ease-out 0.3s; opacity: 1; position: absolute; top: 0; left: 0; } body.highcontrast .real-time-status-update .status-icon-wrapper .status-icon.is-static, body[class*="theme-"] .real-time-status-update .status-icon-wrapper .status-icon.is-static { height: 13px; width: 13px; } body.highcontrast .real-time-status-update.is-completed .status-icon.is-static, body[class*="theme-"] .real-time-status-update.is-completed .status-icon.is-static { opacity: 0; } body.highcontrast .status-tag, body[class*="theme-"] .status-tag { line-height: 1em; } body.highcontrast .status-tag .status-tag-inner, body[class*="theme-"] .status-tag .status-tag-inner { font-weight: 600; display: inline-block; font-size: 12px; line-height: 1.3em; padding: 1px 4px; color: var(--uux-app-tilecardStatusTagText); border: 1px solid var(--uux-app-tilecardStatusTagBorder); margin: 5px; } body.highcontrast .thumb-bar-nav, body[class*="theme-"] .thumb-bar-nav { background: var(--uux-app-thumbBarBgColor); bottom: 0; box-shadow: 0 -1px 2px var(--t-top-a1); display: block; } @media screen and (min-height: 420px) { body.highcontrast .thumb-bar-nav, body[class*="theme-"] .thumb-bar-nav { position: -webkit-sticky; position: sticky; z-index: 50; } } body.highcontrast .thumb-bar-nav ul, body[class*="theme-"] .thumb-bar-nav ul { display: flex; flex-direction: row; margin: 0; padding: 0; } body.highcontrast .thumb-bar-nav .thumb-bar-item, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item { border-top: 2px solid var(--uux-app-thumbBarBorderColor); box-sizing: border-box; display: block; position: relative; flex: 1 1 20%; height: var(--uux-app-thumbBarHeight); line-height: 1; margin-bottom: env(safe-area-inset-bottom); overflow: hidden; padding: 0 var(--app-scale-1); text-align: center; --t-icon-stroke-primary: var(--uux-app-thumbBarIconStrokePrimary); --t-icon-stroke-secondary: var(--uux-app-thumbBarIconStrokeSecondary); --t-icon-fill: var(--uux-app-thumbBarIconFill); --t-icon-stroke-width: var(--uux-app-thumbBarIconStrokeWidth); --t-icon-cap: var(--uux-app-thumbBarIconCap); } body.highcontrast .thumb-bar-nav .thumb-bar-item.active, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item.active { background-color: var(--uux-app-thumbBarActiveBgColor); border-top: 2px solid var(--uux-app-thumbBarActiveBorderColor); --t-icon-stroke-primary: var(--uux-app-thumbBarIconStrokePrimaryActive); --t-icon-stroke-secondary: var(--uux-app-thumbBarIconStrokeSecondaryActive); --t-icon-fill: var(--uux-app-thumbBarIconFillActive); --t-icon-stroke-width: var(--uux-app-thumbBarIconStrokeWidthActive); --t-icon-cap: var(--uux-app-thumbBarIconCapActive); } body.highcontrast .thumb-bar-nav .thumb-bar-item.active a, body.highcontrast .thumb-bar-nav .thumb-bar-item.active button, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item.active a, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item.active button { color: var(--uux-app-thumbBarActiveTextColor); } body.highcontrast .thumb-bar-nav .thumb-bar-item a, body.highcontrast .thumb-bar-nav .thumb-bar-item button, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item a, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item button { align-items: center; color: var(--uux-app-thumbBarTextColor); display: flex; flex-direction: column; height: 100%; width: 100%; text-decoration: none; } body.highcontrast .thumb-bar-nav .thumb-bar-item .nav-item-text, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item .nav-item-text { display: inline-block; font-size: 10px; line-height: 1; text-transform: uppercase; vertical-align: top; } body.highcontrast .thumb-bar-nav .thumb-bar-item .thumb-unread-badge, body[class*="theme-"] .thumb-bar-nav .thumb-bar-item .thumb-unread-badge { background: var(--uux-app-thumbBarMessageBadgeColor); border: 1px solid var(--uux-app-thumbBarBorderColor); border-radius: 10px; min-width: 15px; width: auto; color: var(--uux-app-thumbBarMessageBadgeTextColor); display: block; font-size: 10px; height: 15px; right: 8px; line-height: normal; padding: 0 4px; position: absolute; text-align: center; top: 5px; } body.highcontrast .thumb-bar-nav .thumb-nav-icon, body[class*="theme-"] .thumb-bar-nav .thumb-nav-icon { height: 24px; margin: 8px auto; width: 24px; } body.highcontrast .mobile-dashboard-branding, body[class*="theme-"] .mobile-dashboard-branding { position: relative; } @media print { body.highcontrast .mobile-dashboard-branding, body[class*="theme-"] .mobile-dashboard-branding { display: none; } } body.highcontrast .mobile-dashboard-branding .mdb-dashboard-img, body[class*="theme-"] .mobile-dashboard-branding .mdb-dashboard-img { background-color: var(--uux-app-mobileDashboardBrandingAreaBackgroundColor); background-repeat: no-repeat; background-size: cover; background-image: linear-gradient( var(--t-top-a0), var(--uux-app-mobileDashboardBrandingAreaGradientColorBottomTrans) ), var(--uux-app-mobileDashboardBrandingAreaBackgroundImageHighcontrast), var(--uux-app-mobileDashboardBrandingAreaBackgroundImage); } body.highcontrast .mobile-dashboard-branding .mdb-main, body[class*="theme-"] .mobile-dashboard-branding .mdb-main { height: 188px; padding: 30px 55px 0; } body.highcontrast .mobile-dashboard-branding .mdb-more-button, body[class*="theme-"] .mobile-dashboard-branding .mdb-more-button { position: absolute; top: 15px; right: 15px; color: var(--uux-app-mobileDashboardBrandingAreaMoreButtonColor); } body.highcontrast .mobile-dashboard-branding .mdb-fi-logo, body[class*="theme-"] .mobile-dashboard-branding .mdb-fi-logo { max-width: 205px; height: 70px; display: flex; align-items: center; justify-content: center; margin: 10px auto 5px; background-repeat: no-repeat; background-position: center center; background-image: var( --uux-app-mobileDashboardBrandingAreaLogoImageHighcontrast ), var(--uux-app-mobileDashboardBrandingAreaLogoImage); background-size: contain; } body.highcontrast .mobile-dashboard-branding .mdb-header, body[class*="theme-"] .mobile-dashboard-branding .mdb-header { display: flex; justify-content: center; margin: 0; padding: 0; color: var(--uux-app-mobileDashboardBrandingAreaMessageTextColor); text-shadow: 0 1px 2px var(--uux-app-mobileDashboardBrandingAreaMessageHeaderShadow); } body.highcontrast .mdb-print-branding, body[class*="theme-"] .mdb-print-branding { display: none; } @media print and (max-width: 480px) { body.highcontrast .mdb-print-branding, body[class*="theme-"] .mdb-print-branding { display: block !important; } body.highcontrast .mdb-print-branding .ui-logo .logo-image:before, body[class*="theme-"] .mdb-print-branding .ui-logo .logo-image:before { visibility: visible !important; } } body.highcontrast .alter-mdba, body[class*="theme-"] .alter-mdba { filter: hue-rotate(-180deg) saturate(1.1); } body.highcontrast .tile-card, body[class*="theme-"] .tile-card { position: relative; border: 1px solid var(--uux-app-tilecardBorder); min-height: 56px; color: var(--uux-app-tilecardContrast); background: var(--uux-app-tilecardBg); } body.highcontrast .tile-card.no-border, body[class*="theme-"] .tile-card.no-border { border: 0; } body.highcontrast .tile-card .tile-card-action, body[class*="theme-"] .tile-card .tile-card-action { display: flex; padding: 15px 10px; width: 100%; text-align: left; } body.highcontrast .tile-card .tile-card-action:hover, body[class*="theme-"] .tile-card .tile-card-action:hover { text-decoration: none; } body.highcontrast .tile-card:not(.no-align) .tile.card-action, body[class*="theme-"] .tile-card:not(.no-align) .tile.card-action { align-items: center; } body.highcontrast .tile-card.transparent, body[class*="theme-"] .tile-card.transparent { background-color: transparent; } body.highcontrast .tile-card.shadow-hover, body[class*="theme-"] .tile-card.shadow-hover { box-shadow: 0 2px 3px var(--t-top-a0), 0 1px 1px rgvar(--t-top-a0); transition: box-shadow 0.3s ease-in-out; } body.highcontrast .tile-card.shadow-hover:hover, body[class*="theme-"] .tile-card.shadow-hover:hover { box-shadow: 0 2px 3px var(--t-top-a1), 0 1px 1px var(--t-top-a1); } body.highcontrast .tile-card.shadow-hover:focus, body[class*="theme-"] .tile-card.shadow-hover:focus { z-index: 5; box-shadow: 0 2px 3px var(--t-top-a0), 0 1px 1px var(--t-top-a0), var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast .tile-card .ui-badge-coin-bubble:not([class*="account-color-"]) circle, body[class*="theme-"] .tile-card .ui-badge-coin-bubble:not([class*="account-color-"]) circle { fill: var(--uux-app-tilecardFlairContrast); } body.highcontrast .alt .tile-card text, body.highcontrast .tile-card .ui-badge-coin-bubble text, body.highcontrast .tile-card .ui-badge-coin-coin:not([class*="account-color-"]) text, body.highcontrast .tile-card.alt text, body[class*="theme-"] .alt .tile-card text, body[class*="theme-"] .tile-card .ui-badge-coin-bubble text, body[class*="theme-"] .tile-card .ui-badge-coin-coin:not([class*="account-color-"]) text, body[class*="theme-"] .tile-card.alt text { fill: var(--uux-app-tilecardAltFlairBg); } body.highcontrast .tile-card .ui-badge-coin-coin:not([class*="account-color-"]) circle, body[class*="theme-"] .tile-card .ui-badge-coin-coin:not([class*="account-color-"]) circle { stroke: var(--uux-app-tilecardAltFlairBg); } body.highcontrast .tile-card .tile-content, body[class*="theme-"] .tile-card .tile-content { align-self: flex-start; width: 100%; height: 100%; } body.highcontrast .tile-card .tile-content.with-badge, body.highcontrast .tile-card .tile-content.with-icon, body[class*="theme-"] .tile-card .tile-content.with-badge, body[class*="theme-"] .tile-card .tile-content.with-icon { width: calc(100% - 46px); } body.highcontrast .tile-card .tile-icon, body[class*="theme-"] .tile-card .tile-icon { color: var(--uux-app-tilecardIconColor); font-size: 28px; } body.highcontrast .tile-card .spinner, body[class*="theme-"] .tile-card .spinner { position: relative; display: inline; left: auto; top: auto; z-index: auto; } body.highcontrast .tile-card .spinner-img, body[class*="theme-"] .tile-card .spinner-img { width: 12px; height: 12px; } body.highcontrast .tile-card .tile-card-drop-down .ui-dropdown-toggle, body[class*="theme-"] .tile-card .tile-card-drop-down .ui-dropdown-toggle { color: var(--uux-app-tilecardDropdownLinkContrast); background-color: var(--uux-app-tilecardDropdownLinkBg); } body.highcontrast .tile-card .tile-card-drop-down .ui-dropdown-toggle:focus, body.highcontrast .tile-card .tile-card-drop-down .ui-dropdown-toggle:hover, body[class*="theme-"] .tile-card .tile-card-drop-down .ui-dropdown-toggle:focus, body[class*="theme-"] .tile-card .tile-card-drop-down .ui-dropdown-toggle:hover { color: var(--uux-app-tilecardDropdownLinkHoverContrast); background-color: var(--uux-app-tilecardDropdownLinkHoverBg); } body.highcontrast .tile-card .tile-bar, body[class*="theme-"] .tile-card .tile-bar { display: block; width: 10px; position: absolute; top: 0; bottom: 0; left: 0; } body.highcontrast .tile-card .tile-bar.bar-default, body[class*="theme-"] .tile-card .tile-bar.bar-default { background-color: var(--uux-app-tilecardDefaultBarColor); } body.highcontrast .tile-card h3, body[class*="theme-"] .tile-card h3 { margin: 0; line-height: 1; font-weight: 300; } body.highcontrast .tile-card h3 span.tile-card-title, body[class*="theme-"] .tile-card h3 span.tile-card-title { max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 26px; } body.highcontrast .tile-card .tile-card-drop-down, body[class*="theme-"] .tile-card .tile-card-drop-down { position: absolute; top: 0; right: 0; } body.highcontrast .tile-card .tile-card-drop-down .pull-right, body[class*="theme-"] .tile-card .tile-card-drop-down .pull-right { right: 4px; } body.highcontrast .tile-card .tile-card-drop-down.open, body[class*="theme-"] .tile-card .tile-card-drop-down.open { position: absolute; z-index: 10; } body.highcontrast .tile-card > p, body[class*="theme-"] .tile-card > p { max-width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; display: block; } body.highcontrast .tile-card .hade-detail, body[class*="theme-"] .tile-card .hade-detail { font-size: 12px; margin: -3px 0 0; display: flex; justify-content: space-between; } body.highcontrast .tile-card .hade-detail > dd, body.highcontrast .tile-card .hade-detail > dt, body[class*="theme-"] .tile-card .hade-detail > dd, body[class*="theme-"] .tile-card .hade-detail > dt { max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; margin-top: -2px; padding-bottom: 1px; font-weight: 400; line-height: 1.6em; } body.highcontrast .tile-card .hade-detail > dd, body[class*="theme-"] .tile-card .hade-detail > dd { text-align: right; } body.highcontrast .tile-card .hade-detail.tile-card-detail-primary > dd, body[class*="theme-"] .tile-card .hade-detail.tile-card-detail-primary > dd { margin-top: -3px; color: var(--uux-app-tilecardContrast); font-size: 1.25em; font-weight: 600; } body.highcontrast .tile-card .toggleswitch-wrapper, body[class*="theme-"] .tile-card .toggleswitch-wrapper { display: inline; position: absolute; right: 12px; top: 6px; } body.highcontrast .tile-card.with-dropdown h3, body[class*="theme-"] .tile-card.with-dropdown h3 { padding-right: 32px; } body.highcontrast .tile-card.with-bars, body[class*="theme-"] .tile-card.with-bars { padding-left: 20px; } body.highcontrast .tile-card.fixed-height, body.highcontrast .tile-card.fixed-height .tile-card-action, body.highcontrast .tile-card.three-lines-tall, body.highcontrast .tile-card.three-lines-tall .tile-card-action, body[class*="theme-"] .tile-card.fixed-height, body[class*="theme-"] .tile-card.fixed-height .tile-card-action, body[class*="theme-"] .tile-card.three-lines-tall, body[class*="theme-"] .tile-card.three-lines-tall .tile-card-action { height: 98px; } @media screen and (max-width: 767px) { body.highcontrast .tile-card.fixed-height, body.highcontrast .tile-card.fixed-height .tile-card-action, body.highcontrast .tile-card.three-lines-tall, body.highcontrast .tile-card.three-lines-tall .tile-card-action, body[class*="theme-"] .tile-card.fixed-height, body[class*="theme-"] .tile-card.fixed-height .tile-card-action, body[class*="theme-"] .tile-card.three-lines-tall, body[class*="theme-"] .tile-card.three-lines-tall .tile-card-action { height: auto; min-height: 98px; } } body.highcontrast .tile-card.two-lines-tall, body.highcontrast .tile-card.two-lines-tall .tile-card-action, body[class*="theme-"] .tile-card.two-lines-tall, body[class*="theme-"] .tile-card.two-lines-tall .tile-card-action { height: 80px; } body.highcontrast .tile-card.tile-card-disabled, body[class*="theme-"] .tile-card.tile-card-disabled { cursor: not-allowed; pointer-events: none; } @media (max-width: 767px) { body.highcontrast .tile-card, body[class*="theme-"] .tile-card { border-radius: 0; border: 0; border-bottom: 1px solid var(--uux-app-tilecardBorder); } body.highcontrast .tile-card .hade-detail, body[class*="theme-"] .tile-card .hade-detail { margin-top: -4px; } } body.highcontrast .alt .tile-card .b, body.highcontrast .alt .tile-card .strong, body.highcontrast .alt .tile-card strong, body.highcontrast .tile-card.alt .b, body.highcontrast .tile-card.alt .strong, body.highcontrast .tile-card.alt strong, body[class*="theme-"] .alt .tile-card .b, body[class*="theme-"] .alt .tile-card .strong, body[class*="theme-"] .alt .tile-card strong, body[class*="theme-"] .tile-card.alt .b, body[class*="theme-"] .tile-card.alt .strong, body[class*="theme-"] .tile-card.alt strong { color: var(--uux-app-tilecardAltContrast); } body.highcontrast .alt .tile-card:not(.tile-card-disabled) .ui-badge, body.highcontrast .tile-card.alt:not(.tile-card-disabled) .ui-badge, body[class*="theme-"] .alt .tile-card:not(.tile-card-disabled) .ui-badge, body[class*="theme-"] .tile-card.alt:not(.tile-card-disabled) .ui-badge { opacity: 0.8; } body.highcontrast .alt .tile-card:hover .ui-badge, body.highcontrast .alt .tile-card:not(.tile-card-disabled) .ui-badge:hover, body.highcontrast .tile-card.alt:hover .ui-badge, body.highcontrast .tile-card.alt:not(.tile-card-disabled) .ui-badge:hover, body[class*="theme-"] .alt .tile-card:hover .ui-badge, body[class*="theme-"] .alt .tile-card:not(.tile-card-disabled) .ui-badge:hover, body[class*="theme-"] .tile-card.alt:hover .ui-badge, body[class*="theme-"] .tile-card.alt:not(.tile-card-disabled) .ui-badge:hover { opacity: 1; } body.highcontrast .alt .tile-card-coin:not([class*="account-color-"]) circle, body.highcontrast .tile-card.alt-coin:not([class*="account-color-"]) circle, body[class*="theme-"] .alt .tile-card-coin:not([class*="account-color-"]) circle, body[class*="theme-"] .tile-card.alt-coin:not([class*="account-color-"]) circle { stroke: var(--uux-app-tilecardAltFlairContrast); } body.highcontrast .alt .tile-card-coin:not([class*="account-color-"]) text, body.highcontrast .tile-card.alt-coin:not([class*="account-color-"]) text, body[class*="theme-"] .alt .tile-card-coin:not([class*="account-color-"]) text, body[class*="theme-"] .tile-card.alt-coin:not([class*="account-color-"]) text { fill: var(--uux-app-tilecardAltFlairContrast); } body.highcontrast .alt .tile-card.single-selection .tile-card-action, body.highcontrast .tile-card.alt.single-selection .tile-card-action, body[class*="theme-"] .alt .tile-card.single-selection .tile-card-action, body[class*="theme-"] .tile-card.alt.single-selection .tile-card-action { padding: 13px 10px; } body.highcontrast .alt .tile-card.single-selection .ui-fieldset, body.highcontrast .tile-card.alt.single-selection .ui-fieldset, body[class*="theme-"] .alt .tile-card.single-selection .ui-fieldset, body[class*="theme-"] .tile-card.alt.single-selection .ui-fieldset { margin: 0 0 5px; } body.highcontrast .alt .tile-card.single-selection .ui-fieldset legend, body.highcontrast .tile-card.alt.single-selection .ui-fieldset legend, body[class*="theme-"] .alt .tile-card.single-selection .ui-fieldset legend, body[class*="theme-"] .tile-card.alt.single-selection .ui-fieldset legend { width: auto; float: left; margin: 10px 10px 10px 0; } @media screen and (min-width: 768px) { body.highcontrast .alt .tile-card.single-selection .tile-card-action, body.highcontrast .tile-card.alt.single-selection .tile-card-action, body[class*="theme-"] .alt .tile-card.single-selection .tile-card-action, body[class*="theme-"] .tile-card.alt.single-selection .tile-card-action { padding: 16px 30px; } body.highcontrast .alt .tile-card.single-selection .ui-fieldset, body.highcontrast .tile-card.alt.single-selection .ui-fieldset, body[class*="theme-"] .alt .tile-card.single-selection .ui-fieldset, body[class*="theme-"] .tile-card.alt.single-selection .ui-fieldset { display: flex; justify-content: flex-end; } } body.highcontrast.phone .tile-card.one-liner, body[class*="theme-"].phone .tile-card.one-liner { padding-left: 5px; } body.highcontrast.phone .tile-card.one-liner > div, body.highcontrast.phone .tile-card.one-liner > p, body[class*="theme-"].phone .tile-card.one-liner > div, body[class*="theme-"].phone .tile-card.one-liner > p { text-overflow: ellipsis; max-width: calc(100% - 100px); } body.highcontrast .tile-card-account h3, body[class*="theme-"] .tile-card-account h3 { display: flex; align-items: center; padding-bottom: 5px; } body.highcontrast .tile-card-account .account-label, body.highcontrast .tile-card-account .account-nbr, body[class*="theme-"] .tile-card-account .account-label, body[class*="theme-"] .tile-card-account .account-nbr { position: relative; display: inline-block; line-height: 1.45em; white-space: nowrap; text-overflow: ellipsis; } body.highcontrast .tile-card-account .account-label, body[class*="theme-"] .tile-card-account .account-label { overflow: hidden; } body.highcontrast .tile-card-account .account-nbr, body[class*="theme-"] .tile-card-account .account-nbr { text-align: left; margin-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .tile-card-aggregation .hade-detail > dt, body[class*="theme-"] .tile-card-aggregation .hade-detail > dt { display: flex; align-items: center; } body.highcontrast .tile-card-aggregation .hade-detail > dt q2-icon, body[class*="theme-"] .tile-card-aggregation .hade-detail > dt q2-icon { height: 1.2em; width: 1.2em; margin-right: 3px; } body.highcontrast .tile-card-payee, body[class*="theme-"] .tile-card-payee { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } body.highcontrast .tile-card-payee h3, body[class*="theme-"] .tile-card-payee h3 { width: 100%; box-sizing: border-box; } body.highcontrast .tile-card-payee h3 > .tile-card-title, body[class*="theme-"] .tile-card-payee h3 > .tile-card-title { text-transform: none; } body.highcontrast .tile-card-payee .tile-bar, body[class*="theme-"] .tile-card-payee .tile-bar { background-color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .tile-card-payee .tile-bar.bar-overdue, body[class*="theme-"] .tile-card-payee .tile-bar.bar-overdue { background-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .tile-card-payee .payee-status-text, body[class*="theme-"] .tile-card-payee .payee-status-text { line-height: 1.3em; margin: 0; } body.highcontrast .tile-card-payee.with-status .ebill-status-tag, body[class*="theme-"] .tile-card-payee.with-status .ebill-status-tag { width: auto; padding: 3px; margin: 0; float: left; } body.highcontrast .tile-card-payee.with-status .tile-card-title, body[class*="theme-"] .tile-card-payee.with-status .tile-card-title { width: auto; padding-right: 15px; margin-right: 0; } body.highcontrast .tile-card-payee.with-status h3, body[class*="theme-"] .tile-card-payee.with-status h3 { width: auto; max-width: 55%; padding-right: 0; float: left; } body.highcontrast .tile-card-payee.with-status .ebill-status-wrapper, body[class*="theme-"] .tile-card-payee.with-status .ebill-status-wrapper { clear: both; } body.highcontrast .ui-advanced-select-input, body[class*="theme-"] .ui-advanced-select-input { position: relative; } body.highcontrast .ui-advanced-select-input .ui-input, body[class*="theme-"] .ui-advanced-select-input .ui-input { cursor: default; } body.highcontrast .ui-advanced-select-input .ui-icon, body[class*="theme-"] .ui-advanced-select-input .ui-icon { position: absolute; top: 5px; right: 3px; font-size: 2em; color: var(--t-text); text-decoration: none; pointer-events: none; } body.highcontrast .ui-advanced-select-item-standard button, body[class*="theme-"] .ui-advanced-select-item-standard button { text-align: left; padding: 15px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: var(--uux-theme-black); } body.highcontrast .ui-advanced-select-item-standard button:focus, body.highcontrast .ui-advanced-select-item-standard button:hover, body[class*="theme-"] .ui-advanced-select-item-standard button:focus, body[class*="theme-"] .ui-advanced-select-item-standard button:hover { background: var(--uux-app-inputAdvSelectorSelected); } body.highcontrast .ui-advanced-select-item-standard button:disabled, body[class*="theme-"] .ui-advanced-select-item-standard button:disabled { opacity: 0.4; } body.highcontrast .ui-advanced-select-item-standard .selected-indicator, body[class*="theme-"] .ui-advanced-select-item-standard .selected-indicator { font-size: 28px; margin: -10px 0; color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .ui-advanced-select, body[class*="theme-"] .ui-advanced-select { display: flex; flex-direction: column; } body.highcontrast .ui-advanced-select header, body[class*="theme-"] .ui-advanced-select header { position: relative; z-index: 5; padding: 0 15px 10px; box-shadow: 0 2px 4px var(--t-top-a1); } body.highcontrast .ui-advanced-select section, body[class*="theme-"] .ui-advanced-select section { flex: 1; } body.highcontrast .ui-advanced-select ul, body[class*="theme-"] .ui-advanced-select ul { list-style: none; padding: 0; margin: 0; } body.highcontrast .ui-advanced-select li, body[class*="theme-"] .ui-advanced-select li { border-bottom: 1px solid var(--uux-theme-grayLightNeutral); padding: 15px; } body.highcontrast .ui-advanced-select-container, body[class*="theme-"] .ui-advanced-select-container { display: flex; width: 100%; } body.highcontrast .ui-advanced-select-title, body[class*="theme-"] .ui-advanced-select-title { flex: 1; } body.highcontrast .ui-advanced-select-close, body[class*="theme-"] .ui-advanced-select-close { font-size: 44px; } body.highcontrast .ui-badge .ui-badge-coin, body.highcontrast .ui-badge .ui-badge-logo, body[class*="theme-"] .ui-badge .ui-badge-coin, body[class*="theme-"] .ui-badge .ui-badge-logo { border-radius: 50%; width: 20px; height: 20px; margin: 0; } body.highcontrast .ui-badge .ui-badge-logo ~ .ui-badge-coin, body[class*="theme-"] .ui-badge .ui-badge-logo ~ .ui-badge-coin { display: none; } body.highcontrast .ui-badge .ui-badge-coin, body[class*="theme-"] .ui-badge .ui-badge-coin { display: block; background-color: transparent; } body.highcontrast .ui-badge .ui-badge-coin text, body[class*="theme-"] .ui-badge .ui-badge-coin text { font-size: 65px; stroke: none; } body.highcontrast .ui-badge .ui-badge-coin-length-2 text, body[class*="theme-"] .ui-badge .ui-badge-coin-length-2 text { font-size: 43px; } body.highcontrast .ui-badge .ui-badge-coin-length-3 text, body[class*="theme-"] .ui-badge .ui-badge-coin-length-3 text { font-size: 30px; } body.highcontrast .ui-badge .ui-badge-coin-bubble:not([class*="account-color-"]) circle, body[class*="theme-"] .ui-badge .ui-badge-coin-bubble:not([class*="account-color-"]) circle { fill: rgba(0, 0, 0, 0.35); } body.highcontrast .ui-badge .ui-badge-coin-bubble text, body[class*="theme-"] .ui-badge .ui-badge-coin-bubble text { fill: #f7f7f7; } body.highcontrast .ui-badge .ui-badge-coin-coin, body[class*="theme-"] .ui-badge .ui-badge-coin-coin { height: 20px; width: 20px; } body.highcontrast .ui-badge .ui-badge-coin-coin:not([class*="account-color-"]) circle, body[class*="theme-"] .ui-badge .ui-badge-coin-coin:not([class*="account-color-"]) circle { stroke: rgba(0, 0, 0, 0.35); } body.highcontrast .ui-badge .ui-badge-coin-coin:not([class*="account-color-"]) text, body[class*="theme-"] .ui-badge .ui-badge-coin-coin:not([class*="account-color-"]) text { fill: rgba(0, 0, 0, 0.35); } body.highcontrast .ui-badge .ui-badge-coin-coin circle, body[class*="theme-"] .ui-badge .ui-badge-coin-coin circle { stroke-width: 15; fill: transparent; } body.highcontrast .ui-badge .ui-badge-coin-coin text, body[class*="theme-"] .ui-badge .ui-badge-coin-coin text { font-size: 88px; } body.highcontrast .ui-badge.ui-badge-md .ui-badge-coin, body.highcontrast .ui-badge.ui-badge-md .ui-badge-logo, body[class*="theme-"] .ui-badge.ui-badge-md .ui-badge-coin, body[class*="theme-"] .ui-badge.ui-badge-md .ui-badge-logo { width: 40px; height: 40px; } body.highcontrast .ui-badge.ui-badge-md .ui-badge-coin text, body[class*="theme-"] .ui-badge.ui-badge-md .ui-badge-coin text { font-size: 81.25px; } body.highcontrast .ui-badge.ui-badge-md .ui-badge-coin-length-2 text, body[class*="theme-"] .ui-badge.ui-badge-md .ui-badge-coin-length-2 text { font-size: 49px; } body.highcontrast .ui-badge.ui-badge-md .ui-badge-coin-length-3 text, body[class*="theme-"] .ui-badge.ui-badge-md .ui-badge-coin-length-3 text { font-size: 37px; } body.highcontrast .ui-badge.ui-badge-lg .ui-badge-coin, body.highcontrast .ui-badge.ui-badge-lg .ui-badge-logo, body[class*="theme-"] .ui-badge.ui-badge-lg .ui-badge-coin, body[class*="theme-"] .ui-badge.ui-badge-lg .ui-badge-logo { width: 50px; height: 50px; } body.highcontrast .ui-badge.ui-badge-lg .ui-badge-coin text, body[class*="theme-"] .ui-badge.ui-badge-lg .ui-badge-coin text { font-size: 81.25px; } body.highcontrast .ui-badge.ui-badge-lg .ui-badge-coin-length-2 text, body[class*="theme-"] .ui-badge.ui-badge-lg .ui-badge-coin-length-2 text { font-size: 49px; } body.highcontrast .ui-badge.ui-badge-lg .ui-badge-coin-length-3 text, body[class*="theme-"] .ui-badge.ui-badge-lg .ui-badge-coin-length-3 text { font-size: 37px; } body.highcontrast .ui-checkbox, body[class*="theme-"] .ui-checkbox { padding: 10px 0; } body.highcontrast .ui-checkbox rect, body[class*="theme-"] .ui-checkbox rect { stroke-width: 1; stroke: var(--uux-theme-gray); } body.highcontrast .ui-checkbox polyline, body[class*="theme-"] .ui-checkbox polyline { stroke: none; } body.highcontrast .ui-checkbox input:focus ~ label svg, body[class*="theme-"] .ui-checkbox input:focus ~ label svg { box-shadow: var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast .ui-checkbox input:focus ~ label rect, body[class*="theme-"] .ui-checkbox input:focus ~ label rect { stroke-width: 2; stroke: var(--uux-app-checkboxFillColor); fill: var(--uux-theme-grayLighter); } body.highcontrast .ui-checkbox input:checked ~ label polyline, body[class*="theme-"] .ui-checkbox input:checked ~ label polyline { stroke: var(--uux-app-checkboxFillColor); } body.highcontrast .ui-checkbox input:checked:disabled ~ label polyline, body[class*="theme-"] .ui-checkbox input:checked:disabled ~ label polyline { stroke: var(--t-tertiary-d1); } body.highcontrast .ui-checkbox input:disabled ~ label, body[class*="theme-"] .ui-checkbox input:disabled ~ label { color: var(--t-textA); } body.highcontrast .ui-checkbox input:disabled ~ label rect, body[class*="theme-"] .ui-checkbox input:disabled ~ label rect { stroke: var(--t-top-a1); } body.highcontrast .ui-checkbox label, body[class*="theme-"] .ui-checkbox label { font-weight: 400; display: flex; align-items: center; margin-bottom: 0; } body.highcontrast .ui-checkbox svg, body[class*="theme-"] .ui-checkbox svg { flex-shrink: 0; margin-right: 10px; background-color: var(--t-base); } body.highcontrast .ui-checkbox .checkbox-yield-wrap, body[class*="theme-"] .ui-checkbox .checkbox-yield-wrap { width: calc(100% - 30px); } body.highcontrast .ui-btn, body[class*="theme-"] .ui-btn { -webkit-appearance: none; appearance: none; border: 0; transition: none; background: 0 0; border-radius: 0; font-weight: 400; color: inherit; font-family: inherit; padding: 0; margin: 0; cursor: pointer; } body.highcontrast .ui-btn-back, body[class*="theme-"] .ui-btn-back { height: 35px; line-height: 28px; padding-right: 10px; display: inline-block; } body.highcontrast .ui-btn-back span:before, body[class*="theme-"] .ui-btn-back span:before { font-size: 28px; position: relative; top: 4px; margin-right: 0; margin-left: 0; left: -3px; } body.highcontrast .ui-btn-back-wrapper, body[class*="theme-"] .ui-btn-back-wrapper { padding: 15px 0 0 15px; } body.highcontrast .ui-fieldset, body[class*="theme-"] .ui-fieldset { margin: 0 0 30px; } body.highcontrast .ui-fieldset legend, body[class*="theme-"] .ui-fieldset legend { display: block; width: 100%; padding: 0; margin-bottom: 5px; font-size: 14px; font-weight: 600; line-height: var(--uux-app-lineHeight); color: var(--uux-app-textColor); border: 0; } body.highcontrast .form-group.is-invalid .calendar-field, body.highcontrast .form-group.is-invalid .calendar-field:focus, body.highcontrast .form-group.is-invalid .form-control, body.highcontrast .form-group.is-invalid .form-control:focus, body.highcontrast .form-group.is-invalid .search-select-wrapper .search-select-input .search-selected-item, body.highcontrast .form-group.is-invalid .search-select-wrapper .search-select-input .search-selected-item:focus, body.highcontrast .ui-form-validation.is-invalid input, body.highcontrast .ui-form-validation.is-invalid select, body[class*="theme-"] .form-group.is-invalid .calendar-field, body[class*="theme-"] .form-group.is-invalid .calendar-field:focus, body[class*="theme-"] .form-group.is-invalid .form-control, body[class*="theme-"] .form-group.is-invalid .form-control:focus, body[class*="theme-"] .form-group.is-invalid .search-select-wrapper .search-select-input .search-selected-item, body[class*="theme-"] .form-group.is-invalid .search-select-wrapper .search-select-input .search-selected-item:focus, body[class*="theme-"] .ui-form-validation.is-invalid input, body[class*="theme-"] .ui-form-validation.is-invalid select { border-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .ui-fieldset .icon-error, body[class*="theme-"] .ui-fieldset .icon-error { color: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_ALERT); top: 5px; margin-right: 5px; } body.highcontrast .ui-fieldset.flexed .fieldset-content, body[class*="theme-"] .ui-fieldset.flexed .fieldset-content { margin: 0 -10px; display: flex; flex-wrap: wrap; align-items: center; } body.highcontrast .ui-icon.icon-small, body[class*="theme-"] .ui-icon.icon-small { font-size: 16px; } body.highcontrast .ui-icon.icon-medium, body[class*="theme-"] .ui-icon.icon-medium { font-size: 21px; } body.highcontrast .ui-icon.icon-large, body[class*="theme-"] .ui-icon.icon-large { font-size: 28px; } body.highcontrast .ui-logo, body[class*="theme-"] .ui-logo { height: 100%; display: flex; align-items: center; justify-content: center; } @media print { body.highcontrast .ui-logo, body[class*="theme-"] .ui-logo { justify-content: left; } } body.highcontrast .ui-logo .logo-image, body[class*="theme-"] .ui-logo .logo-image { display: block; } body.highcontrast .ui-logo.small .logo-image, body[class*="theme-"] .ui-logo.small .logo-image { background: center no-repeat var(--uux-logoImage); background-size: contain; max-height: 45px; max-width: 280px; overflow: hidden; } body.highcontrast .ui-logo.small .logo-image:before, body[class*="theme-"] .ui-logo.small .logo-image:before { content: var(--uux-logoImage); visibility: hidden; } @media screen { body.highcontrast .ui-logo.small .logo-image:before, body[class*="theme-"] .ui-logo.small .logo-image:before { opacity: 0; } } body.highcontrast .ui-logo.large .logo-image:after, body[class*="theme-"] .ui-logo.large .logo-image:after { content: var(--uux-logoLargeImage); } @media screen and (max-width: 767px) { body.highcontrast .ui-logo.large .logo-image:after, body[class*="theme-"] .ui-logo.large .logo-image:after { content: var(--uux-logoImage); } } body.highcontrast .ui-dropdown span, body[class*="theme-"] .ui-dropdown span { display: inline-block; vertical-align: middle; } body.highcontrast .ui-dropdown a, body.highcontrast .ui-dropdown button, body[class*="theme-"] .ui-dropdown a, body[class*="theme-"] .ui-dropdown button { cursor: pointer; } body.highcontrast .ui-dropdown .ui-dropdown-icon, body[class*="theme-"] .ui-dropdown .ui-dropdown-icon { font-size: 24px; } body.highcontrast .ui-dropdown .ui-dropdown-icon.icon-left, body[class*="theme-"] .ui-dropdown .ui-dropdown-icon.icon-left { margin: 0 0.2em 0 0; } body.highcontrast .ui-dropdown .ui-dropdown-icon.icon-left:before, body[class*="theme-"] .ui-dropdown .ui-dropdown-icon.icon-left:before { margin: 0; } body.highcontrast .ui-dropdown .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu { display: none; text-align: left; font-size: 14px; font-weight: 400; background-color: var(--uux-theme-white); min-width: 160px; padding: 5px 0; border: 1px solid var(--uux-theme-grayLightNeutral); position: absolute; top: 100%; left: 0; right: auto; box-shadow: 0 2px 5px var(--t-top-a1); list-style: none; z-index: 60; } body.highcontrast .ui-dropdown .ui-dropdown-menu:after, body.highcontrast .ui-dropdown .ui-dropdown-menu:before, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu:after, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu:before { content: " "; border: 8px solid transparent; border-top-width: 0; position: absolute; left: 8px; } body.highcontrast .ui-dropdown-item, body.highcontrast .ui-dropdown.open, body[class*="theme-"] .ui-dropdown-item, body[class*="theme-"] .ui-dropdown.open { position: relative; } body.highcontrast .ui-dropdown .ui-dropdown-menu:before, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu:before { top: -8px; right: auto; border-bottom-color: var(--uux-theme-grayNeutral); } body.highcontrast .ui-dropdown .ui-dropdown-menu:after, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu:after { top: -7px; border-bottom-color: var(--uux-theme-white); } body.highcontrast .ui-dropdown .ui-dropdown-menu.ui-dropdown-right, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu.ui-dropdown-right { right: 4px; left: auto; } body.highcontrast .ui-dropdown .ui-dropdown-menu.ui-dropdown-right:after, body.highcontrast .ui-dropdown .ui-dropdown-menu.ui-dropdown-right:before, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu.ui-dropdown-right:after, body[class*="theme-"] .ui-dropdown .ui-dropdown-menu.ui-dropdown-right:before { left: auto; right: 8px; } body.highcontrast .ui-dropdown .btn-primary + .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown .btn-primary + .ui-dropdown-menu { top: calc(100% + 10px); } body.highcontrast .ui-dropdown.open .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown.open .ui-dropdown-menu { display: block; } body.highcontrast .ui-dropdown.dropup .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown.dropup .ui-dropdown-menu { top: auto; bottom: 100%; } body.highcontrast .ui-dropdown.dropup .ui-dropdown-menu:after, body.highcontrast .ui-dropdown.dropup .ui-dropdown-menu:before, body[class*="theme-"] .ui-dropdown.dropup .ui-dropdown-menu:after, body[class*="theme-"] .ui-dropdown.dropup .ui-dropdown-menu:before { border-width: 8px 8px 0; } body.highcontrast .ui-dropdown.dropup .ui-dropdown-menu:before, body[class*="theme-"] .ui-dropdown.dropup .ui-dropdown-menu:before { top: 100%; border-top-color: var(--uux-theme-grayNeutral); } body.highcontrast .ui-dropdown.dropup .ui-dropdown-menu:after, body[class*="theme-"] .ui-dropdown.dropup .ui-dropdown-menu:after { top: calc(100% - 1px); border-top-color: var(--uux-theme-white); } body.highcontrast .ui-dropdown .divider, body[class*="theme-"] .ui-dropdown .divider { height: 0; border-bottom: 1px solid var(--uux-theme-grayNeutral); margin: 0 1px; } body.highcontrast .ui-dropdown.disabled .ui-dropdown-toggle, body[class*="theme-"] .ui-dropdown.disabled .ui-dropdown-toggle { opacity: 0.5; cursor: not-allowed; } body.highcontrast .account-details .transaction-history-item.fetching, body.highcontrast .ui-radio input:disabled ~ label, body[class*="theme-"] .account-details .transaction-history-item.fetching, body[class*="theme-"] .ui-radio input:disabled ~ label { opacity: 0.3; } body.highcontrast .ui-dropdown.disabled .ui-dropdown-toggle:focus, body.highcontrast .ui-dropdown.disabled .ui-dropdown-toggle:hover, body[class*="theme-"] .ui-dropdown.disabled .ui-dropdown-toggle:focus, body[class*="theme-"] .ui-dropdown.disabled .ui-dropdown-toggle:hover { background-color: transparent; } body.highcontrast .ui-dropdown-item a, body[class*="theme-"] .ui-dropdown-item a { display: block; color: var(--uux-app-textColor); padding: 12px; } body.highcontrast .ui-dropdown-item a:focus, body.highcontrast .ui-dropdown-item a:hover, body[class*="theme-"] .ui-dropdown-item a:focus, body[class*="theme-"] .ui-dropdown-item a:hover { text-decoration: none; color: var(--uux-app-textColor); background-color: var(--uux-theme-grayLighterNeutral); } body.highcontrast .ui-dropdown-item .ui-dropdown-icon, body[class*="theme-"] .ui-dropdown-item .ui-dropdown-icon { height: 14px; width: 14px; } body.highcontrast .ui-dropdown-item.deletable, body[class*="theme-"] .ui-dropdown-item.deletable { display: flex; } body.highcontrast .ui-dropdown-item.deletable a, body[class*="theme-"] .ui-dropdown-item.deletable a { flex: 1 1; } body.highcontrast .ui-dropdown-item.deletable .ui-btn, body[class*="theme-"] .ui-dropdown-item.deletable .ui-btn { margin-left: 3px; } body.highcontrast .ui-dropdown-item.deletable .ui-btn:focus, body.highcontrast .ui-dropdown-item.deletable .ui-btn:hover, body[class*="theme-"] .ui-dropdown-item.deletable .ui-btn:focus, body[class*="theme-"] .ui-dropdown-item.deletable .ui-btn:hover { background-color: var(--uux-theme-grayLightNeutral); } body.highcontrast .ui-dropdown-item.disabled a, body.highcontrast .ui-dropdown-item.disabled a:focus, body.highcontrast .ui-dropdown-item.disabled a:hover, body[class*="theme-"] .ui-dropdown-item.disabled a, body[class*="theme-"] .ui-dropdown-item.disabled a:focus, body[class*="theme-"] .ui-dropdown-item.disabled a:hover { color: var(--uux-theme-grayLightNeutral); background-color: transparent; cursor: default; } body.highcontrast .ui-dropdown-grid .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-menu { flex-wrap: wrap; padding: 12px; } body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu { display: flex; max-width: calc(100vw - 30px); width: calc(var(--uux-desktop-verticalNavContentWrapperWidth) - 30px); } body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu.has-1-columns, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu.has-1-columns { width: calc( calc(var(--uux-desktop-verticalNavContentWrapperWidth) - 30px) - 690px ); } body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu.has-2-columns, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu.has-2-columns { width: calc( calc(var(--uux-desktop-verticalNavContentWrapperWidth) - 30px) - 460px ); } body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu.has-3-columns, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu.has-3-columns { width: calc( calc(var(--uux-desktop-verticalNavContentWrapperWidth) - 30px) - 230px ); } @supports (display: grid) { body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } } @media screen and (max-width: 1280px) { body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu { grid-template-columns: repeat(auto-fit, minmax(230px-10, 1fr)); } } body.highcontrast .ui-dropdown-grid .ui-dropdown-grid-row, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-grid-row { width: 100%; } body.highcontrast .ui-dropdown-grid .ui-dropdown-grid-column, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-grid-column { flex: 1 0 230px; margin: 0; } @supports (display: -ms-grid) { body.highcontrast .ui-dropdown-grid .ui-dropdown-grid-column, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-grid-column { max-width: 230px; } } body.highcontrast .ui-dropdown-grid .ui-dropdown-grid-list, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-grid-list { list-style-type: none; margin: 0; padding: 0; } body.highcontrast .ui-dropdown-grid .ui-dropdown-grid-category-header, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-grid-category-header { font-size: 14px; font-weight: 600; padding: 0 12px; } body.highcontrast .ui-dropdown-grid.is-left-selected .ui-dropdown-grid-category-header, body.highcontrast .ui-dropdown-grid.is-left-selected .ui-dropdown-item a, body[class*="theme-"] .ui-dropdown-grid.is-left-selected .ui-dropdown-grid-category-header, body[class*="theme-"] .ui-dropdown-grid.is-left-selected .ui-dropdown-item a { padding-left: 25px; } body.highcontrast .ui-dropdown-grid.is-left-selected .show-checkmark .ui-dropdown-icon, body[class*="theme-"] .ui-dropdown-grid.is-left-selected .show-checkmark .ui-dropdown-icon { margin-top: 2px; position: absolute; left: 5px; } body.highcontrast .ui-dropdown-grid .close-icon, body[class*="theme-"] .ui-dropdown-grid .close-icon { position: absolute; top: 5px; right: 5px; } body.highcontrast .vertical-nav .show-sidebar .ui-dropdown-grid .ui-dropdown-menu, body[class*="theme-"] .vertical-nav .show-sidebar .ui-dropdown-grid .ui-dropdown-menu { max-width: calc(var(--uux-desktop-verticalNavContentWrapperWidth) - 30px); } body.highcontrast .ui-message, body[class*="theme-"] .ui-message { padding: 15px 15px 15px 0; margin: 15px 0; border-left-width: 5px; border-left-style: solid; background: var(--t-gray14); display: flex; align-items: flex-start; } body.highcontrast .ui-message ul, body[class*="theme-"] .ui-message ul { padding: 0; list-style-position: inside; } body.highcontrast .ui-message .ui-message-icon, body[class*="theme-"] .ui-message .ui-message-icon { display: inline-block; width: 34px; height: 34px; font-size: 24px; text-align: center; margin: -8px 0; } body.highcontrast .ui-message .ui-message-content, body[class*="theme-"] .ui-message .ui-message-content { flex: 1; } body.highcontrast .ui-message-info, body[class*="theme-"] .ui-message-info { border-left-color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .ui-message-info .ui-message-icon, body[class*="theme-"] .ui-message-info .ui-message-icon { color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .ui-message-success, body[class*="theme-"] .ui-message-success { border-left-color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .ui-message-success .ui-message-icon, body[class*="theme-"] .ui-message-success .ui-message-icon { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .ui-message-warning, body[class*="theme-"] .ui-message-warning { border-left-color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .ui-message-warning .ui-message-icon, body[class*="theme-"] .ui-message-warning .ui-message-icon { color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .ui-message-danger, body[class*="theme-"] .ui-message-danger { border-left-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .ui-message-danger .ui-message-icon, body[class*="theme-"] .ui-message-danger .ui-message-icon { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .ui-radio, body[class*="theme-"] .ui-radio { padding: 10px 0; } body.highcontrast .ui-radio circle:nth-child(1), body[class*="theme-"] .ui-radio circle:nth-child(1) { stroke-width: 1; stroke: var(--uux-CONST_GRAY); } body.highcontrast .ui-radio input:focus ~ label circle:nth-child(1), body[class*="theme-"] .ui-radio input:focus ~ label circle:nth-child(1) { stroke-width: 2; stroke: var(--uux-app-checkboxFillColor); fill: var(--uux-CONST_GRAY_L2); } body.highcontrast .ui-radio input:checked ~ label circle:nth-child(2), body[class*="theme-"] .ui-radio input:checked ~ label circle:nth-child(2) { fill: var(--uux-app-checkboxFillColor); } body.highcontrast .ui-radio label, body[class*="theme-"] .ui-radio label { font-weight: 400; display: inline-flex; align-items: center; text-transform: capitalize; } body.highcontrast .datatable-sorting-header q2-btn.sort-active, body.highcontrast .mfa-target .message-title, body[class*="theme-"] .datatable-sorting-header q2-btn.sort-active, body[class*="theme-"] .mfa-target .message-title { font-weight: 600; } body.highcontrast .ui-radio svg, body[class*="theme-"] .ui-radio svg { margin-right: 10px; } body.highcontrast .ui-radio.ui-radio-tile, body[class*="theme-"] .ui-radio.ui-radio-tile { flex-basis: 231px; flex-wrap: wrap; flex-grow: 1; margin: 0 10px; max-width: calc(50% - 20px); } @media screen and (min-width: 992px) { body.highcontrast .ui-radio.ui-radio-tile, body[class*="theme-"] .ui-radio.ui-radio-tile { flex-basis: 140px; } } body.highcontrast .ui-radio.ui-radio-tile input:checked + label, body[class*="theme-"] .ui-radio.ui-radio-tile input:checked + label { border-color: var(--uux-app-checkboxFillColor); box-shadow: inset 0 0 0 2px var(--uux-CONST_WHITE); } body.highcontrast .ui-radio.ui-radio-tile input:checked + label:after, body[class*="theme-"] .ui-radio.ui-radio-tile input:checked + label:after { border-bottom: 5px solid var(--uux-app-checkboxFillColor); border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 0; content: ""; height: 0; left: 50%; margin-left: -8px; position: absolute; width: 0; } body.highcontrast .ui-radio.ui-radio-tile input:focus + label, body[class*="theme-"] .ui-radio.ui-radio-tile input:focus + label { border-color: var(--uux-app-checkboxFillColor); box-shadow: 0 0 0 2px #33b4ff; } body.highcontrast .ui-radio.ui-radio-tile input:disabled + label, body[class*="theme-"] .ui-radio.ui-radio-tile input:disabled + label { cursor: not-allowed; opacity: var(--uux-app-disabledOpacity); } body.highcontrast .ui-radio.ui-radio-tile label, body[class*="theme-"] .ui-radio.ui-radio-tile label { border-radius: 3px; border: 2px solid var(--uux-CONST_GRAY_L1); display: block; padding: 20px 0; position: relative; text-align: center; transition: border-color 0.2s ease, background-color 0.2s ease; white-space: nowrap; } body.highcontrast .ui-radio.ui-radio-tile.ui-radio-tile-small, body[class*="theme-"] .ui-radio.ui-radio-tile.ui-radio-tile-small { flex-grow: 0; flex-basis: 100px; } body.highcontrast .ui-radio.ui-radio-tile.ui-radio-tile-small label, body[class*="theme-"] .ui-radio.ui-radio-tile.ui-radio-tile-small label { padding: 5px 0; } body.highcontrast .ui-radio.ui-radio-tile.ui-radio-tile-small :checked + label:after, body[class*="theme-"] .ui-radio.ui-radio-tile.ui-radio-tile-small :checked + label:after { border-bottom-width: 3px; border-left-width: 5px; border-right-width: 5px; margin-left: -5px; } body.highcontrast .ui-search-form, body[class*="theme-"] .ui-search-form { position: relative; } body.highcontrast .ui-search-form .form-group, body[class*="theme-"] .ui-search-form .form-group { padding: 0; } body.highcontrast .ui-search-form .form-group input.ui-input, body[class*="theme-"] .ui-search-form .form-group input.ui-input { padding: 0 36px; } body.highcontrast .ui-search-form .input-group-addon, body[class*="theme-"] .ui-search-form .input-group-addon { color: var(--uux-app-inputAltPlaceholderText); font-size: 16px; padding: 0; position: absolute; bottom: 14px; width: auto; } body.highcontrast .ui-search-form .spinner, body[class*="theme-"] .ui-search-form .spinner { width: 18px; margin: 0; top: unset; } body.highcontrast .ui-search-form .spinner, body.highcontrast .ui-search-form .spinner-img, body[class*="theme-"] .ui-search-form .spinner, body[class*="theme-"] .ui-search-form .spinner-img { height: 18px; } body.highcontrast .ui-search-form .icon-search, body.highcontrast .ui-search-form .spinner, body[class*="theme-"] .ui-search-form .icon-search, body[class*="theme-"] .ui-search-form .spinner { padding-left: 8px; padding-right: 1px; } body.highcontrast .ui-search-form .btn-remove, body[class*="theme-"] .ui-search-form .btn-remove { padding-left: 1px; padding-right: 8px; right: 0; } body.highcontrast .ui-search-form .btn-remove:hover, body[class*="theme-"] .ui-search-form .btn-remove:hover { color: var(--uux-app-inputAltText); } body.highcontrast .ui-modal, body[class*="theme-"] .ui-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--t-top-a2); z-index: 10003; text-align: center; } body.highcontrast .ui-modal.has-priority, body[class*="theme-"] .ui-modal.has-priority { z-index: 10004; } body.highcontrast .ui-modal h1, body[class*="theme-"] .ui-modal h1 { margin-top: 0; } body.highcontrast .ui-modal q2-loading, body[class*="theme-"] .ui-modal q2-loading { display: inline-block; } body.highcontrast .ui-modal ul:not(.quick-transfer), body[class*="theme-"] .ui-modal ul:not(.quick-transfer) { padding: 0; list-style: none; margin: 0; } body.highcontrast .ui-modal .btn, body[class*="theme-"] .ui-modal .btn { cursor: pointer; } body.highcontrast .ui-modal .spinner, body[class*="theme-"] .ui-modal .spinner { position: static; } body.highcontrast .ui-modal.fetching .ui-modal-body, body[class*="theme-"] .ui-modal.fetching .ui-modal-body { padding-bottom: 30px; width: 400px; } body.highcontrast .ui-modal .ui-modal-body, body[class*="theme-"] .ui-modal .ui-modal-body { position: relative; top: 5vh; width: 600px; max-width: 95vw; max-height: 90vh; margin: 0 auto; padding: 30px 30px 0; background: var(--t-base); box-shadow: 0 0 12px 5px var(--t-top-a1); display: flex; flex-direction: column; } @media screen and (max-width: 767px) { body.highcontrast .ui-dropdown-grid .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown-grid .ui-dropdown-menu { min-width: 230px; } body.highcontrast .ui-dropdown-grid.open .ui-dropdown-menu, body[class*="theme-"] .ui-dropdown-grid.open .ui-dropdown-menu { grid-template-columns: repeat(auto-fit, minmax(230px30, 1fr)); grid-gap: 12px 0; } body.highcontrast .ui-modal .ui-modal-body, body[class*="theme-"] .ui-modal .ui-modal-body { padding: 15px 15px 0; max-height: 95%; top: 2.5%; } } body.highcontrast .ui-modal .ui-modal-content, body[class*="theme-"] .ui-modal .ui-modal-content { flex-shrink: 1; overflow-y: auto; padding-bottom: 10px; } body.highcontrast .ui-modal .ui-modal-content q2-icon, body[class*="theme-"] .ui-modal .ui-modal-content q2-icon { width: 42px; height: 42px; } body.highcontrast .ui-modal .ui-modal-content q2-icon[type="flag"], body[class*="theme-"] .ui-modal .ui-modal-content q2-icon[type="flag"] { --t-icon-fill: var(--t-status-alert); } @media screen and (min-width: 992px) { body.highcontrast .ui-modal .ui-modal-content q2-icon, body[class*="theme-"] .ui-modal .ui-modal-content q2-icon { width: 61px; height: 61px; } } body.highcontrast .ui-modal .ui-modal-close, body[class*="theme-"] .ui-modal .ui-modal-close { position: absolute; top: 1px; right: 15px; font-size: 35px; z-index: 1; } body.highcontrast .ui-modal .ui-modal-icon, body[class*="theme-"] .ui-modal .ui-modal-icon { color: var(--uux-CONST_STOPLIGHT_INFO); font-size: 64px; } body.highcontrast .ui-modal.info .ui-modal-icon, body[class*="theme-"] .ui-modal.info .ui-modal-icon { color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .ui-modal.success .ui-modal-icon, body[class*="theme-"] .ui-modal.success .ui-modal-icon { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .ui-modal.warning .ui-modal-icon, body[class*="theme-"] .ui-modal.warning .ui-modal-icon { color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .ui-modal.dispute .ui-modal-icon, body.highcontrast .ui-modal.error .ui-modal-icon, body[class*="theme-"] .ui-modal.dispute .ui-modal-icon, body[class*="theme-"] .ui-modal.error .ui-modal-icon { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .ui-modal .ui-modal-message, body[class*="theme-"] .ui-modal .ui-modal-message { margin: 0; } body.highcontrast .ui-modal .ui-modal-message.no-title, body[class*="theme-"] .ui-modal .ui-modal-message.no-title { margin-top: 20px; } body.highcontrast .ui-modal .ui-modal-content-body, body[class*="theme-"] .ui-modal .ui-modal-content-body { padding-top: 30px; } @media screen and (max-width: 767px) { body.highcontrast .ui-modal .ui-modal-icon, body[class*="theme-"] .ui-modal .ui-modal-icon { font-size: 50px; } body.highcontrast .ui-modal .ui-modal-content-body, body[class*="theme-"] .ui-modal .ui-modal-content-body { padding-top: 15px; } } body.highcontrast .ui-modal .ui-modal-section, body[class*="theme-"] .ui-modal .ui-modal-section { margin-bottom: 15px; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .ui-modal .ui-modal-content, body[class*="theme-"] .ui-modal .ui-modal-content { max-height: calc(90vh - 200px); } body.highcontrast .ui-modal .ui-modal-trans-info, body[class*="theme-"] .ui-modal .ui-modal-trans-info { display: inline-block; width: 450px; } body.highcontrast .manual-accounts-widget .account-balance, body[class*="theme-"] .manual-accounts-widget .account-balance { min-width: 200px; } } body.highcontrast .ui-modal .ui-modal-footer, body[class*="theme-"] .ui-modal .ui-modal-footer { flex-shrink: 0; background: var(--t-base); padding: 30px 0; position: relative; } @media screen and (max-width: 767px) { body.highcontrast .ui-modal .ui-modal-footer, body[class*="theme-"] .ui-modal .ui-modal-footer { padding: 15px 0; } } body.highcontrast .ui-modal .ui-modal-footer.has-btn-info, body[class*="theme-"] .ui-modal .ui-modal-footer.has-btn-info { padding-top: 10px; } body.highcontrast .ui-modal .ui-modal-footer:before, body[class*="theme-"] .ui-modal .ui-modal-footer:before { content: ""; background: linear-gradient(var(--t-base-a0), var(--t-base)); height: 20px; width: 100%; position: absolute; bottom: 100%; display: block; } body.highcontrast .ui-modal .ui-modal-footer q2-btn, body[class*="theme-"] .ui-modal .ui-modal-footer q2-btn { white-space: nowrap; } body.highcontrast .ui-modal .ui-modal-btn-info, body[class*="theme-"] .ui-modal .ui-modal-btn-info { margin-bottom: 10px; } body.highcontrast .ui-modal .ui-modal-btn-container, body[class*="theme-"] .ui-modal .ui-modal-btn-container { display: flex; max-width: 600px; margin: 0 auto; padding-left: 7px; } body.highcontrast .ui-modal .ui-modal-btn-container.wide, body[class*="theme-"] .ui-modal .ui-modal-btn-container.wide { max-width: 100%; } @media screen and (min-width: 481px) { body.highcontrast .ui-modal .ui-modal-btn-container, body[class*="theme-"] .ui-modal .ui-modal-btn-container { flex-direction: row; } } @media screen and (min-width: 769px) { body.highcontrast .ui-modal .ui-modal-btn-container q2-btn:not(:first-child), body[class*="theme-"] .ui-modal .ui-modal-btn-container q2-btn:not(:first-child) { margin-left: 15px; } } @media screen and (max-width: 768px) { body.highcontrast .ui-modal .ui-modal-btn-container, body[class*="theme-"] .ui-modal .ui-modal-btn-container { flex-flow: row wrap; } body.highcontrast .ui-modal .ui-modal-btn-container q2-btn, body[class*="theme-"] .ui-modal .ui-modal-btn-container q2-btn { flex-basis: 100%; margin-bottom: 15px; } } @media screen and (min-height: 420px) { body.highcontrast .ui-sticky, body[class*="theme-"] .ui-sticky { position: -webkit-sticky; position: sticky; z-index: 20; } } body.highcontrast .ui-sticky.sticky-js, body[class*="theme-"] .ui-sticky.sticky-js { position: relative; } body.highcontrast .ui-sticky.sticky-js.height-constrained, body[class*="theme-"] .ui-sticky.sticky-js.height-constrained { position: absolute; width: 100%; } body.highcontrast .ui-sticky.sticky-js.stuck:not(.height-constrained), body[class*="theme-"] .ui-sticky.sticky-js.stuck:not(.height-constrained) { position: fixed; } body.highcontrast .ui-sticky.sticky-js.sticky-table td, body.highcontrast .ui-sticky.sticky-js.sticky-table th, body[class*="theme-"] .ui-sticky.sticky-js.sticky-table td, body[class*="theme-"] .ui-sticky.sticky-js.sticky-table th { width: 20%; } body.highcontrast .ui-sticky.sticky-table, body[class*="theme-"] .ui-sticky.sticky-table { position: static; } body.highcontrast .ui-sticky.sticky-table td, body.highcontrast .ui-sticky.sticky-table th, body[class*="theme-"] .ui-sticky.sticky-table td, body[class*="theme-"] .ui-sticky.sticky-table th { position: -webkit-sticky; position: sticky; z-index: 1; } @media screen and (max-width: 767px) { body.highcontrast .ui-sticky.unstuck-mobile, body[class*="theme-"] .ui-sticky.unstuck-mobile { position: static; } } body.highcontrast .ui-sticky.stuck, body[class*="theme-"] .ui-sticky.stuck { box-shadow: 0 0 12px var(--t-top-a1); } @media print { body.highcontrast .ui-sticky, body[class*="theme-"] .ui-sticky { position: static; } body.highcontrast .ui-sticky td, body.highcontrast .ui-sticky th, body[class*="theme-"] .ui-sticky td, body[class*="theme-"] .ui-sticky th { position: relative; } } body.highcontrast .ui-underlay, body[class*="theme-"] .ui-underlay { background-color: var(--uux-app-overlayBg); transition: opacity 0.3s ease-in-out, visibility 0s 310ms; opacity: 0; visibility: hidden; position: fixed; z-index: 50; top: 0; bottom: 0; left: 0; right: 0; } body.highcontrast .ui-underlay.is-active, body[class*="theme-"] .ui-underlay.is-active { transition: opacity 0.3s ease-in-out; opacity: 0.5; visibility: visible; } body.highcontrast .status-with-icon, body[class*="theme-"] .status-with-icon { display: flex; padding: 4px 5px; } body.highcontrast .status-with-icon .status-icon, body[class*="theme-"] .status-with-icon .status-icon { --t-icon-stroke-primary: var(--uux-app-textColor); --t-icon-stroke-secondary: var(--uux-app-textColor); height: 20px; width: 20px; } body.highcontrast .status-with-icon .status-text, body[class*="theme-"] .status-with-icon .status-text { padding: 2px 5px; } body.highcontrast.phone .status-with-icon .status-text, body[class*="theme-"].phone .status-with-icon .status-text { font-size: 12px; } body.highcontrast div.spinner, body[class*="theme-"] div.spinner { padding: 0; width: 43px; height: 43px; display: block; position: absolute; left: 0; top: 50%; margin: 0 auto; right: 0; z-index: 290; } body.highcontrast .spinner-helper, body[class*="theme-"] .spinner-helper { display: inline-block; height: 100%; vertical-align: middle; } body.highcontrast .spinner-gif, body[class*="theme-"] .spinner-gif { background: url(images/spinner-0317594cf5315ffa11a7060f12e77638.gif) no-repeat; } body.highcontrast .spinner-img, body[class*="theme-"] .spinner-img { height: 43px; animation-name: spinnerRotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } body.highcontrast .spinner.inline-spinner, body[class*="theme-"] .spinner.inline-spinner { display: inline-block; position: relative; top: auto; left: 10px; } body.highcontrast .spinner.inline-spinner img, body[class*="theme-"] .spinner.inline-spinner img { height: 20px; } body.highcontrast .spinner.fixed-spinner, body[class*="theme-"] .spinner.fixed-spinner { position: fixed; top: 25%; left: 50%; margin: 0; transform: translateY(-50%) translateX(-50%); } body.highcontrast .vertical-nav.rail-right-empty .spinner.fixed-spinner, body[class*="theme-"] .vertical-nav.rail-right-empty .spinner.fixed-spinner { left: calc(50% + var(--uux-app-menuWidth) / 2); } @media screen and (max-width: 1280px) { body.highcontrast .vertical-nav.rail-right-empty .spinner.fixed-spinner, body[class*="theme-"] .vertical-nav.rail-right-empty .spinner.fixed-spinner { left: 50%; } } body.highcontrast .horizontal-nav.rail-right-has .spinner.fixed-spinner, body[class*="theme-"] .horizontal-nav.rail-right-has .spinner.fixed-spinner { left: calc(50% - var(--uux-app-sidebarWidth) / 2); } body.highcontrast.phone .spinner.fixed-spinner, body[class*="theme-"].phone .spinner.fixed-spinner { position: fixed; top: 50%; } body.highcontrast.tablet .spinner.fixed-spinner, body[class*="theme-"].tablet .spinner.fixed-spinner { top: 50%; left: 50%; } body.highcontrast aside.quick-tip, body[class*="theme-"] aside.quick-tip { background-color: var(--uux-app-quickTipsBg); color: var(--uux-app-quickTipsContrast); font-family: var(--uux-app-quickTipsFont); padding: 7px 0; display: flex; align-items: center; } body.highcontrast aside.quick-tip span.tip-text, body[class*="theme-"] aside.quick-tip span.tip-text { text-align: left; margin-left: 12px; flex-basis: calc(100% - 35px); } body.highcontrast aside.quick-tip span.tip-text a, body[class*="theme-"] aside.quick-tip span.tip-text a { color: var(--uux-app-quickTipsContrast); text-decoration: underline; cursor: pointer; } body.highcontrast aside.quick-tip button, body[class*="theme-"] aside.quick-tip button { flex-basis: 35px; font-size: 18px; } body.highcontrast .manual-accounts-widget q2-section, body[class*="theme-"] .manual-accounts-widget q2-section { margin-top: 0; } body.highcontrast .manual-accounts-widget .account-balance, body[class*="theme-"] .manual-accounts-widget .account-balance { flex: 0 1; padding: 0 25px; text-align: right; } @media screen and (max-width: 767px) { body.highcontrast .manual-accounts-widget .account-balance, body[class*="theme-"] .manual-accounts-widget .account-balance { padding: 0 10px; } } body.highcontrast .manual-accounts-widget .account-icon, body[class*="theme-"] .manual-accounts-widget .account-icon { flex: 0 1; font-size: 24px; padding: 0 10px; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .manual-accounts-widget .account-icon, body[class*="theme-"] .manual-accounts-widget .account-icon { min-width: 50px; } } body.highcontrast .manual-accounts-widget .account-title, body[class*="theme-"] .manual-accounts-widget .account-title { flex: 1 0; padding: 0 8px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .manual-accounts-widget .loading-msg, body[class*="theme-"] .manual-accounts-widget .loading-msg { font-style: italic; text-align: center; padding: 15px 0 30px; } body.highcontrast .manual-accounts-widget .manual-accounts-list, body[class*="theme-"] .manual-accounts-widget .manual-accounts-list { margin-bottom: 25px; } @media screen and (max-width: 1199px) { body.highcontrast .manual-accounts-widget .manual-accounts-list, body[class*="theme-"] .manual-accounts-widget .manual-accounts-list { margin-bottom: 0; } } body.highcontrast .manual-accounts-widget .manual-account-row, body[class*="theme-"] .manual-accounts-widget .manual-account-row { align-items: center; border-bottom: 1px solid var(--uux-app-datatableBorderColor); } body.highcontrast .manual-accounts-widget .manual-account-row:hover, body[class*="theme-"] .manual-accounts-widget .manual-account-row:hover { background-color: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .manual-accounts-widget .manual-account-row:first-child, body[class*="theme-"] .manual-accounts-widget .manual-account-row:first-child { border-top: 1px solid var(--uux-app-datatableBorderColor); } @media screen and (max-width: 767px) { body.highcontrast .manual-accounts-widget .slider-content, body[class*="theme-"] .manual-accounts-widget .slider-content { padding-top: 20px; } } body.highcontrast .manual-accounts-widget .spinner, body[class*="theme-"] .manual-accounts-widget .spinner { height: 25px; position: static; } body.highcontrast .manual-accounts-widget .spinner-img, body[class*="theme-"] .manual-accounts-widget .spinner-img { height: 25px; } body.highcontrast .manual-accounts-widget .widget-icon, body[class*="theme-"] .manual-accounts-widget .widget-icon { color: var(--uux-theme-danger); display: flex; font-size: 25px; justify-content: center; } body.highcontrast .create-edit-manual-accounts, body[class*="theme-"] .create-edit-manual-accounts { margin-top: 24px; } body.highcontrast .create-edit-manual-accounts .description, body[class*="theme-"] .create-edit-manual-accounts .description { text-align: center; } @media (min-width: 768px) { body.highcontrast .create-edit-manual-accounts .overpanel-content-wrapper, body[class*="theme-"] .create-edit-manual-accounts .overpanel-content-wrapper { padding: 0 15%; } } body.highcontrast .create-edit-manual-accounts .overpanel-icon, body[class*="theme-"] .create-edit-manual-accounts .overpanel-icon { font-size: 80px; } body.highcontrast .create-edit-manual-accounts .overpanel-message, body[class*="theme-"] .create-edit-manual-accounts .overpanel-message { font-size: 16px; margin: 30px 0; } @media screen and (max-width: 767px) { body.highcontrast .create-edit-manual-accounts .btn-container, body[class*="theme-"] .create-edit-manual-accounts .btn-container { margin: 0 0 15px; } } body.highcontrast .mfa-target, body[class*="theme-"] .mfa-target { border-bottom: 1px solid var(--uux-CONST_GRAY_L2); padding-bottom: 15px; margin-bottom: 15px; } body.highcontrast .mfa-target q2-message, body[class*="theme-"] .mfa-target q2-message { margin-top: 0; } body.highcontrast .mfa-target .message-content, body[class*="theme-"] .mfa-target .message-content { display: flex; flex-direction: row; } body.highcontrast .mfa-target .mfa-fieldset, body[class*="theme-"] .mfa-target .mfa-fieldset { margin: 0; } body.highcontrast .mfa-target .fieldset-content, body[class*="theme-"] .mfa-target .fieldset-content { display: flex; } body.highcontrast .mfa-target legend, body[class*="theme-"] .mfa-target legend { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; } body.highcontrast .mfa-target .mfa-input, body[class*="theme-"] .mfa-target .mfa-input { flex-grow: 1; flex-basis: calc(66.6667% - 15px); margin: 0 15px 15px 0; padding: 0; } body.highcontrast .mfa-target q2-input, body.highcontrast .mfa-target q2-select, body[class*="theme-"] .mfa-target q2-input, body[class*="theme-"] .mfa-target q2-select { margin-bottom: 0; } body.highcontrast .mfa-target q2-input:first-child, body.highcontrast .mfa-target q2-select:first-child, body[class*="theme-"] .mfa-target q2-input:first-child, body[class*="theme-"] .mfa-target q2-select:first-child { margin-top: 0; } body.highcontrast .mfa-target .mfa-address-text, body[class*="theme-"] .mfa-target .mfa-address-text { padding: 10px 0; } @media (max-width: 340px) { body.highcontrast .mfa-target .mfa-address-text, body[class*="theme-"] .mfa-target .mfa-address-text { width: 160px; display: block; overflow: hidden; text-overflow: ellipsis; } } body.highcontrast .mfa-target .sms-error-icon, body[class*="theme-"] .mfa-target .sms-error-icon { color: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_ALERT); top: 6px; margin-left: 2px; } body.highcontrast .mfa-target .sms-terms-label, body[class*="theme-"] .mfa-target .sms-terms-label { line-height: 38px; } body.highcontrast .mfa-btn-container, body[class*="theme-"] .mfa-btn-container { flex-grow: 1; } @media (max-width: 550px) { body.highcontrast .mfa-btn-container, body[class*="theme-"] .mfa-btn-container { display: flex; flex-direction: column-reverse; justify-content: flex-end; width: 100%; margin-top: 10px; } } body.highcontrast .mfa-btn, body[class*="theme-"] .mfa-btn { margin-top: 10px; margin-right: 5px; width: 130px; } body.highcontrast .mfa-heading .ui-dropdown button, body[class*="theme-"] .mfa-heading .ui-dropdown button { margin: 30px 0 30px 80px; border: 1px solid var(--uux-theme-primary); background: var(--uux-theme-white); color: var(--uux-theme-primary); } @media (max-width: 991px) { body.highcontrast .mfa-heading .ui-dropdown button, body[class*="theme-"] .mfa-heading .ui-dropdown button { margin: 0 0 30px; } } @media (max-width: 550px) { body.highcontrast .mfa-btn, body[class*="theme-"] .mfa-btn { width: 100%; } body.highcontrast .mfa-heading .ui-dropdown button, body[class*="theme-"] .mfa-heading .ui-dropdown button { width: 97%; margin: 0 0 30px 5px; } } body.highcontrast .mfa-heading .ui-dropdown .ui-dropdown-menu, body[class*="theme-"] .mfa-heading .ui-dropdown .ui-dropdown-menu { top: 60%; left: 100px; } body.highcontrast .mfa-heading .ui-dropdown .ui-dropdown-menu:after, body.highcontrast .mfa-heading .ui-dropdown .ui-dropdown-menu:before, body[class*="theme-"] .mfa-heading .ui-dropdown .ui-dropdown-menu:after, body[class*="theme-"] .mfa-heading .ui-dropdown .ui-dropdown-menu:before { display: none; } body.highcontrast .mfa-loading, body.highcontrast .noTargets, body[class*="theme-"] .mfa-loading, body[class*="theme-"] .noTargets { text-align: center; } body.highcontrast .mfa-loading .mfa-loading-spinner, body[class*="theme-"] .mfa-loading .mfa-loading-spinner { position: absolute; top: calc(40% - 20px); left: calc(50% - 20px); } body.highcontrast .ad-widget-wrapper, body[class*="theme-"] .ad-widget-wrapper { position: relative; overflow: hidden; } body.highcontrast .ad-widget-wrapper:active .ad-control, body.highcontrast .ad-widget-wrapper:focus .ad-control, body.highcontrast .ad-widget-wrapper:hover .ad-control, body[class*="theme-"] .ad-widget-wrapper:active .ad-control, body[class*="theme-"] .ad-widget-wrapper:focus .ad-control, body[class*="theme-"] .ad-widget-wrapper:hover .ad-control { background-color: var(--t-top-a1); color: var(--uux-CONST_WHITE); } body.highcontrast .ad-widget-wrapper ul, body[class*="theme-"] .ad-widget-wrapper ul { padding: 0; list-style: none; margin: 0; } body.highcontrast .ad-widget-wrapper .ad-selection, body[class*="theme-"] .ad-widget-wrapper .ad-selection { animation-duration: var(--uux-CONST_TWEEN_DURATION_2); animation-timing-function: linear; position: relative; } body.highcontrast .ad-widget-wrapper .ad-selection a, body[class*="theme-"] .ad-widget-wrapper .ad-selection a { display: block; } body.highcontrast .ad-widget-wrapper .ad-selection a:focus, body[class*="theme-"] .ad-widget-wrapper .ad-selection a:focus { box-shadow: var(--uux-CONST_GLOBAL_FOCUS) inset; } body.highcontrast .ad-widget-wrapper .ad-selection img, body[class*="theme-"] .ad-widget-wrapper .ad-selection img { width: 100%; } body.highcontrast .ad-widget-wrapper .ad-selection.visible, body[class*="theme-"] .ad-widget-wrapper .ad-selection.visible { animation-name: fadeInFromNone; } body.highcontrast .ad-widget-wrapper .ad-selection.not-visible, body[class*="theme-"] .ad-widget-wrapper .ad-selection.not-visible { animation-name: fadeOutFromVisible; position: absolute; z-index: -1; } body.highcontrast .ad-widget-wrapper .ad-control, body[class*="theme-"] .ad-widget-wrapper .ad-control { background-color: var(--t-top-a1); color: var(--uux-app-btnDefaultBg); } body.highcontrast .ad-widget-wrapper .ad-toggle, body[class*="theme-"] .ad-widget-wrapper .ad-toggle { height: 44px; font-size: 22px; width: 44px; } body.highcontrast .ad-widget-wrapper .ad-arrow, body[class*="theme-"] .ad-widget-wrapper .ad-arrow { display: block; height: 44px; overflow: hidden; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 44px; } @media screen and (min-width: 1024px) { body.highcontrast .ad-widget-wrapper .ad-arrow, body[class*="theme-"] .ad-widget-wrapper .ad-arrow { width: 44px; } } body.highcontrast .ad-widget-wrapper .ad-arrow .ad-arrow-inner, body[class*="theme-"] .ad-widget-wrapper .ad-arrow .ad-arrow-inner { border-radius: 50%; display: inline-block; height: 28px; width: 28px; } body.highcontrast .ad-widget-wrapper .ad-arrow.right-arrow, body[class*="theme-"] .ad-widget-wrapper .ad-arrow.right-arrow { right: 0; } body.highcontrast .ad-widget-wrapper .ad-arrow svg, body[class*="theme-"] .ad-widget-wrapper .ad-arrow svg { margin-top: 4px; stroke: var(--uux-CONST_WHITE); } body.highcontrast .ad-widget-wrapper .ad-indicator-holder, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder { bottom: 0; display: flex; height: 44px; left: 50%; position: absolute; transform: translate(-50%, 0); } body.highcontrast .ad-widget-wrapper .ad-indicator-holder .ad-control, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder .ad-control { background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 9px; height: 44px; } @media screen and (min-width: 1024px) { body.highcontrast .ad-widget-wrapper .ad-indicator-holder, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder { height: 44px; } } body.highcontrast .ad-widget-wrapper .ad-indicator-holder .transition-controls, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder .transition-controls { display: inline-block; height: 22px; line-height: 50%; margin-top: 22px; position: relative; width: 100%; } body.highcontrast .ad-widget-wrapper .ad-indicator-holder .transition-controls svg, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder .transition-controls svg { height: 8px; fill: var(--uux-CONST_WHITE); } body.highcontrast .ad-widget-wrapper .ad-indicator-holder .playing-wrapper, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder .playing-wrapper { bottom: 0; padding: 2px; position: absolute; width: 100%; } body.highcontrast .ad-widget-wrapper .ad-indicator-holder .playing-inner, body[class*="theme-"] .ad-widget-wrapper .ad-indicator-holder .playing-inner { animation-duration: 30s; animation-iteration-count: infinite; animation-name: animateProgress; animation-timing-function: linear; background-color: var(--uux-CONST_WHITE); height: 2px; width: 0%; } body.highcontrast .ad-widget-wrapper .ad-indicator, body[class*="theme-"] .ad-widget-wrapper .ad-indicator { display: flex; justify-content: center; align-items: center; } body.highcontrast .ad-widget-wrapper .ad-indicator:after, body[class*="theme-"] .ad-widget-wrapper .ad-indicator:after { border: 1px solid var(--uux-CONST_WHITE); border-radius: 50%; content: ""; height: 10px; width: 10px; } body.highcontrast .ad-widget-wrapper .ad-indicator.in-view:after, body[class*="theme-"] .ad-widget-wrapper .ad-indicator.in-view:after { background-color: var(--uux-CONST_WHITE); } body.highcontrast .branding-bar-widget, body[class*="theme-"] .branding-bar-widget { display: block !important; padding-top: env(safe-area-inset-top, 0); } body.highcontrast .navbar + .branding-bar-widget, body[class*="theme-"] .navbar + .branding-bar-widget { padding-top: 0; } body.highcontrast .transaction-history-item .btn-toggle, body[class*="theme-"] .transaction-history-item .btn-toggle { width: 100%; } body.highcontrast .transaction-history-item .item-header, body[class*="theme-"] .transaction-history-item .item-header { width: 100%; margin: 0; display: flex; align-items: center; } body.highcontrast .account-list .group-edit-messages q2-message, body.highcontrast .transaction-history-item .item-header > div, body[class*="theme-"] .account-list .group-edit-messages q2-message, body[class*="theme-"] .transaction-history-item .item-header > div { margin: 0 10px; } body.highcontrast .transaction-history-item .item-description, body[class*="theme-"] .transaction-history-item .item-description { text-align: left; flex: 1; } body.highcontrast .transaction-history-item .item-amount, body[class*="theme-"] .transaction-history-item .item-amount { text-align: right; } body.highcontrast .transaction-history-item .item-images, body[class*="theme-"] .transaction-history-item .item-images { padding: 15px; } body.highcontrast .transaction-history-item .check-images-container, body[class*="theme-"] .transaction-history-item .check-images-container { width: 100%; } body.highcontrast .custom-header, body[class*="theme-"] .custom-header { display: none; } @media screen and (min-width: 768px) { body.highcontrast .custom-header, body[class*="theme-"] .custom-header { height: var(--uux-app-brandingBarHeight); display: block; overflow: hidden; margin: 0 10px; flex: 1 10 auto; } } body.highcontrast .account-list .account-list-content, body[class*="theme-"] .account-list .account-list-content { display: flex; padding-bottom: 15px; } body.highcontrast .account-list .drag-drop.clearfix:after, body.highcontrast .account-list .drag-drop.clearfix:before, body.highcontrast .account-list .print-title, body[class*="theme-"] .account-list .drag-drop.clearfix:after, body[class*="theme-"] .account-list .drag-drop.clearfix:before, body[class*="theme-"] .account-list .print-title { display: none; } @media screen and (max-width: 767px) { body.highcontrast .account-list, body[class*="theme-"] .account-list { background-color: var(--uux-theme-white); } body.highcontrast .account-list .account-list-content, body[class*="theme-"] .account-list .account-list-content { flex-wrap: wrap; justify-content: center; } } body.highcontrast .account-list .group-edit-messages, body[class*="theme-"] .account-list .group-edit-messages { z-index: 56; } body.highcontrast .account-list .group-edit-messages q2-message ul, body[class*="theme-"] .account-list .group-edit-messages q2-message ul { margin: 0; } body.highcontrast .account-list .drop-zone, body[class*="theme-"] .account-list .drop-zone { border: 0; } body.highcontrast .account-list .drop-zone.activated .group-tile-button, body[class*="theme-"] .account-list .drop-zone.activated .group-tile-button { background-color: var(--t-gray12); } body.highcontrast .account-list .spinner, body[class*="theme-"] .account-list .spinner { position: fixed; } body.highcontrast .account-list-overpanel-title, body[class*="theme-"] .account-list-overpanel-title { margin-top: 0; } body.highcontrast .group-tile-overlay.account-list-group-tile-card, body[class*="theme-"] .group-tile-overlay.account-list-group-tile-card { height: auto; margin: 0; padding: 0; width: 100%; } body.highcontrast .group-tile-overlay.account-list-group-tile-card .group-tile-button, body[class*="theme-"] .group-tile-overlay.account-list-group-tile-card .group-tile-button { border: 0; border-top: 1px solid var(--uux-app-datatableCleanRowBorderColor); border-radius: 0; box-shadow: none; } body.highcontrast .group-tile-overlay.account-list-group-tile-card .group-tile-button .group-tile-inner, body[class*="theme-"] .group-tile-overlay.account-list-group-tile-card .group-tile-button .group-tile-inner { min-height: 80px; } body.highcontrast .group-tile-overlay.account-list-group-tile-card:last-child .group-tile-button, body[class*="theme-"] .group-tile-overlay.account-list-group-tile-card:last-child .group-tile-button { border-bottom: 1px solid var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast .account-list-account-filters, body[class*="theme-"] .account-list-account-filters { padding: 0 15px; } body.highcontrast .account-list-account-filters:after, body.highcontrast .account-list-account-filters:before, body[class*="theme-"] .account-list-account-filters:after, body[class*="theme-"] .account-list-account-filters:before { content: ""; display: table; line-height: 0; } body.highcontrast .account-list-account-filters:after, body[class*="theme-"] .account-list-account-filters:after { clear: both; } body.highcontrast .account-list-account-filters .badge-filter-item.badge, body[class*="theme-"] .account-list-account-filters .badge-filter-item.badge { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .account-list-account-filters .print-btn, body[class*="theme-"] .account-list-account-filters .print-btn { margin-right: -10px; opacity: 1; transition: opacity 0.3s ease-in-out, visibility 0s; visibility: visible; } body.highcontrast .account-list-account-filters .sort-label, body[class*="theme-"] .account-list-account-filters .sort-label { padding-top: 5px; padding-right: 10px; } body.highcontrast .account-list-account-filters .badge-filter-header-text, body[class*="theme-"] .account-list-account-filters .badge-filter-header-text { min-width: 9rem; } body.highcontrast .account-list-account-filters .badge-filter-list, body[class*="theme-"] .account-list-account-filters .badge-filter-list { padding: 0; } body.highcontrast .account-list-account-filters .badge-filter-list li, body[class*="theme-"] .account-list-account-filters .badge-filter-list li { padding: 0 15px 5px 0; } body.highcontrast .account-list-account-filters .account-filter-skeleton, body[class*="theme-"] .account-list-account-filters .account-filter-skeleton { height: 100px; } body.highcontrast .account-list-account-filters .account-filter-skeleton .account-filter-top-skeleton, body[class*="theme-"] .account-list-account-filters .account-filter-skeleton .account-filter-top-skeleton { height: 60px; } body.highcontrast .account-list-account-row, body.highcontrast .account-list-accounts-header, body[class*="theme-"] .account-list-account-row, body[class*="theme-"] .account-list-accounts-header { cursor: pointer; color: inherit; background-color: var(--uux-theme-white); border-right: 1px solid transparent; border-left: 1px solid transparent; position: relative; width: 100%; } body.highcontrast .account-list-account-row > div, body.highcontrast .account-list-accounts-header > div, body[class*="theme-"] .account-list-account-row > div, body[class*="theme-"] .account-list-accounts-header > div { flex-shrink: 0; } body.highcontrast .account-list-account-row .first, body.highcontrast .account-list-accounts-header .first, body[class*="theme-"] .account-list-account-row .first, body[class*="theme-"] .account-list-accounts-header .first { padding-left: 25px; } body.highcontrast .account-list-account-row .account-info, body.highcontrast .account-list-accounts-header .account-info, body[class*="theme-"] .account-list-account-row .account-info, body[class*="theme-"] .account-list-accounts-header .account-info { flex: 1 1; min-width: 25%; } body.highcontrast .account-list-account-row .account-info .account-description, body.highcontrast .account-list-accounts-header .account-info .account-description, body[class*="theme-"] .account-list-account-row .account-info .account-description, body[class*="theme-"] .account-list-accounts-header .account-info .account-description { display: flex; width: 100%; } body.highcontrast .account-list-account-row .account-info .account-description .account-name, body.highcontrast .account-list-accounts-header .account-info .account-description .account-name, body[class*="theme-"] .account-list-account-row .account-info .account-description .account-name, body[class*="theme-"] .account-list-accounts-header .account-info .account-description .account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .account-list-account-row .account-info .account-description .group-name, body.highcontrast .account-list-accounts-header .account-info .account-description .group-name, body[class*="theme-"] .account-list-account-row .account-info .account-description .group-name, body[class*="theme-"] .account-list-accounts-header .account-info .account-description .group-name { margin-left: 0.5em; white-space: nowrap; } body.highcontrast .account-list-account-row .sso-button, body.highcontrast .account-list-accounts-header .sso-button, body[class*="theme-"] .account-list-account-row .sso-button, body[class*="theme-"] .account-list-accounts-header .sso-button { height: 21px; padding: 0 5px; } body.highcontrast .account-list-account-row .hade, body.highcontrast .account-list-accounts-header .hade, body[class*="theme-"] .account-list-account-row .hade, body[class*="theme-"] .account-list-accounts-header .hade { width: 18%; } body.highcontrast .account-list-account-row .account-last-updated, body.highcontrast .account-list-accounts-header .account-last-updated, body[class*="theme-"] .account-list-account-row .account-last-updated, body[class*="theme-"] .account-list-accounts-header .account-last-updated { width: 180px; } body.highcontrast .account-list-account-row .actions, body.highcontrast .account-list-accounts-header .actions, body[class*="theme-"] .account-list-account-row .actions, body[class*="theme-"] .account-list-accounts-header .actions { width: 55px; } body.highcontrast .account-list-account-row.datatable-header div.first, body.highcontrast .account-list-accounts-header.datatable-header div.first, body[class*="theme-"] .account-list-account-row.datatable-header div.first, body[class*="theme-"] .account-list-accounts-header.datatable-header div.first { padding-left: 25px; } body.highcontrast .account-list-account-row.datatable-row.account-list-account-row, body.highcontrast .account-list-accounts-header.datatable-row.account-list-account-row, body[class*="theme-"] .account-list-account-row.datatable-row.account-list-account-row, body[class*="theme-"] .account-list-accounts-header.datatable-row.account-list-account-row { margin-top: -1px; } body.highcontrast .account-list-account-row.datatable-row div.account-info, body.highcontrast .account-list-accounts-header.datatable-row div.account-info, body[class*="theme-"] .account-list-account-row.datatable-row div.account-info, body[class*="theme-"] .account-list-accounts-header.datatable-row div.account-info { padding-left: 60px; } body.highcontrast .account-row-wrapper .account-actions-dropdown, body.highcontrast .account-row-wrapper .account-checkbox, body[class*="theme-"] .account-row-wrapper .account-actions-dropdown, body[class*="theme-"] .account-row-wrapper .account-checkbox { align-items: center; display: flex; position: absolute; left: 23px; top: 0; bottom: 0; } body.highcontrast .account-row-wrapper .account-checkbox, body[class*="theme-"] .account-row-wrapper .account-checkbox { padding: 2px; } body.highcontrast .account-row-wrapper .account-actions-dropdown, body[class*="theme-"] .account-row-wrapper .account-actions-dropdown { right: 10px; left: auto; } body.highcontrast .account-list-accounts-header, body[class*="theme-"] .account-list-accounts-header { border-right: 0; border-left: 0; } body.highcontrast .account-list-accounts-header .priority.is-edit-mode, body[class*="theme-"] .account-list-accounts-header .priority.is-edit-mode { width: 20%; } body.highcontrast .account-list-accounts-header .account-info-header, body[class*="theme-"] .account-list-accounts-header .account-info-header { border: 0; background: 0 0; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .dragging .datatable-row.account-list-account-row, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .dragging .datatable-row.account-list-account-row { border: 1px solid var(--uux-app-datatableCleanRowBorderColor); border-radius: 0; } body.highcontrast .account-list-accounts-container, body[class*="theme-"] .account-list-accounts-container { padding: 15px 15px 0; transition: z-index 0s 310ms; width: calc(100% - 245px); z-index: 1; } @media screen and (max-width: 767px) { body.highcontrast .account-list-accounts-container, body[class*="theme-"] .account-list-accounts-container { margin: 0; padding: 0; flex: 0 1 100%; width: 100%; } } body.highcontrast .account-list-accounts-container .account-list-account-filters, body.highcontrast .account-list-accounts-container .accounts, body.highcontrast .account-list-accounts-container .edit-group-form, body[class*="theme-"] .account-list-accounts-container .account-list-account-filters, body[class*="theme-"] .account-list-accounts-container .accounts, body[class*="theme-"] .account-list-accounts-container .edit-group-form { background-color: var(--uux-theme-white); border-radius: 3px; margin-bottom: 15px; width: 100%; } @media screen and (max-width: 991px) { body.highcontrast .account-list-accounts-container .account-list-account-filters.form-container, body.highcontrast .account-list-accounts-container .accounts.form-container, body.highcontrast .account-list-accounts-container .edit-group-form.form-container, body[class*="theme-"] .account-list-accounts-container .account-list-account-filters.form-container, body[class*="theme-"] .account-list-accounts-container .accounts.form-container, body[class*="theme-"] .account-list-accounts-container .edit-group-form.form-container { padding-bottom: 15px; } } @media screen and (max-width: 767px) { body.highcontrast .account-list-accounts-container .account-list-account-filters, body.highcontrast .account-list-accounts-container .accounts, body.highcontrast .account-list-accounts-container .edit-group-form, body[class*="theme-"] .account-list-accounts-container .account-list-account-filters, body[class*="theme-"] .account-list-accounts-container .accounts, body[class*="theme-"] .account-list-accounts-container .edit-group-form { border-radius: 0; } body.highcontrast .account-list-accounts-container .accounts, body[class*="theme-"] .account-list-accounts-container .accounts { margin-top: 0; } } body.highcontrast .account-list-accounts-container .accounts .account-list-table, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table { list-style: none; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header, body.highcontrast .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row { border-radius: 3px 3px 0 0; border-top: 0; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header .spinner-wrapper, body.highcontrast .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row .spinner-wrapper, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header .spinner-wrapper, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row .spinner-wrapper { padding-top: 10px; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header .spinner-wrapper q2-loading, body.highcontrast .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row .spinner-wrapper q2-loading, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header .spinner-wrapper q2-loading, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row .spinner-wrapper q2-loading { font-size: 22px; } @media screen and (max-width: 767px) { body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header, body.highcontrast .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-list-accounts-header, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table > :first-child .account-list-account-row { border-top: 1px solid var(--uux-app-datatableCleanRowBorderColor); border-radius: 0; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-name-container, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-name-container { display: flex; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-name-container .external-sso, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-name-container .external-sso { flex: 1 0; text-align: right; } body.highcontrast .account-list-accounts-container .accounts .account-list-table .account-name-container .external-sso .sso-button, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table .account-name-container .external-sso .sso-button { display: inline-flex; margin-right: 0; } } body.highcontrast .account-list-accounts-container .accounts .account-list-table > :last-child .account-list-account-row, body[class*="theme-"] .account-list-accounts-container .accounts .account-list-table > :last-child .account-list-account-row { border-radius: 0 0 3px 3px; border-bottom: 0; } body.highcontrast .account-list-accounts-container .accounts .account-row-wrapper.dragging .account-actions-dropdown button:after, body.highcontrast .account-list-accounts-container .accounts .account-row-wrapper.dragging .account-actions-dropdown button:before, body.highcontrast .account-list-accounts-container .edit-group-form, body[class*="theme-"] .account-list-accounts-container .accounts .account-row-wrapper.dragging .account-actions-dropdown button:after, body[class*="theme-"] .account-list-accounts-container .accounts .account-row-wrapper.dragging .account-actions-dropdown button:before, body[class*="theme-"] .account-list-accounts-container .edit-group-form { display: none; } body.highcontrast .account-list-accounts-container .accounts .account-row-wrapper, body[class*="theme-"] .account-list-accounts-container .accounts .account-row-wrapper { width: 100%; } body.highcontrast .account-list-accounts-container .accounts .account-row-wrapper.dragging, body[class*="theme-"] .account-list-accounts-container .accounts .account-row-wrapper.dragging { transform: translate3d(0, 0, 0); cursor: grabbing; } body.highcontrast .account-list-accounts-container .accounts .account-row-wrapper.not-droppable, body[class*="theme-"] .account-list-accounts-container .accounts .account-row-wrapper.not-droppable { cursor: no-drop; } body.highcontrast .account-list-accounts-container .edit-group-form .input, body[class*="theme-"] .account-list-accounts-container .edit-group-form .input { margin: 15px 0; } body.highcontrast .account-list-group-tile-card, body[class*="theme-"] .account-list-group-tile-card { position: relative; margin: 15px 0 0; } @media screen and (max-width: 767px) { body.highcontrast .account-list-group-tile-card, body[class*="theme-"] .account-list-group-tile-card { margin: 10px auto 0; padding: 0 4px 3px; width: 100%; } body.highcontrast .account-list-group-tile-card.with-balances, body[class*="theme-"] .account-list-group-tile-card.with-balances { height: auto; } } body.highcontrast .account-list-group-tile-card.all-accounts, body[class*="theme-"] .account-list-group-tile-card.all-accounts { margin-top: 0; } body.highcontrast .account-list-group-tile-card .group-tile-button, body[class*="theme-"] .account-list-group-tile-card .group-tile-button { background-color: var(--uux-theme-white); border: 1px solid var(--uux-theme-white); border-radius: 3px; box-shadow: 0 1px 3px var(--t-top-a1), 0 1px 2px var(--t-top-a1); display: block; font-weight: 300; padding: 1px; position: relative; white-space: nowrap; } body.highcontrast .account-list-group-tile-card .group-tile-button:after, body.highcontrast .account-list-group-tile-card .group-tile-button:before, body[class*="theme-"] .account-list-group-tile-card .group-tile-button:after, body[class*="theme-"] .account-list-group-tile-card .group-tile-button:before { transition: box-shadow 350ms; content: ""; position: absolute; border-radius: 3px; pointer-events: none; } body.highcontrast .account-list-group-tile-card .group-tile-button:focus:before, body[class*="theme-"] .account-list-group-tile-card .group-tile-button:focus:before { box-shadow: inset 0 0 0 2px var(--uux-app-btnPrimaryBg); top: -2px; right: -2px; bottom: -2px; left: -2px; } @media screen and (max-width: 767px) { body.highcontrast .account-list-group-tile-card .group-tile-button, body[class*="theme-"] .account-list-group-tile-card .group-tile-button { border: 1px solid var(--t-top-a1); height: auto; } body.highcontrast .account-list-group-tile-card .group-tile-button:after, body[class*="theme-"] .account-list-group-tile-card .group-tile-button:after { content: none; } } body.highcontrast .account-list-group-tile-card .group-tile-button .group-tile-inner, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .group-tile-inner { padding: 17px; width: 100%; } body.highcontrast .account-list-group-tile-card .group-tile-button .group-tile-content, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .group-tile-content { border-radius: 3px; } body.highcontrast .account-list-group-tile-card .group-tile-button .group-tile-content:focus, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .group-tile-content:focus { box-shadow: none; } body.highcontrast .account-list-group-tile-card .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .title-row { align-items: center; display: flex; font-weight: 300; font-size: 18px; line-height: 24px; min-height: 24px; margin: 0; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .account-list-group-tile-card .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .title-row { margin-right: 34px; } } @supports (-ms-ime-align: auto) { body.highcontrast .account-list-group-tile-card .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .title-row { margin-right: 34px; } } body.highcontrast .account-list-group-tile-card .group-tile-button .title-row .group-name, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .title-row .group-name { text-overflow: ellipsis; overflow: hidden; margin-right: 5px; text-align: left; } body.highcontrast .account-list-group-tile-card .group-tile-button .title-row .spinner, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .title-row .spinner { position: relative; left: 0; height: 30px; width: 30px; margin: 0 0 0 8px; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row { display: flex; font-size: 12px; font-weight: 300; line-height: 17px; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .balance-name, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .balance-name { flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .balance-amount, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .balance-amount { flex-grow: 1; text-align: right; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .balance-amount .group-complete, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .balance-amount .group-complete { height: 12px; width: 14px; animation-name: fadeInFromNone; animation-duration: 0.5s; animation-iteration-count: 2; animation-direction: alternate; animation-fill-mode: both; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .balance-amount .inline-spinner, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .balance-amount .inline-spinner { height: auto; width: auto; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .balance-amount .inline-spinner > img, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .balance-amount .inline-spinner > img { height: 12px; width: 12px; vertical-align: unset; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .balance-error, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .balance-error { flex-shrink: 1; } body.highcontrast .account-list-group-tile-card .group-tile-button .balance-row .spinner, body[class*="theme-"] .account-list-group-tile-card .group-tile-button .balance-row .spinner { position: static; height: 30px; width: 30px; margin: 0 0 0 8px; } body.highcontrast .account-list-group-tile-card .group-tile-remove-button, body[class*="theme-"] .account-list-group-tile-card .group-tile-remove-button { margin-right: 0; } body.highcontrast .account-list-group-tile-card .group-tile-remove-button .group-tile-icon, body[class*="theme-"] .account-list-group-tile-card .group-tile-remove-button .group-tile-icon { margin: 0 10px 0 0; } body.highcontrast .account-list-group-tile-card .group-tile-remove-button .group-name, body[class*="theme-"] .account-list-group-tile-card .group-tile-remove-button .group-name { font-size: 14px; } body.highcontrast .account-list-group-tile-card.is-selected .group-tile-button:after, body[class*="theme-"] .account-list-group-tile-card.is-selected .group-tile-button:after { box-shadow: inset 18px 0 0 -12px var(--uux-app-btnPrimaryBg); top: -1px; right: -1px; bottom: -1px; left: -1px; } body.highcontrast .account-list-group-tile-card:focus-within .group-tile-button .title-row, body.highcontrast .account-list-group-tile-card:hover .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card:focus-within .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card:hover .group-tile-button .title-row { margin-right: 34px; } @media screen and (max-width: 767px) { body.highcontrast .account-list-group-tile-card:focus-within .group-tile-button .title-row, body.highcontrast .account-list-group-tile-card:hover .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card:focus-within .group-tile-button .title-row, body[class*="theme-"] .account-list-group-tile-card:hover .group-tile-button .title-row { margin-right: 0; } } body.highcontrast .account-list-group-tile-card:focus-within .ui-dropdown:not(.open), body.highcontrast .account-list-group-tile-card:hover .ui-dropdown:not(.open), body[class*="theme-"] .account-list-group-tile-card:focus-within .ui-dropdown:not(.open), body[class*="theme-"] .account-list-group-tile-card:hover .ui-dropdown:not(.open) { z-index: auto; } body.highcontrast .account-list-group-tile-card.dragging, body[class*="theme-"] .account-list-group-tile-card.dragging { cursor: grabbing; } body.highcontrast .account-list-group-tile-card .ui-dropdown, body[class*="theme-"] .account-list-group-tile-card .ui-dropdown { position: absolute; top: 1px; right: 1px; color: var(--uux-app-textColor); } body.highcontrast .account-list-group-tile-card .ui-dropdown:not(.open), body[class*="theme-"] .account-list-group-tile-card .ui-dropdown:not(.open) { z-index: -10; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .account-list-group-tile-card .ui-dropdown:not(.open), body[class*="theme-"] .account-list-group-tile-card .ui-dropdown:not(.open) { z-index: auto; } } @supports (-ms-ime-align: auto) { body.highcontrast .account-list-group-tile-card .ui-dropdown:not(.open), body[class*="theme-"] .account-list-group-tile-card .ui-dropdown:not(.open) { z-index: auto; } } body.highcontrast .account-list-group-tile-card-mobile .group-tile-button:focus, body[class*="theme-"] .account-list-group-tile-card-mobile .group-tile-button:focus { z-index: 1; } body.highcontrast .account-list-group-tile-card-mobile .group-tile-button .group-tile-inner, body.highcontrast .group-tile-overlay .group-tile-button .group-tile-inner, body[class*="theme-"] .account-list-group-tile-card-mobile .group-tile-button .group-tile-inner, body[class*="theme-"] .group-tile-overlay .group-tile-button .group-tile-inner { align-items: center; display: flex; padding: 10px 15px; } body.highcontrast .account-list-group-tile-card-mobile .group-tile-button .group-tile-content, body.highcontrast .group-tile-overlay .group-tile-button .group-tile-content, body[class*="theme-"] .account-list-group-tile-card-mobile .group-tile-button .group-tile-content, body[class*="theme-"] .group-tile-overlay .group-tile-button .group-tile-content { flex-grow: 1; max-width: 88%; } body.highcontrast .account-list-group-tile-card-mobile .group-tile-icon, body.highcontrast .group-tile-overlay .group-tile-icon, body[class*="theme-"] .account-list-group-tile-card-mobile .group-tile-icon, body[class*="theme-"] .group-tile-overlay .group-tile-icon { margin: 0 0 0 10px; } body.highcontrast .account-list-group-tile-card-mobile .group-tile-selected-icon, body.highcontrast .group-tile-overlay .group-tile-selected-icon, body[class*="theme-"] .account-list-group-tile-card-mobile .group-tile-selected-icon, body[class*="theme-"] .group-tile-overlay .group-tile-selected-icon { flex: 0 1 auto; stroke: var(--uux-theme-primary); margin: 0 15px 0 0; visibility: hidden; } body.highcontrast .account-list-group-tile-card-mobile .group-tile-selected-icon.is-selected, body.highcontrast .group-tile-overlay .group-tile-selected-icon.is-selected, body[class*="theme-"] .account-list-group-tile-card-mobile .group-tile-selected-icon.is-selected, body[class*="theme-"] .group-tile-overlay .group-tile-selected-icon.is-selected { visibility: visible; } body.highcontrast .account-list-group-tile-card-mobile, body[class*="theme-"] .account-list-group-tile-card-mobile { display: none; } body.highcontrast .account-list-group-tile-card-mobile.is-shown, body[class*="theme-"] .account-list-group-tile-card-mobile.is-shown { display: block; } body.highcontrast .drop-zone, body[class*="theme-"] .drop-zone { color: var(--uux-app-textColor); } body.highcontrast .account-list-groups-container, body[class*="theme-"] .account-list-groups-container { padding: 15px 0 0 15px; display: block; width: 245px; } body.highcontrast .account-list-groups-container.is-hidden, body[class*="theme-"] .account-list-groups-container.is-hidden { display: none; } body.highcontrast .account-list-groups-container .group-skeleton, body[class*="theme-"] .account-list-groups-container .group-skeleton { background-color: var(--uux-theme-white); } body.highcontrast .account-list-groups-container .create-group, body[class*="theme-"] .account-list-groups-container .create-group { display: block; text-align: center; } body.highcontrast .account-list-groups-container .create-group .ui-icon:before, body[class*="theme-"] .account-list-groups-container .create-group .ui-icon:before { font-size: 14px; vertical-align: baseline; } body.highcontrast .account-list-groups-container .balance-refresh-tile, body[class*="theme-"] .account-list-groups-container .balance-refresh-tile { display: none; opacity: 0; } body.highcontrast .account-list-groups-container .drag-drop-clone .account-list-group-tile-card, body[class*="theme-"] .account-list-groups-container .drag-drop-clone .account-list-group-tile-card { background: var(--uux-theme-grayNeutral); min-height: 95px; width: 100%; } body.highcontrast .is-group-edit-mode .account-list-accounts-container, body[class*="theme-"] .is-group-edit-mode .account-list-accounts-container { position: relative; transition: z-index 0s; z-index: 55; } body.highcontrast .is-group-edit-mode .account-list-accounts-container .edit-group-form, body[class*="theme-"] .is-group-edit-mode .account-list-accounts-container .edit-group-form { display: block; } body.highcontrast .is-group-edit-mode .account-list-accounts-container .account-list-account-filters .print-btn, body[class*="theme-"] .is-group-edit-mode .account-list-accounts-container .account-list-account-filters .print-btn { transition: opacity 0.3s ease-in-out, visibility 0s 310ms; opacity: 0; visibility: hidden; } body.highcontrast .is-group-edit-mode .account-list-accounts-container .accounts .account-list-table > div:first-child, body[class*="theme-"] .is-group-edit-mode .account-list-accounts-container .accounts .account-list-table > div:first-child { border-radius: 3px 3px 0 0; border-top: 0; } body.highcontrast .is-group-edit-mode .account-list-accounts-container .accounts .account-list-account-row, body[class*="theme-"] .is-group-edit-mode .account-list-accounts-container .accounts .account-list-account-row { cursor: default; } body.highcontrast .is-group-edit-mode .account-list-accounts-container .accounts .sso-button, body[class*="theme-"] .is-group-edit-mode .account-list-accounts-container .accounts .sso-button { display: none; } body.highcontrast .is-group-edit-mode .looper-btn, body[class*="theme-"] .is-group-edit-mode .looper-btn { display: block; } body.highcontrast .is-group-edit-mode .ui-sticky, body[class*="theme-"] .is-group-edit-mode .ui-sticky { z-index: 56; } body.highcontrast .payment-recipients .payment-item .payment-actions-drop-down.open, body.highcontrast .transaction-list-headers, body[class*="theme-"] .payment-recipients .payment-item .payment-actions-drop-down.open, body[class*="theme-"] .transaction-list-headers { z-index: 10; } body.highcontrast .account-list-group-edit-footer, body[class*="theme-"] .account-list-group-edit-footer { background-color: var(--uux-theme-white); box-shadow: 1px 0 5px 0 var(--t-top-a1); width: 100%; } body.highcontrast .account-list-group-edit-footer .count-and-buttons, body[class*="theme-"] .account-list-group-edit-footer .count-and-buttons { display: flex; align-items: center; } body.highcontrast .account-list-group-edit-footer .count-and-buttons .account-count, body[class*="theme-"] .account-list-group-edit-footer .count-and-buttons .account-count { flex-grow: 2; } body.highcontrast .account-list-group-edit-footer .count-and-buttons .form-buttons, body[class*="theme-"] .account-list-group-edit-footer .count-and-buttons .form-buttons { align-self: flex-end; } body.highcontrast .account-list-group-edit-footer .count-and-buttons .footer-btn, body[class*="theme-"] .account-list-group-edit-footer .count-and-buttons .footer-btn { min-width: 128px; } body.highcontrast .account-list-group-edit-footer .count-and-buttons .footer-btn.three-buttons, body[class*="theme-"] .account-list-group-edit-footer .count-and-buttons .footer-btn.three-buttons { min-width: 90px; } body.highcontrast .account-list-group-edit-footer .hade-selection, body[class*="theme-"] .account-list-group-edit-footer .hade-selection { display: flex; align-items: center; } body.highcontrast .account-list-group-edit-footer .hade-selection .form-group, body[class*="theme-"] .account-list-group-edit-footer .hade-selection .form-group { flex: 1; } body.highcontrast .account-list-group-edit-footer .hade-selection .hade-select, body[class*="theme-"] .account-list-group-edit-footer .hade-selection .hade-select { width: 100%; } @media print { body.highcontrast .account-list, body.highcontrast .account-list .account-list-accounts-container, body[class*="theme-"] .account-list, body[class*="theme-"] .account-list .account-list-accounts-container { width: 100%; } body.highcontrast .account-list .print-title, body[class*="theme-"] .account-list .print-title { display: block; font-size: 19px; font-weight: 300; margin: 0 15px 15px; } body.highcontrast .account-list .account-list-content, body[class*="theme-"] .account-list .account-list-content { display: block; } body.highcontrast .account-list .account-list-accounts-container .account-list-account-filters, body[class*="theme-"] .account-list .account-list-accounts-container .account-list-account-filters { padding: 0; } body.highcontrast .account-list .account-list-accounts-container .account-list-account-filters .print-title, body[class*="theme-"] .account-list .account-list-accounts-container .account-list-account-filters .print-title { margin: 0; } body.highcontrast .account-list .account-list-accounts-container .accounts .account-list-account-row .account-info, body[class*="theme-"] .account-list .account-list-accounts-container .accounts .account-list-account-row .account-info { padding-left: 0; } body.highcontrast .account-list .account-list-group-tile-card-mobile, body[class*="theme-"] .account-list .account-list-group-tile-card-mobile { display: inline-block; margin: 0 15px 15px; min-width: 300px; } body.highcontrast .account-list .account-list-group-tile-card-mobile .group-tile-button, body[class*="theme-"] .account-list .account-list-group-tile-card-mobile .group-tile-button { border-width: 2px; border-color: var(--uux-CONST_GRAY_L1); } body.highcontrast .account-list .account-list-group-tile-card-mobile .group-tile-button:after, body[class*="theme-"] .account-list .account-list-group-tile-card-mobile .group-tile-button:after { display: none; } body.highcontrast .account-list .account-list-group-tile-card-mobile .group-tile-button .group-tile-content, body[class*="theme-"] .account-list .account-list-group-tile-card-mobile .group-tile-button .group-tile-content { max-width: none; } } body.highcontrast .dynamic-form:not(.form-widget), body[class*="theme-"] .dynamic-form:not(.form-widget) { padding: 15px; } @media screen and (min-width: 1280px) { body.highcontrast:not(.tablet) .footer, body[class*="theme-"]:not(.tablet) .footer { position: absolute; width: 100%; } } body.highcontrast .footer, body[class*="theme-"] .footer { background-color: var(--uux-desktop-footerBg); bottom: 0; clear: both; color: var(--uux-desktop-footerTextContrast); font-size: 12px; min-height: calc( var(--uux-desktop-footerHeight) - var(--uux-desktop-footerTopMargin) ); padding: 0 15px; } body.highcontrast .compliance-link span, body.highcontrast .footer .compliance-link span, body[class*="theme-"] .compliance-link span, body[class*="theme-"] .footer .compliance-link span { padding-left: 5px; } body.highcontrast .footer .compliance-list li, body[class*="theme-"] .footer .compliance-list li { vertical-align: bottom; } body.highcontrast .footer .compliance-list li.copyright, body[class*="theme-"] .footer .compliance-list li.copyright { margin-right: 15px; padding-left: 0; } body.highcontrast .footer .compliance-list a, body[class*="theme-"] .footer .compliance-list a { color: currentColor; } body.highcontrast .footer .compliance-primary, body[class*="theme-"] .footer .compliance-primary { fill: currentColor; vertical-align: bottom; height: 20px; width: 35px; } body.highcontrast .footer .compliance-secondary, body[class*="theme-"] .footer .compliance-secondary { fill: var(--uux-app-linkColorFaded); } body.highcontrast .footer > .container, body[class*="theme-"] .footer > .container { max-width: 100%; padding: 24px 0 0; } body.highcontrast .footer .social-title, body[class*="theme-"] .footer .social-title { font-weight: 700; margin: 0 0 14px; text-transform: uppercase; } body.highcontrast .footer .footer-copyright, body[class*="theme-"] .footer .footer-copyright { margin-bottom: 14px; } body.highcontrast .footer .footer-customer-links a, body[class*="theme-"] .footer .footer-customer-links a { color: var(--t-base-a3); } body.highcontrast .footer .footer-customer-links a:hover, body[class*="theme-"] .footer .footer-customer-links a:hover { color: var(--uux-desktop-footerTextContrast); } body.highcontrast .footer .footer-customer-links li, body[class*="theme-"] .footer .footer-customer-links li { padding: 0; } body.highcontrast .footer .footer-customer-links li:after, body[class*="theme-"] .footer .footer-customer-links li:after { content: "/"; display: inline-block; padding: 0 10px; } body.highcontrast .footer .footer-customer-links li:last-child:after, body[class*="theme-"] .footer .footer-customer-links li:last-child:after { content: ""; display: inline-block; padding: 0 10px; } body.highcontrast .footer .social-list li, body.highcontrast .social-link, body[class*="theme-"] .footer .social-list li, body[class*="theme-"] .social-link { padding-right: 0; } body.highcontrast .footer .social-list, body[class*="theme-"] .footer .social-list { padding-top: 1.5em; } body.highcontrast .footer .social-list a, body[class*="theme-"] .footer .social-list a { color: var(--t-base-a3); } body.highcontrast .footer .social-list a > .social-icon, body[class*="theme-"] .footer .social-list a > .social-icon { display: inline-block; font-size: 24px; line-height: 32px; margin-right: 6px; } body.highcontrast .footer .social-list a > .social-link-text, body[class*="theme-"] .footer .social-list a > .social-link-text { line-height: 31px; vertical-align: top; } body.highcontrast .footer .social-list a:hover, body[class*="theme-"] .footer .social-list a:hover { text-decoration: none; color: var(--uux-desktop-footerTextContrast); } body.highcontrast .footer .social-list a:hover > .social-link-text, body[class*="theme-"] .footer .social-list a:hover > .social-link-text { text-decoration: underline; } body.highcontrast .footer .link-separator:last-of-type, body[class*="theme-"] .footer .link-separator:last-of-type { display: none; } body.highcontrast .compliance-link, body[class*="theme-"] .compliance-link { color: currentColor; } body.highcontrast .compliance-link:hover, body[class*="theme-"] .compliance-link:hover { text-decoration: none; color: currentColor; } body.highcontrast .compliance-link:hover > span, body[class*="theme-"] .compliance-link:hover > span { text-decoration: underline; } body.highcontrast .compliance-link .compliance-primary, body[class*="theme-"] .compliance-link .compliance-primary { fill: currentColor; vertical-align: bottom; height: 20px; width: 35px; } body.highcontrast .compliance-link .compliance-secondary, body[class*="theme-"] .compliance-link .compliance-secondary { fill: var(--uux-app-linkColorFaded); } body.highcontrast .social-link a, body[class*="theme-"] .social-link a { color: var(--t-base-a3); } body.highcontrast .social-link a > .social-icon, body[class*="theme-"] .social-link a > .social-icon { display: inline-block; font-size: 24px; line-height: 32px; margin-right: 6px; } body.highcontrast .social-link a > .social-link-text, body[class*="theme-"] .social-link a > .social-link-text { line-height: 31px; vertical-align: top; } body.highcontrast .social-link a:hover, body[class*="theme-"] .social-link a:hover { text-decoration: none; color: var(--uux-desktop-footerTextContrast); } body.highcontrast .social-link a:hover > .social-link-text, body[class*="theme-"] .social-link a:hover > .social-link-text { text-decoration: underline; } body.highcontrast .footer-link, body[class*="theme-"] .footer-link { color: var(--t-base-a3); } body.highcontrast .footer-link:hover, body[class*="theme-"] .footer-link:hover { color: var(--uux-desktop-footerTextContrast); } body.highcontrast .datatable-sorting-header q2-btn.sort-active .datatable-sort-icon, body.highcontrast .datatable-sorting-header q2-btn:focus .datatable-sort-icon, body.highcontrast .datatable-sorting-header q2-btn:focus-within .datatable-sort-icon, body.highcontrast .datatable-sorting-header q2-btn:hover .datatable-sort-icon, body[class*="theme-"] .datatable-sorting-header q2-btn.sort-active .datatable-sort-icon, body[class*="theme-"] .datatable-sorting-header q2-btn:focus .datatable-sort-icon, body[class*="theme-"] .datatable-sorting-header q2-btn:focus-within .datatable-sort-icon, body[class*="theme-"] .datatable-sorting-header q2-btn:hover .datatable-sort-icon { color: inherit; } body.highcontrast .datatable-sorting-header, body[class*="theme-"] .datatable-sorting-header { padding: 0; } body.highcontrast .datatable-sorting-header q2-btn, body[class*="theme-"] .datatable-sorting-header q2-btn { display: block; padding: 2px; } body.highcontrast .datatable-sorting-header .datatable-sorting-header-content, body[class*="theme-"] .datatable-sorting-header .datatable-sorting-header-content { padding: 15px 5px; display: flex; align-items: center; } body.highcontrast .datatable-sorting-header.ascending .datatable-sorting-header-content, body.highcontrast .incoming-rtp-info .incoming-rtp-col.rtp-row-align-end, body[class*="theme-"] .datatable-sorting-header.ascending .datatable-sorting-header-content, body[class*="theme-"] .incoming-rtp-info .incoming-rtp-col.rtp-row-align-end { align-items: flex-end; } body.highcontrast .datatable-sorting-header .datatable-sort-icon, body[class*="theme-"] .datatable-sorting-header .datatable-sort-icon { color: var(--uux-theme-grayLight); display: inline-block; font-size: 13px; padding-left: 1px; } body.highcontrast .welcome-message, body[class*="theme-"] .welcome-message { color: var(--uux-desktop-welcomeMessageText); text-align: right; align-self: center; min-width: 180px; } @media screen and (max-width: 991px) { body.highcontrast .welcome-message, body[class*="theme-"] .welcome-message { color: var(--uux-tablet-brandingBarContrast); } } @media screen and (min-width: 768px) { body.highcontrast .welcome-message, body[class*="theme-"] .welcome-message { font-size: 12px; } } @media screen and (max-width: 767px) { body.highcontrast .welcome-message, body[class*="theme-"] .welcome-message { border-top: solid var(--uux-phone-customerNameHolderBorder) 1px; background: var(--uux-phone-customerNameHolderBg); color: var(--uux-phone-customerNameHolderContrast); padding: 3px 15px; } } body.highcontrast .welcome-message .customer-last-login, body[class*="theme-"] .welcome-message .customer-last-login { color: var(--uux-desktop-welcomeMessageSubtext); font-style: italic; font-weight: 300; } @media screen and (max-width: 991px) { body.highcontrast .welcome-message .customer-last-login, body[class*="theme-"] .welcome-message .customer-last-login { color: var(--uux-tablet-brandingBarSubtext); } } body.highcontrast.tablet .welcome-message, body[class*="theme-"].tablet .welcome-message { margin-right: 6px; } body.highcontrast .transaction-list-actions, body[class*="theme-"] .transaction-list-actions { height: 56px; } @media screen and (max-width: 767px) { body.highcontrast .welcome-message .customer-last-login, body[class*="theme-"] .welcome-message .customer-last-login { color: var(--uux-phone-customerNameHolderContrast); } body.highcontrast .transaction-list-actions, body[class*="theme-"] .transaction-list-actions { height: auto; } } body.highcontrast .transaction-list-actions .q2-col.buttons, body[class*="theme-"] .transaction-list-actions .q2-col.buttons { display: flex; align-items: center; } body.highcontrast .transaction-list-actions .q2-col.buttons q2-btn, body[class*="theme-"] .transaction-list-actions .q2-col.buttons q2-btn { padding-right: var(--tct-scale-1, var(--app-scale-1, 5px)); } body.highcontrast .transaction-list-actions .search q2-input[type="search"], body[class*="theme-"] .transaction-list-actions .search q2-input[type="search"] { margin-top: var(--tct-scale-1, var(--app-scale-1, 5px)); margin-bottom: var(--tct-scale-1, var(--app-scale-1, 5px)); } body.highcontrast .transaction-list-actions .mobile-search, body[class*="theme-"] .transaction-list-actions .mobile-search { display: flex; gap: 10px; align-items: center; } body.highcontrast .transaction-list-actions .mobile-search q2-input[type="search"], body[class*="theme-"] .transaction-list-actions .mobile-search q2-input[type="search"] { margin-top: var(--tct-scale-1, var(--app-scale-1, 5px)); margin-bottom: var(--tct-scale-1, var(--app-scale-1, 5px)); flex: 1; } body.highcontrast q2-icon.inbox-icon, body[class*="theme-"] q2-icon.inbox-icon { margin-top: var(--app-scale-3) !important; } body.highcontrast .no-activity, body[class*="theme-"] .no-activity { padding-top: var(--app-scale-4); } body.highcontrast .no-activity .title, body[class*="theme-"] .no-activity .title { margin: 0; } body.highcontrast .no-activity .subtitle, body[class*="theme-"] .no-activity .subtitle { height: 40px; } body.highcontrast .transaction-list-headers [class*=" icon-"], body.highcontrast .transaction-list-headers [class^="icon-"], body[class*="theme-"] .transaction-list-headers [class*=" icon-"], body[class*="theme-"] .transaction-list-headers [class^="icon-"] { opacity: 0.5; } body.highcontrast .transaction-list-headers [class*=" icon-"].active, body.highcontrast .transaction-list-headers [class^="icon-"].active, body[class*="theme-"] .transaction-list-headers [class*=" icon-"].active, body[class*="theme-"] .transaction-list-headers [class^="icon-"].active { opacity: 1; } body.highcontrast .transaction-list-headers .transaction-header-wrapper, body[class*="theme-"] .transaction-list-headers .transaction-header-wrapper { background: var(--uux-app-datatableCleanHeaderBg); } body.highcontrast .transaction-list-headers .transaction-header, body[class*="theme-"] .transaction-list-headers .transaction-header { padding: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-3, var(--app-scale-3, 15px)); border-bottom: 2px solid var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableContrast); } body.highcontrast .transaction-list-headers .transaction-header-row, body[class*="theme-"] .transaction-list-headers .transaction-header-row { background: var(--uux-app-datatableCleanHeaderBg); border-bottom: 2px solid var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableContrast); padding: var(--tct-scale-1, var(--app-scale-1, 5px)) 0; align-items: center; border-left: var(--tct-scale-1, var(--app-scale-1, 5px)) solid transparent; min-height: 56px; } body.highcontrast .transaction-list-headers .transaction-header-row .transaction-header-row-sticky, body[class*="theme-"] .transaction-list-headers .transaction-header-row .transaction-header-row-sticky { width: 100%; display: flex; justify-content: space-between; } @media print { body.highcontrast .transaction-list-headers .actions, body[class*="theme-"] .transaction-list-headers .actions { display: none; } body.highcontrast .transaction-list-row, body[class*="theme-"] .transaction-list-row { break-inside: avoid; break-after: auto; } } body.highcontrast .transaction-list-headers .list-title, body[class*="theme-"] .transaction-list-headers .list-title { font-size: 14px; font-weight: 600; margin: 0; } body.highcontrast .transaction-header-row-sticky, body[class*="theme-"] .transaction-header-row-sticky { z-index: 18; } body.highcontrast .transaction-list-row, body[class*="theme-"] .transaction-list-row { align-items: center; border-bottom: 1px solid var(--uux-app-datatableBorderColor); padding: 0; border-left: var(--tct-scale-1, var(--app-scale-1, 5px)) solid transparent; } body.highcontrast .transaction-list-row:hover, body[class*="theme-"] .transaction-list-row:hover { cursor: pointer; background-color: var(--t-gray13) !important; } body.highcontrast .transaction-list-row:active, body.highcontrast .transaction-list-row:focus, body[class*="theme-"] .transaction-list-row:active, body[class*="theme-"] .transaction-list-row:focus { border: 0; } body.highcontrast .transaction-list-row .q2-col.row-clickable-area, body[class*="theme-"] .transaction-list-row .q2-col.row-clickable-area { align-items: center; color: var(--uux-app-datatableContrast); display: flex; padding: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px)); text-decoration: none; } body.highcontrast .transaction-list-row .q2-col.row-clickable-area:focus, body[class*="theme-"] .transaction-list-row .q2-col.row-clickable-area:focus { border: none; outline: 0; box-shadow: none; } body.highcontrast .transaction-list-row .q2-col.row-clickable-area .q2-col:first-child, body[class*="theme-"] .transaction-list-row .q2-col.row-clickable-area .q2-col:first-child { padding-left: var(--tct-scale-3, var(--app-scale-3, 15px)); } body.highcontrast .transaction-list-row .sub-text, body[class*="theme-"] .transaction-list-row .sub-text { font-size: 12px; } body.highcontrast .transaction-list-row .recurring-icon, body[class*="theme-"] .transaction-list-row .recurring-icon { --tct-icon-size: 10px; --tct-btn-icon-height: 10px; --tct-btn-icon-width: 10px; } body.highcontrast .transaction-list-row .remove-left-padding, body[class*="theme-"] .transaction-list-row .remove-left-padding { padding-left: 0 !important; } body.highcontrast .transaction-list-row-selected, body[class*="theme-"] .transaction-list-row-selected { border-left: var(--tct-scale-1, var(--app-scale-1, 5px)) solid var(--t-focus); background-color: var(--t-gray13); } @media print { body.highcontrast .transaction-list-row-selected, body[class*="theme-"] .transaction-list-row-selected { border-left: 0; background: 0 0; } } body.highcontrast .s-row:hover, body[class*="theme-"] .s-row:hover { cursor: default; background-color: transparent !important; } body.highcontrast .s-row q2-checkbox, body[class*="theme-"] .s-row q2-checkbox { cursor: default; } body.highcontrast .ac-transaction-list, body[class*="theme-"] .ac-transaction-list { border-top: 2px solid var(--t-gray11); position: relative; } body.highcontrast .ac-transaction-list .break-word, body[class*="theme-"] .ac-transaction-list .break-word { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } body.highcontrast .ac-transaction-list .q2-row, body[class*="theme-"] .ac-transaction-list .q2-row { display: inline-flex; margin: 0; width: 100%; } body.highcontrast .ac-transaction-list .q2-row.s-row, body[class*="theme-"] .ac-transaction-list .q2-row.s-row { opacity: 0.5; } body.highcontrast .ac-transaction-list .q2-row.s-row-1, body[class*="theme-"] .ac-transaction-list .q2-row.s-row-1 { opacity: 1; } body.highcontrast .ac-transaction-list .q2-row.s-row-2, body[class*="theme-"] .ac-transaction-list .q2-row.s-row-2 { opacity: 0.9; } body.highcontrast .ac-transaction-list .q2-row.s-row-3, body[class*="theme-"] .ac-transaction-list .q2-row.s-row-3 { opacity: 0.8; } body.highcontrast .ac-transaction-list .q2-row.s-row-4, body[class*="theme-"] .ac-transaction-list .q2-row.s-row-4 { opacity: 0.7; } body.highcontrast .ac-transaction-list .q2-row.s-row-5, body[class*="theme-"] .ac-transaction-list .q2-row.s-row-5 { opacity: 0.6; } body.highcontrast .ac-transaction-list .q2-col, body[class*="theme-"] .ac-transaction-list .q2-col { display: block; margin: 0; padding: 0 4px; } body.highcontrast .ac-transaction-list .q2-col.col-approvals, body[class*="theme-"] .ac-transaction-list .q2-col.col-approvals { flex: 0 0 80px; padding: 0 5px; } body.highcontrast .ac-transaction-list .q2-col.col-ach-class-code, body.highcontrast .ac-transaction-list .q2-col.col-status, body[class*="theme-"] .ac-transaction-list .q2-col.col-ach-class-code, body[class*="theme-"] .ac-transaction-list .q2-col.col-status { flex: 0 0 100px; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transaction-list .q2-col.col-ach-class-code, body.highcontrast .ac-transaction-list .q2-col.col-status, body[class*="theme-"] .ac-transaction-list .q2-col.col-ach-class-code, body[class*="theme-"] .ac-transaction-list .q2-col.col-status { flex: 0 0 90px; } } body.highcontrast .ac-transaction-list .q2-col.col-company-description, body[class*="theme-"] .ac-transaction-list .q2-col.col-company-description { flex: 0 0 90px; } body.highcontrast .ac-transaction-list .q2-col.col-created-by, body.highcontrast .ac-transaction-list .q2-col.col-date, body[class*="theme-"] .ac-transaction-list .q2-col.col-created-by, body[class*="theme-"] .ac-transaction-list .q2-col.col-date { flex: 0 0 120px; white-space: nowrap; } body.highcontrast .ac-transaction-list .q2-col.col-amount, body[class*="theme-"] .ac-transaction-list .q2-col.col-amount { flex: 0 0 115px; white-space: nowrap; text-align: right; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transaction-list .q2-col.col-amount, body[class*="theme-"] .ac-transaction-list .q2-col.col-amount { flex: 0 0 95px; } } body.highcontrast .ac-transaction-list .q2-col.col-recipients-ach, body[class*="theme-"] .ac-transaction-list .q2-col.col-recipients-ach { flex: 0 0 130px; } body.highcontrast .ac-transaction-list .q2-col.col-type, body[class*="theme-"] .ac-transaction-list .q2-col.col-type { flex: 1 0 145px; } body.highcontrast .ac-transaction-list .q2-col.col-account, body.highcontrast .ac-transaction-list .q2-col.col-to-account, body[class*="theme-"] .ac-transaction-list .q2-col.col-account, body[class*="theme-"] .ac-transaction-list .q2-col.col-to-account { flex: 2 0 140px; word-break: break-word; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transaction-list .q2-col.col-account, body.highcontrast .ac-transaction-list .q2-col.col-to-account, body[class*="theme-"] .ac-transaction-list .q2-col.col-account, body[class*="theme-"] .ac-transaction-list .q2-col.col-to-account { flex: 2 0 110px; } } body.highcontrast .ac-transaction-list .q2-col.col-bank, body.highcontrast .ac-transaction-list .q2-col.col-description, body.highcontrast .ac-transaction-list .q2-col.col-memo, body.highcontrast .ac-transaction-list .q2-col.col-recipients, body.highcontrast .ac-transaction-list .q2-col.col-template, body[class*="theme-"] .ac-transaction-list .q2-col.col-bank, body[class*="theme-"] .ac-transaction-list .q2-col.col-description, body[class*="theme-"] .ac-transaction-list .q2-col.col-memo, body[class*="theme-"] .ac-transaction-list .q2-col.col-recipients, body[class*="theme-"] .ac-transaction-list .q2-col.col-template { overflow: hidden; flex: 3 0 140px; } @media screen and (max-width: 1280px) { body.highcontrast .ac-transaction-list .q2-col.col-bank, body.highcontrast .ac-transaction-list .q2-col.col-description, body.highcontrast .ac-transaction-list .q2-col.col-memo, body.highcontrast .ac-transaction-list .q2-col.col-recipients, body.highcontrast .ac-transaction-list .q2-col.col-template, body[class*="theme-"] .ac-transaction-list .q2-col.col-bank, body[class*="theme-"] .ac-transaction-list .q2-col.col-description, body[class*="theme-"] .ac-transaction-list .q2-col.col-memo, body[class*="theme-"] .ac-transaction-list .q2-col.col-recipients, body[class*="theme-"] .ac-transaction-list .q2-col.col-template { flex: 3 0 110px; } } body.highcontrast .ac-transaction-list .q2-col.col-message-to-beneficiary, body[class*="theme-"] .ac-transaction-list .q2-col.col-message-to-beneficiary { flex: 15 0 170px; } body.highcontrast .ac-transaction-list .q2-col.col-details-1, body[class*="theme-"] .ac-transaction-list .q2-col.col-details-1 { white-space: nowrap; } body.highcontrast .ac-transaction-list .q2-col.col-details-2, body[class*="theme-"] .ac-transaction-list .q2-col.col-details-2 { white-space: nowrap; text-align: right; } body.highcontrast .ac-transaction-list .q2-col.sub-details, body[class*="theme-"] .ac-transaction-list .q2-col.sub-details { display: none; } body.highcontrast .ac-transaction-list .q2-col.sub-details .title, body[class*="theme-"] .ac-transaction-list .q2-col.sub-details .title { margin: 0; padding: 0; } body.highcontrast .ac-transaction-list .q2-col.actions, body[class*="theme-"] .ac-transaction-list .q2-col.actions { flex: 0 0 90px; display: flex; flex-direction: row; justify-content: right; } body.highcontrast .ac-transaction-list .q2-col.actions .select-transaction, body.highcontrast .ac-transaction-list .q2-col.actions .ui-dropdown, body[class*="theme-"] .ac-transaction-list .q2-col.actions .select-transaction, body[class*="theme-"] .ac-transaction-list .q2-col.actions .ui-dropdown { display: inline-block; } body.highcontrast .ac-transaction-list .q2-col.ac-skeleton, body[class*="theme-"] .ac-transaction-list .q2-col.ac-skeleton { height: 30px; margin-bottom: 10px; } body.highcontrast .ac-transaction-list .transaction-list-table, body[class*="theme-"] .ac-transaction-list .transaction-list-table { display: table; width: 100%; padding-right: 0; } body.highcontrast .ac-transaction-list .transaction-list-details, body[class*="theme-"] .ac-transaction-list .transaction-list-details { padding-left: 0; } body.highcontrast .ac-transaction-list .transaction-list-details.xs-0, body[class*="theme-"] .ac-transaction-list .transaction-list-details.xs-0 { width: 0; margin: 0; padding: 0; } body.highcontrast .ac-transaction-list .transaction-list, body[class*="theme-"] .ac-transaction-list .transaction-list { list-style-type: none; margin: 0; min-height: 50vh; overflow-y: auto; overflow-x: hidden; padding: 0; } body.highcontrast .ac-transaction-list .transaction-list > li, body[class*="theme-"] .ac-transaction-list .transaction-list > li { cursor: pointer; } @media print { body.highcontrast .ac-transaction-list .transaction-list, body[class*="theme-"] .ac-transaction-list .transaction-list { display: table-row-group; break-inside: auto; break-after: auto; } body.highcontrast .ac-transaction-list .transaction-list .actions, body[class*="theme-"] .ac-transaction-list .transaction-list .actions { display: none; } } body.highcontrast .ac-transaction-list .transaction-container, body[class*="theme-"] .ac-transaction-list .transaction-container { display: flex; flex-direction: row; position: relative; } @media print { body.highcontrast .ac-transaction-list .transaction-container.is-multi-select .transaction-list-headers, body.highcontrast .ac-transaction-list .transaction-container.is-multi-select .transaction-list-row, body.highcontrast .ac-transaction-list .transaction-container.is-multi-select q2-btn, body.highcontrast .ac-transaction-list .transaction-container.is-multi-select q2-dropdown, body[class*="theme-"] .ac-transaction-list .transaction-container.is-multi-select .transaction-list-headers, body[class*="theme-"] .ac-transaction-list .transaction-container.is-multi-select .transaction-list-row, body[class*="theme-"] .ac-transaction-list .transaction-container.is-multi-select q2-btn, body[class*="theme-"] .ac-transaction-list .transaction-container.is-multi-select q2-dropdown { display: none; } body.highcontrast .ac-transaction-list .transaction-container.is-multi-select .print-details, body[class*="theme-"] .ac-transaction-list .transaction-container.is-multi-select .print-details { margin: 10px 0 0; } } body.highcontrast .ac-transaction-list .transaction-list-container, body[class*="theme-"] .ac-transaction-list .transaction-list-container { display: table; position: relative; transition: width 0.4s ease-in-out; width: 100%; } @media screen and (min-width: 992px) { body.highcontrast .ac-transaction-list .transaction-list-container.is-closed .q2-row .q2-col:not(.actions):not(.sub-details):not(.row-clickable-area), body.highcontrast .ac-transaction-list .transaction-list-container.is-opening .q2-row .q2-col:not(.actions):not(.sub-details):not(.row-clickable-area), body[class*="theme-"] .ac-transaction-list .transaction-list-container.is-closed .q2-row .q2-col:not(.actions):not(.sub-details):not(.row-clickable-area), body[class*="theme-"] .ac-transaction-list .transaction-list-container.is-opening .q2-row .q2-col:not(.actions):not(.sub-details):not(.row-clickable-area) { display: none; } body.highcontrast .ac-transaction-list .transaction-list-container.is-closed .q2-row .sub-details, body.highcontrast .ac-transaction-list .transaction-list-container.is-opening .q2-row .sub-details, body[class*="theme-"] .ac-transaction-list .transaction-list-container.is-closed .q2-row .sub-details, body[class*="theme-"] .ac-transaction-list .transaction-list-container.is-opening .q2-row .sub-details { display: block; flex: 1 0 auto; padding: inherit; } body.highcontrast .ac-transaction-list .transaction-list-container.is-closed, body[class*="theme-"] .ac-transaction-list .transaction-list-container.is-closed { transition: width 0.4s ease-in-out; width: calc(100% - 650px); } } body.highcontrast .ac-transaction-list .transaction-details-container, body[class*="theme-"] .ac-transaction-list .transaction-details-container { height: calc(100vh - 124px); overflow: auto; right: 0; transform: translate3d(0, 0, 0); width: 0; z-index: 17; } @media screen and (max-width: 991px) { body.highcontrast .ac-transaction-list .transaction-list-container .q2-col:not(.actions):not(.sub-details):not(.row-clickable-area), body[class*="theme-"] .ac-transaction-list .transaction-list-container .q2-col:not(.actions):not(.sub-details):not(.row-clickable-area) { display: none; } body.highcontrast .ac-transaction-list .transaction-list-container .sub-details, body[class*="theme-"] .ac-transaction-list .transaction-list-container .sub-details { display: block; flex: 1 0 auto; padding: inherit; } body.highcontrast .ac-transaction-list .transaction-details-container, body[class*="theme-"] .ac-transaction-list .transaction-details-container { position: fixed; height: calc(100vh - 58px); z-index: 19; } } body.highcontrast .ac-transaction-list .transaction-details-container q2-section, body[class*="theme-"] .ac-transaction-list .transaction-details-container q2-section { opacity: 1; } body.highcontrast .ac-transaction-list .transaction-details-container.is-open, body[class*="theme-"] .ac-transaction-list .transaction-details-container.is-open { animation: detailsSlideInRight 0.4s ease-in-out forwards !important; display: block; } body.highcontrast .ac-transaction-list .transaction-details-container.is-closing, body[class*="theme-"] .ac-transaction-list .transaction-details-container.is-closing { animation: detailsSlideOutRight 0.4s ease-in-out forwards; } body.highcontrast .ac-transaction-list .transaction-details-container.is-closing q2-section, body[class*="theme-"] .ac-transaction-list .transaction-details-container.is-closing q2-section { opacity: 0; transition: opacity 0.2s ease-in-out; } body.highcontrast .transaction-list-sticky-header, body[class*="theme-"] .transaction-list-sticky-header { z-index: 10 !important; } @media print { body.highcontrast .transaction-list-sticky-header, body[class*="theme-"] .transaction-list-sticky-header { display: table-header-group; break-inside: avoid; position: initial; } body.highcontrast .recipient-list-row, body[class*="theme-"] .recipient-list-row { break-inside: avoid; break-after: auto; } } body.highcontrast .transaction-list-footer-wrapper, body[class*="theme-"] .transaction-list-footer-wrapper { z-index: 18; } @keyframes detailsSlideInRight { from { width: 0; } to { width: 650px; } } @keyframes detailsSlideOutRight { from { width: 650px; } to { width: 0; } } body.highcontrast .transaction-details-wrapper, body[class*="theme-"] .transaction-details-wrapper { background-color: var(--t-gray13); border: 1px solid var(--t-gray13); min-height: 100%; } @media screen and (max-width: 991px) { body.highcontrast .transaction-details-wrapper .transaction-details.rdc-details, body[class*="theme-"] .transaction-details-wrapper .transaction-details.rdc-details { width: 100vw; height: 100vh; margin-left: auto; } body.highcontrast .transaction-details-wrapper .transaction-details, body[class*="theme-"] .transaction-details-wrapper .transaction-details { margin-top: 0; } } body.highcontrast .transaction-details-wrapper .transaction-details .mobile-header-wrapper .back-btn, body[class*="theme-"] .transaction-details-wrapper .transaction-details .mobile-header-wrapper .back-btn { display: flex; gap: 10px; align-items: center; cursor: pointer; text-decoration: none; } body.highcontrast .transaction-details-wrapper .transaction-details .mobile-header-wrapper h1, body[class*="theme-"] .transaction-details-wrapper .transaction-details .mobile-header-wrapper h1 { margin: 0; } body.highcontrast .transaction-details-wrapper .transaction-details .mobile-approve-btn, body[class*="theme-"] .transaction-details-wrapper .transaction-details .mobile-approve-btn { width: 100%; margin-top: 10px; } body.highcontrast .transaction-details-wrapper .transaction-details .mobile-content-wrapper, body[class*="theme-"] .transaction-details-wrapper .transaction-details .mobile-content-wrapper { overflow-wrap: break-word; } body.highcontrast .transaction-details-wrapper .transaction-details .mobile-content-wrapper h1, body.highcontrast .transaction-details-wrapper .transaction-details .mobile-content-wrapper h3, body[class*="theme-"] .transaction-details-wrapper .transaction-details .mobile-content-wrapper h1, body[class*="theme-"] .transaction-details-wrapper .transaction-details .mobile-content-wrapper h3 { margin: 0; } body.highcontrast .transaction-details-wrapper .transaction-details .header-wrapper, body[class*="theme-"] .transaction-details-wrapper .transaction-details .header-wrapper { display: flex; min-height: 44px; } body.highcontrast .transaction-details-wrapper .transaction-details .header-wrapper h2, body[class*="theme-"] .transaction-details-wrapper .transaction-details .header-wrapper h2 { flex-grow: 1; margin: 0; align-self: center; } body.highcontrast .transaction-details-wrapper .transaction-details .header-wrapper q2-btn, body[class*="theme-"] .transaction-details-wrapper .transaction-details .header-wrapper q2-btn { padding-left: var(--tct-scale-1, var(--app-scale-1, 5px)); } body.highcontrast .transaction-details-wrapper .transaction-details .details-wrapper h4, body[class*="theme-"] .transaction-details-wrapper .transaction-details .details-wrapper h4 { margin-top: 0; margin-bottom: 0; } body.highcontrast .transaction-details-wrapper .transaction-details .details-wrapper q2-message, body[class*="theme-"] .transaction-details-wrapper .transaction-details .details-wrapper q2-message { margin: 0; } body.highcontrast .transaction-details-wrapper .transaction-details .details-wrapper .q2-row:last-of-type, body[class*="theme-"] .transaction-details-wrapper .transaction-details .details-wrapper .q2-row:last-of-type { margin-top: var(--app-scale-2, 10px); } body.highcontrast .transaction-details-wrapper .transaction-details .details-wrapper ul > li, body[class*="theme-"] .transaction-details-wrapper .transaction-details .details-wrapper ul > li { list-style-type: none; } body.highcontrast .transaction-details-wrapper .transaction-details .details-wrapper ul > li .warnings-link, body[class*="theme-"] .transaction-details-wrapper .transaction-details .details-wrapper ul > li .warnings-link { color: var(--t-primary); } body.highcontrast .transaction-details-wrapper .transaction-details .recurring-icon, body[class*="theme-"] .transaction-details-wrapper .transaction-details .recurring-icon { --tct-icon-size: 10px; --tct-btn-icon-height: 10px; --tct-btn-icon-width: 10px; } body.highcontrast .transaction-details-wrapper .transaction-details .toggle-details, body[class*="theme-"] .transaction-details-wrapper .transaction-details .toggle-details { display: none; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__title, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__title { font-size: 17px; font-weight: 600; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__main-check-info, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__main-check-info { padding-left: 4px; padding-right: 4px; padding-bottom: var(--tct-scale-4, var(--app-scale-4, 10px)); } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__row, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__row { display: flex; flex: 1; justify-content: space-between; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__check-amount, body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__check-number, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__check-amount, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__check-number { font-size: 21px; font-weight: 600; } @media screen and (max-width: 991px) { body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__main-check-info, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__main-check-info { padding-bottom: 30px; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__row.deposited-checks__number-and-amount, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__row.deposited-checks__number-and-amount { display: block; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__details-container, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__details-container { padding-bottom: var(--tct-scale-4, var(--app-scale-4, 20px)); } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__details-container .deposited-checks__details-top-row, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__details-container .deposited-checks__details-top-row { padding-bottom: var(--tct-scale-2, var(--app-scale-2, 10px)); } } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .item-name, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .item-name { font-size: 14px; font-weight: 600; word-break: break-all; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .item-value, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .item-value { font-size: 12px; word-break: break-all; } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .item-value:not(:last-child), body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .item-value:not(:last-child) { padding-bottom: var(--tct-scale-2, var(--app-scale-2, 10px)); } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn { margin-top: 15px; margin-bottom: 15px; border: 1px solid var(--uux-app-btnPrimaryBg); border-radius: 2px; height: 42px; width: 189px; display: inline-flex; justify-content: center; align-items: center; } @media screen and (max-width: 991px) { body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn { display: none; } } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn-text, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn-text { font-size: 14px; font-weight: 600; color: var(--uux-app-btnPrimaryBg); } body.highcontrast .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn-icon, body[class*="theme-"] .transaction-details-wrapper .deposited-checks__wrapper .deposited-checks__print-btn-icon { color: var(--uux-app-btnPrimaryBg); } body.highcontrast .favorites, body[class*="theme-"] .favorites { --tct-dropdown-width: 215px !important; } body.highcontrast .favorites .new-favorite, body[class*="theme-"] .favorites .new-favorite { align-items: center; display: flex; } body.highcontrast .favorites .new-favorite .fav-icon, body[class*="theme-"] .favorites .new-favorite .fav-icon { --tct-icon-size: 20px; --tct-btn-icon-height: 20px; --tct-btn-icon-width: 20px; margin-right: 20px; } body.highcontrast .favorites .favorite-label, body[class*="theme-"] .favorites .favorite-label { align-items: center; display: flex; justify-content: space-between; width: 180px; } body.highcontrast .favorites .favorite-label .fav-icon, body[class*="theme-"] .favorites .favorite-label .fav-icon { padding: 0 !important; position: relative; } body.highcontrast .favorites .favorite-label .fav-icon .close-icon, body[class*="theme-"] .favorites .favorite-label .fav-icon .close-icon { --tct-icon-size: 20px; --tct-btn-icon-height: 20px; --tct-btn-icon-width: 20px; } body.highcontrast .favorite-modal, body[class*="theme-"] .favorite-modal { text-align: left; } body.highcontrast .payment-details-wrapper .item-name, body[class*="theme-"] .payment-details-wrapper .item-name { font-size: 14px; font-weight: 600; word-break: break-all; } body.highcontrast .payment-details-wrapper .item-value, body[class*="theme-"] .payment-details-wrapper .item-value { font-size: 12px; word-break: break-all; } body.highcontrast .payment-details-wrapper .item-value:not(:last-child), body[class*="theme-"] .payment-details-wrapper .item-value:not(:last-child) { padding-bottom: var(--tct-scale-2, var(--app-scale-2, 10px)); } body.highcontrast .recipient-details-container, body[class*="theme-"] .recipient-details-container { display: flex; flex-direction: row; position: relative; } body.highcontrast .recipient-details-container q2-input, body[class*="theme-"] .recipient-details-container q2-input { margin-top: 0; } body.highcontrast .recipient-details-container .q2-row, body[class*="theme-"] .recipient-details-container .q2-row { flex-wrap: nowrap; margin: 0; } body.highcontrast .recipient-details-container .q2-col, body[class*="theme-"] .recipient-details-container .q2-col { margin: 0; padding: 0 4px; } body.highcontrast .recipient-details-container .q2-col.col-description, body.highcontrast .recipient-details-container .q2-col.col-name, body[class*="theme-"] .recipient-details-container .q2-col.col-description, body[class*="theme-"] .recipient-details-container .q2-col.col-name { flex: 0 0 140px; word-break: break-word; } body.highcontrast .recipient-details-container .q2-col.col-credit-total, body.highcontrast .recipient-details-container .q2-col.col-debit-total, body[class*="theme-"] .recipient-details-container .q2-col.col-credit-total, body[class*="theme-"] .recipient-details-container .q2-col.col-debit-total { flex: 0 0 140px; } body.highcontrast .recipient-details-container .q2-col.col-account-name, body.highcontrast .recipient-details-container .q2-col.col-account-type, body.highcontrast .recipient-details-container .q2-col.col-credit-count, body.highcontrast .recipient-details-container .q2-col.col-debit-count, body.highcontrast .recipient-details-container .q2-col.col-routing, body[class*="theme-"] .recipient-details-container .q2-col.col-account-name, body[class*="theme-"] .recipient-details-container .q2-col.col-account-type, body[class*="theme-"] .recipient-details-container .q2-col.col-credit-count, body[class*="theme-"] .recipient-details-container .q2-col.col-debit-count, body[class*="theme-"] .recipient-details-container .q2-col.col-routing { flex: 0 0 90px; } body.highcontrast .recipient-details-container .q2-col.col-amount, body[class*="theme-"] .recipient-details-container .q2-col.col-amount { flex: 0 0 115px; white-space: nowrap; text-align: right; } body.highcontrast .recipient-details-container .recipient-list-container, body[class*="theme-"] .recipient-details-container .recipient-list-container { position: relative; width: 100%; } body.highcontrast .recipient-details-container .recipient-list-container .recipient-list, body[class*="theme-"] .recipient-details-container .recipient-list-container .recipient-list { list-style-type: none; margin: 0; padding: 0; } body.highcontrast .recipient-details-card, body[class*="theme-"] .recipient-details-card { padding: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px)); border-left: var(--tct-scale-1, var(--app-scale-1, 5px)) solid transparent; } body.highcontrast .ach-passthru-messages-link, body[class*="theme-"] .ach-passthru-messages-link { color: var(--t-primary); } body.highcontrast .recipient-header, body[class*="theme-"] .recipient-header { padding: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-3, var(--app-scale-3, 15px)); border-bottom: 2px solid var(--t-gray-11); color: var(--uux-app-datatableContrast); } body.highcontrast .recipient-header-row, body[class*="theme-"] .recipient-header-row { border-bottom: 2px solid var(--t-gray-11); color: var(--uux-app-datatableContrast); padding: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px)); align-items: center; } body.highcontrast .recipient-header-row .q2-col, body[class*="theme-"] .recipient-header-row .q2-col { font-weight: 600; margin: 0; padding: 0 4px; } body.highcontrast .recipient-header-row .q2-col.col-name, body[class*="theme-"] .recipient-header-row .q2-col.col-name { flex: 1 0 100px; } body.highcontrast .recipient-header-row .q2-col.col-address1, body.highcontrast .recipient-header-row .q2-col.col-address2, body.highcontrast .recipient-header-row .q2-col.col-address3, body[class*="theme-"] .recipient-header-row .q2-col.col-address1, body[class*="theme-"] .recipient-header-row .q2-col.col-address2, body[class*="theme-"] .recipient-header-row .q2-col.col-address3 { flex: 2 2 100px; } body.highcontrast .recipient-header-row .q2-col.col-city, body[class*="theme-"] .recipient-header-row .q2-col.col-city { flex: 0 1 100px; } body.highcontrast .recipient-header-row .q2-col.col-postal-code, body.highcontrast .recipient-header-row .q2-col.col-state, body[class*="theme-"] .recipient-header-row .q2-col.col-postal-code, body[class*="theme-"] .recipient-header-row .q2-col.col-state { flex: 0 0 70px; } body.highcontrast .recipient-header-row .q2-col.col-amount, body[class*="theme-"] .recipient-header-row .q2-col.col-amount { flex: 0 0 80px; text-align: right; } body.highcontrast .recipient-list-row, body[class*="theme-"] .recipient-list-row { background-color: var(--t-gray-14); align-items: center; border-bottom: 1px solid var(--t-gray-11); padding: var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px)); } body.highcontrast .recipient-list-row .sub-text, body[class*="theme-"] .recipient-list-row .sub-text { font-size: 12px; } body.highcontrast .recipient-list-row :hover, body[class*="theme-"] .recipient-list-row :hover { cursor: pointer; } body.highcontrast .recipient-list-row .q2-col, body[class*="theme-"] .recipient-list-row .q2-col { margin: 0; padding: 0 4px; } body.highcontrast .recipient-list-row .q2-col.col-name, body[class*="theme-"] .recipient-list-row .q2-col.col-name { flex: 1 0 100px; word-break: break-word; } body.highcontrast .recipient-list-row .q2-col.col-address1, body.highcontrast .recipient-list-row .q2-col.col-address2, body.highcontrast .recipient-list-row .q2-col.col-address3, body[class*="theme-"] .recipient-list-row .q2-col.col-address1, body[class*="theme-"] .recipient-list-row .q2-col.col-address2, body[class*="theme-"] .recipient-list-row .q2-col.col-address3 { flex: 2 2 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .recipient-list-row .q2-col.col-account-number, body.highcontrast .recipient-list-row .q2-col.col-account-type, body.highcontrast .recipient-list-row .q2-col.col-routing, body[class*="theme-"] .recipient-list-row .q2-col.col-account-number, body[class*="theme-"] .recipient-list-row .q2-col.col-account-type, body[class*="theme-"] .recipient-list-row .q2-col.col-routing { flex: 1 0 55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .recipient-list-row .q2-col.col-account-type, body[class*="theme-"] .recipient-list-row .q2-col.col-account-type { flex: 1 0 40px; white-space: nowrap; } body.highcontrast .recipient-list-row .q2-col.col-city, body[class*="theme-"] .recipient-list-row .q2-col.col-city { flex: 0 1 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .recipient-list-row .q2-col.col-postal-code, body.highcontrast .recipient-list-row .q2-col.col-state, body[class*="theme-"] .recipient-list-row .q2-col.col-postal-code, body[class*="theme-"] .recipient-list-row .q2-col.col-state { flex: 0 0 70px; word-break: break-word; } body.highcontrast .recipient-list-row .q2-col.col-amount, body[class*="theme-"] .recipient-list-row .q2-col.col-amount { flex: 0 0 80px; white-space: nowrap; text-align: right; } body.highcontrast .recipient-list-row-selected, body[class*="theme-"] .recipient-list-row-selected { background-color: var(--t-gray-13); } body.highcontrast .ac-footer, body[class*="theme-"] .ac-footer { background: var(--uux-app-datatableCleanHeaderBg); padding-top: var(--tct-scale-2, var(--app-scale-2, 10px)); padding-bottom: var(--tct-scale-2, var(--app-scale-2, 10px)) !important; border-top: 2px solid var(--uux-app-datatableBorderColor); } body.highcontrast .ac-footer .ac-pagination-controls, body[class*="theme-"] .ac-footer .ac-pagination-controls { display: flex; gap: 10px; align-items: center; } @media screen and (max-width: 767px) { body.highcontrast .ac-footer .ac-footer-credit-debit-container, body[class*="theme-"] .ac-footer .ac-footer-credit-debit-container { display: flex; width: 100%; justify-content: flex-end; } body.highcontrast .ac-footer .ac-credit-amount, body.highcontrast .ac-footer .ac-debit-amount, body[class*="theme-"] .ac-footer .ac-credit-amount, body[class*="theme-"] .ac-footer .ac-debit-amount { display: block; } } body.highcontrast .transaction-filter, body[class*="theme-"] .transaction-filter { display: none; position: absolute; top: 130px; background: #fff; border-radius: 2px; border: 1px solid rgba(204, 204, 204, 0.8); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3019607843); width: 739px; z-index: 22; } @media screen and (max-width: 767px) { body.highcontrast .transaction-filter, body[class*="theme-"] .transaction-filter { position: relative; box-shadow: none; border: none; width: 100%; top: 0; z-index: 23; } body.highcontrast .transaction-filter .acount-search-input, body[class*="theme-"] .transaction-filter .acount-search-input { padding: 0 !important; } } body.highcontrast .transaction-filter.is-shown, body[class*="theme-"] .transaction-filter.is-shown { display: block; } body.highcontrast .transaction-filter.is-rdc-filter, body[class*="theme-"] .transaction-filter.is-rdc-filter { width: 520px !important; } body.highcontrast .transaction-filter .transaction-filter-header, body[class*="theme-"] .transaction-filter .transaction-filter-header { display: flex; } @media screen and (max-width: 767px) { body.highcontrast .transaction-filter .transaction-filter-header, body[class*="theme-"] .transaction-filter .transaction-filter-header { display: none; } } body.highcontrast .transaction-filter .transaction-filter-header .transaction-filter-header-title, body[class*="theme-"] .transaction-filter .transaction-filter-header .transaction-filter-header-title { flex: 1; padding: 10px; font-size: 17px; font-weight: 600; } body.highcontrast .transaction-filter .transaction-filter-body, body[class*="theme-"] .transaction-filter .transaction-filter-body { padding: 10px; } body.highcontrast .transaction-filter .transaction-filter-body q2-input, body.highcontrast .transaction-filter .transaction-filter-body q2-select, body[class*="theme-"] .transaction-filter .transaction-filter-body q2-input, body[class*="theme-"] .transaction-filter .transaction-filter-body q2-select { margin: 0 !important; } body.highcontrast .transaction-filter .transaction-filter-body .checkboxes, body[class*="theme-"] .transaction-filter .transaction-filter-body .checkboxes { display: flex; flex-wrap: wrap; gap: 10px; } body.highcontrast .transaction-filter .transaction-filter-body .checkboxes q2-checkbox, body[class*="theme-"] .transaction-filter .transaction-filter-body .checkboxes q2-checkbox { width: 208.29px; } body.highcontrast .transaction-filter .transaction-filter-footer, body[class*="theme-"] .transaction-filter .transaction-filter-footer { padding: 10px; } body.highcontrast .transaction-filter .transaction-filter-footer .apply-btn, body.highcontrast .transaction-filter .transaction-filter-footer .filter-btn, body[class*="theme-"] .transaction-filter .transaction-filter-footer .apply-btn, body[class*="theme-"] .transaction-filter .transaction-filter-footer .filter-btn { width: 100%; } @media screen and (max-width: 767px) { body.highcontrast .transaction-filter .transaction-filter-footer .apply-btn, body.highcontrast .transaction-filter .transaction-filter-footer .filter-btn, body[class*="theme-"] .transaction-filter .transaction-filter-footer .apply-btn, body[class*="theme-"] .transaction-filter .transaction-filter-footer .filter-btn { margin-top: 10px; } } body.highcontrast .filter-list-container, body[class*="theme-"] .filter-list-container { min-height: 56px; display: grid; grid-template-columns: 1fr 10fr; } body.highcontrast .filter-list-title, body[class*="theme-"] .filter-list-title { white-space: nowrap; font-weight: 600; } body.highcontrast .recipient-details-footer, body[class*="theme-"] .recipient-details-footer { padding-top: 10px; padding-bottom: 10px; } body.highcontrast .recipient-details-card, body[class*="theme-"] .recipient-details-card { background-color: var(--t-gray-14); border-bottom: 1px solid var(--t-gray-11); } body.highcontrast .recipient-details-card .recipient-details-card-content-wrapper:not(:first-child), body[class*="theme-"] .recipient-details-card .recipient-details-card-content-wrapper:not(:first-child) { padding-top: var(--tct-scale-2, var(--app-scale-2, 10px)); } body.highcontrast .recipient-details-card .recipient-details-card-content-wrapper:not(:last-child), body[class*="theme-"] .recipient-details-card .recipient-details-card-content-wrapper:not(:last-child) { border-bottom: 1px solid var(--t-gray-11); } body.highcontrast .recipient-details-card .group-title, body[class*="theme-"] .recipient-details-card .group-title { font-size: 14px; font-weight: 600; } body.highcontrast .recipient-details-card .group-columns, body[class*="theme-"] .recipient-details-card .group-columns { padding-left: var(--tct-scale-2, var(--app-scale-2, 10px)); } body.highcontrast .recipient-details-card .group-columns .item-name, body[class*="theme-"] .recipient-details-card .group-columns .item-name { font-size: 14px; font-weight: 600; word-break: break-all; } body.highcontrast .recipient-details-card .group-columns .item-value, body[class*="theme-"] .recipient-details-card .group-columns .item-value { font-size: 12px; word-break: break-all; padding-bottom: var(--tct-scale-2, var(--app-scale-2, 10px)); } body.highcontrast .custom-q2-calendar-container, body[class*="theme-"] .custom-q2-calendar-container { position: relative; margin-bottom: var( --tct-calendar-margin-bottom, var(--t-calendar-margin-bottom, var(--app-scale-6x, 30px)) ); } body.highcontrast .custom-q2-calendar-container .custom-q2-calendar-selection, body[class*="theme-"] .custom-q2-calendar-container .custom-q2-calendar-selection { margin: 0; } body.highcontrast .custom-q2-calendar-container .custom-q2-calendar-error-container, body[class*="theme-"] .custom-q2-calendar-container .custom-q2-calendar-error-container { position: absolute; overflow: hidden; background-color: var( --tct-message-bg, var( --t-message-bg, var( --tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))) ) ) ); box-shadow: var( --tct-input-message-box-shadow, var( --t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px #000)) ) ); transition: height var( --tct-input-messages-tween, var( --t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) ) ); margin-top: 2px; z-index: 1; width: 100%; color: var( --tct-input-messages-font-color, var(--t-input-messages-font-color, inherit) ); } body.highcontrast .custom-q2-calendar-container .custom-q2-calendar-error-container .error-message, body[class*="theme-"] .custom-q2-calendar-container .custom-q2-calendar-error-container .error-message { margin: 0; } body.highcontrast .custom-q2-calendar-container .custom-q2-calendar-error-container .error-message .error-message-format, body[class*="theme-"] .custom-q2-calendar-container .custom-q2-calendar-error-container .error-message .error-message-format { display: grid; grid-template-columns: 30px 1fr; } body.highcontrast .custom-q2-calendar-container .custom-q2-calendar-error-container .error-message .error-message-format .error-message-list, body[class*="theme-"] .custom-q2-calendar-container .custom-q2-calendar-error-container .error-message .error-message-format .error-message-list { list-style-type: none; margin-top: 2px; padding-left: 0; } body.highcontrast .ac-container, body[class*="theme-"] .ac-container { margin: 0 15px; } body.highcontrast .ac-container .return-link, body[class*="theme-"] .ac-container .return-link { display: block; } body.highcontrast .ac-container .return-link .q2-icon, body[class*="theme-"] .ac-container .return-link .q2-icon { vertical-align: bottom; } body.highcontrast .recurring-icon-wrapper, body[class*="theme-"] .recurring-icon-wrapper { width: 20px; display: flex; justify-items: center; align-items: center; } body.highcontrast .t-icon, body[class*="theme-"] .t-icon { color: var(--t-text); } body.highcontrast .reversal-items-content .badge-filter-item.badge, body[class*="theme-"] .reversal-items-content .badge-filter-item.badge { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .reversal-items-content .datatable-clean, body[class*="theme-"] .reversal-items-content .datatable-clean { margin-top: 15px; padding: 0; } body.highcontrast .reversal-items-content .datatable-clean .mobile-bold, body[class*="theme-"] .reversal-items-content .datatable-clean .mobile-bold { font-weight: 600; } body.highcontrast .reversal-items-content .datatable-clean table tbody > tr > td, body.highcontrast .reversal-items-content .datatable-clean table thead > tr > th, body[class*="theme-"] .reversal-items-content .datatable-clean table tbody > tr > td, body[class*="theme-"] .reversal-items-content .datatable-clean table thead > tr > th { padding: 5px; } body.highcontrast .reversal-items-content .datatable-clean table thead > tr > th, body[class*="theme-"] .reversal-items-content .datatable-clean table thead > tr > th { font-weight: 600; } body.highcontrast .reversal-passthru-items-content .search-section, body[class*="theme-"] .reversal-passthru-items-content .search-section { display: flex; flex-direction: column; padding: 7.5px; background-color: var(--uux-theme-grayLighterNeutral); } body.highcontrast .reversal-passthru-items-content .search-section .search-fields, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields { display: flex; } @media screen and (max-width: 991px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields { flex-direction: column; } } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section { display: flex; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section q2-input, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section q2-input { margin: 0; padding: 0 7.5px; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id { flex: 1 1 450px; } @media screen and (max-width: 991px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id { flex: 0 1 auto; } } @media screen and (max-width: 991px) and (max-width: 767px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id { flex-direction: column; } } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .name, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .name { flex: 1 1 255px; } @media screen and (max-width: 991px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .name, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .name { flex: 1 1 50%; } } @media screen and (max-width: 991px) and (max-width: 767px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .name, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .name { margin: 7.5px 0; flex: 0 1 auto; } } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .ach-id, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .ach-id { flex: 1 1 175px; } @media screen and (max-width: 991px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .ach-id, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .ach-id { flex: 1 1 50%; } } @media screen and (max-width: 991px) and (max-width: 767px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .ach-id, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.name-and-ach-id .ach-id { margin: 7.5px 0; flex: 0 1 auto; } } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num { flex: 0 1 330px; } @media screen and (max-width: 991px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num { flex: 0 1 auto; margin: 7.5px 0; } } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num .rtn, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num .rtn { flex: 1 1 100px; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num .account, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.rtn-and-account-num .account { flex: 1 1 215px; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section { flex: 1 1 400px; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section.exact-selected, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section.exact-selected { flex: 0 1 200px; } @media screen and (max-width: 991px) { body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section { flex: 0 1 auto; margin: 7.5px 0; } } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section .range-amount, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section .range-amount { flex: 1 1 50%; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section .exact-amount, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section .exact-amount { flex: 1 1 100%; } body.highcontrast .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section .form-range-to, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-fields .related-fields-sub-section.amount-section .form-range-to { text-transform: lowercase; margin: 40px 0 0; } body.highcontrast .reversal-passthru-items-content .search-section .search-by-amount-range-section, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-by-amount-range-section { display: flex; flex-direction: row-reverse; margin: 7.5px; } body.highcontrast .reversal-passthru-items-content .search-section .search-by-amount-range-section .amount-range-checkbox, body[class*="theme-"] .reversal-passthru-items-content .search-section .search-by-amount-range-section .amount-range-checkbox { padding: 0; } body.highcontrast .reversal-passthru-items-content .search-section .btn-container, body[class*="theme-"] .reversal-passthru-items-content .search-section .btn-container { margin: 7.5px; } body.highcontrast .reversal-passthru-items-content .filters-section, body[class*="theme-"] .reversal-passthru-items-content .filters-section { margin: 10px 0; } body.highcontrast .reversal-passthru-items-content .items-loading-state, body[class*="theme-"] .reversal-passthru-items-content .items-loading-state { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 30px 0; } body.highcontrast .reversal-passthru-items-content .items-loading-state .loading-state-msg, body[class*="theme-"] .reversal-passthru-items-content .items-loading-state .loading-state-msg { font-size: 17px; } body.highcontrast .reversal-passthru-items-content .empty-items-state, body[class*="theme-"] .reversal-passthru-items-content .empty-items-state { height: 100%; text-align: center; margin: 30px 0; } body.highcontrast .reversal-passthru-items-content .empty-items-state .empty-state-icon, body[class*="theme-"] .reversal-passthru-items-content .empty-items-state .empty-state-icon { font-size: 150px; opacity: 0.54; } body.highcontrast .reversal-passthru-items-content .empty-items-state .empty-state-icon.icon-info, body[class*="theme-"] .reversal-passthru-items-content .empty-items-state .empty-state-icon.icon-info { color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .reversal-passthru-items-content .empty-items-state .empty-state-icon.icon-warning-circle, body[class*="theme-"] .reversal-passthru-items-content .empty-items-state .empty-state-icon.icon-warning-circle { color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .reversal-passthru-items-content .empty-items-state .empty-state-icon.icon-warning-sign, body[class*="theme-"] .reversal-passthru-items-content .empty-items-state .empty-state-icon.icon-warning-sign { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .reversal-passthru-items-content .empty-items-state .empty-state-msg, body[class*="theme-"] .reversal-passthru-items-content .empty-items-state .empty-state-msg { font-size: 17px; } body.highcontrast .reversal-selection-master, body[class*="theme-"] .reversal-selection-master { min-height: 100%; } body.highcontrast .reversal-selection-footer, body[class*="theme-"] .reversal-selection-footer { border-top: 1px solid var(--uux-theme-grayLightNeutral); background: var(--uux-theme-grayLighterNeutral); padding: 15px; display: flex; justify-content: space-between; } body.highcontrast .reversal-individual-items-table .mobile-table-header .mobile-select-all, body.highcontrast .reversal-specific-batches-table .mobile-table-header .mobile-select-all, body[class*="theme-"] .reversal-individual-items-table .mobile-table-header .mobile-select-all, body[class*="theme-"] .reversal-specific-batches-table .mobile-table-header .mobile-select-all { padding: 20px 8px; } @media screen and (max-width: 767px) { body.highcontrast .reversal-selection-footer, body[class*="theme-"] .reversal-selection-footer { flex-direction: column; justify-content: auto; } } body.highcontrast .reversal-selection-footer .aggregate, body[class*="theme-"] .reversal-selection-footer .aggregate { display: flex; flex-direction: column; margin: 7.5px 0; } body.highcontrast .reversal-selection-footer .aggregate .bold-font, body[class*="theme-"] .reversal-selection-footer .aggregate .bold-font { font-weight: 600; } body.highcontrast .reversal-selection-footer .btn-container, body[class*="theme-"] .reversal-selection-footer .btn-container { margin: 7.5px 0; } body.highcontrast .reversal-selection-footer .btn-container q2-btn, body[class*="theme-"] .reversal-selection-footer .btn-container q2-btn { min-width: 125px; } body.highcontrast .reversal-specific-batches-table .mobile-table-header, body[class*="theme-"] .reversal-specific-batches-table .mobile-table-header { display: flex; justify-content: space-between; } body.highcontrast .reversal-specific-batches-table .mobile-table-header.flex-right, body[class*="theme-"] .reversal-specific-batches-table .mobile-table-header.flex-right { justify-content: flex-end; } body.highcontrast .reversal-specific-batches-table .mobile-table-header .mobile-sort-options, body[class*="theme-"] .reversal-specific-batches-table .mobile-table-header .mobile-sort-options { flex: 0 1 275px; margin: 10px 0; } body.highcontrast .reversal-specific-batches-table .mobile-date, body[class*="theme-"] .reversal-specific-batches-table .mobile-date { margin-bottom: 5px; } body.highcontrast .reversal-specific-batches-table .mobile-company, body[class*="theme-"] .reversal-specific-batches-table .mobile-company { margin-top: 5px; } body.highcontrast .group-account-preference .group-select, body.highcontrast .reversal-specific-batches-table .mobile-debits-credits, body[class*="theme-"] .group-account-preference .group-select, body[class*="theme-"] .reversal-specific-batches-table .mobile-debits-credits { margin: 5px 0; } body.highcontrast .reversal-individual-items-table .mobile-table-header, body[class*="theme-"] .reversal-individual-items-table .mobile-table-header { display: flex; justify-content: space-between; } body.highcontrast .reversal-individual-items-table .mobile-table-header.flex-right, body[class*="theme-"] .reversal-individual-items-table .mobile-table-header.flex-right { justify-content: flex-end; } body.highcontrast .reversal-individual-items-table .mobile-table-header .mobile-sort-options, body[class*="theme-"] .reversal-individual-items-table .mobile-table-header .mobile-sort-options { flex: 0 1 250px; margin: 10px 0; } body.highcontrast .file-mapping-fields table, body[class*="theme-"] .file-mapping-fields table { table-layout: fixed; } body.highcontrast .file-mapping-fields table th, body[class*="theme-"] .file-mapping-fields table th { font-weight: 800; } body.highcontrast .file-mapping-fields table th.expand-button-header, body[class*="theme-"] .file-mapping-fields table th.expand-button-header { width: 50px; } body.highcontrast .file-mapping-table-row td, body[class*="theme-"] .file-mapping-table-row td { max-width: 200px; white-space: nowrap; } body.highcontrast .file-mapping-table-row td.preview-content, body[class*="theme-"] .file-mapping-table-row td.preview-content { text-overflow: ellipsis; overflow: hidden; } body.highcontrast .file-mapping-table-row td.valid-status, body[class*="theme-"] .file-mapping-table-row td.valid-status { white-space: normal; } body.highcontrast .file-mapping-table-row td.valid-status ul, body[class*="theme-"] .file-mapping-table-row td.valid-status ul { -webkit-padding-start: 1em; padding-inline-start: 1em; margin: 0; } body.highcontrast .file-mapping-table-row td.valid-status .status-reason q2-icon, body[class*="theme-"] .file-mapping-table-row td.valid-status .status-reason q2-icon { flex: 0 0 20px; margin-right: 5px; } body.highcontrast .file-mapping-table-row td.valid-status .status-reason q2-icon[type="error"], body[class*="theme-"] .file-mapping-table-row td.valid-status .status-reason q2-icon[type="error"] { color: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .file-mapping-table-row td.valid-status .status-reason q2-icon[type="warning"], body[class*="theme-"] .file-mapping-table-row td.valid-status .status-reason q2-icon[type="warning"] { color: var(--uux-CONST_STOPLIGHT_WARNING); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_WARNING); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .file-mapping-table-row td.valid-status .status-reason q2-icon[type="success"], body[class*="theme-"] .file-mapping-table-row td.valid-status .status-reason q2-icon[type="success"] { color: var(--uux-CONST_STOPLIGHT_SUCCESS); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_SUCCESS); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .file-mapping-table-row td.file-column-name, body[class*="theme-"] .file-mapping-table-row td.file-column-name { overflow: hidden; } body.highcontrast .file-mapping-table-row td.system-column-name .display-text, body[class*="theme-"] .file-mapping-table-row td.system-column-name .display-text { overflow: hidden; text-overflow: ellipsis; max-width: inherit; display: inline-block; flex-grow: 1; } body.highcontrast .file-mapping-table-row td.system-column-name q2-select, body[class*="theme-"] .file-mapping-table-row td.system-column-name q2-select { margin: 0; } body.highcontrast .file-mapping-table-row td.system-column-name button, body[class*="theme-"] .file-mapping-table-row td.system-column-name button { align-self: flex-end; } body.highcontrast .file-mapping-table-row td.system-column-name button span, body[class*="theme-"] .file-mapping-table-row td.system-column-name button span { font-size: 25px; } body.highcontrast .file-mapping-table-row .icon-ok-circle, body[class*="theme-"] .file-mapping-table-row .icon-ok-circle { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .file-mapping-table-row .icon-exclamation-sign, body[class*="theme-"] .file-mapping-table-row .icon-exclamation-sign { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .file-mapping-table-row .icon-warning-circle, body[class*="theme-"] .file-mapping-table-row .icon-warning-circle { color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .file-mapping-table-row .expand-invalid, body[class*="theme-"] .file-mapping-table-row .expand-invalid { font-size: 25px; } body.highcontrast .reasons-section, body[class*="theme-"] .reasons-section { background-color: var(--uux-app-datatableCleanStripeBg); } body.highcontrast .reasons-section .reason, body[class*="theme-"] .reasons-section .reason { padding-top: 15px; font-weight: 600; } body.highcontrast .reasons-section .rows, body[class*="theme-"] .reasons-section .rows { padding-bottom: 15px; font-weight: 400; } body.highcontrast .file-mapping-review, body[class*="theme-"] .file-mapping-review { padding: 0 15px; } body.highcontrast .file-mapping-review .ui-fieldset, body[class*="theme-"] .file-mapping-review .ui-fieldset { margin: 10px 0 0; } body.highcontrast .file-mapping-review .form-group, body[class*="theme-"] .file-mapping-review .form-group { padding: 0; } body.highcontrast .file-mapping-upload-setup-data .file-info, body[class*="theme-"] .file-mapping-upload-setup-data .file-info { font-weight: 600; display: flex; justify-content: space-between; } body.highcontrast .file-mapping-upload-setup-data .file-info .src-file, body[class*="theme-"] .file-mapping-upload-setup-data .file-info .src-file { padding: 10px 0; } body.highcontrast .file-mapping-upload-setup-data .file-info .src-file .file-name, body[class*="theme-"] .file-mapping-upload-setup-data .file-info .src-file .file-name { font-weight: 400; } body.highcontrast .file-mapping-upload-setup-data .parse-update, body[class*="theme-"] .file-mapping-upload-setup-data .parse-update { padding: 50px 0; text-align: center; background-color: var(--uux-app-datatableCleanStripeBg); } body.highcontrast .file-mapping-upload-setup-data .parse-update .parse-spinner, body[class*="theme-"] .file-mapping-upload-setup-data .parse-update .parse-spinner { position: relative; } body.highcontrast .file-mapping-upload-setup-data .parse-update .spinner-text, body[class*="theme-"] .file-mapping-upload-setup-data .parse-update .spinner-text { padding-top: 10px; } body.highcontrast .file-mapping-upload-setup-data .preview-data, body[class*="theme-"] .file-mapping-upload-setup-data .preview-data { white-space: nowrap; overflow-x: scroll; } body.highcontrast .file-mapping-upload-setup-data .preview-data table, body[class*="theme-"] .file-mapping-upload-setup-data .preview-data table { border-collapse: collapse; width: 100%; } body.highcontrast .file-mapping-upload-setup-data .preview-data table thead > tr > th, body[class*="theme-"] .file-mapping-upload-setup-data .preview-data table thead > tr > th { background-color: var(--uux-app-datatableCleanSelectedRowDetailBg); border: 1px solid var(--uux-theme-blackNeutral); padding: 2px 5px; } body.highcontrast .file-mapping-upload-setup-data .preview-data table tbody > tr > td, body[class*="theme-"] .file-mapping-upload-setup-data .preview-data table tbody > tr > td { background-color: var(--uux-app-datatableCleanStripeBg); border: 1px solid var(--uux-theme-blackNeutral); padding: 2px 5px; } body.highcontrast .file-mapping-upload-setup-types .other-delimiter, body[class*="theme-"] .file-mapping-upload-setup-types .other-delimiter { width: 50px; } body.highcontrast .file-mapping-upload-setup-types .fixed-width-options .fieldset-content, body[class*="theme-"] .file-mapping-upload-setup-types .fixed-width-options .fieldset-content { margin-top: 1em; } body.highcontrast .file-mapping-upload-setup-types .fixed-width-options .fieldset-content ul, body[class*="theme-"] .file-mapping-upload-setup-types .fixed-width-options .fieldset-content ul { list-style: none; margin: 1em 0 0; padding: 0; } body.highcontrast .file-mapping-upload-setup-types .fixed-width-options .fieldset-content ul li, body[class*="theme-"] .file-mapping-upload-setup-types .fixed-width-options .fieldset-content ul li { margin-bottom: 0.5em; } body.highcontrast .file-mapping-upload-create-mapping fieldset, body[class*="theme-"] .file-mapping-upload-create-mapping fieldset { margin: 0; } body.highcontrast .file-mapping-upload-create-mapping fieldset legend, body[class*="theme-"] .file-mapping-upload-create-mapping fieldset legend { padding-top: 10px; padding-bottom: 10px; } body.highcontrast .skip-rows, body[class*="theme-"] .skip-rows { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 0.3fr; align-items: baseline; } body.highcontrast .skip-rows label, body[class*="theme-"] .skip-rows label { padding-right: 10px; } body.highcontrast .skip-rows q2-input, body[class*="theme-"] .skip-rows q2-input { margin-top: 0; display: inline-block; } body.highcontrast .file-mapper-edit-mapping-master .edit-body .add-decimal .ui-fieldset, body.highcontrast .file-mapper-edit-mapping-master .edit-body .edit-privacy .ui-fieldset, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body .add-decimal .ui-fieldset, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body .edit-privacy .ui-fieldset { margin: 10px 0 0; } body.highcontrast .file-mapper-edit-mapping-master, body[class*="theme-"] .file-mapper-edit-mapping-master { padding: 0 15px; } body.highcontrast .file-mapper-edit-mapping-master .form-group, body[class*="theme-"] .file-mapper-edit-mapping-master .form-group { padding: 0; } body.highcontrast .file-mapper-edit-mapping-master .edit-name, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-name { padding: 20px 0 10px; } body.highcontrast .file-mapper-edit-mapping-master .edit-body, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body { padding: 10px 0; } body.highcontrast .file-mapper-edit-mapping-master .edit-body .add-column, body.highcontrast .file-mapper-edit-mapping-master .edit-body .add-decimal, body.highcontrast .file-mapper-edit-mapping-master .edit-body .edit-privacy, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body .add-column, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body .add-decimal, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body .edit-privacy { padding-left: 25px; } body.highcontrast .file-mapper-edit-mapping-master .edit-body .edit-fields, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-body .edit-fields { padding-right: 25px; } body.highcontrast .file-mapper-edit-mapping-master .edit-footer, body[class*="theme-"] .file-mapper-edit-mapping-master .edit-footer { padding: 10px 0; } body.highcontrast .file-mapper-edit-mapping-master .edit-footer .btn:not(:first-child), body[class*="theme-"] .file-mapper-edit-mapping-master .edit-footer .btn:not(:first-child) { margin-left: 10px; } body.highcontrast .file-mapper-edit-mapping-master .skip-rows, body[class*="theme-"] .file-mapper-edit-mapping-master .skip-rows { padding-left: 25px; } body.highcontrast .file-mapping-add-column .ui-fieldset, body[class*="theme-"] .file-mapping-add-column .ui-fieldset { padding: 5px 0; margin: 0; } body.highcontrast .file-mapping-add-column q2-select, body[class*="theme-"] .file-mapping-add-column q2-select { margin: 0; } body.highcontrast .file-mapping-add-column .add-column-row, body[class*="theme-"] .file-mapping-add-column .add-column-row { padding: 10px 0; } body.highcontrast .file-mapping-add-column .add-column-field, body[class*="theme-"] .file-mapping-add-column .add-column-field { padding: 0; } body.highcontrast .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info, body[class*="theme-"] .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info { padding-bottom: 35px; } body.highcontrast .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info .icon-exclamation-sign, body[class*="theme-"] .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info .icon-exclamation-sign { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info .use-validation-sub-header, body[class*="theme-"] .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info .use-validation-sub-header { padding-top: 20px; padding-bottom: 5px; } body.highcontrast .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info .use-validation-info, body[class*="theme-"] .file-mapper-use-validation-errors-master .file-mapper-use-validation-errors-master-content .header-info .use-validation-info { padding: 5px 0; } body.highcontrast .file-mapper-use-validation-errors-master .ui-sticky, body[class*="theme-"] .file-mapper-use-validation-errors-master .ui-sticky { z-index: 4; background: var(--uux-theme-white); } body.highcontrast .file-mapper-use-validation-errors-master .ui-sticky .btn-footer, body[class*="theme-"] .file-mapper-use-validation-errors-master .ui-sticky .btn-footer { padding: 20px 0; } body.highcontrast .file-mapper-use-validation-errors-master .ui-sticky .btn-footer .btn:not(:first-child), body[class*="theme-"] .file-mapper-use-validation-errors-master .ui-sticky .btn-footer .btn:not(:first-child) { margin-left: 10px; } body.highcontrast .recipient-info-section .row, body[class*="theme-"] .recipient-info-section .row { margin: 0; } body.highcontrast .recipient-info-section .email-checkbox, body[class*="theme-"] .recipient-info-section .email-checkbox { display: flex; flex-direction: row; } body.highcontrast .recipient-info-section .email-checkbox input[type="checkbox"], body[class*="theme-"] .recipient-info-section .email-checkbox input[type="checkbox"] { height: 18px; width: 18px; } body.highcontrast .recipient-info-section .ui-checkbox, body[class*="theme-"] .recipient-info-section .ui-checkbox { padding: 0; width: 100%; } body.highcontrast .recipient-accounts-section h4, body[class*="theme-"] .recipient-accounts-section h4 { padding: 0; margin-top: 16px; font-size: 17px; font-weight: 600; } body.highcontrast .recipient-accounts-section .row, body[class*="theme-"] .recipient-accounts-section .row { margin: 0; } body.highcontrast .recipient-accounts-section .datatable-clean, body[class*="theme-"] .recipient-accounts-section .datatable-clean { overflow-x: visible; padding: 0; } body.highcontrast .recipient-accounts-section .mobile-recipient-account .account-number, body[class*="theme-"] .recipient-accounts-section .mobile-recipient-account .account-number { word-wrap: break-word; } body.highcontrast .recipient-accounts-section .data-form .data-form-field label, body[class*="theme-"] .recipient-accounts-section .data-form .data-form-field label { white-space: nowrap; } body.highcontrast .recipient-accounts-section .status-bar.ok, body[class*="theme-"] .recipient-accounts-section .status-bar.ok { box-shadow: inset 8px 0 0 var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .recipient-accounts-section .status-bar.warn, body[class*="theme-"] .recipient-accounts-section .status-bar.warn { box-shadow: inset 8px 0 0 var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .recipient-accounts-section .status-bar.error, body[class*="theme-"] .recipient-accounts-section .status-bar.error { box-shadow: inset 8px 0 0 var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .recipient-accounts-section .spinner-section, body[class*="theme-"] .recipient-accounts-section .spinner-section { padding: 15px 0 0 15px; } body.highcontrast .recipient-accounts-section .spinner-section .wg-spinner, body[class*="theme-"] .recipient-accounts-section .spinner-section .wg-spinner { position: relative; display: inline; } body.highcontrast .recipient-accounts-section .spinner-section .wg-spinner-info, body[class*="theme-"] .recipient-accounts-section .spinner-section .wg-spinner-info { font-weight: 600; padding-left: 10px; } @media screen and (max-width: 991px) { body.highcontrast .recipient-accounts-section .fi-lookup, body[class*="theme-"] .recipient-accounts-section .fi-lookup { max-width: 330px; } body.highcontrast .recipient-accounts-section .datatable-clean, body[class*="theme-"] .recipient-accounts-section .datatable-clean { overflow-x: visible; padding: 0; } body.highcontrast .recipient-accounts-section .datatable-clean .mobile-recipient-account, body[class*="theme-"] .recipient-accounts-section .datatable-clean .mobile-recipient-account { padding: 0; } body.highcontrast .recipient-accounts-section .datatable-clean .mobile-recipient-account .row-content, body[class*="theme-"] .recipient-accounts-section .datatable-clean .mobile-recipient-account .row-content { padding-left: 10px; } body.highcontrast .recipient-accounts-section .datatable-clean .mobile-recipient-account.status-bar.ok, body[class*="theme-"] .recipient-accounts-section .datatable-clean .mobile-recipient-account.status-bar.ok { box-shadow: inset 5px 0 0 var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .recipient-accounts-section .datatable-clean .mobile-recipient-account.status-bar.warn, body[class*="theme-"] .recipient-accounts-section .datatable-clean .mobile-recipient-account.status-bar.warn { box-shadow: inset 5px 0 0 var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .recipient-accounts-section .datatable-clean .mobile-recipient-account.status-bar.error, body[class*="theme-"] .recipient-accounts-section .datatable-clean .mobile-recipient-account.status-bar.error { box-shadow: inset 5px 0 0 var(--uux-CONST_STOPLIGHT_ALERT); } } body.highcontrast .recipient-account-number-validation.beneficiary, body[class*="theme-"] .recipient-account-number-validation.beneficiary { padding-top: 5px; } body.highcontrast .recipient-account-number-validation .message, body[class*="theme-"] .recipient-account-number-validation .message { position: relative; left: 3px; margin-bottom: 8px; } body.highcontrast .recipient-contact-section h4, body[class*="theme-"] .recipient-contact-section h4 { padding: 0; margin-top: 16px; font-size: 17px; font-weight: 600; } body.highcontrast .recipient-contact-section .row, body[class*="theme-"] .recipient-contact-section .row { margin: 0; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .recipient-contact-section .tooltipped-se:after, body[class*="theme-"] .recipient-contact-section .tooltipped-se:after { width: 200px; } } @supports (-ms-ime-align: auto) { body.highcontrast .recipient-contact-section .tooltipped-se:after, body[class*="theme-"] .recipient-contact-section .tooltipped-se:after { width: 200px; } } body.highcontrast .recipient-templates-section h4, body[class*="theme-"] .recipient-templates-section h4 { padding: 0; margin-top: 16px; font-size: 17px; font-weight: 600; } body.highcontrast .recipient-templates-section .datatable-clean, body[class*="theme-"] .recipient-templates-section .datatable-clean { overflow-x: visible; padding: 0; } body.highcontrast .recipient-templates-section .row, body[class*="theme-"] .recipient-templates-section .row { margin: 0; } body.highcontrast .recipients .intl-wire-amount, body[class*="theme-"] .recipients .intl-wire-amount { width: 240px; } body.highcontrast .recipients .selected .amount .splits[disabled], body[class*="theme-"] .recipients .selected .amount .splits[disabled] { background-color: var(--uux-theme-grayLighterNeutral); } @media screen and (max-width: 991px) { body.highcontrast .recipients .datatable .table-responsive, body[class*="theme-"] .recipients .datatable .table-responsive { width: 690px; } body.highcontrast .recipients .datatable .table-responsive .table, body[class*="theme-"] .recipients .datatable .table-responsive .table { overflow-x: scroll; } } body.highcontrast .recipients-list tbody > tr > td.text-right.sortable, body[class*="theme-"] .recipients-list tbody > tr > td.text-right.sortable { padding-right: 27px; } body.highcontrast .recipients-list tbody > tr:hover, body[class*="theme-"] .recipients-list tbody > tr:hover { background-color: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .change-history-content, body[class*="theme-"] .change-history-content { margin: 0 15px; } body.highcontrast .change-history-content .return-link, body[class*="theme-"] .change-history-content .return-link { display: inline-block; line-height: 44px; } @media print { body.highcontrast .change-history-content .return-link, body[class*="theme-"] .change-history-content .return-link { display: none; } } body.highcontrast .change-history-content .page-title, body[class*="theme-"] .change-history-content .page-title { margin: 10px 0; } @media screen and (max-width: 767px) { body.highcontrast .change-history-row, body[class*="theme-"] .change-history-row { border-left: 5px solid var(--uux-theme-white); } body.highcontrast .change-history-row.pending-row, body[class*="theme-"] .change-history-row.pending-row { border-left-color: var(--uux-CONST_STOPLIGHT_WARNING); } } body.highcontrast .change-history-row .mobile-detail-item, body[class*="theme-"] .change-history-row .mobile-detail-item { margin-bottom: 4px; } body.highcontrast .change-history-row .reject-reason, body[class*="theme-"] .change-history-row .reject-reason { width: 200px; } body.highcontrast .change-history-row .change-status span, body[class*="theme-"] .change-history-row .change-status span { vertical-align: top; } body.highcontrast .change-history-row .change-status .change-status-icon, body[class*="theme-"] .change-history-row .change-status .change-status-icon { height: 18px; width: 18px; } body.highcontrast .review-changes, body[class*="theme-"] .review-changes { background-color: var(--uux-app-datatableCleanStripeBg); } body.highcontrast .review-changes-content, body[class*="theme-"] .review-changes-content { margin: 15px; background-color: var(--uux-app-datatableTitleRowBg); border: 1px solid var(--uux-app-contentBorder); } @media screen and (max-width: 767px) { body.highcontrast .review-changes-content, body[class*="theme-"] .review-changes-content { margin: 0; } } body.highcontrast .review-changes-content .messages q2-message, body[class*="theme-"] .review-changes-content .messages q2-message { margin-top: 0; margin-bottom: 6px; } body.highcontrast .review-changes-content .missing-previous-info, body[class*="theme-"] .review-changes-content .missing-previous-info { margin: 0; } body.highcontrast .review-changes-content .changed-user, body.highcontrast .review-changes-content .header-section h4, body[class*="theme-"] .review-changes-content .changed-user, body[class*="theme-"] .review-changes-content .header-section h4 { margin: 5px; } body.highcontrast .review-changes-content .no-actual-changes, body[class*="theme-"] .review-changes-content .no-actual-changes { padding-bottom: 10px; } body.highcontrast .review-changes-content .no-actual-changes q2-icon, body[class*="theme-"] .review-changes-content .no-actual-changes q2-icon { --t-icon-stroke-primary: var(--uux-theme-gray); --t-icon-stroke-secondary: var(--uux-theme-gray); width: 50.77px; height: 39.23px; padding-bottom: 6px; } body.highcontrast .review-changes-content .no-actual-changes .info, body[class*="theme-"] .review-changes-content .no-actual-changes .info { font-size: 14px; font-weight: 600; height: 19px; } body.highcontrast .review-changes-content .header-section, body[class*="theme-"] .review-changes-content .header-section { width: 100%; border-bottom: 1px solid var(--uux-app-contentBorder); } body.highcontrast .review-recipient-details dl, body[class*="theme-"] .review-recipient-details dl { width: 100%; display: flex; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 767px) { body.highcontrast .review-recipient-details dl, body[class*="theme-"] .review-recipient-details dl { flex-direction: column; flex-wrap: unset; } } body.highcontrast .review-recipient-details dl .detail-item, body[class*="theme-"] .review-recipient-details dl .detail-item { flex: 0 1 25%; } @media screen and (max-width: 767px) { body.highcontrast .review-recipient-details dl .detail-item, body[class*="theme-"] .review-recipient-details dl .detail-item { flex: unset; } } body.highcontrast .review-recipient-details dl.edited-list .detail-item, body[class*="theme-"] .review-recipient-details dl.edited-list .detail-item { flex: 0 1 50%; } body.highcontrast .review-changes-modified-account, body.highcontrast .review-recipient-details .details-set, body[class*="theme-"] .review-changes-modified-account, body[class*="theme-"] .review-recipient-details .details-set { display: flex; width: 100%; } @media screen and (max-width: 767px) { body.highcontrast .review-recipient-details dl.edited-list, body[class*="theme-"] .review-recipient-details dl.edited-list { flex: unset; } body.highcontrast .review-changes-modified-account, body[class*="theme-"] .review-changes-modified-account { flex-direction: column-reverse; } } body.highcontrast .review-changes-account-display.edit-display .account-summary .summary-details, body[class*="theme-"] .review-changes-account-display.edit-display .account-summary .summary-details { flex-direction: column; } body.highcontrast .review-changes-account-display.edit-display .account-summary .summary-details .summary-item, body[class*="theme-"] .review-changes-account-display.edit-display .account-summary .summary-details .summary-item { flex: unset; } body.highcontrast .review-changes-account-display.edit-display .account-section .account-item, body[class*="theme-"] .review-changes-account-display.edit-display .account-section .account-item { flex: 0 1 50%; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display.edit-display .account-section .account-item, body[class*="theme-"] .review-changes-account-display.edit-display .account-section .account-item { flex: unset; } } body.highcontrast .review-changes-account-display.edit-display .wg-account-details, body[class*="theme-"] .review-changes-account-display.edit-display .wg-account-details { flex-direction: column; flex-wrap: unset; } body.highcontrast .review-changes-account-display.edit-display .wg-account-details .wg-account-item, body[class*="theme-"] .review-changes-account-display.edit-display .wg-account-details .wg-account-item { flex: unset; } body.highcontrast .review-changes-account-display .account-summary, body[class*="theme-"] .review-changes-account-display .account-summary { display: flex; } body.highcontrast .review-changes-account-display .account-summary .summary-details, body[class*="theme-"] .review-changes-account-display .account-summary .summary-details { flex: 1 1 75%; display: flex; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display .account-summary .summary-details, body[class*="theme-"] .review-changes-account-display .account-summary .summary-details { flex: 1 1 50%; flex-direction: column; } } body.highcontrast .review-changes-account-display .account-summary .summary-details .summary-item, body[class*="theme-"] .review-changes-account-display .account-summary .summary-details .summary-item { flex: 0 1 33%; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display .account-summary .summary-details .summary-item, body[class*="theme-"] .review-changes-account-display .account-summary .summary-details .summary-item { flex: unset; } } body.highcontrast .review-changes-account-display .account-summary .toggle-details-button, body[class*="theme-"] .review-changes-account-display .account-summary .toggle-details-button { flex: 0 1 25%; text-align: right; padding-right: 10px; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display .account-summary .toggle-details-button, body[class*="theme-"] .review-changes-account-display .account-summary .toggle-details-button { flex: 0 1 50%; } } body.highcontrast .review-changes-account-display .account-section, body[class*="theme-"] .review-changes-account-display .account-section { display: flex; flex-wrap: wrap; width: 100%; margin: 10px 0 10px 10px; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display .account-section, body[class*="theme-"] .review-changes-account-display .account-section { flex-direction: column; } } body.highcontrast .review-changes-account-display .account-section .account-item, body[class*="theme-"] .review-changes-account-display .account-section .account-item { flex: 0 1 25%; margin-bottom: 5px; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display .account-section .account-item, body[class*="theme-"] .review-changes-account-display .account-section .account-item { flex: unset; } } body.highcontrast .review-changes-account-display .account-section-header, body[class*="theme-"] .review-changes-account-display .account-section-header { text-transform: uppercase; margin: 10px 15px 5px 0; border-bottom: 1px solid var(--uux-app-contentBorder); } body.highcontrast .review-changes-account-display .wg-account-details, body[class*="theme-"] .review-changes-account-display .wg-account-details { display: flex; flex-wrap: wrap; } body.highcontrast .review-changes-account-display .wg-account-details .wg-account-item, body[class*="theme-"] .review-changes-account-display .wg-account-details .wg-account-item { flex: 0 1 33%; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-account-display .wg-account-details, body[class*="theme-"] .review-changes-account-display .wg-account-details { flex-direction: column; flex-wrap: unset; } } body.highcontrast .review-changes-status-wrapper, body[class*="theme-"] .review-changes-status-wrapper { flex: 1 1 50%; display: flex; flex-direction: column; border-left: 6px solid; border-color: var(--uux-theme-white); margin-bottom: 5px; min-height: 60px; } body.highcontrast .review-changes-status-wrapper.added, body[class*="theme-"] .review-changes-status-wrapper.added { border-left-color: var(--uux-CONST_STOPLIGHT_SUCCESS); background-color: var(--uux-theme-success-fade); } body.highcontrast .review-changes-status-wrapper.removed, body[class*="theme-"] .review-changes-status-wrapper.removed { border-left-color: var(--uux-CONST_STOPLIGHT_ALERT); background-color: var(--uux-theme-danger-fade); } body.highcontrast .review-changes-status-wrapper.updated, body[class*="theme-"] .review-changes-status-wrapper.updated { border-left-color: var(--uux-CONST_GRAY_D1); background-color: var(--t-gray14); } body.highcontrast .review-changes-status-wrapper.previous, body[class*="theme-"] .review-changes-status-wrapper.previous { border-left-color: var(--uux-CONST_GRAY); background-color: var(--t-gray14); } body.highcontrast .review-changes-status-wrapper .status-section, body[class*="theme-"] .review-changes-status-wrapper .status-section { display: inline-flex; text-transform: uppercase; margin: 2px 0; min-height: 20px; } body.highcontrast .review-changes-status-wrapper .status-section .status-icon, body[class*="theme-"] .review-changes-status-wrapper .status-section .status-icon { margin: 0 5px; height: 15px; width: 15px; } body.highcontrast .review-changes-status-wrapper .status-section .status-icon.added, body[class*="theme-"] .review-changes-status-wrapper .status-section .status-icon.added { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .review-changes-status-wrapper .status-section .status-icon.removed, body[class*="theme-"] .review-changes-status-wrapper .status-section .status-icon.removed { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .review-changes-status-wrapper .status-section .status-icon.updated, body[class*="theme-"] .review-changes-status-wrapper .status-section .status-icon.updated { color: var(--uux-CONST_GRAY_D1); } body.highcontrast .review-changes-status-wrapper .status-section .status-icon.previous, body[class*="theme-"] .review-changes-status-wrapper .status-section .status-icon.previous { color: var(--uux-CONST_GRAY); } body.highcontrast .review-changes-status-wrapper .review-details, body[class*="theme-"] .review-changes-status-wrapper .review-details { margin-left: 25px; } body.highcontrast .review-recipient-details-item, body[class*="theme-"] .review-recipient-details-item { display: flex; flex-direction: column; margin-bottom: 5px; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-status-wrapper .status-section, body[class*="theme-"] .review-changes-status-wrapper .status-section { min-height: unset; } body.highcontrast .review-recipient-details-item, body[class*="theme-"] .review-recipient-details-item { flex: auto; margin: 5px 0; } } body.highcontrast .review-recipient-details-item .item-label, body[class*="theme-"] .review-recipient-details-item .item-label { margin-bottom: 2px; font-weight: 600; } body.highcontrast .review-changes-footer, body[class*="theme-"] .review-changes-footer { background: var(--uux-theme-grayLighterNeutral); border-top: 1px solid var(--uux-theme-grayLightNeutral); padding: 10px; } body.highcontrast .review-changes-footer .approval-confirmation, body[class*="theme-"] .review-changes-footer .approval-confirmation { display: flex; flex-direction: row-reverse; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-footer .approval-confirmation, body[class*="theme-"] .review-changes-footer .approval-confirmation { flex-direction: column-reverse; } } body.highcontrast .review-changes-footer .approval-confirmation .warning-message, body[class*="theme-"] .review-changes-footer .approval-confirmation .warning-message { width: 50%; } body.highcontrast .review-changes-footer .approval-confirmation .warning-message q2-icon, body[class*="theme-"] .review-changes-footer .approval-confirmation .warning-message q2-icon { width: 18px; height: 18px; } body.highcontrast .review-changes-footer .approval-confirmation .warning-message span, body[class*="theme-"] .review-changes-footer .approval-confirmation .warning-message span { font-weight: 600; vertical-align: top; } body.highcontrast .review-changes-footer .approval-confirmation .warning-message div, body[class*="theme-"] .review-changes-footer .approval-confirmation .warning-message div { margin-left: 22px; padding-bottom: 10px; } body.highcontrast .review-changes-footer .reason-for-rejection, body[class*="theme-"] .review-changes-footer .reason-for-rejection { display: flex; justify-content: space-between; flex-direction: row; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-footer .reason-for-rejection, body[class*="theme-"] .review-changes-footer .reason-for-rejection { flex-direction: column; } } body.highcontrast .review-changes-footer .reason-for-rejection .error-message, body[class*="theme-"] .review-changes-footer .reason-for-rejection .error-message { justify-content: flex-start; } body.highcontrast .review-changes-footer .reason-for-rejection .error-message .ui-message, body[class*="theme-"] .review-changes-footer .reason-for-rejection .error-message .ui-message { margin: 0; background-color: var(--uux-app-bgColor); } body.highcontrast .review-changes-footer .confirm-approve-delete q2-icon, body.highcontrast .review-changes-footer .reason-for-rejection .input-field .reject-new-recipient-warning q2-icon, body[class*="theme-"] .review-changes-footer .confirm-approve-delete q2-icon, body[class*="theme-"] .review-changes-footer .reason-for-rejection .input-field .reject-new-recipient-warning q2-icon { margin-right: 2px; } body.highcontrast .review-changes-footer .reason-for-rejection .error-message .ui-message .ui-message-icon, body[class*="theme-"] .review-changes-footer .reason-for-rejection .error-message .ui-message .ui-message-icon { color: var(--uux-theme-danger); } body.highcontrast .review-changes-footer .reason-for-rejection .error-message .ui-message-warning, body[class*="theme-"] .review-changes-footer .reason-for-rejection .error-message .ui-message-warning { border-left-color: var(--uux-theme-danger); } body.highcontrast .review-changes-footer .reason-for-rejection .input-field, body[class*="theme-"] .review-changes-footer .reason-for-rejection .input-field { justify-content: flex-end; flex-direction: column; margin-bottom: 11px; width: 50%; } body.highcontrast .review-changes-footer .reason-for-rejection .input-field q2-input, body[class*="theme-"] .review-changes-footer .reason-for-rejection .input-field q2-input { margin-top: 0; margin-bottom: 11px; } body.highcontrast .review-changes-footer .reason-for-rejection .input-field .reject-new-recipient-warning, body[class*="theme-"] .review-changes-footer .reason-for-rejection .input-field .reject-new-recipient-warning { display: flex; flex-direction: row; align-items: center; } body.highcontrast .review-changes-footer .confirm-approve-delete, body[class*="theme-"] .review-changes-footer .confirm-approve-delete { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-bottom: 11px; } body.highcontrast .review-changes-footer .footer-btns, body[class*="theme-"] .review-changes-footer .footer-btns { display: flex; flex-direction: row-reverse; } @media screen and (max-width: 767px) { body.highcontrast .review-changes-footer .reason-for-rejection .input-field, body.highcontrast .review-changes-footer .reason-for-rejection .input-field .reject-new-recipient-warning, body[class*="theme-"] .review-changes-footer .reason-for-rejection .input-field, body[class*="theme-"] .review-changes-footer .reason-for-rejection .input-field .reject-new-recipient-warning { width: 100%; } body.highcontrast .review-changes-footer .footer-btns, body[class*="theme-"] .review-changes-footer .footer-btns { flex-direction: column-reverse; } body.highcontrast .review-changes-footer .footer-btns q2-btn, body[class*="theme-"] .review-changes-footer .footer-btns q2-btn { margin: 0 0 10px; } body.highcontrast .payment-footer, body[class*="theme-"] .payment-footer { flex-direction: column; } } @media screen and (min-width: 768px) { body.highcontrast .review-changes-footer .footer-btns q2-btn:not(:last-child), body[class*="theme-"] .review-changes-footer .footer-btns q2-btn:not(:last-child) { margin-left: 14px; } } body.highcontrast .view-recipient-changes-content .review-changes-content, body[class*="theme-"] .view-recipient-changes-content .review-changes-content { margin: 15px 0; } body.highcontrast .view-recipient-changes-content .decision-icon, body[class*="theme-"] .view-recipient-changes-content .decision-icon { height: 20px; width: 20px; } body.highcontrast .view-recipient-changes-content .decision-msg, body[class*="theme-"] .view-recipient-changes-content .decision-msg { vertical-align: top; } body.highcontrast .view-recipient-changes-content .reject-reason-container, body[class*="theme-"] .view-recipient-changes-content .reject-reason-container { margin: 10px 0 0 25px; } body.highcontrast .view-recipient-changes-content .reject-reason-container .reject-reason, body[class*="theme-"] .view-recipient-changes-content .reject-reason-container .reject-reason { margin-top: 5px; } body.highcontrast .recipient-account, body[class*="theme-"] .recipient-account { border-left: 5px solid transparent; } body.highcontrast .recipient-needs-approval, body[class*="theme-"] .recipient-needs-approval { border-left: 5px solid var(--uux-theme-warning); margin-top: -6px; margin-bottom: -6px; } body.highcontrast .recipient-needs-approval .partial-recipient-displayname, body[class*="theme-"] .recipient-needs-approval .partial-recipient-displayname { margin-top: 5px; } body.highcontrast .recipient-needs-approval .recipient-warning, body[class*="theme-"] .recipient-needs-approval .recipient-warning { margin-top: 5px; width: 18px; height: 18px; float: right; } body.highcontrast .search-selected-item .recipient-needs-approval, body[class*="theme-"] .search-selected-item .recipient-needs-approval { height: 45px; margin-left: 0; } body.highcontrast .search-selected-item .recipient-needs-approval .partial-recipient-displayname, body[class*="theme-"] .search-selected-item .recipient-needs-approval .partial-recipient-displayname { margin-top: 2px; } body.highcontrast .search-selected-item .recipient-needs-approval .recipient-warning, body[class*="theme-"] .search-selected-item .recipient-needs-approval .recipient-warning { margin-top: 5px; width: 18px; height: 18px; } body.highcontrast .search-select-item-wrapper .recipient-needs-approval, body[class*="theme-"] .search-select-item-wrapper .recipient-needs-approval { height: 50px; margin-left: -12px; } body.highcontrast .search-select-item-wrapper .recipient-needs-approval .recipient-warning, body[class*="theme-"] .search-select-item-wrapper .recipient-needs-approval .recipient-warning { margin-top: 6px; width: 18px; height: 18px; } body.highcontrast .pull-up, body[class*="theme-"] .pull-up { margin-top: -3px; } body.highcontrast .payment-add-recipient, body[class*="theme-"] .payment-add-recipient { border: 3px dashed var(--uux-theme-grayLighterNeutral); } body.highcontrast .payment-status, body[class*="theme-"] .payment-status { background: var(--uux-theme-white); border-bottom: 1px solid var(--uux-theme-grayLightNeutral); margin-left: auto; margin-right: auto; } body.highcontrast .payment-status .payment-status-header, body[class*="theme-"] .payment-status .payment-status-header { font-size: 14px; font-weight: 600; } body.highcontrast .payment-status q2-message, body[class*="theme-"] .payment-status q2-message { animation: fadeInFromNone 0.5s; margin: 0; } body.highcontrast .payment-status q2-message ul, body[class*="theme-"] .payment-status q2-message ul { margin: 0; } body.highcontrast .payment-footer, body[class*="theme-"] .payment-footer { background: var(--uux-theme-grayLighterNeutral); border-top: 1px solid var(--uux-theme-grayLightNeutral); padding: 10px; display: flex; } body.highcontrast .payment-footer .total-amount, body[class*="theme-"] .payment-footer .total-amount { flex: 1 1 auto; } body.highcontrast .payment-footer .payment-actions, body[class*="theme-"] .payment-footer .payment-actions { display: flex; margin-left: auto; justify-content: flex-end; } body.highcontrast .payment-footer .payment-actions .btn, body.highcontrast .payment-recipients .template-info .template-name, body[class*="theme-"] .payment-footer .payment-actions .btn, body[class*="theme-"] .payment-recipients .template-info .template-name { flex: 1 1 auto; } @media screen and (max-width: 767px) { body.highcontrast .payment-footer .payment-actions, body[class*="theme-"] .payment-footer .payment-actions { padding: 15px 0 10px; } body.highcontrast .payment-footer .payment-actions .btn, body[class*="theme-"] .payment-footer .payment-actions .btn { margin: 0 0 8px; } body.highcontrast .payment-recipients .template-info, body[class*="theme-"] .payment-recipients .template-info { flex-direction: column; } } body.highcontrast .payment-footer .payment-actions .btn:not(:first-child), body[class*="theme-"] .payment-footer .payment-actions .btn:not(:first-child) { margin-left: 14px; } body.highcontrast .payment-recipients, body[class*="theme-"] .payment-recipients { margin: 15px -15px; background-color: var(--uux-app-datatableCleanStripeBg); } body.highcontrast .payment-recipients h3, body[class*="theme-"] .payment-recipients h3 { margin: 10px 0; padding-left: 12px; clear: both; } body.highcontrast .payment-recipients .template-info, body[class*="theme-"] .payment-recipients .template-info { display: flex; padding: 20px 0 5px; } body.highcontrast .payment-recipients .template-info .btn-filters, body[class*="theme-"] .payment-recipients .template-info .btn-filters { display: flex; margin: 10px 40px; } body.highcontrast .payment-recipients .template-info .btn-filters .badge-filter-list, body[class*="theme-"] .payment-recipients .template-info .btn-filters .badge-filter-list { -webkit-padding-start: 15px; padding-inline-start: 15px; } body.highcontrast .payment-recipients .template-info .search-filter, body[class*="theme-"] .payment-recipients .template-info .search-filter { flex: 1 1 auto; display: flex; padding-right: 10px; justify-content: flex-end; } @media screen and (max-width: 767px) { body.highcontrast .payment-recipients .template-info .btn-filters, body[class*="theme-"] .payment-recipients .template-info .btn-filters { margin: 10px 0; padding-left: 2px; } body.highcontrast .payment-recipients .template-info .search-filter, body[class*="theme-"] .payment-recipients .template-info .search-filter { padding-left: 12px; } } body.highcontrast .payment-recipients .template-info .search-filter .search-payments, body[class*="theme-"] .payment-recipients .template-info .search-filter .search-payments { flex: 2 1 90%; } body.highcontrast .payment-recipients .template-info .search-filter .bulk-actions-drop-down, body[class*="theme-"] .payment-recipients .template-info .search-filter .bulk-actions-drop-down { flex: 1 1 10%; margin-bottom: 7px; } body.highcontrast .payment-recipients .bulk-actions-links, body[class*="theme-"] .payment-recipients .bulk-actions-links { padding-right: 12px; } body.highcontrast .payment-recipients .bulk-actions-links span, body[class*="theme-"] .payment-recipients .bulk-actions-links span { padding-left: 15px; } body.highcontrast .payment-recipients .search-selected-item .partial-recipient-displayname, body[class*="theme-"] .payment-recipients .search-selected-item .partial-recipient-displayname { padding-top: 3px; } body.highcontrast .payment-recipients .payment-item, body[class*="theme-"] .payment-recipients .payment-item { border-bottom: 1px solid var(--uux-app-contentBorder); padding: 10px 6px; margin: 0; cursor: pointer; } body.highcontrast .payment-recipients .payment-item:first-child, body[class*="theme-"] .payment-recipients .payment-item:first-child { border-top: 1px solid var(--uux-app-contentBorder); } body.highcontrast .payment-recipients .payment-item .row, body[class*="theme-"] .payment-recipients .payment-item .row { margin-left: 0; margin-right: 0; } body.highcontrast .payment-recipients .payment-item.selected, body[class*="theme-"] .payment-recipients .payment-item.selected { cursor: pointer; background-color: var(--uux-app-datatableCleanSelectedRowDetailBg); } body.highcontrast .payment-recipients .payment-item .payment-actions-drop-down, body[class*="theme-"] .payment-recipients .payment-item .payment-actions-drop-down { position: absolute; top: 0; right: 0; } body.highcontrast .payment-recipients .payment-item .show-details-btn-link, body[class*="theme-"] .payment-recipients .payment-item .show-details-btn-link { line-height: 44px; } body.highcontrast .payment-recipients .form-group.hidden-label label, body[class*="theme-"] .payment-recipients .form-group.hidden-label label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } body.highcontrast .alerts-list li, body.highcontrast .payment-item-status:first-child, body.highcontrast .security-alerts-list li, body[class*="theme-"] .alerts-list li, body[class*="theme-"] .payment-item-status:first-child, body[class*="theme-"] .security-alerts-list li { border-top: 1px solid var(--uux-app-contentBorder); } body.highcontrast .payment-recipients .form-group.hidden-label .form-control-feedback, body[class*="theme-"] .payment-recipients .form-group.hidden-label .form-control-feedback { top: 8px; } body.highcontrast .payment-recipients-header, body[class*="theme-"] .payment-recipients-header { background: var(--uux-app-datatableCleanStripeBg); border-bottom: 1px solid var(--uux-theme-grayLightNeutral); margin: 0 16px; } body.highcontrast .payment-recipients-header .row, body[class*="theme-"] .payment-recipients-header .row { margin: 15px 0; } body.highcontrast .payment-recipients-list .payment-add-recipient, body.highcontrast .payment-recipients-list.row, body[class*="theme-"] .payment-recipients-list .payment-add-recipient, body[class*="theme-"] .payment-recipients-list.row { margin: 15px; } body.highcontrast .payment-recipients-header div.changes-need-approval, body[class*="theme-"] .payment-recipients-header div.changes-need-approval { padding-left: 10px; } body.highcontrast .payment-recipients-header div.changes-need-approval q2-icon, body[class*="theme-"] .payment-recipients-header div.changes-need-approval q2-icon { width: 18px; height: 18px; } body.highcontrast .payment-recipients-header div.changes-need-approval span, body[class*="theme-"] .payment-recipients-header div.changes-need-approval span { vertical-align: top; } body.highcontrast .payment-recipients-header .tran-type-label, body[class*="theme-"] .payment-recipients-header .tran-type-label { padding: 12px; } body.highcontrast .payment-recipients-list, body[class*="theme-"] .payment-recipients-list { background-color: var(--uux-app-datatableTitleRowBg); border: 1px solid var(--uux-app-contentBorder); } body.highcontrast .payment-recipients-list > div, body[class*="theme-"] .payment-recipients-list > div { padding: 0; } body.highcontrast .payment-header .flex-width-1, body[class*="theme-"] .payment-header .flex-width-1 { flex: 1 1 50%; } @media (min-width: 768px) { body.highcontrast .payment-header .flex-width-1, body[class*="theme-"] .payment-header .flex-width-1 { flex: 0 1 12.5%; } } body.highcontrast .payment-header .flex-width-4, body[class*="theme-"] .payment-header .flex-width-4 { flex: 1 1 100%; } body.highcontrast .payment-header .change-type, body[class*="theme-"] .payment-header .change-type { margin-top: 21px; padding: 10px 0 0 12px; } body.highcontrast .payment-header .header-dropdown, body[class*="theme-"] .payment-header .header-dropdown { float: right; margin-top: 5px; padding: 10px 0 0 12px; color: var(--uux-app-linkColor); line-height: 20px; } @media (min-width: 768px) { body.highcontrast .payment-header .flex-width-4, body[class*="theme-"] .payment-header .flex-width-4 { flex: 4 1 50%; } body.highcontrast .payment-header .header-dropdown, body[class*="theme-"] .payment-header .header-dropdown { float: left; } } body.highcontrast .payment-header .header-dropdown:focus, body[class*="theme-"] .payment-header .header-dropdown:focus { outline: 0; box-shadow: none; } body.highcontrast .payment-header .header-link, body[class*="theme-"] .payment-header .header-link { float: right; margin-top: 5px; padding: 10px 0 0 12px; line-height: 20px; } body.highcontrast .payment-info .access-rights-selection-link a, body.highcontrast .request-info .access-rights-selection-link a, body.highcontrast .rtp-master .request-info .access-rights-selection-link a, body[class*="theme-"] .payment-info .access-rights-selection-link a, body[class*="theme-"] .request-info .access-rights-selection-link a, body[class*="theme-"] .rtp-master .request-info .access-rights-selection-link a { line-height: 45px; } body.highcontrast .payment-header .import-padding, body[class*="theme-"] .payment-header .import-padding { padding-top: 10px; padding-left: 15px; } body.highcontrast .payment-template-info .flex-width-1, body[class*="theme-"] .payment-template-info .flex-width-1 { flex: 3 1 100%; } @media (min-width: 768px) { body.highcontrast .payment-template-info .flex-width-1, body[class*="theme-"] .payment-template-info .flex-width-1 { flex: 0 1 50%; } } @media (min-width: 1024px) { body.highcontrast .payment-template-info .flex-width-1, body[class*="theme-"] .payment-template-info .flex-width-1 { flex: 0 1 33%; } } body.highcontrast .payment-info .flex-width-1, body.highcontrast .payment-template-info .flex-width-3, body.highcontrast .request-info .flex-width-1, body[class*="theme-"] .payment-info .flex-width-1, body[class*="theme-"] .payment-template-info .flex-width-3, body[class*="theme-"] .request-info .flex-width-1 { flex: 3 1 100%; } @media (min-width: 768px) { body.highcontrast .payment-info .flex-width-1, body.highcontrast .request-info .flex-width-1, body[class*="theme-"] .payment-info .flex-width-1, body[class*="theme-"] .request-info .flex-width-1 { flex: 0 1 50%; } } @media (min-width: 1024px) { body.highcontrast .payment-info .flex-width-1, body.highcontrast .request-info .flex-width-1, body[class*="theme-"] .payment-info .flex-width-1, body[class*="theme-"] .request-info .flex-width-1 { flex: 0 1 33%; } } body.highcontrast .payment-info .flex-width-2, body.highcontrast .request-info .flex-width-2, body[class*="theme-"] .payment-info .flex-width-2, body[class*="theme-"] .request-info .flex-width-2 { flex: 3 1 100%; } @media (min-width: 1024px) { body.highcontrast .payment-info .flex-width-2, body.highcontrast .request-info .flex-width-2, body[class*="theme-"] .payment-info .flex-width-2, body[class*="theme-"] .request-info .flex-width-2 { flex: 0 1 66%; } } body.highcontrast .payment-info .flex-width-3, body.highcontrast .request-info .flex-width-3, body[class*="theme-"] .payment-info .flex-width-3, body[class*="theme-"] .request-info .flex-width-3 { flex: 3 1 100%; } body.highcontrast .payment-info .flex-width-half, body.highcontrast .request-info .flex-width-half, body[class*="theme-"] .payment-info .flex-width-half, body[class*="theme-"] .request-info .flex-width-half { flex: 1 1 100%; } @media (min-width: 768px) { body.highcontrast .payment-info .flex-width-half, body.highcontrast .request-info .flex-width-half, body[class*="theme-"] .payment-info .flex-width-half, body[class*="theme-"] .request-info .flex-width-half { flex: 0 1 50%; } } body.highcontrast .payment-info .flex-width-half.form-feedback-message, body.highcontrast .request-info .flex-width-half.form-feedback-message, body[class*="theme-"] .payment-info .flex-width-half.form-feedback-message, body[class*="theme-"] .request-info .flex-width-half.form-feedback-message { padding: 4px 0; } body.highcontrast .payment-info .flex-width-half .recurring-set-schedule, body.highcontrast .request-info .flex-width-half .recurring-set-schedule, body[class*="theme-"] .payment-info .flex-width-half .recurring-set-schedule, body[class*="theme-"] .request-info .flex-width-half .recurring-set-schedule { display: flex; height: 40px; margin-top: -3px; } body.highcontrast .payment-info .flex-width-half .recurring-schedule-link, body.highcontrast .request-info .flex-width-half .recurring-schedule-link, body[class*="theme-"] .payment-info .flex-width-half .recurring-schedule-link, body[class*="theme-"] .request-info .flex-width-half .recurring-schedule-link { display: flex; height: auto; align-items: center; } body.highcontrast .payment-info .flex-width-half .recurring-schedule-clear, body.highcontrast .request-info .flex-width-half .recurring-schedule-clear, body[class*="theme-"] .payment-info .flex-width-half .recurring-schedule-clear, body[class*="theme-"] .request-info .flex-width-half .recurring-schedule-clear { flex: 0 1; } body.highcontrast .payment-info .flex-width-half .recurring-schedule-warning-left, body.highcontrast .request-info .flex-width-half .recurring-schedule-warning-left, body[class*="theme-"] .payment-info .flex-width-half .recurring-schedule-warning-left, body[class*="theme-"] .request-info .flex-width-half .recurring-schedule-warning-left { margin-left: -7px; } body.highcontrast .payment-info .account-loader, body.highcontrast .request-info .account-loader, body[class*="theme-"] .payment-info .account-loader, body[class*="theme-"] .request-info .account-loader { width: 100%; height: 46px; } body.highcontrast .payment-info .recurring-disabled-msg, body.highcontrast .request-info .recurring-disabled-msg, body[class*="theme-"] .payment-info .recurring-disabled-msg, body[class*="theme-"] .request-info .recurring-disabled-msg { display: flex; padding: 10px 0; } body.highcontrast .payment-info .push-memo-button, body.highcontrast .request-info .push-memo-button, body[class*="theme-"] .payment-info .push-memo-button, body[class*="theme-"] .request-info .push-memo-button { padding-top: 25px; } body.highcontrast .payment-info .requesting-entity-phone, body.highcontrast .request-info .requesting-entity-phone, body[class*="theme-"] .payment-info .requesting-entity-phone, body[class*="theme-"] .request-info .requesting-entity-phone { margin-left: 28px; margin-top: 0; } body.highcontrast .payment-master .d-f, body[class*="theme-"] .payment-master .d-f { display: flex; } body.highcontrast .payment-master .fd-r, body[class*="theme-"] .payment-master .fd-r { flex-direction: row; } body.highcontrast .payment-master .fw-w, body[class*="theme-"] .payment-master .fw-w { flex-wrap: wrap; } body.highcontrast .payment-master .ui-sticky, body[class*="theme-"] .payment-master .ui-sticky { z-index: 5; margin-left: -15px; margin-right: -15px; } body.highcontrast .payment-master .payment-content .ui-sticky, body[class*="theme-"] .payment-master .payment-content .ui-sticky { z-index: 4; } body.highcontrast .payment-master .currency-input, body[class*="theme-"] .payment-master .currency-input { margin-top: 0; margin-left: 7px; margin-right: 7px; } body.highcontrast .payment-actions-drop-down .ui-dropdown-item, body[class*="theme-"] .payment-actions-drop-down .ui-dropdown-item { text-align: left; } body.highcontrast .payment-recipient-details .spinner, body[class*="theme-"] .payment-recipient-details .spinner { position: relative; } body.highcontrast .payment-recipient-details .spinner-section, body[class*="theme-"] .payment-recipient-details .spinner-section { padding: 15px 0 0 15px; display: table; } body.highcontrast .payment-recipient-details .spinner-section .wg-spinner, body[class*="theme-"] .payment-recipient-details .spinner-section .wg-spinner { display: inline; } body.highcontrast .payment-recipient-details .spinner-section .wg-spinner-info, body[class*="theme-"] .payment-recipient-details .spinner-section .wg-spinner-info { font-weight: 600; padding-left: 10px; } body.highcontrast .payment-recipient-details .recipient-detail-header, body[class*="theme-"] .payment-recipient-details .recipient-detail-header { font-weight: 700; } body.highcontrast .payment-recipient-details .recipient-detail-account-header, body[class*="theme-"] .payment-recipient-details .recipient-detail-account-header { font-weight: 500; color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .payment-recipient-details .data-form .df-tab-content, body[class*="theme-"] .payment-recipient-details .data-form .df-tab-content { margin: 0; padding: 0; } body.highcontrast .payment-recipient-details .recipient-account-sub-header, body[class*="theme-"] .payment-recipient-details .recipient-account-sub-header { font-weight: 500; font-size: 14px; color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .payment-recipient-details .editing, body[class*="theme-"] .payment-recipient-details .editing { z-index: 55; position: relative; background-color: var(--uux-app-datatableCleanSelectedRowDetailBg); } body.highcontrast .payment-recipient-details .recipient-edit, body[class*="theme-"] .payment-recipient-details .recipient-edit { font-weight: 600; } body.highcontrast .payment-recipient-details .recipient-edit:focus, body.highcontrast .payment-recipient-details .recipient-edit:hover, body[class*="theme-"] .payment-recipient-details .recipient-edit:focus, body[class*="theme-"] .payment-recipient-details .recipient-edit:hover { background-color: var(--uux-theme-grayLighterNeutral); } body.highcontrast .recipient-add-actions .btn:not(:last-child), body[class*="theme-"] .recipient-add-actions .btn:not(:last-child) { margin-right: 15px; } @media screen and (max-width: 991px) { body.highcontrast .recipient-add-actions .btn:not(:last-child), body[class*="theme-"] .recipient-add-actions .btn:not(:last-child) { margin-right: 6px; } } @media screen and (max-width: 767px) { body.highcontrast .recipient-add-actions .btn, body[class*="theme-"] .recipient-add-actions .btn { margin: 3px 0; width: 100%; } } body.highcontrast .payment-ach .remove-income-withheld-date, body[class*="theme-"] .payment-ach .remove-income-withheld-date { margin-top: 24px; } body.highcontrast .payment-ach .notify-details-section, body[class*="theme-"] .payment-ach .notify-details-section { padding: 0 15px; display: flex; width: 50%; justify-content: space-between; } @media screen and (max-width: 991px) { body.highcontrast .payment-ach .notify-details-section, body[class*="theme-"] .payment-ach .notify-details-section { width: auto; } } body.highcontrast .payment-ach .primary-invalid, body[class*="theme-"] .payment-ach .primary-invalid { position: absolute; margin-top: -5px; margin-left: -30px; } body.highcontrast .payment-item, body[class*="theme-"] .payment-item { cursor: pointer; } body.highcontrast .payment-item .form-control-currency ~ .form-control-feedback, body[class*="theme-"] .payment-item .form-control-currency ~ .form-control-feedback { display: none; } body.highcontrast .payment-item .account-fetch-msg, body[class*="theme-"] .payment-item .account-fetch-msg { height: 45px; } body.highcontrast .payment-item .payment-row div.changes-need-approval, body[class*="theme-"] .payment-item .payment-row div.changes-need-approval { clear: both; padding-top: 3px; } body.highcontrast .payment-item .payment-row div.changes-need-approval q2-icon, body[class*="theme-"] .payment-item .payment-row div.changes-need-approval q2-icon { width: 18px; height: 18px; } body.highcontrast .payment-item .payment-row div.changes-need-approval span, body[class*="theme-"] .payment-item .payment-row div.changes-need-approval span { vertical-align: top; } body.highcontrast .payment-item div.review-recipient-changes, body[class*="theme-"] .payment-item div.review-recipient-changes { z-index: 55; position: relative; background-color: var(--uux-app-datatableCleanSelectedRowDetailBg); } body.highcontrast .payment-item .optional-info-header, body[class*="theme-"] .payment-item .optional-info-header { width: 100%; } body.highcontrast .payment-item .optional-info-header .expand-button-container, body[class*="theme-"] .payment-item .optional-info-header .expand-button-container { display: flex; flex-direction: column; padding: 10px; } body.highcontrast .payment-item .optional-info-header .expand-button-container .button-text, body[class*="theme-"] .payment-item .optional-info-header .expand-button-container .button-text { flex: 1 1 auto; display: flex; } body.highcontrast .payment-item .optional-info-header .expand-button-container .button-text .optional-header, body[class*="theme-"] .payment-item .optional-info-header .expand-button-container .button-text .optional-header { flex: 1 1 auto; text-align: left; text-transform: uppercase; } body.highcontrast .payment-item .optional-info-header .expand-button-container .button-text .chevron, body[class*="theme-"] .payment-item .optional-info-header .expand-button-container .button-text .chevron { flex: 1 1 auto; text-align: right; font-size: 18px; } body.highcontrast .payment-item .request-for-payment-amount-warning .warning-text, body.highcontrast .rtp-master .item-details .request-for-payment-amount-warning .warning-text, body[class*="theme-"] .payment-item .request-for-payment-amount-warning .warning-text, body[class*="theme-"] .rtp-master .item-details .request-for-payment-amount-warning .warning-text { font-size: 9pt; } body.highcontrast .payment-item .optional-info-header .expand-button-container .separator, body[class*="theme-"] .payment-item .optional-info-header .expand-button-container .separator { flex: 1 1 auto; } body.highcontrast .payment-item .optional-info-header .expand-button-container .separator hr, body[class*="theme-"] .payment-item .optional-info-header .expand-button-container .separator hr { margin: 3px 0; } body.highcontrast .payment-item .request-for-payment-amount-warning, body[class*="theme-"] .payment-item .request-for-payment-amount-warning { display: flex; flex-direction: row; align-items: center; } body.highcontrast .payment-item .request-for-payment-amount-warning .warning-icon, body[class*="theme-"] .payment-item .request-for-payment-amount-warning .warning-icon { margin-left: 5px; margin-right: 2px; } body.highcontrast .payment-item-status, body[class*="theme-"] .payment-item-status { display: flex; background-color: var(--uux-app-datatableTitleRowBg); } body.highcontrast .payment-item-status .row-content, body[class*="theme-"] .payment-item-status .row-content { align-self: flex-start; width: 100%; position: relative; } body.highcontrast .payment-item-status .payment-status-bar, body[class*="theme-"] .payment-item-status .payment-status-bar { border-left: 8px solid; cursor: pointer; } body.highcontrast .payment-item-status .payment-status-bar.complete, body[class*="theme-"] .payment-item-status .payment-status-bar.complete { border-left-color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .payment-item-status .payment-status-bar.incomplete, body[class*="theme-"] .payment-item-status .payment-status-bar.incomplete { border-left-color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .payment-item-status .payment-status-bar.error, body[class*="theme-"] .payment-item-status .payment-status-bar.error { border-left-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .payment-item-status .payment-status-bar.omit, body[class*="theme-"] .payment-item-status .payment-status-bar.omit { border-left-color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .payment-item-status .status-icon.complete, body[class*="theme-"] .payment-item-status .status-icon.complete { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .payment-item-status .status-icon.incomplete, body[class*="theme-"] .payment-item-status .status-icon.incomplete { color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .payment-item-status .status-icon.error, body[class*="theme-"] .payment-item-status .status-icon.error { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .payment-item-status .status-icon.omit, body[class*="theme-"] .payment-item-status .status-icon.omit { color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .bulk-ach-upload .payments .recipient-info-text, body.highcontrast .favorite-reports .favorite-reports-row-info .report-last-run-date.text-muted, body.highcontrast .locked-logon .empty-icon, body.highcontrast .locked-logon .logon-row .logon-name, body.highcontrast .locked-logon .logon-row .logon-status, body[class*="theme-"] .bulk-ach-upload .payments .recipient-info-text, body[class*="theme-"] .favorite-reports .favorite-reports-row-info .report-last-run-date.text-muted, body[class*="theme-"] .locked-logon .empty-icon, body[class*="theme-"] .locked-logon .logon-row .logon-name, body[class*="theme-"] .locked-logon .logon-row .logon-status { color: var(--uux-theme-grayAccessible); } body.highcontrast .payment-item-status.selected, body[class*="theme-"] .payment-item-status.selected { cursor: unset; background-color: var(--uux-app-datatableCleanSelectedRowDetailBg); } body.highcontrast .payment-item-status.is-new-payment, body[class*="theme-"] .payment-item-status.is-new-payment { animation: fadeInFromNone 0.5s; } body.highcontrast .rtp-master .rtp-flex, body[class*="theme-"] .rtp-master .rtp-flex { display: flex; flex-direction: row; flex-wrap: wrap; } body.highcontrast .rtp-master .rtp-flex .flex-width-1, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-1 { flex: 3 1 100%; } @media (min-width: 768px) { body.highcontrast .rtp-master .rtp-flex .flex-width-1, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-1 { flex: 0 1 50%; } } @media (min-width: 1024px) { body.highcontrast .rtp-master .rtp-flex .flex-width-1, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-1 { flex: 0 1 33%; } } body.highcontrast .rtp-master .rtp-flex .flex-width-2, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-2 { flex: 3 1 100%; } @media (min-width: 1024px) { body.highcontrast .rtp-master .rtp-flex .flex-width-2, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-2 { flex: 0 1 66%; } } body.highcontrast .rtp-master .rtp-flex .flex-width-3, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-3 { flex: 3 1 100%; } body.highcontrast .rtp-master .rtp-flex .flex-width-half, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-half { flex: 1 1 100%; } @media (min-width: 768px) { body.highcontrast .rtp-master .rtp-flex .flex-width-half, body[class*="theme-"] .rtp-master .rtp-flex .flex-width-half { flex: 0 1 50%; } } body.highcontrast .rtp-master .request-items, body[class*="theme-"] .rtp-master .request-items { background-color: var(--uux-app-datatableCleanStripeBg); } @media screen and (min-width: 768px) { body.highcontrast .rtp-master .request-items, body[class*="theme-"] .rtp-master .request-items { padding: 15px; } } body.highcontrast .rtp-master .ui-sticky, body[class*="theme-"] .rtp-master .ui-sticky { z-index: 5; } body.highcontrast .rtp-master .request-content .ui-sticky, body[class*="theme-"] .rtp-master .request-content .ui-sticky { z-index: 4; } body.highcontrast .rtp-master .request-footer, body[class*="theme-"] .rtp-master .request-footer { background: var(--uux-theme-grayLighterNeutral); border-top: 1px solid var(--uux-theme-grayLightNeutral); display: flex; padding: 10px; } @media screen and (max-width: 767px) { body.highcontrast .payment-item .request-for-payment-amount-warning, body[class*="theme-"] .payment-item .request-for-payment-amount-warning { width: 100%; } body.highcontrast .rtp-master .request-footer, body[class*="theme-"] .rtp-master .request-footer { flex-direction: column; } } body.highcontrast .rtp-master .request-footer .total-amount, body[class*="theme-"] .rtp-master .request-footer .total-amount { flex: 1 1 auto; padding-top: 5px; } body.highcontrast .rtp-master .request-footer .request-actions, body[class*="theme-"] .rtp-master .request-footer .request-actions { display: flex; margin-left: auto; justify-content: flex-end; } body.highcontrast .rtp-master .request-footer .request-actions q2-btn, body[class*="theme-"] .rtp-master .request-footer .request-actions q2-btn { flex: 1 1 auto; } @media screen and (max-width: 767px) { body.highcontrast .rtp-master .request-footer .request-actions, body[class*="theme-"] .rtp-master .request-footer .request-actions { padding: 15px 0 10px; } body.highcontrast .rtp-master .request-footer .request-actions q2-btn, body[class*="theme-"] .rtp-master .request-footer .request-actions q2-btn { margin: 0 0 8px; } } body.highcontrast .rtp-master .request-footer .request-actions q2-btn:not(:first-child), body[class*="theme-"] .rtp-master .request-footer .request-actions q2-btn:not(:first-child) { margin-left: 14px; } body.highcontrast .rtp-master .request-header, body[class*="theme-"] .rtp-master .request-header { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; } body.highcontrast .rtp-master .request-header .flex-width-1, body[class*="theme-"] .rtp-master .request-header .flex-width-1 { flex: 1 1 50%; } @media (min-width: 768px) { body.highcontrast .rtp-master .request-header .flex-width-1, body[class*="theme-"] .rtp-master .request-header .flex-width-1 { flex: 0 1 12.5%; } } body.highcontrast .rtp-master .request-header .flex-width-4, body[class*="theme-"] .rtp-master .request-header .flex-width-4 { flex: 1 1 100%; } body.highcontrast .rtp-master .request-header .header-dropdown, body[class*="theme-"] .rtp-master .request-header .header-dropdown { float: right; margin-top: 20px; padding: 9px 0 0 12px; } @media (min-width: 768px) { body.highcontrast .rtp-master .request-header .flex-width-4, body[class*="theme-"] .rtp-master .request-header .flex-width-4 { flex: 4 1 50%; } body.highcontrast .rtp-master .request-header .header-dropdown, body[class*="theme-"] .rtp-master .request-header .header-dropdown { float: left; } } body.highcontrast .rtp-master .request-header .header-link, body[class*="theme-"] .rtp-master .request-header .header-link { float: right; margin-top: 20px; } body.highcontrast .rtp-master .request-info .flex-width-half.form-feedback-message, body[class*="theme-"] .rtp-master .request-info .flex-width-half.form-feedback-message { padding: 4px 0; } body.highcontrast .rtp-master .request-info .flex-width-half .recurring-set-schedule, body[class*="theme-"] .rtp-master .request-info .flex-width-half .recurring-set-schedule { display: flex; height: 40px; margin-top: -3px; } body.highcontrast .rtp-master .request-info .flex-width-half .recurring-schedule-link, body[class*="theme-"] .rtp-master .request-info .flex-width-half .recurring-schedule-link { display: flex; height: auto; align-items: center; } body.highcontrast .rtp-master .request-info .flex-width-half .recurring-schedule-clear, body[class*="theme-"] .rtp-master .request-info .flex-width-half .recurring-schedule-clear { flex: 0 1; } body.highcontrast .rtp-master .request-info .flex-width-half .recurring-schedule-warning-left, body[class*="theme-"] .rtp-master .request-info .flex-width-half .recurring-schedule-warning-left { margin-left: -7px; } body.highcontrast .rtp-master .request-info .account-loader, body[class*="theme-"] .rtp-master .request-info .account-loader { width: 100%; height: 46px; } body.highcontrast .rtp-master .request-info .recurring-disabled-msg, body[class*="theme-"] .rtp-master .request-info .recurring-disabled-msg { display: flex; padding: 10px 0; } body.highcontrast .rtp-master .request-info .push-memo-button, body[class*="theme-"] .rtp-master .request-info .push-memo-button { padding-top: 25px; } body.highcontrast .rtp-master .request-info .requesting-entity-contact-details .contact-details, body[class*="theme-"] .rtp-master .request-info .requesting-entity-contact-details .contact-details { --tct-radio-group-options-padding: 0 var(--app-scale-1x); --tct-radio-group-options-margin: 0; } body.highcontrast .rtp-master .request-info .requesting-entity-contact-details .requesting-entity-phone, body[class*="theme-"] .rtp-master .request-info .requesting-entity-contact-details .requesting-entity-phone { margin-left: 28px; margin-top: 0; } body.highcontrast .rtp-master .request-info div.process-date-warning, body[class*="theme-"] .rtp-master .request-info div.process-date-warning { margin-top: 6px; } body.highcontrast .rtp-master .request-info div.process-date-warning q2-icon, body[class*="theme-"] .rtp-master .request-info div.process-date-warning q2-icon { width: 18px; height: 18px; } body.highcontrast .rtp-master .request-info div.process-date-warning span, body[class*="theme-"] .rtp-master .request-info div.process-date-warning span { vertical-align: top; } body.highcontrast .rtp-master .request-info q2-loading, body[class*="theme-"] .rtp-master .request-info q2-loading { margin-top: -10px; } body.highcontrast .rtp-master .template-info .info-field, body[class*="theme-"] .rtp-master .template-info .info-field { margin-bottom: 7px; margin-top: 0; padding: 0 7px; } body.highcontrast .rtp-master .item-row, body[class*="theme-"] .rtp-master .item-row { background-color: var(--uux-theme-white); border: 1px solid var(--uux-app-contentBorder); cursor: pointer; display: flex; flex-direction: row; } body.highcontrast .rtp-master .item-row .item-details, body[class*="theme-"] .rtp-master .item-row .item-details { flex: auto; } body.highcontrast .rtp-master .item-details, body[class*="theme-"] .rtp-master .item-details { position: relative; } @media screen and (max-width: 767px) { body.highcontrast .rtp-master .item-details.form-container, body[class*="theme-"] .rtp-master .item-details.form-container { padding-left: 11px; padding-right: 18px; } } body.highcontrast .rtp-master .item-details.has-credit-transfer-error, body[class*="theme-"] .rtp-master .item-details.has-credit-transfer-error { min-height: 165px; } body.highcontrast .rtp-master .item-details .detail-row, body[class*="theme-"] .rtp-master .item-details .detail-row { margin-left: 0; margin-right: 0; } body.highcontrast .rtp-master .item-details .detail-row.first-row, body[class*="theme-"] .rtp-master .item-details .detail-row.first-row { padding-top: var(--tct-scale-3, var(--app-scale-3, 15px)); } body.highcontrast .rtp-master .item-details .detail-row .item-detail-field, body[class*="theme-"] .rtp-master .item-details .detail-row .item-detail-field { padding-left: 0; padding-right: 0; } body.highcontrast .rtp-master .item-details .item-actions, body[class*="theme-"] .rtp-master .item-details .item-actions { position: absolute; top: 0; right: 0; } body.highcontrast .rtp-master .item-details .item-actions.open, body[class*="theme-"] .rtp-master .item-details .item-actions.open { z-index: 10; } body.highcontrast .rtp-master .item-details .notify-details-section, body[class*="theme-"] .rtp-master .item-details .notify-details-section { display: flex; width: 100%; justify-content: space-between; } @media screen and (max-width: 991px) { body.highcontrast .rtp-master .item-details .notify-details-section, body[class*="theme-"] .rtp-master .item-details .notify-details-section { width: auto; } } body.highcontrast .rtp-master .item-details .recipient-changes-link, body[class*="theme-"] .rtp-master .item-details .recipient-changes-link { padding-top: 3px; } body.highcontrast .rtp-master .item-details .recipient-changes-link q2-icon, body[class*="theme-"] .rtp-master .item-details .recipient-changes-link q2-icon { width: 18px; height: 18px; } body.highcontrast .rtp-master .item-details div.review-recipient-changes, body[class*="theme-"] .rtp-master .item-details div.review-recipient-changes { z-index: 55; position: relative; background-color: var(--uux-app-datatableCleanSelectedRowDetailBg); } body.highcontrast .rtp-master .item-details .currency-input, body[class*="theme-"] .rtp-master .item-details .currency-input { margin-top: 0; margin-left: 7px; margin-right: 7px; } body.highcontrast .rtp-master .item-details .request-for-payment-amount-warning, body[class*="theme-"] .rtp-master .item-details .request-for-payment-amount-warning { display: flex; flex-direction: row; align-items: center; padding-top: 5px; } body.highcontrast .rtp-master .item-details .request-for-payment-amount-warning .warning-icon, body[class*="theme-"] .rtp-master .item-details .request-for-payment-amount-warning .warning-icon { margin-left: 7px; margin-right: 5px; } body.highcontrast .rtp-master .item-amount-type, body[class*="theme-"] .rtp-master .item-amount-type { position: relative; } @media screen and (max-width: 767px) { body.highcontrast .rtp-master .item-details .request-for-payment-amount-warning, body[class*="theme-"] .rtp-master .item-details .request-for-payment-amount-warning { width: 100%; } body.highcontrast .rtp-master .item-amount-type .item-detail-field .currency-input, body[class*="theme-"] .rtp-master .item-amount-type .item-detail-field .currency-input { margin-left: 0; } } body.highcontrast .rtp-master .item-payment-options, body[class*="theme-"] .rtp-master .item-payment-options { margin-left: 7px; } body.highcontrast .rtp-master .item-payment-options .payment-options .payment-option, body[class*="theme-"] .rtp-master .item-payment-options .payment-options .payment-option { padding-top: var(--tct-scale-2, var(--app-scale-2, 10px)); padding-bottom: 0; } body.highcontrast .rtp-master .item-remittance-info, body[class*="theme-"] .rtp-master .item-remittance-info { margin: 0; } body.highcontrast .rtp-master .item-remittance-info .remittance-header, body[class*="theme-"] .rtp-master .item-remittance-info .remittance-header { margin-top: 0; margin-bottom: 0; margin-left: -8px; } @media screen and (max-width: 767px) { body.highcontrast .rtp-master .item-remittance-info .remittance-header, body[class*="theme-"] .rtp-master .item-remittance-info .remittance-header { margin-left: -7px; } } body.highcontrast .rtp-master .item-remittance-info .remittance-field, body[class*="theme-"] .rtp-master .item-remittance-info .remittance-field { padding-top: 0; padding-right: var(--tct-scale-3, var(--app-scale-3, 15px)); } body.highcontrast .rtp-master .item-remittance-info .remittance-field.include-remittance q2-checkbox, body[class*="theme-"] .rtp-master .item-remittance-info .remittance-field.include-remittance q2-checkbox { padding-top: 0; } body.highcontrast .rtp-master .item-remittance-info .remittance-field.remittance-delivery-method .delivery-methods, body[class*="theme-"] .rtp-master .item-remittance-info .remittance-field.remittance-delivery-method .delivery-methods { --tct-radio-group-options-padding: 0 var(--app-scale-1x); --tct-radio-group-options-margin: 0; } body.highcontrast .rtp-master .item-remittance-info .remittance-field.remittance-details .details, body[class*="theme-"] .rtp-master .item-remittance-info .remittance-field.remittance-details .details { margin-bottom: 0; } body.highcontrast .rtp-master .item-status-bar, body[class*="theme-"] .rtp-master .item-status-bar { border-left: 8px solid; } body.highcontrast .rtp-master .item-status-bar.complete, body[class*="theme-"] .rtp-master .item-status-bar.complete { border-left-color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .rtp-master .item-status-bar.incomplete, body[class*="theme-"] .rtp-master .item-status-bar.incomplete { border-left-color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .rtp-master .item-status-bar.error, body[class*="theme-"] .rtp-master .item-status-bar.error { border-left-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .rtp-master .item-status-bar.omit, body[class*="theme-"] .rtp-master .item-status-bar.omit { border-left-color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .rtp-master .item-status-message, body[class*="theme-"] .rtp-master .item-status-message { display: flex; flex-direction: row; align-items: center; } body.highcontrast .ach-classcode .selected-classcode, body[class*="theme-"] .ach-classcode .selected-classcode { margin: 10px 0; } body.highcontrast .bulk-ach-upload .transaction-errors-header, body[class*="theme-"] .bulk-ach-upload .transaction-errors-header { font-size: 14px; font-weight: 600; } body.highcontrast .bulk-ach-upload .flex-container, body[class*="theme-"] .bulk-ach-upload .flex-container { display: flex; flex-direction: row; flex-wrap: wrap; } body.highcontrast .bulk-ach-upload .flex-container .flex-item, body[class*="theme-"] .bulk-ach-upload .flex-container .flex-item { flex: 3 1 100%; } @media (min-width: 768px) { body.highcontrast .bulk-ach-upload .flex-container .flex-item, body[class*="theme-"] .bulk-ach-upload .flex-container .flex-item { flex: 0 1 50%; } } body.highcontrast .bulk-ach-upload .payments .ellipsis-addenda, body[class*="theme-"] .bulk-ach-upload .payments .ellipsis-addenda { max-width: 100px; overflow-x: hidden; text-overflow: ellipsis; } body.highcontrast .favorite-reports .favorite-reports-row-info > .ellipsize, body.highcontrast .locked-logon .logon-row .logon-user-info > .ellipsize, body[class*="theme-"] .favorite-reports .favorite-reports-row-info > .ellipsize, body[class*="theme-"] .locked-logon .logon-row .logon-user-info > .ellipsize { max-width: 100%; } body.highcontrast .bulk-ach-upload .payments .recipient-info-row td, body[class*="theme-"] .bulk-ach-upload .payments .recipient-info-row td { vertical-align: top; } body.highcontrast .bulk-ach-upload .payments .recipient-info-row td .recipient-info-text, body[class*="theme-"] .bulk-ach-upload .payments .recipient-info-row td .recipient-info-text { font-size: 12px; } body.highcontrast .favorite-reports, body[class*="theme-"] .favorite-reports { position: relative; } body.highcontrast .favorite-reports .favorite-reports-content, body[class*="theme-"] .favorite-reports .favorite-reports-content { margin-top: 0; } body.highcontrast .favorite-reports .favorite-reports-content .favorite-reports-center, body[class*="theme-"] .favorite-reports .favorite-reports-content .favorite-reports-center { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } body.highcontrast .favorite-reports .favorite-reports-content > .paging, body[class*="theme-"] .favorite-reports .favorite-reports-content > .paging { height: 270px; } body.highcontrast .favorite-reports .favorite-reports-content q2-icon.inbox-icon, body[class*="theme-"] .favorite-reports .favorite-reports-content q2-icon.inbox-icon { width: var(--app-scale-5); height: var(--app-scale-5); margin-bottom: var(--app-scale-3); margin-top: var(--app-scale-2); --t-icon-stroke-width: 1px; } body.highcontrast .favorite-reports .favorite-reports-content .empty-favorite-report-loc, body[class*="theme-"] .favorite-reports .favorite-reports-content .empty-favorite-report-loc { text-align: center; } body.highcontrast .favorite-reports .favorite-reports-list, body[class*="theme-"] .favorite-reports .favorite-reports-list { list-style-type: none; -webkit-margin-after: 0; margin-block-end: 0; } body.highcontrast .favorite-reports .favorite-reports-list > li, body[class*="theme-"] .favorite-reports .favorite-reports-list > li { padding-bottom: 10px; height: 45px; } body.highcontrast .favorite-reports .favorite-reports-list > li:last-child, body[class*="theme-"] .favorite-reports .favorite-reports-list > li:last-child { padding-bottom: 5px; } body.highcontrast .favorite-reports .favorite-reports-row-info, body[class*="theme-"] .favorite-reports .favorite-reports-row-info { display: flex; align-items: center; height: 45px; flex-direction: row; flex-wrap: wrap; } body.highcontrast .favorite-reports .favorite-reports-row-info .report-title, body[class*="theme-"] .favorite-reports .favorite-reports-row-info .report-title { flex: 1 1 480px; } body.highcontrast .favorite-reports .favorite-reports-row-info .report-last-run-date, body[class*="theme-"] .favorite-reports .favorite-reports-row-info .report-last-run-date { flex-grow: 0; } body.highcontrast .favorite-reports .favorite-reports-row-actions, body[class*="theme-"] .favorite-reports .favorite-reports-row-actions { float: right; } body.highcontrast .favorite-reports .favorite-reports-footer, body[class*="theme-"] .favorite-reports .favorite-reports-footer { left: 10px; right: 10px; margin-top: 4px; } body.highcontrast .sidebar-rail .favorite-reports, body[class*="theme-"] .sidebar-rail .favorite-reports { margin: 0; } body.highcontrast .locked-logon .paging, body[class*="theme-"] .locked-logon .paging { height: 270px; } body.highcontrast .locked-logon .locked-logon-list, body[class*="theme-"] .locked-logon .locked-logon-list { list-style-type: none; } body.highcontrast .locked-logon .logon-row, body[class*="theme-"] .locked-logon .logon-row { padding-bottom: 10px; } body.highcontrast .locked-logon .logon-row .logon-user-info, body[class*="theme-"] .locked-logon .logon-row .logon-user-info { display: flex; align-items: center; height: 45px; flex-direction: row; flex-wrap: wrap; } body.highcontrast .locked-logon .logon-row .logon-user-name, body[class*="theme-"] .locked-logon .logon-row .logon-user-name { display: flex; flex: 1 1 480px; } body.highcontrast .locked-logon .logon-row .logon-user-name .user-name, body[class*="theme-"] .locked-logon .logon-row .logon-user-name .user-name { font-weight: 600; margin-right: 5px; } body.highcontrast .locked-logon .logon-row .logon-status, body[class*="theme-"] .locked-logon .logon-row .logon-status { flex-grow: 0; } body.highcontrast .locked-logon .logon-row .locked-logon-actions, body[class*="theme-"] .locked-logon .logon-row .locked-logon-actions { float: right; } body.highcontrast .locked-logon .logon-row:last-child, body[class*="theme-"] .locked-logon .logon-row:last-child { padding-bottom: 5px; } body.highcontrast .locked-logon .locked-logon-center, body[class*="theme-"] .locked-logon .locked-logon-center { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-bottom: 25px; } body.highcontrast .locked-logon .empty-icon, body[class*="theme-"] .locked-logon .empty-icon { font-size: 3em; } body.highcontrast .sidebar-rail .locked-logon, body[class*="theme-"] .sidebar-rail .locked-logon { margin: 0; } body.highcontrast .sidebar-rail .locked-logon .locked-logon-content .paging, body[class*="theme-"] .sidebar-rail .locked-logon .locked-logon-content .paging { height: 370px; } body.highcontrast .sidebar-rail .locked-logon .logon-row, body[class*="theme-"] .sidebar-rail .locked-logon .logon-row { height: 65px; } body.highcontrast .sidebar-rail .locked-logon .logon-user-name, body[class*="theme-"] .sidebar-rail .locked-logon .logon-user-name { display: block; } body.highcontrast .sidebar-rail .locked-logon .logon-status, body[class*="theme-"] .sidebar-rail .locked-logon .logon-status { font-size: 12px; } body.highcontrast .fixed-width-column-selector, body[class*="theme-"] .fixed-width-column-selector { padding: 20px 0 15px; overflow-x: scroll; } body.highcontrast .fixed-width-column-selector .fixed-width-trailer-header, body[class*="theme-"] .fixed-width-column-selector .fixed-width-trailer-header { padding-top: 6px; padding-bottom: 6px; } body.highcontrast .fixed-width-column-selector .fixed-width-container, body[class*="theme-"] .fixed-width-column-selector .fixed-width-container { border: 1px solid var(--t-gray1); display: inline-flex; flex-direction: row; } body.highcontrast .fixed-width-arrow, body[class*="theme-"] .fixed-width-arrow { position: absolute; top: -10px; left: 10px; } body.highcontrast .fixed-width-arrow svg, body[class*="theme-"] .fixed-width-arrow svg { width: 10px; height: 10px; } body.highcontrast .fixed-width-arrow svg polygon, body[class*="theme-"] .fixed-width-arrow svg polygon { stroke: var(--uux-app-btnPrimaryBg); fill: var(--uux-app-btnPrimaryBg); } body.highcontrast .fixed-width-delete, body[class*="theme-"] .fixed-width-delete { visibility: hidden; position: absolute; top: -20px; left: 7px; } body.highcontrast .fixed-width-delete svg, body[class*="theme-"] .fixed-width-delete svg { width: 16px; height: 16px; } body.highcontrast .fixed-width-delete svg rect, body[class*="theme-"] .fixed-width-delete svg rect { stroke: var(--uux-CONST_STOPLIGHT_ALERT); fill: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .fixed-width-delete svg line, body[class*="theme-"] .fixed-width-delete svg line { stroke: var(--uux-app-btnPrimaryContrast); } body.highcontrast .fixed-width-column, body[class*="theme-"] .fixed-width-column { background: 0 0; border: none; border-right: 2px dashed transparent; font-size: 14px; padding: 4px 2px; position: relative; text-align: center; min-width: 16px; } body.highcontrast .fixed-width-column div, body[class*="theme-"] .fixed-width-column div { font-family: var(--uux-app-monospacedFontFamily); height: 1.2em; } body.highcontrast .fixed-width-column:focus, body.highcontrast .fixed-width-column:hover, body[class*="theme-"] .fixed-width-column:focus, body[class*="theme-"] .fixed-width-column:hover { border-right-color: var(--uux-CONST_GRAY_L1); outline: 0; box-shadow: none; } body.highcontrast .fixed-width-column.is-selected, body[class*="theme-"] .fixed-width-column.is-selected { border-right: 2px solid var(--uux-app-btnPrimaryBg); } body.highcontrast .fixed-width-column.is-selected:focus, body.highcontrast .fixed-width-column.is-selected:hover, body[class*="theme-"] .fixed-width-column.is-selected:focus, body[class*="theme-"] .fixed-width-column.is-selected:hover { border-right-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .fixed-width-column.is-selected:focus .fixed-width-delete, body.highcontrast .fixed-width-column.is-selected:hover .fixed-width-delete, body[class*="theme-"] .fixed-width-column.is-selected:focus .fixed-width-delete, body[class*="theme-"] .fixed-width-column.is-selected:hover .fixed-width-delete { visibility: visible; } body.highcontrast #statementDownloaderLink, body.highcontrast .fixed-width-column:last-of-type .fixed-width-arrow, body.highcontrast .fixed-width-column:last-of-type .fixed-width-delete, body.highcontrast .fixed-width-column:last-of-type:focus .fixed-width-arrow, body.highcontrast .fixed-width-column:last-of-type:focus .fixed-width-delete, body.highcontrast .fixed-width-column:last-of-type:hover .fixed-width-arrow, body.highcontrast .fixed-width-column:last-of-type:hover .fixed-width-delete, body[class*="theme-"] #statementDownloaderLink, body[class*="theme-"] .fixed-width-column:last-of-type .fixed-width-arrow, body[class*="theme-"] .fixed-width-column:last-of-type .fixed-width-delete, body[class*="theme-"] .fixed-width-column:last-of-type:focus .fixed-width-arrow, body[class*="theme-"] .fixed-width-column:last-of-type:focus .fixed-width-delete, body[class*="theme-"] .fixed-width-column:last-of-type:hover .fixed-width-arrow, body[class*="theme-"] .fixed-width-column:last-of-type:hover .fixed-width-delete { visibility: hidden; } body.highcontrast .fixed-width-column.is-selected:focus .fixed-width-arrow svg polygon, body.highcontrast .fixed-width-column.is-selected:focus .fixed-width-delete svg polygon, body.highcontrast .fixed-width-column.is-selected:hover .fixed-width-arrow svg polygon, body.highcontrast .fixed-width-column.is-selected:hover .fixed-width-delete svg polygon, body[class*="theme-"] .fixed-width-column.is-selected:focus .fixed-width-arrow svg polygon, body[class*="theme-"] .fixed-width-column.is-selected:focus .fixed-width-delete svg polygon, body[class*="theme-"] .fixed-width-column.is-selected:hover .fixed-width-arrow svg polygon, body[class*="theme-"] .fixed-width-column.is-selected:hover .fixed-width-delete svg polygon { stroke: var(--uux-CONST_STOPLIGHT_ALERT); fill: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .fixed-width-column:last-of-type, body[class*="theme-"] .fixed-width-column:last-of-type { border: none; cursor: default; } body.highcontrast .column-width-label-wrapper, body[class*="theme-"] .column-width-label-wrapper { position: absolute; width: 20px; top: -23px; left: 5px; } body.highcontrast .column-width-label, body[class*="theme-"] .column-width-label { position: relative; margin: 0 auto; width: 20px; } body.highcontrast .foreign-exchange-widget .user-input, body[class*="theme-"] .foreign-exchange-widget .user-input { display: flex; flex-wrap: wrap; } body.highcontrast .foreign-exchange-widget .user-input .amount-input, body.highcontrast .foreign-exchange-widget .user-input .currency-select, body[class*="theme-"] .foreign-exchange-widget .user-input .amount-input, body[class*="theme-"] .foreign-exchange-widget .user-input .currency-select { flex: 1 1 200px; margin: 0 10px; } body.highcontrast .foreign-exchange-widget .user-input .currency-select .currency-option-block, body[class*="theme-"] .foreign-exchange-widget .user-input .currency-select .currency-option-block { pointer-events: none; } body.highcontrast .foreign-exchange-widget .user-input .currency-symbol, body[class*="theme-"] .foreign-exchange-widget .user-input .currency-symbol { margin: 10px 10px 10px 0; font-size: 20px; width: 25px; } @media screen and (max-width: 767px) { body.highcontrast .foreign-exchange-widget .user-input .amount-input, body[class*="theme-"] .foreign-exchange-widget .user-input .amount-input { margin-top: 20px; } } body.highcontrast .foreign-exchange-widget .conversion-section, body[class*="theme-"] .foreign-exchange-widget .conversion-section { text-align: center; padding-top: 20px; min-height: 80px; } body.highcontrast .foreign-exchange-widget .conversion-section .empty-conversion, body[class*="theme-"] .foreign-exchange-widget .conversion-section .empty-conversion { color: var(--t-textA); } body.highcontrast .foreign-exchange-widget .conversion-section .conversion-rate, body[class*="theme-"] .foreign-exchange-widget .conversion-section .conversion-rate { color: var(--uux-CONST_GRAY); } body.highcontrast .foreign-exchange-widget .conversion-section .conversion-amount, body[class*="theme-"] .foreign-exchange-widget .conversion-section .conversion-amount { margin-top: 10px; display: inline-flex; flex-wrap: wrap; } body.highcontrast .foreign-exchange-widget .conversion-section .conversion-amount p, body[class*="theme-"] .foreign-exchange-widget .conversion-section .conversion-amount p { font-size: 17px; font-weight: 600; margin: 0 5px; } body.highcontrast .foreign-exchange-widget .fx-rates-center, body[class*="theme-"] .foreign-exchange-widget .fx-rates-center { display: flex; justify-content: center; } body.highcontrast .foreign-exchange-widget .footer-section, body[class*="theme-"] .foreign-exchange-widget .footer-section { display: flex; flex-wrap: wrap; } body.highcontrast .foreign-exchange-widget .footer-section .footer-item, body[class*="theme-"] .foreign-exchange-widget .footer-section .footer-item { flex: 1 1; display: flex; } body.highcontrast .foreign-exchange-widget .footer-section .rates-message-text, body[class*="theme-"] .foreign-exchange-widget .footer-section .rates-message-text { padding: 3px 0 0 10px; } body.highcontrast .foreign-exchange-widget .footer-section .btn-container, body[class*="theme-"] .foreign-exchange-widget .footer-section .btn-container { display: flex; flex: 1 1; max-width: 600px; margin: 0 auto; } body.highcontrast .foreign-exchange-widget .footer-section .btn-container q2-btn, body[class*="theme-"] .foreign-exchange-widget .footer-section .btn-container q2-btn { display: block; } @media screen and (max-width: 767px) { body.highcontrast .foreign-exchange-widget .footer-section, body[class*="theme-"] .foreign-exchange-widget .footer-section { display: block; } body.highcontrast .foreign-exchange-widget .footer-section .rates-message, body[class*="theme-"] .foreign-exchange-widget .footer-section .rates-message { margin-bottom: 10px; } body.highcontrast .foreign-exchange-widget .footer-section .btn-container, body[class*="theme-"] .foreign-exchange-widget .footer-section .btn-container { flex-wrap: wrap; } body.highcontrast .foreign-exchange-widget .footer-section .btn-container q2-btn, body[class*="theme-"] .foreign-exchange-widget .footer-section .btn-container q2-btn { margin: 0 0 15px; } } body.highcontrast .foreign-exchange-widget .currency-error, body[class*="theme-"] .foreign-exchange-widget .currency-error { text-align: center; } body.highcontrast .foreign-exchange-widget .currency-error .error-icon, body[class*="theme-"] .foreign-exchange-widget .currency-error .error-icon { height: 50px; width: 50px; --t-icon-stroke-primary: var(--uux-theme-grayAccessible); --t-icon-stroke-secondary: var(--uux-theme-grayAccessible); } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange { margin: 0; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .currency-select, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .currency-select { margin: 0 0 12px; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .amount-input, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .amount-input { margin: 0; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .conversion-section, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .conversion-section { padding-top: 10%; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .footer-item, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .footer-item { flex-basis: 100%; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .rates-message, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .rates-message { margin: 10px 0; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .btn-container, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .btn-container { flex-flow: row wrap; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange .btn-container q2-btn, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange .btn-container q2-btn { display: block; flex-basis: 100%; margin: 0 0 15px; } body.highcontrast .sidebar-rail .foreign-exchange-widget .foreign-exchange q2-radio, body[class*="theme-"] .sidebar-rail .foreign-exchange-widget .foreign-exchange q2-radio { width: 65px; } body.highcontrast q2-icon.inbox-icon, body[class*="theme-"] q2-icon.inbox-icon { width: var(--app-scale-5); height: var(--app-scale-5); margin-bottom: var(--app-scale-3); --t-icon-stroke-width: 1px; } body.highcontrast .no-activity, body[class*="theme-"] .no-activity { display: flex; flex-direction: column; align-items: center; } body.highcontrast .no-activity .marBtm, body[class*="theme-"] .no-activity .marBtm { margin-bottom: var(--app-scale-3); } body.highcontrast .account-list-after, body[class*="theme-"] .account-list-after { display: block; margin-top: 3rem; text-align: center; } body.highcontrast .incoming-rtp-info, body[class*="theme-"] .incoming-rtp-info { display: flex; justify-content: space-between; padding-bottom: var(--app-scale-3); } body.highcontrast .incoming-rtp-info .incoming-rtp-col, body[class*="theme-"] .incoming-rtp-info .incoming-rtp-col { display: flex; flex-direction: column; } body.highcontrast .incoming-rtp-info .incoming-rtp-col .rtp-row-centered, body[class*="theme-"] .incoming-rtp-info .incoming-rtp-col .rtp-row-centered { display: flex; align-items: center; } body.highcontrast .incoming-rtp-info .rtp-right-align, body[class*="theme-"] .incoming-rtp-info .rtp-right-align { display: flex; align-items: flex-end; } body.highcontrast .incoming-rtp-info .incoming-rtp-flex-end, body[class*="theme-"] .incoming-rtp-info .incoming-rtp-flex-end { display: flex; justify-content: flex-end; align-items: center; } body.highcontrast .incoming-rtp-info q2-icon, body[class*="theme-"] .incoming-rtp-info q2-icon { width: var(--app-scale-3); height: var(--app-scale-3); margin-right: var(--app-scale-1); --t-icon-stroke-width: 2px; } body.highcontrast .pending-approvals, body[class*="theme-"] .pending-approvals { position: relative; } body.highcontrast .pending-approvals .pending-approvals-content .pending-approvals-list, body[class*="theme-"] .pending-approvals .pending-approvals-content .pending-approvals-list { list-style-type: none; -webkit-margin-after: 0; margin-block-end: 0; } body.highcontrast .pending-approvals .pending-approvals-content .pending-approvals-center, body[class*="theme-"] .pending-approvals .pending-approvals-content .pending-approvals-center { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-bottom: 25px; } body.highcontrast .pending-approvals .pending-approvals-content .pending-approvals-footer, body[class*="theme-"] .pending-approvals .pending-approvals-content .pending-approvals-footer { bottom: 14px; font-size: 14px; left: 10px; right: 10px; } body.highcontrast .pending-approvals .pending-approvals-content .pending-approvals-footer .links, body[class*="theme-"] .pending-approvals .pending-approvals-content .pending-approvals-footer .links { margin: 0 auto; } body.highcontrast .pending-approvals .pending-approvals-content .pending-approvals-footer .links .q2-col, body[class*="theme-"] .pending-approvals .pending-approvals-content .pending-approvals-footer .links .q2-col { text-align: left; } body.highcontrast .pending-approvals .pending-approvals-content .pending-approvals-footer .links .q2-col:first-of-type, body[class*="theme-"] .pending-approvals .pending-approvals-content .pending-approvals-footer .links .q2-col:first-of-type { text-align: right; } body.highcontrast .pending-approvals .pending-approvals-content q2-icon.checkmark-icon, body[class*="theme-"] .pending-approvals .pending-approvals-content q2-icon.checkmark-icon { width: var(--app-scale-5); height: var(--app-scale-5); margin-bottom: var(--app-scale-3); margin-top: var(--app-scale-2); --t-icon-stroke-width: 1px; } body.highcontrast .sidebar-rail .pending-approvals, body[class*="theme-"] .sidebar-rail .pending-approvals { margin: 0; } body.highcontrast .pending-approval-row, body[class*="theme-"] .pending-approval-row { display: flex; padding-bottom: 10px; min-height: 60px; } body.highcontrast .pending-approval-row .pending-approval-row-info, body[class*="theme-"] .pending-approval-row .pending-approval-row-info { flex: 1 0 80%; display: flex; justify-content: space-between; overflow: hidden; padding: 10px 10px 10px 0; flex-wrap: wrap; } body.highcontrast .pending-approval-row .pending-approval-row-info.is-recurring, body[class*="theme-"] .pending-approval-row .pending-approval-row-info.is-recurring { flex-basis: 70%; } body.highcontrast .pending-approval-row .pending-approval-row-info .tran-type, body[class*="theme-"] .pending-approval-row .pending-approval-row-info .tran-type { flex-basis: 200px; } @media screen and (max-width: 767px) { body.highcontrast .pending-approval-row .pending-approval-row-info .tran-type, body[class*="theme-"] .pending-approval-row .pending-approval-row-info .tran-type { flex-basis: 180px; } } body.highcontrast .pending-approval-row .pending-approval-row-actions, body[class*="theme-"] .pending-approval-row .pending-approval-row-actions { float: right; } body.highcontrast .pending-approval-row .pending-approval-row-actions .transaction-actions > .ui-dropdown-menu, body[class*="theme-"] .pending-approval-row .pending-approval-row-actions .transaction-actions > .ui-dropdown-menu { min-width: 180px; } body.highcontrast .pending-approval-row .pending-approval-row-recurring, body[class*="theme-"] .pending-approval-row .pending-approval-row-recurring { align-self: center; } body.highcontrast .pending-approval-row .pending-approval-row-recurring q2-icon, body[class*="theme-"] .pending-approval-row .pending-approval-row-recurring q2-icon { height: 14px; margin-right: 10px; width: 14px; } body.highcontrast .recipient-item-list .mobile-recipient, body.highcontrast .recipient-item-list .mobile-recipient-email, body[class*="theme-"] .recipient-item-list .mobile-recipient, body[class*="theme-"] .recipient-item-list .mobile-recipient-email { word-break: break-all; } body.highcontrast .recipient-item-list td:first-child, body[class*="theme-"] .recipient-item-list td:first-child { border-left: 6px solid transparent; } body.highcontrast .recipient-item-list td:first-child.changes-need-approval, body[class*="theme-"] .recipient-item-list td:first-child.changes-need-approval { border-left: 6px solid var(--uux-theme-warning); } body.highcontrast .recipient-item-list div.changes-need-approval, body[class*="theme-"] .recipient-item-list div.changes-need-approval { margin-top: 6px; } body.highcontrast .recipient-item-list div.changes-need-approval q2-icon, body[class*="theme-"] .recipient-item-list div.changes-need-approval q2-icon { width: 18px; height: 18px; } body.highcontrast .recipient-item-list div.changes-need-approval span, body[class*="theme-"] .recipient-item-list div.changes-need-approval span { vertical-align: top; } body.highcontrast .tax-form-status, body[class*="theme-"] .tax-form-status { background: var(--uux-theme-white); border-bottom: 1px solid var(--uux-theme-grayLightNeutral); } body.highcontrast .tax-form-status .tax-form-status-header, body[class*="theme-"] .tax-form-status .tax-form-status-header { font-size: 14px; font-weight: 600; } body.highcontrast .tax-form-status q2-message, body[class*="theme-"] .tax-form-status q2-message { animation: fadeInFromNone 0.5s; margin: 0; } body.highcontrast .tax-form-status q2-message ul, body[class*="theme-"] .tax-form-status q2-message ul { margin: 0; } body.highcontrast .tax-form .ui-sticky, body[class*="theme-"] .tax-form .ui-sticky { z-index: 4; } body.highcontrast .tax-form .tax-form-content .df-radio, body[class*="theme-"] .tax-form .tax-form-content .df-radio { margin-bottom: 16px; } body.highcontrast .tax-form .tax-form-content .df-radio h3, body[class*="theme-"] .tax-form .tax-form-content .df-radio h3 { margin: 0 0 1px; } body.highcontrast .tax-form .tax-form-content .df-radio input, body[class*="theme-"] .tax-form .tax-form-content .df-radio input { margin: 0; } body.highcontrast .tax-form .tax-form-content .df-radio .data-form-field, body[class*="theme-"] .tax-form .tax-form-content .df-radio .data-form-field { padding: 1px; border-radius: 3px; border: 1px solid var(--t-gray11); overflow: auto; } body.highcontrast .tax-form .tax-form-content .account-search, body[class*="theme-"] .tax-form .tax-form-content .account-search { margin-bottom: 8px; } body.highcontrast .tax-form .tax-form-content .df-currency-field .form-control-feedback, body[class*="theme-"] .tax-form .tax-form-content .df-currency-field .form-control-feedback { display: none; } body.highcontrast .tax-form .tax-form-content .df-currency-field .currency-input, body[class*="theme-"] .tax-form .tax-form-content .df-currency-field .currency-input { margin-top: 0; margin-bottom: 0; } body.highcontrast .template-sort-filter .template-sort, body[class*="theme-"] .template-sort-filter .template-sort { min-width: 90vw; padding: 0; } body.highcontrast .template-sort-filter .template-sort .sort-header, body[class*="theme-"] .template-sort-filter .template-sort .sort-header { background-color: var(--uux-app-resourceHeaderBg); } body.highcontrast .template-sort-filter .template-sort .sort-text-grey, body[class*="theme-"] .template-sort-filter .template-sort .sort-text-grey { color: var(--uux-app-resourceHeaderMuted); } body.highcontrast .template-sort-filter .template-sort .list-group-holder, body[class*="theme-"] .template-sort-filter .template-sort .list-group-holder { padding: 0; } body.highcontrast .template-sort-filter .template-sort .icon-ok, body[class*="theme-"] .template-sort-filter .template-sort .icon-ok { display: block; font-size: 22px; color: var(--uux-theme-infoText); } body.highcontrast .template-sort-filter .template-sort .sort-filter-items, body[class*="theme-"] .template-sort-filter .template-sort .sort-filter-items { margin: 0; } body.highcontrast .wire-add-info .expand-button, body[class*="theme-"] .wire-add-info .expand-button { width: 100%; } body.highcontrast .wire-add-info .expand-button .expand-button-container, body[class*="theme-"] .wire-add-info .expand-button .expand-button-container { display: flex; flex-direction: column; padding: 10px; } body.highcontrast .authorize-modal, body.highcontrast .wire-add-info .q2-modal-container, body[class*="theme-"] .authorize-modal, body[class*="theme-"] .wire-add-info .q2-modal-container { padding-top: 10%; } body.highcontrast .wire-add-info .expand-button .expand-button-container .button-text, body[class*="theme-"] .wire-add-info .expand-button .expand-button-container .button-text { flex: 1 1 auto; display: flex; } body.highcontrast .wire-add-info .expand-button .expand-button-container .button-text .optional-header, body[class*="theme-"] .wire-add-info .expand-button .expand-button-container .button-text .optional-header { flex: 1 1 auto; text-align: left; } body.highcontrast .wire-add-info .expand-button .expand-button-container .button-text .chevron, body[class*="theme-"] .wire-add-info .expand-button .expand-button-container .button-text .chevron { flex: 1 1 auto; text-align: right; font-size: 18px; } body.highcontrast .wire-add-info .expand-button .expand-button-container .separator, body[class*="theme-"] .wire-add-info .expand-button .expand-button-container .separator { flex: 1 1 auto; } body.highcontrast .wire-add-info .expand-button .expand-button-container .separator hr, body[class*="theme-"] .wire-add-info .expand-button .expand-button-container .separator hr { margin: 3px 0; } body.highcontrast .wire-add-info .panel, body[class*="theme-"] .wire-add-info .panel { width: 490px; } body.highcontrast .wire-add-info .panel h2, body[class*="theme-"] .wire-add-info .panel h2 { text-align: left; padding-left: 30px; } body.highcontrast .wire-add-info .form-container, body[class*="theme-"] .wire-add-info .form-container { padding: 0; } body.highcontrast .wire-add-info .panel-body, body[class*="theme-"] .wire-add-info .panel-body { padding: 15px 30px 30px; } body.highcontrast .wire-add-info textarea, body[class*="theme-"] .wire-add-info textarea { box-sizing: border-box; height: 76px; resize: none; } body.highcontrast .wiz-bubble-container, body[class*="theme-"] .wiz-bubble-container { display: flex; justify-content: center; padding: 10px 0; } body.highcontrast .wiz-bubble-container .bubble-nodes, body[class*="theme-"] .wiz-bubble-container .bubble-nodes { width: 700px; display: flex; flex-direction: row; } body.highcontrast .wiz-bubble-node, body[class*="theme-"] .wiz-bubble-node { width: 200px; flex-grow: 1; } body.highcontrast .wiz-bubble-node svg, body[class*="theme-"] .wiz-bubble-node svg { position: absolute; } body.highcontrast .wiz-bubble-node .node-container, body[class*="theme-"] .wiz-bubble-node .node-container { display: flex; width: 100%; height: 50px; } body.highcontrast .wiz-bubble-node .node-container .wiz-link, body[class*="theme-"] .wiz-bubble-node .node-container .wiz-link { flex-grow: 1; height: 50px; position: relative; margin-right: -3%; margin-left: -3%; } body.highcontrast .wiz-bubble-node .node-container .wiz-link svg, body[class*="theme-"] .wiz-bubble-node .node-container .wiz-link svg { height: 50px; z-index: 1; width: 100%; } body.highcontrast .wiz-bubble-node .node-container .wiz-node, body[class*="theme-"] .wiz-bubble-node .node-container .wiz-node { height: 50px; width: 50px; } body.highcontrast .wiz-bubble-node .node-container .wiz-node svg, body[class*="theme-"] .wiz-bubble-node .node-container .wiz-node svg { z-index: 999; width: 50px; height: 50px; } body.highcontrast .wiz-bubble-node .node-container .active svg circle:first-child, body[class*="theme-"] .wiz-bubble-node .node-container .active svg circle:first-child { stroke: var(--uux-app-btnPrimaryBg); fill: var(--uux-app-btnPrimaryBg); } body.highcontrast .wiz-bubble-node .node-container .active svg circle, body[class*="theme-"] .wiz-bubble-node .node-container .active svg circle { stroke: #fff; fill: #fff; } body.highcontrast .wiz-bubble-node .node-container .complete svg circle:first-child, body[class*="theme-"] .wiz-bubble-node .node-container .complete svg circle:first-child { cursor: pointer; stroke: var(--uux-app-btnPrimaryBg); fill: var(--uux-app-btnPrimaryBg); } body.highcontrast .wiz-bubble-node .node-container .complete svg rect, body[class*="theme-"] .wiz-bubble-node .node-container .complete svg rect { stroke: var(--uux-app-btnPrimaryBg); fill: var(--uux-app-btnPrimaryBg); } body.highcontrast .wiz-bubble-node .node-container .complete svg circle, body[class*="theme-"] .wiz-bubble-node .node-container .complete svg circle { cursor: pointer; stroke: #fff; fill: #fff; } body.highcontrast .wiz-bubble-node .node-container .complete svg polyline, body[class*="theme-"] .wiz-bubble-node .node-container .complete svg polyline { cursor: pointer; stroke: #fff; } body.highcontrast .wiz-bubble-node .node-container .incomplete svg, body[class*="theme-"] .wiz-bubble-node .node-container .incomplete svg { outline: 0; } body.highcontrast .wiz-bubble-node .node-container .incomplete svg circle, body.highcontrast .wiz-bubble-node .node-container .incomplete svg rect, body[class*="theme-"] .wiz-bubble-node .node-container .incomplete svg circle, body[class*="theme-"] .wiz-bubble-node .node-container .incomplete svg rect { stroke: #979797; fill: var(--uux-theme-grayLighterNeutral); } body.highcontrast .wiz-bubble-node .node-container .incomplete svg line, body[class*="theme-"] .wiz-bubble-node .node-container .incomplete svg line { stroke: #979797; } body.highcontrast .wiz-bubble-node .node-container .incomplete svg text, body[class*="theme-"] .wiz-bubble-node .node-container .incomplete svg text { stroke: #979797; fill: #979797; font-family: Courier New, Courier, monospace; font-size: 1.3em; } body.highcontrast .wiz-bubble-node .label-container, body[class*="theme-"] .wiz-bubble-node .label-container { width: 100%; padding-top: 25px; display: flex; justify-content: center; } body.highcontrast .wiz-bubble-node .label-container .wiz-node-label, body[class*="theme-"] .wiz-bubble-node .label-container .wiz-node-label { text-align: center; max-width: 100px; word-wrap: normal; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; } body.highcontrast .wiz-bubble-node .label-container .label-complete, body[class*="theme-"] .wiz-bubble-node .label-container .label-complete { color: #777; cursor: pointer; } body.highcontrast .wiz-bubble-node .label-container .label-active, body[class*="theme-"] .wiz-bubble-node .label-container .label-active { color: #2e2e2e; } body.highcontrast .wiz-bubble-node .label-container .label-incomplete, body[class*="theme-"] .wiz-bubble-node .label-container .label-incomplete { color: #999; } body.highcontrast .entitlement-rule .rule-header, body[class*="theme-"] .entitlement-rule .rule-header { color: var(--uux-app-ruleHeaderContrast); background-color: var(--uux-app-ruleHeaderBgColor); } body.highcontrast .entitlement-rule .rule-header a, body[class*="theme-"] .entitlement-rule .rule-header a { color: var(--uux-app-ruleHeaderLinkContrast); } body.highcontrast .policy-tester, body[class*="theme-"] .policy-tester { display: none; overflow: visible; position: relative; } body.highcontrast .policy-tester .policy-tester-checkbox-group, body[class*="theme-"] .policy-tester .policy-tester-checkbox-group { clear: both; } body.highcontrast .policy-tester-results, body[class*="theme-"] .policy-tester-results { overflow: hidden; } body.highcontrast .policy-tester-results .with-status, body[class*="theme-"] .policy-tester-results .with-status { position: relative; padding-left: 60px; padding-right: 10px; } body.highcontrast .policy-tester-results .status-icon, body[class*="theme-"] .policy-tester-results .status-icon { font-size: 2em; position: absolute; top: 3px; left: 5px; } body.highcontrast .policy-tester-results .decision-text, body[class*="theme-"] .policy-tester-results .decision-text { border-radius: 8px; } body.highcontrast .policy-tester-results .decision-text-container, body[class*="theme-"] .policy-tester-results .decision-text-container { display: none; } body.highcontrast .policy-tester-results.allowed .decision-text, body[class*="theme-"] .policy-tester-results.allowed .decision-text { background-color: var(--uux-theme-success); color: var(--uux-theme-successContrast); } body.highcontrast .policy-tester-results.denied .decision-text, body[class*="theme-"] .policy-tester-results.denied .decision-text { background-color: var(--uux-theme-danger); color: var(--uux-theme-dangerContrast); } body.highcontrast .policy-tester-results .policy, body[class*="theme-"] .policy-tester-results .policy { border-radius: 12px 12px 0 0; opacity: 0; } body.highcontrast .policy-tester-results .policy .result, body[class*="theme-"] .policy-tester-results .policy .result { font-size: 1.2em; } body.highcontrast .policy-tester-results .policy:hover, body[class*="theme-"] .policy-tester-results .policy:hover { cursor: pointer; background: var(--uux-app-contentBorder); border-bottom-color: var(--uux-app-contentBorder); } body.highcontrast .policy-tester-results .policy.selected, body[class*="theme-"] .policy-tester-results .policy.selected { border: 1px solid var(--uux-app-contentBorder); border-bottom-color: var(--uux-app-contentInnerBg); margin-bottom: -1px; } body.highcontrast .policy-tester-results .policy.visited, body[class*="theme-"] .policy-tester-results .policy.visited { animation: fade-in 0.8s forwards; } body.highcontrast .policy-tester-results .policy.allowed .result, body[class*="theme-"] .policy-tester-results .policy.allowed .result { color: var(--uux-theme-success); } body.highcontrast .policy-tester-results .policy.denied .result, body[class*="theme-"] .policy-tester-results .policy.denied .result { color: var(--uux-theme-danger); } body.highcontrast .policy-tester-results .analysis, body[class*="theme-"] .policy-tester-results .analysis { border: 1px solid var(--uux-app-contentBorder); display: none; } body.highcontrast .policy-tester-results .analysis .alert-msg, body[class*="theme-"] .policy-tester-results .analysis .alert-msg { border: 1px solid; background-color: var(--uux-theme-info); color: var(--uux-theme-infoContrast); } body.highcontrast .policy-tester-results .analysis.selected, body[class*="theme-"] .policy-tester-results .analysis.selected { display: block; } body.highcontrast .policy-tester-results .analysis .rule, body[class*="theme-"] .policy-tester-results .analysis .rule { background: var(--uux-app-contentBorder); } body.highcontrast .policy-tester-results .analysis .rule.allowed .rule-header, body.highcontrast .policy-tester-results .analysis .rule.allowed .rule-header a, body[class*="theme-"] .policy-tester-results .analysis .rule.allowed .rule-header, body[class*="theme-"] .policy-tester-results .analysis .rule.allowed .rule-header a { background-color: var(--uux-theme-success); color: var(--uux-theme-successContrast); } body.highcontrast .policy-tester-results .analysis .rule.denied .status-icon, body[class*="theme-"] .policy-tester-results .analysis .rule.denied .status-icon { color: var(--uux-theme-danger); } body.highcontrast .rule-calendar .calendar, body[class*="theme-"] .rule-calendar .calendar { margin: 20px auto; } body.highcontrast .rule-calendar .calendar td, body.highcontrast .rule-calendar .calendar th, body[class*="theme-"] .rule-calendar .calendar td, body[class*="theme-"] .rule-calendar .calendar th { cursor: cell; width: 3%; height: 50px; padding: 0; } body.highcontrast .rule-calendar .calendar th, body[class*="theme-"] .rule-calendar .calendar th { width: 50px; vertical-align: middle; font-weight: 400; color: var(--uux-app-btnDefaultContrast); } body.highcontrast .rule-calendar .calendar th:hover, body[class*="theme-"] .rule-calendar .calendar th:hover { background: var(--uux-app-btnDefaultHoverBg); } body.highcontrast .rule-calendar .calendar table.days, body[class*="theme-"] .rule-calendar .calendar table.days { margin-top: 30px; float: left; border: 1px solid var(--uux-app-btnDefaultActiveBorder); border-right: none; background: var(--uux-app-btnDefaultBg); } body.highcontrast .rule-calendar .calendar table.days th, body[class*="theme-"] .rule-calendar .calendar table.days th { text-align: center; font-size: 1em; border-bottom: 1px solid var(--uux-app-btnDefaultBg); } body.highcontrast .rule-calendar .calendar table.days tr:last-of-type th, body[class*="theme-"] .rule-calendar .calendar table.days tr:last-of-type th { border-bottom: 1px solid var(--uux-app-btnDefaultActiveBorder); } body.highcontrast .rule-calendar .calendar table.hours th, body[class*="theme-"] .rule-calendar .calendar table.hours th { height: 30px; text-align: center; font-size: 0.8em; } body.highcontrast .rule-calendar .calendar table.hours td, body[class*="theme-"] .rule-calendar .calendar table.hours td { border: 1px solid var(--uux-app-btnDefaultActiveBorder); } body.highcontrast .rule-calendar .calendar table.hours td.active, body[class*="theme-"] .rule-calendar .calendar table.hours td.active { background: var(--uux-app-btnPrimaryBg); border-color: var(--uux-app-btnPrimaryActiveBorder); } body.highcontrast .rule-calendar .calendar .calendar-scroll, body[class*="theme-"] .rule-calendar .calendar .calendar-scroll { min-width: 612px; } @media screen and (max-width: 1199px) { body.highcontrast .rule-calendar table.days td, body.highcontrast .rule-calendar table.days th, body[class*="theme-"] .rule-calendar table.days td, body[class*="theme-"] .rule-calendar table.days th { width: 20px; overflow: hidden; } body.highcontrast .rule-calendar table.days th, body[class*="theme-"] .rule-calendar table.days th { font-size: 0.8em; } body.highcontrast .rule-calendar table.hours th, body[class*="theme-"] .rule-calendar table.hours th { font-size: 0.6em; overflow: hidden; } body.highcontrast .rule-calendar .calendar-scroll, body[class*="theme-"] .rule-calendar .calendar-scroll { min-width: 450px; } } body.highcontrast .rule-transliteration a, body.highcontrast .rule-transliteration strong, body[class*="theme-"] .rule-transliteration a, body[class*="theme-"] .rule-transliteration strong { font-weight: 700; font-size: 1.1em; } body.highcontrast .alert-msg .rule-transliteration a, body.highcontrast .alert-msg .rule-transliteration strong, body[class*="theme-"] .alert-msg .rule-transliteration a, body[class*="theme-"] .alert-msg .rule-transliteration strong { color: var(--uux-theme-whiteNeutral); } body.highcontrast .empty-table-message, body[class*="theme-"] .empty-table-message { color: var(--uux-theme-grayNeutral); margin: 60px auto 0; position: relative; text-align: center; } body.highcontrast .empty-table-message .status-info, body[class*="theme-"] .empty-table-message .status-info { display: block; font-size: 24px; } body.highcontrast .empty-table-message .status-info .is-accent, body[class*="theme-"] .empty-table-message .status-info .is-accent { color: var(--uux-theme-grayLightNeutral); display: block; font-size: 60px; line-height: 50px; } body.highcontrast .empty-table-message .call-to-action, body[class*="theme-"] .empty-table-message .call-to-action { margin: 25px 0 0; } body.highcontrast .empty-table-message .call-to-action .ui-btn, body[class*="theme-"] .empty-table-message .call-to-action .ui-btn { font-weight: 600; vertical-align: baseline; } body.highcontrast .report-select-items .section-header, body[class*="theme-"] .report-select-items .section-header { font-size: 1em; font-weight: 600; margin-bottom: 5px; text-transform: none; } body.highcontrast .report-select-items .item-filters, body[class*="theme-"] .report-select-items .item-filters { display: inline-flex; margin-bottom: 15px; } body.highcontrast .report-select-items .item-filter, body[class*="theme-"] .report-select-items .item-filter { margin: 5px 0 5px 25px; } body.highcontrast .report-select-items .item-filters-list, body[class*="theme-"] .report-select-items .item-filters-list { display: inline-flex; margin: 0; padding: 0; } body.highcontrast .report-select-items .item-filters-list, body.highcontrast .report-select-items .item-groups, body.highcontrast .report-select-items .paginated-items, body[class*="theme-"] .report-select-items .item-filters-list, body[class*="theme-"] .report-select-items .item-groups, body[class*="theme-"] .report-select-items .paginated-items { list-style-type: none; } body.highcontrast .report-select-items .item-groups, body.highcontrast .report-select-items .paginated-items, body[class*="theme-"] .report-select-items .item-groups, body[class*="theme-"] .report-select-items .paginated-items { display: flex; flex-wrap: wrap; padding: 0; } body.highcontrast .report-select-items .paginated-items, body[class*="theme-"] .report-select-items .paginated-items { margin-top: 1em; } body.highcontrast .report-select-items .item-search, body[class*="theme-"] .report-select-items .item-search { margin: 0; } body.highcontrast .report-select-items .item-group, body[class*="theme-"] .report-select-items .item-group { margin-right: 40px; } body.highcontrast .report-select-items .item-group-name, body[class*="theme-"] .report-select-items .item-group-name { font-weight: 500; } body.highcontrast .report-select-items .checkbox, body[class*="theme-"] .report-select-items .checkbox { padding: 0 !important; margin: 0; } body.highcontrast .report-select-items .item, body[class*="theme-"] .report-select-items .item { width: 265px; position: relative; } body.highcontrast .report-select-items .item .checkbox, body[class*="theme-"] .report-select-items .item .checkbox { margin-bottom: 2rem; } body.highcontrast .report-select-items .item .checkbox-icon, body[class*="theme-"] .report-select-items .item .checkbox-icon { position: absolute; top: 0; } body.highcontrast .report-select-items .item-title, body[class*="theme-"] .report-select-items .item-title { line-height: 1.5em; position: absolute; top: 0; left: 30px; padding-right: 15px; } body.highcontrast .report-select-items .item-account-number, body[class*="theme-"] .report-select-items .item-account-number { line-height: 1.5em; position: absolute; top: 1.5em; left: 30px; } body.highcontrast .report-select-items .btn-container, body[class*="theme-"] .report-select-items .btn-container { margin: 15px 0; display: flex; flex-direction: row; } body.highcontrast .report-select-items .btn-container q2-btn, body[class*="theme-"] .report-select-items .btn-container q2-btn { flex-grow: 1; width: auto; margin-left: 15px; margin-top: 0; } body.highcontrast .report-select-items .btn-container q2-btn:first-child, body[class*="theme-"] .report-select-items .btn-container q2-btn:first-child { margin-left: 0; } @media screen and (min-width: 768px) { body.highcontrast .report-select-items .item-selection-footer, body[class*="theme-"] .report-select-items .item-selection-footer { display: flex; } body.highcontrast .report-select-items .item-selection-count, body[class*="theme-"] .report-select-items .item-selection-count { flex-grow: 1; margin: 45px 0; line-height: 40px; } body.highcontrast .report-select-items .btn-container, body[class*="theme-"] .report-select-items .btn-container { flex-grow: 1; margin: 45px 0; } } body.highcontrast .enrollment-info, body[class*="theme-"] .enrollment-info { display: flex; flex-direction: row; width: 100%; margin-top: 10%; } @media screen and (max-width: 767px) { body.highcontrast .enrollment-info, body[class*="theme-"] .enrollment-info { align-items: center; flex-direction: column-reverse; margin-top: 0; height: 100%; } } body.highcontrast .enrollment-info .info-container, body[class*="theme-"] .enrollment-info .info-container { display: flex; flex-direction: column; flex-basis: 50%; } body.highcontrast .enrollment-info .info-container q2-btn, body[class*="theme-"] .enrollment-info .info-container q2-btn { margin-top: auto; padding-bottom: var(--app-scale-3); } body.highcontrast .billpay-preview, body.highcontrast .unenroll-warning p, body[class*="theme-"] .billpay-preview, body[class*="theme-"] .unenroll-warning p { padding: 0 10px; } @media screen and (max-width: 767px) { body.highcontrast .enrollment-info .info-container, body[class*="theme-"] .enrollment-info .info-container { flex-basis: auto; flex: 1; } } body.highcontrast .enrollment-info .illustration, body[class*="theme-"] .enrollment-info .illustration { width: 300px; height: 300px; margin: 0 auto; flex-basis: auto; } @media screen and (max-width: 767px) { body.highcontrast .enrollment-info .illustration, body[class*="theme-"] .enrollment-info .illustration { height: 150px; width: 150px; } } body.highcontrast .enrollment-disclaimer, body[class*="theme-"] .enrollment-disclaimer { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } body.highcontrast .enrollment-disclaimer .dynamic-form, body[class*="theme-"] .enrollment-disclaimer .dynamic-form { border: 1px solid var(--uux-CONST_GRAY); } body.highcontrast .enrollment-disclaimer .disclaimer-button-group, body[class*="theme-"] .enrollment-disclaimer .disclaimer-button-group { display: none; } body.highcontrast .enrollment-disclaimer .btn-container, body[class*="theme-"] .enrollment-disclaimer .btn-container { width: 50%; margin-left: auto; } @media screen and (max-width: 767px) { body.highcontrast .enrollment-disclaimer .btn-container, body[class*="theme-"] .enrollment-disclaimer .btn-container { width: 100%; margin-bottom: var(--app-scale-3); } } body.highcontrast .categorize-sidepanel header, body[class*="theme-"] .categorize-sidepanel header { display: grid; grid-template-rows: auto auto; grid-template-columns: 1fr 44px; } body.highcontrast .categorize-sidepanel header .sidebar-title, body[class*="theme-"] .categorize-sidepanel header .sidebar-title { margin: var(--app-scale-3) var(--app-scale-3) 0; grid-row: 1; grid-column: 1; } body.highcontrast .categorize-sidepanel header .sidebar-title p, body[class*="theme-"] .categorize-sidepanel header .sidebar-title p { white-space: normal; } body.highcontrast .categorize-sidepanel header q2-btn, body[class*="theme-"] .categorize-sidepanel header q2-btn { grid-row: 1; grid-column: 2; } body.highcontrast .categorize-sidepanel header q2-input, body[class*="theme-"] .categorize-sidepanel header q2-input { margin: 0 var(--app-scale-3) var(--app-scale-3); grid-row: 2; grid-column: 1 / span 2; } body.highcontrast .categorize-sidepanel .pfm-category-icon, body[class*="theme-"] .categorize-sidepanel .pfm-category-icon { margin-right: 6px; display: flex; } body.highcontrast .enrollment-interstitial, body[class*="theme-"] .enrollment-interstitial { width: 67%; height: 100%; margin: 10% auto 0; display: flex; flex-direction: column; } @media screen and (max-width: 767px) { body.highcontrast .enrollment-interstitial, body[class*="theme-"] .enrollment-interstitial { width: 100%; } } body.highcontrast .enrollment-interstitial .ui-img, body[class*="theme-"] .enrollment-interstitial .ui-img { width: 300px; flex-basis: auto; align-self: center; } body.highcontrast .enrollment-interstitial .btn-container q2-btn, body[class*="theme-"] .enrollment-interstitial .btn-container q2-btn { flex-basis: 50%; } @media screen and (max-width: 767px) { body.highcontrast .enrollment-interstitial .ui-img, body[class*="theme-"] .enrollment-interstitial .ui-img { width: 150px; } body.highcontrast .enrollment-interstitial .btn-container, body[class*="theme-"] .enrollment-interstitial .btn-container { margin-top: auto; } body.highcontrast .enrollment-interstitial .btn-container q2-btn, body[class*="theme-"] .enrollment-interstitial .btn-container q2-btn { flex-basis: 100%; } } body.highcontrast .financial-tools-btn, body.highcontrast .financial-tools-cancel-btn, body[class*="theme-"] .financial-tools-btn, body[class*="theme-"] .financial-tools-cancel-btn { --tct-btn-neutral-border-color: var(--t-primary); --tct-btn-neutral-border-width: 1px; --tct-btn-neutral-font-color: var(--t-primary); --tct-btn-neutral-hover-font-color: var(--t-primary); } body.highcontrast .financial-tools-sheet li, body[class*="theme-"] .financial-tools-sheet li { text-transform: uppercase; } body.highcontrast .financial-tools-settings, body[class*="theme-"] .financial-tools-settings { max-width: 768px; } body.highcontrast .financial-tools-settings .disclaimer-link, body[class*="theme-"] .financial-tools-settings .disclaimer-link { display: inline-flex; align-items: center; } body.highcontrast .financial-tools-settings .disclaimer-link q2-icon, body[class*="theme-"] .financial-tools-settings .disclaimer-link q2-icon { margin-right: 5px; width: 18px; height: 18px; } @media screen and (max-width: 991px) { body.highcontrast .financial-tools-settings, body[class*="theme-"] .financial-tools-settings { width: 100%; } body.highcontrast .financial-tools-settings q2-btn, body[class*="theme-"] .financial-tools-settings q2-btn { margin-top: 15px; } } body.highcontrast .unenroll-warning, body[class*="theme-"] .unenroll-warning { text-align: left; } body.highcontrast .unenroll-warning ul.unenroll-warning-list, body[class*="theme-"] .unenroll-warning ul.unenroll-warning-list { padding: 0 30px; list-style: disc; margin-bottom: 10px; } body.highcontrast .financial-tools-settings-disclaimer .dynamic-form, body[class*="theme-"] .financial-tools-settings-disclaimer .dynamic-form { padding: 0 15px; } body.highcontrast .financial-tools-settings-disclaimer .eula-content h2, body[class*="theme-"] .financial-tools-settings-disclaimer .eula-content h2 { margin: 0; } body.highcontrast .financial-tools-settings-disclaimer .disclaimer-button-group, body[class*="theme-"] .financial-tools-settings-disclaimer .disclaimer-button-group { display: none; } body.highcontrast .loading-spinner-div, body[class*="theme-"] .loading-spinner-div { margin: 50px auto 320px; } body.highcontrast .loading-spinner, body[class*="theme-"] .loading-spinner { margin-bottom: 30px; margin-left: 75px; } body.highcontrast q2-section.cpfm-call-to-action, body[class*="theme-"] q2-section.cpfm-call-to-action { height: 80px; cursor: pointer; padding-top: 5px; } body.highcontrast q2-section.cpfm-call-to-action .banner-section, body[class*="theme-"] q2-section.cpfm-call-to-action .banner-section { display: grid; grid-template-columns: 40px 1fr auto; } body.highcontrast q2-section.cpfm-call-to-action .banner-icon, body[class*="theme-"] q2-section.cpfm-call-to-action .banner-icon { grid-column: 1/2; -ms-grid-column: 1; -ms-grid-row: 1; } body.highcontrast q2-section.cpfm-call-to-action .banner-header, body[class*="theme-"] q2-section.cpfm-call-to-action .banner-header { display: inline-block; margin: 0; } body.highcontrast q2-section.cpfm-call-to-action .bottom-banner-div, body[class*="theme-"] q2-section.cpfm-call-to-action .bottom-banner-div { display: flex; } body.highcontrast q2-section.cpfm-call-to-action .p-banner-text, body[class*="theme-"] q2-section.cpfm-call-to-action .p-banner-text { color: var(--uux-app-textColor); margin: 0; } body.highcontrast q2-section.cpfm-call-to-action .banner-content, body[class*="theme-"] q2-section.cpfm-call-to-action .banner-content { grid-column: 2/3; -ms-grid-column: 2; -ms-grid-row: 1; } body.highcontrast q2-section.cpfm-call-to-action .banner-button, body[class*="theme-"] q2-section.cpfm-call-to-action .banner-button { --tct-btn-neutral-border-color: var(--t-primary); --tct-btn-neutral-border-width: 1px; --tct-btn-neutral-font-color: var(--t-primary); --tct-btn-neutral-hover-font-color: var(--t-primary); -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3/4; } @media screen and (max-width: 767px) { body.highcontrast q2-section.cpfm-call-to-action, body[class*="theme-"] q2-section.cpfm-call-to-action { height: auto; } body.highcontrast q2-section.cpfm-call-to-action .p-banner-text, body[class*="theme-"] q2-section.cpfm-call-to-action .p-banner-text { color: var(--uux-app-textColor); margin-bottom: 10px; } body.highcontrast q2-section.cpfm-call-to-action .banner-button, body[class*="theme-"] q2-section.cpfm-call-to-action .banner-button { grid-row: 2/3; -ms-grid-row: 2; grid-column: 2/3; -ms-grid-column: 2; width: 100px; } } body.highcontrast .pfm-category-icon .category-button, body[class*="theme-"] .pfm-category-icon .category-button { --tct-btn-neutral-border-width: 2px; --tct-btn-icon-border-radius: 50%; --tct-btn-icon-height: 32px; --tct-btn-icon-width: 32px; --tct-btn-padding: 0; --tct-btn-neutral-box-shadow: 0; --tct-btn-neutral-bg: transparent; --tct-btn-neutral-hover-bg: transparent; } body.highcontrast .pfm-category-icon .category-button.category-button-car, body[class*="theme-"] .pfm-category-icon .category-button.category-button-car { --tct-btn-neutral-border-color: var(--t-accent-8-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-8-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-lightbulb, body[class*="theme-"] .pfm-category-icon .category-button.category-button-lightbulb { --tct-btn-neutral-border-color: var(--t-accent-2); --tct-btn-neutral-hover-border-color: var(--t-accent-2); } body.highcontrast .pfm-category-icon .category-button.category-button-briefcase, body[class*="theme-"] .pfm-category-icon .category-button.category-button-briefcase { --tct-btn-neutral-border-color: var(--t-accent-6-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-6-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-graduation-cap, body[class*="theme-"] .pfm-category-icon .category-button.category-button-graduation-cap { --tct-btn-neutral-border-color: var(--t-accent-2-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-2-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-music, body[class*="theme-"] .pfm-category-icon .category-button.category-button-music { --tct-btn-neutral-border-color: var(--t-accent-10-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-10-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-warning, body[class*="theme-"] .pfm-category-icon .category-button.category-button-warning { --tct-btn-neutral-border-color: var(--t-accent-12-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-12-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-coins, body[class*="theme-"] .pfm-category-icon .category-button.category-button-coins { --tct-btn-neutral-border-color: var(--t-accent-7-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-7-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-silverware, body[class*="theme-"] .pfm-category-icon .category-button.category-button-silverware { --tct-btn-neutral-border-color: var(--t-accent-6-d1); --tct-btn-neutral-hover-border-color: var(--t-accent-6-d1); } body.highcontrast .pfm-category-icon .category-button.category-button-gift, body[class*="theme-"] .pfm-category-icon .category-button.category-button-gift { --tct-btn-neutral-border-color: var(--t-accent-8-d1); --tct-btn-neutral-hover-border-color: var(--t-accent-8-d1); } body.highcontrast .pfm-category-icon .category-button.category-button-health, body[class*="theme-"] .pfm-category-icon .category-button.category-button-health { --tct-btn-neutral-border-color: var(--t-accent-10-d1); --tct-btn-neutral-hover-border-color: var(--t-accent-10-d1); } body.highcontrast .pfm-category-icon .category-button.category-button-home-chimney, body[class*="theme-"] .pfm-category-icon .category-button.category-button-home-chimney { --tct-btn-neutral-border-color: var(--t-accent-3-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-3-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-cash, body[class*="theme-"] .pfm-category-icon .category-button.category-button-cash { --tct-btn-neutral-border-color: var(--t-accent-9-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-9-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-gold-bars, body[class*="theme-"] .pfm-category-icon .category-button.category-button-gold-bars { --tct-btn-neutral-border-color: var(--t-accent-1-l1); --tct-btn-neutral-hover-border-color: var(--t-accent-1-l1); } body.highcontrast .pfm-category-icon .category-button.category-button-bicycle, body[class*="theme-"] .pfm-category-icon .category-button.category-button-bicycle { --tct-btn-neutral-border-color: var(--t-accent-6); --tct-btn-neutral-hover-border-color: var(--t-accent-6); } body.highcontrast .pfm-category-icon .category-button.category-button-personal-care, body[class*="theme-"] .pfm-category-icon .category-button.category-button-personal-care { --tct-btn-neutral-border-color: var(--t-accent-6-d1); --tct-btn-neutral-hover-border-color: var(--t-accent-6-d1); } body.highcontrast .pfm-category-icon .category-button.category-button-paw, body[class*="theme-"] .pfm-category-icon .category-button.category-button-paw { --tct-btn-neutral-border-color: var(--t-accent-10); --tct-btn-neutral-hover-border-color: var(--t-accent-10); } body.highcontrast .pfm-category-icon .category-button.category-button-cart-moving, body[class*="theme-"] .pfm-category-icon .category-button.category-button-cart-moving { --tct-btn-neutral-border-color: var(--t-accent-12); --tct-btn-neutral-hover-border-color: var(--t-accent-12); } body.highcontrast .pfm-category-icon .category-button.category-button-calculator, body[class*="theme-"] .pfm-category-icon .category-button.category-button-calculator { --tct-btn-neutral-border-color: var(--t-accent-8); --tct-btn-neutral-hover-border-color: var(--t-accent-8); } body.highcontrast .pfm-category-icon .category-button.category-button-transfer, body[class*="theme-"] .pfm-category-icon .category-button.category-button-transfer { --tct-btn-neutral-border-color: var(--t-gray9); --tct-btn-neutral-hover-border-color: var(--t-gray9); } body.highcontrast .pfm-category-icon .category-button.category-button-airplane, body[class*="theme-"] .pfm-category-icon .category-button.category-button-airplane { --tct-btn-neutral-border-color: var(--t-accent-2-d1); --tct-btn-neutral-hover-border-color: var(--t-accent-2-d1); } body.highcontrast .pfm-category-icon .category-button.category-button-question, body[class*="theme-"] .pfm-category-icon .category-button.category-button-question { --tct-btn-neutral-border-color: var(--t-accent-1); --tct-btn-neutral-hover-border-color: var(--t-accent-1); } body.highcontrast .pfm-category-icon .category-button.category-button-split, body[class*="theme-"] .pfm-category-icon .category-button.category-button-split { --tct-btn-neutral-border-color: var(--t-gray7); --tct-btn-neutral-hover-border-color: var(--t-gray7); } body.highcontrast .pfm-category-icon .category-button.category-button-repeat-time, body[class*="theme-"] .pfm-category-icon .category-button.category-button-repeat-time { --tct-btn-neutral-border-color: var(--t-gray9); --tct-btn-neutral-hover-border-color: var(--t-gray9); } body.highcontrast .pfm-category-icon .category-button.category-button-prohibited, body[class*="theme-"] .pfm-category-icon .category-button.category-button-prohibited { --tct-btn-neutral-border-color: var(--t-accent-1); --tct-btn-neutral-hover-border-color: var(--t-accent-1); } body.highcontrast .pfm-category-icon .category-icon-car, body[class*="theme-"] .pfm-category-icon .category-icon-car { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-8-l1); --tct-icon-stroke-primary: var(--t-accent-8-l1); --t-icon-stroke-secondary: var(--t-accent-8-l1); --tct-icon-stroke-secondary: var(--t-accent-8-l1); } body.highcontrast .pfm-category-icon .category-icon-lightbulb, body[class*="theme-"] .pfm-category-icon .category-icon-lightbulb { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-2); --tct-icon-stroke-primary: var(--t-accent-2); --t-icon-stroke-secondary: var(--t-accent-2); --tct-icon-stroke-secondary: var(--t-accent-2); } body.highcontrast .pfm-category-icon .category-icon-briefcase, body[class*="theme-"] .pfm-category-icon .category-icon-briefcase { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-6-l1); --tct-icon-stroke-primary: var(--t-accent-6-l1); --t-icon-stroke-secondary: var(--t-accent-6-l1); --tct-icon-stroke-secondary: var(--t-accent-6-l1); } body.highcontrast .pfm-category-icon .category-icon-graduation-cap, body[class*="theme-"] .pfm-category-icon .category-icon-graduation-cap { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-2-l1); --tct-icon-stroke-primary: var(--t-accent-2-l1); --t-icon-stroke-secondary: var(--t-accent-2-l1); --tct-icon-stroke-secondary: var(--t-accent-2-l1); } body.highcontrast .pfm-category-icon .category-icon-music, body[class*="theme-"] .pfm-category-icon .category-icon-music { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-10-l1); --tct-icon-stroke-primary: var(--t-accent-10-l1); --t-icon-stroke-secondary: var(--t-accent-10-l1); --tct-icon-stroke-secondary: var(--t-accent-10-l1); } body.highcontrast .pfm-category-icon .category-icon-warning, body[class*="theme-"] .pfm-category-icon .category-icon-warning { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-12-l1); --tct-icon-stroke-primary: var(--t-accent-12-l1); --t-icon-stroke-secondary: var(--t-accent-12-l1); --tct-icon-stroke-secondary: var(--t-accent-12-l1); } body.highcontrast .pfm-category-icon .category-icon-coins, body[class*="theme-"] .pfm-category-icon .category-icon-coins { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-7-l1); --tct-icon-stroke-primary: var(--t-accent-7-l1); --t-icon-stroke-secondary: var(--t-accent-7-l1); --tct-icon-stroke-secondary: var(--t-accent-7-l1); } body.highcontrast .pfm-category-icon .category-icon-silverware, body[class*="theme-"] .pfm-category-icon .category-icon-silverware { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-6-d1); --tct-icon-stroke-primary: var(--t-accent-6-d1); --t-icon-stroke-secondary: var(--t-accent-6-d1); --tct-icon-stroke-secondary: var(--t-accent-6-d1); } body.highcontrast .pfm-category-icon .category-icon-gift, body[class*="theme-"] .pfm-category-icon .category-icon-gift { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-8-d1); --tct-icon-stroke-primary: var(--t-accent-8-d1); --t-icon-stroke-secondary: var(--t-accent-8-d1); --tct-icon-stroke-secondary: var(--t-accent-8-d1); } body.highcontrast .pfm-category-icon .category-icon-health, body[class*="theme-"] .pfm-category-icon .category-icon-health { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-10-d1); --tct-icon-stroke-primary: var(--t-accent-10-d1); --t-icon-stroke-secondary: var(--t-accent-10-d1); --tct-icon-stroke-secondary: var(--t-accent-10-d1); } body.highcontrast .pfm-category-icon .category-icon-home-chimney, body[class*="theme-"] .pfm-category-icon .category-icon-home-chimney { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-3-l1); --tct-icon-stroke-primary: var(--t-accent-3-l1); --t-icon-stroke-secondary: var(--t-accent-3-l1); --tct-icon-stroke-secondary: var(--t-accent-3-l1); } body.highcontrast .pfm-category-icon .category-icon-cash, body[class*="theme-"] .pfm-category-icon .category-icon-cash { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-9-l1); --tct-icon-stroke-primary: var(--t-accent-9-l1); --t-icon-stroke-secondary: var(--t-accent-9-l1); --tct-icon-stroke-secondary: var(--t-accent-9-l1); } body.highcontrast .pfm-category-icon .category-icon-gold-bars, body[class*="theme-"] .pfm-category-icon .category-icon-gold-bars { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-1-l1); --tct-icon-stroke-primary: var(--t-accent-1-l1); --t-icon-stroke-secondary: var(--t-accent-1-l1); --tct-icon-stroke-secondary: var(--t-accent-1-l1); } body.highcontrast .pfm-category-icon .category-icon-bicycle, body[class*="theme-"] .pfm-category-icon .category-icon-bicycle { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-6); --tct-icon-stroke-primary: var(--t-accent-6); --t-icon-stroke-secondary: var(--t-accent-6); --tct-icon-stroke-secondary: var(--t-accent-6); } body.highcontrast .pfm-category-icon .category-icon-personal-care, body[class*="theme-"] .pfm-category-icon .category-icon-personal-care { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-6-d1); --tct-icon-stroke-primary: var(--t-accent-6-d1); --t-icon-stroke-secondary: var(--t-accent-6-d1); --tct-icon-stroke-secondary: var(--t-accent-6-d1); } body.highcontrast .pfm-category-icon .category-icon-paw, body[class*="theme-"] .pfm-category-icon .category-icon-paw { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-10); --tct-icon-stroke-primary: var(--t-accent-10); --t-icon-stroke-secondary: var(--t-accent-10); --tct-icon-stroke-secondary: var(--t-accent-10); } body.highcontrast .pfm-category-icon .category-icon-cart-moving, body[class*="theme-"] .pfm-category-icon .category-icon-cart-moving { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-12); --tct-icon-stroke-primary: var(--t-accent-12); --t-icon-stroke-secondary: var(--t-accent-12); --tct-icon-stroke-secondary: var(--t-accent-12); } body.highcontrast .pfm-category-icon .category-icon-calculator, body[class*="theme-"] .pfm-category-icon .category-icon-calculator { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-8); --tct-icon-stroke-primary: var(--t-accent-8); --t-icon-stroke-secondary: var(--t-accent-8); --tct-icon-stroke-secondary: var(--t-accent-8); } body.highcontrast .pfm-category-icon .category-icon-transfer, body[class*="theme-"] .pfm-category-icon .category-icon-transfer { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-gray9); --tct-icon-stroke-primary: var(--t-gray9); --t-icon-stroke-secondary: var(--t-gray9); --tct-icon-stroke-secondary: var(--t-gray9); } body.highcontrast .pfm-category-icon .category-icon-airplane, body[class*="theme-"] .pfm-category-icon .category-icon-airplane { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-2-d1); --tct-icon-stroke-primary: var(--t-accent-2-d1); --t-icon-stroke-secondary: var(--t-accent-2-d1); --tct-icon-stroke-secondary: var(--t-accent-2-d1); } body.highcontrast .pfm-category-icon .category-icon-question, body[class*="theme-"] .pfm-category-icon .category-icon-question { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-1); --tct-icon-stroke-primary: var(--t-accent-1); --t-icon-stroke-secondary: var(--t-accent-1); --tct-icon-stroke-secondary: var(--t-accent-1); } body.highcontrast .pfm-category-icon .category-icon-split, body[class*="theme-"] .pfm-category-icon .category-icon-split { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-gray7); --tct-icon-stroke-primary: var(--t-gray7); --t-icon-stroke-secondary: var(--t-gray7); --tct-icon-stroke-secondary: var(--t-gray7); } body.highcontrast .pfm-category-icon .category-icon-repeat-time, body[class*="theme-"] .pfm-category-icon .category-icon-repeat-time { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-gray9); --tct-icon-stroke-primary: var(--t-gray9); --t-icon-stroke-secondary: var(--t-gray9); --tct-icon-stroke-secondary: var(--t-gray9); } body.highcontrast .pfm-category-icon .category-icon-prohibited, body[class*="theme-"] .pfm-category-icon .category-icon-prohibited { --tct-icon-size: 18px; --tct-icon-stroke-width: 1.5px; --t-icon-stroke-primary: var(--t-accent-1); --tct-icon-stroke-primary: var(--t-accent-1); --t-icon-stroke-secondary: var(--t-accent-1); --tct-icon-stroke-secondary: var(--t-accent-1); } body.highcontrast .currency.currency-asset.currency-negative, body[class*="theme-"] .currency.currency-asset.currency-negative { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .currency.currency-debt.currency-negative, body[class*="theme-"] .currency.currency-debt.currency-negative { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .currency.currency-debt.currency-negative.currency-flipped, body[class*="theme-"] .currency.currency-debt.currency-negative.currency-flipped { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .currency.currency-retail.currency-positive.currency-transaction, body.highcontrast .currency.currency-standard.currency-positive.currency-transaction, body[class*="theme-"] .currency.currency-retail.currency-positive.currency-transaction, body[class*="theme-"] .currency.currency-standard.currency-positive.currency-transaction { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .main-page-container, body[class*="theme-"] .main-page-container { padding: 0; width: 100%; max-width: var(--uux-desktop-contentWrapperWidth); } @media screen and (max-width: 1280px) { body.highcontrast .main-page-container, body[class*="theme-"] .main-page-container { padding: 0; } } body.highcontrast .main-page-container .navbar-text, body[class*="theme-"] .main-page-container .navbar-text { margin: 0; } body.highcontrast .main-page-container .navbar-text > .valign, body[class*="theme-"] .main-page-container .navbar-text > .valign { height: 62px; } body.highcontrast ul.hdr-actions .link-icon-component, body[class*="theme-"] ul.hdr-actions .link-icon-component { color: var(--uux-app-contentPanelContrast) !important; } body.highcontrast ul.hdr-actions .link-icon-component.selected, body[class*="theme-"] ul.hdr-actions .link-icon-component.selected { color: var(--uux-app-linkColor); } body.highcontrast .link-icon-component, body.highcontrast .link-icon-component:active, body.highcontrast .link-icon-component:focus, body.highcontrast .link-icon-component:hover, body[class*="theme-"] .link-icon-component, body[class*="theme-"] .link-icon-component:active, body[class*="theme-"] .link-icon-component:focus, body[class*="theme-"] .link-icon-component:hover { text-decoration: none; } body.highcontrast .link-icon-component:active > .link-icon-text, body.highcontrast .link-icon-component:focus > .link-icon-text, body.highcontrast .link-icon-component:hover > .link-icon-text, body.highcontrast .resource-header .select-resource .resource:hover, body[class*="theme-"] .link-icon-component:active > .link-icon-text, body[class*="theme-"] .link-icon-component:focus > .link-icon-text, body[class*="theme-"] .link-icon-component:hover > .link-icon-text, body[class*="theme-"] .resource-header .select-resource .resource:hover { text-decoration: underline; } body.highcontrast .link-icon-component > .link-icon, body[class*="theme-"] .link-icon-component > .link-icon { font-size: 21px; line-height: 21px; position: relative; vertical-align: text-top; } body.highcontrast .link-icon-component > .link-icon:before, body[class*="theme-"] .link-icon-component > .link-icon:before { margin-left: 0; margin-right: 0.1em; position: relative; left: 4px; } body.highcontrast .link-icon-component > .icon-angle-down, body.highcontrast .link-icon-component > .icon-angle-up, body[class*="theme-"] .link-icon-component > .icon-angle-down, body[class*="theme-"] .link-icon-component > .icon-angle-up { top: 0; } body.highcontrast .alert-msg, body[class*="theme-"] .alert-msg { background-color: var(--uux-theme-primaryHighlight); color: var(--uux-theme-primaryHighlightBg); margin: 0; text-align: center; } body.highcontrast .alert-msg > p, body[class*="theme-"] .alert-msg > p { margin: 0; } body.highcontrast .alert-msg a, body[class*="theme-"] .alert-msg a { color: var(--uux-theme-primaryHighlightBg); } body.highcontrast .alert-msg a:hover, body[class*="theme-"] .alert-msg a:hover { color: var(--uux-theme-whiteNeutral); } body.highcontrast .alert-msg.muted a, body.highcontrast .alert-msg.transparent a, body[class*="theme-"] .alert-msg.muted a, body[class*="theme-"] .alert-msg.transparent a { color: var(--t-primary-l1); } body.highcontrast .alert-msg.muted a:hover, body.highcontrast .alert-msg.transparent a:hover, body[class*="theme-"] .alert-msg.muted a:hover, body[class*="theme-"] .alert-msg.transparent a:hover { color: var(--uux-theme-primaryHighlight); } body.highcontrast .alert-msg.alert-success, body[class*="theme-"] .alert-msg.alert-success { background-color: var(--uux-theme-success); color: var(--uux-theme-successContrast); } body.highcontrast .alert-msg.alert-success a, body[class*="theme-"] .alert-msg.alert-success a { color: var(--t-base-a3); } body.highcontrast .alert-msg.alert-success a:hover, body[class*="theme-"] .alert-msg.alert-success a:hover { color: var(--uux-theme-successContrast); } body.highcontrast .alert-msg.alert-danger, body[class*="theme-"] .alert-msg.alert-danger { background-color: var(--uux-theme-danger); color: var(--uux-theme-dangerContrast); } body.highcontrast .alert-msg.alert-danger a, body[class*="theme-"] .alert-msg.alert-danger a { color: var(--t-base-a3); } body.highcontrast .alert-msg.alert-danger a:hover, body[class*="theme-"] .alert-msg.alert-danger a:hover { color: var(--uux-theme-dangerContrast); } body.highcontrast .alert-msg.alert-warning, body[class*="theme-"] .alert-msg.alert-warning { background-color: var(--uux-theme-warning); color: var(--uux-theme-warningContrast); } body.highcontrast .alert-msg.alert-warning a, body[class*="theme-"] .alert-msg.alert-warning a { color: var(--t-top-a3); } body.highcontrast .alert-msg.alert-warning a:hover, body[class*="theme-"] .alert-msg.alert-warning a:hover { color: var(--uux-theme-warningContrast); } body.highcontrast .alert-msg.muted, body[class*="theme-"] .alert-msg.muted { background-color: var(--uux-app-contentBg); color: var(--t-gray9); } body.highcontrast .alert-msg.transparent, body[class*="theme-"] .alert-msg.transparent { background-color: var(--t-base-a0); color: var(--t-gray9); } body.highcontrast .alert-msg.alert-msg-no-gutter, body[class*="theme-"] .alert-msg.alert-msg-no-gutter { margin-left: -15px; margin-right: -15px; } body.highcontrast .alert-msg.wide, body[class*="theme-"] .alert-msg.wide { padding-left: 1em; padding-right: 1em; } body.highcontrast .alerts-results, body[class*="theme-"] .alerts-results { font-size: 15px; } body.highcontrast .alerts-results .btn, body[class*="theme-"] .alerts-results .btn { border: 0; } body.highcontrast .alert-wrap, body[class*="theme-"] .alert-wrap { word-wrap: break-word; } body.highcontrast .alert-radio-group, body[class*="theme-"] .alert-radio-group { margin: 0 0 30px; } body.highcontrast .alert-radio-group label, body[class*="theme-"] .alert-radio-group label { font-weight: 400; text-transform: capitalize; } body.highcontrast .alert-radio-small, body[class*="theme-"] .alert-radio-small { flex-grow: 0; flex-basis: 100px; flex-wrap: wrap; max-width: calc(50% - 15px); padding: 10px 0; } body.highcontrast .alert-radio-small label, body[class*="theme-"] .alert-radio-small label { padding: 5px 0; } body.highcontrast .alert-radio, body[class*="theme-"] .alert-radio { flex-basis: 231px; flex-grow: 1; flex-wrap: wrap; max-width: calc(50% - 15px); padding: 10px 0 0; } @media screen and (min-width: 992px) { body.highcontrast .alert-radio, body[class*="theme-"] .alert-radio { flex-basis: 140px; } } body.highcontrast .alert-radio label, body[class*="theme-"] .alert-radio label { padding: 20px 0; } body.highcontrast .notification_container, body[class*="theme-"] .notification_container { max-width: 185px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .alert-message_container, body[class*="theme-"] .alert-message_container { display: block; height: 0; left: 0; margin: 0; overflow: hidden; padding: 0; position: fixed; top: 0; width: 100%; z-index: 2; } body.highcontrast .alert-message_container > .alert-message_content, body[class*="theme-"] .alert-message_container > .alert-message_content { transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; border: 0; border-radius: 0; margin: 0; padding-right: 0; padding-left: 0; } body.highcontrast .alert-message_container > .is-closable, body[class*="theme-"] .alert-message_container > .is-closable { position: relative; } body.highcontrast .alert-message_container .alert-default, body[class*="theme-"] .alert-message_container .alert-default { background-color: var(--t-base-a0); } body.highcontrast .alert-message_container.static-alert, body[class*="theme-"] .alert-message_container.static-alert { height: auto; } body.highcontrast .alert-message_container.hasToast, body[class*="theme-"] .alert-message_container.hasToast { --margins-width: calc(100vw - var(--uux-app-maxWidth) - 15px); --margin-width: calc(var(--margins-width) / 2); width: 410px; left: auto; right: var(--margin-width); pointer-events: none; } @media (max-width: 1295px) { body.highcontrast .alert-message_container.hasToast, body[class*="theme-"] .alert-message_container.hasToast { right: 0; } } @media (max-width: 410px) { body.highcontrast .alert-message_container.hasToast, body[class*="theme-"] .alert-message_container.hasToast { width: 100%; } } body.highcontrast .alert-message_container > .alert-message_content.is-toast, body[class*="theme-"] .alert-message_container > .alert-message_content.is-toast { transition: none; padding: 0; background-color: var(--t-base-a0); } body.highcontrast .alert-message_content p, body[class*="theme-"] .alert-message_content p { margin: 0 20px; } body.highcontrast .alert-message_content p + p, body[class*="theme-"] .alert-message_content p + p { margin-top: 10px; } body.highcontrast .application-alert-container, body[class*="theme-"] .application-alert-container { z-index: 100; } body.highcontrast .login-inner .login-alert-message, body[class*="theme-"] .login-inner .login-alert-message { padding: 0 0 20px; position: relative; } body.highcontrast .login-inner .login-alert-message .alert-message_inner, body[class*="theme-"] .login-inner .login-alert-message .alert-message_inner { max-width: 418px; text-align: left; margin: 0 auto; } body.highcontrast .login-inner .login-alert-message .alert-message_inner .alert-message_sizer, body[class*="theme-"] .login-inner .login-alert-message .alert-message_inner .alert-message_sizer { display: none; } body.highcontrast .login-inner .login-alert-message .alert-message_inner .ui-icon, body[class*="theme-"] .login-inner .login-alert-message .alert-message_inner .ui-icon { font-size: 22px; } body.highcontrast .login-inner .login-alert-message .static-alert, body[class*="theme-"] .login-inner .login-alert-message .static-alert { position: absolute; top: 0; } body.highcontrast .login-inner .login-alert-message.login-static-alert, body.highcontrast .login-inner .login-alert-message.login-static-alert .static-alert, body[class*="theme-"] .login-inner .login-alert-message.login-static-alert, body[class*="theme-"] .login-inner .login-alert-message.login-static-alert .static-alert { position: static; } body.highcontrast .overpanel-alert-container .alert-message_inner, body[class*="theme-"] .overpanel-alert-container .alert-message_inner { max-width: 854px; text-align: center; } body.highcontrast .alert, body[class*="theme-"] .alert { padding: 6px 0 5px; } @media (max-width: 767px) { body.highcontrast .overpanel-alert-container .alert-message-inner, body[class*="theme-"] .overpanel-alert-container .alert-message-inner { max-width: 748px; } body.highcontrast .application-alert-container, body[class*="theme-"] .application-alert-container { top: var(--uux-app-headerHeight); } body.highcontrast q2-section.last-of-type, body[class*="theme-"] q2-section.last-of-type { margin-bottom: 0; } } body.highcontrast .desktop .application-alert-container, body.highcontrast.desktop .disclaimer-content, body[class*="theme-"] .desktop .application-alert-container, body[class*="theme-"].desktop .disclaimer-content { top: var(--uux-desktop-verticalNavHeaderHeight); } body.highcontrast .desktop .alert-msg, body[class*="theme-"] .desktop .alert-msg { margin: 0 auto; max-width: var(--uux-app-maxWidth); } body.highcontrast .phone .alert-message_container, body[class*="theme-"] .phone .alert-message_container { top: 0; } body.highcontrast .alerts-list, body.highcontrast .security-alerts-list, body[class*="theme-"] .alerts-list, body[class*="theme-"] .security-alerts-list { padding: 0; list-style: none; } body.highcontrast .alerts-list li + li, body.highcontrast .security-alerts-list li + li, body[class*="theme-"] .alerts-list li + li, body[class*="theme-"] .security-alerts-list li + li { margin-top: 1rem; } body.highcontrast .alerts-list p, body.highcontrast .security-alerts-list p, body[class*="theme-"] .alerts-list p, body[class*="theme-"] .security-alerts-list p { margin: 0; } body.highcontrast .alerts-list p + p, body.highcontrast .security-alerts-list p + p, body[class*="theme-"] .alerts-list p + p, body[class*="theme-"] .security-alerts-list p + p { margin-top: 10px; } body.highcontrast .create-sso-alert, body[class*="theme-"] .create-sso-alert { display: flex; align-items: center; } body.highcontrast .create-sso-alert .ssoAlertSvg, body[class*="theme-"] .create-sso-alert .ssoAlertSvg { flex-grow: 1; display: flex; justify-content: flex-end; } body.highcontrast .create-sso-alert .ssoAlertDescription, body[class*="theme-"] .create-sso-alert .ssoAlertDescription { flex-basis: 50%; display: flex; flex-direction: column; align-items: center; } body.highcontrast .create-sso-alert .ssoAlertDescription p, body[class*="theme-"] .create-sso-alert .ssoAlertDescription p { text-align: center; } body.highcontrast .create-sso-alert .ssoAlertDescription q2-btn, body[class*="theme-"] .create-sso-alert .ssoAlertDescription q2-btn { padding-top: var(--app-scale-2); padding-bottom: var(--app-scale-3); } @media screen and (max-width: 767px) { body.highcontrast .create-sso-alert, body[class*="theme-"] .create-sso-alert { flex-direction: column; } body.highcontrast .create-sso-alert .ssoAlertDescription, body[class*="theme-"] .create-sso-alert .ssoAlertDescription { display: flex; flex-direction: column; } body.highcontrast .create-sso-alert .ssoAlertDescription q2-btn, body[class*="theme-"] .create-sso-alert .ssoAlertDescription q2-btn { align-self: center; } } body.highcontrast .tuncateString, body[class*="theme-"] .tuncateString { max-width: 290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast.settings-alerts q2-loading, body[class*="theme-"].settings-alerts q2-loading { left: calc(50% - 22.5px); position: fixed; top: calc(50% - 45px); } @media screen and (min-width: 1280px) { body.highcontrast.settings-alerts q2-loading, body[class*="theme-"].settings-alerts q2-loading { left: calc(50% + 105.5px); } } body.highcontrast.settings-alerts q2-section h1, body.highcontrast.settings-alerts q2-section h2, body[class*="theme-"].settings-alerts q2-section h1, body[class*="theme-"].settings-alerts q2-section h2 { padding: 0; margin: 0; } body.highcontrast.settings-alerts q2-section .alerts-page-header, body[class*="theme-"].settings-alerts q2-section .alerts-page-header { align-items: center; display: flex; justify-content: space-between; } body.highcontrast.settings-alerts q2-section .ui-dropdown, body[class*="theme-"].settings-alerts q2-section .ui-dropdown { display: inline-block; } body.highcontrast .sms-error-icon, body[class*="theme-"] .sms-error-icon { color: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_ALERT); top: 6px; margin-left: 2px; } body.highcontrast .sms-terms-label, body[class*="theme-"] .sms-terms-label { line-height: 38px; } body.highcontrast .alerts-spinner, body[class*="theme-"] .alerts-spinner { width: 100%; align-items: center; justify-content: center; display: flex; position: absolute; top: 50%; } body.highcontrast .toast-container, body[class*="theme-"] .toast-container { width: 100%; display: flex; justify-content: right; } body.highcontrast .toast-container .toast, body[class*="theme-"] .toast-container .toast { background: var(--uux-CONST_WHITE); color: var(--t-text); box-shadow: var(--t-box-shadow-3); border: 0; border-radius: 4px; width: 100%; max-width: 380px; margin-top: 15px; margin-right: 15px; margin-left: 15px; } body.highcontrast .toast-container .toast .toast-message_inner, body[class*="theme-"] .toast-container .toast .toast-message_inner { margin: 0 auto; display: flex; padding: 0; pointer-events: auto; } body.highcontrast .toast-container .toast .toast-message_inner .toast-content, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-content { width: 100%; } body.highcontrast .toast-container .toast .toast-message_inner .toast-line, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-line { width: 6px; border-radius: 4px 0 0 4px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-line.toast-line-info, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-line.toast-line-info { background-color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .toast-container .toast .toast-message_inner .toast-line.toast-line-error, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-line.toast-line-error { background-color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .toast-container .toast .toast-message_inner .toast-line.toast-line-success, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-line.toast-line-success { background-color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast .toast-container .toast .toast-message_inner .toast-line.toast-line-warning, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-line.toast-line-warning { background-color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .toast-container .toast .toast-message_inner .toast-row, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-row { margin: 0; padding: 0; display: flex; justify-content: space-between; width: 100%; } body.highcontrast .toast-container .toast .toast-message_inner .toast-icon, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-icon { width: 24px; height: 24px; font-size: 24px; margin: 12px 10px 13px 5px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-text, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-text { display: inline-block; text-align: left; font-family: OpenSans; font-weight: 400; font-size: 14px; color: var(--t-text); line-height: 19px; margin-top: 15px; margin-bottom: 15px; width: 100%; max-width: 291px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-text button, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-text button { text-align: left; font-family: OpenSans; font-weight: 400; font-size: 14px; color: var(--t-text); line-height: 19px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-text .toast-header, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-text .toast-header { line-height: 20px; margin-top: 0; margin-bottom: 5px; font-family: OpenSans; font-size: 16px; font-weight: 600; } body.highcontrast .toast-container .toast .toast-message_inner .toast-close-btn, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-close-btn { width: 44px; height: 44px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-close-btn .close q2-icon, body.highcontrast .toast-container .toast .toast-message_inner .toast-close-btn button, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-close-btn .close q2-icon, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-close-btn button { width: 14px; height: 14px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-close-btn .close, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-close-btn .close { padding: 0; margin: 15px 15px 0; font-size: 14px; } body.highcontrast .toast-container .toast .toast-message_inner .toast-timestamp, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-timestamp { margin: 0 0 10px 40px; font-size: 12px; color: var(--t-gray9); display: flex; } body.highcontrast .toast-container .toast .toast-message_inner .toast-action, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-action { margin: 0 0 10px; display: flex; } body.highcontrast .toast-container .toast .toast-message_inner .toast-action .toast-action-text, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-action .toast-action-text { font-family: OpenSans; font-size: 14px; line-height: 14px; font-weight: 400; color: var(--t-primary); margin-right: 15px; max-width: 156px; max-height: 14px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .toast-container .toast .toast-message_inner .toast-action .toast-action-divider, body[class*="theme-"] .toast-container .toast .toast-message_inner .toast-action .toast-action-divider { background-color: var(--t-gray9); width: 1px; margin-right: 15px; } body.highcontrast .check-images-container, body[class*="theme-"] .check-images-container { position: relative; margin: 0 auto; text-align: center; } body.highcontrast .check-images-container:after, body.highcontrast .check-images-container:before, body[class*="theme-"] .check-images-container:after, body[class*="theme-"] .check-images-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .check-images-container:after, body[class*="theme-"] .check-images-container:after { clear: both; } body.highcontrast .check-images-container.rdc, body[class*="theme-"] .check-images-container.rdc { display: block; } body.highcontrast .check-images-thumb, body[class*="theme-"] .check-images-thumb { position: relative; width: 100%; padding-top: 50%; overflow: hidden; background: var(--uux-theme-grayLighterNeutral); border: 1px solid var(--uux-theme-grayLightNeutral); } body.highcontrast .check-images-thumb > .image-viewer-container, body.highcontrast .check-images-thumb > img, body[class*="theme-"] .check-images-thumb > .image-viewer-container, body[class*="theme-"] .check-images-thumb > img { position: absolute; top: 50%; left: 50%; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%); } body.highcontrast .check-images-thumb > .image-viewer-container, body[class*="theme-"] .check-images-thumb > .image-viewer-container { width: 100%; } body.highcontrast .check-images-controls, body.highcontrast .check-images-number, body[class*="theme-"] .check-images-controls, body[class*="theme-"] .check-images-number { font-size: 18px; } body.highcontrast .check-images-controls, body[class*="theme-"] .check-images-controls { display: flex; justify-content: space-between; align-items: center; } body.highcontrast .check-images-number, body[class*="theme-"] .check-images-number { display: none; width: 100%; position: absolute; top: 50%; color: var(--uux-theme-whiteNeutral); transform: translateY(-50%); z-index: 5; } body.highcontrast .check-images-action, body.highcontrast .check-images-count, body[class*="theme-"] .check-images-action, body[class*="theme-"] .check-images-count { line-height: 32px; } body.highcontrast .check-images-action, body[class*="theme-"] .check-images-action { height: 44px; width: 44px; padding: 6px; margin-top: -6px; } body.highcontrast .check-images-action:first-child, body[class*="theme-"] .check-images-action:first-child { margin-left: -6px; } body.highcontrast .check-images-action:last-child, body[class*="theme-"] .check-images-action:last-child { margin-right: -6px; } body.highcontrast .check-images-action-disabled, body[class*="theme-"] .check-images-action-disabled { opacity: 0.5; cursor: default; pointer-events: none; } @media (min-width: 768px) { body.highcontrast .check-images-modal-enabled .check-images-thumb, body[class*="theme-"] .check-images-modal-enabled .check-images-thumb { cursor: pointer; } body.highcontrast .check-images-modal-enabled .check-images-thumb:after, body[class*="theme-"] .check-images-modal-enabled .check-images-thumb:after { content: ""; transition: opacity 0.2s ease-in-out; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: var(--t-top-a3); } body.highcontrast .check-images-modal-enabled .check-images-thumb:hover .check-images-number, body[class*="theme-"] .check-images-modal-enabled .check-images-thumb:hover .check-images-number { display: block; } body.highcontrast .check-images-modal-enabled .check-images-thumb:hover:after, body[class*="theme-"] .check-images-modal-enabled .check-images-thumb:hover:after { opacity: 1; } body.highcontrast .check-images-modal-enabled .check-images-thumb.suppress-check-hover:hover .check-images-number, body[class*="theme-"] .check-images-modal-enabled .check-images-thumb.suppress-check-hover:hover .check-images-number { display: none; } body.highcontrast .check-images-modal-enabled .check-images-thumb.suppress-check-hover:hover:after, body[class*="theme-"] .check-images-modal-enabled .check-images-thumb.suppress-check-hover:hover:after { opacity: 0; } } body.highcontrast .check-image, body[class*="theme-"] .check-image { max-width: 612px; width: 100%; } body.highcontrast .qt-modal-box .check-images-controls, body[class*="theme-"] .qt-modal-box .check-images-controls { height: auto; } body.highcontrast .qt-modal-box .check-images-action, body[class*="theme-"] .qt-modal-box .check-images-action { position: absolute; top: 0; padding: 0; height: 100%; width: 44px; margin: 0; font-size: 48px; color: var(--uux-theme-whiteNeutral); display: flex; align-items: center; justify-content: center; } body.highcontrast .qt-modal-box .check-images-action:first-child, body[class*="theme-"] .qt-modal-box .check-images-action:first-child { left: -44px; } body.highcontrast .qt-modal-box .check-images-action:last-child, body[class*="theme-"] .qt-modal-box .check-images-action:last-child { right: -44px; } @media (min-width: 768px) { body.highcontrast .qt-modal-box .check-images-action, body[class*="theme-"] .qt-modal-box .check-images-action { font-size: 96px; width: 96px; } body.highcontrast .qt-modal-box .check-images-action:first-child, body[class*="theme-"] .qt-modal-box .check-images-action:first-child { left: -96px; } body.highcontrast .qt-modal-box .check-images-action:last-child, body[class*="theme-"] .qt-modal-box .check-images-action:last-child { right: -96px; } } body.highcontrast .qt-modal-box .check-images-action [class^="icon-"]:before, body[class*="theme-"] .qt-modal-box .check-images-action [class^="icon-"]:before { margin: 0; } body.highcontrast .qt-modal-box .check-images-count, body[class*="theme-"] .qt-modal-box .check-images-count { position: absolute; top: 100%; width: 100%; text-align: center; color: var(--uux-theme-whiteNeutral); margin-top: 10px; } body.highcontrast .qt-modal-container .qt-modal-box.check-images-modal, body[class*="theme-"] .qt-modal-container .qt-modal-box.check-images-modal { top: 10vh; height: 90vh; max-height: 90vh; width: 100%; max-width: 100%; align-items: center; justify-content: center; background: 0 0; box-shadow: none; overflow: hidden; } body.highcontrast .qt-modal-container .qt-modal-box.check-images-modal .check-images-container, body[class*="theme-"] .qt-modal-container .qt-modal-box.check-images-modal .check-images-container { width: 75%; margin-bottom: 45px; } body.highcontrast .q2-error .q2-modal-body .failure .image-holder, body.highcontrast .select-inline .form-control, body[class*="theme-"] .q2-error .q2-modal-body .failure .image-holder, body[class*="theme-"] .select-inline .form-control { width: auto; } body.highcontrast .q2-error .q2-modal-body .failure, body[class*="theme-"] .q2-error .q2-modal-body .failure { text-align: center; } body.highcontrast .q2-modal, body[class*="theme-"] .q2-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--t-top-a2); z-index: 10003; text-align: center; } body.highcontrast .q2-modal.underOverpanel, body[class*="theme-"] .q2-modal.underOverpanel { z-index: 9999; } body.highcontrast .q2-modal.opaque, body[class*="theme-"] .q2-modal.opaque { background: var(--t-gray1); } body.highcontrast .q2-modal.modal-bg, body[class*="theme-"] .q2-modal.modal-bg { background: var(--uux-app-contentBg); } body.highcontrast .q2-modal .q2-modal-body, body[class*="theme-"] .q2-modal .q2-modal-body { position: relative; top: 5vh; width: 600px; max-width: 95vw; max-height: 90vh; margin: 0 auto; padding: 30px 30px 0; background: var(--t-base); box-shadow: 0 0 12px 5px var(--t-top-a1); display: flex; flex-direction: column; overflow-y: auto; } body.highcontrast .q2-modal .q2-modal-body .modal-icon, body[class*="theme-"] .q2-modal .q2-modal-body .modal-icon { color: var(--uux-CONST_STOPLIGHT_INFO); font-size: 64px; } @media screen and (max-width: 767px) { body.highcontrast .q2-modal .q2-modal-body, body[class*="theme-"] .q2-modal .q2-modal-body { padding: 15px 15px 0; max-height: 95%; top: 2.5%; } body.highcontrast .q2-modal .q2-modal-body .modal-icon, body[class*="theme-"] .q2-modal .q2-modal-body .modal-icon { font-size: 50px; } } body.highcontrast .q2-modal .q2-modal-body .modal-title, body.highcontrast .q2-modal .q2-modal-body .modal-title-light, body[class*="theme-"] .q2-modal .q2-modal-body .modal-title, body[class*="theme-"] .q2-modal .q2-modal-body .modal-title-light { font-size: 29px; font-weight: 400; margin-top: 0; } @media screen and (max-width: 767px) { body.highcontrast .q2-modal .q2-modal-body .modal-title, body.highcontrast .q2-modal .q2-modal-body .modal-title-light, body[class*="theme-"] .q2-modal .q2-modal-body .modal-title, body[class*="theme-"] .q2-modal .q2-modal-body .modal-title-light { font-size: 25px; } } body.highcontrast .q2-modal .q2-modal-body .modal-msg p, body[class*="theme-"] .q2-modal .q2-modal-body .modal-msg p { line-height: 22px; margin-bottom: 4px; } body.highcontrast .q2-modal .q2-modal-body .modal-transInfo, body[class*="theme-"] .q2-modal .q2-modal-body .modal-transInfo { line-height: 20px; margin-bottom: 40px; } body.highcontrast .q2-modal .q2-modal-body .modal-transInfo p, body[class*="theme-"] .q2-modal .q2-modal-body .modal-transInfo p { line-height: 1.3; margin-bottom: 2px; } body.highcontrast .q2-modal .q2-modal-body .modal-transInfo div, body[class*="theme-"] .q2-modal .q2-modal-body .modal-transInfo div { margin-bottom: 4px; } body.highcontrast .q2-modal .q2-modal-body .modal-trans-id, body[class*="theme-"] .q2-modal .q2-modal-body .modal-trans-id { margin: 32px 0; font-size: 16px; } body.highcontrast .q2-modal .q2-modal-body .modal-actions, body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions { display: flex; justify-content: space-between; position: -webkit-sticky; position: sticky; bottom: 0; padding: 10px 30px 30px; } @media screen and (max-width: 767px) { body.highcontrast .q2-modal .q2-modal-body .modal-actions, body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions { flex-direction: column-reverse; } } body.highcontrast .q2-modal .q2-modal-body .modal-actions .btn, body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions .btn { flex: 1 1 auto; } @media screen and (min-width: 768px) { body.highcontrast .q2-modal .q2-modal-body .modal-actions .btn, body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions .btn { flex-basis: 33.333%; } body.highcontrast .q2-modal .q2-modal-body .modal-actions .btn:not(:first-child), body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions .btn:not(:first-child) { margin-left: 14px; } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) { body.highcontrast .q2-modal .q2-modal-body .modal-actions .btn, body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions .btn { flex-basis: auto; } } @media screen and (max-width: 767px) { body.highcontrast .q2-modal .q2-modal-body .modal-actions .btn:not(:first-child), body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions .btn:not(:first-child) { margin: 0 0 8px; } body.highcontrast .q2-modal .q2-modal-body .modal-actions, body[class*="theme-"] .q2-modal .q2-modal-body .modal-actions { padding: 15px; } } body.highcontrast .q2-modal .q2-modal-body .modal-download, body[class*="theme-"] .q2-modal .q2-modal-body .modal-download { margin-top: 32px; } body.highcontrast .q2-modal .q2-modal-body.error .modal-icon:after, body[class*="theme-"] .q2-modal .q2-modal-body.error .modal-icon:after { color: var(--uux-CONST_STOPLIGHT_ALERT); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f14e"; } body.highcontrast .q2-modal .q2-modal-body.info .modal-icon:after, body[class*="theme-"] .q2-modal .q2-modal-body.info .modal-icon:after { color: var(--uux-CONST_STOPLIGHT_INFO); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f157"; } body.highcontrast .q2-modal .q2-modal-body.warning .modal-icon:after, body[class*="theme-"] .q2-modal .q2-modal-body.warning .modal-icon:after { color: var(--uux-CONST_STOPLIGHT_WARNING); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f1c7"; } body.highcontrast .q2-modal .q2-modal-body.success .modal-icon:after, body[class*="theme-"] .q2-modal .q2-modal-body.success .modal-icon:after { color: var(--uux-CONST_STOPLIGHT_SUCCESS); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f12e"; } body.highcontrast .q2-modal .close, body[class*="theme-"] .q2-modal .close { opacity: 0.85; color: var(--uux-app-overlayContrast); font-weight: 400; margin: 15px; text-shadow: none; } body.highcontrast .q2-modal .close:active, body.highcontrast .q2-modal .close:focus, body.highcontrast .q2-modal .close:hover, body[class*="theme-"] .q2-modal .close:active, body[class*="theme-"] .q2-modal .close:focus, body[class*="theme-"] .q2-modal .close:hover { opacity: 1; outline: 0; } body.highcontrast .q2-modal div.fetching-spinner img, body[class*="theme-"] .q2-modal div.fetching-spinner img { margin: auto; } body.highcontrast .q2-modal .modal-dialog-box, body[class*="theme-"] .q2-modal .modal-dialog-box { position: relative; top: 5vh; width: 600px; max-width: 95vw; max-height: 90vh; margin: 0 auto; padding: 30px 30px 0; background: var(--t-base); box-shadow: 0 0 12px 5px var(--t-top-a1); display: flex; flex-direction: column; overflow-y: scroll; text-align: left; } @media screen and (max-width: 767px) { body.highcontrast .q2-modal .modal-dialog-box, body[class*="theme-"] .q2-modal .modal-dialog-box { padding: 15px 15px 0; max-height: 95%; top: 2.5%; } } body.highcontrast .q2-modal .image-holder, body[class*="theme-"] .q2-modal .image-holder { font-size: 80px; height: 69px; line-height: 80px; width: 116px; color: var(--uux-app-overlayContrast); } body.highcontrast .q2-modal .image-holder:after, body[class*="theme-"] .q2-modal .image-holder:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } body.highcontrast .q2-modal .failure .image-holder:after, body[class*="theme-"] .q2-modal .failure .image-holder:after { color: var(--uux-CONST_STOPLIGHT_ALERT); content: "\f14e"; } body.highcontrast .q2-modal .warning .image-holder:after, body[class*="theme-"] .q2-modal .warning .image-holder:after { color: var(--uux-CONST_STOPLIGHT_WARNING); content: "\f1c7"; } body.highcontrast .q2-modal .q2-alert, body[class*="theme-"] .q2-modal .q2-alert { position: relative; top: 5vh; width: 600px; max-width: 95vw; max-height: 90vh; margin: 0 auto; padding: 30px 30px 0; background: var(--t-base); box-shadow: 0 0 12px 5px var(--t-top-a1); display: flex; flex-direction: column; overflow-y: scroll; } @media screen and (max-width: 767px) { body.highcontrast .q2-modal .q2-alert, body[class*="theme-"] .q2-modal .q2-alert { padding: 15px 15px 0; max-height: 95%; top: 2.5%; } } body.highcontrast .q2-modal .q2-alert h1, body[class*="theme-"] .q2-modal .q2-alert h1 { margin: 0; text-align: left; } body.highcontrast .q2-modal .q2-alert h2, body[class*="theme-"] .q2-modal .q2-alert h2 { color: var(--uux-app-overlayContrast); margin: 0 0 6px; padding-left: 2px; text-align: left; } body.highcontrast .q2-modal .q2-alert .alert-actions, body[class*="theme-"] .q2-modal .q2-alert .alert-actions { padding-top: 15px; text-align: left; width: 100%; } body.highcontrast .q2-modal .q2-alert .alert-actions > .btn, body[class*="theme-"] .q2-modal .q2-alert .alert-actions > .btn { margin-right: 10px; } body.highcontrast .q2-modal .q2-alert .alert-message, body[class*="theme-"] .q2-modal .q2-alert .alert-message { margin: 16px 0; text-align: left; } body.highcontrast .q2-modal .q2-alert .image-holder, body[class*="theme-"] .q2-modal .q2-alert .image-holder { margin-bottom: 5px; margin-top: 5px; } body.highcontrast .q2-modal .q2-alert .success .image-holder, body[class*="theme-"] .q2-modal .q2-alert .success .image-holder { background-image: url(images/transaction_success-30ad2f8a6257c0cc1f6f4f717e42137d.png); height: 69px; width: 116px; } body.highcontrast .q2-modal.welcome-overlay, body[class*="theme-"] .q2-modal.welcome-overlay { overflow-y: scroll; padding: 5vh 5vw; } body.highcontrast .q2-modal .welcome, body[class*="theme-"] .q2-modal .welcome { max-width: var(--uux-desktop-verticalNavContentWrapperWidth); margin: auto; } body.highcontrast .q2-modal-container, body[class*="theme-"] .q2-modal-container { z-index: 99999; position: absolute; left: 0; top: 50px; } body.highcontrast .close, body[class*="theme-"] .close { opacity: 1; padding: 4px 12px; } body.highcontrast .close:focus, body.highcontrast .close:hover, body[class*="theme-"] .close:focus, body[class*="theme-"] .close:hover { opacity: 0.8; } body.highcontrast .modal-dialog, body[class*="theme-"] .modal-dialog { padding: 0; } body.highcontrast .modal-dialog.tabbed .nav-tabs-container, body[class*="theme-"] .modal-dialog.tabbed .nav-tabs-container { margin-top: 8px; margin-bottom: -16px; } body.highcontrast .modal-dialog.tabbed .nav-tabs-container:after, body.highcontrast .modal-dialog.tabbed .nav-tabs-container:before, body[class*="theme-"] .modal-dialog.tabbed .nav-tabs-container:after, body[class*="theme-"] .modal-dialog.tabbed .nav-tabs-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .modal-dialog.tabbed .nav-tabs-container:after, body[class*="theme-"] .modal-dialog.tabbed .nav-tabs-container:after { clear: both; } body.highcontrast .modal-dialog .modal-content, body[class*="theme-"] .modal-dialog .modal-content { position: relative; top: 5vh; width: 600px; max-width: 95vw; max-height: 90vh; margin: 0 auto; padding: 0 30px; background: var(--t-base); box-shadow: 0 0 12px 5px var(--t-top-a1); display: flex; flex-direction: column; overflow-y: scroll; border-radius: 0; border: none; } @media screen and (max-width: 767px) { body.highcontrast .modal-dialog .modal-content, body[class*="theme-"] .modal-dialog .modal-content { padding: 15px 15px 0; max-height: 95%; top: 2.5%; } } body.highcontrast .modal-dialog .close, body[class*="theme-"] .modal-dialog .close { position: absolute; top: 1px; font-size: 35px; z-index: 1; right: 10px; } body.highcontrast .modal-dialog .modal-footer, body[class*="theme-"] .modal-dialog .modal-footer { display: flex; justify-content: space-between; position: -webkit-sticky; position: sticky; bottom: 0; } @media screen and (max-width: 767px) { body.highcontrast .modal-dialog .modal-footer, body[class*="theme-"] .modal-dialog .modal-footer { flex-direction: column-reverse; } } body.highcontrast .modal-dialog .modal-footer .btn, body[class*="theme-"] .modal-dialog .modal-footer .btn { flex: 1 1 auto; } @media screen and (min-width: 768px) { body.highcontrast .modal-dialog .modal-footer .btn, body[class*="theme-"] .modal-dialog .modal-footer .btn { flex-basis: 33.333%; } body.highcontrast .modal-dialog .modal-footer .btn:not(:first-child), body[class*="theme-"] .modal-dialog .modal-footer .btn:not(:first-child) { margin-left: 14px; } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) { body.highcontrast .modal-dialog .modal-footer .btn, body[class*="theme-"] .modal-dialog .modal-footer .btn { flex-basis: auto; } } @media screen and (max-width: 767px) { body.highcontrast .modal-dialog .modal-footer .btn:not(:first-child), body[class*="theme-"] .modal-dialog .modal-footer .btn:not(:first-child) { margin: 0 0 8px; } } body.highcontrast .q2-multi-modal-icon, body[class*="theme-"] .q2-multi-modal-icon { font-size: 85px; line-height: 100px; } body.highcontrast .q2-multi-modal-icon.error:after, body[class*="theme-"] .q2-multi-modal-icon.error:after { height: 100%; color: var(--uux-CONST_STOPLIGHT_ALERT); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f14e"; } body.highcontrast .q2-multi-modal-icon.info:after, body[class*="theme-"] .q2-multi-modal-icon.info:after { height: 100%; color: var(--uux-CONST_STOPLIGHT_INFO); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f157"; } body.highcontrast .q2-multi-modal-icon.warning:after, body[class*="theme-"] .q2-multi-modal-icon.warning:after { height: 100%; color: var(--uux-CONST_STOPLIGHT_WARNING); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f1c7"; } body.highcontrast .q2-multi-modal-icon.success:after, body[class*="theme-"] .q2-multi-modal-icon.success:after { height: 100%; color: var(--uux-CONST_STOPLIGHT_SUCCESS); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f12e"; } body.highcontrast .q2-multi-modal-subtitle.error, body[class*="theme-"] .q2-multi-modal-subtitle.error { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .q2-multi-modal-subtitle.info, body[class*="theme-"] .q2-multi-modal-subtitle.info { color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .q2-multi-modal-subtitle.warning, body[class*="theme-"] .q2-multi-modal-subtitle.warning { color: var(--uux-CONST_STOPLIGHT_WARNING); } body.highcontrast .q2-multi-modal-subtitle.success, body[class*="theme-"] .q2-multi-modal-subtitle.success { color: var(--uux-CONST_STOPLIGHT_SUCCESS); } body.highcontrast.phone .q2-modal-body .modal-transInfo, body[class*="theme-"].phone .q2-modal-body .modal-transInfo { font-size: 14px; line-height: 20px; word-wrap: break-word; } body.highcontrast .qt-modal-container, body[class*="theme-"] .qt-modal-container { max-width: 1440px; margin: auto; text-align: left; } body.highcontrast .qt-modal-container .qt-modal-box, body[class*="theme-"] .qt-modal-container .qt-modal-box { position: relative; top: 5vh; width: 600px; max-width: 95vw; max-height: 90vh; margin: 0 auto; background: var(--t-base); box-shadow: 0 0 12px 5px var(--t-top-a1); display: flex; flex-direction: column; overflow-y: scroll; padding: 0; } @media screen and (max-width: 767px) { body.highcontrast .qt-modal-container .qt-modal-box, body[class*="theme-"] .qt-modal-container .qt-modal-box { padding: 15px 15px 0; max-height: 95%; top: 2.5%; } } body.highcontrast .qt-modal-container .qt-modal-box > div, body[class*="theme-"] .qt-modal-container .qt-modal-box > div { padding: 0 30px; } body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions, body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions { display: flex; justify-content: space-between; background-color: var(--uux-theme-whiteNeutral); padding: 30px; flex-direction: row-reverse; position: -webkit-sticky; position: sticky; bottom: 0; } @media screen and (max-width: 767px) { body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions, body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions { flex-direction: column-reverse; } } body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions .btn, body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions .btn { flex: 1 1 auto; } @media screen and (min-width: 768px) { body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions .btn, body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions .btn { flex-basis: 33.333%; } body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions .btn:not(:first-child), body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions .btn:not(:first-child) { margin-left: 14px; } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) { body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions .btn, body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions .btn { flex-basis: auto; } } @media screen and (max-width: 767px) { body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions .btn:not(:first-child), body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions .btn:not(:first-child) { margin: 0 0 8px; } body.highcontrast .qt-modal-container .qt-modal-box .qt-modal-actions, body[class*="theme-"] .qt-modal-container .qt-modal-box .qt-modal-actions { flex-direction: column; } } @media screen and (min-width: 1400px) { body.highcontrast .qt-modal-container .qt-modal-box.col-lg-6, body[class*="theme-"] .qt-modal-container .qt-modal-box.col-lg-6 { margin-left: 20%; width: 60%; } } body.highcontrast .qt-modal-container .qt-modal-icon, body[class*="theme-"] .qt-modal-container .qt-modal-icon { float: left; margin-right: 10px; font-size: 34px; line-height: 45px; text-align: right; } body.highcontrast .qt-modal-container .qt-modal-title, body[class*="theme-"] .qt-modal-container .qt-modal-title { font-size: 29px; font-weight: 400; margin: 20px 0; } @media screen and (max-width: 767px) { body.highcontrast .qt-modal-container .qt-modal-title, body[class*="theme-"] .qt-modal-container .qt-modal-title { font-size: 25px; } } body.highcontrast .qt-modal-container .qt-modal-transInfo, body[class*="theme-"] .qt-modal-container .qt-modal-transInfo { text-align: left; font-size: 14px; line-height: 24px; margin-top: 4px; color: var(--uux-theme-blackNeutral); } body.highcontrast .qt-modal-container .qt-modal-trans-id, body[class*="theme-"] .qt-modal-container .qt-modal-trans-id { margin: 24px 0; } body.highcontrast .qt-modal-container .qt-modal-msg, body[class*="theme-"] .qt-modal-container .qt-modal-msg { clear: both; font-size: 14px; text-align: left; margin-bottom: 20px; } body.highcontrast .qt-modal-container .qt-modal-msg p, body[class*="theme-"] .qt-modal-container .qt-modal-msg p { line-height: 20px; margin-bottom: 0; } body.highcontrast .qt-modal-container .qt-modal-details, body[class*="theme-"] .qt-modal-container .qt-modal-details { margin: 15px 0; max-height: 35vh; overflow-y: auto; } @media screen and (max-width: 568px) { body.highcontrast .qt-modal-container .qt-modal-details .qt-modal-details, body[class*="theme-"] .qt-modal-container .qt-modal-details .qt-modal-details { margin: 5px 0; } } body.highcontrast .qt-modal-container .qt-modal-details p, body[class*="theme-"] .qt-modal-container .qt-modal-details p { line-height: 1em; } body.highcontrast .qt-modal-container.dispute .qt-modal-icon:after, body[class*="theme-"] .qt-modal-container.dispute .qt-modal-icon:after { color: var(--uux-CONST_STOPLIGHT_ALERT); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f1c4"; } body.highcontrast .qt-modal-container.error .qt-modal-icon:after, body[class*="theme-"] .qt-modal-container.error .qt-modal-icon:after { color: var(--uux-CONST_STOPLIGHT_ALERT); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f14e"; } body.highcontrast .qt-modal-container.info .qt-modal-icon:after, body[class*="theme-"] .qt-modal-container.info .qt-modal-icon:after { color: var(--uux-CONST_STOPLIGHT_INFO); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f157"; } body.highcontrast .qt-modal-container.warning .qt-modal-icon:after, body[class*="theme-"] .qt-modal-container.warning .qt-modal-icon:after { color: var(--uux-CONST_STOPLIGHT_WARNING); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f1c7"; } body.highcontrast .qt-modal-container.success .qt-modal-icon:after, body[class*="theme-"] .qt-modal-container.success .qt-modal-icon:after { color: var(--uux-CONST_STOPLIGHT_SUCCESS); font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f12e"; } body.highcontrast .qt-modal-close, body.highcontrast .qt-modal-close-corner, body[class*="theme-"] .qt-modal-close, body[class*="theme-"] .qt-modal-close-corner { cursor: pointer; } body.highcontrast .qt-modal-close, body[class*="theme-"] .qt-modal-close { position: absolute; top: 1px; right: 15px; font-size: 35px; z-index: 1; } body.highcontrast .qt-modal-close-corner, body[class*="theme-"] .qt-modal-close-corner { position: absolute; top: 10px; right: 16px; font-size: 50px; text-decoration: none; color: var(--uux-theme-whiteNeutral); } body.highcontrast .qt-modal-close-corner:active, body.highcontrast .qt-modal-close-corner:hover, body[class*="theme-"] .qt-modal-close-corner:active, body[class*="theme-"] .qt-modal-close-corner:hover { color: var(--t-base-a3); } body.highcontrast .authorize-header, body[class*="theme-"] .authorize-header { font-weight: 300; } body.highcontrast .authorize-input .form-group label, body[class*="theme-"] .authorize-input .form-group label { font-size: 14px; text-transform: none; font-weight: 400; } @media screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) { body.highcontrast .orientation-lock-landscape, body[class*="theme-"] .orientation-lock-landscape { transform: rotate(90deg); transform-origin: right top; width: 100vh; position: absolute; top: 100%; right: 0; } } body.highcontrast .datatable .table tbody.scrollable > button, body.highcontrast .datatable .table tbody.scrollable > div, body.highcontrast .datatable .table tbody.scrollable > image, body.highcontrast .datatable .table tbody.scrollable > span, body.highcontrast .datatable .table tbody.scrollable > td, body.highcontrast .datatable .table tbody.scrollable > th, body.highcontrast .rdc-review-page > div, body.highcontrast .rdc-review-page > image, body.highcontrast .rdc-review-page > span, body.highcontrast.desktop .login-outer input[type="checkbox"], body[class*="theme-"] .datatable .table tbody.scrollable > button, body[class*="theme-"] .datatable .table tbody.scrollable > div, body[class*="theme-"] .datatable .table tbody.scrollable > image, body[class*="theme-"] .datatable .table tbody.scrollable > span, body[class*="theme-"] .datatable .table tbody.scrollable > td, body[class*="theme-"] .datatable .table tbody.scrollable > th, body[class*="theme-"] .rdc-review-page > div, body[class*="theme-"] .rdc-review-page > image, body[class*="theme-"] .rdc-review-page > span, body[class*="theme-"].desktop .login-outer input[type="checkbox"] { transform: none; } body.highcontrast .table, body[class*="theme-"] .table { empty-cells: show; } body.highcontrast .datatable, body[class*="theme-"] .datatable { max-width: 100%; } body.highcontrast .datatable .title-row, body[class*="theme-"] .datatable .title-row { font-size: 18px; background: var(--uux-app-datatableTitleRowBg); color: var(--uux-app-datatableTitleRowContrast); line-height: 32px; padding: 10px; } body.highcontrast .datatable .title-row:after, body.highcontrast .datatable .title-row:before, body[class*="theme-"] .datatable .title-row:after, body[class*="theme-"] .datatable .title-row:before { content: ""; display: table; line-height: 0; } body.highcontrast .datatable .title-row:after, body[class*="theme-"] .datatable .title-row:after { clear: both; } body.highcontrast .datatable .title-row span:not(.caret), body[class*="theme-"] .datatable .title-row span:not(.caret) { font-size: 14px; display: inline-block; font-weight: 300; letter-spacing: 0.05em; padding: 0 8px; } body.highcontrast .datatable .title-row span:not(.caret).b, body[class*="theme-"] .datatable .title-row span:not(.caret).b { font-weight: 400 !important; } body.highcontrast .datatable .title-row.gray, body[class*="theme-"] .datatable .title-row.gray { background-color: var(--uux-theme-grayLighter); color: var(--uux-app-datatableAltTitleRowContrast); } body.highcontrast .datatable .title-row a, body[class*="theme-"] .datatable .title-row a { color: var(--uux-app-datatableTitleRowLinkColor); } body.highcontrast .datatable .title-row a.active, body.highcontrast .datatable .title-row a:active, body.highcontrast .datatable .title-row a:hover, body[class*="theme-"] .datatable .title-row a.active, body[class*="theme-"] .datatable .title-row a:active, body[class*="theme-"] .datatable .title-row a:hover { color: var(--uux-app-datatableTitleRowContrast); } body.highcontrast .datatable .title-row .btn-link, body[class*="theme-"] .datatable .title-row .btn-link { font-size: 14px; border: 0; line-height: inherit; padding: 0; } body.highcontrast .datatable .title-row .faux-checkbox, body[class*="theme-"] .datatable .title-row .faux-checkbox { line-height: 20px; text-align: left; } body.highcontrast .datatable .table tbody > tr > td.first, body.highcontrast .datatable .table thead > tr > th.first, body[class*="theme-"] .datatable .table tbody > tr > td.first, body[class*="theme-"] .datatable .table thead > tr > th.first { padding-left: 15px; } body.highcontrast .datatable .table tbody > tr > td.last, body.highcontrast .datatable .table thead > tr > th.last, body[class*="theme-"] .datatable .table tbody > tr > td.last, body[class*="theme-"] .datatable .table thead > tr > th.last { padding-right: 15px; } body.highcontrast .datatable .table tbody > tr > td .dropdown a.btn-link, body.highcontrast .datatable .table thead > tr > th .dropdown a.btn-link, body[class*="theme-"] .datatable .table tbody > tr > td .dropdown a.btn-link, body[class*="theme-"] .datatable .table thead > tr > th .dropdown a.btn-link { padding: 0; } body.highcontrast .datatable .table thead, body[class*="theme-"] .datatable .table thead { background: var(--uux-app-datatableHeaderRowBg); } body.highcontrast .datatable .table thead > tr > th, body[class*="theme-"] .datatable .table thead > tr > th { border-bottom: 1px solid var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableHeaderRowContrast); font-weight: 300; padding: 15px 6px; vertical-align: middle; } body.highcontrast .datatable .table thead > tr > th.has-metalabel, body[class*="theme-"] .datatable .table thead > tr > th.has-metalabel { padding-top: 24px; padding-bottom: 0; text-align: center; } body.highcontrast .datatable .table thead > tr > th.highlight, body[class*="theme-"] .datatable .table thead > tr > th.highlight { background: var(--t-gray13); } body.highcontrast .datatable .table thead > tr > th.alt-highlight, body[class*="theme-"] .datatable .table thead > tr > th.alt-highlight { background: var(--t-gray14); } body.highcontrast .datatable .table thead > tr > th.pointer-blue, body[class*="theme-"] .datatable .table thead > tr > th.pointer-blue { color: var(--uux-app-datatableSortableHeaderText); cursor: pointer; } body.highcontrast .datatable .table thead .checkbox, body[class*="theme-"] .datatable .table thead .checkbox { font-size: 13px; margin-left: -6px; margin-right: 6px; } body.highcontrast .datatable .table thead .checkbox.selected, body[class*="theme-"] .datatable .table thead .checkbox.selected { background: var(--uux-app-datatableSelectedRowContrast); border-color: var(--uux-app-datatableSelectedRowContrast); color: var(--uux-app-datatableSelectedRowBg); } body.highcontrast .datatable .table tbody > tr:first-of-type > td, body.highcontrast .datatable.no-border .history-item-transaction, body[class*="theme-"] .datatable .table tbody > tr:first-of-type > td, body[class*="theme-"] .datatable.no-border .history-item-transaction { border-top: 0; } body.highcontrast .datatable .table tbody > tr > td, body[class*="theme-"] .datatable .table tbody > tr > td { background: var(--uux-app-datatableBg); border-bottom: solid 1px var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableContrast); padding: 12px 6px; vertical-align: middle; } body.highcontrast .datatable .table tbody > tr > td.amount, body[class*="theme-"] .datatable .table tbody > tr > td.amount { white-space: nowrap; } body.highcontrast .datatable .table tbody > tr > td.highlight, body[class*="theme-"] .datatable .table tbody > tr > td.highlight { background: var(--t-tertiary-l4); } body.highcontrast .datatable .table tbody > tr.selected > td, body.highcontrast .datatable .table tbody > tr:hover > td, body.highcontrast .datatable .table tbody > tr > td.alt-highlight, body.highcontrast .datatable .table.table-alt-shaded tbody > tr:nth-child(odd) > td, body[class*="theme-"] .datatable .table tbody > tr.selected > td, body[class*="theme-"] .datatable .table tbody > tr:hover > td, body[class*="theme-"] .datatable .table tbody > tr > td.alt-highlight, body[class*="theme-"] .datatable .table.table-alt-shaded tbody > tr:nth-child(odd) > td { background: var(--uux-app-datatableSelectedRowBg); } body.highcontrast .datatable .table tbody > tr > td .checkbox, body[class*="theme-"] .datatable .table tbody > tr > td .checkbox { margin-left: -6px; margin-right: 6px; } body.highcontrast .datatable .table tbody > tr > td.barred, body[class*="theme-"] .datatable .table tbody > tr > td.barred { border-left-style: solid !important; border-left-width: 6px !important; border-left-color: var(--uux-app-datatableInactiveBarColor) !important; } body.highcontrast .datatable .table tbody > tr > td.barred.ok, body[class*="theme-"] .datatable .table tbody > tr > td.barred.ok { border-left-color: var(--uux-app-datatableSuccessBarColor) !important; } body.highcontrast .datatable .table tbody > tr > td.barred.warning, body[class*="theme-"] .datatable .table tbody > tr > td.barred.warning { border-left-color: var(--uux-app-datatableWarningBarColor) !important; } body.highcontrast .datatable .table tbody > tr > td.barred.danger, body[class*="theme-"] .datatable .table tbody > tr > td.barred.danger { border-left-color: var(--uux-app-datatableDangerBarColor) !important; } body.highcontrast .datatable .table tbody > tr.selected > td.barred, body.highcontrast .datatable .table tbody > tr > td.barred.active, body.highcontrast .datatable .table.table-default-active tbody > tr > td.barred, body[class*="theme-"] .datatable .table tbody > tr.selected > td.barred, body[class*="theme-"] .datatable .table tbody > tr > td.barred.active, body[class*="theme-"] .datatable .table.table-default-active tbody > tr > td.barred { border-left-color: var(--uux-app-datatableBarColor) !important; } body.highcontrast .datatable .table tbody > tr > td.datatable-icon, body[class*="theme-"] .datatable .table tbody > tr > td.datatable-icon { font-size: 24px; text-align: center; } body.highcontrast .datatable .table tbody > tr > td.datatable-icon > [class*=" icon-"]:before, body.highcontrast .datatable .table tbody > tr > td.datatable-icon > [class^="icon-"]:before, body[class*="theme-"] .datatable .table tbody > tr > td.datatable-icon > [class*=" icon-"]:before, body[class*="theme-"] .datatable .table tbody > tr > td.datatable-icon > [class^="icon-"]:before { margin-left: 0; margin-right: 0; } body.highcontrast .datatable .table tbody > tr > td.limit-column > div, body[class*="theme-"] .datatable .table tbody > tr > td.limit-column > div { width: 100%; } body.highcontrast .datatable .table tbody > tr > td.limit-column > div:not(.force-wrap), body[class*="theme-"] .datatable .table tbody > tr > td.limit-column > div:not(.force-wrap) { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; } body.highcontrast .datatable .table tbody > tr > td .icon-angle-down, body.highcontrast .datatable .table tbody > tr > td .icon-angle-up, body[class*="theme-"] .datatable .table tbody > tr > td .icon-angle-down, body[class*="theme-"] .datatable .table tbody > tr > td .icon-angle-up { color: var(--uux-theme-primary); } body.highcontrast .datatable .table tbody > tr > td .form-control-currency, body[class*="theme-"] .datatable .table tbody > tr > td .form-control-currency { margin-bottom: 0; } body.highcontrast .datatable .table tbody > tr.selected > td, body[class*="theme-"] .datatable .table tbody > tr.selected > td { color: var(--uux-app-datatableSelectedRowContrast); } body.highcontrast .datatable .table tbody > tr.no-top-border > td, body[class*="theme-"] .datatable .table tbody > tr.no-top-border > td { border-top-width: 0; padding: 4px; } body.highcontrast .datatable .table tbody > tr.no-border > td, body[class*="theme-"] .datatable .table tbody > tr.no-border > td { border-top-width: 0; border-bottom-width: 0; } body.highcontrast .datatable .table.table-default-active tbody > tr > td.barred.inactive, body[class*="theme-"] .datatable .table.table-default-active tbody > tr > td.barred.inactive { border-left-color: var(--uux-app-datatableInactiveBarColor) !important; } body.highcontrast .datatable .table.table-condensed tbody > tr > td, body.highcontrast .datatable .table.table-condensed thead > tr > th, body[class*="theme-"] .datatable .table.table-condensed tbody > tr > td, body[class*="theme-"] .datatable .table.table-condensed thead > tr > th { padding: 6px; } body.highcontrast .datatable .table.table-fixed, body[class*="theme-"] .datatable .table.table-fixed { table-layout: fixed; } body.highcontrast .datatable .table.table-selectable-rows tbody > tr:hover > td, body[class*="theme-"] .datatable .table.table-selectable-rows tbody > tr:hover > td { cursor: pointer; background: var(--t-gray14); color: var(--t-gray1); } body.highcontrast .datatable .table.sticky-header-footer, body.highcontrast .datatable .table.table-scroll, body[class*="theme-"] .datatable .table.sticky-header-footer, body[class*="theme-"] .datatable .table.table-scroll { caption-side: bottom; margin: 0; } body.highcontrast .datatable .table.sticky-header-footer thead, body.highcontrast .datatable .table.table-scroll thead, body[class*="theme-"] .datatable .table.sticky-header-footer thead, body[class*="theme-"] .datatable .table.table-scroll thead { padding-right: 6px; } body.highcontrast .datatable .table.sticky-header-footer tbody, body.highcontrast .datatable .table.table-scroll tbody, body[class*="theme-"] .datatable .table.sticky-header-footer tbody, body[class*="theme-"] .datatable .table.table-scroll tbody { max-height: 470px; } body.highcontrast .datatable .table.sticky-header-footer td.status, body.highcontrast .datatable .table.table-scroll td.status, body[class*="theme-"] .datatable .table.sticky-header-footer td.status, body[class*="theme-"] .datatable .table.table-scroll td.status { white-space: pre-line; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } body.highcontrast .datatable .table.sticky-header-footer td.expand-icon, body.highcontrast .datatable .table.sticky-header-footer th.expand-icon, body.highcontrast .datatable .table.table-scroll td.expand-icon, body.highcontrast .datatable .table.table-scroll th.expand-icon, body[class*="theme-"] .datatable .table.sticky-header-footer td.expand-icon, body[class*="theme-"] .datatable .table.sticky-header-footer th.expand-icon, body[class*="theme-"] .datatable .table.table-scroll td.expand-icon, body[class*="theme-"] .datatable .table.table-scroll th.expand-icon { font-size: 24px; color: var(--uux-app-datatableLinkColor); width: 4%; padding-left: 6px; } body.highcontrast .datatable .table.sticky-header-footer td.date, body.highcontrast .datatable .table.sticky-header-footer th.date, body.highcontrast .datatable .table.table-scroll td.date, body.highcontrast .datatable .table.table-scroll th.date, body[class*="theme-"] .datatable .table.sticky-header-footer td.date, body[class*="theme-"] .datatable .table.sticky-header-footer th.date, body[class*="theme-"] .datatable .table.table-scroll td.date, body[class*="theme-"] .datatable .table.table-scroll th.date { width: 9%; } body.highcontrast .datatable .table.sticky-header-footer td.status, body.highcontrast .datatable .table.sticky-header-footer th.status, body.highcontrast .datatable .table.table-scroll td.status, body.highcontrast .datatable .table.table-scroll th.status, body[class*="theme-"] .datatable .table.sticky-header-footer td.status, body[class*="theme-"] .datatable .table.sticky-header-footer th.status, body[class*="theme-"] .datatable .table.table-scroll td.status, body[class*="theme-"] .datatable .table.table-scroll th.status { width: 10%; } body.highcontrast .datatable .table.sticky-header-footer td.type, body.highcontrast .datatable .table.sticky-header-footer th.type, body.highcontrast .datatable .table.table-scroll td.type, body.highcontrast .datatable .table.table-scroll th.type, body[class*="theme-"] .datatable .table.sticky-header-footer td.type, body[class*="theme-"] .datatable .table.sticky-header-footer th.type, body[class*="theme-"] .datatable .table.table-scroll td.type, body[class*="theme-"] .datatable .table.table-scroll th.type { width: 30%; } body.highcontrast .datatable .table.sticky-header-footer td.account, body.highcontrast .datatable .table.sticky-header-footer th.account, body.highcontrast .datatable .table.table-scroll td.account, body.highcontrast .datatable .table.table-scroll th.account, body[class*="theme-"] .datatable .table.sticky-header-footer td.account, body[class*="theme-"] .datatable .table.sticky-header-footer th.account, body[class*="theme-"] .datatable .table.table-scroll td.account, body[class*="theme-"] .datatable .table.table-scroll th.account { width: 22%; } body.highcontrast .datatable .table.sticky-header-footer td.amount, body.highcontrast .datatable .table.sticky-header-footer th.amount, body.highcontrast .datatable .table.table-scroll td.amount, body.highcontrast .datatable .table.table-scroll th.amount, body[class*="theme-"] .datatable .table.sticky-header-footer td.amount, body[class*="theme-"] .datatable .table.sticky-header-footer th.amount, body[class*="theme-"] .datatable .table.table-scroll td.amount, body[class*="theme-"] .datatable .table.table-scroll th.amount { width: 12%; } body.highcontrast .datatable .table.sticky-header-footer td.checkbox-icon, body.highcontrast .datatable .table.sticky-header-footer th.checkbox-icon, body.highcontrast .datatable .table.table-scroll td.checkbox-icon, body.highcontrast .datatable .table.table-scroll th.checkbox-icon, body[class*="theme-"] .datatable .table.sticky-header-footer td.checkbox-icon, body[class*="theme-"] .datatable .table.sticky-header-footer th.checkbox-icon, body[class*="theme-"] .datatable .table.table-scroll td.checkbox-icon, body[class*="theme-"] .datatable .table.table-scroll th.checkbox-icon { width: 4%; } body.highcontrast .datatable .table.sticky-header-footer td.actions, body.highcontrast .datatable .table.sticky-header-footer th.actions, body.highcontrast .datatable .table.table-scroll td.actions, body.highcontrast .datatable .table.table-scroll th.actions, body[class*="theme-"] .datatable .table.sticky-header-footer td.actions, body[class*="theme-"] .datatable .table.sticky-header-footer th.actions, body[class*="theme-"] .datatable .table.table-scroll td.actions, body[class*="theme-"] .datatable .table.table-scroll th.actions { width: 9%; } body.highcontrast .datatable .table.sticky-header-footer td.user, body.highcontrast .datatable .table.sticky-header-footer th.user, body.highcontrast .datatable .table.table-scroll td.user, body.highcontrast .datatable .table.table-scroll th.user, body[class*="theme-"] .datatable .table.sticky-header-footer td.user, body[class*="theme-"] .datatable .table.sticky-header-footer th.user, body[class*="theme-"] .datatable .table.table-scroll td.user, body[class*="theme-"] .datatable .table.table-scroll th.user { width: 17%; } body.highcontrast .datatable .table.sticky-header-footer.treasury td.status, body.highcontrast .datatable .table.sticky-header-footer.treasury th.status, body.highcontrast .datatable .table.table-scroll.treasury td.status, body.highcontrast .datatable .table.table-scroll.treasury th.status, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury td.status, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury th.status, body[class*="theme-"] .datatable .table.table-scroll.treasury td.status, body[class*="theme-"] .datatable .table.table-scroll.treasury th.status { width: 9%; } body.highcontrast .datatable .table.sticky-header-footer.treasury td.approvals, body.highcontrast .datatable .table.sticky-header-footer.treasury th.approvals, body.highcontrast .datatable .table.table-scroll.treasury td.approvals, body.highcontrast .datatable .table.table-scroll.treasury th.approvals, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury td.approvals, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury th.approvals, body[class*="theme-"] .datatable .table.table-scroll.treasury td.approvals, body[class*="theme-"] .datatable .table.table-scroll.treasury th.approvals { width: 10%; } body.highcontrast .datatable .table.sticky-header-footer.treasury td.type, body.highcontrast .datatable .table.sticky-header-footer.treasury th.type, body.highcontrast .datatable .table.table-scroll.treasury td.type, body.highcontrast .datatable .table.table-scroll.treasury th.type, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury td.type, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury th.type, body[class*="theme-"] .datatable .table.table-scroll.treasury td.type, body[class*="theme-"] .datatable .table.table-scroll.treasury th.type { width: 26%; } body.highcontrast .datatable .table.sticky-header-footer.treasury td.account, body.highcontrast .datatable .table.sticky-header-footer.treasury th.account, body.highcontrast .datatable .table.table-scroll.treasury td.account, body.highcontrast .datatable .table.table-scroll.treasury th.account, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury td.account, body[class*="theme-"] .datatable .table.sticky-header-footer.treasury th.account, body[class*="theme-"] .datatable .table.table-scroll.treasury td.account, body[class*="theme-"] .datatable .table.table-scroll.treasury th.account { width: 18%; } body.highcontrast .datatable .table.sticky-header-footer.recurring td.account, body.highcontrast .datatable .table.sticky-header-footer.recurring th.account, body.highcontrast .datatable .table.table-scroll.recurring td.account, body.highcontrast .datatable .table.table-scroll.recurring th.account, body[class*="theme-"] .datatable .table.sticky-header-footer.recurring td.account, body[class*="theme-"] .datatable .table.sticky-header-footer.recurring th.account, body[class*="theme-"] .datatable .table.table-scroll.recurring td.account, body[class*="theme-"] .datatable .table.table-scroll.recurring th.account { width: 27%; } body.highcontrast .datatable .table.sticky-header-footer.recurring.treasury td.account, body.highcontrast .datatable .table.sticky-header-footer.recurring.treasury th.account, body.highcontrast .datatable .table.table-scroll.recurring.treasury td.account, body.highcontrast .datatable .table.table-scroll.recurring.treasury th.account, body[class*="theme-"] .datatable .table.sticky-header-footer.recurring.treasury td.account, body[class*="theme-"] .datatable .table.sticky-header-footer.recurring.treasury th.account, body[class*="theme-"] .datatable .table.table-scroll.recurring.treasury td.account, body[class*="theme-"] .datatable .table.table-scroll.recurring.treasury th.account { width: 22%; } body.highcontrast .datatable .table.sticky-header-footer.rdc td.check-number, body.highcontrast .datatable .table.sticky-header-footer.rdc td.date, body.highcontrast .datatable .table.sticky-header-footer.rdc td.status, body.highcontrast .datatable .table.sticky-header-footer.rdc th.check-number, body.highcontrast .datatable .table.sticky-header-footer.rdc th.date, body.highcontrast .datatable .table.sticky-header-footer.rdc th.status, body.highcontrast .datatable .table.table-scroll.rdc td.check-number, body.highcontrast .datatable .table.table-scroll.rdc td.date, body.highcontrast .datatable .table.table-scroll.rdc td.status, body.highcontrast .datatable .table.table-scroll.rdc th.check-number, body.highcontrast .datatable .table.table-scroll.rdc th.date, body.highcontrast .datatable .table.table-scroll.rdc th.status, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc td.check-number, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc td.date, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc td.status, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc th.check-number, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc th.date, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc th.status, body[class*="theme-"] .datatable .table.table-scroll.rdc td.check-number, body[class*="theme-"] .datatable .table.table-scroll.rdc td.date, body[class*="theme-"] .datatable .table.table-scroll.rdc td.status, body[class*="theme-"] .datatable .table.table-scroll.rdc th.check-number, body[class*="theme-"] .datatable .table.table-scroll.rdc th.date, body[class*="theme-"] .datatable .table.table-scroll.rdc th.status { width: 15%; } body.highcontrast .datatable .table.sticky-header-footer.rdc td.account, body.highcontrast .datatable .table.sticky-header-footer.rdc th.account, body.highcontrast .datatable .table.table-scroll.rdc td.account, body.highcontrast .datatable .table.table-scroll.rdc th.account, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc td.account, body[class*="theme-"] .datatable .table.sticky-header-footer.rdc th.account, body[class*="theme-"] .datatable .table.table-scroll.rdc td.account, body[class*="theme-"] .datatable .table.table-scroll.rdc th.account { width: 40%; } body.highcontrast .datatable.datatable-trans th, body[class*="theme-"] .datatable.datatable-trans th { background: 0 0; } body.highcontrast .datatable .component-accordion .two-lines:before, body[class*="theme-"] .datatable .component-accordion .two-lines:before { content: ""; width: 32px; height: var(--uux-app-lineHeight); position: inherit; right: 0; top: var(--uux-app-lineHeight); } body.highcontrast .datatable .metalabel, body[class*="theme-"] .datatable .metalabel { position: absolute; top: 1px; left: 50%; } body.highcontrast .datatable .metalabel-parent, body[class*="theme-"] .datatable .metalabel-parent { padding-top: 15px; position: relative; } body.highcontrast .datatable.table-with-detail-view, body[class*="theme-"] .datatable.table-with-detail-view { position: relative; } body.highcontrast .datatable.table-with-detail-view tbody > tr > td, body.highcontrast .datatable.table-with-detail-view thead > tr > th, body[class*="theme-"] .datatable.table-with-detail-view tbody > tr > td, body[class*="theme-"] .datatable.table-with-detail-view thead > tr > th { transition: display 0 linear 0.5s; } body.highcontrast .datatable.table-with-detail-view .table-detail-toggle, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-toggle { box-sizing: border-box; box-shadow: 0 -2px 0 var(--t-top-a0) inset, 0 2px 0 var(--t-base-a3) inset; background: var(--uux-app-datatableHeaderRowBg); border: 1px solid var(--uux-app-contentBorder); border-radius: 4px; display: inline-block; height: 24px; line-height: 0; padding: 8px; position: absolute; right: 4px; top: 6px; width: 24px; } body.highcontrast .datatable.table-with-detail-view .table-detail-toggle:hover, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-toggle:hover { background: var(--t-textA); } body.highcontrast .datatable.table-with-detail-view .table-detail-toggle:active, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-toggle:active { box-shadow: 0 2px 0 var(--t-top-a3) inset, 0 -2px 0 var(--t-base-a0) inset; background: var(--uux-app-datatableHeaderRowBg); } body.highcontrast .datatable.table-with-detail-view .table-detail-toggle:active:after, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-toggle:active:after { color: var(--t-base); } body.highcontrast .datatable.table-with-detail-view .table-detail-toggle:after, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-toggle:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f101"; line-height: 0.7em; margin-left: -3px; } body.highcontrast .datatable.table-with-detail-view .table-detail-container, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-container { transition: width 0.3s ease-in-out 0.1s, display 0 linear 0.5s; display: none; overflow: hidden; position: relative; width: 0; } body.highcontrast .datatable.table-with-detail-view .table-detail-table, body[class*="theme-"] .datatable.table-with-detail-view .table-detail-table { transition: width 0.3s ease-in-out 0.1s; float: left; position: relative; width: 99.99999999%; } body.highcontrast .datatable.table-with-detail-view.show-detail td:not(.table-detail-visible), body.highcontrast .datatable.table-with-detail-view.show-detail th:not(.table-detail-visible), body[class*="theme-"] .datatable.table-with-detail-view.show-detail td:not(.table-detail-visible), body[class*="theme-"] .datatable.table-with-detail-view.show-detail th:not(.table-detail-visible) { display: none; } body.highcontrast .datatable.table-with-detail-view.show-detail .table-detail-toggle:after, body[class*="theme-"] .datatable.table-with-detail-view.show-detail .table-detail-toggle:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f102"; cursor: pointer; } body.highcontrast .datatable.table-with-detail-view.show-detail .table-detail-table, body[class*="theme-"] .datatable.table-with-detail-view.show-detail .table-detail-table { width: 40%; } body.highcontrast .datatable.table-with-detail-view.show-detail .table-detail-container, body[class*="theme-"] .datatable.table-with-detail-view.show-detail .table-detail-container { overflow: visible; background: var(--uux-app-contentBg); bottom: 0; box-shadow: 1px 1px 2px var(--t-top-a1) inset; display: block; left: 40%; padding: 6px; position: absolute; right: 0; top: 43px; width: 60%; } body.highcontrast .datatable.dark, body[class*="theme-"] .datatable.dark { margin: 10px 0; } body.highcontrast .datatable.dark .title-row, body[class*="theme-"] .datatable.dark .title-row { background: var(--uux-app-datatableDarkTitleRowBg); border: none; color: var(--uux-app-datatableDarkTitleRowContrast); } body.highcontrast .datatable.dark .title-row .caret, body.highcontrast .datatable.dark .title-row a, body[class*="theme-"] .datatable.dark .title-row .caret, body[class*="theme-"] .datatable.dark .title-row a { color: var(--uux-app-datatableDarkTitleRowLinkColor); border-top-color: var(--uux-app-datatableDarkTitleRowLinkColor); } body.highcontrast .datatable.dark .title-row .caret.active, body.highcontrast .datatable.dark .title-row .caret:active, body.highcontrast .datatable.dark .title-row .caret:hover, body.highcontrast .datatable.dark .title-row a.active, body.highcontrast .datatable.dark .title-row a:active, body.highcontrast .datatable.dark .title-row a:hover, body[class*="theme-"] .datatable.dark .title-row .caret.active, body[class*="theme-"] .datatable.dark .title-row .caret:active, body[class*="theme-"] .datatable.dark .title-row .caret:hover, body[class*="theme-"] .datatable.dark .title-row a.active, body[class*="theme-"] .datatable.dark .title-row a:active, body[class*="theme-"] .datatable.dark .title-row a:hover { color: var(--uux-app-datatableDarkTitleRowContrast); } body.highcontrast .datatable.dark .title-row .btn-link, body[class*="theme-"] .datatable.dark .title-row .btn-link { color: var(--uux-app-datatableDarkTitleRowLinkColor); margin-top: -1px; margin-bottom: -1px; } body.highcontrast .datatable.dark .title-row .faux-checkbox, body[class*="theme-"] .datatable.dark .title-row .faux-checkbox { color: var(--uux-app-datatableDarkContrast); } body.highcontrast .datatable.dark .table thead, body[class*="theme-"] .datatable.dark .table thead { background: var(--uux-app-datatableDarkHeaderRowBg); } body.highcontrast .datatable.dark .table thead > tr > th, body[class*="theme-"] .datatable.dark .table thead > tr > th { background: var(--uux-app-datatableDarkHeaderRowBg); border-color: var(--t-gray14); color: var(--uux-app-datatableDarkHeaderRowContrast); } body.highcontrast .datatable.dark .table thead > tr > th.datatable-sorting-header q2-btn:focus, body.highcontrast .datatable.dark .table thead > tr > th.datatable-sorting-header q2-btn:focus-within, body.highcontrast .datatable.dark .table thead > tr > th.datatable-sorting-header q2-btn:hover, body[class*="theme-"] .datatable.dark .table thead > tr > th.datatable-sorting-header q2-btn:focus, body[class*="theme-"] .datatable.dark .table thead > tr > th.datatable-sorting-header q2-btn:focus-within, body[class*="theme-"] .datatable.dark .table thead > tr > th.datatable-sorting-header q2-btn:hover { background: var(--t-primary-d1); } body.highcontrast .datatable.dark .table thead > tr > th.alt-highlight, body.highcontrast .datatable.dark .table thead > tr > th.highlight, body[class*="theme-"] .datatable.dark .table thead > tr > th.alt-highlight, body[class*="theme-"] .datatable.dark .table thead > tr > th.highlight { background: var(--t-primary); } body.highcontrast .datatable.dark .table thead > tr > th .faux-checkbox, body[class*="theme-"] .datatable.dark .table thead > tr > th .faux-checkbox { color: var(--uux-app-datatableDarkContrast); } body.highcontrast .datatable.dark .table thead .checkbox.selected, body[class*="theme-"] .datatable.dark .table thead .checkbox.selected { background: var(--uux-app-datatableDarkSelectedRowContrast); border-color: var(--uux-app-datatableDarkSelectedRowContrast); color: var(--uux-app-datatableDarkSelectedRowBg); } body.highcontrast .datatable.dark .table thead .dropdown a.btn-link, body[class*="theme-"] .datatable.dark .table thead .dropdown a.btn-link { color: var(--uux-app-datatableDarkHeaderRowContrast) !important; } body.highcontrast .datatable.dark .table thead .dropdown a.btn-link .caret, body[class*="theme-"] .datatable.dark .table thead .dropdown a.btn-link .caret { border-top-color: var(--uux-app-datatableDarkHeaderRowContrast); } body.highcontrast .datatable.dark .table thead .dropdown a.btn-link.disabled, body[class*="theme-"] .datatable.dark .table thead .dropdown a.btn-link.disabled { color: var(--t-base-a2); } body.highcontrast .datatable.dark .table thead .dropdown a.btn-link.disabled .caret, body[class*="theme-"] .datatable.dark .table thead .dropdown a.btn-link.disabled .caret { border-top-color: var(--t-base-a2); } body.highcontrast .datatable.dark .table tbody > tr > td, body[class*="theme-"] .datatable.dark .table tbody > tr > td { background: var(--uux-app-datatableDarkBg); border-color: var(--uux-app-datatableDarkBorderColor); color: var(--uux-app-datatableDarkContrast); } body.highcontrast .datatable.dark .table tbody > tr > td.highlight, body[class*="theme-"] .datatable.dark .table tbody > tr > td.highlight { background: var(--t-gray11); } body.highcontrast .datatable.dark .table tbody > tr > td.alt-highlight, body[class*="theme-"] .datatable.dark .table tbody > tr > td.alt-highlight { background: var(--t-textA); } body.highcontrast .datatable.dark .table tbody > tr.selected > td, body[class*="theme-"] .datatable.dark .table tbody > tr.selected > td { background: var(--uux-app-datatableDarkSelectedRowBg); color: var(--uux-app-datatableDarkSelectedRowContrast); } body.highcontrast .datatable.dark.table-with-detail-view .table-detail-toggle, body[class*="theme-"] .datatable.dark.table-with-detail-view .table-detail-toggle { background: var(--uux-app-datatableDarkHeaderRowBg); } body.highcontrast .datatable.dark.table-with-detail-view .table-detail-toggle:hover, body[class*="theme-"] .datatable.dark.table-with-detail-view .table-detail-toggle:hover { background: var(--t-gray14); } body.highcontrast .datatable.dark.table-with-detail-view .table-detail-toggle:active, body[class*="theme-"] .datatable.dark.table-with-detail-view .table-detail-toggle:active { background: var(--uux-app-datatableDarkHeaderRowBgActive); } body.highcontrast .datatable.dark.table-with-detail-view .table-detail-toggle:active:after, body[class*="theme-"] .datatable.dark.table-with-detail-view .table-detail-toggle:active:after { color: var(--t-base); } body.highcontrast .datatable.rounded .title-row, body[class*="theme-"] .datatable.rounded .title-row { border-radius: 8px 8px 0 0; } body.highcontrast .datatable.rounded .title-row.collapsed, body[class*="theme-"] .datatable.rounded .title-row.collapsed { border-radius: 8px; } body.highcontrast .datatable.rounded .table, body[class*="theme-"] .datatable.rounded .table { border-radius: 0 0 8px 8px; border: 1px solid var(--uux-app-datatableAltBorderColor); border-collapse: separate; border-spacing: 0; } body.highcontrast .datatable.rounded .table tbody > tr > td, body.highcontrast .datatable.rounded .table thead > tr > th, body[class*="theme-"] .datatable.rounded .table tbody > tr > td, body[class*="theme-"] .datatable.rounded .table thead > tr > th { border: 0; border-top-color: var(--uux-app-datatableAltBorderColor); border-top-style: solid; border-top-width: 1px; } body.highcontrast .datatable.rounded .table tbody > tr > td.limit-column, body.highcontrast .datatable.rounded .table thead > tr > th.limit-column, body[class*="theme-"] .datatable.rounded .table tbody > tr > td.limit-column, body[class*="theme-"] .datatable.rounded .table thead > tr > th.limit-column { max-width: 95px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .datatable.rounded .table tbody > tr > td.limit-column-large, body.highcontrast .datatable.rounded .table thead > tr > th.limit-column-large, body[class*="theme-"] .datatable.rounded .table tbody > tr > td.limit-column-large, body[class*="theme-"] .datatable.rounded .table thead > tr > th.limit-column-large { max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .datatable.rounded .table tbody > tr > td.amount-column, body.highcontrast .datatable.rounded .table thead > tr > th.amount-column, body[class*="theme-"] .datatable.rounded .table tbody > tr > td.amount-column, body[class*="theme-"] .datatable.rounded .table thead > tr > th.amount-column { width: 135px; } body.highcontrast .datatable.rounded .table tbody > tr > td.international-amount-column, body.highcontrast .datatable.rounded .table thead > tr > th.international-amount-column, body[class*="theme-"] .datatable.rounded .table tbody > tr > td.international-amount-column, body[class*="theme-"] .datatable.rounded .table thead > tr > th.international-amount-column { width: 240px; } body.highcontrast .datatable.rounded .table tbody > tr > td.domestic-amount-column, body.highcontrast .datatable.rounded .table thead > tr > th.domestic-amount-column, body[class*="theme-"] .datatable.rounded .table tbody > tr > td.domestic-amount-column, body[class*="theme-"] .datatable.rounded .table thead > tr > th.domestic-amount-column { width: 180px; } body.highcontrast .datatable.rounded.no-title-row table, body[class*="theme-"] .datatable.rounded.no-title-row table { border-radius: 8px; } body.highcontrast .datatable.rounded thead > tr > th, body.highcontrast .datatable.rounded.no-title-row .table tbody > tr > td, body[class*="theme-"] .datatable.rounded thead > tr > th, body[class*="theme-"] .datatable.rounded.no-title-row .table tbody > tr > td { border-top-width: 0 !important; } body.highcontrast .datatable.rounded.dark .table, body.highcontrast .datatable.rounded.dark .table tbody > tr > td, body[class*="theme-"] .datatable.rounded.dark .table, body[class*="theme-"] .datatable.rounded.dark .table tbody > tr > td { border-color: var(--uux-app-datatableAltBorderColor); } body.highcontrast .table-detail-card, body[class*="theme-"] .table-detail-card { padding-top: 12px; } body.highcontrast .table-detail-card div.name, body[class*="theme-"] .table-detail-card div.name { clear: left; font-weight: 700; padding-top: 6px; padding-bottom: 6px; white-space: pre-line; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } body.highcontrast .table-detail-card .value, body[class*="theme-"] .table-detail-card .value { font-weight: 400; } body.highcontrast .table-detail-card .table-detail-list, body[class*="theme-"] .table-detail-card .table-detail-list { display: flex; flex-wrap: wrap; margin: 0; } body.highcontrast .table-detail-card .table-detail-list .name, body.highcontrast .table-detail-card .table-detail-list .value, body[class*="theme-"] .table-detail-card .table-detail-list .name, body[class*="theme-"] .table-detail-card .table-detail-list .value { flex: 1 1; margin: 6px 0; word-break: break-word; } body.highcontrast .table-detail-card .table-detail-list .name, body[class*="theme-"] .table-detail-card .table-detail-list .name { text-align: right; margin-right: 10px; flex-basis: calc(33% - 10px); } body.highcontrast .table-detail-card .table-detail-list .value, body[class*="theme-"] .table-detail-card .table-detail-list .value { flex-basis: 67%; overflow: hidden; } body.highcontrast .table-detail-card .additional-details, body[class*="theme-"] .table-detail-card .additional-details { margin-top: 12px; padding-top: 12px; border-top: solid var(--uux-app-datatableDarkBorderColor) 1px; } body.highcontrast .table-detail-card .icon-print, body[class*="theme-"] .table-detail-card .icon-print { font-size: 24px; cursor: pointer; } body.highcontrast .recipient-selection .datatable input.ember-text-field, body[class*="theme-"] .recipient-selection .datatable input.ember-text-field { width: 110px !important; } body.highcontrast .table-expando, body[class*="theme-"] .table-expando { overflow: visible; } body.highcontrast .table-expando tr, body[class*="theme-"] .table-expando tr { transition: height 0.15s ease-in-out; } body.highcontrast .table-expando tr.expandable, body[class*="theme-"] .table-expando tr.expandable { display: none; height: 0; } body.highcontrast .table-expando tr.expandable > td, body[class*="theme-"] .table-expando tr.expandable > td { border-color: var(--t-top-a0) !important; } body.highcontrast .table-expando tr.expanded > td, body[class*="theme-"] .table-expando tr.expanded > td { font-weight: 700; } body.highcontrast .table-expando tr.expanded + .expandable, body.highcontrast .table-expando tr.expanded + .expandable + .expandable, body.highcontrast .table-expando tr.expanded + .expandable + .expandable + .expandable, body[class*="theme-"] .table-expando tr.expanded + .expandable, body[class*="theme-"] .table-expando tr.expanded + .expandable + .expandable, body[class*="theme-"] .table-expando tr.expanded + .expandable + .expandable + .expandable { display: table-row; height: auto; } body.highcontrast .table-expando tr .icon-viewcheck, body[class*="theme-"] .table-expando tr .icon-viewcheck { font-size: 24px; cursor: pointer; } body.highcontrast .datatable .datatable-header, body[class*="theme-"] .datatable .datatable-header { background: var(--uux-app-datatableHeaderRowBg); border-bottom: 1px solid var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableHeaderRowContrast); font-weight: 300; } body.highcontrast .datatable .datatable-header > div:not(.datatable-sorting-header), body[class*="theme-"] .datatable .datatable-header > div:not(.datatable-sorting-header) { padding-top: 15px; padding-bottom: 15px; } body.highcontrast .datatable .datatable-header [class*=" icon-"], body.highcontrast .datatable .datatable-header [class^="icon-"], body[class*="theme-"] .datatable .datatable-header [class*=" icon-"], body[class*="theme-"] .datatable .datatable-header [class^="icon-"] { opacity: 0.5; } body.highcontrast .datatable .datatable-header [class*=" icon-"].active, body.highcontrast .datatable .datatable-header [class^="icon-"].active, body[class*="theme-"] .datatable .datatable-header [class*=" icon-"].active, body[class*="theme-"] .datatable .datatable-header [class^="icon-"].active { opacity: 1; } body.highcontrast .datatable .table, body[class*="theme-"] .datatable .table { border: 1px solid var(--uux-app-datatableAltBorderColor); border-top: none; } body.highcontrast .datatable .datatable-detail-row, body.highcontrast .datatable .datatable-row, body[class*="theme-"] .datatable .datatable-detail-row, body[class*="theme-"] .datatable .datatable-row { background: var(--uux-app-datatableBg); border-bottom: solid 1px var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableContrast); padding-top: 15px; padding-bottom: 15px; } body.highcontrast .datatable .datatable-row:after, body.highcontrast .datatable .datatable-row:before, body[class*="theme-"] .datatable .datatable-row:after, body[class*="theme-"] .datatable .datatable-row:before { content: ""; display: table; line-height: 0; } body.highcontrast .datatable .datatable-row:after, body[class*="theme-"] .datatable .datatable-row:after { clear: both; } body.highcontrast .datatable .datatable-row.selected, body[class*="theme-"] .datatable .datatable-row.selected { background: var(--uux-app-datatableSelectedRowBg); color: var(--uux-app-datatableSelectedRowContrast); } body.highcontrast .datatable .datatable-row.selected.barred, body[class*="theme-"] .datatable .datatable-row.selected.barred { border-left-color: var(--uux-app-datatableBarColor) !important; } body.highcontrast .datatable .datatable-row.amount, body[class*="theme-"] .datatable .datatable-row.amount { white-space: nowrap; } body.highcontrast .datatable .datatable-row.highlight, body[class*="theme-"] .datatable .datatable-row.highlight { background: var(--t-tertiary-l4); } body.highcontrast .datatable .datatable-row.alt-highlight, body[class*="theme-"] .datatable .datatable-row.alt-highlight { background: var(--uux-app-datatableSelectedRowBg); } body.highcontrast .datatable .datatable-row .checkbox, body[class*="theme-"] .datatable .datatable-row .checkbox { margin-left: -6px; margin-right: 6px; } body.highcontrast .datatable .datatable-row.barred, body[class*="theme-"] .datatable .datatable-row.barred { border-left-style: solid !important; border-left-width: 6px !important; border-left-color: var(--uux-app-datatableInactiveBarColor) !important; } body.highcontrast .datatable .datatable-row.barred.ok, body[class*="theme-"] .datatable .datatable-row.barred.ok { border-left-color: var(--uux-app-datatableSuccessBarColor) !important; } body.highcontrast .datatable .datatable-row.barred.warning, body[class*="theme-"] .datatable .datatable-row.barred.warning { border-left-color: var(--uux-app-datatableWarningBarColor) !important; } body.highcontrast .datatable .datatable-row.barred.danger, body[class*="theme-"] .datatable .datatable-row.barred.danger { border-left-color: var(--uux-app-datatableDangerBarColor) !important; } body.highcontrast .datatable .datatable-row.barred.active, body[class*="theme-"] .datatable .datatable-row.barred.active { border-left-color: var(--uux-app-datatableBarColor) !important; } body.highcontrast .datatable .datatable-row > div:last-of-type, body[class*="theme-"] .datatable .datatable-row > div:last-of-type { border-bottom: none; } body.highcontrast .datatable .datatable-row.datatable-icon, body[class*="theme-"] .datatable .datatable-row.datatable-icon { font-size: 24px; text-align: center; } body.highcontrast .datatable .datatable-row.datatable-icon > [class*=" icon-"]:before, body.highcontrast .datatable .datatable-row.datatable-icon > [class^="icon-"]:before, body[class*="theme-"] .datatable .datatable-row.datatable-icon > [class*=" icon-"]:before, body[class*="theme-"] .datatable .datatable-row.datatable-icon > [class^="icon-"]:before { margin-left: 0; margin-right: 0; } body.highcontrast .datatable .datatable-row.limit-column > div, body[class*="theme-"] .datatable .datatable-row.limit-column > div { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .datatable .datatable-row .icon-angle, body[class*="theme-"] .datatable .datatable-row .icon-angle { color: var(--uux-theme-primary); font-size: 20px; line-height: 0.5em; } body.highcontrast .datatable .datatable-row .form-control-currency, body[class*="theme-"] .datatable .datatable-row .form-control-currency { margin-bottom: 0; } body.highcontrast .datatable .icon-angle:before, body[class*="theme-"] .datatable .icon-angle:before { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f103"; } body.highcontrast .datatable .history-item-transaction, body[class*="theme-"] .datatable .history-item-transaction { border-top: 1px solid var(--uux-app-datatableAltBorderColor); } body.highcontrast .datatable .collapsed .icon-angle:before, body[class*="theme-"] .datatable .collapsed .icon-angle:before { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f100"; } body.highcontrast .datatable .collapsed .history-item-transaction, body[class*="theme-"] .datatable .collapsed .history-item-transaction { border-bottom: 1px solid var(--uux-app-datatableAltBorderColor); } body.highcontrast .datatable .history-item-transaction-detail, body[class*="theme-"] .datatable .history-item-transaction-detail { border-bottom: none; } body.highcontrast .datatable .collapse.in .history-item-transaction-detail, body.highcontrast .datatable .collapsing .history-item-transaction-detail, body[class*="theme-"] .datatable .collapse.in .history-item-transaction-detail, body[class*="theme-"] .datatable .collapsing .history-item-transaction-detail { border-bottom: 1px solid var(--uux-app-datatableAltBorderColor); } body.highcontrast .datatable.dark .datatable-header, body[class*="theme-"] .datatable.dark .datatable-header { background: var(--uux-app-datatableDarkHeaderRowBg); border-color: var(--t-gray14); color: var(--uux-app-datatableDarkHeaderRowContrast); } body.highcontrast .datatable.dark .datatable-header:after, body.highcontrast .datatable.dark .datatable-header:before, body[class*="theme-"] .datatable.dark .datatable-header:after, body[class*="theme-"] .datatable.dark .datatable-header:before { content: ""; display: table; line-height: 0; } body.highcontrast .datatable.dark .datatable-header:after, body[class*="theme-"] .datatable.dark .datatable-header:after { clear: both; } body.highcontrast .datatable.dark .datatable-detail-row, body.highcontrast .datatable.dark .datatable-row, body[class*="theme-"] .datatable.dark .datatable-detail-row, body[class*="theme-"] .datatable.dark .datatable-row { border-color: var(--uux-app-datatableDarkBorderColor); } body.highcontrast .datatable.dark .datatable-detail-row:after, body.highcontrast .datatable.dark .datatable-detail-row:before, body.highcontrast .datatable.dark .datatable-row:after, body.highcontrast .datatable.dark .datatable-row:before, body[class*="theme-"] .datatable.dark .datatable-detail-row:after, body[class*="theme-"] .datatable.dark .datatable-detail-row:before, body[class*="theme-"] .datatable.dark .datatable-row:after, body[class*="theme-"] .datatable.dark .datatable-row:before { content: ""; display: table; line-height: 0; } body.highcontrast .omnibox-container, body.highcontrast .omnibox-container .searchbox, body[class*="theme-"] .omnibox-container, body[class*="theme-"] .omnibox-container .searchbox { display: flex; } body.highcontrast .datatable.dark .datatable-detail-row:after, body.highcontrast .datatable.dark .datatable-row:after, body[class*="theme-"] .datatable.dark .datatable-detail-row:after, body[class*="theme-"] .datatable.dark .datatable-row:after { clear: both; } body.highcontrast .datatable.dark .datatable-row.selected, body[class*="theme-"] .datatable.dark .datatable-row.selected { background: var(--uux-app-datatableDarkSelectedRowBg); color: var(--uux-app-datatableDarkSelectedRowContrast); } body.highcontrast .datatable.striped .component-accordion:nth-child(odd) .datatable-row, body[class*="theme-"] .datatable.striped .component-accordion:nth-child(odd) .datatable-row { background: var(--uux-app-datatableStripedAltBg); color: var(--uux-app-datatableStripedAltContrast); } body.highcontrast .datatable.striped .component-accordion:nth-child(odd) .datatable-row [disabled], body.highcontrast .datatable.striped .component-accordion:nth-child(odd) .datatable-row.disabled, body[class*="theme-"] .datatable.striped .component-accordion:nth-child(odd) .datatable-row [disabled], body[class*="theme-"] .datatable.striped .component-accordion:nth-child(odd) .datatable-row.disabled { color: var(--uux-app-disabledLinkColor); } body.highcontrast .datatable.striped .component-accordion:nth-child(odd) .two-lines:before, body[class*="theme-"] .datatable.striped .component-accordion:nth-child(odd) .two-lines:before { background-color: var(--t-base); background-image: linear-gradient( to right, rgba(var(--uux-app-datatableStripedAltBg), 0) 0, rgba(var(--uux-app-datatableStripedAltBg), 1) 100% ); background-repeat: repeat-x; } body.highcontrast .datatable.striped .component-accordion:nth-child(even) .datatable-row, body[class*="theme-"] .datatable.striped .component-accordion:nth-child(even) .datatable-row { background: var(--uux-app-datatableStripedBg); color: var(--uux-app-datatableStripedContrast); } body.highcontrast .datatable.striped .component-accordion:nth-child(even) .datatable-row [disabled], body.highcontrast .datatable.striped .component-accordion:nth-child(even) .datatable-row.disabled, body[class*="theme-"] .datatable.striped .component-accordion:nth-child(even) .datatable-row [disabled], body[class*="theme-"] .datatable.striped .component-accordion:nth-child(even) .datatable-row.disabled { color: var(--uux-app-datatableDisabledRowContrast); } body.highcontrast .datatable.striped .component-accordion:nth-child(even) .two-lines:before, body[class*="theme-"] .datatable.striped .component-accordion:nth-child(even) .two-lines:before { background-color: var(--t-base); background-image: linear-gradient( to right, rgba(var(--uux-app-datatableStripedBg), 0) 0, rgba(var(--uux-app-datatableStripedBg), 1) 100% ); background-repeat: repeat-x; } body.highcontrast .datatable.striped .component-accordion .parent-template, body[class*="theme-"] .datatable.striped .component-accordion .parent-template { margin: 4px 0 0; } body.highcontrast .datatable.striped .component-accordion .datatable-row.selected, body.highcontrast .datatable.striped .component-accordion .datatable-row:not(.disabled, [disabled]):hover, body.highcontrast .datatable.striped .component-accordion .parent-template:not(.collapsed), body[class*="theme-"] .datatable.striped .component-accordion .datatable-row.selected, body[class*="theme-"] .datatable.striped .component-accordion .datatable-row:not(.disabled, [disabled]):hover, body[class*="theme-"] .datatable.striped .component-accordion .parent-template:not(.collapsed) { background-color: var(--uux-app-datatableStripedSelectedRowBg); color: var(--uux-app-datatableDarkSelectedRowContrast); } body.highcontrast .datatable.striped .component-accordion .datatable-row.selected .two-lines:before, body.highcontrast .datatable.striped .component-accordion .datatable-row:not(.disabled, [disabled]):hover .two-lines:before, body.highcontrast .datatable.striped .component-accordion .parent-template:not(.collapsed) .two-lines:before, body[class*="theme-"] .datatable.striped .component-accordion .datatable-row.selected .two-lines:before, body[class*="theme-"] .datatable.striped .component-accordion .datatable-row:not(.disabled, [disabled]):hover .two-lines:before, body[class*="theme-"] .datatable.striped .component-accordion .parent-template:not(.collapsed) .two-lines:before { background-color: var(--t-base); background-image: linear-gradient( to right, rgba(var(--uux-app-datatableStripedSelectedRowBg), 0) 0, rgba(var(--uux-app-datatableStripedSelectedRowBg), 1) 100% ); background-repeat: repeat-x; } body.highcontrast .datatable.no-border .datatable-header, body[class*="theme-"] .datatable.no-border .datatable-header { border-bottom: 0; padding: 0 15px; } body.highcontrast .datatable.no-border .table, body[class*="theme-"] .datatable.no-border .table { border: 0; } body.highcontrast .datatable.no-border .datatable-row, body[class*="theme-"] .datatable.no-border .datatable-row { border-bottom: 0; padding: 15px; } body.highcontrast .datatable.no-border .datatable-detail-row, body[class*="theme-"] .datatable.no-border .datatable-detail-row { border-bottom: 0; padding: 16px 15px 8px; } body.highcontrast .datatable.no-border .collapse.in .history-item-transaction-detail, body.highcontrast .datatable.no-border .collapsed .history-item-transaction, body.highcontrast .datatable.no-border .collapsing .history-item-transaction-detail, body[class*="theme-"] .datatable.no-border .collapse.in .history-item-transaction-detail, body[class*="theme-"] .datatable.no-border .collapsed .history-item-transaction, body[class*="theme-"] .datatable.no-border .collapsing .history-item-transaction-detail { border-bottom: 0; } body.highcontrast .datatable.striped .datatable-header, body[class*="theme-"] .datatable.striped .datatable-header { padding-left: 30px; padding-right: 30px; } @media screen and (max-width: 767px) { body.highcontrast .datatable.striped .component-accordion .parent-template, body[class*="theme-"] .datatable.striped .component-accordion .parent-template { margin-top: 0; margin-bottom: 0; } body.highcontrast .datatable.no-border .datatable-row, body[class*="theme-"] .datatable.no-border .datatable-row { padding-right: 10px; padding-left: 10px; } } body.highcontrast .component-accordion .parent-template:not(.collapsed) a[class*=" icon-CAT"], body.highcontrast .component-accordion .parent-template:not(.collapsed) a[class^="icon-CAT"], body[class*="theme-"] .component-accordion .parent-template:not(.collapsed) a[class*=" icon-CAT"], body[class*="theme-"] .component-accordion .parent-template:not(.collapsed) a[class^="icon-CAT"] { opacity: 1; } body.highcontrast #legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body.highcontrast #legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body.highcontrast #legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body.highcontrast #legacy-dyn-form-content select:not(.form-control)[disabled], body.highcontrast #legacy-dyn-form-content textarea:not(.form-control)[disabled], body.highcontrast .gt-overview tr.disabled td:not(:first-child), body.highcontrast .legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body.highcontrast .legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body.highcontrast .legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body.highcontrast .legacy-dyn-form-content select:not(.form-control)[disabled], body.highcontrast .legacy-dyn-form-content textarea:not(.form-control)[disabled], body.highcontrast .omnibox .disabled, body.highcontrast .search-select-wrapper .search-select-item .search-select-item-wrapper.disabled, body[class*="theme-"] #legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control)[disabled], body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control)[disabled], body[class*="theme-"] .gt-overview tr.disabled td:not(:first-child), body[class*="theme-"] .legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control)[disabled], body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control)[disabled], body[class*="theme-"] .omnibox .disabled, body[class*="theme-"] .search-select-wrapper .search-select-item .search-select-item-wrapper.disabled { opacity: 0.4; } @media screen and (max-width: 991px) { body.highcontrast .omnibox-container, body[class*="theme-"] .omnibox-container { padding: 0 10px; } } body.highcontrast .omnibox, body[class*="theme-"] .omnibox { position: relative; flex-grow: 1; } body.highcontrast .omnibox:after, body.highcontrast .omnibox:before, body[class*="theme-"] .omnibox:after, body[class*="theme-"] .omnibox:before { content: ""; display: table; line-height: 0; } body.highcontrast .omnibox:after, body[class*="theme-"] .omnibox:after { clear: both; } body.highcontrast .omnibox .top-omni, body[class*="theme-"] .omnibox .top-omni { display: flex; flex-wrap: wrap; padding: 15px 15px 15px 0; } body.highcontrast .omnibox .top-omni .searchbox, body[class*="theme-"] .omnibox .top-omni .searchbox { flex: 1 1 58.3333%; position: relative; } @media screen and (max-width: 767px) { body.highcontrast .omnibox .top-omni .searchbox, body[class*="theme-"] .omnibox .top-omni .searchbox { flex-basis: 50%; } } body.highcontrast .omnibox .omni-functions, body[class*="theme-"] .omnibox .omni-functions { flex: 0 1 auto; display: flex; margin-left: auto; padding-left: 30px; } body.highcontrast .omnibox .omni-frankenbox .form-range-group-amounts .form-group.is-invalid .form-control-feedback, body.highcontrast .omnibox.phone .omni-functions.has-recipient-id, body[class*="theme-"] .omnibox .omni-frankenbox .form-range-group-amounts .form-group.is-invalid .form-control-feedback, body[class*="theme-"] .omnibox.phone .omni-functions.has-recipient-id { display: none; } body.highcontrast .omnibox .omni-frankenbox, body[class*="theme-"] .omnibox .omni-frankenbox { background: var(--uux-theme-grayLighterNeutral); padding: 0 10px 20px; margin-bottom: 24px; } body.highcontrast .omnibox .omni-frankenbox .top-omni, body[class*="theme-"] .omnibox .omni-frankenbox .top-omni { padding: 15px 5px 0 0; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount { display: flex; padding: 0 7.5px; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount:after, body.highcontrast .omnibox .omni-frankenbox .wire-range-amount:before, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount:after, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount:before { content: ""; display: table; line-height: 0; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount:after, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount:after { clear: both; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount .wire-range-to, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount .wire-range-to { display: inline-block; position: relative; top: 2.3em; text-transform: lowercase; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount q2-input, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount q2-input { display: inline-block; width: 50%; margin-top: 0; margin-bottom: 15px; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount q2-input:first-of-type, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount q2-input:first-of-type { padding-right: 6px; padding-left: 0; position: relative; } body.highcontrast .omnibox .omni-frankenbox .wire-range-amount q2-input:last-of-type, body[class*="theme-"] .omnibox .omni-frankenbox .wire-range-amount q2-input:last-of-type { padding-right: 0; padding-left: 6px; } body.highcontrast .omnibox .omni-frankenbox .ui-checkbox rect, body[class*="theme-"] .omnibox .omni-frankenbox .ui-checkbox rect { fill: var(--uux-CONST_WHITE); } body.highcontrast .omnibox .omni-input:focus, body[class*="theme-"] .omnibox .omni-input:focus { border-color: var(--uux-app-selectedAccountTileBorder) !important; } body.highcontrast .omnibox .ac-column-selector h3, body[class*="theme-"] .omnibox .ac-column-selector h3 { font-size: 14px; } body.highcontrast .omnibox .ac-column-selector .checkbox-list, body[class*="theme-"] .omnibox .ac-column-selector .checkbox-list { display: flex; flex-wrap: wrap; } body.highcontrast .omnibox .ac-column-selector .checkbox-list li, body[class*="theme-"] .omnibox .ac-column-selector .checkbox-list li { flex: 0 25%; } @media screen and (max-width: 767px) { body.highcontrast .omnibox .ac-column-selector .checkbox-list li, body[class*="theme-"] .omnibox .ac-column-selector .checkbox-list li { flex-basis: 100%; } } body.highcontrast .omnibox .ac-column-selector .checkbox-list .checkbox, body[class*="theme-"] .omnibox .ac-column-selector .checkbox-list .checkbox { height: auto; } body.highcontrast .omnibox .favorite-group, body[class*="theme-"] .omnibox .favorite-group { padding-right: 10px; } body.highcontrast .omnibox .account-search .search-select-message, body.highcontrast .omnibox .account-search .ui-btn, body[class*="theme-"] .omnibox .account-search .search-select-message, body[class*="theme-"] .omnibox .account-search .ui-btn { color: var(--uux-app-inputText); } body.highcontrast .omnibox.phone .omni-functions, body[class*="theme-"] .omnibox.phone .omni-functions { flex-basis: 90px; } body.highcontrast .form-control::-moz-placeholder, body[class*="theme-"] .form-control::-moz-placeholder { color: var(--uux-app-inputPlaceholderText); } body.highcontrast .form-control:-ms-input-placeholder, body[class*="theme-"] .form-control:-ms-input-placeholder { color: var(--uux-app-inputPlaceholderText); } body.highcontrast .form-control::-webkit-input-placeholder, body[class*="theme-"] .form-control::-webkit-input-placeholder { color: var(--uux-app-inputPlaceholderText); } body.highcontrast .form-control, body[class*="theme-"] .form-control { box-shadow: none; border-radius: 3px; background-color: var(--uux-app-inputBg); height: 45px; } body.highcontrast .form-control.calendar-field, body[class*="theme-"] .form-control.calendar-field { line-height: 33px; } body.highcontrast .form-control.calendar-field .icon-calendar:before, body[class*="theme-"] .form-control.calendar-field .icon-calendar:before { margin-right: 0; } body.highcontrast .form-control [class*="icon-"], body[class*="theme-"] .form-control [class*="icon-"] { font-size: 24px; } body.highcontrast .form-control [class*="icon-"]:not([class*="pull-"]), body[class*="theme-"] .form-control [class*="icon-"]:not([class*="pull-"]) { position: absolute; } body.highcontrast .form-control[rows], body[class*="theme-"] .form-control[rows] { height: auto; min-height: 45px; } body.highcontrast .checkbox, body.highcontrast .radio, body[class*="theme-"] .checkbox, body[class*="theme-"] .radio { height: 45px; line-height: 45px; margin-top: 20px; padding-left: 27px !important; padding-right: 7px !important; } body.highcontrast .checkbox.checkbox-sm, body[class*="theme-"] .checkbox.checkbox-sm { height: 21px; line-height: 44px; margin-bottom: 12px; margin-top: 6px; } body.highcontrast .label-checkbox-ver, body[class*="theme-"] .label-checkbox-ver { height: 42px; } body.highcontrast .label-checkbox-hor, body[class*="theme-"] .label-checkbox-hor { width: 42px; } body.highcontrast [class*=" label-checkbox"] > [type="checkbox"], body[class*="theme-"] [class*=" label-checkbox"] > [type="checkbox"] { height: 42px; margin: 0; } body.highcontrast .input-sm, body[class*="theme-"] .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } body.highcontrast .input-lg, body[class*="theme-"] .input-lg { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } body.highcontrast .checkbox-inline, body.highcontrast .radio-inline, body[class*="theme-"] .checkbox-inline, body[class*="theme-"] .radio-inline { height: 45px; line-height: 45px; margin-top: 18px; padding-left: 7px; padding-right: 7px; } body.highcontrast .checkbox-inline > label, body.highcontrast .radio-inline > label, body[class*="theme-"] .checkbox-inline > label, body[class*="theme-"] .radio-inline > label { font-weight: 400; margin-bottom: 0; padding-left: 20px; text-transform: none; } body.highcontrast .checkbox input[type="checkbox"], body.highcontrast .checkbox-inline input[type="checkbox"], body.highcontrast .radio input[type="radio"], body.highcontrast .radio-inline input[type="radio"], body[class*="theme-"] .checkbox input[type="checkbox"], body[class*="theme-"] .checkbox-inline input[type="checkbox"], body[class*="theme-"] .radio input[type="radio"], body[class*="theme-"] .radio-inline input[type="radio"] { margin-top: 16px; } body.highcontrast .select-inline .form-group, body[class*="theme-"] .select-inline .form-group { display: inline-block; } body.highcontrast .form-control:focus, body[class*="theme-"] .form-control:focus { border-color: var(--uux-app-inputFocusBorder); } body.highcontrast .has-warning .control-label, body.highcontrast .has-warning .help-block, body[class*="theme-"] .has-warning .control-label, body[class*="theme-"] .has-warning .help-block { color: var(--uux-app-inputWarningText); } body.highcontrast .has-warning .form-control, body[class*="theme-"] .has-warning .form-control { border-color: var(--uux-app-inputWarningText); } body.highcontrast .has-warning .form-control:focus, body[class*="theme-"] .has-warning .form-control:focus { box-shadow: 0 0 5px var(--uux-app-inputWarningFocusBorderFaded); border-color: var(--uux-app-inputWarningFocusBorder); } body.highcontrast .has-warning .input-group-addon, body[class*="theme-"] .has-warning .input-group-addon { color: var(--uux-app-inputWarningText); background-color: var(--uux-app-inputWarningFocusBg); border-color: var(--uux-app-inputWarningFocusBorder); } body.highcontrast .has-error .form-control:focus, body[class*="theme-"] .has-error .form-control:focus { box-shadow: 0 0 5px var(--uux-app-inputErrorFocusGlowFaded); border-color: var(--uux-app-inputErrorFocusBorder); } body.highcontrast .has-error .input-group-addon, body[class*="theme-"] .has-error .input-group-addon { color: var(--uux-app-inputErrorText); background-color: var(--uux-app-inputErrorFocusBg); border-color: var(--uux-app-inputErrorBorder); } body.highcontrast .has-success .control-label, body.highcontrast .has-success .help-block, body[class*="theme-"] .has-success .control-label, body[class*="theme-"] .has-success .help-block { color: var(--uux-app-inputSuccessText); } body.highcontrast .has-success .form-control, body[class*="theme-"] .has-success .form-control { border-color: var(--uux-app-inputSuccessText); } body.highcontrast .has-success .form-control:focus, body[class*="theme-"] .has-success .form-control:focus { box-shadow: 0 0 5px var(--uux-app-inputSuccessFocusGlowFaded); border-color: var(--uux-app-inputSuccessFocusBorder); } body.highcontrast .has-success .input-group-addon, body[class*="theme-"] .has-success .input-group-addon { color: var(--uux-app-inputSuccessText); background-color: var(--uux-app-inputSuccessFocusBg); border-color: var(--uux-app-inputSuccessText); } body.highcontrast .form-control-static, body[class*="theme-"] .form-control-static { line-height: 42px; margin-bottom: 0; padding-top: 0; } body.highcontrast .checkbox-lg input[type="checkbox"], body[class*="theme-"] .checkbox-lg input[type="checkbox"] { transform: scale(2); padding: 0; } body.highcontrast .checkbox-md input[type="checkbox"], body[class*="theme-"] .checkbox-md input[type="checkbox"] { transform: scale(1.5); padding: 0; } body.highcontrast .fieldset legend, body[class*="theme-"] .fieldset legend { display: block; width: 100%; padding: 0; margin-bottom: 1px; font-size: 14px; font-weight: 600; line-height: var(--uux-app-lineHeight); color: var(--uux-app-textColor); border: 0; } body.highcontrast li.account-item, body[class*="theme-"] li.account-item { padding: 0 15px; list-style: none; border: 1px solid var(--uux-theme-grayLight); } body.highcontrast li.account-item input, body[class*="theme-"] li.account-item input { margin: 20px; } body.highcontrast li.account-item label, body[class*="theme-"] li.account-item label { font-weight: 400; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast li.account-item label .ui-icon, body[class*="theme-"] li.account-item label .ui-icon { font-size: 17px; } body.highcontrast li.account-item div.status, body[class*="theme-"] li.account-item div.status { display: inline-block; float: right; margin: 0 10px 0 0; } body.highcontrast div.faux-checkbox:not(.iconic), body[class*="theme-"] div.faux-checkbox:not(.iconic) { background-color: var(--t-base); background-image: linear-gradient( to bottom, var(--uux-app-contentBg) 0, var(--uux-theme-white) 100% ); background-repeat: repeat-x; border-radius: 3px; border: 1px solid var(--uux-app-contentBorder); height: 18px; margin: 1px 0 0; min-height: 18px; padding: 0; width: 18px; } body.highcontrast div.faux-checkbox:not(.iconic).recessed, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed { background-image: none; filter: none; border-radius: 5px; background: var(--uux-theme-white); height: 20px; width: 20px; } body.highcontrast div.faux-checkbox:not(.iconic).recessed:focus, body.highcontrast div.faux-checkbox:not(.iconic).recessed:hover, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed:focus, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed:hover { background-position: 0 0; } body.highcontrast div.faux-checkbox:not(.iconic).recessed.checked, body.highcontrast div.faux-checkbox:not(.iconic).recessed.selected, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed.checked, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed.selected { box-shadow: none; } body.highcontrast div.faux-checkbox:not(.iconic).recessed.checked:after, body.highcontrast div.faux-checkbox:not(.iconic).recessed.selected:after, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed.checked:after, body[class*="theme-"] div.faux-checkbox:not(.iconic).recessed.selected:after { left: 2px; top: 0; } body.highcontrast div.faux-checkbox:not(.iconic).checked, body.highcontrast div.faux-checkbox:not(.iconic).selected, body[class*="theme-"] div.faux-checkbox:not(.iconic).checked, body[class*="theme-"] div.faux-checkbox:not(.iconic).selected { background-image: none; filter: none; background: var(--uux-theme-white); border-color: var(--t-top-a1); } body.highcontrast div.faux-checkbox:not(.iconic).checked:focus, body.highcontrast div.faux-checkbox:not(.iconic).checked:hover, body.highcontrast div.faux-checkbox:not(.iconic).selected:focus, body.highcontrast div.faux-checkbox:not(.iconic).selected:hover, body[class*="theme-"] div.faux-checkbox:not(.iconic).checked:focus, body[class*="theme-"] div.faux-checkbox:not(.iconic).checked:hover, body[class*="theme-"] div.faux-checkbox:not(.iconic).selected:focus, body[class*="theme-"] div.faux-checkbox:not(.iconic).selected:hover { background-position: 0 0; } body.highcontrast div.faux-checkbox:not(.iconic).checked:after, body.highcontrast div.faux-checkbox:not(.iconic).selected:after, body[class*="theme-"] div.faux-checkbox:not(.iconic).checked:after, body[class*="theme-"] div.faux-checkbox:not(.iconic).selected:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f12f"; margin: -1px -1px 1px 1px; } body.highcontrast .faux-checkbox.iconic, body[class*="theme-"] .faux-checkbox.iconic { height: 24px; margin: 1px 0 0; min-height: 24px; width: 24px; } body.highcontrast .faux-checkbox.iconic:before, body[class*="theme-"] .faux-checkbox.iconic:before { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f10e"; line-height: 1em; font-size: 24px; } body.highcontrast .faux-checkbox.iconic.checked:before, body.highcontrast .faux-checkbox.iconic.selected:before, body[class*="theme-"] .faux-checkbox.iconic.checked:before, body[class*="theme-"] .faux-checkbox.iconic.selected:before { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f10f"; } body.highcontrast .table td.text-center div.faux-checkbox, body[class*="theme-"] .table td.text-center div.faux-checkbox { display: inline-block; } body.highcontrast .form-container:after, body.highcontrast .form-container:before, body.highcontrast .inline-form:after, body.highcontrast .inline-form:before, body[class*="theme-"] .form-container:after, body[class*="theme-"] .form-container:before, body[class*="theme-"] .inline-form:after, body[class*="theme-"] .inline-form:before { display: table; line-height: 0; content: ""; } body.highcontrast .table td.text-center div.faux-checkbox.checked:after, body.highcontrast .table td.text-center div.faux-checkbox.selected:after, body[class*="theme-"] .table td.text-center div.faux-checkbox.checked:after, body[class*="theme-"] .table td.text-center div.faux-checkbox.selected:after { left: 0; } body.highcontrast .form-container, body[class*="theme-"] .form-container { margin: 0; padding: 0 15px 15px; } body.highcontrast .form-container:after, body[class*="theme-"] .form-container:after { clear: both; } body.highcontrast .form-container > .row, body[class*="theme-"] .form-container > .row { margin-left: -7px; margin-right: -7px; } body.highcontrast .form-container > .row > .h3, body.highcontrast .form-container > .row > div, body.highcontrast .form-container > .row > h3, body.highcontrast .form-container > .row > p, body[class*="theme-"] .form-container > .row > .h3, body[class*="theme-"] .form-container > .row > div, body[class*="theme-"] .form-container > .row > h3, body[class*="theme-"] .form-container > .row > p { padding: 0 7px; } body.highcontrast .inline-form, body[class*="theme-"] .inline-form { margin-right: -10px; } body.highcontrast .inline-form:after, body[class*="theme-"] .inline-form:after { clear: both; } body.highcontrast .inline-form button, body.highcontrast .inline-form input, body[class*="theme-"] .inline-form button, body[class*="theme-"] .inline-form input { margin-right: 10px; } body.highcontrast .inline-form button[type="checkbox"], body.highcontrast .inline-form button[type="hidden"], body.highcontrast .inline-form button[type="radio"], body.highcontrast .inline-form input[type="checkbox"], body.highcontrast .inline-form input[type="hidden"], body.highcontrast .inline-form input[type="radio"], body[class*="theme-"] .inline-form button[type="checkbox"], body[class*="theme-"] .inline-form button[type="hidden"], body[class*="theme-"] .inline-form button[type="radio"], body[class*="theme-"] .inline-form input[type="checkbox"], body[class*="theme-"] .inline-form input[type="hidden"], body[class*="theme-"] .inline-form input[type="radio"] { margin-right: 0; } body.highcontrast .inline-form .uneditable-input, body.highcontrast .inline-form input[type="color"], body.highcontrast .inline-form input[type="date"], body.highcontrast .inline-form input[type="datetime-local"], body.highcontrast .inline-form input[type="datetime"], body.highcontrast .inline-form input[type="email"], body.highcontrast .inline-form input[type="month"], body.highcontrast .inline-form input[type="number"], body.highcontrast .inline-form input[type="password"], body.highcontrast .inline-form input[type="search"], body.highcontrast .inline-form input[type="tel"], body.highcontrast .inline-form input[type="text"], body.highcontrast .inline-form input[type="time"], body.highcontrast .inline-form input[type="url"], body.highcontrast .inline-form input[type="week"], body.highcontrast .inline-form textarea, body[class*="theme-"] .inline-form .uneditable-input, body[class*="theme-"] .inline-form input[type="color"], body[class*="theme-"] .inline-form input[type="date"], body[class*="theme-"] .inline-form input[type="datetime-local"], body[class*="theme-"] .inline-form input[type="datetime"], body[class*="theme-"] .inline-form input[type="email"], body[class*="theme-"] .inline-form input[type="month"], body[class*="theme-"] .inline-form input[type="number"], body[class*="theme-"] .inline-form input[type="password"], body[class*="theme-"] .inline-form input[type="search"], body[class*="theme-"] .inline-form input[type="tel"], body[class*="theme-"] .inline-form input[type="text"], body[class*="theme-"] .inline-form input[type="time"], body[class*="theme-"] .inline-form input[type="url"], body[class*="theme-"] .inline-form input[type="week"], body[class*="theme-"] .inline-form textarea { display: inline-block; float: left; font-size: 11px; height: 34px; margin-right: 8px; } body.highcontrast .inline-form input[type="search"], body[class*="theme-"] .inline-form input[type="search"] { border-radius: 0; height: 36px; } body.highcontrast .inline-form .btn, body.highcontrast .inline-form button, body.highcontrast .inline-form input[type="button"], body.highcontrast .inline-form input[type="reset"], body.highcontrast .inline-form input[type="submit"], body[class*="theme-"] .inline-form .btn, body[class*="theme-"] .inline-form button, body[class*="theme-"] .inline-form input[type="button"], body[class*="theme-"] .inline-form input[type="reset"], body[class*="theme-"] .inline-form input[type="submit"] { margin-top: 1px; display: inline-block; float: left; margin-right: 8px; } body.highcontrast #legacy-dyn-form-content .ember-text-field, body.highcontrast #legacy-dyn-form-content .file-upload-group > label, body.highcontrast #legacy-dyn-form-content .uneditable-input, body.highcontrast #legacy-dyn-form-content input[type="color"], body.highcontrast #legacy-dyn-form-content input[type="date"], body.highcontrast #legacy-dyn-form-content input[type="datetime-local"], body.highcontrast #legacy-dyn-form-content input[type="datetime"], body.highcontrast #legacy-dyn-form-content input[type="email"], body.highcontrast #legacy-dyn-form-content input[type="month"], body.highcontrast #legacy-dyn-form-content input[type="number"], body.highcontrast #legacy-dyn-form-content input[type="password"], body.highcontrast #legacy-dyn-form-content input[type="search"], body.highcontrast #legacy-dyn-form-content input[type="tel"], body.highcontrast #legacy-dyn-form-content input[type="text"], body.highcontrast #legacy-dyn-form-content input[type="time"], body.highcontrast #legacy-dyn-form-content input[type="url"], body.highcontrast #legacy-dyn-form-content input[type="week"], body.highcontrast #legacy-dyn-form-content select, body.highcontrast #legacy-dyn-form-content textarea, body.highcontrast .legacy-dyn-form-content .ember-text-field, body.highcontrast .legacy-dyn-form-content .file-upload-group > label, body.highcontrast .legacy-dyn-form-content .uneditable-input, body.highcontrast .legacy-dyn-form-content input[type="color"], body.highcontrast .legacy-dyn-form-content input[type="date"], body.highcontrast .legacy-dyn-form-content input[type="datetime-local"], body.highcontrast .legacy-dyn-form-content input[type="datetime"], body.highcontrast .legacy-dyn-form-content input[type="email"], body.highcontrast .legacy-dyn-form-content input[type="month"], body.highcontrast .legacy-dyn-form-content input[type="number"], body.highcontrast .legacy-dyn-form-content input[type="password"], body.highcontrast .legacy-dyn-form-content input[type="search"], body.highcontrast .legacy-dyn-form-content input[type="tel"], body.highcontrast .legacy-dyn-form-content input[type="text"], body.highcontrast .legacy-dyn-form-content input[type="time"], body.highcontrast .legacy-dyn-form-content input[type="url"], body.highcontrast .legacy-dyn-form-content input[type="week"], body.highcontrast .legacy-dyn-form-content select, body.highcontrast .legacy-dyn-form-content textarea, body.highcontrast .login-form .ember-text-field, body.highcontrast .login-form .file-upload-group > label, body.highcontrast .login-form .uneditable-input, body.highcontrast .login-form input[type="color"], body.highcontrast .login-form input[type="date"], body.highcontrast .login-form input[type="datetime-local"], body.highcontrast .login-form input[type="datetime"], body.highcontrast .login-form input[type="email"], body.highcontrast .login-form input[type="month"], body.highcontrast .login-form input[type="number"], body.highcontrast .login-form input[type="password"], body.highcontrast .login-form input[type="search"], body.highcontrast .login-form input[type="tel"], body.highcontrast .login-form input[type="text"], body.highcontrast .login-form input[type="time"], body.highcontrast .login-form input[type="url"], body.highcontrast .login-form input[type="week"], body.highcontrast .login-form select, body.highcontrast .login-form textarea, body.highcontrast .whitefield-form .ember-text-field, body.highcontrast .whitefield-form .file-upload-group > label, body.highcontrast .whitefield-form .uneditable-input, body.highcontrast .whitefield-form input[type="color"], body.highcontrast .whitefield-form input[type="date"], body.highcontrast .whitefield-form input[type="datetime-local"], body.highcontrast .whitefield-form input[type="datetime"], body.highcontrast .whitefield-form input[type="email"], body.highcontrast .whitefield-form input[type="month"], body.highcontrast .whitefield-form input[type="number"], body.highcontrast .whitefield-form input[type="password"], body.highcontrast .whitefield-form input[type="search"], body.highcontrast .whitefield-form input[type="tel"], body.highcontrast .whitefield-form input[type="text"], body.highcontrast .whitefield-form input[type="time"], body.highcontrast .whitefield-form input[type="url"], body.highcontrast .whitefield-form input[type="week"], body.highcontrast .whitefield-form select, body.highcontrast .whitefield-form textarea, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .ember-text-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .file-upload-group > label, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .uneditable-input, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="color"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="date"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="datetime-local"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="datetime"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="email"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="month"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="number"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="password"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="search"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="tel"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="text"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="time"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="url"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="week"], body.highcontrast body[class*="theme-"] #legacy-dyn-form-content select, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content textarea, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .ember-text-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .file-upload-group > label, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .uneditable-input, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="color"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="date"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="datetime-local"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="datetime"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="email"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="month"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="number"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="password"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="search"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="tel"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="text"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="time"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="url"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="week"], body.highcontrast body[class*="theme-"] .legacy-dyn-form-content select, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content textarea, body[class*="theme-"] #legacy-dyn-form-content .ember-text-field, body[class*="theme-"] #legacy-dyn-form-content .file-upload-group > label, body[class*="theme-"] #legacy-dyn-form-content .uneditable-input, body[class*="theme-"] #legacy-dyn-form-content input[type="color"], body[class*="theme-"] #legacy-dyn-form-content input[type="date"], body[class*="theme-"] #legacy-dyn-form-content input[type="datetime-local"], body[class*="theme-"] #legacy-dyn-form-content input[type="datetime"], body[class*="theme-"] #legacy-dyn-form-content input[type="email"], body[class*="theme-"] #legacy-dyn-form-content input[type="month"], body[class*="theme-"] #legacy-dyn-form-content input[type="number"], body[class*="theme-"] #legacy-dyn-form-content input[type="password"], body[class*="theme-"] #legacy-dyn-form-content input[type="search"], body[class*="theme-"] #legacy-dyn-form-content input[type="tel"], body[class*="theme-"] #legacy-dyn-form-content input[type="text"], body[class*="theme-"] #legacy-dyn-form-content input[type="time"], body[class*="theme-"] #legacy-dyn-form-content input[type="url"], body[class*="theme-"] #legacy-dyn-form-content input[type="week"], body[class*="theme-"] #legacy-dyn-form-content select, body[class*="theme-"] #legacy-dyn-form-content textarea, body[class*="theme-"] .legacy-dyn-form-content .ember-text-field, body[class*="theme-"] .legacy-dyn-form-content .file-upload-group > label, body[class*="theme-"] .legacy-dyn-form-content .uneditable-input, body[class*="theme-"] .legacy-dyn-form-content input[type="color"], body[class*="theme-"] .legacy-dyn-form-content input[type="date"], body[class*="theme-"] .legacy-dyn-form-content input[type="datetime-local"], body[class*="theme-"] .legacy-dyn-form-content input[type="datetime"], body[class*="theme-"] .legacy-dyn-form-content input[type="email"], body[class*="theme-"] .legacy-dyn-form-content input[type="month"], body[class*="theme-"] .legacy-dyn-form-content input[type="number"], body[class*="theme-"] .legacy-dyn-form-content input[type="password"], body[class*="theme-"] .legacy-dyn-form-content input[type="search"], body[class*="theme-"] .legacy-dyn-form-content input[type="tel"], body[class*="theme-"] .legacy-dyn-form-content input[type="text"], body[class*="theme-"] .legacy-dyn-form-content input[type="time"], body[class*="theme-"] .legacy-dyn-form-content input[type="url"], body[class*="theme-"] .legacy-dyn-form-content input[type="week"], body[class*="theme-"] .legacy-dyn-form-content select, body[class*="theme-"] .legacy-dyn-form-content textarea, body[class*="theme-"] .login-form .ember-text-field, body[class*="theme-"] .login-form .file-upload-group > label, body[class*="theme-"] .login-form .uneditable-input, body[class*="theme-"] .login-form input[type="color"], body[class*="theme-"] .login-form input[type="date"], body[class*="theme-"] .login-form input[type="datetime-local"], body[class*="theme-"] .login-form input[type="datetime"], body[class*="theme-"] .login-form input[type="email"], body[class*="theme-"] .login-form input[type="month"], body[class*="theme-"] .login-form input[type="number"], body[class*="theme-"] .login-form input[type="password"], body[class*="theme-"] .login-form input[type="search"], body[class*="theme-"] .login-form input[type="tel"], body[class*="theme-"] .login-form input[type="text"], body[class*="theme-"] .login-form input[type="time"], body[class*="theme-"] .login-form input[type="url"], body[class*="theme-"] .login-form input[type="week"], body[class*="theme-"] .login-form select, body[class*="theme-"] .login-form textarea, body[class*="theme-"] .whitefield-form .ember-text-field, body[class*="theme-"] .whitefield-form .file-upload-group > label, body[class*="theme-"] .whitefield-form .uneditable-input, body[class*="theme-"] .whitefield-form input[type="color"], body[class*="theme-"] .whitefield-form input[type="date"], body[class*="theme-"] .whitefield-form input[type="datetime-local"], body[class*="theme-"] .whitefield-form input[type="datetime"], body[class*="theme-"] .whitefield-form input[type="email"], body[class*="theme-"] .whitefield-form input[type="month"], body[class*="theme-"] .whitefield-form input[type="number"], body[class*="theme-"] .whitefield-form input[type="password"], body[class*="theme-"] .whitefield-form input[type="search"], body[class*="theme-"] .whitefield-form input[type="tel"], body[class*="theme-"] .whitefield-form input[type="text"], body[class*="theme-"] .whitefield-form input[type="time"], body[class*="theme-"] .whitefield-form input[type="url"], body[class*="theme-"] .whitefield-form input[type="week"], body[class*="theme-"] .whitefield-form select, body[class*="theme-"] .whitefield-form textarea, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .ember-text-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .file-upload-group > label, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .uneditable-input, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="color"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="date"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="datetime-local"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="datetime"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="email"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="month"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="number"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="password"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="search"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="tel"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="text"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="time"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="url"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="week"], body[class*="theme-"] body.highcontrast #legacy-dyn-form-content select, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content textarea, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .ember-text-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .file-upload-group > label, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .uneditable-input, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="color"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="date"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="datetime-local"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="datetime"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="email"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="month"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="number"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="password"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="search"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="tel"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="text"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="time"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="url"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="week"], body[class*="theme-"] body.highcontrast .legacy-dyn-form-content select, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content textarea { border: 1px solid var(--uux-app-inputAltBorder); color: var(--uux-app-inputText); } body.highcontrast #legacy-dyn-form-content .ember-text-field:focus, body.highcontrast #legacy-dyn-form-content .file-upload-group > label:focus, body.highcontrast #legacy-dyn-form-content .uneditable-input:focus, body.highcontrast #legacy-dyn-form-content input[type="color"]:focus, body.highcontrast #legacy-dyn-form-content input[type="date"]:focus, body.highcontrast #legacy-dyn-form-content input[type="datetime-local"]:focus, body.highcontrast #legacy-dyn-form-content input[type="datetime"]:focus, body.highcontrast #legacy-dyn-form-content input[type="email"]:focus, body.highcontrast #legacy-dyn-form-content input[type="month"]:focus, body.highcontrast #legacy-dyn-form-content input[type="number"]:focus, body.highcontrast #legacy-dyn-form-content input[type="password"]:focus, body.highcontrast #legacy-dyn-form-content input[type="search"]:focus, body.highcontrast #legacy-dyn-form-content input[type="tel"]:focus, body.highcontrast #legacy-dyn-form-content input[type="text"]:focus, body.highcontrast #legacy-dyn-form-content input[type="time"]:focus, body.highcontrast #legacy-dyn-form-content input[type="url"]:focus, body.highcontrast #legacy-dyn-form-content input[type="week"]:focus, body.highcontrast #legacy-dyn-form-content select:focus, body.highcontrast #legacy-dyn-form-content textarea:focus, body.highcontrast .legacy-dyn-form-content .ember-text-field:focus, body.highcontrast .legacy-dyn-form-content .file-upload-group > label:focus, body.highcontrast .legacy-dyn-form-content .uneditable-input:focus, body.highcontrast .legacy-dyn-form-content input[type="color"]:focus, body.highcontrast .legacy-dyn-form-content input[type="date"]:focus, body.highcontrast .legacy-dyn-form-content input[type="datetime-local"]:focus, body.highcontrast .legacy-dyn-form-content input[type="datetime"]:focus, body.highcontrast .legacy-dyn-form-content input[type="email"]:focus, body.highcontrast .legacy-dyn-form-content input[type="month"]:focus, body.highcontrast .legacy-dyn-form-content input[type="number"]:focus, body.highcontrast .legacy-dyn-form-content input[type="password"]:focus, body.highcontrast .legacy-dyn-form-content input[type="search"]:focus, body.highcontrast .legacy-dyn-form-content input[type="tel"]:focus, body.highcontrast .legacy-dyn-form-content input[type="text"]:focus, body.highcontrast .legacy-dyn-form-content input[type="time"]:focus, body.highcontrast .legacy-dyn-form-content input[type="url"]:focus, body.highcontrast .legacy-dyn-form-content input[type="week"]:focus, body.highcontrast .legacy-dyn-form-content select:focus, body.highcontrast .legacy-dyn-form-content textarea:focus, body.highcontrast .login-form .ember-text-field:focus, body.highcontrast .login-form .file-upload-group > label:focus, body.highcontrast .login-form .uneditable-input:focus, body.highcontrast .login-form input[type="color"]:focus, body.highcontrast .login-form input[type="date"]:focus, body.highcontrast .login-form input[type="datetime-local"]:focus, body.highcontrast .login-form input[type="datetime"]:focus, body.highcontrast .login-form input[type="email"]:focus, body.highcontrast .login-form input[type="month"]:focus, body.highcontrast .login-form input[type="number"]:focus, body.highcontrast .login-form input[type="password"]:focus, body.highcontrast .login-form input[type="search"]:focus, body.highcontrast .login-form input[type="tel"]:focus, body.highcontrast .login-form input[type="text"]:focus, body.highcontrast .login-form input[type="time"]:focus, body.highcontrast .login-form input[type="url"]:focus, body.highcontrast .login-form input[type="week"]:focus, body.highcontrast .login-form select:focus, body.highcontrast .login-form textarea:focus, body.highcontrast .whitefield-form .ember-text-field:focus, body.highcontrast .whitefield-form .file-upload-group > label:focus, body.highcontrast .whitefield-form .uneditable-input:focus, body.highcontrast .whitefield-form input[type="color"]:focus, body.highcontrast .whitefield-form input[type="date"]:focus, body.highcontrast .whitefield-form input[type="datetime-local"]:focus, body.highcontrast .whitefield-form input[type="datetime"]:focus, body.highcontrast .whitefield-form input[type="email"]:focus, body.highcontrast .whitefield-form input[type="month"]:focus, body.highcontrast .whitefield-form input[type="number"]:focus, body.highcontrast .whitefield-form input[type="password"]:focus, body.highcontrast .whitefield-form input[type="search"]:focus, body.highcontrast .whitefield-form input[type="tel"]:focus, body.highcontrast .whitefield-form input[type="text"]:focus, body.highcontrast .whitefield-form input[type="time"]:focus, body.highcontrast .whitefield-form input[type="url"]:focus, body.highcontrast .whitefield-form input[type="week"]:focus, body.highcontrast .whitefield-form select:focus, body.highcontrast .whitefield-form textarea:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .ember-text-field:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .file-upload-group > label:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .uneditable-input:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="color"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="date"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="datetime-local"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="datetime"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="email"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="month"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="number"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="password"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="search"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="tel"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="time"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="url"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="week"]:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content select:focus, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content textarea:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .ember-text-field:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .file-upload-group > label:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .uneditable-input:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="color"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="date"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="datetime-local"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="datetime"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="email"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="month"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="number"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="password"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="search"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="tel"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="time"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="url"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="week"]:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content select:focus, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content textarea:focus, body[class*="theme-"] #legacy-dyn-form-content .ember-text-field:focus, body[class*="theme-"] #legacy-dyn-form-content .file-upload-group > label:focus, body[class*="theme-"] #legacy-dyn-form-content .uneditable-input:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="color"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="date"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="datetime-local"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="datetime"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="email"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="month"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="number"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="password"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="search"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="tel"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="time"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="url"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="week"]:focus, body[class*="theme-"] #legacy-dyn-form-content select:focus, body[class*="theme-"] #legacy-dyn-form-content textarea:focus, body[class*="theme-"] .legacy-dyn-form-content .ember-text-field:focus, body[class*="theme-"] .legacy-dyn-form-content .file-upload-group > label:focus, body[class*="theme-"] .legacy-dyn-form-content .uneditable-input:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="color"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="date"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="datetime-local"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="datetime"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="email"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="month"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="number"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="password"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="search"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="tel"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="time"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="url"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="week"]:focus, body[class*="theme-"] .legacy-dyn-form-content select:focus, body[class*="theme-"] .legacy-dyn-form-content textarea:focus, body[class*="theme-"] .login-form .ember-text-field:focus, body[class*="theme-"] .login-form .file-upload-group > label:focus, body[class*="theme-"] .login-form .uneditable-input:focus, body[class*="theme-"] .login-form input[type="color"]:focus, body[class*="theme-"] .login-form input[type="date"]:focus, body[class*="theme-"] .login-form input[type="datetime-local"]:focus, body[class*="theme-"] .login-form input[type="datetime"]:focus, body[class*="theme-"] .login-form input[type="email"]:focus, body[class*="theme-"] .login-form input[type="month"]:focus, body[class*="theme-"] .login-form input[type="number"]:focus, body[class*="theme-"] .login-form input[type="password"]:focus, body[class*="theme-"] .login-form input[type="search"]:focus, body[class*="theme-"] .login-form input[type="tel"]:focus, body[class*="theme-"] .login-form input[type="text"]:focus, body[class*="theme-"] .login-form input[type="time"]:focus, body[class*="theme-"] .login-form input[type="url"]:focus, body[class*="theme-"] .login-form input[type="week"]:focus, body[class*="theme-"] .login-form select:focus, body[class*="theme-"] .login-form textarea:focus, body[class*="theme-"] .whitefield-form .ember-text-field:focus, body[class*="theme-"] .whitefield-form .file-upload-group > label:focus, body[class*="theme-"] .whitefield-form .uneditable-input:focus, body[class*="theme-"] .whitefield-form input[type="color"]:focus, body[class*="theme-"] .whitefield-form input[type="date"]:focus, body[class*="theme-"] .whitefield-form input[type="datetime-local"]:focus, body[class*="theme-"] .whitefield-form input[type="datetime"]:focus, body[class*="theme-"] .whitefield-form input[type="email"]:focus, body[class*="theme-"] .whitefield-form input[type="month"]:focus, body[class*="theme-"] .whitefield-form input[type="number"]:focus, body[class*="theme-"] .whitefield-form input[type="password"]:focus, body[class*="theme-"] .whitefield-form input[type="search"]:focus, body[class*="theme-"] .whitefield-form input[type="tel"]:focus, body[class*="theme-"] .whitefield-form input[type="text"]:focus, body[class*="theme-"] .whitefield-form input[type="time"]:focus, body[class*="theme-"] .whitefield-form input[type="url"]:focus, body[class*="theme-"] .whitefield-form input[type="week"]:focus, body[class*="theme-"] .whitefield-form select:focus, body[class*="theme-"] .whitefield-form textarea:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .ember-text-field:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .file-upload-group > label:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .uneditable-input:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="color"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="date"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="datetime-local"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="datetime"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="email"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="month"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="number"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="password"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="search"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="tel"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="text"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="time"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="url"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="week"]:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content select:focus, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content textarea:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .ember-text-field:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .file-upload-group > label:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .uneditable-input:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="color"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="date"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="datetime-local"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="datetime"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="email"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="month"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="number"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="password"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="search"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="tel"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="text"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="time"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="url"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="week"]:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content select:focus, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content textarea:focus { background-color: var(--uux-app-inputAltFocusBg); } body.highcontrast #legacy-dyn-form-content .ember-text-field.invalid-form-field, body.highcontrast #legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body.highcontrast #legacy-dyn-form-content .uneditable-input.invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="color"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="date"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="datetime"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="email"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="month"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="number"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="password"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="search"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="tel"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="text"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="time"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="url"].invalid-form-field, body.highcontrast #legacy-dyn-form-content input[type="week"].invalid-form-field, body.highcontrast #legacy-dyn-form-content select.invalid-form-field, body.highcontrast #legacy-dyn-form-content textarea.invalid-form-field, body.highcontrast .legacy-dyn-form-content .ember-text-field.invalid-form-field, body.highcontrast .legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body.highcontrast .legacy-dyn-form-content .uneditable-input.invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="color"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="date"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="datetime"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="email"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="month"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="number"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="password"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="search"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="tel"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="text"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="time"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="url"].invalid-form-field, body.highcontrast .legacy-dyn-form-content input[type="week"].invalid-form-field, body.highcontrast .legacy-dyn-form-content select.invalid-form-field, body.highcontrast .legacy-dyn-form-content textarea.invalid-form-field, body.highcontrast .login-form .ember-text-field.invalid-form-field, body.highcontrast .login-form .file-upload-group > label.invalid-form-field, body.highcontrast .login-form .uneditable-input.invalid-form-field, body.highcontrast .login-form input[type="color"].invalid-form-field, body.highcontrast .login-form input[type="date"].invalid-form-field, body.highcontrast .login-form input[type="datetime-local"].invalid-form-field, body.highcontrast .login-form input[type="datetime"].invalid-form-field, body.highcontrast .login-form input[type="email"].invalid-form-field, body.highcontrast .login-form input[type="month"].invalid-form-field, body.highcontrast .login-form input[type="number"].invalid-form-field, body.highcontrast .login-form input[type="password"].invalid-form-field, body.highcontrast .login-form input[type="search"].invalid-form-field, body.highcontrast .login-form input[type="tel"].invalid-form-field, body.highcontrast .login-form input[type="text"].invalid-form-field, body.highcontrast .login-form input[type="time"].invalid-form-field, body.highcontrast .login-form input[type="url"].invalid-form-field, body.highcontrast .login-form input[type="week"].invalid-form-field, body.highcontrast .login-form select.invalid-form-field, body.highcontrast .login-form textarea.invalid-form-field, body.highcontrast .whitefield-form .ember-text-field.invalid-form-field, body.highcontrast .whitefield-form .file-upload-group > label.invalid-form-field, body.highcontrast .whitefield-form .uneditable-input.invalid-form-field, body.highcontrast .whitefield-form input[type="color"].invalid-form-field, body.highcontrast .whitefield-form input[type="date"].invalid-form-field, body.highcontrast .whitefield-form input[type="datetime-local"].invalid-form-field, body.highcontrast .whitefield-form input[type="datetime"].invalid-form-field, body.highcontrast .whitefield-form input[type="email"].invalid-form-field, body.highcontrast .whitefield-form input[type="month"].invalid-form-field, body.highcontrast .whitefield-form input[type="number"].invalid-form-field, body.highcontrast .whitefield-form input[type="password"].invalid-form-field, body.highcontrast .whitefield-form input[type="search"].invalid-form-field, body.highcontrast .whitefield-form input[type="tel"].invalid-form-field, body.highcontrast .whitefield-form input[type="text"].invalid-form-field, body.highcontrast .whitefield-form input[type="time"].invalid-form-field, body.highcontrast .whitefield-form input[type="url"].invalid-form-field, body.highcontrast .whitefield-form input[type="week"].invalid-form-field, body.highcontrast .whitefield-form select.invalid-form-field, body.highcontrast .whitefield-form textarea.invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .ember-text-field.invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content .uneditable-input.invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="color"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="date"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="datetime"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="email"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="month"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="number"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="password"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="search"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="tel"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="text"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="time"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="url"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content input[type="week"].invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content select.invalid-form-field, body.highcontrast body[class*="theme-"] #legacy-dyn-form-content textarea.invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .ember-text-field.invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content .uneditable-input.invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="color"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="date"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="datetime"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="email"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="month"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="number"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="password"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="search"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="tel"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="text"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="time"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="url"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content input[type="week"].invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content select.invalid-form-field, body.highcontrast body[class*="theme-"] .legacy-dyn-form-content textarea.invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content .ember-text-field.invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content .uneditable-input.invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="color"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="date"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="datetime"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="email"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="month"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="number"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="password"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="search"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="tel"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="text"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="time"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="url"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content input[type="week"].invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content select.invalid-form-field, body[class*="theme-"] #legacy-dyn-form-content textarea.invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content .ember-text-field.invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content .uneditable-input.invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="color"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="date"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="datetime"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="email"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="month"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="number"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="password"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="search"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="tel"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="text"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="time"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="url"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content input[type="week"].invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content select.invalid-form-field, body[class*="theme-"] .legacy-dyn-form-content textarea.invalid-form-field, body[class*="theme-"] .login-form .ember-text-field.invalid-form-field, body[class*="theme-"] .login-form .file-upload-group > label.invalid-form-field, body[class*="theme-"] .login-form .uneditable-input.invalid-form-field, body[class*="theme-"] .login-form input[type="color"].invalid-form-field, body[class*="theme-"] .login-form input[type="date"].invalid-form-field, body[class*="theme-"] .login-form input[type="datetime-local"].invalid-form-field, body[class*="theme-"] .login-form input[type="datetime"].invalid-form-field, body[class*="theme-"] .login-form input[type="email"].invalid-form-field, body[class*="theme-"] .login-form input[type="month"].invalid-form-field, body[class*="theme-"] .login-form input[type="number"].invalid-form-field, body[class*="theme-"] .login-form input[type="password"].invalid-form-field, body[class*="theme-"] .login-form input[type="search"].invalid-form-field, body[class*="theme-"] .login-form input[type="tel"].invalid-form-field, body[class*="theme-"] .login-form input[type="text"].invalid-form-field, body[class*="theme-"] .login-form input[type="time"].invalid-form-field, body[class*="theme-"] .login-form input[type="url"].invalid-form-field, body[class*="theme-"] .login-form input[type="week"].invalid-form-field, body[class*="theme-"] .login-form select.invalid-form-field, body[class*="theme-"] .login-form textarea.invalid-form-field, body[class*="theme-"] .whitefield-form .ember-text-field.invalid-form-field, body[class*="theme-"] .whitefield-form .file-upload-group > label.invalid-form-field, body[class*="theme-"] .whitefield-form .uneditable-input.invalid-form-field, body[class*="theme-"] .whitefield-form input[type="color"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="date"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="datetime-local"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="datetime"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="email"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="month"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="number"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="password"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="search"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="tel"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="text"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="time"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="url"].invalid-form-field, body[class*="theme-"] .whitefield-form input[type="week"].invalid-form-field, body[class*="theme-"] .whitefield-form select.invalid-form-field, body[class*="theme-"] .whitefield-form textarea.invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .ember-text-field.invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content .uneditable-input.invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="color"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="date"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="datetime"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="email"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="month"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="number"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="password"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="search"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="tel"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="text"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="time"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="url"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content input[type="week"].invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content select.invalid-form-field, body[class*="theme-"] body.highcontrast #legacy-dyn-form-content textarea.invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .ember-text-field.invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .file-upload-group > label.invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content .uneditable-input.invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="color"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="date"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="datetime-local"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="datetime"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="email"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="month"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="number"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="password"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="search"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="tel"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="text"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="time"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="url"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content input[type="week"].invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content select.invalid-form-field, body[class*="theme-"] body.highcontrast .legacy-dyn-form-content textarea.invalid-form-field { border: 1px solid var(--uux-app-formValidationErrorFocus); } body.highcontrast #legacy-dyn-form-content textarea, body.highcontrast .legacy-dyn-form-content textarea, body.highcontrast .login-form textarea, body.highcontrast .whitefield-form textarea, body[class*="theme-"] #legacy-dyn-form-content textarea, body[class*="theme-"] .legacy-dyn-form-content textarea, body[class*="theme-"] .login-form textarea, body[class*="theme-"] .whitefield-form textarea { height: auto; line-height: normal; overflow: visible; padding: 7px 0 0 15px; } body.highcontrast #legacy-dyn-form-content .form-control::-moz-placeholder, body.highcontrast .legacy-dyn-form-content .form-control::-moz-placeholder, body.highcontrast .login-form .form-control::-moz-placeholder, body.highcontrast .whitefield-form .form-control::-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content .form-control::-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content .form-control::-moz-placeholder, body[class*="theme-"] .login-form .form-control::-moz-placeholder, body[class*="theme-"] .whitefield-form .form-control::-moz-placeholder { color: var(--uux-app-inputAltPlaceholderText); } body.highcontrast #legacy-dyn-form-content .form-control:-ms-input-placeholder, body.highcontrast .legacy-dyn-form-content .form-control:-ms-input-placeholder, body.highcontrast .login-form .form-control:-ms-input-placeholder, body.highcontrast .whitefield-form .form-control:-ms-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content .form-control:-ms-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content .form-control:-ms-input-placeholder, body[class*="theme-"] .login-form .form-control:-ms-input-placeholder, body[class*="theme-"] .whitefield-form .form-control:-ms-input-placeholder { color: var(--uux-app-inputAltPlaceholderText); } body.highcontrast #legacy-dyn-form-content .form-control::-webkit-input-placeholder, body.highcontrast .legacy-dyn-form-content .form-control::-webkit-input-placeholder, body.highcontrast .login-form .form-control::-webkit-input-placeholder, body.highcontrast .whitefield-form .form-control::-webkit-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content .form-control::-webkit-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content .form-control::-webkit-input-placeholder, body[class*="theme-"] .login-form .form-control::-webkit-input-placeholder, body[class*="theme-"] .whitefield-form .form-control::-webkit-input-placeholder { color: var(--uux-app-inputAltPlaceholderText); } body.highcontrast #legacy-dyn-form-content .checkbox label, body.highcontrast .legacy-dyn-form-content .checkbox label, body.highcontrast .login-form .checkbox label, body.highcontrast .whitefield-form .checkbox label, body[class*="theme-"] #legacy-dyn-form-content .checkbox label, body[class*="theme-"] .legacy-dyn-form-content .checkbox label, body[class*="theme-"] .login-form .checkbox label, body[class*="theme-"] .whitefield-form .checkbox label { display: flex; align-items: center; line-height: normal; } body.highcontrast .vertical-form label, body[class*="theme-"] .vertical-form label { font-weight: 400; line-height: normal; } body.highcontrast .input-range-group, body[class*="theme-"] .input-range-group { display: flex; } body.highcontrast .input-range-group q2-input, body.highcontrast .input-range-group q2-option, body.highcontrast .input-range-group q2-select, body[class*="theme-"] .input-range-group q2-input, body[class*="theme-"] .input-range-group q2-option, body[class*="theme-"] .input-range-group q2-select { flex: 1 0 40%; } body.highcontrast .input-range-group p, body[class*="theme-"] .input-range-group p { flex: 0 0 auto; padding: 3.5rem 10px 0; text-transform: lowercase; } body.highcontrast .filter-alignment, body[class*="theme-"] .filter-alignment { margin-right: 3% !important; } body.highcontrast .form-range-group:after, body.highcontrast .form-range-group:before, body[class*="theme-"] .form-range-group:after, body[class*="theme-"] .form-range-group:before { content: ""; display: table; line-height: 0; } body.highcontrast .form-range-group:after, body[class*="theme-"] .form-range-group:after { clear: both; } body.highcontrast .form-range-group .form-range-to, body[class*="theme-"] .form-range-group .form-range-to { display: inline-block; position: absolute; top: 2.3em; right: -1.3em; text-transform: lowercase; } body.highcontrast .form-range-group > .form-group, body[class*="theme-"] .form-range-group > .form-group { display: inline-block; width: 50%; float: left; } body.highcontrast .form-range-group > .form-group:first-of-type, body[class*="theme-"] .form-range-group > .form-group:first-of-type { padding-right: 12px; padding-left: 0; position: relative; } body.highcontrast .form-range-group > .form-group:last-of-type, body[class*="theme-"] .form-range-group > .form-group:last-of-type { padding-left: 12px; padding-right: 0; } body.highcontrast .ember-select, body.highcontrast .ember-text-area, body.highcontrast .ember-text-field, body.highcontrast select.q2-select, body[class*="theme-"] .ember-select, body[class*="theme-"] .ember-text-area, body[class*="theme-"] .ember-text-field, body[class*="theme-"] select.q2-select { display: inline-block; margin-bottom: 8px; } body.highcontrast .ember-select.no-regress, body.highcontrast .ember-text-area.no-regress, body.highcontrast .ember-text-field.no-regress, body.highcontrast select.q2-select.no-regress, body[class*="theme-"] .ember-select.no-regress, body[class*="theme-"] .ember-text-area.no-regress, body[class*="theme-"] .ember-text-field.no-regress, body[class*="theme-"] select.q2-select.no-regress { display: block !important; margin-bottom: 0 !important; width: 100% !important; } body.highcontrast .no-regress .ember-text-field, body[class*="theme-"] .no-regress .ember-text-field { margin-bottom: 0; } body.highcontrast .field-full-width, body[class*="theme-"] .field-full-width { width: 99.9%; } body.highcontrast .squished-width, body[class*="theme-"] .squished-width { margin-left: auto; margin-right: auto; float: none; } body.highcontrast label, body[class*="theme-"] label { color: var(--uux-app-textColor); font-size: 14px; font-weight: 600; margin-bottom: 5px; padding-left: 1px; } body.highcontrast .btn-group label, body[class*="theme-"] .btn-group label { padding-left: 12px; } body.highcontrast .checkbox label, body.highcontrast .radio label, body[class*="theme-"] .checkbox label, body[class*="theme-"] .radio label { font-size: 14px; text-transform: none; font-weight: 400; } body.highcontrast .badge-checkmark, body[class*="theme-"] .badge-checkmark { color: var(--t-top-a1); display: inline-block; font-size: 19px; line-height: 1; margin-top: 2px; min-width: 10px; text-align: center; text-shadow: inset 2px 2px 1px var(--t-top-a1); vertical-align: baseline; white-space: nowrap; } body.highcontrast .badge-checkmark:after, body[class*="theme-"] .badge-checkmark:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f10e"; } body.highcontrast .badge-checkmark.on:after, body[class*="theme-"] .badge-checkmark.on:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f10f"; color: var(--uux-theme-primaryHighlight); } body.highcontrast .active .badge-checkmark:after, body.highcontrast .badge-checkmark.active:after, body[class*="theme-"] .active .badge-checkmark:after, body[class*="theme-"] .badge-checkmark.active:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f10f"; color: var(--uux-theme-primaryHighlight); text-shadow: none; } body.highcontrast .app-container .active-always .badge-checkmark:after .text-warning, body.highcontrast .app-container .badge-checkmark.active-always:after .text-warning, body[class*="theme-"] .app-container .active-always .badge-checkmark:after .text-warning, body[class*="theme-"] .app-container .badge-checkmark.active-always:after .text-warning { color: #c09853; } body.highcontrast .badge-checkmark.disabled, body.highcontrast .disabled .badge-checkmark, body[class*="theme-"] .badge-checkmark.disabled, body[class*="theme-"] .disabled .badge-checkmark { pointer-events: none; } body.highcontrast .badge-checkmark.disabled:after, body.highcontrast .disabled .badge-checkmark:after, body[class*="theme-"] .badge-checkmark.disabled:after, body[class*="theme-"] .disabled .badge-checkmark:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f105"; color: var(--uux-theme-grayNeutral); } body.highcontrast .form_workflow, body[class*="theme-"] .form_workflow { position: relative; } body.highcontrast .form_workflow .panel-heading, body[class*="theme-"] .form_workflow .panel-heading { padding: 15px; background-color: var(--uux-app-selectedAccountTileBg); overflow: auto; align-items: baseline; } body.highcontrast .form_workflow .formSteps .stepDetails, body[class*="theme-"] .form_workflow .formSteps .stepDetails { border: 1px solid var(--uux-app-contentBorder); min-height: 70px; } body.highcontrast .form_workflow .formSteps .stepDetails.account, body[class*="theme-"] .form_workflow .formSteps .stepDetails.account { min-height: 90px; } body.highcontrast .form_workflow .formSteps .stepDetails.total, body[class*="theme-"] .form_workflow .formSteps .stepDetails.total { min-height: 50px; } body.highcontrast .form_workflow .inputControl.calendar, body[class*="theme-"] .form_workflow .inputControl.calendar { width: auto; } body.highcontrast .form_workflow textarea.description, body[class*="theme-"] .form_workflow textarea.description { width: 100%; } body.highcontrast .file-upload-group [type="file"], body[class*="theme-"] .file-upload-group [type="file"] { cursor: inherit; display: block; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0; } body.highcontrast .file-upload-group [type="file"]:after, body[class*="theme-"] .file-upload-group [type="file"]:after { color: var(--uux-CONST_STOPLIGHT_ALERT); content: attr(filename); } body.highcontrast .file-upload-group > label.file-upload-prompt, body.highcontrast .file-upload-group > q2-btn.file-upload-prompt, body[class*="theme-"] .file-upload-group > label.file-upload-prompt, body[class*="theme-"] .file-upload-group > q2-btn.file-upload-prompt { background: var(--uux-theme-grayLighter); border-radius: 5px; border: 1px solid var(--uux-app-contentBorder); box-sizing: border-box; color: var(--uux-app-inputPlaceholderText); cursor: pointer; display: flex; font-size: 14px; font-weight: 400; height: 44px; line-height: 44px; padding: 0 12px; text-transform: none !important; } body.highcontrast .file-upload-group > label.file-upload-prompt .file-upload-name, body.highcontrast .file-upload-group > q2-btn.file-upload-prompt .file-upload-name, body[class*="theme-"] .file-upload-group > label.file-upload-prompt .file-upload-name, body[class*="theme-"] .file-upload-group > q2-btn.file-upload-prompt .file-upload-name { overflow: hidden; text-overflow: ellipsis; width: 100%; } body.highcontrast .file-upload-group > label.file-upload-prompt .ui-icon, body.highcontrast .file-upload-group > q2-btn.file-upload-prompt .ui-icon, body[class*="theme-"] .file-upload-group > label.file-upload-prompt .ui-icon, body[class*="theme-"] .file-upload-group > q2-btn.file-upload-prompt .ui-icon { position: relative; } body.highcontrast .file-upload-group > label.file-upload-prompt q2-icon, body.highcontrast .file-upload-group > q2-btn.file-upload-prompt q2-icon, body[class*="theme-"] .file-upload-group > label.file-upload-prompt q2-icon, body[class*="theme-"] .file-upload-group > q2-btn.file-upload-prompt q2-icon { width: 14px; height: 14px; margin-top: 3px; } body.highcontrast .file-upload-group > label.file-upload-prompt.in-valid, body.highcontrast .file-upload-group > q2-btn.file-upload-prompt.in-valid, body[class*="theme-"] .file-upload-group > label.file-upload-prompt.in-valid, body[class*="theme-"] .file-upload-group > q2-btn.file-upload-prompt.in-valid { border-style: solid; border-color: var(--const-stoplight-alert); } body.highcontrast .form-feedback-message, body[class*="theme-"] .form-feedback-message { padding: 7px 0; } body.highcontrast .form-feedback-message .icon, body[class*="theme-"] .form-feedback-message .icon { font-size: 23px; padding-left: 0; } body.highcontrast .form-feedback-message.info, body[class*="theme-"] .form-feedback-message.info { color: var(--uux-theme-info); } body.highcontrast .sidebar, body[class*="theme-"] .sidebar { color: var(--uux-app-sidebarTextColor); flex: 1 0 var(--uux-app-sidebarWidth); background-color: var(--uux-app-sidebarBg); border-left: 1px solid var(--uux-app-sidebarLeftBorder); } @media screen and (max-width: 1023px) { body.highcontrast .sidebar, body[class*="theme-"] .sidebar { -webkit-overflow-scrolling: touch; bottom: 0; display: none; margin-right: env(safe-area-inset-right, 0); overflow: hidden; position: fixed; top: 0; z-index: 101; overflow-y: auto; } } body.highcontrast .sidebar .sidebar-drawer, body[class*="theme-"] .sidebar .sidebar-drawer { position: relative; right: 0; height: 100%; max-width: var(--uux-app-mobileSidebarWidth); } body.highcontrast .sidebar a, body[class*="theme-"] .sidebar a { color: var(--uux-app-sidebarTextColor); } body.highcontrast .sidebar .text-muted, body[class*="theme-"] .sidebar .text-muted { color: var(--uux-app-sidebarSubtextColor); max-width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .sidebar .sidebar-title, body[class*="theme-"] .sidebar .sidebar-title { text-transform: uppercase; font-weight: 700; } body.highcontrast .sidebar .item-icon, body[class*="theme-"] .sidebar .item-icon { font-size: 22px; float: left; margin-top: 3px; } body.highcontrast .sidebar .item-icon:before, body[class*="theme-"] .sidebar .item-icon:before { margin-left: 0; } body.highcontrast .sidebar .icon-recurring, body[class*="theme-"] .sidebar .icon-recurring { font-size: 1.6em; vertical-align: -3px; } body.highcontrast .sidebar .icon-recurring:before, body[class*="theme-"] .sidebar .icon-recurring:before { margin: 0; line-height: inherit; } body.highcontrast .sidebar .uneditable-input, body.highcontrast .sidebar input[type="color"], body.highcontrast .sidebar input[type="date"], body.highcontrast .sidebar input[type="datetime-local"], body.highcontrast .sidebar input[type="datetime"], body.highcontrast .sidebar input[type="email"], body.highcontrast .sidebar input[type="month"], body.highcontrast .sidebar input[type="number"], body.highcontrast .sidebar input[type="password"], body.highcontrast .sidebar input[type="search"], body.highcontrast .sidebar input[type="tel"], body.highcontrast .sidebar input[type="text"], body.highcontrast .sidebar input[type="time"], body.highcontrast .sidebar input[type="url"], body.highcontrast .sidebar input[type="week"], body.highcontrast .sidebar select, body.highcontrast .sidebar textarea, body[class*="theme-"] .sidebar .uneditable-input, body[class*="theme-"] .sidebar input[type="color"], body[class*="theme-"] .sidebar input[type="date"], body[class*="theme-"] .sidebar input[type="datetime-local"], body[class*="theme-"] .sidebar input[type="datetime"], body[class*="theme-"] .sidebar input[type="email"], body[class*="theme-"] .sidebar input[type="month"], body[class*="theme-"] .sidebar input[type="number"], body[class*="theme-"] .sidebar input[type="password"], body[class*="theme-"] .sidebar input[type="search"], body[class*="theme-"] .sidebar input[type="tel"], body[class*="theme-"] .sidebar input[type="text"], body[class*="theme-"] .sidebar input[type="time"], body[class*="theme-"] .sidebar input[type="url"], body[class*="theme-"] .sidebar input[type="week"], body[class*="theme-"] .sidebar select, body[class*="theme-"] .sidebar textarea { background: var(--uux-app-sidebarInputBg); border-color: var(--uux-app-sidebarBorder); color: var(--uux-app-sidebarInputContrast); font-size: 12px; } body.highcontrast .sidebar .uneditable-input:focus, body.highcontrast .sidebar input[type="color"]:focus, body.highcontrast .sidebar input[type="date"]:focus, body.highcontrast .sidebar input[type="datetime-local"]:focus, body.highcontrast .sidebar input[type="datetime"]:focus, body.highcontrast .sidebar input[type="email"]:focus, body.highcontrast .sidebar input[type="month"]:focus, body.highcontrast .sidebar input[type="number"]:focus, body.highcontrast .sidebar input[type="password"]:focus, body.highcontrast .sidebar input[type="search"]:focus, body.highcontrast .sidebar input[type="tel"]:focus, body.highcontrast .sidebar input[type="text"]:focus, body.highcontrast .sidebar input[type="time"]:focus, body.highcontrast .sidebar input[type="url"]:focus, body.highcontrast .sidebar input[type="week"]:focus, body.highcontrast .sidebar select:focus, body.highcontrast .sidebar textarea:focus, body[class*="theme-"] .sidebar .uneditable-input:focus, body[class*="theme-"] .sidebar input[type="color"]:focus, body[class*="theme-"] .sidebar input[type="date"]:focus, body[class*="theme-"] .sidebar input[type="datetime-local"]:focus, body[class*="theme-"] .sidebar input[type="datetime"]:focus, body[class*="theme-"] .sidebar input[type="email"]:focus, body[class*="theme-"] .sidebar input[type="month"]:focus, body[class*="theme-"] .sidebar input[type="number"]:focus, body[class*="theme-"] .sidebar input[type="password"]:focus, body[class*="theme-"] .sidebar input[type="search"]:focus, body[class*="theme-"] .sidebar input[type="tel"]:focus, body[class*="theme-"] .sidebar input[type="text"]:focus, body[class*="theme-"] .sidebar input[type="time"]:focus, body[class*="theme-"] .sidebar input[type="url"]:focus, body[class*="theme-"] .sidebar input[type="week"]:focus, body[class*="theme-"] .sidebar select:focus, body[class*="theme-"] .sidebar textarea:focus { background: var(--uux-app-sidebarInputBg); border-color: var(--uux-app-sidebarBorder) !important; outline: 0; } body.highcontrast .sidebar ul.nav-tabs, body.highcontrast .sidebar ul.tabs, body[class*="theme-"] .sidebar ul.nav-tabs, body[class*="theme-"] .sidebar ul.tabs { border-bottom: 1px solid var(--uux-app-sidebarBorder); } body.highcontrast .sidebar .form-control::-moz-placeholder, body[class*="theme-"] .sidebar .form-control::-moz-placeholder { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .sidebar .form-control:-ms-input-placeholder, body[class*="theme-"] .sidebar .form-control:-ms-input-placeholder { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .sidebar .form-control::-webkit-input-placeholder, body[class*="theme-"] .sidebar .form-control::-webkit-input-placeholder { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .sidebar .form-group, body.highcontrast .sidebar .form-group-checkbox, body.highcontrast .sidebar .radio-form-group, body[class*="theme-"] .sidebar .form-group, body[class*="theme-"] .sidebar .form-group-checkbox, body[class*="theme-"] .sidebar .radio-form-group { margin-bottom: 6px; padding: 6px 12px 0; } body.highcontrast .sidebar label, body[class*="theme-"] .sidebar label { display: block; text-align: left; } body.highcontrast .sidebar .widget-fence > .widget > :last-of-type:after, body[class*="theme-"] .sidebar .widget-fence > .widget > :last-of-type:after { content: " "; border-bottom: 1px solid var(--uux-app-sidebarBorder); display: block; } body.highcontrast .sidebar .widget-fence .widget.stacked-widget, body[class*="theme-"] .sidebar .widget-fence .widget.stacked-widget { border: var(--uux-app-stackedSidebarWidgetBorder); } body.highcontrast .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel, body[class*="theme-"] .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel { background: var(--uux-app-stackedSidebarWidgetBg); } body.highcontrast .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn-primary, body[class*="theme-"] .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn-primary { color: var(--uux-app-stackedSidebarWidgetContrast); } body.highcontrast .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn-primary:focus .approval-count, body.highcontrast .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn-primary:hover .approval-count, body[class*="theme-"] .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn-primary:focus .approval-count, body[class*="theme-"] .sidebar .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn-primary:hover .approval-count { color: var(--uux-app-stackedSidebarWidgetHoverContrast); } body.highcontrast .sidebar .widget-fence .widget .title, body[class*="theme-"] .sidebar .widget-fence .widget .title { font-size: 17px; font-weight: 300; background-color: var(--uux-app-sidebarWidgetTitleBg); color: var(--uux-app-sidebarWidgetContrast); } body.highcontrast .sidebar .no-history, body.highcontrast .sidebar .sidebar-text, body[class*="theme-"] .sidebar .no-history, body[class*="theme-"] .sidebar .sidebar-text { padding: 12px; } body.highcontrast .sidebar .no-history, body[class*="theme-"] .sidebar .no-history { text-align: center; } body.highcontrast .sidebar .sidebar-panel, body[class*="theme-"] .sidebar .sidebar-panel { color: var(--uux-app-sidebarPanelTextColor); padding: 12px; } body.highcontrast .sidebar .sidebar-panel .text-muted, body[class*="theme-"] .sidebar .sidebar-panel .text-muted { color: var(--uux-app-sidebarPanelSubtextColor); } body.highcontrast .sidebar .sidebar-panel.sidebar-panel-short, body[class*="theme-"] .sidebar .sidebar-panel.sidebar-panel-short { padding-top: 6px; padding-bottom: 6px; } body.highcontrast .sidebar .sidebar-panel + .sidebar-panel, body[class*="theme-"] .sidebar .sidebar-panel + .sidebar-panel { padding-top: 0; } body.highcontrast .sidebar hr, body[class*="theme-"] .sidebar hr { border-color: var(--uux-app-sidebarSubtextColor); } body.highcontrast .phone .sidebar, body.highcontrast .tablet .sidebar, body[class*="theme-"] .phone .sidebar, body[class*="theme-"] .tablet .sidebar { -webkit-overflow-scrolling: touch; bottom: 0; display: none; margin-right: env(safe-area-inset-right, 0); overflow: hidden; position: fixed; top: 0; z-index: 101; overflow-y: auto; } body.highcontrast .sidebar-open .sidebar, body[class*="theme-"] .sidebar-open .sidebar { display: block; } body.highcontrast .sidebar-open .sidebar-drawer, body[class*="theme-"] .sidebar-open .sidebar-drawer { opacity: 1; z-index: 101; } body.highcontrast .sidebar-open.tablet .sidebar, body[class*="theme-"] .sidebar-open.tablet .sidebar { right: 0; height: 100%; } @media screen and (min-width: 1024px) { body.highcontrast .sidebar-open.tablet .sidebar, body[class*="theme-"] .sidebar-open.tablet .sidebar { position: absolute; z-index: 101; } } body.highcontrast .item-list-container, body[class*="theme-"] .item-list-container { overflow-y: auto; } body.highcontrast .item-list-container .item-list, body[class*="theme-"] .item-list-container .item-list { height: 100%; width: 100%; } body.highcontrast .item-list-container .item-list .item-wrapper, body[class*="theme-"] .item-list-container .item-list .item-wrapper { position: relative; } body.highcontrast .item-list-container .item-list .item-wrapper:after, body.highcontrast .item-list-container .item-list .item-wrapper:before, body[class*="theme-"] .item-list-container .item-list .item-wrapper:after, body[class*="theme-"] .item-list-container .item-list .item-wrapper:before { content: ""; display: table; line-height: 0; } body.highcontrast .item-list-container .item-list .item-wrapper:after, body[class*="theme-"] .item-list-container .item-list .item-wrapper:after { clear: both; } body.highcontrast .item-list-container .item-list .is-selected .item-link, body[class*="theme-"] .item-list-container .item-list .is-selected .item-link { background-color: var(--uux-app-sidebarHighlight); } body.highcontrast .item-list-container .item-list .is-selected .text-muted, body[class*="theme-"] .item-list-container .item-list .is-selected .text-muted { color: var(--uux-app-sidebarHighlightSubtext); } body.highcontrast .iconned-item-list .item-link, body[class*="theme-"] .iconned-item-list .item-link { padding-left: 45px; } body.highcontrast .iconned-item-list .item-link-icon, body[class*="theme-"] .iconned-item-list .item-link-icon { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; height: 20px; width: 20px; position: absolute; top: 12px; left: 12px; } body.highcontrast .item-link, body[class*="theme-"] .item-link { border-bottom: 1px solid var(--uux-app-sidebarBorder); display: block; padding: 12px; position: relative; text-decoration: none; line-height: 1.2em; } body.highcontrast .item-link:after, body.highcontrast .item-link:before, body[class*="theme-"] .item-link:after, body[class*="theme-"] .item-link:before { content: ""; display: table; line-height: 0; } body.highcontrast .item-link:after, body[class*="theme-"] .item-link:after { clear: both; } body.highcontrast .item-link .item-link-nowrap, body[class*="theme-"] .item-link .item-link-nowrap { clear: both; height: 16px; white-space: nowrap; } body.highcontrast .item-link:hover, body[class*="theme-"] .item-link:hover { background-color: var(--uux-app-sidebarHover); color: var(--uux-app-sidebarHoverText); } body.highcontrast .item-link:hover .text-muted, body[class*="theme-"] .item-link:hover .text-muted { color: var(--uux-app-sidebarHoverSubtext); } body.highcontrast .item-link:active, body[class*="theme-"] .item-link:active { background-color: var(--uux-app-sidebarClicked) !important; color: var(--uux-app-sidebarClickedText); } body.highcontrast .item-link:active .text-muted, body[class*="theme-"] .item-link:active .text-muted { color: var(--uux-app-sidebarClickedSubtext); } body.highcontrast .item-link.active, body[class*="theme-"] .item-link.active { background-color: var(--uux-app-sidebarHighlight) !important; color: var(--uux-app-sidebarHighlightText); } body.highcontrast .item-link.active .text-muted, body[class*="theme-"] .item-link.active .text-muted { color: var(--uux-app-sidebarHighlightSubtext); } body.highcontrast .searchbox, body[class*="theme-"] .searchbox { transition: opacity 0.2s ease-in-out; width: 100%; } body.highcontrast .searchbox .spinner, body[class*="theme-"] .searchbox .spinner { margin: 0; display: inline-block; height: inherit; width: auto; position: static; } body.highcontrast .searchbox .spinner-img, body[class*="theme-"] .searchbox .spinner-img { vertical-align: middle; height: 20px; } body.highcontrast .searchbox .icon-search, body.highcontrast .searchbox .icon-spinner, body[class*="theme-"] .searchbox .icon-search, body[class*="theme-"] .searchbox .icon-spinner { width: 23px; display: inline-block; } body.highcontrast .searchbox > input, body[class*="theme-"] .searchbox > input { border-color: var(--uux-app-inputAltBorder); color: var(--uux-app-inputText); font-size: 14px; border-radius: var(--uux-app-defaultBorderRadius); } body.highcontrast .searchbox > input.form-control::-moz-placeholder, body[class*="theme-"] .searchbox > input.form-control::-moz-placeholder { color: var(--tct-input-placeholder-font-color); } body.highcontrast .searchbox > input.form-control:-ms-input-placeholder, body[class*="theme-"] .searchbox > input.form-control:-ms-input-placeholder { color: var(--tct-input-placeholder-font-color); } body.highcontrast .searchbox > input.form-control::-webkit-input-placeholder, body[class*="theme-"] .searchbox > input.form-control::-webkit-input-placeholder { color: var(--tct-input-placeholder-font-color); } body.highcontrast .searchbox .input-group-addon, body[class*="theme-"] .searchbox .input-group-addon { color: var(--uux-app-inputAltPlaceholderText); font-size: 16px; padding: 0 0 8px; position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; border: 0; width: auto; } body.highcontrast .searchbox .input-group-addon.searchbox-search-icon, body[class*="theme-"] .searchbox .input-group-addon.searchbox-search-icon { padding-left: 8px; padding-right: 1px; } body.highcontrast .searchbox .input-group-addon.searchbox-remove-icon, body[class*="theme-"] .searchbox .input-group-addon.searchbox-remove-icon { cursor: pointer; padding-left: 1px; padding-right: 8px; right: 0; } body.highcontrast .searchbox .input-group-addon:hover, body[class*="theme-"] .searchbox .input-group-addon:hover { color: var(--uux-app-inputAltText); } body.highcontrast .account-details .input-group-addon.searchbox-search-icon, body[class*="theme-"] .account-details .input-group-addon.searchbox-search-icon { border-radius: var(--uux-app-defaultBorderRadius) 0 0 var(--uux-app-defaultBorderRadius) !important; } body.highcontrast .account-details .input-group-addon.searchbox-remove-icon, body[class*="theme-"] .account-details .input-group-addon.searchbox-remove-icon { border-radius: 0 var(--uux-app-defaultBorderRadius) var(--uux-app-defaultBorderRadius) 0 !important; } body.highcontrast .inverted-searchbox input, body.highcontrast .sidebar .searchbox input, body[class*="theme-"] .inverted-searchbox input, body[class*="theme-"] .sidebar .searchbox input { border-color: var(--uux-app-sidebarInputBg) !important; font-size: 12px; } body.highcontrast .inverted-searchbox input.search-input, body.highcontrast .sidebar .searchbox input.search-input, body[class*="theme-"] .inverted-searchbox input.search-input, body[class*="theme-"] .sidebar .searchbox input.search-input { padding-right: 24px; } body.highcontrast .inverted-searchbox input:focus, body.highcontrast .sidebar .searchbox input:focus, body[class*="theme-"] .inverted-searchbox input:focus, body[class*="theme-"] .sidebar .searchbox input:focus { border-color: var(--uux-app-sidebarInputBg) !important; } body.highcontrast .inverted-searchbox .form-control::-moz-placeholder, body.highcontrast .sidebar .searchbox .form-control::-moz-placeholder, body[class*="theme-"] .inverted-searchbox .form-control::-moz-placeholder, body[class*="theme-"] .sidebar .searchbox .form-control::-moz-placeholder { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .inverted-searchbox .form-control:-ms-input-placeholder, body.highcontrast .sidebar .searchbox .form-control:-ms-input-placeholder, body[class*="theme-"] .inverted-searchbox .form-control:-ms-input-placeholder, body[class*="theme-"] .sidebar .searchbox .form-control:-ms-input-placeholder { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .inverted-searchbox .form-control::-webkit-input-placeholder, body.highcontrast .sidebar .searchbox .form-control::-webkit-input-placeholder, body[class*="theme-"] .inverted-searchbox .form-control::-webkit-input-placeholder, body[class*="theme-"] .sidebar .searchbox .form-control::-webkit-input-placeholder { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .inverted-searchbox .input-group-addon.searchbox-remove-icon:hover, body.highcontrast .sidebar .searchbox .input-group-addon.searchbox-remove-icon:hover, body[class*="theme-"] .inverted-searchbox .input-group-addon.searchbox-remove-icon:hover, body[class*="theme-"] .sidebar .searchbox .input-group-addon.searchbox-remove-icon:hover { color: var(--uux-app-sidebarInputContrast); } body.highcontrast .inverted-searchbox .input-group-addon, body.highcontrast .inverted-searchbox .input-group-addon:hover, body.highcontrast .sidebar .searchbox .input-group-addon, body.highcontrast .sidebar .searchbox .input-group-addon:hover, body[class*="theme-"] .inverted-searchbox .input-group-addon, body[class*="theme-"] .inverted-searchbox .input-group-addon:hover, body[class*="theme-"] .sidebar .searchbox .input-group-addon, body[class*="theme-"] .sidebar .searchbox .input-group-addon:hover { color: var(--uux-app-sidebarInputPlaceholder); } body.highcontrast .disabled .searchbox, body.highcontrast fieldset[disabled] .searchbox, body[class*="theme-"] .disabled .searchbox, body[class*="theme-"] fieldset[disabled] .searchbox { opacity: 0.55; } body.highcontrast .disabled .searchbox input, body.highcontrast fieldset[disabled] .searchbox input, body[class*="theme-"] .disabled .searchbox input, body[class*="theme-"] fieldset[disabled] .searchbox input { pointer-events: none; } body.highcontrast .editable-field form, body[class*="theme-"] .editable-field form { display: flex; align-items: center; width: auto; } body.highcontrast .editable-field input, body[class*="theme-"] .editable-field input { margin: 0; } body.highcontrast .editable-field .form-group, body[class*="theme-"] .editable-field .form-group { flex: 1; margin: 0; padding: 0; } body.highcontrast .editable-field .input-group-addon, body[class*="theme-"] .editable-field .input-group-addon { color: var(--uux-app-inputAltPlaceholderText); font-size: 16px; padding: 6px 8px; width: auto; cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: transparent; } body.highcontrast .editable-field .input-group-addon:hover, body[class*="theme-"] .editable-field .input-group-addon:hover { color: var(--uux-app-inputAltText); } body.highcontrast .editable-field .editablefield-remove-icon + .form-control-feedback, body[class*="theme-"] .editable-field .editablefield-remove-icon + .form-control-feedback { right: 32px; } body.highcontrast .editable-field .form-group:not(.left-align-icon) .form-control[type], body[class*="theme-"] .editable-field .form-group:not(.left-align-icon) .form-control[type] { padding-right: 32px; } body.highcontrast .editable-field .form-group:not(.left-align-icon).is-invalid .form-control[type], body[class*="theme-"] .editable-field .form-group:not(.left-align-icon).is-invalid .form-control[type] { padding-right: 64px; } body.highcontrast .outdated-browser, body[class*="theme-"] .outdated-browser { position: relative; } body.highcontrast .outdated-browser h1, body.highcontrast .outdated-browser h2, body.highcontrast .outdated-browser h3, body.highcontrast .outdated-browser h4, body.highcontrast .outdated-browser h5, body[class*="theme-"] .outdated-browser h1, body[class*="theme-"] .outdated-browser h2, body[class*="theme-"] .outdated-browser h3, body[class*="theme-"] .outdated-browser h4, body[class*="theme-"] .outdated-browser h5 { text-transform: none !important; } body.highcontrast .outdated-browser a:focus, body.highcontrast .outdated-browser a:hover, body[class*="theme-"] .outdated-browser a:focus, body[class*="theme-"] .outdated-browser a:hover { text-decoration: none; } body.highcontrast .outdated-browser .browser-branding, body[class*="theme-"] .outdated-browser .browser-branding { padding: 20px 15px; background-color: var(--uux-app-brandingBarBg); margin-bottom: 20px; height: 100px; } body.highcontrast .outdated-browser .container, body[class*="theme-"] .outdated-browser .container { background-color: var(--t-base); box-shadow: 0 2px 2px var(--t-gray7); min-height: 450px; position: relative; border-radius: 3px; padding: 0 0 25px; } body.highcontrast .outdated-browser .footer, body.highcontrast .outdated-browser .header, body[class*="theme-"] .outdated-browser .footer, body[class*="theme-"] .outdated-browser .header { margin-bottom: 20px; padding-top: 35px; } body.highcontrast .outdated-browser .content, body[class*="theme-"] .outdated-browser .content { padding: 0; box-sizing: border-box; position: relative; text-align: center; clear: both; } body.highcontrast .outdated-browser .Windows .content, body[class*="theme-"] .outdated-browser .Windows .content { display: -webkit-flex; } body.highcontrast .outdated-browser .Firefox .content, body[class*="theme-"] .outdated-browser .Firefox .content { display: -moz-box; } body.highcontrast .outdated-browser .frame, body[class*="theme-"] .outdated-browser .frame { margin: auto; padding-bottom: 20px; } body.highcontrast .outdated-browser .bIE.v8 .frame, body[class*="theme-"] .outdated-browser .bIE.v8 .frame { width: 33%; float: left; } body.highcontrast .outdated-browser .bIE.v8 .browser:before, body[class*="theme-"] .outdated-browser .bIE.v8 .browser:before { background: 0 0; } body.highcontrast .outdated-browser .bIE.v8 .browser-icon, body[class*="theme-"] .outdated-browser .bIE.v8 .browser-icon { background: url(images/browsericonsIE8-9ca529d3ded2da78dde9203ab157f863.png) no-repeat; } body.highcontrast .outdated-browser .bIE.v8 .browser-icon:after, body[class*="theme-"] .outdated-browser .bIE.v8 .browser-icon:after { background: 0 0; } body.highcontrast .outdated-browser .bIE.v8.container, body[class*="theme-"] .outdated-browser .bIE.v8.container { max-width: 1200px; margin: 0 auto; float: none; padding: 25px 20px 35px; } body.highcontrast .outdated-browser .browser, body[class*="theme-"] .outdated-browser .browser { position: relative; display: inline-block; width: 100%; box-sizing: border-box; min-height: 340px; border: 0; padding: 20px; text-align: center; box-shadow: 0 5px 5px var(--t-gray7); transition: all 0.3s ease-in-out; } body.highcontrast .outdated-browser .browser:before, body[class*="theme-"] .outdated-browser .browser:before { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: 0; background: url(images/browserimageshadow-f22810fc6d9d4c2598dedc5ea66e7ee1.png) center 35% no-repeat; transition: opacity 0.3s linear; } body.highcontrast .outdated-browser .browser:after, body[class*="theme-"] .outdated-browser .browser:after { content: ""; z-index: -1; width: 100%; height: 100%; opacity: 0; box-shadow: 0 5px 15px var(--t-gray7); transition: opacity 0.3s ease-in-out; } body.highcontrast .outdated-browser .browser:hover:after, body[class*="theme-"] .outdated-browser .browser:hover:after { opacity: 1; } body.highcontrast .outdated-browser .browser:hover:before, body.highcontrast .template-info input:disabled, body.highcontrast .template-info textarea:disabled, body[class*="theme-"] .outdated-browser .browser:hover:before, body[class*="theme-"] .template-info input:disabled, body[class*="theme-"] .template-info textarea:disabled { opacity: 0.8; } body.highcontrast .outdated-browser .browser-title, body[class*="theme-"] .outdated-browser .browser-title { text-align: center; text-transform: uppercase; font-weight: 600; color: var(--t-base); } body.highcontrast .outdated-browser .browser-icon, body[class*="theme-"] .outdated-browser .browser-icon { position: relative; } body.highcontrast .outdated-browser .browser-icon, body.highcontrast .outdated-browser .browser-icon:after, body[class*="theme-"] .outdated-browser .browser-icon, body[class*="theme-"] .outdated-browser .browser-icon:after { display: block; width: 100px; height: 100px; margin: 0 auto 35px; background: url(images/browsericons-ff45f50c5b3f7df214298bbbe664eff6.png) no-repeat; background-size: auto 200px; transition: opacity 2.6s ease-in-out; } body.highcontrast .outdated-browser .browser-icon:after, body[class*="theme-"] .outdated-browser .browser-icon:after { position: absolute; content: ""; z-index: 1; opacity: 0; transition: opacity 0.3s ease-in-out; } body.highcontrast .outdated-browser .browser:hover .browser-icon:after, body[class*="theme-"] .outdated-browser .browser:hover .browser-icon:after { opacity: 1; } body.highcontrast .outdated-browser .chrome .browser-icon, body[class*="theme-"] .outdated-browser .chrome .browser-icon { background-position: 0 0; } body.highcontrast .outdated-browser .chrome .browser-icon:after, body[class*="theme-"] .outdated-browser .chrome .browser-icon:after { background-position: 0 -100px; } body.highcontrast .outdated-browser .bIE.v8 .firefox .browser-icon, body[class*="theme-"] .outdated-browser .bIE.v8 .firefox .browser-icon { background-position-x: -100px; } body.highcontrast .outdated-browser .bIE.v8 .safari .browser-icon, body[class*="theme-"] .outdated-browser .bIE.v8 .safari .browser-icon { background-position-x: -300px; } body.highcontrast .outdated-browser .bIE.v8 .ie .browser-icon, body[class*="theme-"] .outdated-browser .bIE.v8 .ie .browser-icon { background-position-x: -200px; } body.highcontrast .outdated-browser .bIE.v8 .me .browser-icon, body[class*="theme-"] .outdated-browser .bIE.v8 .me .browser-icon { background-position-x: -500px; } body.highcontrast .outdated-browser .bIE.v8 .browser-icon:hover, body[class*="theme-"] .outdated-browser .bIE.v8 .browser-icon:hover { background-position-y: -100px; } body.highcontrast .outdated-browser .firefox .browser-icon, body[class*="theme-"] .outdated-browser .firefox .browser-icon { background-position: -100px 0; } body.highcontrast .outdated-browser .firefox .browser-icon:after, body[class*="theme-"] .outdated-browser .firefox .browser-icon:after { background-position: -100px -100px; } body.highcontrast .outdated-browser .safari .browser-icon, body[class*="theme-"] .outdated-browser .safari .browser-icon { background-position: -300px 0; } body.highcontrast .outdated-browser .safari .browser-icon:after, body[class*="theme-"] .outdated-browser .safari .browser-icon:after { background-position: -300px -100px; } body.highcontrast .outdated-browser .ie .browser-icon, body[class*="theme-"] .outdated-browser .ie .browser-icon { background-position: -200px 0; } body.highcontrast .outdated-browser .ie .browser-icon:after, body[class*="theme-"] .outdated-browser .ie .browser-icon:after { background-position: -200px -100px; } body.highcontrast .outdated-browser .me .browser-icon, body[class*="theme-"] .outdated-browser .me .browser-icon { background-position: -500px 0; } body.highcontrast .outdated-browser .me .browser-icon:after, body[class*="theme-"] .outdated-browser .me .browser-icon:after { background-position: -500px -100px; } body.highcontrast .outdated-browser .button, body.highcontrast .outdated-browser button, body[class*="theme-"] .outdated-browser .button, body[class*="theme-"] .outdated-browser button { padding: 10px 20px; border: 2px solid var(--t-base); border-radius: 3px; background-color: transparent; color: var(--t-base); font-weight: 600; text-transform: uppercase; position: relative; margin: 20px 0; display: inline-block; } body.highcontrast .outdated-browser .button:hover, body.highcontrast .outdated-browser button:hover, body[class*="theme-"] .outdated-browser .button:hover, body[class*="theme-"] .outdated-browser button:hover { padding: 10px 20px; border: 2px solid var(--t-base); border-radius: 3px; background-color: var(--t-base); color: var(--t-gray7); font-weight: 600; text-transform: uppercase; } body.highcontrast .outdated-browser .button:focus, body.highcontrast .outdated-browser button:focus, body[class*="theme-"] .outdated-browser .button:focus, body[class*="theme-"] .outdated-browser button:focus { outline: red solid 1px; outline-offset: 5px; } body.highcontrast .outdated-browser .browser ul, body[class*="theme-"] .outdated-browser .browser ul { padding: 10px 0; height: 30px; } body.highcontrast .outdated-browser .bIE.v6 .available, body.highcontrast .outdated-browser .bIE.v7 .available, body.highcontrast .outdated-browser .bIE.v8 .available, body[class*="theme-"] .outdated-browser .bIE.v6 .available, body[class*="theme-"] .outdated-browser .bIE.v7 .available, body[class*="theme-"] .outdated-browser .bIE.v8 .available { display: block; } body.highcontrast .outdated-browser .available, body[class*="theme-"] .outdated-browser .available { padding: 10px 0; bottom: 0; color: var(--t-base); position: relative; width: 100%; } body.highcontrast .outdated-browser .bIE.v8 .available ul li, body[class*="theme-"] .outdated-browser .bIE.v8 .available ul li { background: url(images/browserOSiconsIE8-0b548bda006901ba707fd78368108997.png) no-repeat; } body.highcontrast .outdated-browser .available ul li, body[class*="theme-"] .outdated-browser .available ul li { display: inline-block; width: 25px; height: 25px; margin: 0 5px; text-indent: -5555px; text-align: left; background: url(images/browserOSicons-9c12282208f64683db7194ae42e969f4.png) no-repeat; background-size: auto 25px; } body.highcontrast .outdated-browser .available ul li.windows, body[class*="theme-"] .outdated-browser .available ul li.windows { background-position: 0 0; } body.highcontrast .outdated-browser .bIE.v8 .available ul li.mac, body[class*="theme-"] .outdated-browser .bIE.v8 .available ul li.mac { background-position-x: -25px; } body.highcontrast .outdated-browser .available ul li.mac, body[class*="theme-"] .outdated-browser .available ul li.mac { background-position: -25px 0; } body.highcontrast .outdated-browser .bIE.v8 .available ul li.linux, body[class*="theme-"] .outdated-browser .bIE.v8 .available ul li.linux { background-position-x: -50px; } body.highcontrast .outdated-browser .available ul li.linux, body[class*="theme-"] .outdated-browser .available ul li.linux { background-position: -50px 0; } body.highcontrast .outdated-browser .chrome a, body[class*="theme-"] .outdated-browser .chrome a { background-color: var(--uux-CONST_CHROME); } body.highcontrast .outdated-browser .firefox a, body[class*="theme-"] .outdated-browser .firefox a { background-color: var(--uux-CONST_FIREFOX); } body.highcontrast .outdated-browser .safari a, body[class*="theme-"] .outdated-browser .safari a { background-color: var(--uux-CONST_SAFARI); } body.highcontrast .outdated-browser .ie a, body[class*="theme-"] .outdated-browser .ie a { background-color: var(--uux-CONST_IE); } body.highcontrast .outdated-browser .me a, body[class*="theme-"] .outdated-browser .me a { background-color: var(--uux-CONST_ME); } body.highcontrast .outdated-browser .other a, body[class*="theme-"] .outdated-browser .other a { background-color: var(--t-gray7); } body.highcontrast .outdated-browser .browser-list .frame, body[class*="theme-"] .outdated-browser .browser-list .frame { display: none; } body.highcontrast .outdated-browser .browser-list .frame.visible, body[class*="theme-"] .outdated-browser .browser-list .frame.visible { display: block; } body.highcontrast .outdated-browser + .button-panel .btn-primary, body.highcontrast .outdated-browser + .button-panel .btn-primary:focus, body.highcontrast .outdated-browser + .button-panel .btn-primary:hover, body[class*="theme-"] .outdated-browser + .button-panel .btn-primary, body[class*="theme-"] .outdated-browser + .button-panel .btn-primary:focus, body[class*="theme-"] .outdated-browser + .button-panel .btn-primary:hover { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryBg); width: 197px; } body.highcontrast .outdated-browser + .button-panel .btn-primary span:after, body[class*="theme-"] .outdated-browser + .button-panel .btn-primary span:after { content: "Continue logging in"; color: var(--uux-app-btnPrimaryContrast); position: relative; left: -40px; } @media all and (min-width: 992px) { body.highcontrast .outdated-browser .browser, body[class*="theme-"] .outdated-browser .browser { margin-top: 15px; } body.highcontrast .outdated-browser .browser:focus, body.highcontrast .outdated-browser .browser:hover, body[class*="theme-"] .outdated-browser .browser:focus, body[class*="theme-"] .outdated-browser .browser:hover { z-index: 10; } body.highcontrast .outdated-browser .browser:hover, body[class*="theme-"] .outdated-browser .browser:hover { transform: scale(1.1, 1.1); } body.highcontrast .outdated-browser .browser:hover .browser-icon:after, body[class*="theme-"] .outdated-browser .browser:hover .browser-icon:after { background-position-y: -100px; } body.highcontrast .outdated-browser .container, body[class*="theme-"] .outdated-browser .container { padding: 25px 20px 35px; } body.highcontrast .outdated-browser .bIE.v9.container, body[class*="theme-"] .outdated-browser .bIE.v9.container { top: 0; transform: translateY(0); } } @media all and (max-width: 992px) { body.highcontrast .outdated-browser .branding, body[class*="theme-"] .outdated-browser .branding { max-height: 80px; } body.highcontrast .outdated-browser .branding-image, body[class*="theme-"] .outdated-browser .branding-image { max-width: 200px; min-width: 150px; } } body.highcontrast .invalid-form-field:not(.is-fetching), body[class*="theme-"] .invalid-form-field:not(.is-fetching) { border: 1px solid var(--uux-app-formValidationErrorFocus); } body.highcontrast .validation-element:disabled, body[class*="theme-"] .validation-element:disabled { background-color: var(--uux-theme-gray) !important; } body.highcontrast .is-invalid.can-be-validated .errIcon, body[class*="theme-"] .is-invalid.can-be-validated .errIcon { position: relative; display: inline-block; width: 22px; height: 22px; background-image: url(../images/error.png); background-repeat: no-repeat; background-position: 3px 3px; margin-bottom: -5px; float: left; z-index: 50; margin-top: -20px; margin-left: 25px; } body.highcontrast .form .form-value, body[class*="theme-"] .form .form-value { width: 33%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .formElement, body[class*="theme-"] .formElement { color: var(--uux-app-textColor); } body.highcontrast .buttonView, body[class*="theme-"] .buttonView { margin-top: 9px; text-align: center; width: 32%; } body.highcontrast .accountTile, body[class*="theme-"] .accountTile { padding: 10px 20px; margin: 0 0 0 -5px; color: var(--uux-app-textColor); border-radius: 1px; text-align: left; } body.highcontrast .accountTile.heading, body[class*="theme-"] .accountTile.heading { background-color: var(--uux-theme-primaryHighlight); border-radius: 10px 10px 0 0; font-weight: 400; font-size: 18px; margin: 0; padding: 18px; } body.highcontrast .accountTile.heading .heading-required, body[class*="theme-"] .accountTile.heading .heading-required { float: right; font-size: 10px; color: var(--uux-theme-secondary); font-weight: 700; margin-top: 5px; } body.highcontrast .formPanel, body[class*="theme-"] .formPanel { position: relative; } body.highcontrast .formLabel, body[class*="theme-"] .formLabel { margin-right: 10px; border-bottom: 1px solid var(--uux-app-contentBorder); padding-top: 5px; background-color: var(--uux-app-cardBg); height: 65px; padding-left: 40px; } body.highcontrast .formLabel .label-button, body[class*="theme-"] .formLabel .label-button { height: 100%; } body.highcontrast .formLabel .label-block, body[class*="theme-"] .formLabel .label-block { width: 30%; } body.highcontrast .formLabel .label-block .value, body.highcontrast .formLabel .label-block .value-detail, body[class*="theme-"] .formLabel .label-block .value, body[class*="theme-"] .formLabel .label-block .value-detail { display: inline-block; width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .formLabel .label-block.number .icon, body[class*="theme-"] .formLabel .label-block.number .icon { position: absolute; left: -25px; } body.highcontrast .formLabel .label-block .label-value, body[class*="theme-"] .formLabel .label-block .label-value { font-size: 13px; font-weight: 700; display: block; } body.highcontrast .formLabel .label-block .label-value .value-detail, body[class*="theme-"] .formLabel .label-block .label-value .value-detail { color: var(--uux-theme-secondary); } body.highcontrast .tac-selection .mfa-button-target, body[class*="theme-"] .tac-selection .mfa-button-target { text-align: center; padding-top: 0; width: 96%; } body.highcontrast .tac-selection .mfa-button-target .tac-target, body[class*="theme-"] .tac-selection .mfa-button-target .tac-target { display: inline-block; background-color: var(--uux-theme-white); border-radius: 5px; margin: 10px; } body.highcontrast .inputControl, body[class*="theme-"] .inputControl { float: right; text-align: center; font-weight: 700; font-size: 14px; background: var(--uux-theme-white); border: 1px solid var(--uux-app-contentBorder); position: absolute; top: 0; right: 10px; overflow: hidden; } body.highcontrast .inputControl .holder, body[class*="theme-"] .inputControl .holder { animation: 0.3s 0s normal none topDown; display: block; transition-timing-function: ease-out; transition-duration: 0s; transition-delay: 0.8s; } body.highcontrast .inputControl.selected .holder, body[class*="theme-"] .inputControl.selected .holder { animation: 0.5s 0.7s normal none middleDown; transition: translateY(300px); display: block; } body.highcontrast .inputControl .selection-value, body[class*="theme-"] .inputControl .selection-value { display: inline-block; width: 32%; text-align: left; font-weight: 700; color: var(--uux-app-textColor); } body.highcontrast .inputControl .selection-value.is-first, body[class*="theme-"] .inputControl .selection-value.is-first { text-align: left; font-weight: 700; color: var(--uux-app-textColor); } body.highcontrast .inputControl .selection-value.is-last, body[class*="theme-"] .inputControl .selection-value.is-last { text-align: right; font-weight: 700; color: var(--uux-app-textColor); } body.highcontrast .inputControl .selection-value.is-single, body[class*="theme-"] .inputControl .selection-value.is-single { text-align: left; font-weight: 700; color: var(--uux-app-textColor); width: 100%; } body.highcontrast .inputControl .input-selection, body[class*="theme-"] .inputControl .input-selection { height: 360px; } body.highcontrast .inputControl .integerDisplay, body[class*="theme-"] .inputControl .integerDisplay { display: block; font-size: 30px; color: var(--t-base); border-radius: 3px 3px 0 0; border-bottom: 1px solid var(--uux-app-contentBorder); height: 180px; } body.highcontrast .inputControl .integerDisplay .integer-amt, body[class*="theme-"] .inputControl .integerDisplay .integer-amt { display: inline-block; position: relative; } body.highcontrast .inputControl .integerDisplay .integer-amt input, body[class*="theme-"] .inputControl .integerDisplay .integer-amt input { margin-top: 25px; background-color: var(--uux-theme-white); border: 0; border-bottom: 1px solid var(--uux-app-contentBorder); height: 50px; font-size: 38px; font-weight: 700; line-height: normal; } body.highcontrast .inputControl .integerDisplay .integer-done, body[class*="theme-"] .inputControl .integerDisplay .integer-done { display: inline-block; width: 20%; color: var(--uux-app-textColor); font-size: 11px; background-color: var(--uux-theme-grayLighter); padding: 5px 0; border-radius: 8px; border: 1px solid var(--uux-theme-grayDarkerNeutral); margin-left: 10px; } body.highcontrast .inputControl .integerDisplay .integer-done.depressed, body[class*="theme-"] .inputControl .integerDisplay .integer-done.depressed { background: linear-gradient( to bottom, var(--t-top-a0) 0, var(--t-top-a0) 55%, var(--t-top-a0) 98%, var(--t-top-a0) 99%, var(--t-top-a0) 100% ); } body.highcontrast .panel-body .inputControl, body[class*="theme-"] .panel-body .inputControl { float: none; right: auto; position: inherit; top: auto; margin: auto; } body.highcontrast .panel-body .buttonView, body[class*="theme-"] .panel-body .buttonView { width: auto; } body.highcontrast .selection-active .formTile.selected, body[class*="theme-"] .selection-active .formTile.selected { display: block; } body.highcontrast .validation-msg, body[class*="theme-"] .validation-msg { display: none; } body.highcontrast .page-metaheader, body[class*="theme-"] .page-metaheader { box-sizing: border-box; background: var(--uux-app-headerBg); border-bottom: 1px solid var(--uux-app-contentBorder); border-radius: 4px 4px 0 0; margin: 0; height: 60px; padding: 12px 16px; position: relative; } body.highcontrast .page-metaheader h1, body[class*="theme-"] .page-metaheader h1 { margin: 5px 0 0; } body.highcontrast .page-metaheader h2, body.highcontrast .page-metaheader h4, body[class*="theme-"] .page-metaheader h2, body[class*="theme-"] .page-metaheader h4 { left: 0; line-height: 1.7em; position: absolute; right: 0; margin: 0; } body.highcontrast .page-metaheader h2, body[class*="theme-"] .page-metaheader h2 { text-align: center; } body.highcontrast .page-metaheader h4, body[class*="theme-"] .page-metaheader h4 { line-height: 2.3em; } body.highcontrast .page-metaheader > .pull-left, body[class*="theme-"] .page-metaheader > .pull-left { float: none; left: 14px; z-index: 20; } body.highcontrast .page-metaheader > .pull-right, body[class*="theme-"] .page-metaheader > .pull-right { float: none; right: 16px; z-index: 20; } body.highcontrast .page-metaheader .btn, body[class*="theme-"] .page-metaheader .btn { margin-top: -5px; } body.highcontrast .page-metaheader .nav-wrapper, body[class*="theme-"] .page-metaheader .nav-wrapper { display: table; position: absolute; z-index: 10; } body.highcontrast .page-metaheader.alt, body[class*="theme-"] .page-metaheader.alt { background: var(--uux-theme-primary); border-color: var(--uux-theme-primary); color: var(--uux-theme-whiteNeutral); } body.highcontrast .page-metaheader.inner-metaheader, body[class*="theme-"] .page-metaheader.inner-metaheader { border-bottom: 0; height: auto; padding-top: 18px; } body.highcontrast .page-metaheader.inner-metaheader h2, body.highcontrast .page-metaheader.inner-metaheader h3, body.highcontrast .page-metaheader.inner-metaheader h4, body[class*="theme-"] .page-metaheader.inner-metaheader h2, body[class*="theme-"] .page-metaheader.inner-metaheader h3, body[class*="theme-"] .page-metaheader.inner-metaheader h4 { position: static; text-align: left; text-transform: none; } body.highcontrast .page-metaheader.flatten, body[class*="theme-"] .page-metaheader.flatten { z-index: 1; } body.highcontrast .resize-panel .page-metaheader, body[class*="theme-"] .resize-panel .page-metaheader { border-radius: 0; height: 48px; } body.highcontrast .resize-panel .page-metaheader h4, body[class*="theme-"] .resize-panel .page-metaheader h4 { line-height: 1.7em; } body.highcontrast .clearfix > .page-metaheader, body[class*="theme-"] .clearfix > .page-metaheader { padding-left: 0; padding-right: 0; } body.highcontrast .resource-header, body[class*="theme-"] .resource-header { background-color: var(--uux-app-resourceHeaderBg); color: var(--uux-app-resourceHeaderContrast); box-shadow: 0 0 2px var(--t-top-a1) inset; display: block; margin: 0; padding: 20px 8px; } body.highcontrast .resource-header:after, body.highcontrast .resource-header:before, body[class*="theme-"] .resource-header:after, body[class*="theme-"] .resource-header:before { content: ""; display: table; line-height: 0; } body.highcontrast .resource-header:after, body[class*="theme-"] .resource-header:after { clear: both; } body.highcontrast .resource-header .action, body[class*="theme-"] .resource-header .action { color: var(--uux-app-resourceHeaderAction); } body.highcontrast .resource-header .header-text .subtitle, body.highcontrast .resource-header .header-text .title, body[class*="theme-"] .resource-header .header-text .subtitle, body[class*="theme-"] .resource-header .header-text .title { max-width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal; margin: 0; text-transform: uppercase; } body.highcontrast .resource-header .header-text .title, body[class*="theme-"] .resource-header .header-text .title { font-size: 16px; color: var(--uux-app-resourceHeaderContrast); letter-spacing: 0.015em; } body.highcontrast .resource-header .header-text .subtitle, body[class*="theme-"] .resource-header .header-text .subtitle { font-size: 12px; color: var(--uux-app-resourceHeaderMuted); } body.highcontrast .resource-header .header-text .header-actions, body[class*="theme-"] .resource-header .header-text .header-actions { height: 33px; } body.highcontrast .resource-header .select-resource, body[class*="theme-"] .resource-header .select-resource { clear: both; } body.highcontrast .resource-header .select-resource .resource, body[class*="theme-"] .resource-header .select-resource .resource { color: var(--uux-app-resourceHeaderAction); } body.highcontrast .resource-header .select-resource .resource a.active, body.highcontrast .resource-header .select-resource .resource.selected, body[class*="theme-"] .resource-header .select-resource .resource a.active, body[class*="theme-"] .resource-header .select-resource .resource.selected { font-weight: 700; } body.highcontrast .resource-header .select-resource .resource.disabled, body[class*="theme-"] .resource-header .select-resource .resource.disabled { color: var(--uux-app-resourceHeaderActionDisabled); } body.highcontrast .section-header h1, body.highcontrast .section-header h2, body.highcontrast .section-header h3, body.highcontrast .section-header h4, body.highcontrast .section-header h5, body.highcontrast .section-header h6, body.highcontrast .section-header-text, body.highcontrast h1.column-header, body.highcontrast h1.section-header, body.highcontrast h2.column-header, body.highcontrast h2.section-header, body.highcontrast h3.column-header, body.highcontrast h3.section-header, body.highcontrast h4.column-header, body.highcontrast h4.section-header, body.highcontrast h5.column-header, body.highcontrast h5.section-header, body.highcontrast h6.column-header, body.highcontrast h6.section-header, body[class*="theme-"] .section-header h1, body[class*="theme-"] .section-header h2, body[class*="theme-"] .section-header h3, body[class*="theme-"] .section-header h4, body[class*="theme-"] .section-header h5, body[class*="theme-"] .section-header h6, body[class*="theme-"] .section-header-text, body[class*="theme-"] h1.column-header, body[class*="theme-"] h1.section-header, body[class*="theme-"] h2.column-header, body[class*="theme-"] h2.section-header, body[class*="theme-"] h3.column-header, body[class*="theme-"] h3.section-header, body[class*="theme-"] h4.column-header, body[class*="theme-"] h4.section-header, body[class*="theme-"] h5.column-header, body[class*="theme-"] h5.section-header, body[class*="theme-"] h6.column-header, body[class*="theme-"] h6.section-header { font-size: 12px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; letter-spacing: 0.02em; line-height: 24px; text-transform: uppercase; } body.highcontrast h1.column-header.full-width, body.highcontrast h1.section-header.full-width, body.highcontrast h2.column-header.full-width, body.highcontrast h2.section-header.full-width, body.highcontrast h3.column-header.full-width, body.highcontrast h3.section-header.full-width, body.highcontrast h4.column-header.full-width, body.highcontrast h4.section-header.full-width, body.highcontrast h5.column-header.full-width, body.highcontrast h5.section-header.full-width, body.highcontrast h6.column-header.full-width, body.highcontrast h6.section-header.full-width, body[class*="theme-"] h1.column-header.full-width, body[class*="theme-"] h1.section-header.full-width, body[class*="theme-"] h2.column-header.full-width, body[class*="theme-"] h2.section-header.full-width, body[class*="theme-"] h3.column-header.full-width, body[class*="theme-"] h3.section-header.full-width, body[class*="theme-"] h4.column-header.full-width, body[class*="theme-"] h4.section-header.full-width, body[class*="theme-"] h5.column-header.full-width, body[class*="theme-"] h5.section-header.full-width, body[class*="theme-"] h6.column-header.full-width, body[class*="theme-"] h6.section-header.full-width { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body.highcontrast .section-header, body[class*="theme-"] .section-header { margin: 6px 0; padding: 0; font-size: 14px; font-weight: 700; text-transform: uppercase; color: var(--uux-app-strongTextColor); } body.highcontrast .section-header:after, body.highcontrast .section-header:before, body[class*="theme-"] .section-header:after, body[class*="theme-"] .section-header:before { content: ""; display: table; line-height: 0; } body.highcontrast .section-header:after, body[class*="theme-"] .section-header:after { clear: both; } body.highcontrast .section-header > .section-header-text, body.highcontrast .section-header > h1, body.highcontrast .section-header > h2, body.highcontrast .section-header > h3, body.highcontrast .section-header > h4, body.highcontrast .section-header > h5, body.highcontrast .section-header > h6, body[class*="theme-"] .section-header > .section-header-text, body[class*="theme-"] .section-header > h1, body[class*="theme-"] .section-header > h2, body[class*="theme-"] .section-header > h3, body[class*="theme-"] .section-header > h4, body[class*="theme-"] .section-header > h5, body[class*="theme-"] .section-header > h6 { float: left; } body.highcontrast .section-header.tall, body.highcontrast .section-header.tall > .section-header-text, body.highcontrast .section-header.tall > h1, body.highcontrast .section-header.tall > h2, body.highcontrast .section-header.tall > h3, body.highcontrast .section-header.tall > h4, body.highcontrast .section-header.tall > h5, body.highcontrast .section-header.tall > h6, body[class*="theme-"] .section-header.tall, body[class*="theme-"] .section-header.tall > .section-header-text, body[class*="theme-"] .section-header.tall > h1, body[class*="theme-"] .section-header.tall > h2, body[class*="theme-"] .section-header.tall > h3, body[class*="theme-"] .section-header.tall > h4, body[class*="theme-"] .section-header.tall > h5, body[class*="theme-"] .section-header.tall > h6 { line-height: 36px; } body.highcontrast .section-header > .section-header-actions, body[class*="theme-"] .section-header > .section-header-actions { float: right; margin-top: 3px; } body.highcontrast .section-header h1, body.highcontrast .section-header h2, body.highcontrast .section-header h3, body.highcontrast .section-header h4, body.highcontrast .section-header h5, body.highcontrast .section-header h6, body[class*="theme-"] .section-header h1, body[class*="theme-"] .section-header h2, body[class*="theme-"] .section-header h3, body[class*="theme-"] .section-header h4, body[class*="theme-"] .section-header h5, body[class*="theme-"] .section-header h6 { padding: 0; margin: 0; } body.highcontrast h1.column-header, body.highcontrast h2.column-header, body.highcontrast h3.column-header, body.highcontrast h4.column-header, body.highcontrast h5.column-header, body.highcontrast h6.column-header, body[class*="theme-"] h1.column-header, body[class*="theme-"] h2.column-header, body[class*="theme-"] h3.column-header, body[class*="theme-"] h4.column-header, body[class*="theme-"] h5.column-header, body[class*="theme-"] h6.column-header { margin: -8px 0 4px; padding: 0; } body.highcontrast .greybar, body[class*="theme-"] .greybar { background-color: var(--t-top-a2); } body.highcontrast.desktop .page-metaheader h1, body[class*="theme-"].desktop .page-metaheader h1 { margin-top: 0; } body.highcontrast .list-group-item.active, body.highcontrast .list-group-item.active:focus, body.highcontrast .list-group-item.active:hover, body[class*="theme-"] .list-group-item.active, body[class*="theme-"] .list-group-item.active:focus, body[class*="theme-"] .list-group-item.active:hover { background-color: var(--uux-app-btnPrimaryBg); border-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .list-group-item.active label, body.highcontrast .list-group-item.active:focus label, body.highcontrast .list-group-item.active:hover label, body[class*="theme-"] .list-group-item.active label, body[class*="theme-"] .list-group-item.active:focus label, body[class*="theme-"] .list-group-item.active:hover label { color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .list-group-item, body[class*="theme-"] .list-group-item { word-wrap: break-word; cursor: pointer; } body.highcontrast button.list-group-item, body[class*="theme-"] button.list-group-item { width: 100%; text-align: left; } body.highcontrast .list-group.square .list-group-item, body[class*="theme-"] .list-group.square .list-group-item { border-radius: 0; } body.highcontrast .list-group.transparent, body.highcontrast .list-group.transparent .list-group-item, body[class*="theme-"] .list-group.transparent, body[class*="theme-"] .list-group.transparent .list-group-item { background: 0 0; } body.highcontrast .list-group.transparent .list-group-item.active, body.highcontrast .list-group.transparent .list-group-item.active:active, body.highcontrast .list-group.transparent .list-group-item.active:focus, body.highcontrast .list-group.transparent .list-group-item.active:hover, body[class*="theme-"] .list-group.transparent .list-group-item.active, body[class*="theme-"] .list-group.transparent .list-group-item.active:active, body[class*="theme-"] .list-group.transparent .list-group-item.active:focus, body[class*="theme-"] .list-group.transparent .list-group-item.active:hover { background: var(--uux-app-btnPrimaryBg); border-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .list-group.transparent .list-group-item:hover, body[class*="theme-"] .list-group.transparent .list-group-item:hover { background: var(--uux-app-contentBg); } body.highcontrast .list-group.transparent .list-group-item:active, body[class*="theme-"] .list-group.transparent .list-group-item:active { background: var(--uux-app-contentBorder); } body.highcontrast .list-group.checkmark-active .list-group-item, body[class*="theme-"] .list-group.checkmark-active .list-group-item { padding-right: 25px; } body.highcontrast .list-group.checkmark-active .list-group-dropdown .feature-dropdown-button, body[class*="theme-"] .list-group.checkmark-active .list-group-dropdown .feature-dropdown-button { padding: 9px; margin: -11px -8px -10px 0; background-color: var(--t-primary-d3); } body.highcontrast .list-group.checkmark-active .list-group-dropdown .list-group-item.active, body[class*="theme-"] .list-group.checkmark-active .list-group-dropdown .list-group-item.active { padding-right: 7px; } body.highcontrast .list-group.checkmark-active .list-group-dropdown .list-group-item.active:after, body[class*="theme-"] .list-group.checkmark-active .list-group-dropdown .list-group-item.active:after { display: none; } body.highcontrast .list-group.grey, body[class*="theme-"] .list-group.grey { background: var(--uux-app-contentBg); } body.highcontrast .list-group.grey .list-group-item, body[class*="theme-"] .list-group.grey .list-group-item { background-color: transparent; } body.highcontrast .list-group.grey .list-group-item .btn-link, body.highcontrast .list-group.grey .list-group-item a, body[class*="theme-"] .list-group.grey .list-group-item .btn-link, body[class*="theme-"] .list-group.grey .list-group-item a { color: var(--uux-app-contentBorder); } body.highcontrast .list-group.grey .list-group-item .btn-link:active, body.highcontrast .list-group.grey .list-group-item .btn-link:focus, body.highcontrast .list-group.grey .list-group-item .btn-link:hover, body.highcontrast .list-group.grey .list-group-item a:active, body.highcontrast .list-group.grey .list-group-item a:focus, body.highcontrast .list-group.grey .list-group-item a:hover, body[class*="theme-"] .list-group.grey .list-group-item .btn-link:active, body[class*="theme-"] .list-group.grey .list-group-item .btn-link:focus, body[class*="theme-"] .list-group.grey .list-group-item .btn-link:hover, body[class*="theme-"] .list-group.grey .list-group-item a:active, body[class*="theme-"] .list-group.grey .list-group-item a:focus, body[class*="theme-"] .list-group.grey .list-group-item a:hover { color: var(--uux-theme-blackNeutral); } body.highcontrast .list-group.grey a.list-group-item:focus, body.highcontrast .list-group.grey a.list-group-item:hover, body[class*="theme-"] .list-group.grey a.list-group-item:focus, body[class*="theme-"] .list-group.grey a.list-group-item:hover { background-color: var(--uux-app-contentBorder); } body.highcontrast .list-group.grey .list-group-item.active, body.highcontrast .list-group.grey .list-group-item.active:focus, body.highcontrast .list-group.grey .list-group-item.active:hover, body[class*="theme-"] .list-group.grey .list-group-item.active, body[class*="theme-"] .list-group.grey .list-group-item.active:focus, body[class*="theme-"] .list-group.grey .list-group-item.active:hover { background: var(--uux-app-btnPrimaryBg); border-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .list-group.grey .list-group-item.active .list-group-item-text, body.highcontrast .list-group.grey .list-group-item.active:focus .list-group-item-text, body.highcontrast .list-group.grey .list-group-item.active:hover .list-group-item-text, body[class*="theme-"] .list-group.grey .list-group-item.active .list-group-item-text, body[class*="theme-"] .list-group.grey .list-group-item.active:focus .list-group-item-text, body[class*="theme-"] .list-group.grey .list-group-item.active:hover .list-group-item-text { color: var(--uux-app-contentBg); } body.highcontrast .list-group .list-group-item.disabled, body.highcontrast .list-group.disabled .list-group-item, body[class*="theme-"] .list-group .list-group-item.disabled, body[class*="theme-"] .list-group.disabled .list-group-item { opacity: 0.5; pointer-events: none; cursor: not-allowed; } body.highcontrast .list-group.content-first .list-group-item-heading, body[class*="theme-"] .list-group.content-first .list-group-item-heading { color: var(--uux-theme-blackNeutral); font-size: 13px; font-weight: 400; line-height: 1.6em; margin-bottom: 0; margin-top: -4px; } body.highcontrast .list-group.content-first .list-group-item-text, body[class*="theme-"] .list-group.content-first .list-group-item-text { max-width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--uux-theme-blackNeutral); font-size: 16px; font-weight: 700; } body.highcontrast .list-group.compact .list-group-item, body[class*="theme-"] .list-group.compact .list-group-item { padding-top: 6px; padding-bottom: 6px; cursor: pointer; } body.highcontrast .list-group.light-select .list-group-item.active.active, body[class*="theme-"] .list-group.light-select .list-group-item.active.active { background-color: var(--uux-theme-primaryHighlightBg) !important; border-color: var(--uux-app-contentBorder); color: var(--uux-theme-blackNeutral) !important; } body.highcontrast .list-group.light-select .list-group-item.active.active:focus, body.highcontrast .list-group.light-select .list-group-item.active.active:hover, body[class*="theme-"] .list-group.light-select .list-group-item.active.active:focus, body[class*="theme-"] .list-group.light-select .list-group-item.active.active:hover { background-color: var(--uux-theme-primaryHighlightBg); color: var(--uux-theme-blackNeutral); } body.highcontrast .list-group.light-select .list-group-item.disabled.disabled, body.highcontrast .list-group.light-select .list-group-item.disabled.disabled:focus, body.highcontrast .list-group.light-select .list-group-item.disabled.disabled:hover, body[class*="theme-"] .list-group.light-select .list-group-item.disabled.disabled, body[class*="theme-"] .list-group.light-select .list-group-item.disabled.disabled:focus, body[class*="theme-"] .list-group.light-select .list-group-item.disabled.disabled:hover { background-color: var(--uux-app-btnDisabledBg); border-color: var(--uux-app-contentBorder); color: var(--uux-theme-blackNeutral); cursor: default; } body.highcontrast .list-group.full, body[class*="theme-"] .list-group.full { border-left: 1px solid var(--uux-app-contentBorder); border-right: 1px solid var(--uux-app-contentBorder); height: 100%; margin: 0; } body.highcontrast .list-group.full > .list-group-item, body[class*="theme-"] .list-group.full > .list-group-item { display: table; width: 100%; border: 1px solid var(--uux-app-contentBorder); border-left: 0; border-right: 0; } body.highcontrast .list-group.full > .list-group-item > div, body[class*="theme-"] .list-group.full > .list-group-item > div { display: table-cell; vertical-align: middle; } body.highcontrast .list-group.full > .list-group-item.controls, body[class*="theme-"] .list-group.full > .list-group-item.controls { display: block; } body.highcontrast .list-group.full > .list-group-item.last, body[class*="theme-"] .list-group.full > .list-group-item.last { border-bottom: 0; } body.highcontrast .list-group.full.one-row > .list-group-item, body[class*="theme-"] .list-group.full.one-row > .list-group-item { height: 100%; } body.highcontrast .list-group.full.two-rows > .list-group-item, body[class*="theme-"] .list-group.full.two-rows > .list-group-item { height: 50%; } body.highcontrast .list-group.full.three-rows > .list-group-item, body[class*="theme-"] .list-group.full.three-rows > .list-group-item { height: 33.3333333333%; } body.highcontrast .list-group.full.four-rows > .list-group-item, body[class*="theme-"] .list-group.full.four-rows > .list-group-item { height: 25%; } body.highcontrast .list-group.full.five-rows > .list-group-item, body[class*="theme-"] .list-group.full.five-rows > .list-group-item { height: 20%; } body.highcontrast .list-group.full.six-rows > .list-group-item, body[class*="theme-"] .list-group.full.six-rows > .list-group-item { height: 16%; } body.highcontrast .list-group.full.six-rows > .list-group-item.last, body[class*="theme-"] .list-group.full.six-rows > .list-group-item.last { height: 20%; } body.highcontrast .list-group.full.seven-rows > .list-group-item, body[class*="theme-"] .list-group.full.seven-rows > .list-group-item { height: 14%; } body.highcontrast .list-group.full.seven-rows > .list-group-item.last, body[class*="theme-"] .list-group.full.seven-rows > .list-group-item.last { height: 16%; } body.highcontrast .list-selection a.list-group-item, body[class*="theme-"] .list-selection a.list-group-item { cursor: poiner; text-align: left; } body.highcontrast .list-group-item > .badge, body[class*="theme-"] .list-group-item > .badge { margin-top: 1px; } body.highcontrast .list-group-item > .badge-checkmark, body[class*="theme-"] .list-group-item > .badge-checkmark { float: right; margin-top: -2px; } body.highcontrast .list-group-menu, body[class*="theme-"] .list-group-menu { list-style-type: none; } body.highcontrast .list-group-menu .list-group-item, body[class*="theme-"] .list-group-menu .list-group-item { margin-bottom: 12px; border-radius: 4px; cursor: default; } body.highcontrast .list-group-menu a.list-group-item, body[class*="theme-"] .list-group-menu a.list-group-item { color: inherit; cursor: pointer; display: block; } body.highcontrast .list-group-menu a.list-group-item:after, body[class*="theme-"] .list-group-menu a.list-group-item:after { font-family: fontello; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; content: "\f102"; color: var(--t-gray11); float: right; font-size: 18px; line-height: 1em; text-decoration: none; } body.highcontrast .list-group-menu .list-group-item .toggleswitch-wrapper, body[class*="theme-"] .list-group-menu .list-group-item .toggleswitch-wrapper { float: right; margin: -12px 0 -10px; } body.highcontrast .activity-center-container, body[class*="theme-"] .activity-center-container { background: var(--uux-theme-white); } body.highcontrast .activity-center-container .search-select-wrapper .search-select-list, body[class*="theme-"] .activity-center-container .search-select-wrapper .search-select-list { z-index: 15; } body.highcontrast .activity-center-container .activity-center-datatable .table, body[class*="theme-"] .activity-center-container .activity-center-datatable .table { border: 0; } body.highcontrast .activity-center-container .activity-center-datatable .table thead, body[class*="theme-"] .activity-center-container .activity-center-datatable .table thead { z-index: 5; } body.highcontrast .activity-center-container .activity-center-datatable.rounded table, body[class*="theme-"] .activity-center-container .activity-center-datatable.rounded table { border-collapse: collapse !important; border: 0; } body.highcontrast .activity-center-container .activity-center-datatable td.account, body[class*="theme-"] .activity-center-container .activity-center-datatable td.account { word-break: break-word; } body.highcontrast .activity-center-container .activity-center-datatable th.actions, body[class*="theme-"] .activity-center-container .activity-center-datatable th.actions { z-index: 2; } body.highcontrast .activity-center-container .activity-center-datatable tfoot td, body[class*="theme-"] .activity-center-container .activity-center-datatable tfoot td { padding: 0; } body.highcontrast .activity-center-container .activity-center-datatable .ui-modal .ui-modal-footer:before, body[class*="theme-"] .activity-center-container .activity-center-datatable .ui-modal .ui-modal-footer:before { background: 0 0; } body.highcontrast .activity-center-container .form-control.not-allowed, body[class*="theme-"] .activity-center-container .form-control.not-allowed { opacity: 0.5; } body.highcontrast .activity-center-container .form-control .icon-calendar, body.highcontrast .activity-center-container .form-control .icon-calendar:before, body[class*="theme-"] .activity-center-container .form-control .icon-calendar, body[class*="theme-"] .activity-center-container .form-control .icon-calendar:before { margin-right: 0; } body.highcontrast .activity-center-container .ac-dc-favorite-group .dropdown-toggle, body[class*="theme-"] .activity-center-container .ac-dc-favorite-group .dropdown-toggle { padding-top: 10px; } body.highcontrast .activity-center-container .btn-filter, body[class*="theme-"] .activity-center-container .btn-filter { padding-top: 12px; color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .activity-center-container .btn-filter span, body[class*="theme-"] .activity-center-container .btn-filter span { padding-right: 7px; } body.highcontrast .activity-center-container .btn-filter, body.highcontrast .activity-center-container .favorites-list, body[class*="theme-"] .activity-center-container .btn-filter, body[class*="theme-"] .activity-center-container .favorites-list { line-height: 1.5; } body.highcontrast .activity-center-container .return-link, body[class*="theme-"] .activity-center-container .return-link { display: inline-block; line-height: 44px; } @media print { body.highcontrast .activity-center-container .ac-transactions-footer, body.highcontrast .activity-center-container .actions, body.highcontrast .activity-center-container .additional-details, body.highcontrast .activity-center-container .btn, body.highcontrast .activity-center-container .btn-link, body.highcontrast .activity-center-container .checkbox-icon, body.highcontrast .activity-center-container .datatable-sort-icon, body.highcontrast .activity-center-container .detail-pad-col, body.highcontrast .activity-center-container .expand-icon, body.highcontrast .activity-center-container .nav-tabs-container, body.highcontrast .activity-center-container .omnibox-container, body.highcontrast .activity-center-container .pagination-controls, body.highcontrast .activity-center-container .return-link, body.highcontrast .activity-center-container .transaction-approvals-container, body.highcontrast .activity-center-container h1, body.highcontrast .activity-center-container h2, body[class*="theme-"] .activity-center-container .ac-transactions-footer, body[class*="theme-"] .activity-center-container .actions, body[class*="theme-"] .activity-center-container .additional-details, body[class*="theme-"] .activity-center-container .btn, body[class*="theme-"] .activity-center-container .btn-link, body[class*="theme-"] .activity-center-container .checkbox-icon, body[class*="theme-"] .activity-center-container .datatable-sort-icon, body[class*="theme-"] .activity-center-container .detail-pad-col, body[class*="theme-"] .activity-center-container .expand-icon, body[class*="theme-"] .activity-center-container .nav-tabs-container, body[class*="theme-"] .activity-center-container .omnibox-container, body[class*="theme-"] .activity-center-container .pagination-controls, body[class*="theme-"] .activity-center-container .return-link, body[class*="theme-"] .activity-center-container .transaction-approvals-container, body[class*="theme-"] .activity-center-container h1, body[class*="theme-"] .activity-center-container h2 { display: none; } body.highcontrast .activity-center-container .datatable-clean, body[class*="theme-"] .activity-center-container .datatable-clean { break-after: auto; } body.highcontrast .activity-center-container .datatable-clean .datatable-header, body[class*="theme-"] .activity-center-container .datatable-clean .datatable-header { background: 0 0; border: none; color: var(--t-text); } body.highcontrast .activity-center-container .datatable-clean .ac-transactions-list, body[class*="theme-"] .activity-center-container .datatable-clean .ac-transactions-list { break-inside: auto; break-after: auto; } body.highcontrast .activity-center-container .datatable-clean .datatable-row, body[class*="theme-"] .activity-center-container .datatable-clean .datatable-row { align-items: center; border-color: var(--t-gray1); } body.highcontrast .activity-center-container .datatable-clean .selected .datatable-row, body.highcontrast .activity-center-container .datatable-clean .selected-detail, body[class*="theme-"] .activity-center-container .datatable-clean .selected .datatable-row, body[class*="theme-"] .activity-center-container .datatable-clean .selected-detail { border-color: var(--t-gray1); border-right: 0; border-left: 0; } body.highcontrast .activity-center-container .activity-center-datatable, body[class*="theme-"] .activity-center-container .activity-center-datatable { font-family: sans-serif; } } body.highcontrast .coins .future, body.highcontrast .coins hr.coinline.canceled, body[class*="theme-"] .coins .future, body[class*="theme-"] .coins hr.coinline.canceled { border-color: var(--uux-app-disabledLinkColor); } body.highcontrast .activity-center-container .transaction-item, body[class*="theme-"] .activity-center-container .transaction-item { display: flex; width: 100%; } body.highcontrast .transaction-approvals-container, body[class*="theme-"] .transaction-approvals-container { padding: 16px 0; position: relative; } body.highcontrast .transaction-approvals-container:after, body.highcontrast .transaction-approvals-container:before, body[class*="theme-"] .transaction-approvals-container:after, body[class*="theme-"] .transaction-approvals-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .transaction-approvals-container:after, body[class*="theme-"] .transaction-approvals-container:after { clear: both; } body.highcontrast .transaction-approvals-container .approval-card-arrow, body[class*="theme-"] .transaction-approvals-container .approval-card-arrow { z-index: 1; height: 235px; line-height: 235px; display: inline-block; } body.highcontrast .transaction-approvals-container .transaction-approval-header, body[class*="theme-"] .transaction-approvals-container .transaction-approval-header { background: var(--uux-app-datatableDarkSelectedRowBg); color: var(--uux-app-datatableSelectedRowContrast); padding-top: 1px; padding-bottom: 6px; padding-left: 10px; width: 100%; margin-bottom: 15px; } body.highcontrast .transaction-approvals-container .transaction-approvals-wrapper, body[class*="theme-"] .transaction-approvals-container .transaction-approvals-wrapper { height: auto; min-height: 180px; padding-left: 0; padding-right: 8px; } body.highcontrast .transaction-approvals-container .transaction-approval-text, body[class*="theme-"] .transaction-approvals-container .transaction-approval-text { background: var(--uux-theme-grayLightNeutral); border-radius: 3px; height: 235px; margin: 7px; overflow-y: auto; padding: 8px; } body.highcontrast .transaction-approvals-container .transaction-approval-text > div, body[class*="theme-"] .transaction-approvals-container .transaction-approval-text > div { overflow: hidden; text-overflow: ellipsis; } body.highcontrast .transaction-approvals-container .transaction-approval-text .transaction-approval-text-header, body[class*="theme-"] .transaction-approvals-container .transaction-approval-text .transaction-approval-text-header { font-weight: 700; padding-top: 4px; padding-bottom: 10px; width: 100%; } body.highcontrast .transaction-approvals-container .transaction-approval-text .transaction-approval-text-left-justified, body[class*="theme-"] .transaction-approvals-container .transaction-approval-text .transaction-approval-text-left-justified { padding-left: 8px; } body.highcontrast .transaction-approvals-container .transaction-approval-text .cancelled, body[class*="theme-"] .transaction-approvals-container .transaction-approval-text .cancelled { color: var(--uux-theme-danger); font-weight: 700; } body.highcontrast .transaction-approvals-container .transaction-approval-text .next-approver, body[class*="theme-"] .transaction-approvals-container .transaction-approval-text .next-approver { font-weight: 700; } body.highcontrast .transaction-approvals-container .transaction-approvals-company, body[class*="theme-"] .transaction-approvals-container .transaction-approvals-company { width: 55%; } body.highcontrast .transaction-approvals-container .transaction-approvals-fi, body[class*="theme-"] .transaction-approvals-container .transaction-approvals-fi { padding-right: 0; padding-left: 8px; width: 45%; } body.highcontrast .transaction-approvals-container .transaction-approvals-box, body[class*="theme-"] .transaction-approvals-container .transaction-approvals-box { height: 100%; } body.highcontrast .transaction-approvals-container h4, body[class*="theme-"] .transaction-approvals-container h4 { margin: 0; text-align: center; } body.highcontrast .transaction-approvals-container ul.transaction-approvals-content, body[class*="theme-"] .transaction-approvals-container ul.transaction-approvals-content { display: block; margin: 0; } body.highcontrast .transaction-approvals-container ul.transaction-approvals-content:after, body.highcontrast .transaction-approvals-container ul.transaction-approvals-content:before, body[class*="theme-"] .transaction-approvals-container ul.transaction-approvals-content:after, body[class*="theme-"] .transaction-approvals-container ul.transaction-approvals-content:before { content: ""; display: table; line-height: 0; } body.highcontrast .transaction-approvals-container ul.transaction-approvals-content:after, body[class*="theme-"] .transaction-approvals-container ul.transaction-approvals-content:after { clear: both; } body.highcontrast .transaction-approvals-container ul.transaction-approvals-content li, body[class*="theme-"] .transaction-approvals-container ul.transaction-approvals-content li { float: left; margin: 0; display: inline-block; width: 50%; position: relative; height: auto; min-height: 163px; } body.highcontrast .transaction-approvals-container ul.transaction-approvals-content .transaction-approval-tablet-text, body[class*="theme-"] .transaction-approvals-container ul.transaction-approvals-content .transaction-approval-tablet-text { width: auto; } body.highcontrast .transaction-approvals-container li.transaction-approvals-phone, body[class*="theme-"] .transaction-approvals-container li.transaction-approvals-phone { width: 100%; margin: 0; } @media (max-width: 767px) { body.highcontrast .transaction-approvals-container, body.highcontrast .transaction-approvals-container .transaction-approvals-wrapper, body[class*="theme-"] .transaction-approvals-container, body[class*="theme-"] .transaction-approvals-container .transaction-approvals-wrapper { padding: 0; } } body.highcontrast .coins, body[class*="theme-"] .coins { width: 100%; position: relative; height: 100%; min-height: 108px; padding: 31px 0; } body.highcontrast .coins .passed, body[class*="theme-"] .coins .passed { border-color: var(--uux-theme-info); } body.highcontrast .coins .cancelled, body[class*="theme-"] .coins .cancelled { border-color: var(--uux-theme-danger); } body.highcontrast .coins .coin, body[class*="theme-"] .coins .coin { height: 45px; width: 45px; border-radius: 50%; border-width: 4px; border-style: solid; background: var(--uux-app-contentInnerBg); color: var(--uux-app-textColor); text-align: center; font-size: 50px; padding-top: 9px; position: relative; left: 50%; margin-left: -22px; z-index: 1; } body.highcontrast .coins .coin .step-label, body[class*="theme-"] .coins .coin .step-label { display: block; font-size: 11px; height: 16px; line-height: 0; width: 37px; text-align: center; } body.highcontrast .coins .coin .step-number, body[class*="theme-"] .coins .coin .step-number { display: block; font-weight: 800; height: 44px; width: 37px; line-height: 0; text-align: center; font-size: 20px; } body.highcontrast .coins hr.coinline, body[class*="theme-"] .coins hr.coinline { border-top-width: 4px; border-top-style: solid; position: absolute; top: 50%; margin: 0; left: 55%; z-index: 0; } body.highcontrast .order-button, body[class*="theme-"] .order-button { display: flex; align-items: center; justify-content: center; padding: 6px; width: 44px; height: 44px; } body.highcontrast .ui-progress-bar, body[class*="theme-"] .ui-progress-bar { position: relative; width: 40%; float: right; margin: 9px 20px 0 0; height: 10px; padding-right: 2px; background-color: #232324; border-radius: 10px; box-shadow: inset 1px 2px var(--t-top-a1), 0 0 10px -1px var(--t-gray11); } body.highcontrast .ui-progress-bar.blue .ui-progress, body[class*="theme-"] .ui-progress-bar.blue .ui-progress { background-color: var(--t-status-info) !important; border: 1px solid var(--t-status-info); } body.highcontrast .ui-progress-bar.error .ui-progress, body[class*="theme-"] .ui-progress-bar.error .ui-progress { background-color: var(--t-status-alert) !important; border: 1px solid var(--t-status-alert); } body.highcontrast .ui-progress-bar.warning .ui-progress, body[class*="theme-"] .ui-progress-bar.warning .ui-progress { background-color: var(--t-status-warn) !important; border: 1px solid var(--t-status-warn); } body.highcontrast .ui-progress-bar.success .ui-progress, body[class*="theme-"] .ui-progress-bar.success .ui-progress { background-color: var(--t-status-success) !important; border: 1px solid var(--t-status-success); } body.highcontrast .ui-progress-bar.stripes .ui-progress, body[class*="theme-"] .ui-progress-bar.stripes .ui-progress { background: repeating-linear-gradient( 45deg, var(--uux-app-sub1-transparent) 5%, var(--uux-app-sub2-transparent) 15%, transparent 15%, transparent 24% ), #a3a4a8; background-size: 50% 10px; } body.highcontrast .ui-progress-bar.animate .ui-progress, body[class*="theme-"] .ui-progress-bar.animate .ui-progress { animation: animate-stripes 20s linear infinite; } body.highcontrast .ui-progress-bar.transition .ui-progress, body[class*="theme-"] .ui-progress-bar.transition .ui-progress { transition: background-color 0.5s ease-in, border-color 1.5s ease-out, width 0.6s ease, box-shadow 1.5s ease-out; } body.highcontrast .ui-progress-bar .ui-progress, body[class*="theme-"] .ui-progress-bar .ui-progress { position: relative; display: block; overflow: hidden; height: 10px; border-radius: 10px; background-size: 36px 36px; background-color: #a3a4a8; background: linear-gradient(to top, var(--t-gray10) 1%, var(--t-gray9) 100%); border: 1px solid #000; } body.highcontrast .ui-progress-bar .ui-progress span.ui-label, body[class*="theme-"] .ui-progress-bar .ui-progress span.ui-label { font-size: 13px; position: absolute; right: 0; line-height: 8px; padding-right: 12px; color: var(--t-top-a2); text-shadow: var(--t-base-a2) 0 1px 0; white-space: nowrap; } body.highcontrast .ui-progress-bar .ui-progress span.ui-label b, body[class*="theme-"] .ui-progress-bar .ui-progress span.ui-label b { font-weight: 700; } body.highcontrast .new-user-profile-container, body[class*="theme-"] .new-user-profile-container { width: 100%; } body.highcontrast .new-user-profile-form-outer, body[class*="theme-"] .new-user-profile-form-outer { margin-bottom: 10px; } body.highcontrast .new-user-profile-form-outer .new-user-profile-form-inner, body[class*="theme-"] .new-user-profile-form-outer .new-user-profile-form-inner { margin: 0 auto; text-align: left; padding-bottom: 150px; } @media screen and (min-width: 768px) { body.highcontrast .new-user-profile-form-outer .new-user-profile-form-inner, body[class*="theme-"] .new-user-profile-form-outer .new-user-profile-form-inner { width: 81%; } } body.highcontrast .new-user-profile-form-outer .new-user-profile-form-inner h1, body[class*="theme-"] .new-user-profile-form-outer .new-user-profile-form-inner h1 { font-size: 16px; color: var(--uux-app-textColor); } body.highcontrast .new-user-profile-form-outer q2-input, body.highcontrast .new-user-profile-form-outer q2-select, body[class*="theme-"] .new-user-profile-form-outer q2-input, body[class*="theme-"] .new-user-profile-form-outer q2-select { margin: 15px 0; } body.highcontrast .new-user-profile-form-outer q2-select q2-input, body[class*="theme-"] .new-user-profile-form-outer q2-select q2-input { margin: 0; } body.highcontrast .splitlogin, body[class*="theme-"] .splitlogin { margin-top: 45px; } body.highcontrast .preLogon, body[class*="theme-"] .preLogon { line-height: 34px; margin-top: -8px; overflow: hidden; white-space: nowrap; } body.highcontrast .preLogon a, body.highcontrast .privacy_link, body[class*="theme-"] .preLogon a, body[class*="theme-"] .privacy_link { color: var(--uux-app-loginPrivacyLinkColor); font-size: 13px; text-decoration: none; } body.highcontrast .preLogon a:hover, body.highcontrast .privacy_link:hover, body[class*="theme-"] .preLogon a:hover, body[class*="theme-"] .privacy_link:hover { color: var(--uux-app-loginPrivacyLinkHover); text-decoration: underline; } body.highcontrast .preLogon a:active, body.highcontrast .privacy_link:active, body[class*="theme-"] .preLogon a:active, body[class*="theme-"] .privacy_link:active { color: var(--uux-app-loginPrivacyLinkActive); text-decoration: underline; } body.highcontrast .login-adLink, body.highcontrast .preLogon a, body[class*="theme-"] .login-adLink, body[class*="theme-"] .preLogon a { border-right: 1px solid var(--t-base-a2); color: var(--uux-app-loginAdLinkColor); font-size: 12px; height: 35px; line-height: 34px; overflow: hidden; padding: 0 24px; position: relative; white-space: nowrap; } body.highcontrast .login-adLink:last-of-type, body.highcontrast .preLogon a:last-of-type, body[class*="theme-"] .login-adLink:last-of-type, body[class*="theme-"] .preLogon a:last-of-type { border-right: 0 none; } body.highcontrast .login-adLink:hover, body.highcontrast .preLogon a:hover, body[class*="theme-"] .login-adLink:hover, body[class*="theme-"] .preLogon a:hover { color: var(--uux-app-loginAdLinkHover); } body.highcontrast .login-adLink:active, body.highcontrast .preLogon a:active, body[class*="theme-"] .login-adLink:active, body[class*="theme-"] .preLogon a:active { color: var(--uux-app-loginAdLinkActive); } body.highcontrast .login-icons, body[class*="theme-"] .login-icons { background-color: var(--uux-app-loginAdLinkContainerBg); border-radius: 0 0 5px 5px; margin: 0 auto 20px; padding: 6px 0; } body.highcontrast #userLinks, body[class*="theme-"] #userLinks { color: var(--uux-app-authLinkColor); text-align: right; font-size: 12px; } body.highcontrast #userLinks a, body[class*="theme-"] #userLinks a { font-weight: 400; } body.highcontrast #userLinks a:hover, body[class*="theme-"] #userLinks a:hover { color: var(--uux-app-authLinkHover); } body.highcontrast #userLinks a:active, body[class*="theme-"] #userLinks a:active { color: var(--uux-app-authLinkActive); } body.highcontrast #userLinks a a:hover, body[class*="theme-"] #userLinks a a:hover { color: var(--uux-app-authLinkHover); cursor: pointer; } body.highcontrast #userLinks .btn-primary, body[class*="theme-"] #userLinks .btn-primary { margin-top: 12px; margin-bottom: 36px; background-color: var(--uux-app-authBtnPrimaryBg); color: var(--uux-app-authBtnPrimaryContrast); } body.highcontrast #userLinks .btn-primary:hover, body[class*="theme-"] #userLinks .btn-primary:hover { background-color: var(--uux-app-btnPrimaryHoverBg); border-color: var(--uux-app-btnPrimaryHoverBg); color: var(--uux-app-btnPrimaryHoverContrast); } body.highcontrast #userLinks:after, body[class*="theme-"] #userLinks:after { content: ""; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0; } body.highcontrast #rememberUserNameArea, body[class*="theme-"] #rememberUserNameArea { font-size: 12px; } body.highcontrast #rememberUserNameArea label, body[class*="theme-"] #rememberUserNameArea label { color: var(--uux-app-authTextColor); font-weight: 400; } body.highcontrast .forgot-pw, body[class*="theme-"] .forgot-pw { color: var(--uux-app-authLinkColor); display: inline-block; margin-bottom: 5px; text-decoration: none; vertical-align: baseline; } body.highcontrast .forgot-pw:hover, body[class*="theme-"] .forgot-pw:hover { color: var(--uux-app-authLinkHover); } body.highcontrast .forgot-pw:active, body[class*="theme-"] .forgot-pw:active { color: var(--uux-app-authLinkActive); } body.highcontrast #login-modal, body[class*="theme-"] #login-modal { display: none; } body.highcontrast .login-outer, body[class*="theme-"] .login-outer { width: 100vw; max-width: var(--uux-desktop-contentWrapperWidth); min-height: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0 auto; } body.highcontrast .login-outer input[type="checkbox"], body[class*="theme-"] .login-outer input[type="checkbox"] { transform: scale(2); padding: 0; margin: 0; } body.highcontrast .login-inner, body[class*="theme-"] .login-inner { text-align: center; max-height: 100%; width: 638px; } body.highcontrast .login-inner .mfa-button-target, body[class*="theme-"] .login-inner .mfa-button-target { margin: 10px auto; width: 96%; } body.highcontrast .login-inner .mfa-button-target .tac-target, body[class*="theme-"] .login-inner .mfa-button-target .tac-target { margin: auto; font-size: 16px; } body.highcontrast .login-inner .quick-tip, body[class*="theme-"] .login-inner .quick-tip { margin: 10px auto; } @media screen and (max-width: 767px) { body.highcontrast .login-outer, body[class*="theme-"] .login-outer { align-items: flex-start; padding: 10px; } body.highcontrast .login-inner, body[class*="theme-"] .login-inner { width: 100%; } body.highcontrast .login-inner .logon-submit, body[class*="theme-"] .login-inner .logon-submit { margin-bottom: 25px; text-align: center; } body.highcontrast .login-inner .password-links .password-link, body[class*="theme-"] .login-inner .password-links .password-link { margin-bottom: 10px; } } body.highcontrast .login-inner .password-links, body[class*="theme-"] .login-inner .password-links { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-direction: row-reverse; } @media (max-width: 312px) { body.highcontrast .login-inner .password-links, body[class*="theme-"] .login-inner .password-links { display: flex; flex-direction: column; } } body.highcontrast .textField-forgotPW, body[class*="theme-"] .textField-forgotPW { text-align: left; } body.highcontrast .reduce-top-margin, body[class*="theme-"] .reduce-top-margin { margin-top: -350px; } body.highcontrast .login-title, body[class*="theme-"] .login-title { background-color: var(--uux-app-authHeaderBg); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; display: block; position: relative; resize: vertical; align-items: center; justify-content: center; font-size: 18px; height: 133px; text-align: center; width: 100%; } body.highcontrast .login-title img, body[class*="theme-"] .login-title img { display: inline-block; vertical-align: middle; } body.highcontrast .loginFormArea, body[class*="theme-"] .loginFormArea { background-color: var(--uux-app-authContentBg); color: var(--uux-app-authTextColor); padding: 0 30px; } body.highcontrast .loginFormArea form, body[class*="theme-"] .loginFormArea form { max-width: 364px; margin: 0 auto; } body.highcontrast .login-message, body[class*="theme-"] .login-message { text-align: left; padding: 15px 30px; } body.highcontrast .login-form, body[class*="theme-"] .login-form { overflow: hidden; padding-bottom: 10px; } body.highcontrast .login-form h2, body.highcontrast .login-form h3, body[class*="theme-"] .login-form h2, body[class*="theme-"] .login-form h3 { margin-bottom: 6px; font-weight: 400; } body.highcontrast .login-form .ember-text-field, body[class*="theme-"] .login-form .ember-text-field { background-color: var(--uux-app-authInputBg); border-color: var(--uux-app-authBorder); color: var(--uux-app-authInputText); } body.highcontrast .login-failed, body[class*="theme-"] .login-failed { margin: 10px 5px 5px; color: var(--uux-app-authErrorText); text-align: center; } body.highcontrast #login-inner .login-field.normal-text-placeholder input::-webkit-input-placeholder, body[class*="theme-"] #login-inner .login-field.normal-text-placeholder input::-webkit-input-placeholder { color: var(--uux-app-textColor); } body.highcontrast #login-inner .login-field.normal-text-placeholder input:-moz-placeholder, body[class*="theme-"] #login-inner .login-field.normal-text-placeholder input:-moz-placeholder { color: var(--uux-app-textColor); opacity: 1; } body.highcontrast #login-inner .login-field.normal-text-placeholder input::-moz-placeholder, body[class*="theme-"] #login-inner .login-field.normal-text-placeholder input::-moz-placeholder { color: var(--uux-app-textColor); opacity: 1; } body.highcontrast #login-inner .login-field.normal-text-placeholder input:-ms-input-placeholder, body[class*="theme-"] #login-inner .login-field.normal-text-placeholder input:-ms-input-placeholder { color: var(--uux-app-textColor); } body.highcontrast #login-inner .login-field.reset-password-field, body[class*="theme-"] #login-inner .login-field.reset-password-field { margin-bottom: 15px; } body.highcontrast #login-inner .normal-text-placeholder .login-field::-webkit-input-placeholder, body[class*="theme-"] #login-inner .normal-text-placeholder .login-field::-webkit-input-placeholder { color: var(--uux-app-textColor); } body.highcontrast #login-inner .normal-text-placeholder .login-field:-moz-placeholder, body[class*="theme-"] #login-inner .normal-text-placeholder .login-field:-moz-placeholder { color: var(--uux-app-textColor); opacity: 1; } body.highcontrast #login-inner .normal-text-placeholder .login-field::-moz-placeholder, body[class*="theme-"] #login-inner .normal-text-placeholder .login-field::-moz-placeholder { color: var(--uux-app-textColor); opacity: 1; } body.highcontrast #login-inner .normal-text-placeholder .login-field:-ms-input-placeholder, body[class*="theme-"] #login-inner .normal-text-placeholder .login-field:-ms-input-placeholder { color: var(--uux-app-textColor); } body.highcontrast #login-inner .field, body[class*="theme-"] #login-inner .field { margin: 0 auto; } body.highcontrast #login-inner .field label, body[class*="theme-"] #login-inner .field label { text-transform: none; display: block; text-align: left; margin: 0 auto 5px; font-size: inherit; } body.highcontrast .mac, body[class*="theme-"] .mac { margin-bottom: 15px; border-radius: 0 0 5px 5px; } body.highcontrast #user_name, body[class*="theme-"] #user_name { border-radius: 5px 5px 0 0; } body.highcontrast #password, body[class*="theme-"] #password { border-radius: 0; } body.highcontrast .mfa-button-linkTo, body[class*="theme-"] .mfa-button-linkTo { margin: 10px auto; display: inline-block; } body.highcontrast .tac-input, body[class*="theme-"] .tac-input { display: block; width: 100%; margin-bottom: 5px; } body.highcontrast .tac-input-buttons, body[class*="theme-"] .tac-input-buttons { margin: 10px auto; } body.highcontrast .tac-title, body[class*="theme-"] .tac-title { margin-bottom: 10px; } body.highcontrast .tac-error, body[class*="theme-"] .tac-error { color: var(--uux-app-authErrorText); } body.highcontrast .tac-success, body[class*="theme-"] .tac-success { color: var(--uux-app-authSuccessText); } body.highcontrast .push-auth-container, body[class*="theme-"] .push-auth-container { padding-top: var(--app-scale-4); padding-bottom: var(--app-scale-4); } body.highcontrast .push-auth-container h2, body[class*="theme-"] .push-auth-container h2 { text-transform: capitalize; margin-top: var(--app-scale-1); } body.highcontrast .push-auth-container .failure h2, body[class*="theme-"] .push-auth-container .failure h2 { margin-bottom: var(--app-scale-1); } body.highcontrast .push-auth-container .failure .subHeader, body[class*="theme-"] .push-auth-container .failure .subHeader { margin-bottom: var(--app-scale-3); } body.highcontrast .push-auth-container .notifHeader, body[class*="theme-"] .push-auth-container .notifHeader { padding-top: var(--app-scale-3); } body.highcontrast .push-auth-container .notification-details, body[class*="theme-"] .push-auth-container .notification-details { padding-bottom: var(--app-scale-4); } body.highcontrast .push-auth-container .success-circle-check, body[class*="theme-"] .push-auth-container .success-circle-check { transform-origin: 25% 15%; animation: grow 1s; } body.highcontrast .push-auth-container .success-sms-rect, body[class*="theme-"] .push-auth-container .success-sms-rect { animation: dismiss 1s; animation-fill-mode: forwards; } @keyframes dismiss { from { transform: scaleY(1); } to { transform: scaleY(0); } } @keyframes grow { from { transform: scale(0); } to { transform: scale(1); } } body.highcontrast.phone .login-adLink, body.highcontrast.phone .preLogon a, body.highcontrast.tablet .login-adLink, body.highcontrast.tablet .preLogon a, body[class*="theme-"].phone .login-adLink, body[class*="theme-"].phone .preLogon a, body[class*="theme-"].tablet .login-adLink, body[class*="theme-"].tablet .preLogon a { padding: 0 4px; } body.highcontrast.phone .login-icons, body.highcontrast.tablet .login-icons, body[class*="theme-"].phone .login-icons, body[class*="theme-"].tablet .login-icons { font-size: 0; } body.highcontrast.phone .login-outer, body[class*="theme-"].phone .login-outer { align-items: flex-start; } body.highcontrast.phone .privacy_link, body[class*="theme-"].phone .privacy_link { color: var(--uux-phone-loginPrivacyLinkColor); } body.highcontrast.phone .privacy_link:hover, body[class*="theme-"].phone .privacy_link:hover { color: var(--uux-phone-loginPrivacyLinkHover); } body.highcontrast.phone .privacy_link:active, body[class*="theme-"].phone .privacy_link:active { color: var(--uux-phone-loginPrivacyLinkActive); } body.highcontrast.phone .login-adLink, body[class*="theme-"].phone .login-adLink { border-color: var(--t-base-a2); color: var(--uux-phone-loginAdLinkColor); } body.highcontrast.phone .login-adLink:hover, body[class*="theme-"].phone .login-adLink:hover { color: var(--uux-phone-loginAdLinkHover); } body.highcontrast.phone .login-adLink:active, body[class*="theme-"].phone .login-adLink:active { color: var(--uux-phone-loginAdLinkActive); } body.highcontrast.phone .preLogon a, body[class*="theme-"].phone .preLogon a { color: var(--uux-phone-loginPrelogonLinkColor); } body.highcontrast.phone .preLogon a:hover, body[class*="theme-"].phone .preLogon a:hover { color: var(--uux-phone-loginPrelogonLinkHover); } body.highcontrast.phone .preLogon a:active, body[class*="theme-"].phone .preLogon a:active { color: var(--uux-phone-loginPrelogonLinkActive); } body.highcontrast.phone .login-icons, body[class*="theme-"].phone .login-icons { background-color: var(--uux-phone-loginAdLinkContainerBg); } body.highcontrast.phone #userLinks, body[class*="theme-"].phone #userLinks { color: var(--uux-phone-authLinkColor); } body.highcontrast.phone #userLinks a:hover, body[class*="theme-"].phone #userLinks a:hover { color: var(--uux-phone-authLinkHover); } body.highcontrast.phone #userLinks a:active, body[class*="theme-"].phone #userLinks a:active { color: var(--uux-phone-authLinkActive); } body.highcontrast.phone #rememberUserNameArea label, body[class*="theme-"].phone #rememberUserNameArea label { color: var(--uux-phone-authTextColor); } body.highcontrast.phone .forgot-pw, body[class*="theme-"].phone .forgot-pw { color: var(--uux-phone-authLinkColor); } body.highcontrast.phone .forgot-pw:hover, body[class*="theme-"].phone .forgot-pw:hover { color: var(--uux-phone-authLinkHover); } body.highcontrast.phone .forgot-pw:active, body[class*="theme-"].phone .forgot-pw:active { color: var(--uux-phone-authLinkActive); } body.highcontrast.phone .login-title, body[class*="theme-"].phone .login-title { background-color: var(--uux-phone-authHeaderBg); border-color: var(--uux-phone-authBorder); height: 60px; } body.highcontrast.phone .loginFormArea, body[class*="theme-"].phone .loginFormArea { background-color: var(--uux-phone-authContentBg); color: var(--uux-phone-authTextColor); } body.highcontrast.phone .loginFormArea .field, body[class*="theme-"].phone .loginFormArea .field { margin-bottom: 0; } body.highcontrast.phone .login-form .ember-text-field, body[class*="theme-"].phone .login-form .ember-text-field { background-color: var(--uux-phone-authInputBg); border-color: var(--uux-phone-authBorder); color: var(--uux-phone-authInputText); } body.highcontrast.phone .login-failed, body.highcontrast.phone .tac-error, body[class*="theme-"].phone .login-failed, body[class*="theme-"].phone .tac-error { color: var(--uux-phone-authErrorText); } body.highcontrast.phone .tac-success, body[class*="theme-"].phone .tac-success { color: var(--uux-phone-authSuccessText); } body.highcontrast.tablet .privacy_link, body[class*="theme-"].tablet .privacy_link { color: var(--uux-tablet-loginPrivacyLinkColor); } body.highcontrast.tablet .privacy_link:hover, body[class*="theme-"].tablet .privacy_link:hover { color: var(--uux-tablet-loginPrivacyLinkHover); } body.highcontrast.tablet .privacy_link:active, body[class*="theme-"].tablet .privacy_link:active { color: var(--uux-tablet-loginPrivacyLinkActive); } body.highcontrast.tablet .login-adLink, body[class*="theme-"].tablet .login-adLink { border-color: var(--t-base-a2); color: var(--uux-tablet-loginAdLinkColor); } body.highcontrast.tablet .login-adLink:hover, body[class*="theme-"].tablet .login-adLink:hover { color: var(--uux-tablet-loginAdLinkHover); } body.highcontrast.tablet .login-adLink:active, body[class*="theme-"].tablet .login-adLink:active { color: var(--uux-tablet-loginAdLinkActive); } body.highcontrast.tablet .preLogon a, body[class*="theme-"].tablet .preLogon a { color: var(--uux-tablet-loginPrelogonLinkColor); } body.highcontrast.tablet .preLogon a:hover, body[class*="theme-"].tablet .preLogon a:hover { color: var(--uux-tablet-loginPrelogonLinkHover); } body.highcontrast.tablet .preLogon a:active, body[class*="theme-"].tablet .preLogon a:active { color: var(--uux-tablet-loginPrelogonLinkActive); } body.highcontrast.tablet .login-icons, body[class*="theme-"].tablet .login-icons { background-color: var(--uux-tablet-loginAdLinkContainerBg); } body.highcontrast.tablet #userLinks, body[class*="theme-"].tablet #userLinks { color: var(--uux-tablet-authLinkColor); } body.highcontrast.tablet #userLinks a:hover, body[class*="theme-"].tablet #userLinks a:hover { color: var(--uux-tablet-authLinkHover); } body.highcontrast.tablet #userLinks a:active, body[class*="theme-"].tablet #userLinks a:active { color: var(--uux-tablet-authLinkActive); } body.highcontrast.tablet #rememberUserNameArea label, body[class*="theme-"].tablet #rememberUserNameArea label { color: var(--uux-tablet-authTextColor); } body.highcontrast.tablet .forgot-pw, body[class*="theme-"].tablet .forgot-pw { color: var(--uux-tablet-authLinkColor); } body.highcontrast.tablet .forgot-pw:hover, body[class*="theme-"].tablet .forgot-pw:hover { color: var(--uux-tablet-authLinkHover); } body.highcontrast.tablet .forgot-pw:active, body[class*="theme-"].tablet .forgot-pw:active { color: var(--uux-tablet-authLinkActive); } body.highcontrast.tablet .loginFormArea, body[class*="theme-"].tablet .loginFormArea { background-color: var(--uux-tablet-authContentBg); color: var(--uux-tablet-authTextColor); } body.highcontrast.tablet .login-form .ember-text-field, body[class*="theme-"].tablet .login-form .ember-text-field { background-color: var(--uux-tablet-authInputBg); border-color: var(--uux-tablet-authBorder); color: var(--uux-tablet-authInputText); } body.highcontrast.tablet .login-failed, body.highcontrast.tablet .tac-error, body[class*="theme-"].tablet .login-failed, body[class*="theme-"].tablet .tac-error { color: var(--uux-tablet-authErrorText); } body.highcontrast.tablet .tac-success, body[class*="theme-"].tablet .tac-success { color: var(--uux-tablet-authSuccessText); } body.highcontrast.desktop .privacy_link, body[class*="theme-"].desktop .privacy_link { color: var(--uux-desktop-loginPrivacyLinkColor); } body.highcontrast.desktop .privacy_link:hover, body[class*="theme-"].desktop .privacy_link:hover { color: var(--uux-desktop-loginPrivacyLinkHover); } body.highcontrast.desktop .privacy_link:active, body[class*="theme-"].desktop .privacy_link:active { color: var(--uux-desktop-loginPrivacyLinkActive); } body.highcontrast.desktop .login-adLink, body[class*="theme-"].desktop .login-adLink { border-color: var(--t-base-a2); color: var(--uux-desktop-loginAdLinkColor); } body.highcontrast.desktop .login-adLink:hover, body[class*="theme-"].desktop .login-adLink:hover { color: var(--uux-desktop-loginAdLinkHover); } body.highcontrast.desktop .login-adLink:active, body[class*="theme-"].desktop .login-adLink:active { color: var(--uux-desktop-loginAdLinkActive); } body.highcontrast.desktop .preLogon a, body[class*="theme-"].desktop .preLogon a { color: var(--uux-desktop-loginPrelogonLinkColor); } body.highcontrast.desktop .preLogon a:hover, body[class*="theme-"].desktop .preLogon a:hover { color: var(--uux-desktop-loginPrelogonLinkHover); } body.highcontrast.desktop .preLogon a:active, body[class*="theme-"].desktop .preLogon a:active { color: var(--uux-desktop-loginPrelogonLinkActive); } body.highcontrast.desktop .login-icons, body[class*="theme-"].desktop .login-icons { background-color: var(--uux-desktop-loginAdLinkContainerBg); } body.highcontrast.desktop #userLinks, body[class*="theme-"].desktop #userLinks { color: var(--uux-desktop-authLinkColor); } body.highcontrast.desktop #userLinks a:hover, body[class*="theme-"].desktop #userLinks a:hover { color: var(--uux-desktop-authLinkHover); } body.highcontrast.desktop #userLinks a:active, body[class*="theme-"].desktop #userLinks a:active { color: var(--uux-desktop-authLinkActive); } body.highcontrast.desktop #rememberUserNameArea label, body[class*="theme-"].desktop #rememberUserNameArea label { color: var(--uux-desktop-authTextColor); margin-left: 0; } body.highcontrast.desktop .forgot-pw, body[class*="theme-"].desktop .forgot-pw { color: var(--uux-desktop-authLinkColor); } body.highcontrast.desktop .forgot-pw:hover, body[class*="theme-"].desktop .forgot-pw:hover { color: var(--uux-desktop-authLinkHover); } body.highcontrast.desktop .forgot-pw:active, body[class*="theme-"].desktop .forgot-pw:active { color: var(--uux-desktop-authLinkActive); } body.highcontrast.desktop .login-title, body[class*="theme-"].desktop .login-title { background-color: var(--uux-desktop-authHeaderBg); border-color: var(--uux-desktop-authBorder); } @media screen and (max-width: 767px) { body.highcontrast.desktop .login-title, body[class*="theme-"].desktop .login-title { background-color: var(--uux-phone-authHeaderBg); border-color: var(--uux-phone-authBorder); height: 100px; } } body.highcontrast.desktop .loginFormArea, body[class*="theme-"].desktop .loginFormArea { background-color: var(--uux-desktop-authContentBg); color: var(--uux-desktop-authTextColor); } body.highcontrast.desktop .login-form .ember-text-field, body[class*="theme-"].desktop .login-form .ember-text-field { background-color: var(--uux-desktop-authInputBg); border-color: var(--uux-desktop-authBorder); color: var(--uux-desktop-authInputText); } body.highcontrast.desktop .login-failed, body.highcontrast.desktop .tac-error, body[class*="theme-"].desktop .login-failed, body[class*="theme-"].desktop .tac-error { color: var(--uux-desktop-authErrorText); } body.highcontrast.desktop .tac-success, body[class*="theme-"].desktop .tac-success { color: var(--uux-desktop-authSuccessText); } body.highcontrast .pin-entry-display, body[class*="theme-"] .pin-entry-display { margin-bottom: 36px; cursor: pointer; letter-spacing: 3px; margin-top: -20px; text-align: center; } body.highcontrast .pin-entry-display .pin-digit, body[class*="theme-"] .pin-entry-display .pin-digit { background: var(--uux-theme-grayLighter); border: 1px solid var(--uux-theme-grayLight); border-radius: 4px; display: inline-block; font-size: 2em; height: 1.5em; line-height: 1.4em; overflow: hidden; vertical-align: top; width: 1.5em; } body.highcontrast .pin-entry-display.invalid, body[class*="theme-"] .pin-entry-display.invalid { animation: shake 0.3s; animation-timing-function: linear; } body.highcontrast .login-form .pin-entry-display, body[class*="theme-"] .login-form .pin-entry-display { margin-top: 0; } body.highcontrast .login-form .pin-entry-display .pin-digit, body[class*="theme-"] .login-form .pin-entry-display .pin-digit { background: var(--uux-theme-white); } body.highcontrast .pin-entry-input, body[class*="theme-"] .pin-entry-input { border: none; color: transparent; left: -2000px; outline: 0; position: absolute; z-index: -1; } body.highcontrast .touchid-container .icon-thumb_print, body[class*="theme-"] .touchid-container .icon-thumb_print { color: var(--uux-app-touchIdIconColor); font-size: 128px; } body.highcontrast .touchid-container .touchid-copy.bottom, body[class*="theme-"] .touchid-container .touchid-copy.bottom { margin-top: -24px; margin-bottom: 50px; font-size: 23px; } body.highcontrast .touchid-container .touchid-copy.top, body[class*="theme-"] .touchid-container .touchid-copy.top { color: var(--uux-app-authLinkColor); font-weight: 700; font-size: 14px; margin-top: 5px; margin-bottom: -24px; } body.highcontrast .alt-login .login-std-login-link, body[class*="theme-"] .alt-login .login-std-login-link { background: var(--uux-theme-primary); color: var(--t-gray13); display: block; height: 3em; line-height: 3em; } body.highcontrast .item-link.login-return-link, body[class*="theme-"] .item-link.login-return-link { border: 0; margin: -10px 11px 0 10px; } body.highcontrast .input-prompt, body[class*="theme-"] .input-prompt { display: flex; flex-direction: row; } body.highcontrast .input-prompt input, body[class*="theme-"] .input-prompt input { margin-right: 10px; } body.highcontrast .panel-header, body[class*="theme-"] .panel-header { display: flex; flex-direction: row; } body.highcontrast .panel-header.panel-heading, body[class*="theme-"] .panel-header.panel-heading { overflow: inherit; } body.highcontrast .panel-header h2, body[class*="theme-"] .panel-header h2 { margin: 0; padding: 0; } body.highcontrast #settings-profile, body[class*="theme-"] #settings-profile { background-color: var(--uux-theme-white); } body.highcontrast #settings-profile .profile-err, body[class*="theme-"] #settings-profile .profile-err { font-size: 14px; color: var(--uux-app-strongTextColor); font-weight: 700; } body.highcontrast #settings-profile q2-input, body.highcontrast #settings-profile q2-select, body[class*="theme-"] #settings-profile q2-input, body[class*="theme-"] #settings-profile q2-select { margin: 15px 0; } body.highcontrast #settings-profile q2-select q2-input, body[class*="theme-"] #settings-profile q2-select q2-input { margin: 0; } body.highcontrast .settings-language-dialogue, body[class*="theme-"] .settings-language-dialogue { text-align: center; padding-top: 5%; padding-bottom: 5%; } body.highcontrast .settings-language-dialogue .languageButtons, body[class*="theme-"] .settings-language-dialogue .languageButtons { width: 60%; margin-left: 20%; margin-right: 20%; } body.highcontrast .settings-preferences-form input.form-control, body[class*="theme-"] .settings-preferences-form input.form-control { width: 90%; } body.highcontrast .account-preferences-form .text-success, body[class*="theme-"] .account-preferences-form .text-success { position: relative; } body.highcontrast .theme-button, body[class*="theme-"] .theme-button { display: inline-block; margin-bottom: 15px; background-repeat: no-repeat; background-position: top; text-align: left; } body.highcontrast .theme-button.inactive, body[class*="theme-"] .theme-button.inactive { cursor: not-allowed; pointer-events: none; position: relative; } body.highcontrast .theme-img, body[class*="theme-"] .theme-img { border: 5px solid transparent; height: 146px; width: 210px; background-repeat: no-repeat; background-position: center center; } body.highcontrast .theme-img.is-selected, body[class*="theme-"] .theme-img.is-selected { border-color: var(--uux-theme-primaryHighlight); } body.highcontrast .theme-button-overlay, body[class*="theme-"] .theme-button-overlay { background: var(--uux-theme-blackNeutral); bottom: 0; color: var(--uux-theme-whiteNeutral); left: 0; position: absolute; right: 0; text-align: center; top: 0; z-index: 1; } body.highcontrast .theme-button-overlay-content, body[class*="theme-"] .theme-button-overlay-content { display: table; width: 100%; height: 100%; } body.highcontrast .theme-button-overlay-content > p, body[class*="theme-"] .theme-button-overlay-content > p { display: table-cell; vertical-align: middle; margin: 0; letter-spacing: 0.02em; box-shadow: 0 0 2px var(--t-gray1); padding: 0 15%; } body.highcontrast .settings-address-change .required, body[class*="theme-"] .settings-address-change .required { color: var(--uux-app-requiredIndicator); font-size: 21px; } body.highcontrast .settings-address-change .list-group, body[class*="theme-"] .settings-address-change .list-group { overflow: hidden; } body.highcontrast .settings-send-check .inputControl.calendar, body[class*="theme-"] .settings-send-check .inputControl.calendar { position: static; width: auto; } body.highcontrast .listItem, body[class*="theme-"] .listItem { text-align: left; width: 100%; } body.highcontrast .listItem[class*="account-color-"] .stepDetails, body[class*="theme-"] .listItem[class*="account-color-"] .stepDetails { color: var(--uux-app-textColor); margin-left: 10px; padding: 14px; } body.highcontrast .listItem.disabled, body[class*="theme-"] .listItem.disabled { cursor: not-allowed; } body.highcontrast .listItem.disabled .stepName, body[class*="theme-"] .listItem.disabled .stepName { color: var(--uux-theme-gray); } body.highcontrast .listItem .stepDetails, body[class*="theme-"] .listItem .stepDetails { background-color: var(--uux-app-cardBg); padding: 14px 14px 14px 24px; } body.highcontrast .listItem .stepDetails.contrast, body[class*="theme-"] .listItem .stepDetails.contrast { background-color: var(--uux-app-cardBgDark); } body.highcontrast .listItem .stepDetails .icon-calendar, body[class*="theme-"] .listItem .stepDetails .icon-calendar { font-size: 24px; position: relative; bottom: 13px; } body.highcontrast .listItem .stepDetails .stepHeading, body[class*="theme-"] .listItem .stepDetails .stepHeading { word-break: break-word; } body.highcontrast .listItem .stepDetails .stepName, body[class*="theme-"] .listItem .stepDetails .stepName { font-weight: 700; text-transform: uppercase; font-size: 12px; } body.highcontrast .listItem .stepDetails .no-bg, body[class*="theme-"] .listItem .stepDetails .no-bg { border: 0; background-color: transparent; } body.highcontrast .listItem.is-current-step .stepDetails, body[class*="theme-"] .listItem.is-current-step .stepDetails { background-color: var(--uux-theme-primaryHighlightBg); } body.highcontrast .security-settings, body[class*="theme-"] .security-settings { background: var(--uux-app-contentInnerBg); } body.highcontrast .security-settings .h3, body[class*="theme-"] .security-settings .h3 { text-align: center; } body.highcontrast .security-settings .h3 .back-btn, body[class*="theme-"] .security-settings .h3 .back-btn { font-size: 14px; color: var(--uux-app-contentSubtextColor); font-weight: 400; left: 15px; line-height: 1.5em; position: absolute; } body.highcontrast .account-preference-label, body[class*="theme-"] .account-preference-label { background-color: var(--uux-theme-primary); color: var(--uux-theme-white); border-radius: 3px; font-size: 9px; padding: 2px 4px; text-transform: uppercase; display: inline-block; } body.highcontrast .group-account-preference-list .spinner, body[class*="theme-"] .group-account-preference-list .spinner { position: fixed; } body.highcontrast .group-account-preference .left-border:before, body[class*="theme-"] .group-account-preference .left-border:before { content: ""; width: 1px; background: var(--uux-theme-grayNeutral); position: absolute; top: -5px; bottom: -5px; left: 0; } body.highcontrast .group-account-preference .icon-angle-action, body[class*="theme-"] .group-account-preference .icon-angle-action { display: flex; align-items: center; float: left; cursor: pointer; } body.highcontrast .group-account-preference .icon-angle-action.horizontal, body[class*="theme-"] .group-account-preference .icon-angle-action.horizontal { display: block; float: none; height: 44px; } body.highcontrast .group-account-preference .icon-angle-action.disabled, body[class*="theme-"] .group-account-preference .icon-angle-action.disabled { opacity: 0.5; cursor: auto; } body.highcontrast .group-account-preference .icon-angle-down, body.highcontrast .group-account-preference .icon-angle-up, body[class*="theme-"] .group-account-preference .icon-angle-down, body[class*="theme-"] .group-account-preference .icon-angle-up { font-size: 24px; } body.highcontrast .group-account-preference .icon-angle-down, body[class*="theme-"] .group-account-preference .icon-angle-down { color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .group-account-preference .icon-angle-down:focus, body.highcontrast .group-account-preference .icon-angle-down:hover, body[class*="theme-"] .group-account-preference .icon-angle-down:focus, body[class*="theme-"] .group-account-preference .icon-angle-down:hover { color: var(--uux-theme-grayDarkerNeutral); } body.highcontrast .group-account-preference .icon-angle-up, body[class*="theme-"] .group-account-preference .icon-angle-up { color: var(--uux-theme-grayDarkNeutral); } body.highcontrast .group-account-preference .icon-angle-up:focus, body.highcontrast .group-account-preference .icon-angle-up:hover, body[class*="theme-"] .group-account-preference .icon-angle-up:focus, body[class*="theme-"] .group-account-preference .icon-angle-up:hover { color: var(--uux-theme-grayDarkerNeutral); } body.highcontrast .group-account-preference .pref-header, body[class*="theme-"] .group-account-preference .pref-header { box-sizing: border-box; border-bottom: thin solid var(--uux-theme-grayLighterNeutral); display: flex; flex-flow: row; margin-bottom: 12px; width: 100%; } body.highcontrast .group-account-preference .pref-header:after, body.highcontrast .group-account-preference .pref-header:before, body[class*="theme-"] .group-account-preference .pref-header:after, body[class*="theme-"] .group-account-preference .pref-header:before { content: ""; display: table; line-height: 0; } body.highcontrast .group-account-preference .pref-header:after, body[class*="theme-"] .group-account-preference .pref-header:after { clear: both; } body.highcontrast .group-account-preference .pref-header > .editable-title, body[class*="theme-"] .group-account-preference .pref-header > .editable-title { flex: 1; order: 0; font-size: 20px; margin-bottom: 5px; padding: 0; } body.highcontrast .group-account-preference .pref-header > .editable-title > q2-editable-field, body[class*="theme-"] .group-account-preference .pref-header > .editable-title > q2-editable-field { width: 100%; } body.highcontrast .group-account-preference .pref-header > .editable-title .edit-title, body[class*="theme-"] .group-account-preference .pref-header > .editable-title .edit-title { padding-right: 45px; display: inline-block; box-sizing: border-box; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .group-account-preference .pref-header > .editable-title .link-icon, body[class*="theme-"] .group-account-preference .pref-header > .editable-title .link-icon { background: linear-gradient( to right, transparent 0, var(--uux-theme-white) 39% ); position: absolute; cursor: pointer; right: 0; top: 0; width: 45px; height: 30px; text-align: center; color: var(--uux-theme-grayNeutral); } body.highcontrast .group-account-preference .pref-header > .editable-title .link-icon:hover, body[class*="theme-"] .group-account-preference .pref-header > .editable-title .link-icon:hover { color: var(--uux-app-textColor); } body.highcontrast .group-account-preference .header-actions, body[class*="theme-"] .group-account-preference .header-actions { display: flex; } body.highcontrast .settings-alerts .column-heading, body[class*="theme-"] .settings-alerts .column-heading { font-weight: 700; } body.highcontrast .settings-alerts .edit, body[class*="theme-"] .settings-alerts .edit { background-color: var(--uux-theme-white); } body.highcontrast .settings-alerts .edit-detail, body[class*="theme-"] .settings-alerts .edit-detail { width: 100%; } body.highcontrast .settings-alerts .table_wrapper, body[class*="theme-"] .settings-alerts .table_wrapper { max-width: calc(100vw - 30px); overflow-x: auto; margin-left: 35px; } body.highcontrast .settings-alerts .table_wrapper td, body[class*="theme-"] .settings-alerts .table_wrapper td { vertical-align: middle; } body.highcontrast .settings-alerts .list-group .list-group-item.no-border, body[class*="theme-"] .settings-alerts .list-group .list-group-item.no-border { border-color: transparent; } body.highcontrast .settings-alerts .calendar, body[class*="theme-"] .settings-alerts .calendar { margin-top: -35px; } @media screen and (max-width: 767px) { body.highcontrast .settings-alerts .phone-width-blowout, body[class*="theme-"] .settings-alerts .phone-width-blowout { padding: 0 10px; } body.highcontrast .settings-alerts .list-group .list-group-item, body.highcontrast .settings-alerts .listItem .stepDetails, body[class*="theme-"] .settings-alerts .list-group .list-group-item, body[class*="theme-"] .settings-alerts .listItem .stepDetails { background-color: var(--uux-app-contentBg); padding: 7px 15px 10px; border-bottom: 2px solid var(--uux-app-contentInnerBg); position: relative; } body.highcontrast .settings-alerts .list-group .list-group-item, body[class*="theme-"] .settings-alerts .list-group .list-group-item { border-top: 0; } body.highcontrast .settings-alerts .list-group .list-group-item label, body[class*="theme-"] .settings-alerts .list-group .list-group-item label { font-size: 14px; font-weight: 400; margin-bottom: 0; padding-left: 0; text-transform: none; } body.highcontrast .settings-alerts .list-group .list-group-item:hover, body[class*="theme-"] .settings-alerts .list-group .list-group-item:hover { background-color: var(--uux-app-contentBg); } body.highcontrast .settings-alerts .list-group .list-group-item.active, body.highcontrast .settings-alerts .list-group .list-group-item:active, body.highcontrast .settings-alerts .list-group .list-group-item:focus, body[class*="theme-"] .settings-alerts .list-group .list-group-item.active, body[class*="theme-"] .settings-alerts .list-group .list-group-item:active, body[class*="theme-"] .settings-alerts .list-group .list-group-item:focus { background-color: var(--uux-desktop-navHighlightBase); color: var(--uux-theme-whiteNeutral); } body.highcontrast .settings-alerts .list-group .list-group-item.active label, body.highcontrast .settings-alerts .list-group .list-group-item:active label, body.highcontrast .settings-alerts .list-group .list-group-item:focus label, body[class*="theme-"] .settings-alerts .list-group .list-group-item.active label, body[class*="theme-"] .settings-alerts .list-group .list-group-item:active label, body[class*="theme-"] .settings-alerts .list-group .list-group-item:focus label { color: var(--uux-theme-whiteNeutral); } body.highcontrast .settings-alerts .listItem .stepDetails:after, body[class*="theme-"] .settings-alerts .listItem .stepDetails:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f102"; font-size: 18px; position: absolute; top: 16px; right: 15px; } body.highcontrast .settings-alerts .listItem .stepDetails.phone-no-arrow:after, body[class*="theme-"] .settings-alerts .listItem .stepDetails.phone-no-arrow:after { display: none; } body.highcontrast .settings-alerts .listItem .stepDetails .stepName, body[class*="theme-"] .settings-alerts .listItem .stepDetails .stepName { font-size: 12px; text-transform: uppercase; font-weight: 700; } body.highcontrast .settings-alerts .listItem .stepDetails .stepHeading, body[class*="theme-"] .settings-alerts .listItem .stepDetails .stepHeading { font-weight: 400; } body.highcontrast .account-overview .account-group [slot="q2-section-header"] h2, body[class*="theme-"] .account-overview .account-group [slot="q2-section-header"] h2 { -webkit-user-select: none; user-select: none; } } @media (max-width: 767px) { body.highcontrast .settings-alerts .table_wrapper, body[class*="theme-"] .settings-alerts .table_wrapper { margin-left: 0; } } body.highcontrast.phone .settings-alerts .calendarContainer.opened, body[class*="theme-"].phone .settings-alerts .calendarContainer.opened { min-height: 360px; } body.highcontrast .settings-mfa-targets-wrapper, body[class*="theme-"] .settings-mfa-targets-wrapper { padding: 15px 7.5px 0; } body.highcontrast .settings-mfa-targets-wrapper .settings-mfa-targets-header, body[class*="theme-"] .settings-mfa-targets-wrapper .settings-mfa-targets-header { margin-bottom: 30px; } @media screen and (max-width: 991px) { body.highcontrast .group-account-preference .pref-header > .editable-title > q2-editable-field, body[class*="theme-"] .group-account-preference .pref-header > .editable-title > q2-editable-field { word-break: break-all; } body.highcontrast .settings-mfa-targets-wrapper .settings-mfa-targets-header, body[class*="theme-"] .settings-mfa-targets-wrapper .settings-mfa-targets-header { padding: 0; margin-bottom: 15px; } } body.highcontrast .settings-mfa-targets-wrapper h1, body[class*="theme-"] .settings-mfa-targets-wrapper h1 { margin: 15px 0; } body.highcontrast .settings-mfa-targets-wrapper #settings-mfa-targets, body[class*="theme-"] .settings-mfa-targets-wrapper #settings-mfa-targets { position: relative; margin-top: 14px; } body.highcontrast .settings-mfa-targets-wrapper .add-target-buttons, body[class*="theme-"] .settings-mfa-targets-wrapper .add-target-buttons { flex-wrap: wrap; } @media screen and (min-width: 481px) { body.highcontrast .settings-mfa-targets-wrapper .add-target-buttons .btn, body[class*="theme-"] .settings-mfa-targets-wrapper .add-target-buttons .btn { margin-bottom: 15px; } } body.highcontrast.desktop .interstitial .image, body[class*="theme-"].desktop .interstitial .image { background-image: var(--uux-interstitialImage); } body.highcontrast.phone .interstitial .image, body[class*="theme-"].phone .interstitial .image { background-image: var(--uux-interstitialImagePhone); } body.highcontrast.tablet .interstitial .image, body[class*="theme-"].tablet .interstitial .image { background-image: var(--uux-interstitialImageTablet); } body.highcontrast .interstitial, body[class*="theme-"] .interstitial { background-color: var(--uux-theme-grayDarker); background-image: var(--uux-textureBackgroundImage); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9; } body.highcontrast .interstitial .image, body[class*="theme-"] .interstitial .image { background-position: var(--uux-app-interstitialBgPosition); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } body.highcontrast .interstitial .inter-image, body[class*="theme-"] .interstitial .inter-image { position: absolute; top: 58px; bottom: 61px; left: -1px; right: -1px; } body.highcontrast .interstitial .q2-progress, body[class*="theme-"] .interstitial .q2-progress { background: var(--uux-app-interstitialBg); bottom: 0; left: 0; min-height: 60px; padding-bottom: env(safe-area-inset-bottom, 0); padding-top: 14px; position: absolute; right: 0; } body.highcontrast .interstitial .q2-progress .message, body[class*="theme-"] .interstitial .q2-progress .message { font-size: 20px; color: var(--uux-app-interstitialProgressMsg); margin-left: 20px; float: left; } body.highcontrast .interstitial .q2-progress .visible-xs > .progress-bar-container, body[class*="theme-"] .interstitial .q2-progress .visible-xs > .progress-bar-container { padding: 0 15px 4px; text-align: center; width: 100%; } body.highcontrast .interstitial .q2-progress .visible-xs > .progress-bar-container:after, body.highcontrast .interstitial .q2-progress .visible-xs > .progress-bar-container:before, body[class*="theme-"] .interstitial .q2-progress .visible-xs > .progress-bar-container:after, body[class*="theme-"] .interstitial .q2-progress .visible-xs > .progress-bar-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .interstitial .q2-progress .visible-xs > .progress-bar-container:after, body[class*="theme-"] .interstitial .q2-progress .visible-xs > .progress-bar-container:after { clear: both; } body.highcontrast .interstitial .q2-progress .visible-xs > .progress-bar-container .ui-progress-bar, body[class*="theme-"] .interstitial .q2-progress .visible-xs > .progress-bar-container .ui-progress-bar { float: none; width: 100%; } body.highcontrast .interstitial .q2-progress .visible-xs > .message, body[class*="theme-"] .interstitial .q2-progress .visible-xs > .message { max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: none; font-size: 14px; padding: 0 15px 7px; text-align: center; } body.highcontrast .interstitial .q2-progress .ui-progress-bar, body[class*="theme-"] .interstitial .q2-progress .ui-progress-bar { box-shadow: inset 1px 2px var(--t-top-a2), 0 0 10px -1px var(--t-top-a0); margin-top: 9px; height: 12px; } body.highcontrast .interstitial .q2-progress .ui-progress-bar .ui-progress, body[class*="theme-"] .interstitial .q2-progress .ui-progress-bar .ui-progress { height: 12px; } body.highcontrast.interstitial-page .view-wrapper, body[class*="theme-"].interstitial-page .view-wrapper { position: static; } body.highcontrast.interstitial-page .app-header .container, body[class*="theme-"].interstitial-page .app-header .container { padding-top: env(safe-area-inset-top, 0); } body.highcontrast .interstitial-loading-spinner, body[class*="theme-"] .interstitial-loading-spinner { position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); } body.highcontrast .disclaimer-content, body[class*="theme-"] .disclaimer-content { box-sizing: border-box; background-color: var(--uux-app-contentBg); position: fixed; top: var(--uux-app-brandingBarHeight); bottom: 0; left: 0; right: 0; z-index: 110; } body.highcontrast .disclaimer-content .disc-sidebar, body[class*="theme-"] .disclaimer-content .disc-sidebar { background-color: var(--uux-app-authDisclaimerBg); position: absolute; top: 0; bottom: 0; right: 75%; left: 0; } body.highcontrast .disclaimer-content .disc-sidebar .disc-tile, body[class*="theme-"] .disclaimer-content .disc-sidebar .disc-tile { border-bottom: 1px solid var(--t-top-a1); color: var(--uux-app-strongTextColor); font-size: 14px; font-weight: 700; word-wrap: break-word; overflow-wrap: break-word; padding: 25px; } body.highcontrast .disclaimer-content .disc-sidebar .disc-tile .check, body[class*="theme-"] .disclaimer-content .disc-sidebar .disc-tile .check { font-size: 20px; float: right; } body.highcontrast .disclaimer-content .disc-sidebar .disc-tile.selected, body[class*="theme-"] .disclaimer-content .disc-sidebar .disc-tile.selected { background-color: var(--uux-app-authDisclaimerSelectedBg); } body.highcontrast .disclaimer-content .button-panel, body[class*="theme-"] .disclaimer-content .button-panel { margin-top: 30px; text-align: center; width: 100%; } body.highcontrast .disclaimer-content .disc-body, body.highcontrast .disclaimer-content .form-body, body[class*="theme-"] .disclaimer-content .disc-body, body[class*="theme-"] .disclaimer-content .form-body { font-size: 13px; padding: 15px; position: absolute; top: 0; bottom: 0; right: 0; left: 25%; } body.highcontrast.disclaimer-modal, body[class*="theme-"].disclaimer-modal { overflow: hidden; } body.highcontrast.disclaimer-modal .authenticated .header-fixed .center, body[class*="theme-"].disclaimer-modal .authenticated .header-fixed .center { background-image: var(--uux-logoImage); background-position: center center; height: var(--uux-app-brandingBarHeight); } body.highcontrast.disclaimer-modal.phone .unauthenticated .login-outer, body[class*="theme-"].disclaimer-modal.phone .unauthenticated .login-outer { display: none; } body.highcontrast .hist-details-panel, body[class*="theme-"] .hist-details-panel { background: linear-gradient( to bottom, rgba(0, 0, 0, 0.04) 0.1%, rgba(0, 0, 0, 0) 1.5% ), var(--uux-app-contentBg); margin-top: 10px; padding: 15px; width: 100%; } body.highcontrast .hist-details-panel .inquiry-data, body[class*="theme-"] .hist-details-panel .inquiry-data { display: inline-block; width: 100%; } body.highcontrast .hist-details-panel .image-display, body[class*="theme-"] .hist-details-panel .image-display { border-top: 2px solid var(--t-top-a1); padding: 20px; text-align: center; } body.highcontrast .hist-details-panel .image-display img, body[class*="theme-"] .hist-details-panel .image-display img { width: 100%; } body.highcontrast .inquiry-row, body[class*="theme-"] .inquiry-row { height: 25px; overflow: hidden; white-space: nowrap; width: 100%; } body.highcontrast .inquiry-row .name, body.highcontrast .inquiry-row .value, body[class*="theme-"] .inquiry-row .name, body[class*="theme-"] .inquiry-row .value { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .account-details .datatable .table .text-right, body.highcontrast .account-info .datatable .table .text-right, body[class*="theme-"] .account-details .datatable .table .text-right, body[class*="theme-"] .account-info .datatable .table .text-right { padding-right: 10px; } body.highcontrast .account-details .datatable .table .text-right.parens, body.highcontrast .account-info .datatable .table .text-right.parens, body[class*="theme-"] .account-details .datatable .table .text-right.parens, body[class*="theme-"] .account-info .datatable .table .text-right.parens { padding-right: 5px; } body.highcontrast .account-details.show-coins .account-tile .account-color-tappable, body.highcontrast .account-info.show-coins .account-tile .account-color-tappable, body[class*="theme-"] .account-details.show-coins .account-tile .account-color-tappable, body[class*="theme-"] .account-info.show-coins .account-tile .account-color-tappable { float: left; } body.highcontrast .account-details.show-coins .account-tile .account-color-tappable .account-color, body.highcontrast .account-info.show-coins .account-tile .account-color-tappable .account-color, body[class*="theme-"] .account-details.show-coins .account-tile .account-color-tappable .account-color, body[class*="theme-"] .account-info.show-coins .account-tile .account-color-tappable .account-color { width: 34px; background-color: var(--t-top-a0) !important; line-height: 51px; } body.highcontrast .account-details.show-coins .account-tile .account-color-tappable .account-color:before, body.highcontrast .account-info.show-coins .account-tile .account-color-tappable .account-color:before, body[class*="theme-"] .account-details.show-coins .account-tile .account-color-tappable .account-color:before, body[class*="theme-"] .account-info.show-coins .account-tile .account-color-tappable .account-color:before { font-family: fontello; font-size: 26px; content: \f189; position: relative; left: 7px; } body.highcontrast .account-details.show-coins .account-tile.is-negative .account-widget-balance, body.highcontrast .account-info.show-coins .account-tile.is-negative .account-widget-balance, body[class*="theme-"] .account-details.show-coins .account-tile.is-negative .account-widget-balance, body[class*="theme-"] .account-info.show-coins .account-tile.is-negative .account-widget-balance { color: var(--uux-theme-dangerText) !important; } body.highcontrast .account-tile, body[class*="theme-"] .account-tile { border-radius: 8px; position: relative; } body.highcontrast .account-tile .account-widget-balance, body[class*="theme-"] .account-tile .account-widget-balance { color: var(--uux-app-accountTileContrast); font-size: 16px; font-weight: 700; } body.highcontrast .account-tile .account-balance-label, body[class*="theme-"] .account-tile .account-balance-label { color: var(--uux-app-accountTileSubtext); font-size: 12px; font-weight: 400; margin-right: 5px; } body.highcontrast .account-tile .account-widget-title, body[class*="theme-"] .account-tile .account-widget-title { color: var(--uux-app-accountTileContrast); letter-spacing: 0.025em; white-space: nowrap; margin: 0; } body.highcontrast .account-tile .account-widget-number, body[class*="theme-"] .account-tile .account-widget-number { color: var(--uux-app-accountTileSubtext); line-height: 1em; white-space: nowrap; } body.highcontrast .account-tile .account-widget-number .transaction-count, body[class*="theme-"] .account-tile .account-widget-number .transaction-count { color: var(--uux-app-accountPendingText); } body.highcontrast .account-tile .account-widget-percent, body[class*="theme-"] .account-tile .account-widget-percent { margin-top: 2em; } body.highcontrast .account-tile .account-color, body[class*="theme-"] .account-tile .account-color { border-radius: 8px 0 0 8px; width: 15px; background-image: none; bottom: 0; left: 0; position: absolute; top: 0; } body.highcontrast .account-tile .account-color:not([class*="account-color-"]), body[class*="theme-"] .account-tile .account-color:not([class*="account-color-"]) { background-color: var(--uux-app-defaultAccountColor); } body.highcontrast.desktop .account-overview article.content-panel, body.highcontrast.desktop .widget-fence article.content-panel, body.highcontrast.tablet .account-overview article.content-panel, body.highcontrast.tablet .fence article.content-panel, body[class*="theme-"].desktop .account-overview article.content-panel, body[class*="theme-"].desktop .widget-fence article.content-panel, body[class*="theme-"].tablet .account-overview article.content-panel, body[class*="theme-"].tablet .fence article.content-panel { padding-left: 12px; padding-right: 12px; } body.highcontrast.phone .account-overview .drag-drop, body.highcontrast.phone .account-overview .drag-drop-clone, body[class*="theme-"].phone .account-overview .drag-drop, body[class*="theme-"].phone .account-overview .drag-drop-clone { padding: 0; } body.highcontrast.phone .account-overview .drag-drop.dragging, body[class*="theme-"].phone .account-overview .drag-drop.dragging { padding: 0; margin: 0; } body.highcontrast.landing-page .account-group-widget-fence, body[class*="theme-"].landing-page .account-group-widget-fence { margin: 15px; } body.highcontrast.landing-page .top-widget-fence .widget-content:not(.hidden), body[class*="theme-"].landing-page .top-widget-fence .widget-content:not(.hidden) { margin: var(--app-scale-3); } body.highcontrast.landing-page .bottom-widget-fence:before, body[class*="theme-"].landing-page .bottom-widget-fence:before { content: none; } body.highcontrast.landing-page .tile-card-cta, body[class*="theme-"].landing-page .tile-card-cta { margin: 15px 0; border: 0; } @media screen and (min-width: 768px) { body.highcontrast.landing-page .tile-card-cta, body[class*="theme-"].landing-page .tile-card-cta { margin: 15px; } } body.highcontrast.landing-page .title-section, body[class*="theme-"].landing-page .title-section { padding: 5px 15px; margin: 15px; background: var(--uux-theme-white); border-radius: var(--uux-app-defaultBorderRadius); display: flex; } body.highcontrast.landing-page .title-section h1, body[class*="theme-"].landing-page .title-section h1 { margin: 0; padding: 0; flex: 1; } body.highcontrast .account-overview .account-group, body.highcontrast .account-overview .aggregation-list, body.highcontrast .account-overview .landing-page-search, body[class*="theme-"] .account-overview .account-group, body[class*="theme-"] .account-overview .aggregation-list, body[class*="theme-"] .account-overview .landing-page-search { margin-top: 0; } body.highcontrast .account-overview q2-section q2-editable-field[editing], body[class*="theme-"] .account-overview q2-section q2-editable-field[editing] { width: 100%; } body.highcontrast .account-overview .drag-drop, body.highcontrast .account-overview .drag-drop-clone, body[class*="theme-"] .account-overview .drag-drop, body[class*="theme-"] .account-overview .drag-drop-clone { padding: 4px; } body.highcontrast .account-overview .drag-drop.dragging, body[class*="theme-"] .account-overview .drag-drop.dragging { padding: 0; margin-top: 4px; margin-bottom: 4px; } body.highcontrast .account-overview .account-group [slot="q2-section-header"], body[class*="theme-"] .account-overview .account-group [slot="q2-section-header"] { margin: 0; word-break: break-all; display: flex; align-items: center; } body.highcontrast .account-overview .account-group [slot="q2-section-header"] h2, body.highcontrast .account-overview .account-group [slot="q2-section-header"] q2-editable-field, body[class*="theme-"] .account-overview .account-group [slot="q2-section-header"] h2, body[class*="theme-"] .account-overview .account-group [slot="q2-section-header"] q2-editable-field { flex: 1 1 auto; } body.highcontrast .account-overview .account-group [slot="q2-section-header"] h2, body[class*="theme-"] .account-overview .account-group [slot="q2-section-header"] h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 767px) { body.highcontrast .account-overview .account-group .account-widgets > :first-child, body[class*="theme-"] .account-overview .account-group .account-widgets > :first-child { border-top: 1px solid var(--t-gray11); } } body.highcontrast .account-overview .account-tile, body[class*="theme-"] .account-overview .account-tile { background-color: var(--uux-app-accountTileBg); border: 1px solid var(--uux-app-accountTileBorder); margin-bottom: 12px; } body.highcontrast .account-overview .account-tile a, body[class*="theme-"] .account-overview .account-tile a { display: block; overflow: hidden; padding: 3px 0 3px 27px; } body.highcontrast .account-overview .account-tile .pull-right, body[class*="theme-"] .account-overview .account-tile .pull-right { white-space: nowrap; } body.highcontrast .account-overview .account-widget-balance, body[class*="theme-"] .account-overview .account-widget-balance { height: 44px; line-height: 44px; } body.highcontrast .account-overview .account-widget-balance.parens, body[class*="theme-"] .account-overview .account-widget-balance.parens { margin-right: -5px; } body.highcontrast .account-overview .account-widget .expand-tappable, body[class*="theme-"] .account-overview .account-widget .expand-tappable { height: 44px; line-height: 44px; color: var(--uux-app-linkColor); float: right; font-size: 25px; text-align: center; width: 44px; } body.highcontrast .account-overview .account-widget .expand-tappable.active, body.highcontrast .account-overview .account-widget .expand-tappable:active, body.highcontrast .account-overview .account-widget .expand-tappable:hover, body[class*="theme-"] .account-overview .account-widget .expand-tappable.active, body[class*="theme-"] .account-overview .account-widget .expand-tappable:active, body[class*="theme-"] .account-overview .account-widget .expand-tappable:hover { color: var(--uux-app-linkHover); text-decoration: none; } body.highcontrast .account-overview .account-list-link-before, body[class*="theme-"] .account-overview .account-list-link-before { display: inline-block; margin-bottom: 1em; } body.highcontrast .account-overview .account-list-after, body[class*="theme-"] .account-overview .account-list-after { display: block; margin-top: 3rem; text-align: center; } body.highcontrast .account-overview .account-list-empty-helptext, body[class*="theme-"] .account-overview .account-list-empty-helptext { text-align: center; width: 100%; } body.highcontrast .account-overview .account-list-empty-preview, body[class*="theme-"] .account-overview .account-list-empty-preview { background-image: url(images/priorityaccounts-empty.svg); width: 330px; height: 313px; display: block; margin: 1rem auto; } body.highcontrast .account-overview .account-list-spinner, body[class*="theme-"] .account-overview .account-list-spinner { width: 100%; align-items: center; justify-content: center; display: flex; } body.highcontrast .account-overview .pagination-controls, body[class*="theme-"] .account-overview .pagination-controls { border: none; } body.highcontrast .is-negative .account-widget-balance, body[class*="theme-"] .is-negative .account-widget-balance { color: var(--uux-theme-dangerText) !important; } body.highcontrast .accordion, body[class*="theme-"] .accordion { background-color: var(--uux-theme-white); border-radius: 0 0 8px 8px; color: var(--uux-app-textColor); font-size: 14px; overflow: hidden; } body.highcontrast .accordion .no-transaction-history, body[class*="theme-"] .accordion .no-transaction-history { display: none; } body.highcontrast .partial-history-item .history-detail, body[class*="theme-"] .partial-history-item .history-detail { font-style: italic; font-weight: 700; } body.highcontrast .partial-history-item .is-pending, body[class*="theme-"] .partial-history-item .is-pending { background-color: var(--uux-app-accountTileIsPendingBg); color: var(--uux-app-accountTileIsPendingContrast); } body.highcontrast .partial-history-item .is-pending .history-detail, body[class*="theme-"] .partial-history-item .is-pending .history-detail { color: var(--uux-theme-dangerText); } body.highcontrast .partial-history-item .hist-amount, body[class*="theme-"] .partial-history-item .hist-amount { white-space: nowrap; } body.highcontrast .partial-history-item .hist-amount .hist-amount-trans, body[class*="theme-"] .partial-history-item .hist-amount .hist-amount-trans { font-weight: 700; font-size: 15px; } body.highcontrast .partial-history-item .hist-amount .hist-amount-balance, body[class*="theme-"] .partial-history-item .hist-amount .hist-amount-balance { font-size: 12px; } body.highcontrast .account-summary-graph g .total, body.highcontrast .landing-graph-container dl, body[class*="theme-"] .account-summary-graph g .total, body[class*="theme-"] .landing-graph-container dl { font-size: 14px; } body.highcontrast .partial-history-item .hist-amount .credit, body[class*="theme-"] .partial-history-item .hist-amount .credit { color: var(--uux-app-acctCreditText); } body.highcontrast .partial-history-item .hist-amount .debit, body[class*="theme-"] .partial-history-item .hist-amount .debit { color: var(--uux-app-acctDebitText); } body.highcontrast .transfer-partial-table, body[class*="theme-"] .transfer-partial-table { border-collapse: collapse; border-spacing: 2px; } body.highcontrast .transfer-partial-table td, body[class*="theme-"] .transfer-partial-table td { border-left: solid 3px var(--uux-theme-grayNeutral); border-top: solid 3px var(--uux-theme-grayNeutral); outline: var(--uux-theme-grayDarkNeutral) solid 1px; } body.highcontrast .detail-table, body[class*="theme-"] .detail-table { width: 95%; } body.highcontrast .datatable .table .detail-table tbody > tr > td, body.highcontrast .datatable.dark .table .detail-table tbody > tr > td, body[class*="theme-"] .datatable .table .detail-table tbody > tr > td, body[class*="theme-"] .datatable.dark .table .detail-table tbody > tr > td { border-color: var(--uux-theme-grayLighter); } body.highcontrast .show-frankenbox .account-details-frankenbox, body[class*="theme-"] .show-frankenbox .account-details-frankenbox { opacity: 1; display: block; height: auto; } body.highcontrast .landing-graph-container, body[class*="theme-"] .landing-graph-container { position: relative; width: 100%; background-color: var(--uux-theme-white); } body.highcontrast .landing-graph-container .pull-bottom, body[class*="theme-"] .landing-graph-container .pull-bottom { position: absolute; bottom: 14px; width: 100%; } body.highcontrast .landing-graph-container .pull-bottom .icon-angle-right:before, body[class*="theme-"] .landing-graph-container .pull-bottom .icon-angle-right:before { margin-left: 0; } body.highcontrast .landing-graph-container .pull-bottom a, body[class*="theme-"] .landing-graph-container .pull-bottom a { height: 46px; line-height: 46px; padding: 0; } body.highcontrast .landing-graph-container .qCurrency, body[class*="theme-"] .landing-graph-container .qCurrency { display: block; } body.highcontrast .landing-graph-container .qPercent, body.highcontrast .landing-graph-container.show-percent .qCurrency, body[class*="theme-"] .landing-graph-container .qPercent, body[class*="theme-"] .landing-graph-container.show-percent .qCurrency { display: none; } body.highcontrast .landing-graph-container.show-percent .qPercent, body[class*="theme-"] .landing-graph-container.show-percent .qPercent { display: block; } body.highcontrast .landing-graph-container .section-container, body.highcontrast .landing-graph-container .section-slider, body[class*="theme-"] .landing-graph-container .section-container, body[class*="theme-"] .landing-graph-container .section-slider { height: 230px; } @media screen and (max-width: 1023px) { body.highcontrast .landing-graph-container .section-container, body.highcontrast .landing-graph-container .section-slider, body[class*="theme-"] .landing-graph-container .section-container, body[class*="theme-"] .landing-graph-container .section-slider { height: 460px; } } body.highcontrast .landing-graph-container section, body[class*="theme-"] .landing-graph-container section { height: 230px; } body.highcontrast .landing-graph-container section.summary-graph-details, body[class*="theme-"] .landing-graph-container section.summary-graph-details { padding: 0; } body.highcontrast .landing-graph-container .account-tile, body[class*="theme-"] .landing-graph-container .account-tile { border-radius: 0; } body.highcontrast .landing-graph-container .account-tile:after, body.highcontrast .landing-graph-container .account-tile:before, body[class*="theme-"] .landing-graph-container .account-tile:after, body[class*="theme-"] .landing-graph-container .account-tile:before { content: ""; display: table; line-height: 0; } body.highcontrast .landing-graph-container .account-tile:after, body[class*="theme-"] .landing-graph-container .account-tile:after { clear: both; } body.highcontrast .landing-graph-container .account-tile .pull-left, body.highcontrast .landing-graph-container .account-tile .pull-right, body[class*="theme-"] .landing-graph-container .account-tile .pull-left, body[class*="theme-"] .landing-graph-container .account-tile .pull-right { width: 66.6666666667%; padding-left: 15px; } body.highcontrast .landing-graph-container .account-tile .pull-right, body[class*="theme-"] .landing-graph-container .account-tile .pull-right { width: 33.3333333333%; text-align: right; } body.highcontrast .landing-graph-container .account-tile .account-color, body[class*="theme-"] .landing-graph-container .account-tile .account-color { border-radius: 0; width: 8px; } body.highcontrast .landing-graph-container dt, body[class*="theme-"] .landing-graph-container dt { box-sizing: border-box; float: left; position: relative; min-height: 1px; width: 58.3333333333%; padding: 0; clear: both; font-weight: 400; text-align: left; } body.highcontrast .landing-graph-container dd, body[class*="theme-"] .landing-graph-container dd { box-sizing: border-box; position: relative; min-height: 1px; width: 41.6666666667%; padding: 0; float: right; text-align: right; margin: 0; } body.highcontrast .landing-graph-container .action, body[class*="theme-"] .landing-graph-container .action { text-transform: capitalize; } body.highcontrast .landing-graph-container .account-info, body[class*="theme-"] .landing-graph-container .account-info { border: 0; color: var(--uux-app-textColor); height: 230px; position: relative; } body.highcontrast .landing-graph-container .account-info p, body[class*="theme-"] .landing-graph-container .account-info p { margin: 6px 0 3px; } @media screen and (max-width: 1023px) { body.highcontrast .landing-graph-container .account-info, body[class*="theme-"] .landing-graph-container .account-info { max-width: 480px; margin: 0 auto; } } body.highcontrast .summary-graph-section, body[class*="theme-"] .summary-graph-section { text-align: center; } body.highcontrast .account-summary-graph svg, body[class*="theme-"] .account-summary-graph svg { transition: all 1s ease-in-out; margin-top: -2px; } body.highcontrast .account-summary-graph g, body[class*="theme-"] .account-summary-graph g { transition: 0.4s ease-in-out; font-weight: 400; } body.highcontrast .account-summary-graph g .label, body[class*="theme-"] .account-summary-graph g .label { margin: 10px 0; cursor: pointer; } body.highcontrast .account-summary-graph g .label text:hover, body[class*="theme-"] .account-summary-graph g .label text:hover { font-weight: 700; } body.highcontrast .account-summary-graph g .p0_arc, body[class*="theme-"] .account-summary-graph g .p0_arc { cursor: pointer; } body.highcontrast .account-summary-graph g .total:hover, body[class*="theme-"] .account-summary-graph g .total:hover { font-weight: 400; } body.highcontrast .account-summary-graph g .totalTitle, body[class*="theme-"] .account-summary-graph g .totalTitle { cursor: default; font-size: 12px; font-weight: 400; } body.highcontrast .account-summary-graph g.q2_arc, body[class*="theme-"] .account-summary-graph g.q2_arc { transition: color 50ms ease-in-out; cursor: pointer; opacity: 1; } body.highcontrast .account-summary-graph g.q2_arc:hover, body[class*="theme-"] .account-summary-graph g.q2_arc:hover { opacity: 0.75; } body.highcontrast .account-summary-graph g.q2_arc path, body[class*="theme-"] .account-summary-graph g.q2_arc path { stroke: var(--uux-app-contentInnerBg); stroke-width: 1; } body.highcontrast .account-summary-graph g.q2_arc .q2-slice-label, body[class*="theme-"] .account-summary-graph g.q2_arc .q2-slice-label { fill: var(--uux-app-contentInnerBg); stroke-width: 0; } body.highcontrast .landing-graph-toggle .toggleswitch, body[class*="theme-"] .landing-graph-toggle .toggleswitch { width: 48px !important; } body.highcontrast .landing-graph-toggle .toggleswitch.checked .toggleswitch-handle, body[class*="theme-"] .landing-graph-toggle .toggleswitch.checked .toggleswitch-handle { left: 29px !important; } body.highcontrast .q2-slice-label, body[class*="theme-"] .q2-slice-label { font-weight: 400; font-size: 12px; color: var(--uux-theme-grayLightNeutral); } body.highcontrast .q2-tooltip, body[class*="theme-"] .q2-tooltip { position: absolute; width: 245px; height: 44px; padding: 6px; font: 13px sans-serif; color: var(--uux-theme-blackNeutral); text-shadow: var(--uux-theme-grayLighterNeutral) 0 1px 0; background: var(--t-base-a3); border: 1px solid var(--uux-theme-grayLightNeutral); border-radius: 4px; pointer-events: none; box-shadow: 2px 2px 8px -3px var(--uux-theme-grayNeutral); z-index: 11; } body.highcontrast .q2-tooltip .tt-data, body[class*="theme-"] .q2-tooltip .tt-data { text-align: left; width: 245px; } body.highcontrast .q2-tooltip .q2-tt, body[class*="theme-"] .q2-tooltip .q2-tt { position: absolute; margin-top: -30px; margin-left: 150px; text-align: right; width: 6em; } body.highcontrast .q2-tooltip .tt-pct, body[class*="theme-"] .q2-tooltip .tt-pct { padding-left: 6px; padding-right: 5px; border-left: 1px solid var(--uux-theme-grayLightNeutral); background: var(--t-base-a3); font-size: 24px; text-align: right; } body.highcontrast .content-tab, body[class*="theme-"] .content-tab { height: 46px !important; } body.highcontrast .content-tab.asset-tab, body[class*="theme-"] .content-tab.asset-tab { background-color: transparent; } body.highcontrast .content-tab.asset-tab.hideAssets, body[class*="theme-"] .content-tab.asset-tab.hideAssets { visibility: none; } body.highcontrast .content-tab.debt-tab, body.highcontrast .show-deposit .content-tab.asset-tab, body[class*="theme-"] .content-tab.debt-tab, body[class*="theme-"] .show-deposit .content-tab.asset-tab { box-shadow: 0 -3px 0 var(--uux-app-btnPrimaryBg) inset; } body.highcontrast .show-deposit .content-tab.debt-tab, body[class*="theme-"] .show-deposit .content-tab.debt-tab { box-shadow: none; } body.highcontrast .account-info.show-coins .account-tile, body[class*="theme-"] .account-info.show-coins .account-tile { padding-left: 13px; } body.highcontrast .account-info.show-coins .account-tile .account-color-tappable .account-color, body[class*="theme-"] .account-info.show-coins .account-tile .account-color-tappable .account-color { line-height: inherit; top: 4px; } body.highcontrast .account-info.show-coins .account-tile .account-color-tappable .account-color:before, body[class*="theme-"] .account-info.show-coins .account-tile .account-color-tappable .account-color:before { left: -2px; } body.highcontrast .account-nickname .hade-items, body[class*="theme-"] .account-nickname .hade-items { display: grid; grid-auto-flow: column; grid-template-columns: 1fr 0.5fr; grid-template-rows: auto auto; grid-column-gap: 50px; grid-row-gap: 10px; } body.highcontrast .account-nickname .hade-detail, body[class*="theme-"] .account-nickname .hade-detail { min-height: 50px; } @media screen and (max-width: 991px) { body.highcontrast .account-nickname .hade-items, body[class*="theme-"] .account-nickname .hade-items { display: flex; flex-flow: column; } body.highcontrast .account-nickname .hade-detail, body[class*="theme-"] .account-nickname .hade-detail { margin-bottom: 15px; } } body.highcontrast .account-nickname .hade-detail.cell-a, body[class*="theme-"] .account-nickname .hade-detail.cell-a { grid-row: 1; grid-column: 1; } body.highcontrast .account-nickname .hade-detail.cell-b, body[class*="theme-"] .account-nickname .hade-detail.cell-b { grid-row: 1; grid-column: 2; } body.highcontrast .account-nickname .hade-detail.cell-c, body[class*="theme-"] .account-nickname .hade-detail.cell-c { grid-row: 2; grid-column: 1; } body.highcontrast .account-nickname .hade-detail.cell-d, body[class*="theme-"] .account-nickname .hade-detail.cell-d { grid-row: 2; grid-column: 2; } body.highcontrast .account-nickname .form-group, body[class*="theme-"] .account-nickname .form-group { margin: 0; } body.highcontrast .account-nickname .ui-btn, body[class*="theme-"] .account-nickname .ui-btn { color: var(--uux-CONST_GRAY_L1); position: absolute; bottom: 4px; right: 10px; width: 35px; margin: 0; padding: 0; } body.highcontrast .create-group-content .ui-modal-content, body.highcontrast .move-to-group-content .ui-modal-content, body[class*="theme-"] .create-group-content .ui-modal-content, body[class*="theme-"] .move-to-group-content .ui-modal-content { overflow-y: inherit; } body.highcontrast .create-group-content .ui-modal-content .ui-modal-content-body, body.highcontrast .move-to-group, body.highcontrast .move-to-group-content .ui-modal-content .ui-modal-content-body, body[class*="theme-"] .create-group-content .ui-modal-content .ui-modal-content-body, body[class*="theme-"] .move-to-group, body[class*="theme-"] .move-to-group-content .ui-modal-content .ui-modal-content-body { text-align: left; } body.highcontrast .move-to-group .create-group, body[class*="theme-"] .move-to-group .create-group { color: var(--t-status-info); } body.highcontrast .move-to-group .account-message, body.highcontrast .move-to-group h1, body[class*="theme-"] .move-to-group .account-message, body[class*="theme-"] .move-to-group h1 { text-align: center; } body.highcontrast .account-details, body[class*="theme-"] .account-details { padding: 0; } @media screen and (min-width: 768px) { body.highcontrast .account-details, body[class*="theme-"] .account-details { padding: 15px; } } @media screen { body.highcontrast .account-details .detail-tab-pane, body[class*="theme-"] .account-details .detail-tab-pane { width: 100%; max-width: 544px; margin: 0 auto; padding: 0 15px; } body.highcontrast .account-details .detail-tab-pane h2, body[class*="theme-"] .account-details .detail-tab-pane h2 { padding-left: 0; } } @media screen and (min-width: 768px) { body.highcontrast .account-details .detail-tab-pane, body[class*="theme-"] .account-details .detail-tab-pane { padding: 0; } } @media print { body.highcontrast .account-details .detail-tab-pane q2-checkbox, body[class*="theme-"] .account-details .detail-tab-pane q2-checkbox { margin-right: 5px; } body.highcontrast .account-details .account-badge, body[class*="theme-"] .account-details .account-badge { margin-left: 15px; } } body.highcontrast .account-details .standard-hade-list, body[class*="theme-"] .account-details .standard-hade-list { display: flex; flex-direction: row; flex-wrap: wrap; } body.highcontrast .account-details .standard-hade-list .hade-detail, body[class*="theme-"] .account-details .standard-hade-list .hade-detail { flex: 1 1 50%; } body.highcontrast .account-details .standard-hade-list .hade-detail.single-column, body[class*="theme-"] .account-details .standard-hade-list .hade-detail.single-column { flex: 1 1 100%; } body.highcontrast .account-details .account-badge, body[class*="theme-"] .account-details .account-badge { margin-right: 15px; } @media screen and (max-width: 767px) { body.highcontrast .account-details .standard-hade-list .hade-detail, body[class*="theme-"] .account-details .standard-hade-list .hade-detail { flex: 1 1 100%; } body.highcontrast .account-details .account-badge, body[class*="theme-"] .account-details .account-badge { margin-right: 0; } } body.highcontrast .account-details .with-bars .tile-bar, body[class*="theme-"] .account-details .with-bars .tile-bar { display: none; } body.highcontrast .account-details #accountDetailsDatatable, body[class*="theme-"] .account-details #accountDetailsDatatable { padding: 0; overflow: inherit; } body.highcontrast .account-details #historyItems, body[class*="theme-"] .account-details #historyItems { margin: 0; background-color: transparent; border: 0; border-radius: 0; padding: 0; list-style: none; } body.highcontrast .account-details .tappable-return, body[class*="theme-"] .account-details .tappable-return { color: var(--uux-app-accountTileSubtext); font-size: 25px; height: 44px; left: -15px; line-height: 44px; margin-left: 0; padding: 0; position: absolute; text-align: center; top: 13px; width: 44px; z-index: 1; } body.highcontrast .account-details .tappable-return.active, body.highcontrast .account-details .tappable-return:active, body.highcontrast .account-details .tappable-return:hover, body[class*="theme-"] .account-details .tappable-return.active, body[class*="theme-"] .account-details .tappable-return:active, body[class*="theme-"] .account-details .tappable-return:hover { color: var(--uux-app-accountTileContrast); text-decoration: none; } body.highcontrast .account-details .spinner-container, body[class*="theme-"] .account-details .spinner-container { width: 100%; display: flex; justify-content: center; padding: var(--app-scale-4); position: absolute; } body.highcontrast .account-details .un-link-account, body[class*="theme-"] .account-details .un-link-account { display: flex; align-items: center; margin: 10px 0; } body.highcontrast .account-details .un-link-account q2-icon, body[class*="theme-"] .account-details .un-link-account q2-icon { width: 18px; height: 18px; margin-right: 5px; } body.highcontrast .account-details fieldset, body[class*="theme-"] .account-details fieldset { margin-bottom: 0; } body.highcontrast .account-details q2-btn[icon][active], body[class*="theme-"] .account-details q2-btn[icon][active] { background-color: var(--uux-app-btnIconHoverBg); color: var(--uux-app-btnIconHoverColor); } @media screen { body.highcontrast .account-details .account-header, body[class*="theme-"] .account-details .account-header { padding: 15px 15px 0; display: grid; grid-template-columns: -webkit-min-content auto -webkit-max-content; grid-template-columns: min-content auto max-content; grid-template-rows: auto; grid-template-areas: "return-link return-link return-link" "account-badge account-name featured-hades" "account-badge header-details featured-hades"; } body.highcontrast .account-details .account-header .return-link, body[class*="theme-"] .account-details .account-header .return-link { grid-area: return-link; } body.highcontrast .account-details .account-header .return-link a, body[class*="theme-"] .account-details .account-header .return-link a { align-items: center; display: flex; margin-bottom: 15px; max-width: -webkit-fit-content; max-width: fit-content; } body.highcontrast .account-details .account-header .return-link a q2-icon, body[class*="theme-"] .account-details .account-header .return-link a q2-icon { margin-right: 5px; } .uagent-ie11 body.highcontrast .account-details .account-header .return-link a, .uagent-ie11 body[class*="theme-"] .account-details .account-header .return-link a { grid-row-start: 1; grid-row-end: span 1; grid-column-start: 1; grid-column-end: span 3; } } @media screen and (min-width: 768px) { body.highcontrast .account-details .account-header, body[class*="theme-"] .account-details .account-header { padding: 0; } } @media screen { body.highcontrast .account-details .account-header .account-badge, body[class*="theme-"] .account-details .account-header .account-badge { grid-area: account-badge; align-self: center; } .uagent-ie11 body.highcontrast .account-details .account-header .account-badge, .uagent-ie11 body[class*="theme-"] .account-details .account-header .account-badge { grid-row-start: 2; grid-row-end: span 2; grid-column-start: 1; grid-column-end: span 1; } body.highcontrast .account-details .account-header .account-header-title, body[class*="theme-"] .account-details .account-header .account-header-title { grid-area: account-name; margin-right: var(--app-scale-3); } .uagent-ie11 body.highcontrast .account-details .account-header .account-header-title, .uagent-ie11 body[class*="theme-"] .account-details .account-header .account-header-title { grid-row-start: 2; grid-row-end: span 1; grid-column-start: 2; grid-column-end: span 1; margin-right: 15px; max-width: 620px; } body.highcontrast .account-details .account-header .header-details, body[class*="theme-"] .account-details .account-header .header-details { grid-area: header-details; } .uagent-ie11 body.highcontrast .account-details .account-header .header-details, .uagent-ie11 body[class*="theme-"] .account-details .account-header .header-details { grid-row-start: 3; grid-row-end: span 1; grid-column-start: 2; grid-column-end: span 1; } body.highcontrast .account-details .account-header .featured-hade-list, body[class*="theme-"] .account-details .account-header .featured-hade-list { grid-area: featured-hades; } .uagent-ie11 body.highcontrast .account-details .account-header .featured-hade-list, .uagent-ie11 body[class*="theme-"] .account-details .account-header .featured-hade-list { grid-row-start: 2; grid-row-end: span 2; grid-column-start: 3; grid-column-end: span 1; } } @media screen { body.highcontrast .account-details .account-header .return-link, body[class*="theme-"] .account-details .account-header .return-link { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; } body.highcontrast .account-details .account-header .account-badge, body[class*="theme-"] .account-details .account-header .account-badge { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 1; } body.highcontrast .account-details .account-header .account-header-title, body[class*="theme-"] .account-details .account-header .account-header-title { -ms-grid-row: 2; -ms-grid-column: 2; } body.highcontrast .account-details .account-header .header-details, body[class*="theme-"] .account-details .account-header .header-details { -ms-grid-row: 3; -ms-grid-column: 2; } body.highcontrast .account-details .account-header .featured-hade-list, body[class*="theme-"] .account-details .account-header .featured-hade-list { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 3; } } body.highcontrast .account-details .account-header-title, body[class*="theme-"] .account-details .account-header-title { display: flex; overflow: hidden; } @media screen and (max-width: 767px) { body.highcontrast .account-details .account-header, body[class*="theme-"] .account-details .account-header { grid-template-rows: auto; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; grid-template-areas: "return-link return-link" "account-badge account-name" ". last-updated" "header-details header-details" "featured-hades featured-hades"; } body.highcontrast .account-details .account-header-title, body[class*="theme-"] .account-details .account-header-title { margin: 0; } body.highcontrast .account-details .account-header .return-link, body[class*="theme-"] .account-details .account-header .return-link { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; } body.highcontrast .account-details .account-header .account-badge, body[class*="theme-"] .account-details .account-header .account-badge { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; } body.highcontrast .account-details .account-header .account-header-title, body[class*="theme-"] .account-details .account-header .account-header-title { -ms-grid-row: 2; -ms-grid-column: 2; } body.highcontrast .account-details .account-header .header-details, body[class*="theme-"] .account-details .account-header .header-details { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; } body.highcontrast .account-details .account-header .featured-hade-list, body[class*="theme-"] .account-details .account-header .featured-hade-list { -ms-grid-row: 5; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; } } body.highcontrast .account-details .account-header-ellipsize, body[class*="theme-"] .account-details .account-header-ellipsize { max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .account-details .account-header-ellipsize:after, body[class*="theme-"] .account-details .account-header-ellipsize:after { content: " "; } body.highcontrast .account-details .transaction-header, body[class*="theme-"] .account-details .transaction-header { display: inline-block; } body.highcontrast .account-details .account-detail-tools-group, body[class*="theme-"] .account-details .account-detail-tools-group { text-align: right; height: 23px; } body.highcontrast .account-details .account-detail-tools-group .ui-btn:not(:first-child), body[class*="theme-"] .account-details .account-detail-tools-group .ui-btn:not(:first-child) { margin-left: 5px; } body.highcontrast .account-details .nickname-settings q2-editable-field, body[class*="theme-"] .account-details .nickname-settings q2-editable-field { margin: 0 0 10px; display: block; } @media screen and (max-width: 991px) { body.highcontrast .account-nickname .ui-btn, body[class*="theme-"] .account-nickname .ui-btn { position: absolute; right: 7px; bottom: 4px; } body.highcontrast .account-details .nickname-settings q2-editable-field, body[class*="theme-"] .account-details .nickname-settings q2-editable-field { word-break: break-all; } } body.highcontrast .account-details .account-details-tools .no-transaction-history, body[class*="theme-"] .account-details .account-details-tools .no-transaction-history { border-radius: 0 0 8px 8px; border: 1px solid var(--t-gray12); background-color: var(--t-base); color: var(--uux-theme-grayLightNeutral); text-align: center; display: block; font-size: 18px; padding: 10px; } body.highcontrast .account-details .account-details-tools .account-details-toggles .btn-link, body[class*="theme-"] .account-details .account-details-tools .account-details-toggles .btn-link { text-align: left; line-height: 44px; font-weight: 600; } body.highcontrast .account-details .account-details-tools .account-details-toggles .btn-link, body.highcontrast .account-details .account-details-tools .account-details-toggles .btn-link.active, body.highcontrast .account-details .account-details-tools .account-details-toggles .btn-link:active, body.highcontrast .account-details .account-details-tools .account-details-toggles .btn-link:hover, body[class*="theme-"] .account-details .account-details-tools .account-details-toggles .btn-link, body[class*="theme-"] .account-details .account-details-tools .account-details-toggles .btn-link.active, body[class*="theme-"] .account-details .account-details-tools .account-details-toggles .btn-link:active, body[class*="theme-"] .account-details .account-details-tools .account-details-toggles .btn-link:hover { text-decoration: none; } body.highcontrast .account-details.is-empty, body[class*="theme-"] .account-details.is-empty { height: 100%; } body.highcontrast .account-details.is-empty .no-transaction-history, body[class*="theme-"] .account-details.is-empty .no-transaction-history { color: var(--uux-theme-grayNeutral); display: block; font-size: 18px; margin: 10px; text-align: center; } body.highcontrast .account-details .datatable-header, body.highcontrast .account-details .datatable-row, body[class*="theme-"] .account-details .datatable-header, body[class*="theme-"] .account-details .datatable-row { border-bottom-color: var(--uux-app-datatableCleanRowBorderColor); display: flex; align-items: center; } body.highcontrast .account-details .datatable-header, body[class*="theme-"] .account-details .datatable-header { background-color: var(--uux-theme-white); border-bottom-width: 3px; color: var(--uux-app-textColor); padding: 0 3px; z-index: 1; } body.highcontrast .account-details .datatable-header .sort-active, body[class*="theme-"] .account-details .datatable-header .sort-active { font-weight: 600; } body.highcontrast .account-details .datatable-row, body[class*="theme-"] .account-details .datatable-row { padding: 8px 4px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top-width: 0; } body.highcontrast .account-details .datatable-row:not(.disabled).valid-for-dispute:hover, body[class*="theme-"] .account-details .datatable-row:not(.disabled).valid-for-dispute:hover { background-color: var(--uux-app-dtsDatatableSelectedRowBg); } body.highcontrast .account-details .datatable-row:not(.disabled):hover, body[class*="theme-"] .account-details .datatable-row:not(.disabled):hover { background-color: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .account-details .datatable-row:not(.disabled):hover .two-lines:before, body[class*="theme-"] .account-details .datatable-row:not(.disabled):hover .two-lines:before { background-color: var(--t-base); background-image: linear-gradient( to right, rgba(var(--uux-app-datatableCleanSelectedRowBg), 0) 0, rgba(var(--uux-app-datatableCleanSelectedRowBg), 1) 100% ); background-repeat: repeat-x; } body.highcontrast .account-details .datatable-row:not(.disabled).selected, body.highcontrast .account-details .datatable-row:not(.disabled)[aria-expanded="true"], body[class*="theme-"] .account-details .datatable-row:not(.disabled).selected, body[class*="theme-"] .account-details .datatable-row:not(.disabled)[aria-expanded="true"] { background-color: var(--uux-app-dtsDatatableSelectedRowBg); border-color: var(--uux-app-datatableCleanSelectedBorderColor); } body.highcontrast .account-details .transaction-history-item:last-child .datatable-row, body.highcontrast table.multipay-table.multipay-confirm th.payment-status, body[class*="theme-"] .account-details .transaction-history-item:last-child .datatable-row, body[class*="theme-"] table.multipay-table.multipay-confirm th.payment-status { border-bottom: none; } body.highcontrast .account-details .datatable-row:not(.disabled).selected .two-lines:before, body.highcontrast .account-details .datatable-row:not(.disabled)[aria-expanded="true"] .two-lines:before, body[class*="theme-"] .account-details .datatable-row:not(.disabled).selected .two-lines:before, body[class*="theme-"] .account-details .datatable-row:not(.disabled)[aria-expanded="true"] .two-lines:before { background-color: var(--t-base); background-image: linear-gradient( to right, rgba(var(--uux-app-datatableCleanSelectedRowBg), 0) 0, rgba(var(--uux-app-datatableCleanSelectedRowBg), 1) 100% ); background-repeat: repeat-x; } body.highcontrast .account-details .datatable-row.disabled, body[class*="theme-"] .account-details .datatable-row.disabled { color: var(--uux-theme-grayAccessible); background-color: var(--t-gray14); cursor: not-allowed; } body.highcontrast .account-details .icon-flag-filled, body.highcontrast .account-details .pending .col-date, body[class*="theme-"] .account-details .icon-flag-filled, body[class*="theme-"] .account-details .pending .col-date { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .account-details .datatable-row .row-content, body[class*="theme-"] .account-details .datatable-row .row-content { flex: 1 1; align-items: center; max-width: 100%; } @media screen and (max-width: 767px) { body.highcontrast .account-details .datatable-row .row-content, body[class*="theme-"] .account-details .datatable-row .row-content { flex-wrap: wrap; } body.highcontrast .account-details .col-actions, body[class*="theme-"] .account-details .col-actions { margin-left: var(--app-scale-1); } } body.highcontrast .account-details .datatable-row .row-content .description-text, body[class*="theme-"] .account-details .datatable-row .row-content .description-text { flex-grow: 1; } body.highcontrast .account-details .datatable-detail-row, body[class*="theme-"] .account-details .datatable-detail-row { background: var(--uux-app-datatableCleanSelectedRowDetailBg); border: 1px solid var(--uux-app-datatableCleanSelectedBorderColor); border-top-width: 0; padding: 15px; } body.highcontrast .account-details .col-actions, body.highcontrast .account-details .col-cat-icon, body.highcontrast .account-details .col-trans-dispute, body[class*="theme-"] .account-details .col-actions, body[class*="theme-"] .account-details .col-cat-icon, body[class*="theme-"] .account-details .col-trans-dispute { flex: 0 0 44px; } body.highcontrast .account-details .col-trans-dispute, body[class*="theme-"] .account-details .col-trans-dispute { font-size: 20px; text-align: center; } body.highcontrast .account-details .col-trans-dispute label, body[class*="theme-"] .account-details .col-trans-dispute label { padding-left: 13px; } body.highcontrast .account-details .col-trans-dispute .ui-icon, body[class*="theme-"] .account-details .col-trans-dispute .ui-icon { line-height: 44px; width: 44px; text-align: center; display: block; } body.highcontrast .account-details .col-trans-dispute q2-icon[type="flag"], body[class*="theme-"] .account-details .col-trans-dispute q2-icon[type="flag"] { --t-icon-stroke-primary: var(--t-status-alert); --t-icon-stroke-secondary: var(--t-status-alert); --t-icon-fill: var(--t-status-alert); width: 22px; height: 22px; } body.highcontrast .account-details .col-trans-dispute.dispute-prohibited q2-icon[type="prohibited"], body[class*="theme-"] .account-details .col-trans-dispute.dispute-prohibited q2-icon[type="prohibited"] { line-height: 22px; width: 22px; --t-icon-stroke-primary: var(--t-gray8); --t-icon-stroke-secondary: var(--t-gray8); } body.highcontrast .account-details .col-date, body[class*="theme-"] .account-details .col-date { flex: 0 0 55px; text-align: center; } @media screen and (max-width: 767px) { body.highcontrast .account-details .col-date, body[class*="theme-"] .account-details .col-date { font-size: 12px; flex-basis: 100%; font-weight: 600; text-align: left; } } body.highcontrast .account-details .col-desc, body[class*="theme-"] .account-details .col-desc { flex: 1 1 100%; text-align: left; padding-left: 10px; } @media screen and (max-width: 767px) { body.highcontrast .account-details .col-desc, body[class*="theme-"] .account-details .col-desc { padding-left: 0; } body.highcontrast .account-details .col-desc .category-text, body[class*="theme-"] .account-details .col-desc .category-text { font-size: 12px; } } body.highcontrast .account-details .col-desc .description-text, body[class*="theme-"] .account-details .col-desc .description-text { font-size: 17px; } body.highcontrast .account-details .col-desc .description-text q2-icon[type="flag"], body[class*="theme-"] .account-details .col-desc .description-text q2-icon[type="flag"] { --t-icon-stroke-primary: var(--t-status-alert); --t-icon-stroke-secondary: var(--t-status-alert); --t-icon-fill: var(--t-status-alert); width: 19px; height: 19px; } body.highcontrast .account-details .col-desc .description-text.one-line, body[class*="theme-"] .account-details .col-desc .description-text.one-line { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .account-details .col-desc .description-text.two-lines, body[class*="theme-"] .account-details .col-desc .description-text.two-lines { max-height: 2.85714em; overflow: hidden; position: relative; } body.highcontrast .account-details .col-desc .description-text.two-lines:before, body[class*="theme-"] .account-details .col-desc .description-text.two-lines:before { background-color: var(--t-base); background-image: linear-gradient( to right, rgba(var(--uux-theme-white), 0) 0, rgba(var(--uux-theme-white), 1) 100% ); background-repeat: repeat-x; } body.highcontrast .account-details .col-desc-no-pfm, body[class*="theme-"] .account-details .col-desc-no-pfm { max-width: calc(100% - 55px - 160px - 44px); } @media screen and (max-width: 767px) { body.highcontrast .account-details .col-desc .description-text, body[class*="theme-"] .account-details .col-desc .description-text { font-size: 14px; } body.highcontrast .account-details .col-desc-no-pfm, body[class*="theme-"] .account-details .col-desc-no-pfm { max-width: calc(100% - 120px - 44px - var(--app-scale-1)); } } body.highcontrast .account-details .col-desc-with-pfm, body[class*="theme-"] .account-details .col-desc-with-pfm { max-width: calc(100% - 55px - 44px * 2 - 160px); } @media screen and (max-width: 767px) { body.highcontrast .account-details .col-desc-with-pfm, body[class*="theme-"] .account-details .col-desc-with-pfm { max-width: calc(100% - 44px * 2 - var(--app-scale-1) - 120px); } } body.highcontrast .account-details .disputing .col-desc-with-pfm, body[class*="theme-"] .account-details .disputing .col-desc-with-pfm { max-width: calc(100% - 55px - 160px - 44px); } @media screen and (max-width: 767px) { body.highcontrast .account-details .disputing .col-desc-with-pfm, body[class*="theme-"] .account-details .disputing .col-desc-with-pfm { max-width: calc(100% - 120px - 44px - var(--app-scale-1)); } } @media screen and (max-width: 991px) { body.highcontrast .account-details .disputing .row-content, body[class*="theme-"] .account-details .disputing .row-content { max-width: calc(100% - 44px); } } body.highcontrast .account-details .datatable-header .col-amount, body[class*="theme-"] .account-details .datatable-header .col-amount { padding-right: 15px; } body.highcontrast .account-details .col-amount, body[class*="theme-"] .account-details .col-amount { flex: 0 0 160px; text-align: right; padding-right: 15px; } @media screen and (max-width: 767px) { body.highcontrast .account-details .col-amount, body[class*="theme-"] .account-details .col-amount { flex-basis: 120px; padding-right: 0; } body.highcontrast .account-details .col-amount .account-balance-text, body[class*="theme-"] .account-details .col-amount .account-balance-text { font-size: 12px; } } body.highcontrast .account-details .col-amount .account-balance-text, body.highcontrast .account-details .col-amount .amount, body[class*="theme-"] .account-details .col-amount .account-balance-text, body[class*="theme-"] .account-details .col-amount .amount { display: block; white-space: nowrap; } body.highcontrast .account-details .col-amount .amount, body[class*="theme-"] .account-details .col-amount .amount { font-size: 17px; font-weight: 600; } body.highcontrast .account-details .dts-footer, body[class*="theme-"] .account-details .dts-footer { display: flex; align-items: center; min-height: 96px; box-shadow: 0 0 6px var(--t-top-a1); background-color: var(--t-gray14); border-top: none; } @media screen and (max-width: 767px) { body.highcontrast .account-details .col-amount .amount, body[class*="theme-"] .account-details .col-amount .amount { font-size: 14px; } body.highcontrast .account-details .dts-footer, body[class*="theme-"] .account-details .dts-footer { flex-wrap: wrap; padding-bottom: 15px; } } body.highcontrast .account-details .dts-footer .ui-icon, body[class*="theme-"] .account-details .dts-footer .ui-icon { font-size: 20px; } body.highcontrast .account-details .dts-footer .dispute-text .flag-icon q2-icon, body[class*="theme-"] .account-details .dts-footer .dispute-text .flag-icon q2-icon { --t-icon-stroke-primary: var(--t-status-alert); --t-icon-stroke-secondary: var(--t-status-alert); --t-icon-fill: var(--t-status-alert); } body.highcontrast .account-details .dts-footer .dts-tally, body[class*="theme-"] .account-details .dts-footer .dts-tally { margin-top: 10px; } body.highcontrast .account-details .dts-footer .dts-tally .flag-icon q2-icon, body[class*="theme-"] .account-details .dts-footer .dts-tally .flag-icon q2-icon { --t-icon-stroke-primary: var(--t-status-alert); --t-icon-stroke-secondary: var(--t-status-alert); --t-icon-fill: var(--t-status-alert); height: 36px; width: 36px; } body.highcontrast .account-details .dts-footer .dts-tally .ui-icon, body[class*="theme-"] .account-details .dts-footer .dts-tally .ui-icon { font-size: 37px; } @media screen and (max-width: 767px) { body.highcontrast .account-details .account-tile-container, body[class*="theme-"] .account-details .account-tile-container { width: 100%; padding-left: 0; padding-right: 0; } body.highcontrast .account-details .slider-tabs, body[class*="theme-"] .account-details .slider-tabs { padding: 0; } body.highcontrast .account-details .account-balance, body[class*="theme-"] .account-details .account-balance { display: none; } } body.highcontrast .account-details-frankenbox, body[class*="theme-"] .account-details-frankenbox { transition: height 0.4s linear, opacity 0.6 ease-in-out; opacity: 0; display: none; height: 0; padding-top: 24px; padding-bottom: 20px; margin-left: 0; margin-right: 0; } body.highcontrast .account-details-frankenbox .calendar_input .inputControl.calendar, body[class*="theme-"] .account-details-frankenbox .calendar_input .inputControl.calendar { bottom: 16px; height: auto; top: auto; width: 320px; } body.highcontrast .account-details-frankenbox q2-calendar, body[class*="theme-"] .account-details-frankenbox q2-calendar { width: 100%; } body.highcontrast .account-details-frankenbox q2-calendar, body.highcontrast .account-details-frankenbox q2-input, body.highcontrast .account-details-frankenbox q2-select, body[class*="theme-"] .account-details-frankenbox q2-calendar, body[class*="theme-"] .account-details-frankenbox q2-input, body[class*="theme-"] .account-details-frankenbox q2-select { display: block; margin: 15px 0; } body.highcontrast .account-details-frankenbox-actions, body[class*="theme-"] .account-details-frankenbox-actions { text-align: right; margin: 20px 0 7px; } body.highcontrast .account-details-frankenbox-actions q2-btn, body[class*="theme-"] .account-details-frankenbox-actions q2-btn { margin-left: 15px; } body.highcontrast .account-details-dispute-filter, body[class*="theme-"] .account-details-dispute-filter { height: 73px; line-height: 73px; } body.highcontrast .account-details-active-tool, body[class*="theme-"] .account-details-active-tool { padding-top: 16px; } @media screen and (max-width: 767px) { body.highcontrast .account-details-active-tool, body[class*="theme-"] .account-details-active-tool { padding: 10px; } } body.highcontrast .standard-hade-list dt, body[class*="theme-"] .standard-hade-list dt { font-size: 1.1em; } body.highcontrast .toogle-icon-wrapper, body[class*="theme-"] .toogle-icon-wrapper { display: flex; align-items: center; } body.highcontrast .toogle-icon-wrapper div, body[class*="theme-"] .toogle-icon-wrapper div { margin-right: 5px; } body.highcontrast .formBox .panel-heading, body[class*="theme-"] .formBox .panel-heading { font-size: 20px; } body.highcontrast .transfer-create, body[class*="theme-"] .transfer-create { position: relative; height: 100%; } body.highcontrast .transfer-history, body[class*="theme-"] .transfer-history { position: relative; height: 600px; background-color: var(--uux-app-bgColor); } body.highcontrast .transfer-hist-fail, body[class*="theme-"] .transfer-hist-fail { font-size: 14px; text-align: center; margin-top: 50%; } body.highcontrast .transfer-recurring-box, body[class*="theme-"] .transfer-recurring-box { margin-top: 30px; } body.highcontrast .bill-item-top .transfers, body[class*="theme-"] .bill-item-top .transfers { display: block; } body.highcontrast .bill-item-top .transfers.paid, body[class*="theme-"] .bill-item-top .transfers.paid { background-image: url(images/transaction_success-30ad2f8a6257c0cc1f6f4f717e42137d.png); height: 69px; width: 116px; } body.highcontrast .tab-disabler, body[class*="theme-"] .tab-disabler { position: absolute; top: -10px; width: 400px; height: 50px; } body.highcontrast .rdc-submit, body[class*="theme-"] .rdc-submit { margin: 15px; } body.highcontrast .rdc-submit .icon, body[class*="theme-"] .rdc-submit .icon { margin-top: 4px; } body.highcontrast .rdc-submit.not-valid, body[class*="theme-"] .rdc-submit.not-valid { background: var(--uux-theme-gray); } body.highcontrast .rdc-send, body[class*="theme-"] .rdc-send { margin: 15px; } body.highcontrast .activity-view h2.title, body[class*="theme-"] .activity-view h2.title { color: var(--uux-theme-secondary) !important; } body.highcontrast .activity-view .alert, body[class*="theme-"] .activity-view .alert { margin-left: 10%; margin-top: 20px; width: 80%; } body.highcontrast .activity-view .alert button, body[class*="theme-"] .activity-view .alert button { display: none; } body.highcontrast .activity-view input, body[class*="theme-"] .activity-view input { width: 65%; margin-left: -5px; height: 36px; font-size: 36px; font-weight: 700; background-color: transparent; color: var(--uux-theme-whiteNeutral); border: 0; line-height: 36px; } body.highcontrast .activity-view input:-webkit-input-placeholder, body[class*="theme-"] .activity-view input:-webkit-input-placeholder { color: var(--uux-theme-whiteNeutral); font-size: 22px; opacity: 1; } body.highcontrast .activity-view .activity-content .item .activity-info.Authorized, body.highcontrast .payment-upload-results .icon-check, body[class*="theme-"] .activity-view .activity-content .item .activity-info.Authorized, body[class*="theme-"] .payment-upload-results .icon-check { color: var(--uux-theme-success); } body.highcontrast .activity-view .activity-search, body[class*="theme-"] .activity-view .activity-search { border: 1px solid var(--t-primary); } body.highcontrast .activity-view .close-button, body[class*="theme-"] .activity-view .close-button { position: absolute; top: 25px; right: 15px; } body.highcontrast .activity-view .activity-content, body[class*="theme-"] .activity-view .activity-content { overflow-y: scroll; overflow-x: hidden; } body.highcontrast .activity-view .activity-content .more-content, body[class*="theme-"] .activity-view .activity-content .more-content { display: block; text-align: center; } body.highcontrast .activity-view .activity-content .item, body[class*="theme-"] .activity-view .activity-content .item { width: 100%; height: 60px; } body.highcontrast .activity-view .activity-content .item .activity-info, body[class*="theme-"] .activity-view .activity-content .item .activity-info { display: inline-block; font-size: 18px; width: 10%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .activity-view .activity-content .item .activity-info.description, body[class*="theme-"] .activity-view .activity-content .item .activity-info.description { width: 40%; font-size: 20px; } body.highcontrast .activity-view .activity-content .item .activity-info.status, body[class*="theme-"] .activity-view .activity-content .item .activity-info.status { text-align: right; width: 15%; margin-left: 10px; } body.highcontrast .activity-view .activity-content .item .activity-info.amount, body[class*="theme-"] .activity-view .activity-content .item .activity-info.amount { text-align: right; } body.highcontrast .activity-view .activity-content .item .activity-info.id, body[class*="theme-"] .activity-view .activity-content .item .activity-info.id { font-weight: 700; font-size: 20px; } body.highcontrast .activity-view .activity-content .item .activity-info.Cancelled, body[class*="theme-"] .activity-view .activity-content .item .activity-info.Cancelled { color: var(--uux-theme-danger); } body.highcontrast .split-container, body[class*="theme-"] .split-container { background-color: var(--uux-theme-grayLighter); border-radius: 10px 10px 0 0; border: 1px solid var(--uux-theme-grayLight); padding: 12px 0; } body.highcontrast .split-container .ember-text-field, body[class*="theme-"] .split-container .ember-text-field { background-color: var(--uux-theme-white); } body.highcontrast .split-container .split-input, body[class*="theme-"] .split-container .split-input { margin-top: var(--app-scale-1); margin-bottom: var(--app-scale-3); } body.highcontrast .total-container, body[class*="theme-"] .total-container { background-color: var(--uux-theme-grayLight); border-radius: 0 0 10px 10px; margin: 0; padding: 6px 26px; } body.highcontrast .total-container dt, body[class*="theme-"] .total-container dt { display: inline-block; } body.highcontrast .quick-transfer .q2-modal-body, body[class*="theme-"] .quick-transfer .q2-modal-body { max-width: 600px; width: 100%; margin-left: -300px; } body.highcontrast .quick-transfer .title, body[class*="theme-"] .quick-transfer .title { color: var(--uux-theme-white); background-color: var(--uux-theme-primary); } body.highcontrast .quick-transfer .title span, body[class*="theme-"] .quick-transfer .title span { margin-left: 20%; } body.highcontrast.phone .q2-modal.quick-transfer, body[class*="theme-"].phone .q2-modal.quick-transfer { background: var(--uux-theme-white); } @media (max-width: 320px) { body.highcontrast.phone .q2-modal.quick-transfer .advanced-options, body[class*="theme-"].phone .q2-modal.quick-transfer .advanced-options { padding-top: 3px; } } body.highcontrast .quick-transfer-overpanel q2-input, body.highcontrast .quick-transfer-overpanel q2-select, body[class*="theme-"] .quick-transfer-overpanel q2-input, body[class*="theme-"] .quick-transfer-overpanel q2-select { margin: 0; margin-bottom: var(--app-scale-3); text-align: left; } body.highcontrast .quick-transfer-overpanel .flex, body[class*="theme-"] .quick-transfer-overpanel .flex { flex-flow: row wrap; justify-content: space-between; } body.highcontrast .quick-transfer-overpanel .flex > *, body[class*="theme-"] .quick-transfer-overpanel .flex > * { flex: 0 1 calc(50% - (var(--app-scale-3) / 2)); } @media screen and (max-width: 1199px) { body.highcontrast .quick-transfer-overpanel .flex > *, body[class*="theme-"] .quick-transfer-overpanel .flex > * { flex-basis: 100%; } } body.highcontrast .quick-transfer-overpanel .flex .earliestAvailableValue, body[class*="theme-"] .quick-transfer-overpanel .flex .earliestAvailableValue { height: 45px; display: flex; align-items: center; line-height: normal; } body.highcontrast .messages-rail, body[class*="theme-"] .messages-rail { position: relative; } body.highcontrast .messages-rail .messages-panes, body[class*="theme-"] .messages-rail .messages-panes { display: flex; flex-wrap: wrap; } body.highcontrast .messages-rail header, body[class*="theme-"] .messages-rail header { box-sizing: border-box; flex: 1 1 100%; } body.highcontrast .messages-rail .message-list-subject, body[class*="theme-"] .messages-rail .message-list-subject { display: flex; margin-bottom: 5px; } body.highcontrast .messages-rail .message-list-subject .message-list-text, body[class*="theme-"] .messages-rail .message-list-subject .message-list-text { flex: 1 0; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .messages-rail .message-list-subject [class*=" icon-"], body.highcontrast .messages-rail .message-list-subject [class^="icon-"], body[class*="theme-"] .messages-rail .message-list-subject [class*=" icon-"], body[class*="theme-"] .messages-rail .message-list-subject [class^="icon-"] { flex: 0 1 20px; font-size: 20px; line-height: 0.5em; } body.highcontrast .messages-rail .message-list-subject [class*=" icon-"]:before, body.highcontrast .messages-rail .message-list-subject [class^="icon-"]:before, body[class*="theme-"] .messages-rail .message-list-subject [class*=" icon-"]:before, body[class*="theme-"] .messages-rail .message-list-subject [class^="icon-"]:before { margin-right: 0; width: 0.9em; } body.highcontrast .messages-rail .inbox, body[class*="theme-"] .messages-rail .inbox { flex: 0 0 auto; width: var(--uux-app-messagesInboxWidth); } @media screen and (max-width: 767px) { body.highcontrast .messages-rail .inbox, body[class*="theme-"] .messages-rail .inbox { width: 100%; box-shadow: 0 2px 5px var(--t-top-a1); } } body.highcontrast .messages-rail .inbox .no-history, body[class*="theme-"] .messages-rail .inbox .no-history { width: 100%; text-align: center; margin-top: 10px; } body.highcontrast .messages-rail .inbox .secure-message-page, body[class*="theme-"] .messages-rail .inbox .secure-message-page { background-color: var(--uux-app-messagesInboxBg); border-right: 1px solid var(--uux-app-messagesInboxBorder); border-top: 1px solid var(--uux-app-messagesInboxBorder); color: var(--uux-app-messagesInboxText); overflow-y: unset; } body.highcontrast .messages-rail .inbox .message-list, body[class*="theme-"] .messages-rail .inbox .message-list { margin: 0; padding: 0; } body.highcontrast .messages-rail .inbox .message-list .ui-checkbox, body[class*="theme-"] .messages-rail .inbox .message-list .ui-checkbox { flex: 1 0; padding: 12px 0 11px; } body.highcontrast .messages-rail .inbox .message-list .ui-checkbox label, body[class*="theme-"] .messages-rail .inbox .message-list .ui-checkbox label { justify-content: center; } body.highcontrast .messages-rail .inbox .del-panel, body[class*="theme-"] .messages-rail .inbox .del-panel { border-bottom: var(--uux-app-messagesInboxBorder) 1px solid; padding: 0 14px; } body.highcontrast .messages-rail .inbox .message-list-container, body[class*="theme-"] .messages-rail .inbox .message-list-container { position: relative; width: 100%; } body.highcontrast .messages-rail .inbox .item-wrapper, body[class*="theme-"] .messages-rail .inbox .item-wrapper { border-bottom: var(--uux-app-messagesInboxBorder) 1px solid; display: block; } body.highcontrast .messages-rail .inbox .item-wrapper.is-selected .item-link, body[class*="theme-"] .messages-rail .inbox .item-wrapper.is-selected .item-link { background-color: var(--uux-app-messagesInboxSelectedItemBg); border-left: 6px solid var(--uux-CONST_STOPLIGHT_INFO); color: var(--uux-app-messagesInboxSelectedItemText); } body.highcontrast .messages-rail .inbox .item-link, body.highcontrast .messages-rail .inbox .item-text, body[class*="theme-"] .messages-rail .inbox .item-link, body[class*="theme-"] .messages-rail .inbox .item-text { border-bottom: 0 none; box-sizing: border-box; color: var(--uux-app-messagesInboxText); padding: 12px 14px; width: 100%; } body.highcontrast .messages-rail .inbox .item-link:active, body.highcontrast .messages-rail .inbox .item-link:hover, body.highcontrast .messages-rail .inbox .item-text:active, body.highcontrast .messages-rail .inbox .item-text:hover, body[class*="theme-"] .messages-rail .inbox .item-link:active, body[class*="theme-"] .messages-rail .inbox .item-link:hover, body[class*="theme-"] .messages-rail .inbox .item-text:active, body[class*="theme-"] .messages-rail .inbox .item-text:hover { background-color: var(--uux-app-messagesInboxHoverBg); color: var(--uux-app-messagesInboxHoverText); cursor: pointer; } body.highcontrast .messages-rail .inbox .item-link.unread .message-list-subject, body.highcontrast .messages-rail .inbox .item-text.unread .message-list-subject, body[class*="theme-"] .messages-rail .inbox .item-link.unread .message-list-subject, body[class*="theme-"] .messages-rail .inbox .item-text.unread .message-list-subject { font-weight: 700; } body.highcontrast .messages-rail .inbox .message-list-from, body[class*="theme-"] .messages-rail .inbox .message-list-from { font-size: 12px; max-width: 75%; } body.highcontrast .messages-rail .inbox .message-list-date, body[class*="theme-"] .messages-rail .inbox .message-list-date { font-size: 12px; position: absolute; bottom: 0; right: 0; } body.highcontrast .messages-rail .inbox footer, body[class*="theme-"] .messages-rail .inbox footer { display: flex; align-items: center; font-size: 12px; padding-left: 5px; } @media screen and (min-width: 768px) { body.highcontrast .messages-rail .inbox .message-list, body[class*="theme-"] .messages-rail .inbox .message-list { min-height: 660px; } body.highcontrast .messages-rail .inbox footer, body[class*="theme-"] .messages-rail .inbox footer { border-bottom: var(--uux-app-messagesInboxBorder) 1px solid; } } body.highcontrast .messages-rail .inbox footer .btn-link, body[class*="theme-"] .messages-rail .inbox footer .btn-link { padding: 0; } body.highcontrast .messages-rail .inbox footer .vcenter, body[class*="theme-"] .messages-rail .inbox footer .vcenter { margin: 10px; } body.highcontrast .messages-rail .hide-inbox .messages-content, body.highcontrast .messages-rail .inbox .client-pagination, body[class*="theme-"] .messages-rail .hide-inbox .messages-content, body[class*="theme-"] .messages-rail .inbox .client-pagination { margin: 0; } body.highcontrast .messages-rail .inbox footer .messagesTrashIcon, body[class*="theme-"] .messages-rail .inbox footer .messagesTrashIcon { width: 15px; height: 15px; } body.highcontrast .messages-rail .inbox footer .messagesCancel, body[class*="theme-"] .messages-rail .inbox footer .messagesCancel { color: var(--uux-app-linkColor); } body.highcontrast .messages-rail .inbox footer .messagesCancel:hover, body[class*="theme-"] .messages-rail .inbox footer .messagesCancel:hover { text-decoration: underline; } body.highcontrast .messages-rail .inbox footer .deleteMultipleContainer, body[class*="theme-"] .messages-rail .inbox footer .deleteMultipleContainer { display: flex; align-items: center; color: var(--uux-app-linkColor); } body.highcontrast .messages-rail .hide-inbox .inbox, body[class*="theme-"] .messages-rail .hide-inbox .inbox { display: none; } body.highcontrast .messages-rail .messages-content, body[class*="theme-"] .messages-rail .messages-content { border-top: 1px solid var(--uux-app-messagesInboxBorder); flex-basis: calc(100% - var(--uux-app-messagesInboxWidth)); flex: 1 0; max-width: calc(100% - var(--uux-app-messagesInboxWidth)); padding: 15px; } body.highcontrast .messages-rail .messages-content .never-expire-loader, body[class*="theme-"] .messages-rail .messages-content .never-expire-loader { position: relative; top: 12px; left: 5px; } body.highcontrast .messages-rail .messages-content .no-message-selected, body[class*="theme-"] .messages-rail .messages-content .no-message-selected { text-align: center; margin-top: 140px; } @media screen and (max-width: 767px) { body.highcontrast .messages-rail .messages-content, body[class*="theme-"] .messages-rail .messages-content { margin-left: 0; flex: 1 1 100%; max-width: 100%; } body.highcontrast .messages-rail .messages-content .no-message-selected, body[class*="theme-"] .messages-rail .messages-content .no-message-selected { margin: 20px; } body.highcontrast .messages-rail .messages-content .message-subject, body[class*="theme-"] .messages-rail .messages-content .message-subject { margin-top: 0; padding: 0; } } body.highcontrast .messages-rail .messages-content .no-message-selected-icon, body[class*="theme-"] .messages-rail .messages-content .no-message-selected-icon { width: 80px; margin-bottom: 35px; --t-icon-stroke-primary: var(--uux-CONST_GRAY_L1); --t-icon-stroke-secondary: var(--uux-CONST_GRAY_L1); color: var(--uux-CONST_GRAY_L1); } body.highcontrast .messages-rail .messages-content .select-message-index:focus, body[class*="theme-"] .messages-rail .messages-content .select-message-index:focus { box-shadow: none; } body.highcontrast .messages-rail .messages-content .messages-toolbar:after, body.highcontrast .messages-rail .messages-content .messages-toolbar:before, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar:after, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar:before { content: ""; display: table; line-height: 0; } body.highcontrast .messages-rail .messages-content .messages-toolbar:after, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar:after { clear: both; } body.highcontrast .messages-rail .messages-content .messages-toolbar .del-panel, body.highcontrast .messages-rail .messages-content .messages-toolbar .reg-panel, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar .del-panel, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar .reg-panel { padding: 6px 6px 0 0; } body.highcontrast .messages-rail .messages-content .messages-toolbar .del-panel a:hover, body.highcontrast .messages-rail .messages-content .messages-toolbar .reg-panel a:hover, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar .del-panel a:hover, body[class*="theme-"] .messages-rail .messages-content .messages-toolbar .reg-panel a:hover { text-decoration: none; } body.highcontrast .messages-rail .messages-content .incoming .message-detail, body[class*="theme-"] .messages-rail .messages-content .incoming .message-detail { margin-left: 0; background-color: var(--uux-app-messagesInnerContentBg); } body.highcontrast .messages-rail .messages-content .message-detail, body[class*="theme-"] .messages-rail .messages-content .message-detail { background-color: var(--uux-app-messagesInnerContentBgAlt); border: 1px solid var(--uux-app-contentBorder); border-radius: 3px; margin-top: 15px; word-break: break-word; padding: 30px 30px 15px; } body.highcontrast .messages-rail .messages-content .message-orientation ~ .message-orientation .message-detail, body[class*="theme-"] .messages-rail .messages-content .message-orientation ~ .message-orientation .message-detail { margin-top: 25px; } body.highcontrast .messages-rail .messages-content .message-body, body[class*="theme-"] .messages-rail .messages-content .message-body { padding: 6px 12px; white-space: pre-line; margin-bottom: 0; } body.highcontrast .messages-rail .messages-content .message-header, body[class*="theme-"] .messages-rail .messages-content .message-header { background-color: inherit; border-radius: 0; color: var(--uux-app-textColor); line-height: normal; margin-bottom: 20px; overflow: hidden; } @media screen and (min-width: 768px) { body.highcontrast .messages-rail .messages-content .message-header, body[class*="theme-"] .messages-rail .messages-content .message-header { display: flex; justify-content: space-between; } body.highcontrast .messages-rail .messages-content .message-header .message-date, body[class*="theme-"] .messages-rail .messages-content .message-header .message-date { text-align: right; } } body.highcontrast .messages-rail .messages-content .message-header .message-from, body[class*="theme-"] .messages-rail .messages-content .message-header .message-from { font-weight: 700; flex: 1 0; } body.highcontrast .messages-rail .messages-content .message-header .message-subject, body[class*="theme-"] .messages-rail .messages-content .message-header .message-subject { flex: 2 0; } body.highcontrast .messages-rail .messages-content .message-header .message-date, body[class*="theme-"] .messages-rail .messages-content .message-header .message-date { flex: 1 0; } body.highcontrast .messages-rail .messages-content .message-thread, body[class*="theme-"] .messages-rail .messages-content .message-thread { padding-bottom: 50px; } body.highcontrast .messages-rail .message-inner, body[class*="theme-"] .messages-rail .message-inner { font-size: 15px; } @media screen and (min-width: 768px) { body.highcontrast .messages-rail .message-inner, body[class*="theme-"] .messages-rail .message-inner { margin: auto; width: 66.6666666667%; } } body.highcontrast .messages-rail .message-inner textarea, body[class*="theme-"] .messages-rail .message-inner textarea { box-sizing: border-box; height: 250px; } body.highcontrast .messages-rail .message-inner .form-container, body[class*="theme-"] .messages-rail .message-inner .form-container { padding: 0; } body.highcontrast .messages-rail .message-inner .form-actions, body[class*="theme-"] .messages-rail .message-inner .form-actions { display: flex; justify-content: space-between; } body.highcontrast .messages-rail .message-inner .form-actions button, body[class*="theme-"] .messages-rail .message-inner .form-actions button { flex-basis: 50%; } body.highcontrast .messages-rail .message-inner .form-actions button + button, body[class*="theme-"] .messages-rail .message-inner .form-actions button + button { margin-left: 18px; } body.highcontrast .messages-rail .message-inner .message-to, body[class*="theme-"] .messages-rail .message-inner .message-to { float: none; font-size: 18px; } body.highcontrast .messages-rail .message-inner .message-error, body[class*="theme-"] .messages-rail .message-inner .message-error { float: right; text-align: right; color: var(--uux-theme-dangerText); } body.highcontrast .messages-rail .message-inner ul.attachmentTypes .type-separator:last-of-type, body[class*="theme-"] .messages-rail .message-inner ul.attachmentTypes .type-separator:last-of-type { display: none; } body.highcontrast .messages-rail .message-inner .upload-wrapper, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper { width: 100%; height: 60px; display: flex; margin: 0 0 var(--app-scale-3); } body.highcontrast .messages-rail .message-inner .upload-wrapper .upload-section, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper .upload-section { width: 100%; background: var(--t-gray14); overflow: hidden; padding: var(--app-scale-2); white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; } body.highcontrast .messages-rail .message-inner .upload-wrapper .upload-section.error-state, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper .upload-section.error-state { text-overflow: initial; white-space: initial; } body.highcontrast .messages-rail .message-inner .upload-wrapper .upload-icon, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper .upload-icon { width: 66px; height: 100%; display: inline-flex; float: left; justify-content: center; align-items: center; background: var(--t-secondary); text-transform: uppercase; } body.highcontrast .messages-rail .message-inner .upload-wrapper .error, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper .error { background: var(--t-status-alert) !important; } body.highcontrast .messages-rail .message-inner .upload-wrapper .error .error-icon, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper .error .error-icon { fill: var(--t-base); stroke: var(--t-base); } body.highcontrast .messages-rail .message-inner .upload-wrapper .attachment-file-size, body[class*="theme-"] .messages-rail .message-inner .upload-wrapper .attachment-file-size { display: block; } body.highcontrast .messages-rail .message-inner .attachments-row, body[class*="theme-"] .messages-rail .message-inner .attachments-row { display: flex; justify-content: space-between; margin: var(--app-scale-3) 0 0; } body.highcontrast .messages-rail .message-inner .attachments-row .attachments-tip, body[class*="theme-"] .messages-rail .message-inner .attachments-row .attachments-tip { display: flex; align-items: center; } body.highcontrast .messages-rail .message-inner .attachments-row .attachments-upload, body[class*="theme-"] .messages-rail .message-inner .attachments-row .attachments-upload { display: flex; align-items: center; color: var(--uux-app-linkColor); } body.highcontrast .messages-rail .message-inner .attachments-row .attachments-upload q2-icon, body[class*="theme-"] .messages-rail .message-inner .attachments-row .attachments-upload q2-icon { width: 15px; height: 15px; } body.highcontrast .messages-rail .message-inner .progress-wrapper, body[class*="theme-"] .messages-rail .message-inner .progress-wrapper { margin-bottom: var(--app-scale-3); } body.highcontrast .messages-rail .message-inner .progress-wrapper .loading-section, body[class*="theme-"] .messages-rail .message-inner .progress-wrapper .loading-section { background: var(--t-gray14); display: flex; padding: var(--app-scale-1); align-items: center; text-align: center; } body.highcontrast .messages-rail .message-inner .progress-wrapper .loading-section .loading-text, body[class*="theme-"] .messages-rail .message-inner .progress-wrapper .loading-section .loading-text { width: 95%; } body.highcontrast .messages-rail .message-inner .progress-wrapper .progress-bar-upload, body[class*="theme-"] .messages-rail .message-inner .progress-wrapper .progress-bar-upload { width: 100%; background-color: var(--t-gray11); } body.highcontrast .messages-rail .message-inner .progress-wrapper .progress-fill, body[class*="theme-"] .messages-rail .message-inner .progress-wrapper .progress-fill { display: block; height: 6px; background-color: var(--t-status-success); transition: width 0.5s ease-in-out; } body.highcontrast .messages-rail .message-attachments, body[class*="theme-"] .messages-rail .message-attachments { margin-top: 10px; } body.highcontrast .messages-rail .attach-file, body[class*="theme-"] .messages-rail .attach-file { margin-bottom: 7px; } body.highcontrast .download-wrapper, body[class*="theme-"] .download-wrapper { width: 100%; height: 60px; display: flex; margin: var(--app-scale-3) 0; } body.highcontrast .download-wrapper .download-section, body[class*="theme-"] .download-wrapper .download-section { width: 100%; background: var(--t-gray14); overflow: hidden; padding: var(--app-scale-2); white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; } body.highcontrast .download-wrapper .download-section .download-icon, body[class*="theme-"] .download-wrapper .download-section .download-icon { width: 30px; height: 30px; } body.highcontrast .download-wrapper .download-wrapper-icon, body[class*="theme-"] .download-wrapper .download-wrapper-icon { width: 66px; height: 100%; display: inline-flex; float: left; justify-content: center; align-items: center; background: var(--t-tertiary); text-transform: uppercase; } body.highcontrast .download-wrapper .attachment-file-size, body[class*="theme-"] .download-wrapper .attachment-file-size { display: block; } body.highcontrast .phone.thumb-nav-enabled:not(.menu-open) .btn.btn-fab, body[class*="theme-"] .phone.thumb-nav-enabled:not(.menu-open) .btn.btn-fab { bottom: calc(1rem + var(--uux-app-thumbBarHeight)); margin-bottom: env(safe-area-inset-bottom); } @media all and (max-width: 900px) { body.highcontrast .bill-payment .bill-selection, body[class*="theme-"] .bill-payment .bill-selection { display: none; } } body.highcontrast .billpay-creation, body[class*="theme-"] .billpay-creation { min-height: 400px; } body.highcontrast .billpay-creation .edit-pen, body[class*="theme-"] .billpay-creation .edit-pen { font-size: 23px; bottom: 3px; right: 11px; display: inline-block; } body.highcontrast .billpay-creation .list-view td.status, body[class*="theme-"] .billpay-creation .list-view td.status { color: var(--uux-app-contentSubtextColor); } body.highcontrast .billpay-creation .list-view td.status .icon, body[class*="theme-"] .billpay-creation .list-view td.status .icon { font-size: 20px; } @media all and (max-width: 768px) { body.highcontrast .billpay-creation .list-view .name div, body[class*="theme-"] .billpay-creation .list-view .name div { text-overflow: ellipsis; width: 100px; overflow: hidden; } } body.highcontrast .billpay-creation .list-view .ebill .status, body[class*="theme-"] .billpay-creation .list-view .ebill .status { color: var(--uux-app-linkColor); font-weight: 600; } body.highcontrast .billpay-creation .list-view .impending:not(.scheduled) > td.name, body[class*="theme-"] .billpay-creation .list-view .impending:not(.scheduled) > td.name { border-left: solid 3px var(--t-status-warn); } body.highcontrast .billpay-creation .list-view .overdue > td:not(.last-payment), body[class*="theme-"] .billpay-creation .list-view .overdue > td:not(.last-payment) { color: var(--t-status-alert); font-weight: 600; } body.highcontrast .billpay-creation .list-view .overdue > td.name, body[class*="theme-"] .billpay-creation .list-view .overdue > td.name { border-left: solid 3px var(--t-status-alert); } body.highcontrast .billpay-creation .list-view .scheduled > td.status, body[class*="theme-"] .billpay-creation .list-view .scheduled > td.status { color: var(--t-status-success); } body.highcontrast .billpay-creation .ui-checkbox .inner-label, body[class*="theme-"] .billpay-creation .ui-checkbox .inner-label { align-content: space-between; align-items: center; display: flex; width: calc(100% - 15px); } body.highcontrast .billpay-creation .ui-checkbox .inner-text, body[class*="theme-"] .billpay-creation .ui-checkbox .inner-text { display: block; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 10px); } body.highcontrast .mobile-payment-activity-table, body[class*="theme-"] .mobile-payment-activity-table { width: 100%; } body.highcontrast .mobile-payment-activity-table .payment-activity-payee, body[class*="theme-"] .mobile-payment-activity-table .payment-activity-payee { white-space: nowrap; overflow: hidden; max-width: 100px; text-overflow: ellipsis; } body.highcontrast .mobile-payment-activity-table__th, body[class*="theme-"] .mobile-payment-activity-table__th { position: -webkit-sticky; position: sticky; max-width: 100%; height: 50px; padding-left: 15px; top: var(--uux-app-headerHeight); z-index: 1; background-color: var(--uux-app-contentBg); box-shadow: inset 0 -3px 0 var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast .mobile-payment-activity-table-thumb-nav__th, body[class*="theme-"] .mobile-payment-activity-table-thumb-nav__th { position: -webkit-sticky; position: sticky; max-width: 100%; height: 50px; padding-left: 15px; top: 0; z-index: 1; background-color: var(--uux-app-contentBg); box-shadow: inset 0 -3px 0 var(--uux-app-datatableCleanRowBorderColor); } body.highcontrast .payment-activity-actions-row, body.highcontrast .payment-activity-detail-list-row, body.highcontrast .payment-activity-row.selected, body[class*="theme-"] .payment-activity-actions-row, body[class*="theme-"] .payment-activity-detail-list-row, body[class*="theme-"] .payment-activity-row.selected { background-color: var(--uux-app-datatableStripedAltBg); } body.highcontrast .billpay-creation .spinner, body.highcontrast .billpay-multipay .spinner, body.highcontrast .billpay-payment-activity .spinner, body[class*="theme-"] .billpay-creation .spinner, body[class*="theme-"] .billpay-multipay .spinner, body[class*="theme-"] .billpay-payment-activity .spinner { position: fixed; } body.highcontrast .tooltip, body[class*="theme-"] .tooltip { width: 100px; padding: 10px 5px 5px; font-weight: 700; } body.highcontrast .billpay .dropdown-menu, body[class*="theme-"] .billpay .dropdown-menu { text-align: left; } body.highcontrast .inline-button, body[class*="theme-"] .inline-button { display: inline; } body.highcontrast .search-box-container, body[class*="theme-"] .search-box-container { background: var(--t-gray13); height: 55px; border-bottom: 1px solid var(--t-gray11); border-top: 1px solid var(--t-gray10); padding: 5px; } body.highcontrast .search-box-container input[type="text"], body[class*="theme-"] .search-box-container input[type="text"] { width: 80%; background-color: transparent !important; border: none !important; height: 43px; color: var(--uux-app-sidebarTextColor) !important; font-size: 12pt; } body.highcontrast .chart-container, body[class*="theme-"] .chart-container { margin-top: 5px; } body.highcontrast .chart-container .chart-bar, body[class*="theme-"] .chart-container .chart-bar { fill: var(--uux-app-barChartFill); stroke: var(--uux-app-barChartStroke); } body.highcontrast .chart-container .chart-average line, body[class*="theme-"] .chart-container .chart-average line { stroke: var(--uux-app-barChartReference); } body.highcontrast .chart-container .chart-average text, body[class*="theme-"] .chart-container .chart-average text { fill: var(--uux-app-barChartReference); } body.highcontrast .activity-payee-name, body[class*="theme-"] .activity-payee-name { max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 1199px) { body.highcontrast .activity-payee-name, body[class*="theme-"] .activity-payee-name { max-width: 200px; } } @media screen and (max-width: 991px) { body.highcontrast .activity-payee-name, body[class*="theme-"] .activity-payee-name { max-width: 100px; } body.highcontrast .sidepanel .item-label, body[class*="theme-"] .sidepanel .item-label { word-break: break-all; } } @media (max-width: 767px) { body.highcontrast .billpay-accounts .listItem .stepDetails, body[class*="theme-"] .billpay-accounts .listItem .stepDetails { padding: 12px 4px; } } body.highcontrast .multipay-container tfoot > tr > td, body[class*="theme-"] .multipay-container tfoot > tr > td { width: 100%; padding: 0; z-index: 2; } body.highcontrast .multipay-container .total-footer .total-footer-text, body[class*="theme-"] .multipay-container .total-footer .total-footer-text { display: inline-block; font-size: 18px; margin-right: 30px; } body.highcontrast .multipay-container .payee-controls, body[class*="theme-"] .multipay-container .payee-controls { margin-bottom: 15px; } body.highcontrast .multipay-container .datatable-clean, body[class*="theme-"] .multipay-container .datatable-clean { min-height: 500px; } body.highcontrast .multipay-container .datatable-clean:after, body.highcontrast .multipay-container .datatable-clean:before, body[class*="theme-"] .multipay-container .datatable-clean:after, body[class*="theme-"] .multipay-container .datatable-clean:before { content: ""; display: table; line-height: 0; } body.highcontrast .multipay-container .datatable-clean:after, body[class*="theme-"] .multipay-container .datatable-clean:after { clear: both; } body.highcontrast .multipay-container .datatable-clean .form-control-currency, body[class*="theme-"] .multipay-container .datatable-clean .form-control-currency { margin-bottom: 0; } body.highcontrast .confirmation-row, body[class*="theme-"] .confirmation-row { cursor: pointer; } body.highcontrast .multipay-failure td, body[class*="theme-"] .multipay-failure td { border-bottom: 1px solid var(--uux-app-datatableBorderColor); background: var(--uux-app-datatableStripedAltBg); } body.highcontrast .multipay-payment-error .status-with-icon, body[class*="theme-"] .multipay-payment-error .status-with-icon { color: var(--uux-theme-danger); } body.highcontrast .multipay-payment-error .status-with-icon .icon-exclamation-sign, body[class*="theme-"] .multipay-payment-error .status-with-icon .icon-exclamation-sign { font-size: 24px; } body.highcontrast .multipay-payment-error .icon-angle-down, body.highcontrast .multipay-payment-error .icon-angle-up, body[class*="theme-"] .multipay-payment-error .icon-angle-down, body[class*="theme-"] .multipay-payment-error .icon-angle-up { position: absolute; font-size: 24px; } body.highcontrast .multipay-failure-message td .icon-exclamation-sign, body[class*="theme-"] .multipay-failure-message td .icon-exclamation-sign { color: var(--uux-theme-danger); font-size: 24px; } body.highcontrast .multipay-garage, body[class*="theme-"] .multipay-garage { color: var(--t-base); background-color: red; padding-top: 20px; padding-bottom: 20px; } body.highcontrast .multipay-calendar .calendarContainer.opened, body[class*="theme-"] .multipay-calendar .calendarContainer.opened { min-width: initial; } body.highcontrast .multipay-calendar .calendar-field, body[class*="theme-"] .multipay-calendar .calendar-field { margin-bottom: 0; } body.highcontrast .multipay-calendar .calendar.calendar-field-popup, body[class*="theme-"] .multipay-calendar .calendar.calendar-field-popup { width: 430px; height: 392px; position: fixed; top: 60%; left: 50%; margin-top: -196px; margin-left: -215px; z-index: 5; } body.highcontrast .button-reset-sort, body[class*="theme-"] .button-reset-sort { position: absolute; bottom: 20px; right: 20px; } body.highcontrast .button-reset-sort .icon-flip-left, body[class*="theme-"] .button-reset-sort .icon-flip-left { font-size: 24px; } body.highcontrast .multipay-table, body.highcontrast .payment-activity-table, body[class*="theme-"] .multipay-table, body[class*="theme-"] .payment-activity-table { width: 100%; } body.highcontrast table.multipay-table, body[class*="theme-"] table.multipay-table { height: 100%; margin-bottom: 0; } body.highcontrast table.multipay-table td, body.highcontrast table.multipay-table th, body[class*="theme-"] table.multipay-table td, body[class*="theme-"] table.multipay-table th { padding: 15px; } body.highcontrast table.multipay-table tbody > tr > td.payee-card, body[class*="theme-"] table.multipay-table tbody > tr > td.payee-card { padding: 0; } body.highcontrast table.multipay-table tbody > tr > td.payee-card .tile-bar, body[class*="theme-"] table.multipay-table tbody > tr > td.payee-card .tile-bar { z-index: 0; } body.highcontrast table.multipay-table tbody > tr > td, body[class*="theme-"] table.multipay-table tbody > tr > td { padding: 25px 5px; position: relative; vertical-align: top; } body.highcontrast table.multipay-table tbody > tr > td .form-group, body[class*="theme-"] table.multipay-table tbody > tr > td .form-group { margin-bottom: 0; } body.highcontrast table.multipay-table tbody > tr > td i.icon-warning-sign, body[class*="theme-"] table.multipay-table tbody > tr > td i.icon-warning-sign { position: absolute; top: 12px; left: 12px; z-index: 0; } body.highcontrast table.multipay-table tbody > tr > td.payee, body[class*="theme-"] table.multipay-table tbody > tr > td.payee { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: none; } body.highcontrast table.multipay-table tbody > tr:first-of-type .tile-card-payee, body[class*="theme-"] table.multipay-table tbody > tr:first-of-type .tile-card-payee { border-top-width: 0; } body.highcontrast table.multipay-table tfoot > tr > td, body[class*="theme-"] table.multipay-table tfoot > tr > td { padding-bottom: 0; } body.highcontrast table.multipay-table .multipay-table-body td, body[class*="theme-"] table.multipay-table .multipay-table-body td { height: 100%; } body.highcontrast table.multipay-table .tile-card-payee, body[class*="theme-"] table.multipay-table .tile-card-payee { border: none; height: 100%; } body.highcontrast table.multipay-table .tile-card.two-lines-tall .tile-card-action, body[class*="theme-"] table.multipay-table .tile-card.two-lines-tall .tile-card-action { height: auto; } @media only screen and (min-width: 694px) and (hover: hover) { body.highcontrast table.multipay-table .tile-card.two-lines-tall .tile-card-action, body[class*="theme-"] table.multipay-table .tile-card.two-lines-tall .tile-card-action { height: 100%; } } body.highcontrast table.multipay-table .processDate > .estimatedArrivalDate, body[class*="theme-"] table.multipay-table .processDate > .estimatedArrivalDate { text-align: right; } body.highcontrast table.multipay-table tbody .payee-card, body[class*="theme-"] table.multipay-table tbody .payee-card { border: 1px solid var(--uux-CONST_GRAY_L1); border-width: 0 1px; } body.highcontrast table.multipay-table .payee-card, body[class*="theme-"] table.multipay-table .payee-card { width: 29%; } @media screen and (max-width: 1199px) { body.highcontrast table.multipay-table .payee-card, body[class*="theme-"] table.multipay-table .payee-card { max-width: 250px; } } body.highcontrast table.multipay-table .date, body[class*="theme-"] table.multipay-table .date { width: 26%; } @media screen and (min-width: 1200px) { body.highcontrast table.multipay-table .payee-card, body[class*="theme-"] table.multipay-table .payee-card { max-width: 300px; } body.highcontrast table.multipay-table .q2-select, body[class*="theme-"] table.multipay-table .q2-select { min-width: 200px; } body.highcontrast table.multipay-table .amount, body[class*="theme-"] table.multipay-table .amount { min-width: 160px; } } body.highcontrast table.multipay-table.multipay-review tr, body[class*="theme-"] table.multipay-table.multipay-review tr { display: flex; min-width: 568px; } body.highcontrast table.multipay-table.multipay-review td.payee, body.highcontrast table.multipay-table.multipay-review th.payee, body[class*="theme-"] table.multipay-table.multipay-review td.payee, body[class*="theme-"] table.multipay-table.multipay-review th.payee { min-width: 0; flex: 1; } body.highcontrast table.multipay-table.multipay-review td.amount, body.highcontrast table.multipay-table.multipay-review td.date, body.highcontrast table.multipay-table.multipay-review td.payfrom, body.highcontrast table.multipay-table.multipay-review th.amount, body.highcontrast table.multipay-table.multipay-review th.date, body.highcontrast table.multipay-table.multipay-review th.payfrom, body[class*="theme-"] table.multipay-table.multipay-review td.amount, body[class*="theme-"] table.multipay-table.multipay-review td.date, body[class*="theme-"] table.multipay-table.multipay-review td.payfrom, body[class*="theme-"] table.multipay-table.multipay-review th.amount, body[class*="theme-"] table.multipay-table.multipay-review th.date, body[class*="theme-"] table.multipay-table.multipay-review th.payfrom { flex: 1; } body.highcontrast table.multipay-table.multipay-review td.estimated-delivery, body.highcontrast table.multipay-table.multipay-review th.estimated-delivery, body[class*="theme-"] table.multipay-table.multipay-review td.estimated-delivery, body[class*="theme-"] table.multipay-table.multipay-review th.estimated-delivery { flex: 2; } body.highcontrast table.multipay-table.multipay-confirm tr, body[class*="theme-"] table.multipay-table.multipay-confirm tr { display: flex; min-width: 600px; } body.highcontrast table.multipay-table.multipay-confirm td.payee, body.highcontrast table.multipay-table.multipay-confirm th.payee, body[class*="theme-"] table.multipay-table.multipay-confirm td.payee, body[class*="theme-"] table.multipay-table.multipay-confirm th.payee { min-width: 0; flex: 1; } body.highcontrast table.multipay-table.multipay-confirm td.amount, body.highcontrast table.multipay-table.multipay-confirm td.payfrom, body.highcontrast table.multipay-table.multipay-confirm th.amount, body.highcontrast table.multipay-table.multipay-confirm th.payfrom, body[class*="theme-"] table.multipay-table.multipay-confirm td.amount, body[class*="theme-"] table.multipay-table.multipay-confirm td.payfrom, body[class*="theme-"] table.multipay-table.multipay-confirm th.amount, body[class*="theme-"] table.multipay-table.multipay-confirm th.payfrom { flex: 1; } body.highcontrast table.multipay-table.multipay-confirm td.date, body.highcontrast table.multipay-table.multipay-confirm th.date, body[class*="theme-"] table.multipay-table.multipay-confirm td.date, body[class*="theme-"] table.multipay-table.multipay-confirm th.date { flex: 2; } body.highcontrast table.multipay-table.multipay-confirm td.estimated-delivery, body.highcontrast table.multipay-table.multipay-confirm th.estimated-delivery, body[class*="theme-"] table.multipay-table.multipay-confirm td.estimated-delivery, body[class*="theme-"] table.multipay-table.multipay-confirm th.estimated-delivery { flex: 3; } body.highcontrast table.multipay-table.multipay-confirm td.payment-status, body.highcontrast table.multipay-table.multipay-confirm th.payment-status, body[class*="theme-"] table.multipay-table.multipay-confirm td.payment-status, body[class*="theme-"] table.multipay-table.multipay-confirm th.payment-status { flex: 1; } body.highcontrast table.multipay-table.multipay-confirm .expanded-multipay-failure td, body[class*="theme-"] table.multipay-table.multipay-confirm .expanded-multipay-failure td { background: var(--uux-app-datatableStripedAltBg); } body.highcontrast table.multipay-table.multipay-confirm .multipay-payment-error, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-payment-error { cursor: pointer; } body.highcontrast table.multipay-table.multipay-confirm .multipay-payment-error .status-with-icon, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-payment-error .status-with-icon { color: var(--uux-theme-danger); } body.highcontrast table.multipay-table.multipay-confirm .multipay-payment-error .status-with-icon .icon-exclamation-sign, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-payment-error .status-with-icon .icon-exclamation-sign { font-size: 24px; } body.highcontrast table.multipay-table.multipay-confirm .multipay-payment-error .angle-down, body.highcontrast table.multipay-table.multipay-confirm .multipay-payment-error .angle-up, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-payment-error .angle-down, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-payment-error .angle-up { position: absolute; font-size: 24px; } body.highcontrast table.multipay-table.multipay-confirm .multipay-failure-message td, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-failure-message td { width: 100%; border-top: 0; background: var(--uux-app-datatableStripedAltBg); } body.highcontrast table.multipay-table.multipay-confirm .multipay-failure-message td .icon-exclamation-sign, body[class*="theme-"] table.multipay-table.multipay-confirm .multipay-failure-message td .icon-exclamation-sign { color: var(--uux-theme-danger); font-size: 24px; } body.highcontrast .billpay-filter-controls, body[class*="theme-"] .billpay-filter-controls { padding: 0 15px 15px; } body.highcontrast .billpay-filter-controls .filter-button, body[class*="theme-"] .billpay-filter-controls .filter-button { top: 0; } body.highcontrast .billpay-filter-controls .ui-btn:not(:first-child), body[class*="theme-"] .billpay-filter-controls .ui-btn:not(:first-child) { margin-left: 5px; } body.highcontrast .billpay-filter-controls .btn .icon-print:before, body[class*="theme-"] .billpay-filter-controls .btn .icon-print:before { margin: 0 2px 0 0; } body.highcontrast .ebills-statement-table, body[class*="theme-"] .ebills-statement-table { margin-bottom: 25px; } body.highcontrast .billpay-page, body[class*="theme-"] .billpay-page { padding: 0 15px; } body.highcontrast .billpay-page form input[type="radio"] + label, body[class*="theme-"] .billpay-page form input[type="radio"] + label { font-weight: 400; margin-bottom: 0; } body.highcontrast .billpay-page form .form-group, body.highcontrast .billpay-page form fieldset, body[class*="theme-"] .billpay-page form .form-group, body[class*="theme-"] .billpay-page form fieldset { margin-bottom: 25px; } body.highcontrast .billpay-page .manage-ebill-signup dt, body.highcontrast .billpay-page form .form-group label, body.highcontrast .billpay-page form .form-group legend, body.highcontrast .billpay-page form fieldset label, body.highcontrast .billpay-page form fieldset legend, body[class*="theme-"] .billpay-page .manage-ebill-signup dt, body[class*="theme-"] .billpay-page form .form-group label, body[class*="theme-"] .billpay-page form .form-group legend, body[class*="theme-"] .billpay-page form fieldset label, body[class*="theme-"] .billpay-page form fieldset legend { margin-bottom: 10px; } body.highcontrast .billpay-page form .form-group legend, body.highcontrast .billpay-page form fieldset legend, body[class*="theme-"] .billpay-page form .form-group legend, body[class*="theme-"] .billpay-page form fieldset legend { font-size: inherit; font-weight: 600; border: 0; } body.highcontrast .billpay-page .manage-ebill-signup dl, body[class*="theme-"] .billpay-page .manage-ebill-signup dl { line-height: 1.33em; } body.highcontrast .billpay-page .manage-ebill-signup dd, body[class*="theme-"] .billpay-page .manage-ebill-signup dd { margin-bottom: 25px; } body.highcontrast .billpay-page .autopay-settings-list dt, body[class*="theme-"] .billpay-page .autopay-settings-list dt { font-weight: 800; font-size: 14px; margin-bottom: 5px; } body.highcontrast .billpay-page .autopay-settings-list dd, body[class*="theme-"] .billpay-page .autopay-settings-list dd { margin-bottom: 25px; } body.highcontrast .billpay-page .autopay-enabled-icon, body[class*="theme-"] .billpay-page .autopay-enabled-icon { color: var(--uux-CONST_STOPLIGHT_SUCCESS); font-size: 20px; position: relative; top: 3px; } body.highcontrast .billpay-page .autopay-enabled-icon:before, body[class*="theme-"] .billpay-page .autopay-enabled-icon:before { margin-left: 0; text-align: left; } body.highcontrast .billpay-header .dropdown, body[class*="theme-"] .billpay-header .dropdown { float: right; margin-top: 3px; } body.highcontrast .billpay-header .dropdown-button-toggle, body[class*="theme-"] .billpay-header .dropdown-button-toggle { font-weight: 600; } body.highcontrast .billpay-header .dropdown-button-toggle .ui-icon:before, body[class*="theme-"] .billpay-header .dropdown-button-toggle .ui-icon:before { position: relative; top: 2px; margin: 0; } body.highcontrast .billpay-header .ui-btn-back, body[class*="theme-"] .billpay-header .ui-btn-back { margin-bottom: 15px; } body.highcontrast .singlepay-activity, body[class*="theme-"] .singlepay-activity { padding-bottom: 20px; } body.highcontrast .singlepay-activity table, body[class*="theme-"] .singlepay-activity table { margin-bottom: 20px; } body.highcontrast .payee-search, body[class*="theme-"] .payee-search { width: 320px; } @media screen and (max-width: 1199px) { body.highcontrast table.multipay-table .q2-select, body[class*="theme-"] table.multipay-table .q2-select { max-width: 180px; } body.highcontrast table.multipay-table .amount, body[class*="theme-"] table.multipay-table .amount { max-width: 140px; } body.highcontrast .payee-search, body[class*="theme-"] .payee-search { width: 240px; } } body.highcontrast.desktop .billpay-filter-controls .filter-button, body.highcontrast.tablet .billpay-filter-controls .filter-button, body[class*="theme-"].desktop .billpay-filter-controls .filter-button, body[class*="theme-"].tablet .billpay-filter-controls .filter-button { margin-left: 20px; } body.highcontrast.desktop .view-more-activity, body.highcontrast.tablet .view-more-activity, body[class*="theme-"].desktop .view-more-activity, body[class*="theme-"].tablet .view-more-activity { width: 100%; text-align: left; } body.highcontrast.desktop .view-more-activity a, body.highcontrast.tablet .view-more-activity a, body[class*="theme-"].desktop .view-more-activity a, body[class*="theme-"].tablet .view-more-activity a { padding-left: 20px; } body.highcontrast.phone .multipay-container.payments-mode, body[class*="theme-"].phone .multipay-container.payments-mode { padding-bottom: 250px; } body.highcontrast.phone .billpay-tabs .nav-tabs > li, body[class*="theme-"].phone .billpay-tabs .nav-tabs > li { width: 50%; } body.highcontrast.phone .billpay-filter-controls, body[class*="theme-"].phone .billpay-filter-controls { display: flex; padding: 15px 10px; } body.highcontrast.phone .billpay-filter-controls .search-col-grow, body[class*="theme-"].phone .billpay-filter-controls .search-col-grow { flex: auto; margin-right: 15px; } body.highcontrast.phone .billpay-filter-controls .filter-button.add-payee-btn, body[class*="theme-"].phone .billpay-filter-controls .filter-button.add-payee-btn { display: block; position: relative; height: 43px; border-radius: 0; bottom: 0; left: 0; right: 0; top: auto; background: var(--uux-theme-grayLighter); text-align: center; z-index: 10; color: var(--uux-app-textColor); } body.highcontrast.phone .datatable-clean table.multipay-table tbody > tr > td.payee-card, body[class*="theme-"].phone .datatable-clean table.multipay-table tbody > tr > td.payee-card { padding: 0; } body.highcontrast.phone .billpay-page .responsive-form, body[class*="theme-"].phone .billpay-page .responsive-form { margin-top: 0; } body.highcontrast.phone .view-more-activity, body[class*="theme-"].phone .view-more-activity { width: 100%; text-align: center; } body.highcontrast .billpay-page q2-input, body.highcontrast .billpay-payment-activity q2-input, body.highcontrast .billpayee_container q2-input, body.highcontrast .multipay-container q2-input, body[class*="theme-"] .billpay-page q2-input, body[class*="theme-"] .billpay-payment-activity q2-input, body[class*="theme-"] .billpayee_container q2-input, body[class*="theme-"] .multipay-container q2-input { margin: 0 0 6px; } body.highcontrast .billpay-page q2-calendar, body.highcontrast .billpay-page q2-select, body.highcontrast .billpay-payment-activity q2-calendar, body.highcontrast .billpay-payment-activity q2-select, body.highcontrast .billpayee_container q2-calendar, body.highcontrast .billpayee_container q2-select, body.highcontrast .multipay-container q2-calendar, body.highcontrast .multipay-container q2-select, body[class*="theme-"] .billpay-page q2-calendar, body[class*="theme-"] .billpay-page q2-select, body[class*="theme-"] .billpay-payment-activity q2-calendar, body[class*="theme-"] .billpay-payment-activity q2-select, body[class*="theme-"] .billpayee_container q2-calendar, body[class*="theme-"] .billpayee_container q2-select, body[class*="theme-"] .multipay-container q2-calendar, body[class*="theme-"] .multipay-container q2-select { margin: 0; } body.highcontrast .btn-group button.btn.rdc-history-filters, body[class*="theme-"] .btn-group button.btn.rdc-history-filters { padding-left: 10px; padding-right: 10px; } body.highcontrast .rdc-frame, body[class*="theme-"] .rdc-frame { margin-top: 10px; margin-bottom: 10px; margin-left: 10%; width: 80%; } body.highcontrast .rdc-frame .rdc-field, body[class*="theme-"] .rdc-frame .rdc-field { height: 40px; background-color: var(--uux-app-contentBg); width: 100%; } body.highcontrast .value, body[class*="theme-"] .value { font-weight: 700; color: var(--uux-app-strongTextColor); } body.highcontrast .rdc-create .input-selection-0 .inputControl, body[class*="theme-"] .rdc-create .input-selection-0 .inputControl { margin-top: -60px; } body.highcontrast .rdc-create .input-selection-1 .inputControl, body[class*="theme-"] .rdc-create .input-selection-1 .inputControl { margin-top: -120px; } body.highcontrast .rdc-create .input-selection-2 .inputControl, body[class*="theme-"] .rdc-create .input-selection-2 .inputControl { margin-top: -180px; } body.highcontrast .rdc-page, body[class*="theme-"] .rdc-page { position: relative; } body.highcontrast .rdc-page .q2-close, body[class*="theme-"] .rdc-page .q2-close { float: right; } body.highcontrast .rdc-page .rdc-list, body[class*="theme-"] .rdc-page .rdc-list { border-right: 1px solid var(--uux-app-textColor); width: 30%; height: 100%; background-color: var(--uux-theme-white); float: left; overflow-y: scroll; overflow-x: hidden; } body.highcontrast .rdc-page .rdc-list .item-link, body[class*="theme-"] .rdc-page .rdc-list .item-link { padding: 10px 10px 10px 30px; border-top: var(--t-base-a0) solid 1px; border-bottom: var(--t-top-a1) solid 1px; display: block; text-decoration: none; color: var(--uux-app-strongTextColor); } body.highcontrast .rdc-page .secure-rdc-details, body[class*="theme-"] .rdc-page .secure-rdc-details { height: 100%; } body.highcontrast .rdc-page .rdc-details, body[class*="theme-"] .rdc-page .rdc-details { padding: 5px; width: 100%; height: 100%; background-color: var(--uux-app-contentBg); overflow-y: scroll; overflow-x: hidden; } body.highcontrast .rdc-page .rdc-details .rdc-detail .rdc-section, body[class*="theme-"] .rdc-page .rdc-details .rdc-detail .rdc-section { padding: 10px 0 10px 5px; border-bottom: 1px solid var(--uux-app-contentBorder); } body.highcontrast .rdc-page .rdc-details .rdc-detail .no-rdc, body[class*="theme-"] .rdc-page .rdc-details .rdc-detail .no-rdc { position: relative; width: 100%; height: 100%; color: var(--uux-theme-grayNeutral); font-size: 18px; text-align: center; vertical-align: middle; margin-top: 50%; top: -7px; } body.highcontrast .ci-back img, body.highcontrast .ci-front img, body.highcontrast .image-viewer-img, body[class*="theme-"] .ci-back img, body[class*="theme-"] .ci-front img, body[class*="theme-"] .image-viewer-img { max-width: 100%; pointer-events: none; } body.highcontrast .rdc-list-element, body[class*="theme-"] .rdc-list-element { font-weight: 400; } body.highcontrast .rdc-list-element.date, body[class*="theme-"] .rdc-list-element.date { float: right; color: var(--uux-theme-grayLightNeutral); } body.highcontrast .rdc-list-element.account, body[class*="theme-"] .rdc-list-element.account { font-weight: 700; } body.highcontrast .rdc-hist-fail, body[class*="theme-"] .rdc-hist-fail { font-size: 14px; text-align: center; margin-top: 50%; } body.highcontrast .rdc-history-details, body[class*="theme-"] .rdc-history-details { overflow-y: scroll; } body.highcontrast .rdc-deposited-checks, body[class*="theme-"] .rdc-deposited-checks { display: block; } body.highcontrast .rdc-review-page .rdc-preview, body[class*="theme-"] .rdc-review-page .rdc-preview { float: left; margin-bottom: 15px; } body.highcontrast .rdc-review-page .rdc-preview img, body[class*="theme-"] .rdc-review-page .rdc-preview img { width: 100%; } body.highcontrast .rdc-review-page .section, body[class*="theme-"] .rdc-review-page .section { text-align: center; position: relative; } body.highcontrast .rdc-review-page .section .spinner, body[class*="theme-"] .rdc-review-page .section .spinner { display: inline; position: absolute; transform: translateY(calc(-50% - 20px)); } body.highcontrast .rdc-review-page .no-back, body[class*="theme-"] .rdc-review-page .no-back { margin-left: 25%; } body.highcontrast .rdc-review-page .formLabel, body[class*="theme-"] .rdc-review-page .formLabel { color: var(--uux-app-formLabelText); font-size: 1em; margin-right: 0; } body.highcontrast .rdc-review-page .form-value, body[class*="theme-"] .rdc-review-page .form-value { color: var(--uux-app-textColor); font-size: 13px; } body.highcontrast .rdc-review-page .review-items, body[class*="theme-"] .rdc-review-page .review-items { width: 100%; overflow: visible; margin-top: 10px; position: relative; } body.highcontrast .rdc-review-page .submit-holder, body[class*="theme-"] .rdc-review-page .submit-holder { width: 100%; text-align: center; } body.highcontrast .rdc-review-page .rdc-send, body[class*="theme-"] .rdc-review-page .rdc-send { width: 90%; text-align: center; margin: 10px 0 0; } body.highcontrast .rdc-review-page .rdc-send .icon, body[class*="theme-"] .rdc-review-page .rdc-send .icon { display: inline-block; } body.highcontrast .rdc-review-page .cancel, body[class*="theme-"] .rdc-review-page .cancel { margin-left: -3px; margin-bottom: 10px; } body.highcontrast .rdc-review-page .rdc-submit, body[class*="theme-"] .rdc-review-page .rdc-submit { margin: 10px; } body.highcontrast .rdc-review-page .div, body[class*="theme-"] .rdc-review-page .div { width: 100%; } body.highcontrast .rdc-history-item-details, body[class*="theme-"] .rdc-history-item-details { text-align: left; } body.highcontrast .approval, body[class*="theme-"] .approval { display: inline-block; } body.highcontrast .approval .white, body[class*="theme-"] .approval .white { display: inline-block; position: relative; top: 0; right: 10px; float: right; } body.highcontrast .widget-fence.vertical, body[class*="theme-"] .widget-fence.vertical { height: 100%; overflow-y: auto; } body.highcontrast .widget-fence.vertical .widget .widget-content .btn, body[class*="theme-"] .widget-fence.vertical .widget .widget-content .btn { margin-top: 11px; margin-bottom: 11px; } body.highcontrast .widget-fence.vertical .widget .widget-content .dyn-forms-submit, body[class*="theme-"] .widget-fence.vertical .widget .widget-content .dyn-forms-submit { text-align: center; } body.highcontrast .widget-fence.vertical .widget.carousel-widget .dot, body[class*="theme-"] .widget-fence.vertical .widget.carousel-widget .dot { height: 30px; } body.highcontrast .widget-fence.vertical .widget.carousel-widget .dot:after, body[class*="theme-"] .widget-fence.vertical .widget.carousel-widget .dot:after { top: 10px; } body.highcontrast .widget-fence.horizontal, body[class*="theme-"] .widget-fence.horizontal { overflow: hidden; padding: 0; position: relative; } body.highcontrast .widget-fence.horizontal.top, body[class*="theme-"] .widget-fence.horizontal.top { height: 126px; background: var(--uux-app-horizontalTopWidgetRailBg); } body.highcontrast .widget-fence.horizontal.top .widget .title, body[class*="theme-"] .widget-fence.horizontal.top .widget .title { display: none; } body.highcontrast .widget-fence.horizontal.top .widget .carousel, body[class*="theme-"] .widget-fence.horizontal.top .widget .carousel { height: 126px; } body.highcontrast .widget-fence.horizontal.top .widget.carousel-widget, body[class*="theme-"] .widget-fence.horizontal.top .widget.carousel-widget { background: 0 0; width: var(--uux-app-sidebarWidth); } body.highcontrast .widget-fence.horizontal.top .widget.carousel-widget .dot:after, body[class*="theme-"] .widget-fence.horizontal.top .widget.carousel-widget .dot:after { background-color: var(--t-base-a0); box-shadow: 0 0 1px var(--uux-theme-whiteNeutral) inset; } body.highcontrast .widget-fence.horizontal.top .widget.carousel-widget .dot.is-selected:after, body[class*="theme-"] .widget-fence.horizontal.top .widget.carousel-widget .dot.is-selected:after { background-color: var(--uux-theme-white); box-shadow: none; } body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget { display: table; background: 0 0; float: right; width: var(--uux-app-sidebarWidth); height: 126px; } body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget > div, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget > div { display: table-cell; vertical-align: middle; } body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .small-widget, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .small-widget { height: 42px; padding: 0 12px; } body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn.active, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn.btn-primary, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .item-link, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn.active, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn.btn-primary, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .item-link { transition: 0.25s background-color linear, 0.25s color linear; color: var(--uux-app-horizontalTopWidgetRailContrast); border-bottom: 1px solid var(--uux-app-horizontalTopWidgetRailBorderContrast); } body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn.active:active, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn.active:hover, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn.btn-primary:active, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn.btn-primary:hover, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn:active, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .btn:hover, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .item-link:active, body.highcontrast .widget-fence.horizontal.top .widget.stacked-widget .item-link:hover, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn.active:active, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn.active:hover, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn.btn-primary:active, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn.btn-primary:hover, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn:active, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .btn:hover, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .item-link:active, body[class*="theme-"] .widget-fence.horizontal.top .widget.stacked-widget .item-link:hover { border-bottom: 1px solid var(--uux-app-horizontalTopWidgetRailBorderContrast); } body.highcontrast .widget-fence.horizontal.top .widget .widget .btn-primary, body[class*="theme-"] .widget-fence.horizontal.top .widget .widget .btn-primary { background-color: var(--uux-app-btnDefaultBg); border-color: var(--uux-app-btnDefaultBorder); color: var(--uux-app-btnDefaultContrast); } body.highcontrast .widget-fence.horizontal.top .widget .widget .btn-primary:hover, body[class*="theme-"] .widget-fence.horizontal.top .widget .widget .btn-primary:hover { background-color: var(--uux-app-btnDefaultHoverBg); border-color: var(--uux-app-btnDefaultHoverBg); color: var(--uux-app-btnDefaultHoverContrast); } body.highcontrast .widget-fence.horizontal.top .widget .widget .btn-primary.active, body.highcontrast .widget-fence.horizontal.top .widget .widget .btn-primary:active, body[class*="theme-"] .widget-fence.horizontal.top .widget .widget .btn-primary.active, body[class*="theme-"] .widget-fence.horizontal.top .widget .widget .btn-primary:active { background-color: var(--uux-app-btnDefaultActiveBg); border-color: var(--uux-app-btnDefaultActiveBorder); color: var(--uux-app-btnDefaultActiveContrast); } body.highcontrast .widget-fence.horizontal .widget, body[class*="theme-"] .widget-fence.horizontal .widget { background: 0 0; } body.highcontrast .widget-fence.horizontal .widget.carousel-widget, body[class*="theme-"] .widget-fence.horizontal .widget.carousel-widget { background: var(--uux-app-sidebarWidgetBg); border-radius: 8px; float: left; height: 147px; margin: 0; width: 229px; } body.highcontrast .widget-fence.horizontal .widget.carousel-widget .widget, body[class*="theme-"] .widget-fence.horizontal .widget.carousel-widget .widget { height: 100%; } body.highcontrast .widget-fence.horizontal .widget .carousel, body[class*="theme-"] .widget-fence.horizontal .widget .carousel { height: 100%; padding: 0; } body.highcontrast .widget-fence.horizontal .widget .carousel .small-widget, body.highcontrast .widget-fence.horizontal .widget .carousel .widget, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .small-widget, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .widget { margin: 0; width: 100%; } body.highcontrast .widget-fence.horizontal .widget .carousel .widget-panel, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .widget-panel { display: table; width: 100%; height: 86px; padding: 12px; text-align: center; } body.highcontrast .widget-fence.horizontal .widget .carousel .widget-panel > div, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .widget-panel > div { display: table-cell; vertical-align: middle; } body.highcontrast .widget-fence.horizontal .widget .carousel .inner, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .inner { bottom: 3px; margin-top: 0; position: absolute; text-align: center; width: 100%; } body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls { position: relative; } body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls .next, body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls .previous, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls .next, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls .previous { border: 10px solid var(--uux-theme-danger); border-radius: 10px; bottom: 50px; position: absolute; } body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls .next div, body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls .previous div, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls .next div, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls .previous div { color: var(--uux-theme-whiteNeutral); font-size: 12px; font-weight: 700; left: -3px; position: absolute; top: -8px; } body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls .previous, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls .previous { left: 0; } body.highcontrast .widget-fence.horizontal .widget .carousel .carousel-controls .next, body[class*="theme-"] .widget-fence.horizontal .widget .carousel .carousel-controls .next { right: 0; } body.highcontrast .widget-fence.horizontal .widget .widget-content .divider, body[class*="theme-"] .widget-fence.horizontal .widget .widget-content .divider { display: none; } body.highcontrast .widget-fence.horizontal .small-widget, body[class*="theme-"] .widget-fence.horizontal .small-widget { float: left; width: 25%; height: 80px; } body.highcontrast .widget-fence.horizontal .small-widget:after, body.highcontrast .widget-fence.horizontal .small-widget:before, body[class*="theme-"] .widget-fence.horizontal .small-widget:after, body[class*="theme-"] .widget-fence.horizontal .small-widget:before { content: ""; display: table; line-height: 0; } body.highcontrast .widget-fence.horizontal .small-widget:after, body[class*="theme-"] .widget-fence.horizontal .small-widget:after { clear: both; } body.highcontrast .widget-fence.horizontal .dynamic-widget, body[class*="theme-"] .widget-fence.horizontal .dynamic-widget { border-radius: 8px; background-color: var(--uux-app-horizontalDynamicWidgetBg); border: 1px solid var(--uux-app-horizontalDynamicWidgetBorder); color: var(--uux-app-horizontalDynamicWidgetContrast); float: left; height: 100%; min-height: 230px; width: 100%; } body.highcontrast .widget-fence .btn-primary, body[class*="theme-"] .widget-fence .btn-primary { background-color: var(--uux-app-widgetButtonBg); border-color: var(--uux-app-widgetButtonBg); color: var(--uux-app-widgetButtonContrast); } body.highcontrast .widget-fence .btn-primary.active, body.highcontrast .widget-fence .btn-primary:active, body.highcontrast .widget-fence .btn-primary:hover, body[class*="theme-"] .widget-fence .btn-primary.active, body[class*="theme-"] .widget-fence .btn-primary:active, body[class*="theme-"] .widget-fence .btn-primary:hover { background-color: var(--uux-app-widgetButtonHoverBg); border-color: var(--uux-app-widgetButtonHoverBg); color: var(--uux-app-widgetButtonHoverContrast); } body.highcontrast .widget-fence .widget, body[class*="theme-"] .widget-fence .widget { background-color: var(--uux-app-sidebarWidgetBg); } body.highcontrast .widget-fence .widget.small-widget .ad-selection, body[class*="theme-"] .widget-fence .widget.small-widget .ad-selection { display: block; margin: 0; } body.highcontrast .widget-fence .widget.small-widget .ad-selection > .ad-image, body[class*="theme-"] .widget-fence .widget.small-widget .ad-selection > .ad-image { width: 100%; } body.highcontrast .widget-fence .widget.stacked-widget, body.highcontrast .widget-fence .widget.stacked-widget .small-widget, body[class*="theme-"] .widget-fence .widget.stacked-widget, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget { background: 0 0; width: 100%; } body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn.active, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn.active:active, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn.active:hover, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn:active, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn:hover, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .item-link, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .item-link:active, body.highcontrast .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .item-link:hover, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn.active, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn.active:active, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn.active:hover, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn:active, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .btn:hover, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .item-link, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .item-link:active, body[class*="theme-"] .widget-fence .widget.stacked-widget .small-widget:last-of-type .widget-content .widget-panel .item-link:hover { border-bottom-color: transparent; } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .title, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .title { display: none; } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel { padding: 0; text-align: left; } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link { border-radius: 0; transition: background-color 0.25s linear, color 0.25s linear; background-color: transparent; border: 0; border-bottom: 1px solid var(--uux-app-stackedSidebarWidgetBorder); box-shadow: none; text-align: left; line-height: 1.3em; padding: 12px; width: 100%; cursor: pointer; display: block; } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:active, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:focus, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:hover, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:active, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:focus, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:hover, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:active, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:focus, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:hover, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:active, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:focus, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:hover, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:active, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:focus, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:hover, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:active, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:focus, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:hover { background-color: var(--uux-app-stackedSidebarWidgetHoverBg) !important; color: var(--uux-app-stackedSidebarWidgetHoverContrast); border-bottom: 1px solid var(--uux-app-stackedSidebarWidgetBorder); } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:active .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:focus .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:hover .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:active .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:focus .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:hover .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:active .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:focus .text-muted, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:hover .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:active .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:focus .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:hover .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:active .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:focus .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:hover .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:active .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:focus .text-muted, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:hover .text-muted { color: var(--uux-app-sidebarHoverSubtext); } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:focus, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:focus, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:focus, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:focus, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:focus, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:focus { box-shadow: var(--uux-CONST_GLOBAL_FOCUS); } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:after, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:after, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:after, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active:after, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:after, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f102"; font-size: 18px; display: block; float: right; line-height: 1em; } body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active > span, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn > span, body.highcontrast .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link > span, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn.active > span, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn > span, body[class*="theme-"] .widget-fence .widget.stacked-widget .widget-content .widget-panel .item-link > span { max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .widget-fence .widget.full-ad-widget .ad-selection .lock-down, body[class*="theme-"] .widget-fence .widget.full-ad-widget .ad-selection .lock-down { width: var(--uux-app-contentWidth); } body.highcontrast .widget-fence .widget .ad-selection .lock-down, body[class*="theme-"] .widget-fence .widget .ad-selection .lock-down { height: 126px; width: var(--uux-app-contentWidth); } body.highcontrast .widget-fence .widget .ad-selection .lock-down > .ad-image, body[class*="theme-"] .widget-fence .widget .ad-selection .lock-down > .ad-image { height: 100%; width: 100%; } body.highcontrast .widget-fence .widget .title, body[class*="theme-"] .widget-fence .widget .title { display: block; padding: 15px; position: relative; white-space: nowrap; } body.highcontrast .widget-fence .widget .title .title-text, body[class*="theme-"] .widget-fence .widget .title .title-text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .widget-fence .widget .title .title-action, body[class*="theme-"] .widget-fence .widget .title .title-action { height: 24px; position: absolute; right: 12px; top: 0; width: 24px; } body.highcontrast .widget-fence .widget .title .icon-facebook-sign, body[class*="theme-"] .widget-fence .widget .title .icon-facebook-sign { font-size: 24px; color: var(--uux-CONST_FACEBOOK); float: left; margin-right: 10px; margin-top: -3px; } body.highcontrast .widget-fence .widget .title .icon-facebook-sign:before, body[class*="theme-"] .widget-fence .widget .title .icon-facebook-sign:before { margin: 0; width: 24px; height: 25px; line-height: 23px; text-indent: -6px; background-color: var(--t-base); font-size: 34px; } body.highcontrast .widget-fence .widget .widget-panel, body[class*="theme-"] .widget-fence .widget .widget-panel { padding: 6px 12px 12px; text-align: center; } body.highcontrast .widget-fence .widget .widget-panel .form-group, body.highcontrast .widget-fence .widget .widget-panel .form-group-checkbox, body.highcontrast .widget-fence .widget .widget-panel .radio-form-group, body[class*="theme-"] .widget-fence .widget .widget-panel .form-group, body[class*="theme-"] .widget-fence .widget .widget-panel .form-group-checkbox, body[class*="theme-"] .widget-fence .widget .widget-panel .radio-form-group { padding-left: 0; padding-right: 0; } body.highcontrast .widget-fence .widget .rate-list .item-wrapper, body[class*="theme-"] .widget-fence .widget .rate-list .item-wrapper { text-align: left; } body.highcontrast .widget-fence .widget .rate-list .item-wrapper .item-link .rates-list-summary, body[class*="theme-"] .widget-fence .widget .rate-list .item-wrapper .item-link .rates-list-summary { margin-left: 5px; } body.highcontrast .widget-fence .widget .feed-content, body[class*="theme-"] .widget-fence .widget .feed-content { max-height: 462px; overflow-y: auto; } body.highcontrast .widget-fence .widget .feed-content .feed-item, body[class*="theme-"] .widget-fence .widget .feed-content .feed-item { border-bottom: var(--uux-app-sidebarBorder) solid 1px; display: block; padding: 12px; position: relative; text-decoration: none; } body.highcontrast .widget-fence .widget input[type="checkbox"], body[class*="theme-"] .widget-fence .widget input[type="checkbox"] { transform: scale(1.3); padding: 0; } body.highcontrast .widget-fence .widget select, body[class*="theme-"] .widget-fence .widget select { -webkit-appearance: none; appearance: none; outline-width: 0; } body.highcontrast .widget-fence .widget span.arrow, body[class*="theme-"] .widget-fence .widget span.arrow { color: var(--uux-app-sidebarSubtextColor); font-size: 17px; position: relative; right: 35px; top: 2px; } body.highcontrast .widget-fence .widget div.dollar, body[class*="theme-"] .widget-fence .widget div.dollar { left: 9%; position: relative; top: 7px; width: 0; } body.highcontrast .widget-fence .widget label.agree_label, body[class*="theme-"] .widget-fence .widget label.agree_label { display: inline-block; margin-left: 20px; max-width: 125px; } body.highcontrast .widget-fence .widget .nohistory, body[class*="theme-"] .widget-fence .widget .nohistory { height: 50px; margin-top: 17px; text-align: center; } body.highcontrast .widget-fence .widget .tabs, body[class*="theme-"] .widget-fence .widget .tabs { margin: 0; width: 100%; } body.highcontrast .widget-fence .widget .tabs .history-items, body[class*="theme-"] .widget-fence .widget .tabs .history-items { text-align: left; } body.highcontrast .widget-fence .widget .tabs .history-items .history-item, body[class*="theme-"] .widget-fence .widget .tabs .history-items .history-item { position: relative; } body.highcontrast .widget-fence .widget .tabs .history-items .history-item .btn, body[class*="theme-"] .widget-fence .widget .tabs .history-items .history-item .btn { margin: 0; position: absolute; right: 6px; top: 7px; } body.highcontrast .widget-fence .widget .tabs .history-items .history-item .item-amt, body.highcontrast .widget-fence .widget .tabs .history-items .history-item .item-date, body[class*="theme-"] .widget-fence .widget .tabs .history-items .history-item .item-amt, body[class*="theme-"] .widget-fence .widget .tabs .history-items .history-item .item-date { right: 57px; position: relative; } body.highcontrast .widget-fence .widget .tabs .history-items .history-item .item-type, body[class*="theme-"] .widget-fence .widget .tabs .history-items .history-item .item-type { text-transform: capitalize; } body.highcontrast .smart-ad-widget + div img, body[class*="theme-"] .smart-ad-widget + div img { width: 100%; } body.highcontrast .rate-btn, body[class*="theme-"] .rate-btn { width: 225px; display: block; margin: 10px auto; white-space: normal; } body.highcontrast #news-rates-outer .breaking-news-bar:after, body.highcontrast #news-rates-outer .breaking-news-bar:before, body.highcontrast .news-rates-inner:after, body.highcontrast .news-rates-inner:before, body[class*="theme-"] #news-rates-outer .breaking-news-bar:after, body[class*="theme-"] #news-rates-outer .breaking-news-bar:before, body[class*="theme-"] .news-rates-inner:after, body[class*="theme-"] .news-rates-inner:before { content: ""; display: table; line-height: 0; } body.highcontrast .news-rates-inner:after, body[class*="theme-"] .news-rates-inner:after { clear: both; } body.highcontrast .news-rates-inner hr, body[class*="theme-"] .news-rates-inner hr { box-sizing: border-box; border: 0; clear: both; margin: 0 15px; border-bottom: 1px solid var(--uux-app-contentBorder); } body.highcontrast #news-rates-outer, body[class*="theme-"] #news-rates-outer { background-color: var(--uux-app-contentInnerBg); width: 100%; } body.highcontrast #news-rates-outer .breaking-news-bar, body[class*="theme-"] #news-rates-outer .breaking-news-bar { background-color: var(--uux-app-breakingNewsBarBg); color: var(--uux-app-breakingNewsBarContrast); font-weight: 700; } body.highcontrast #news-rates-outer .breaking-news-bar:after, body[class*="theme-"] #news-rates-outer .breaking-news-bar:after { clear: both; } body.highcontrast #news-rates-outer .breaking-news-bar .btn, body[class*="theme-"] #news-rates-outer .breaking-news-bar .btn { padding-bottom: 7px; padding-top: 7px; } body.highcontrast #news-rates-outer .next-button, body.highcontrast #news-rates-outer .previous-button, body[class*="theme-"] #news-rates-outer .next-button, body[class*="theme-"] #news-rates-outer .previous-button { color: var(--t-top-a3); } body.highcontrast #news-rates-outer .next-button.disabled, body.highcontrast #news-rates-outer .previous-button.disabled, body[class*="theme-"] #news-rates-outer .next-button.disabled, body[class*="theme-"] #news-rates-outer .previous-button.disabled { opacity: 0.5; cursor: default; } body.highcontrast #news-rates-outer .next-button:active, body.highcontrast #news-rates-outer .next-button:focus, body.highcontrast #news-rates-outer .next-button:hover, body.highcontrast #news-rates-outer .previous-button:active, body.highcontrast #news-rates-outer .previous-button:focus, body.highcontrast #news-rates-outer .previous-button:hover, body[class*="theme-"] #news-rates-outer .next-button:active, body[class*="theme-"] #news-rates-outer .next-button:focus, body[class*="theme-"] #news-rates-outer .next-button:hover, body[class*="theme-"] #news-rates-outer .previous-button:active, body[class*="theme-"] #news-rates-outer .previous-button:focus, body[class*="theme-"] #news-rates-outer .previous-button:hover { color: var(--uux-app-breakingNewsBarContrast); } body.highcontrast #news-rates-outer .previous-button, body[class*="theme-"] #news-rates-outer .previous-button { display: inline-block; float: left; } body.highcontrast #news-rates-outer .next-button, body[class*="theme-"] #news-rates-outer .next-button { text-align: right; } body.highcontrast #news-rates-outer .news-item, body[class*="theme-"] #news-rates-outer .news-item { display: inline-block; float: left; height: 256px; padding: 20px; position: relative; overflow: hidden; } body.highcontrast #news-rates-outer .news-item .image, body[class*="theme-"] #news-rates-outer .news-item .image { display: inline-block; float: left; margin-right: 14px; } body.highcontrast #news-rates-outer .news-item.wide .image, body[class*="theme-"] #news-rates-outer .news-item.wide .image { width: 50%; padding: 5%; } body.highcontrast #news-rates-outer .news-item.wide.item-1 .image, body.highcontrast #news-rates-outer .news-item.wide.item-2 .image, body[class*="theme-"] #news-rates-outer .news-item.wide.item-1 .image, body[class*="theme-"] #news-rates-outer .news-item.wide.item-2 .image { width: 90%; padding: 5%; } body.highcontrast #news-rates-outer .news-item.tall .image, body[class*="theme-"] #news-rates-outer .news-item.tall .image { height: 90%; margin-right: 7px; margin-left: 17px; } body.highcontrast #news-rates-outer .news-item.tall.item-1 .image, body.highcontrast #news-rates-outer .news-item.tall.item-2 .image, body[class*="theme-"] #news-rates-outer .news-item.tall.item-1 .image, body[class*="theme-"] #news-rates-outer .news-item.tall.item-2 .image { height: 50%; padding-left: 17px; } body.highcontrast #news-rates-outer .news-item.item-0, body.highcontrast #news-rates-outer .news-item.item-1, body[class*="theme-"] #news-rates-outer .news-item.item-0, body[class*="theme-"] #news-rates-outer .news-item.item-1 { padding-top: 0; margin-top: 15px; } body.highcontrast #news-rates-outer .news-item.item-1, body.highcontrast #news-rates-outer .news-item.item-3, body[class*="theme-"] #news-rates-outer .news-item.item-1, body[class*="theme-"] #news-rates-outer .news-item.item-3 { width: 39.9%; border-left: 1px solid var(--uux-app-contentBorder); } body.highcontrast #news-rates-outer .news-item.item-0, body.highcontrast #news-rates-outer .news-item.item-2, body[class*="theme-"] #news-rates-outer .news-item.item-0, body[class*="theme-"] #news-rates-outer .news-item.item-2 { display: inline-block; float: left; width: 59.9%; } body.highcontrast #news-rates-outer .news-item.item-2 .border, body.highcontrast #news-rates-outer .news-item.item-3 .border, body[class*="theme-"] #news-rates-outer .news-item.item-2 .border, body[class*="theme-"] #news-rates-outer .news-item.item-3 .border { background-color: var(--uux-app-contentBorder); position: absolute; top: 0; height: 1px; left: 15px; right: 15px; } body.highcontrast #news-rates-outer .more-btn-outer, body[class*="theme-"] #news-rates-outer .more-btn-outer { right: 15px; bottom: 10px; left: 15px; top: 75%; position: absolute; background: linear-gradient( to bottom, var(--t-base-a0) 0, var(--t-top-a3) 50% ); } body.highcontrast #news-rates-outer .more-btn-outer .more-btn, body[class*="theme-"] #news-rates-outer .more-btn-outer .more-btn { color: var(--uux-app-linkColor); cursor: pointer; display: block; font-size: 13px; position: absolute; bottom: 0; right: 0; } body.highcontrast #news-rates-outer .more-btn-outer .more-btn:after, body[class*="theme-"] #news-rates-outer .more-btn-outer .more-btn:after { content: "..."; color: var(--uux-app-linkColor); } body.highcontrast #news-rates-outer .backBtn, body[class*="theme-"] #news-rates-outer .backBtn { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); min-height: 44px; min-width: 44px; border-radius: 5px; cursor: pointer; display: inline-block; } body.highcontrast .article-title, body.highcontrast .headline, body[class*="theme-"] .article-title, body[class*="theme-"] .headline { color: var(--uux-app-newsHeadlineText); font-size: 18px; font-weight: 600; line-height: 1.2em; margin-bottom: 8px; } body.highcontrast .summary, body[class*="theme-"] .summary { overflow: hidden; height: auto; max-height: 200px; } body.highcontrast .article-content, body.highcontrast .summary, body[class*="theme-"] .article-content, body[class*="theme-"] .summary { color: var(--uux-app-textColor); font-size: 13px; } body.highcontrast .article-content h1, body.highcontrast .article-content h2, body.highcontrast .summary h1, body.highcontrast .summary h2, body[class*="theme-"] .article-content h1, body[class*="theme-"] .article-content h2, body[class*="theme-"] .summary h1, body[class*="theme-"] .summary h2 { font-size: 18px; break-inside: avoid; } body.highcontrast .article-content h3, body.highcontrast .article-content h4, body.highcontrast .article-content h5, body.highcontrast .article-content h6, body.highcontrast .summary h3, body.highcontrast .summary h4, body.highcontrast .summary h5, body.highcontrast .summary h6, body[class*="theme-"] .article-content h3, body[class*="theme-"] .article-content h4, body[class*="theme-"] .article-content h5, body[class*="theme-"] .article-content h6, body[class*="theme-"] .summary h3, body[class*="theme-"] .summary h4, body[class*="theme-"] .summary h5, body[class*="theme-"] .summary h6 { font-size: 16px; break-inside: avoid; } body.highcontrast .article-content li, body.highcontrast .summary li, body[class*="theme-"] .article-content li, body[class*="theme-"] .summary li { break-inside: avoid; } body.highcontrast .article-content p, body.highcontrast .summary p, body[class*="theme-"] .article-content p, body[class*="theme-"] .summary p { display: inline; } body.highcontrast .rates .rate-list .item-link:hover, body[class*="theme-"] .rates .rate-list .item-link:hover { cursor: not-allowed; } body.highcontrast .rates-fail, body[class*="theme-"] .rates-fail { font-size: 14px; margin-top: 50%; text-align: center; } body.highcontrast .main-view .content-area, body[class*="theme-"] .main-view .content-area { padding-bottom: 0; } body.highcontrast .news-article, body[class*="theme-"] .news-article { margin: 15px; } body.highcontrast .news-article img, body[class*="theme-"] .news-article img { display: block; margin-left: auto; margin-right: auto; width: 90%; } body.highcontrast.native-maps, body[class*="theme-"].native-maps { background-color: var(--uux-app-mapBg) !important; } body.highcontrast .unauthenticated #map-canvas, body[class*="theme-"] .unauthenticated #map-canvas { height: calc( 100vh - var(--uux-app-headerHeight) + 65px + var(--uux-app-unauthFooterHeight) ); } body.highcontrast #map-canvas, body[class*="theme-"] #map-canvas { --sat: env(safe-area-inset-top); --sar: env(safe-area-inset-right); --sab: env(safe-area-inset-bottom); --sal: env(safe-area-inset-left); box-sizing: content-box; height: calc(100vh - var(--uux-app-headerHeight) + 65px); } body.highcontrast .locator-sidebar .location-button, body[class*="theme-"] .locator-sidebar .location-button { animation-name: spin; animation-duration: 2.5s; animation-iteration-count: 1; animation-timing-function: ease-in-ease-out; vertical-align: top; } body.highcontrast .locator-sidebar .location-button .nav-location, body[class*="theme-"] .locator-sidebar .location-button .nav-location { background-image: url(images/navigate-b48949c22907c3638d640d83a5af8871.png); background-repeat: no-repeat; padding: 12px; background-position: center; } body.highcontrast .locator-sidebar .locator-search, body[class*="theme-"] .locator-sidebar .locator-search { display: inline-block; width: calc(100% - 50px); } body.highcontrast .locator-sidebar .locator-tabs, body[class*="theme-"] .locator-sidebar .locator-tabs { background: var(--uux-app-sidebarWidgetBg); margin-top: 0; text-align: center; width: 100%; padding-left: 5px; } body.highcontrast .locator-sidebar .locator-tabs .locator-tab, body[class*="theme-"] .locator-sidebar .locator-tabs .locator-tab { border: 1px solid var(--uux-app-sidebarTabsBorder) !important; color: var(--uux-app-sidebarTabsUnselectedContrast); display: inline-block !important; font-size: 11px; font-weight: 700; text-transform: uppercase; margin: 4px 0 4px -5px; padding: 10px 20px; width: 45%; } body.highcontrast .locator-sidebar .locator-tabs .locator-tab:first-of-type, body[class*="theme-"] .locator-sidebar .locator-tabs .locator-tab:first-of-type { background-color: var(--uux-app-sidebarTabsSelected); color: var(--uux-app-sidebarTabsSelectedContrast); border-radius: 10px 0 0 10px !important; } body.highcontrast .locator-sidebar .locator-tabs .locator-tab:nth-of-type(2), body[class*="theme-"] .locator-sidebar .locator-tabs .locator-tab:nth-of-type(2) { background-color: var(--uux-app-sidebarTabsUnselected) !important; color: var(--uux-app-sidebarTabsUnselectedContrast); border-radius: 0 10px 10px 0 !important; } body.highcontrast .locator-sidebar .locator-tabs.ATM .locator-tab:first-of-type, body[class*="theme-"] .locator-sidebar .locator-tabs.ATM .locator-tab:first-of-type { background-color: var(--uux-app-sidebarTabsUnselected) !important; color: var(--uux-app-sidebarTabsUnselectedContrast); } body.highcontrast .locator-sidebar .locator-tabs.ATM .locator-tab:nth-of-type(2), body[class*="theme-"] .locator-sidebar .locator-tabs.ATM .locator-tab:nth-of-type(2) { background-color: var(--uux-app-sidebarTabsSelected); color: var(--uux-app-sidebarTabsSelectedContrast); } body.highcontrast .locator-sidebar .locator-list, body[class*="theme-"] .locator-sidebar .locator-list { overflow-y: auto; } @media screen and (min-width: 1400px) { body.highcontrast #map-canvas, body[class*="theme-"] #map-canvas { height: 700px; } body.highcontrast .locator-sidebar .locator-list, body[class*="theme-"] .locator-sidebar .locator-list { max-height: 600px; } } body.highcontrast .locator-sidebar .locator-list h2, body[class*="theme-"] .locator-sidebar .locator-list h2 { text-align: center; font-size: medium; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder { background: var(--uux-app-sidebarBg) !important; border-bottom: 1px solid var(--t-top-a1) !important; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder.depressed, body.highcontrast .locator-sidebar .locator-list .location-list-item-holder.is-selected, body.highcontrast .locator-sidebar .locator-list .location-list-item-holder:active, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder.depressed, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder.is-selected, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder:active { background: var(--uux-app-sidebarMenuItemActiveBg) !important; color: var(--uux-app-sidebarMenuItemActiveContrast) !important; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .item-link, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .item-link { border: 0; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item { font-size: 11px; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item div, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item div.location-list-address, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item div.location-list-address { overflow: visible; white-space: normal; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item .location-list-title, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item .location-list-title { font-weight: 700; font-size: 13px; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item.atm .icon, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item.atm .icon { background-image: url(images/locator-atm-107ab30fc4390462aee66ad179f3e37d.png); background-repeat: no-repeat; height: 41px; width: 31px; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item.branch .icon, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item.branch .icon { background-image: url(images/locator-branch-04355ac1710193d580cf835bfc9cbc11.png); background-repeat: no-repeat; height: 40px; width: 30px; } body.highcontrast .locator-sidebar .locator-list .location-list-item-holder .location-list-item .icon, body[class*="theme-"] .locator-sidebar .locator-list .location-list-item-holder .location-list-item .icon { display: inline-block; float: left; margin: 7px 10px 10px 0; } body.highcontrast .info-box, body[class*="theme-"] .info-box { color: var(--uux-app-textColor); font-family: var(--uux-app-fontFamily); font-size: 14px; line-height: 1.428571429; } body.highcontrast .info-box.web, body[class*="theme-"] .info-box.web { width: 300px; } body.highcontrast .info-box img, body[class*="theme-"] .info-box img { top: -152px; z-index: 50; left: -60px; position: absolute !important; } body.highcontrast .info-box .pop-over-title, body[class*="theme-"] .info-box .pop-over-title { box-sizing: border-box; height: 49px; text-align: start; padding-left: 17px; padding-top: 4px; } body.highcontrast .info-box .pop-over-title .icon, body[class*="theme-"] .info-box .pop-over-title .icon { display: inline-block; float: left; } body.highcontrast .info-box .pop-over-title .title, body[class*="theme-"] .info-box .pop-over-title .title { display: inline-block; float: left; font-size: large; line-height: 1.2em; padding: 2px 0 0 20px; width: 75%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .info-box .location-overlay.atm .pop-over-title .icon, body[class*="theme-"] .info-box .location-overlay.atm .pop-over-title .icon { background-image: url(images/locator-atm-107ab30fc4390462aee66ad179f3e37d.png); background-repeat: no-repeat; height: 41px; width: 31px; } body.highcontrast .info-box .location-overlay.branch .pop-over-title .icon, body[class*="theme-"] .info-box .location-overlay.branch .pop-over-title .icon { background-image: url(images/locator-branch-04355ac1710193d580cf835bfc9cbc11.png); background-repeat: no-repeat; height: 40px; width: 30px; } body.highcontrast .info-box .location-overlay.drill-down, body.highcontrast .info-box .location-overlay.pop-over, body[class*="theme-"] .info-box .location-overlay.drill-down, body[class*="theme-"] .info-box .location-overlay.pop-over { display: block; } body.highcontrast .info-box .location-overlay.drill-down.web, body.highcontrast .info-box .location-overlay.pop-over.web, body[class*="theme-"] .info-box .location-overlay.drill-down.web, body[class*="theme-"] .info-box .location-overlay.pop-over.web { top: -160px; left: -200px; } body.highcontrast .info-box .location-overlay.drill-down.native-maps, body.highcontrast .info-box .location-overlay.pop-over.native-maps, body[class*="theme-"] .info-box .location-overlay.drill-down.native-maps, body[class*="theme-"] .info-box .location-overlay.pop-over.native-maps { position: relative; border: 0; border-radius: 0; width: auto; margin: 0; } body.highcontrast .info-box .location-overlay.drill-down.native-maps .arrow-right, body.highcontrast .info-box .location-overlay.drill-down.native-maps .arrow-right-border, body.highcontrast .info-box .location-overlay.drill-down.native-maps .arrow-right-outline, body.highcontrast .info-box .location-overlay.pop-over.native-maps .arrow-right, body.highcontrast .info-box .location-overlay.pop-over.native-maps .arrow-right-border, body.highcontrast .info-box .location-overlay.pop-over.native-maps .arrow-right-outline, body[class*="theme-"] .info-box .location-overlay.drill-down.native-maps .arrow-right, body[class*="theme-"] .info-box .location-overlay.drill-down.native-maps .arrow-right-border, body[class*="theme-"] .info-box .location-overlay.drill-down.native-maps .arrow-right-outline, body[class*="theme-"] .info-box .location-overlay.pop-over.native-maps .arrow-right, body[class*="theme-"] .info-box .location-overlay.pop-over.native-maps .arrow-right-border, body[class*="theme-"] .info-box .location-overlay.pop-over.native-maps .arrow-right-outline { display: none; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content.native-maps, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content.native-maps, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content.native-maps, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content.native-maps { background-color: var(--uux-app-mapBg); background-image: none; border-radius: 0; border-top: 0; box-shadow: none; padding: 0; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content.native-maps .pop-over-title, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content.native-maps .pop-over-title, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content.native-maps .pop-over-title, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content.native-maps .pop-over-title { background-color: var(--uux-app-mapBg); } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content.native-maps .pop-over-body, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content.native-maps .pop-over-body, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content.native-maps .pop-over-body, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content.native-maps .pop-over-body { border-radius: 0; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content.native-maps .location-directions, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content.native-maps .location-directions, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content.native-maps .location-directions, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content.native-maps .location-directions { margin: 20px 0; text-align: center; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-arrow, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-arrow, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-arrow, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-arrow { position: absolute; left: 379px; top: 110px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent var(--uux-app-mapBg); } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .arrow-right, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .arrow-right, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .arrow-right, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .arrow-right { top: 108px; z-index: 110; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .arrow-right-border, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .arrow-right-border, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .arrow-right-border, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .arrow-right-border { top: 109px; border-color: transparent transparent transparent #757982; z-index: 109; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .arrow-right-outline, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .arrow-right-outline, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .arrow-right-outline, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .arrow-right-outline { z-index: 108; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body { height: auto; padding: 0; overflow-y: hidden; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body div, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body div, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body div, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body div { text-overflow: ellipsis; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body ul, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body ul, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body ul, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body ul { margin-left: 40px; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .label-panel, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .label-panel, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .label-panel, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .label-panel { background: linear-gradient( to bottom, var(--uux-app-contentBgLightened) 0, var(--uux-app-contentBgLightened) 56%, var(--uux-app-contentBgLightened) 57%, var(--uux-app-contentBg) 100% ); border-top: 1px solid var(--uux-app-contentBg); border-bottom: 1px solid var(--uux-app-contentBorder); box-shadow: 0 1px 0 var(--t-base-a3) inset; color: var(--uux-app-textColor); font-weight: 600; letter-spacing: 0.05em; padding: 7px 15px; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-phone, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-phone, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-phone, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-phone { font-size: 12px; font-weight: 600; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel { background-color: var(--uux-app-contentBg); border-radius: 6px; box-shadow: inset 1px 1px 1px var(--t-gray11); display: flex; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address-label, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address-label, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address-label, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address-label { font-size: 14px; flex: 1; text-align: right; padding-right: 10px; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address { flex: 2; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address .line-one, body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address .line-two, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address .line-one, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address .line-two, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address .line-one, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-address-panel .location-address .line-two, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address .line-one, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-address-panel .location-address .line-two { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-directions .btn, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-directions .btn, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .location-directions .btn, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .location-directions .btn { display: inline-block; font-weight: 600; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table { width: 100%; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table td, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table td, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table td, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table td { font-size: 10px; border: 1px solid var(--uux-app-contentBorder); border-top: 0; font-weight: 500; padding: 3px 5px; text-align: center; vertical-align: middle; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table td.day-closed, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table td.day-closed, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table td.day-closed, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table td.day-closed { background: var(--uux-app-contentBg); } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table .day-label, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table .day-label, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .pop-over-body .hours-table .day-label, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .pop-over-body .hours-table .day-label { color: var(--uux-app-strongTextColor); padding: 4px 0; text-transform: uppercase; } body.highcontrast .info-box .location-overlay.drill-down .pop-over-content .hours-plain-text, body.highcontrast .info-box .location-overlay.pop-over .pop-over-content .hours-plain-text, body[class*="theme-"] .info-box .location-overlay.drill-down .pop-over-content .hours-plain-text, body[class*="theme-"] .info-box .location-overlay.pop-over .pop-over-content .hours-plain-text { font-weight: 700; padding: 5px 15px; white-space: normal !important; } body.highcontrast .info-box .location-overlay.drill-down.native-maps .pop-over-content .pop-over-title, body[class*="theme-"] .info-box .location-overlay.drill-down.native-maps .pop-over-content .pop-over-title { background-color: var(--uux-app-contentBg); } body.highcontrast .info-box .location-overlay.drill-down .location-address-panel.phone, body[class*="theme-"] .info-box .location-overlay.drill-down .location-address-panel.phone { border-radius: 0 !important; height: auto !important; } body.highcontrast .info-box .location-overlay .services-wrapper, body[class*="theme-"] .info-box .location-overlay .services-wrapper { padding: 10px; white-space: normal !important; } body.highcontrast .pop-over, body[class*="theme-"] .pop-over { display: none; position: absolute; width: 380px; margin: 0 -218px; z-index: 40; border: 1px solid var(--t-top-a2); border-radius: 11px; } body.highcontrast .pop-over .pop-over-content, body[class*="theme-"] .pop-over .pop-over-content { border-radius: 10px; position: relative; background: linear-gradient( 180deg, var(--uux-app-mapBgGradientStart) 0, var(--uux-app-mapBg) 15%, var(--uux-app-mapBg) 100% ); box-shadow: 0 10px 30px var(--uux-app-mapBgShadow), inset 1px 1px 0 #878a96; padding: 7px; } body.highcontrast .pop-over .pop-over-content .pop-over-title, body[class*="theme-"] .pop-over .pop-over-content .pop-over-title { color: var(--t-base); display: block; font-size: 18px; font-weight: 700; padding-bottom: 5px; text-align: center; text-shadow: -1px -1px 0 var(--t-top-a2); } body.highcontrast .pop-over .pop-over-body, body[class*="theme-"] .pop-over .pop-over-body { border-radius: 7px; background: var(--t-base); box-shadow: inset 1px 1px 2px 0 var(--t-top-a1); overflow-y: scroll; } body.highcontrast .pop-over .arrow, body[class*="theme-"] .pop-over .arrow { position: absolute; left: 60px; bottom: -10px; width: 25px; height: 17px; overflow: hidden; } body.highcontrast .pop-over .arrow span, body[class*="theme-"] .pop-over .arrow span { display: block; width: 14px; height: 14px; background: red; transform: rotate(-135deg) skew(-10deg, -10deg); margin: 1px 0 0 4px; background-color: var(--uux-app-mapBg); border-left: 1px solid var(--t-gray1); border-top: 1px solid var(--t-gray1); box-shadow: inset 1px 1px 1px 0 var(--t-base-a2); } body.highcontrast .onoffswitch, body[class*="theme-"] .onoffswitch { position: relative; width: 100px; -webkit-user-select: none; user-select: none; } body.highcontrast .onoffswitch-checkbox, body[class*="theme-"] .onoffswitch-checkbox { display: none; } body.highcontrast .onoffswitch-label, body[class*="theme-"] .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 0 solid var(--t-gray9); border-radius: 0; } body.highcontrast .onoffswitch-inner, body[class*="theme-"] .onoffswitch-inner { width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } body.highcontrast .onoffswitch-inner > div, body[class*="theme-"] .onoffswitch-inner > div { float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: var(--t-base); font-family: var(--uux-app-fontFamily); font-weight: 700; } body.highcontrast .onoffswitch-inner .onoffswitch-active, body[class*="theme-"] .onoffswitch-inner .onoffswitch-active { padding-left: 15px; background-color: var(--t-gray11); color: var(--t-base); } body.highcontrast .onoffswitch-inner .onoffswitch-inactive, body[class*="theme-"] .onoffswitch-inner .onoffswitch-inactive { padding-right: 15px; background-color: var(--t-gray11); color: var(--t-base); text-align: right; } body.highcontrast .onoffswitch-switch, body[class*="theme-"] .onoffswitch-switch { width: 40px; margin: 0; text-align: center; border: 0 solid var(--t-gray9); border-radius: 0; position: absolute; top: 0; bottom: 0; } body.highcontrast .onoffswitch-active .onoffswitch-switch, body[class*="theme-"] .onoffswitch-active .onoffswitch-switch { background: var(--uux-app-btnPrimaryBg); left: 0; } body.highcontrast .onoffswitch-inactive .onoffswitch-switch, body[class*="theme-"] .onoffswitch-inactive .onoffswitch-switch { background: var(--t-gray9); right: 0; } body.highcontrast .onoffswitch-active .onoffswitch-switch:before, body[class*="theme-"] .onoffswitch-active .onoffswitch-switch:before { content: " "; position: absolute; top: 0; left: 40px; border-style: solid; border-color: var(--uux-app-btnPrimaryBg) transparent transparent var(--uux-app-btnPrimaryBg); border-width: 15px 10px; } body.highcontrast .onoffswitch-inactive .onoffswitch-switch:before, body[class*="theme-"] .onoffswitch-inactive .onoffswitch-switch:before { content: " "; position: absolute; top: 0; right: 40px; border-style: solid; border-color: transparent var(--t-gray9) var(--t-gray9) transparent; border-width: 15px 10px; } body.highcontrast .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, body[class*="theme-"] .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } body.highcontrast .settings-showing .pop-over, body[class*="theme-"] .settings-showing .pop-over { display: block; } body.highcontrast .kitchen-sink, body[class*="theme-"] .kitchen-sink { padding: 10px; } body.highcontrast .kitchen-sink .sidebar, body[class*="theme-"] .kitchen-sink .sidebar { display: none; } body.highcontrast .kitchen-sink h1, body[class*="theme-"] .kitchen-sink h1 { font-size: 24px; margin: 0 0 10px; color: var(--uux-app-textColor); } body.highcontrast .kitchen-sink .example, body[class*="theme-"] .kitchen-sink .example { border-radius: 8px; border: 1px solid var(--t-gray1); padding: 5px 10px; margin: 10px; width: 27%; height: 90px; float: left; text-align: center; background: var(--t-gray12); } body.highcontrast ul.segmented-control, body.highcontrast ul.segmented-control li:hover, body[class*="theme-"] ul.segmented-control, body[class*="theme-"] ul.segmented-control li:hover { background: var(--uux-app-pilltabUnselectedBg); color: var(--uux-app-pilltabUnselectedContrast); } body.highcontrast .kitchen-sink .example h2, body[class*="theme-"] .kitchen-sink .example h2 { font-size: 12px; line-height: 12px; margin: 0 0 20px; } body.highcontrast .kitchen-sink .example.large, body[class*="theme-"] .kitchen-sink .example.large { width: 46%; height: auto; } body.highcontrast ul.segmented-control, body[class*="theme-"] ul.segmented-control { border-radius: 8px; line-height: 30px; display: inline-block; padding-left: 0; margin: 0; } body.highcontrast .list-multi-selection:after, body.highcontrast .list-multi-selection:before, body.highcontrast ul.segmented-control:after, body.highcontrast ul.segmented-control:before, body[class*="theme-"] .list-multi-selection:after, body[class*="theme-"] .list-multi-selection:before, body[class*="theme-"] ul.segmented-control:after, body[class*="theme-"] ul.segmented-control:before { display: table; line-height: 0; content: ""; } body.highcontrast ul.segmented-control:after, body[class*="theme-"] ul.segmented-control:after { clear: both; } body.highcontrast ul.segmented-control li, body[class*="theme-"] ul.segmented-control li { border: 1px solid var(--uux-app-pilltabBorder); list-style: none; float: left; text-align: center; padding: 5px 10px; cursor: pointer; } body.highcontrast ul.segmented-control li:first-of-type, body[class*="theme-"] ul.segmented-control li:first-of-type { border-radius: 8px 0 0 8px; } body.highcontrast ul.segmented-control li:last-of-type, body[class*="theme-"] ul.segmented-control li:last-of-type { border-radius: 0 8px 8px 0; border: none; } body.highcontrast ul.segmented-control li.active, body.highcontrast ul.segmented-control li.active:hover, body[class*="theme-"] ul.segmented-control li.active, body[class*="theme-"] ul.segmented-control li.active:hover { background: var(--uux-app-pilltabSelectionBg); color: var(--uux-app-pilltabSelectionContrast); } body.highcontrast .das-selektor, body[class*="theme-"] .das-selektor { width: 90%; margin: 0 auto; } body.highcontrast .das-selektor .favorite:hover, body[class*="theme-"] .das-selektor .favorite:hover { color: var(--uux-theme-danger); cursor: pointer; } body.highcontrast .das-selektor hr, body[class*="theme-"] .das-selektor hr { margin: 5px 0; } body.highcontrast .das-selektor h5, body[class*="theme-"] .das-selektor h5 { text-align: left; margin-bottom: 5px; } body.highcontrast .das-selektor .das-group, body.highcontrast .das-selektor .das-item, body[class*="theme-"] .das-selektor .das-group, body[class*="theme-"] .das-selektor .das-item { background: var(--uux-app-btnDefaultBg); color: var(--uux-app-btnDefaultContrast); border: 1px solid var(--uux-app-btnDefaultBorder); padding: 5px 10px; margin: 10px 0; text-align: left; } body.highcontrast .das-selektor .das-group:hover, body.highcontrast .das-selektor .das-item:hover, body[class*="theme-"] .das-selektor .das-group:hover, body[class*="theme-"] .das-selektor .das-item:hover { cursor: pointer; color: var(--uux-app-btnDefaultHoverContrast); background: var(--uux-app-btnDefaultHoverBg); border: 1px solid var(--uux-app-btnDefaultHoverBorder); } body.highcontrast .das-selektor .das-group.ellipsize, body.highcontrast .das-selektor .das-item.ellipsize, body[class*="theme-"] .das-selektor .das-group.ellipsize, body[class*="theme-"] .das-selektor .das-item.ellipsize { max-width: 100% !important; } body.highcontrast .das-selektor .das-group .flair, body.highcontrast .das-selektor .das-item .flair, body[class*="theme-"] .das-selektor .das-group .flair, body[class*="theme-"] .das-selektor .das-item .flair { float: left; font-size: 32px; margin-right: 20px; } body.highcontrast .das-selektor .das-group.included, body.highcontrast .das-selektor .das-group.selected, body.highcontrast .das-selektor .das-item.included, body.highcontrast .das-selektor .das-item.selected, body[class*="theme-"] .das-selektor .das-group.included, body[class*="theme-"] .das-selektor .das-group.selected, body[class*="theme-"] .das-selektor .das-item.included, body[class*="theme-"] .das-selektor .das-item.selected { font-style: bold; color: var(--uux-app-btnDefaultActiveContrast); background: var(--uux-app-btnDefaultActiveBg); border: 1px solid var(--uux-app-btnDefaultActiveBorder); } body.highcontrast .das-selektor .das-group.related, body.highcontrast .das-selektor .das-item.related, body[class*="theme-"] .das-selektor .das-group.related, body[class*="theme-"] .das-selektor .das-item.related { border: 1px dashed var(--uux-app-btnDefaultContrast); font-weight: 700; } body.highcontrast .das-selektor .das-group .icon-edit, body.highcontrast .das-selektor .das-item .icon-edit, body[class*="theme-"] .das-selektor .das-group .icon-edit, body[class*="theme-"] .das-selektor .das-item .icon-edit { margin: 4px; } body.highcontrast .das-group.edit, body.highcontrast .das-group.edit.selected, body[class*="theme-"] .das-group.edit, body[class*="theme-"] .das-group.edit.selected { margin: 0 auto; color: transparent; border: none; } body.highcontrast .das-group.edit, body.highcontrast .das-group.edit.selected, body.highcontrast .das-group.edit.selected:hover, body.highcontrast .das-group.edit:hover, body[class*="theme-"] .das-group.edit, body[class*="theme-"] .das-group.edit.selected, body[class*="theme-"] .das-group.edit.selected:hover, body[class*="theme-"] .das-group.edit:hover { background: 0 0; } body.highcontrast .das-group.edit input[type="text"], body.highcontrast .das-group.edit.selected input[type="text"], body[class*="theme-"] .das-group.edit input[type="text"], body[class*="theme-"] .das-group.edit.selected input[type="text"] { width: 50%; margin: 0; } body.highcontrast .das-group.edit .btn, body.highcontrast .das-group.edit.selected .btn, body[class*="theme-"] .das-group.edit .btn, body[class*="theme-"] .das-group.edit.selected .btn { margin-left: 10px; } body.highcontrast .list-multi-selection, body[class*="theme-"] .list-multi-selection { padding: 5px 10px; margin: auto; border: 1px solid var(--uux-app-contentBorder); border-radius: 10px; } body.highcontrast .list-multi-selection:after, body[class*="theme-"] .list-multi-selection:after { clear: both; } body.highcontrast .list-multi-selection .actions, body[class*="theme-"] .list-multi-selection .actions { text-align: center; padding: 5px; } body.highcontrast .list-multi-selection :focus, body[class*="theme-"] .list-multi-selection :focus { outline: 0; } body.highcontrast .list-multi-selection ::-moz-focus-inner, body[class*="theme-"] .list-multi-selection ::-moz-focus-inner { border: 0; } body.highcontrast .free-form, body[class*="theme-"] .free-form { padding: 0 8px; } body.highcontrast .free-form .row, body[class*="theme-"] .free-form .row { margin: 0; } body.highcontrast .free-form .expandableButton, body[class*="theme-"] .free-form .expandableButton { padding: 0; } body.highcontrast .free-form .expandableButton:focus, body[class*="theme-"] .free-form .expandableButton:focus { background-color: var(--uux-app-expandableBtnBg); color: var(--uux-app-expandableBtnBgContrast); } body.highcontrast .free-form .fi-lookup .search-select-input, body[class*="theme-"] .free-form .fi-lookup .search-select-input { overflow-y: hidden; } body.highcontrast .free-form .recipient-bene-inst, body[class*="theme-"] .free-form .recipient-bene-inst { position: absolute; margin-top: 22px; left: 290px; } body.highcontrast .free-form .recipient-receiving-fi, body[class*="theme-"] .free-form .recipient-receiving-fi { position: absolute; margin-top: 22px; left: 138px; } body.highcontrast .free-form .recipient-intermediary-fi, body[class*="theme-"] .free-form .recipient-intermediary-fi { position: absolute; margin-top: 22px; left: 225px; } body.highcontrast .free-form .currency-input, body[class*="theme-"] .free-form .currency-input { margin: 0 7px 7px; } body.highcontrast .pdf-accept-field, body[class*="theme-"] .pdf-accept-field { width: 100%; border-radius: 3px; margin-left: 10px; } body.highcontrast .pdf-inline-error, body[class*="theme-"] .pdf-inline-error { width: 100%; height: 40px; text-align: center; line-height: 40px; background-color: var(--uux-CONST_STOPLIGHT_ALERT); color: var(--t-base); font-size: 12px; vertical-align: middle; border-radius: 0 0 3px 3px; margin-left: 10px; } body.highcontrast .send-check q2-calendar, body.highcontrast .send-check q2-checkbox, body.highcontrast .send-check q2-input, body.highcontrast .send-check q2-select, body[class*="theme-"] .send-check q2-calendar, body[class*="theme-"] .send-check q2-checkbox, body[class*="theme-"] .send-check q2-input, body[class*="theme-"] .send-check q2-select { margin: 20px 0 0; } body.highcontrast .send-check .enter-recipient, body[class*="theme-"] .send-check .enter-recipient { display: flex; } body.highcontrast .send-check .enter-recipient q2-input, body[class*="theme-"] .send-check .enter-recipient q2-input { flex-basis: 100%; } body.highcontrast .send-check .enter-recipient q2-btn, body[class*="theme-"] .send-check .enter-recipient q2-btn { margin-top: 45px; margin-left: 10px; } body.highcontrast .statement-title, body[class*="theme-"] .statement-title { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } body.highcontrast .downloading-statement-indicator, body[class*="theme-"] .downloading-statement-indicator { display: flex; justify-content: center; } body.highcontrast .downloading-statement-indicator q2-loading, body[class*="theme-"] .downloading-statement-indicator q2-loading { display: inline-block; } body.highcontrast .user-management-actions, body[class*="theme-"] .user-management-actions { display: flex; justify-content: flex-end; flex-wrap: nowrap; } body.highcontrast .user-management-actions .action-spacer, body[class*="theme-"] .user-management-actions .action-spacer { flex-grow: 4; } body.highcontrast .user-management-datatable, body[class*="theme-"] .user-management-datatable { background: var(--uux-theme-white); } body.highcontrast .user-management-datatable .table tbody > tr > td.display-name, body[class*="theme-"] .user-management-datatable .table tbody > tr > td.display-name { border-left: 6px solid var(--uux-app-datatableSuccessBarColor) !important; color: var(--uux-app-datatableSuccessBarColor); font-weight: 700; } body.highcontrast .user-management-datatable .table tbody > tr.inactive > td.display-name, body[class*="theme-"] .user-management-datatable .table tbody > tr.inactive > td.display-name { border-left-color: var(--uux-app-datatableInactiveBarColor) !important; color: var(--uux-app-datatableInactiveBarColor); } body.highcontrast .user-management-datatable .table tbody > tr.user-disabled > td.display-name, body[class*="theme-"] .user-management-datatable .table tbody > tr.user-disabled > td.display-name { border-left-color: var(--uux-app-datatableDangerBarColor) !important; color: var(--uux-app-datatableDangerBarColor); } body.highcontrast .user-management-datatable .table tbody > tr.pending > td.display-name, body[class*="theme-"] .user-management-datatable .table tbody > tr.pending > td.display-name { border-left-color: var(--uux-app-datatableWarningBarColor) !important; color: var(--uux-app-datatableWarningBarColor); } body.highcontrast .user-details .shift-right, body[class*="theme-"] .user-details .shift-right { padding-left: 7px; } body.highcontrast .user-details .user-status, body[class*="theme-"] .user-details .user-status { background-color: var(--uux-CONST_GRAY_L3); margin: 0 -22px 15px; padding: 10px 0; } body.highcontrast .user-details .user-status .form-group, body[class*="theme-"] .user-details .user-status .form-group { max-width: 30%; margin-left: 7px; } body.highcontrast .user-details .user-status .form-group .edit-status, body[class*="theme-"] .user-details .user-status .form-group .edit-status { position: relative; } body.highcontrast .user-details .user-status-buttons, body[class*="theme-"] .user-details .user-status-buttons { padding-bottom: 15px; } body.highcontrast .user-details .user-info h2, body[class*="theme-"] .user-details .user-info h2 { margin-left: -5px; } body.highcontrast .user-details .user-info .personal-details, body.highcontrast .user-details .user-info q2-input, body.highcontrast .user-details .user-info q2-select, body[class*="theme-"] .user-details .user-info .personal-details, body[class*="theme-"] .user-details .user-info q2-input, body[class*="theme-"] .user-details .user-info q2-select { margin-top: 0; } body.highcontrast .user-buttons, body.highcontrast .user-details .user-role .manage-user-roles, body[class*="theme-"] .user-buttons, body[class*="theme-"] .user-details .user-role .manage-user-roles { margin-top: 25px; } body.highcontrast .user-details .user-info .user-role-dropdown, body[class*="theme-"] .user-details .user-info .user-role-dropdown { margin-bottom: 30px; } @media screen and (max-width: 767px) { body.highcontrast .user-details .user-status .form-group, body[class*="theme-"] .user-details .user-status .form-group { max-width: none; } body.highcontrast .user-details .user-role .manage-user-roles, body[class*="theme-"] .user-details .user-role .manage-user-roles { position: relative; right: 20px; } body.highcontrast .user-buttons .btn, body[class*="theme-"] .user-buttons .btn { width: 100%; margin-bottom: 10px; margin-left: 10px; } body.highcontrast .user-buttons .btn + .btn[class*="pull-right"], body[class*="theme-"] .user-buttons .btn + .btn[class*="pull-right"] { margin-right: 0; } } body.highcontrast .over-panel .overpanel-content .overpanel-content-fetchbox, body[class*="theme-"] .over-panel .overpanel-content .overpanel-content-fetchbox { transition: height 180ms ease-in-out; background-image: none; min-height: 300px; } body.highcontrast .over-panel .overpanel-content .overpanel-content-fetchbox .overpanel-content-fetchbox-target, body[class*="theme-"] .over-panel .overpanel-content .overpanel-content-fetchbox .overpanel-content-fetchbox-target { transition: opacity 150ms ease-in-out; opacity: 1; display: block; } body.highcontrast .over-panel .overpanel-content .overpanel-content-fetchbox div.overpanel-spacer, body[class*="theme-"] .over-panel .overpanel-content .overpanel-content-fetchbox div.overpanel-spacer { transition: opacity 250ms ease-in; opacity: 0; display: none; } body.highcontrast .over-panel .overpanel-content .overpanel-content-fetchbox.is-loading .overpanel-content-fetchbox-target, body[class*="theme-"] .over-panel .overpanel-content .overpanel-content-fetchbox.is-loading .overpanel-content-fetchbox-target { opacity: 0; display: none; } body.highcontrast .over-panel .overpanel-content .overpanel-content-fetchbox.is-loading div.spinner, body[class*="theme-"] .over-panel .overpanel-content .overpanel-content-fetchbox.is-loading div.spinner { opacity: 1; } body.highcontrast .over-panel .overpanel-content .overpanel-content-fetchbox.is-loading div.overpanel-spacer, body[class*="theme-"] .over-panel .overpanel-content .overpanel-content-fetchbox.is-loading div.overpanel-spacer { opacity: 1; display: block; } body.highcontrast .over-panel .overpanel-content .has-error .form-group, body[class*="theme-"] .over-panel .overpanel-content .has-error .form-group { position: relative; } body.highcontrast .over-panel .overpanel-content .has-error .form-group:after, body[class*="theme-"] .over-panel .overpanel-content .has-error .form-group:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f1af"; color: var(--uux-theme-dangerText); font-size: 24px; position: absolute; bottom: 15px; right: 12px; } body.highcontrast .fi-lookup-refined-search .search-fields, body[class*="theme-"] .fi-lookup-refined-search .search-fields { display: flex; flex-direction: row; align-content: space-between; justify-content: center; padding: 0 10px; } @media screen and (max-width: 767px) { body.highcontrast .fi-lookup-refined-search .search-fields, body[class*="theme-"] .fi-lookup-refined-search .search-fields { flex-direction: column; justify-content: auto; padding: 0 3px 5px; } } body.highcontrast .fi-lookup-refined-search .search-fields .fi-search, body[class*="theme-"] .fi-lookup-refined-search .search-fields .fi-search { flex-grow: 2; } body.highcontrast .fi-lookup-refined-search .search-fields .state-search, body[class*="theme-"] .fi-lookup-refined-search .search-fields .state-search { max-width: 240px; } body.highcontrast .fi-lookup-refined-search .search-fields .search-btn, body[class*="theme-"] .fi-lookup-refined-search .search-fields .search-btn { margin: 25px 0; } @media screen and (max-width: 767px) { body.highcontrast .fi-lookup-refined-search .search-fields .fi-search, body[class*="theme-"] .fi-lookup-refined-search .search-fields .fi-search { flex-grow: auto; } body.highcontrast .fi-lookup-refined-search .search-fields .state-search, body[class*="theme-"] .fi-lookup-refined-search .search-fields .state-search { max-width: none; } body.highcontrast .fi-lookup-refined-search .search-fields .search-btn, body[class*="theme-"] .fi-lookup-refined-search .search-fields .search-btn { margin: 10px 7px; } } body.highcontrast .fi-lookup-refined-search .fi-name, body[class*="theme-"] .fi-lookup-refined-search .fi-name { font-weight: 300; } body.highcontrast .fi-lookup-refined-search .fi-name-max, body[class*="theme-"] .fi-lookup-refined-search .fi-name-max { max-width: 240px; white-space: unset; } body.highcontrast .over-panel .overpanel-content.dts-overpanel, body[class*="theme-"] .over-panel .overpanel-content.dts-overpanel { display: block; } body.highcontrast .over-panel .overpanel-content .spinner-label, body[class*="theme-"] .over-panel .overpanel-content .spinner-label { position: absolute; left: 0; top: 58%; right: 0; z-index: 290; } body.highcontrast .over-panel .overpanel-iframe-container, body[class*="theme-"] .over-panel .overpanel-iframe-container { display: flex; flex: 1; flex-direction: row; } body.highcontrast .over-panel .overpanel-iframe-container.available-tabs, body[class*="theme-"] .over-panel .overpanel-iframe-container.available-tabs { padding: 0; outline: solid 1px; outline-offset: -1px; outline-color: var(--uux-app-overpanelIframeBorderColor); overflow: hidden; } @media screen and (min-width: 768px) { body.highcontrast .over-panel .overpanel-iframe-container.available-tabs #overpanelIFrame, body[class*="theme-"] .over-panel .overpanel-iframe-container.available-tabs #overpanelIFrame { min-height: 550px; } } body.highcontrast .over-panel .overpanel-iframe-container #overpanelIFrame, body[class*="theme-"] .over-panel .overpanel-iframe-container #overpanelIFrame { display: flex; flex: 1; z-index: 1; border: 0; outline: 0; margin: 0; min-height: 100%; min-width: 320px; } body.highcontrast .over-panel .overpanel-iframe-loading, body[class*="theme-"] .over-panel .overpanel-iframe-loading { color: var(--uux-app-overpanelIframeBg); font-size: 36px; height: 100px; left: 0; line-height: 96px; margin-top: -54px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 2; } @media (max-width: 767px) { body.highcontrast .over-panel #overpanelIFrame, body.highcontrast .over-panel .overpanel-iframe-container.available-tabs, body[class*="theme-"] .over-panel #overpanelIFrame, body[class*="theme-"] .over-panel .overpanel-iframe-container.available-tabs { outline: 0; margin-bottom: 44px; } body.highcontrast .over-panel .overpanel-iframe-container, body[class*="theme-"] .over-panel .overpanel-iframe-container { border-top: 1px solid var(--uux-app-overpanelIframeBorderColor); border-bottom: 1px solid var(--uux-app-overpanelIframeBorderColor); } } body.highcontrast .over-panel .autocomplete, body[class*="theme-"] .over-panel .autocomplete { padding-bottom: 20px; position: relative; z-index: 20; } body.highcontrast .over-panel .autocomplete > .autocomplete-searchbox, body[class*="theme-"] .over-panel .autocomplete > .autocomplete-searchbox { position: relative; z-index: 50; width: 100%; } body.highcontrast .over-panel .autocomplete .autocomplete-suggestions-container, body[class*="theme-"] .over-panel .autocomplete .autocomplete-suggestions-container { height: 0; overflow: hidden; position: relative; top: -3px; width: 100%; bottom: 85px; } body.highcontrast .over-panel .autocomplete .searchbox .form-control, body[class*="theme-"] .over-panel .autocomplete .searchbox .form-control { margin-bottom: -0.5px !important; } body.highcontrast .over-panel .autocomplete .no-results .title, body[class*="theme-"] .over-panel .autocomplete .no-results .title { margin-left: 10px; margin-top: 5px; } body.highcontrast .over-panel .autocomplete.in .searchbox .form-control, body.highcontrast .over-panel .autocomplete.in .searchbox .input-group-addon, body[class*="theme-"] .over-panel .autocomplete.in .searchbox .form-control, body[class*="theme-"] .over-panel .autocomplete.in .searchbox .input-group-addon { box-shadow: 0 2px 0 var(--t-base-a0); } body.highcontrast .over-panel .autocomplete q2-input, body[class*="theme-"] .over-panel .autocomplete q2-input { margin: 0; } body.highcontrast .over-panel .autocomplete-wrapper, body[class*="theme-"] .over-panel .autocomplete-wrapper { position: relative; } body.highcontrast .over-panel .autocomplete-backdrop, body[class*="theme-"] .over-panel .autocomplete-backdrop { display: none; position: absolute; opacity: 0; bottom: 0; top: 0; height: 100%; width: 100%; z-index: 15; background: var(--uux-app-overpanelBg); transition: opacity 150ms ease-in-out, height 20ms linear 151ms, display 20ms linear 160ms; } body.highcontrast .over-panel .autocomplete-backdrop.out, body[class*="theme-"] .over-panel .autocomplete-backdrop.out { opacity: 0; } body.highcontrast .over-panel .autocomplete-backdrop.in, body[class*="theme-"] .over-panel .autocomplete-backdrop.in { opacity: 0.5; display: block; } body.highcontrast .over-panel .autocomplete-suggestions-container .autocomplete-suggestions, body[class*="theme-"] .over-panel .autocomplete-suggestions-container .autocomplete-suggestions { padding: 0 1px 0 2px; } body.highcontrast .over-panel .autocomplete-suggestions-container .autocomplete-suggestions .tile-card:active, body.highcontrast .over-panel .autocomplete-suggestions-container .autocomplete-suggestions .tile-card:hover, body[class*="theme-"] .over-panel .autocomplete-suggestions-container .autocomplete-suggestions .tile-card:active, body[class*="theme-"] .over-panel .autocomplete-suggestions-container .autocomplete-suggestions .tile-card:hover { background-color: var(--uux-autocompleteHoverBg); border-color: var(--uux-autocompleteHoverBg); } body.highcontrast .overpanel-loading, body[class*="theme-"] .overpanel-loading { position: relative; top: 25%; height: 150px; transform: translateY(50%); } body.highcontrast .overpanel-loading .spinner, body[class*="theme-"] .overpanel-loading .spinner { top: 0; } body.highcontrast .over-panel .details-table, body[class*="theme-"] .over-panel .details-table { color: var(--t-gray6); } body.highcontrast .over-panel .details-table thead tr th, body[class*="theme-"] .over-panel .details-table thead tr th { font-weight: 400; } body.highcontrast .over-panel .details-table .batch-container, body[class*="theme-"] .over-panel .details-table .batch-container { margin-bottom: 7ex; } body.highcontrast .over-panel .details-table .batch-container .batch-header, body[class*="theme-"] .over-panel .details-table .batch-container .batch-header { background-color: var(--t-gray14); } body.highcontrast .over-panel .details-table .batch-container .batch-header > .row, body[class*="theme-"] .over-panel .details-table .batch-container .batch-header > .row { margin-left: 0; margin-right: 0; } body.highcontrast .over-panel .details-table .batch-container dl, body[class*="theme-"] .over-panel .details-table .batch-container dl { margin-top: 3ex; margin-bottom: 3ex; } @media (max-width: 768px) { body.highcontrast .over-panel .details-table .batch-container .batch-header > .row, body[class*="theme-"] .over-panel .details-table .batch-container .batch-header > .row { padding-top: 2ex; padding-bottom: 2ex; } body.highcontrast .over-panel .details-table .batch-container dl, body[class*="theme-"] .over-panel .details-table .batch-container dl { margin-top: 1ex; margin-bottom: 1ex; } } body.highcontrast .over-panel .details-table .batch-container dl dt:not(:first-child), body[class*="theme-"] .over-panel .details-table .batch-container dl dt:not(:first-child) { margin-top: 15px; } body.highcontrast .over-panel .details-table tbody tr.visible-xs td, body[class*="theme-"] .over-panel .details-table tbody tr.visible-xs td { padding-left: 15px; padding-right: 15px; } body.highcontrast .quick-overpanel, body[class*="theme-"] .quick-overpanel { width: 750px; max-width: 100%; margin: 0 auto; } body.highcontrast .quick-overpanel .overpanel-icon, body[class*="theme-"] .quick-overpanel .overpanel-icon { font-size: 64px; } body.highcontrast .quick-overpanel .overpanel-title, body[class*="theme-"] .quick-overpanel .overpanel-title { margin-top: 0; } body.highcontrast .quick-overpanel .overpanel-message, body[class*="theme-"] .quick-overpanel .overpanel-message { margin-bottom: 15px; } body.highcontrast .quick-overpanel .overpanel-actions, body[class*="theme-"] .quick-overpanel .overpanel-actions { margin-top: 45px; } body.highcontrast .quick-overpanel .overpanel-actions.btn-flex .btn, body[class*="theme-"] .quick-overpanel .overpanel-actions.btn-flex .btn { flex-grow: 1; flex-basis: 100%; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { body.highcontrast .quick-overpanel .overpanel-addlInfo, body[class*="theme-"] .quick-overpanel .overpanel-addlInfo { display: inline-block; } } @media screen and (max-width: 767px) { body.highcontrast .quick-overpanel, body[class*="theme-"] .quick-overpanel { width: 100%; } } body.highcontrast .sidepanel, body[class*="theme-"] .sidepanel { background: var(--uux-theme-white); color: var(--uux-app-textColor); height: calc(100% - 20px - 20px); overflow: hidden; position: fixed; z-index: 10002; top: 0; width: calc(100% - 20px - 20px); min-width: 290px; max-width: 460px; margin: 20px; left: calc(50% - 20px); transform: translate(-50%, -100%); box-shadow: 0 3px 12px var(--t-top-a1); border-radius: 4px; } body.highcontrast .sidepanel .toggle-indicator:focus, body.highcontrast .sidepanel .toggle-indicator:hover, body.highcontrast .sidepanel section li.selected, body[class*="theme-"] .sidepanel .toggle-indicator:focus, body[class*="theme-"] .sidepanel .toggle-indicator:hover, body[class*="theme-"] .sidepanel section li.selected { background: var(--uux-app-inputAdvSelectorSelected); } body.highcontrast .sidepanel .sidepanel-inner, body[class*="theme-"] .sidepanel .sidepanel-inner { height: 100%; } body.highcontrast .sidepanel article, body[class*="theme-"] .sidepanel article { height: 100%; display: flex; flex-direction: column; } body.highcontrast .sidepanel section, body[class*="theme-"] .sidepanel section { overflow-x: hidden; overflow-y: auto; } body.highcontrast .sidepanel section ul, body[class*="theme-"] .sidepanel section ul { list-style-type: none; margin: 0; padding-left: 0; } body.highcontrast .sidepanel section ul ul li, body[class*="theme-"] .sidepanel section ul ul li { padding-left: 40px; } body.highcontrast .sidepanel section li, body[class*="theme-"] .sidepanel section li { display: flex; align-items: center; font-size: 16px; border-top: 1px solid var(--uux-app-contentBorder); } body.highcontrast .sidepanel section li.selected .selected-indicator, body[class*="theme-"] .sidepanel section li.selected .selected-indicator { display: block; } body.highcontrast .sidepanel header, body[class*="theme-"] .sidepanel header { padding: 15px; z-index: 1; background: var(--uux-theme-white); box-shadow: 0 0 8px 0 var(--t-gray3); } body.highcontrast .sidepanel header h3, body[class*="theme-"] .sidepanel header h3 { margin: 0; } body.highcontrast .sidepanel header p, body[class*="theme-"] .sidepanel header p { font-size: 14px; line-height: 1.3em; margin: 0; overflow: hidden; padding-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .sidepanel header input, body[class*="theme-"] .sidepanel header input { margin-bottom: 0; } body.highcontrast .sidepanel q2-editable-field, body[class*="theme-"] .sidepanel q2-editable-field { padding: 5px 0 5px 15px; } body.highcontrast .sidepanel q2-editable-field[editing], body[class*="theme-"] .sidepanel q2-editable-field[editing] { width: 100%; } body.highcontrast .sidepanel .toggle-indicator .ui-icon, body[class*="theme-"] .sidepanel .toggle-indicator .ui-icon { display: block; font-size: 21px; line-height: 21px; } body.highcontrast .sidepanel .selected-indicator, body[class*="theme-"] .sidepanel .selected-indicator { color: var(--uux-CONST_STOPLIGHT_SUCCESS); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_SUCCESS); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_SUCCESS); display: none; } body.highcontrast .sidepanel .custom-sub-category .selected-indicator, body[class*="theme-"] .sidepanel .custom-sub-category .selected-indicator { right: -5px; position: relative; } body.highcontrast .sidepanel .divider, body[class*="theme-"] .sidepanel .divider { border-left: 1px solid var(--uux-app-contentBorder); margin: 5px 0; align-self: stretch; } body.highcontrast .sidepanel .selector-close, body[class*="theme-"] .sidepanel .selector-close { font-size: 44px; } body.highcontrast .sidepanel .close-panel, body[class*="theme-"] .sidepanel .close-panel { position: absolute; right: 0; top: 0; } body.highcontrast .sidepanel .header-action, body[class*="theme-"] .sidepanel .header-action { position: absolute; right: 12px; top: 20px; } body.highcontrast .sidepanel .icon-split:before, body[class*="theme-"] .sidepanel .icon-split:before { margin: 0; } body.highcontrast .sidepanel .item-label-wrapper, body[class*="theme-"] .sidepanel .item-label-wrapper { flex: 1; display: flex; align-items: center; padding: 15px; text-align: left; } body.highcontrast .sidepanel .item-label, body[class*="theme-"] .sidepanel .item-label { flex: 1; } body.highcontrast .thin-gutter, body[class*="theme-"] .thin-gutter { padding-left: 5px; padding-right: 5px; } body.highcontrast .no-gutter, body[class*="theme-"] .no-gutter { padding-left: 0; padding-right: 0; } body.highcontrast .blockribbon, body[class*="theme-"] .blockribbon { background-color: var(--uux-theme-grayLight); border-bottom: 1px solid var(--uux-app-contentBorder); border-left: 0; border-right: 0; overflow: hidden; overflow-x: auto; padding: 0 2px; white-space: nowrap; width: 100%; } body.highcontrast .blockribbon:after, body.highcontrast .blockribbon:before, body[class*="theme-"] .blockribbon:after, body[class*="theme-"] .blockribbon:before { content: ""; display: table; line-height: 0; } body.highcontrast .blockribbon:after, body[class*="theme-"] .blockribbon:after { clear: both; } body.highcontrast .blockribbon.concise, body[class*="theme-"] .blockribbon.concise { border: 0; border-bottom: 1px solid var(--uux-app-contentBorder); padding-left: 11px; padding-right: 11px; } body.highcontrast .blockribbon.concise .blockribbon-block-container, body.highcontrast .blockribbon.concise a.blockribbon-block-container, body[class*="theme-"] .blockribbon.concise .blockribbon-block-container, body[class*="theme-"] .blockribbon.concise a.blockribbon-block-container { font-size: 12px; height: 101px; width: 135px; } body.highcontrast .blockribbon.concise .blockribbon-heading, body[class*="theme-"] .blockribbon.concise .blockribbon-heading { margin-top: 0; margin-bottom: 4px; } body.highcontrast .blockribbon.concise .blockribbon-flair, body[class*="theme-"] .blockribbon.concise .blockribbon-flair { font-size: 28px; float: right; } body.highcontrast .blockribbon.concise .blockribbon-body, body[class*="theme-"] .blockribbon.concise .blockribbon-body { font-size: 100%; } body.highcontrast .blockribbon.concise .blockribbon-body.go-big, body[class*="theme-"] .blockribbon.concise .blockribbon-body.go-big { font-size: 145%; } body.highcontrast .blockribbon.concise .blockribbon-body.invalid, body[class*="theme-"] .blockribbon.concise .blockribbon-body.invalid { color: var(--uux-theme-danger); font-weight: 700; } body.highcontrast .blockribbon .blockribbon-block, body[class*="theme-"] .blockribbon .blockribbon-block { height: 100%; } body.highcontrast .blockribbon .blockribbon-block-container, body.highcontrast .blockribbon a.blockribbon-block-container, body[class*="theme-"] .blockribbon .blockribbon-block-container, body[class*="theme-"] .blockribbon a.blockribbon-block-container { transition: color 0.2s ease-out, border-color 0.2s ease-out; position: relative; background: var(--uux-theme-grayLighter); border: 1px solid var(--uux-app-contentBorder); border-collapse: collapse; border-radius: 4px; box-shadow: 1px 1px 1px var(--t-top-a0); color: var(--uux-theme-blackNeutral); cursor: pointer; display: inline-block; font-size: 14px; height: 131px; line-height: 1.1em; margin: 4px 2px; outline: 0; text-align: center; text-decoration: none; vertical-align: top; width: 171px; } body.highcontrast .blockribbon .blockribbon-block-container a, body.highcontrast .blockribbon a.blockribbon-block-container a, body[class*="theme-"] .blockribbon .blockribbon-block-container a, body[class*="theme-"] .blockribbon a.blockribbon-block-container a { color: var(--uux-theme-blackNeutral); text-decoration: none; } body.highcontrast .blockribbon .blockribbon-block-container.active, body.highcontrast .blockribbon .blockribbon-block-container:hover, body.highcontrast .blockribbon a.blockribbon-block-container.active, body.highcontrast .blockribbon a.blockribbon-block-container:hover, body[class*="theme-"] .blockribbon .blockribbon-block-container.active, body[class*="theme-"] .blockribbon .blockribbon-block-container:hover, body[class*="theme-"] .blockribbon a.blockribbon-block-container.active, body[class*="theme-"] .blockribbon a.blockribbon-block-container:hover { background: var(--uux-theme-primary); } body.highcontrast .blockribbon .blockribbon-block-container.active .blockribbon-flair, body.highcontrast .blockribbon .blockribbon-block-container.active .blockribbon-heading, body.highcontrast .blockribbon .blockribbon-block-container:hover .blockribbon-flair, body.highcontrast .blockribbon .blockribbon-block-container:hover .blockribbon-heading, body.highcontrast .blockribbon a.blockribbon-block-container.active .blockribbon-flair, body.highcontrast .blockribbon a.blockribbon-block-container.active .blockribbon-heading, body.highcontrast .blockribbon a.blockribbon-block-container:hover .blockribbon-flair, body.highcontrast .blockribbon a.blockribbon-block-container:hover .blockribbon-heading, body[class*="theme-"] .blockribbon .blockribbon-block-container.active .blockribbon-flair, body[class*="theme-"] .blockribbon .blockribbon-block-container.active .blockribbon-heading, body[class*="theme-"] .blockribbon .blockribbon-block-container:hover .blockribbon-flair, body[class*="theme-"] .blockribbon .blockribbon-block-container:hover .blockribbon-heading, body[class*="theme-"] .blockribbon a.blockribbon-block-container.active .blockribbon-flair, body[class*="theme-"] .blockribbon a.blockribbon-block-container.active .blockribbon-heading, body[class*="theme-"] .blockribbon a.blockribbon-block-container:hover .blockribbon-flair, body[class*="theme-"] .blockribbon a.blockribbon-block-container:hover .blockribbon-heading { color: var(--t-base-a3); } body.highcontrast .blockribbon .blockribbon-block-container.active .blockribbon-body, body.highcontrast .blockribbon .blockribbon-block-container:hover .blockribbon-body, body.highcontrast .blockribbon a.blockribbon-block-container.active .blockribbon-body, body.highcontrast .blockribbon a.blockribbon-block-container:hover .blockribbon-body, body[class*="theme-"] .blockribbon .blockribbon-block-container.active .blockribbon-body, body[class*="theme-"] .blockribbon .blockribbon-block-container:hover .blockribbon-body, body[class*="theme-"] .blockribbon a.blockribbon-block-container.active .blockribbon-body, body[class*="theme-"] .blockribbon a.blockribbon-block-container:hover .blockribbon-body { color: var(--uux-theme-whiteNeutral); } body.highcontrast .blockribbon .blockribbon-block-container.disabled, body.highcontrast .blockribbon a.blockribbon-block-container.disabled, body[class*="theme-"] .blockribbon .blockribbon-block-container.disabled, body[class*="theme-"] .blockribbon a.blockribbon-block-container.disabled { background: var(--uux-app-contentBg); color: var(--t-text); cursor: not-allowed; } body.highcontrast .blockribbon .blockribbon-block-container.disabled:hover .blockribbon-flair, body.highcontrast .blockribbon .blockribbon-block-container.disabled:hover .blockribbon-heading, body.highcontrast .blockribbon a.blockribbon-block-container.disabled:hover .blockribbon-flair, body.highcontrast .blockribbon a.blockribbon-block-container.disabled:hover .blockribbon-heading, body[class*="theme-"] .blockribbon .blockribbon-block-container.disabled:hover .blockribbon-flair, body[class*="theme-"] .blockribbon .blockribbon-block-container.disabled:hover .blockribbon-heading, body[class*="theme-"] .blockribbon a.blockribbon-block-container.disabled:hover .blockribbon-flair, body[class*="theme-"] .blockribbon a.blockribbon-block-container.disabled:hover .blockribbon-heading { color: var(--uux-app-contentBorder); } body.highcontrast .blockribbon .blockribbon-block-container.disabled:hover .blockribbon-body, body.highcontrast .blockribbon a.blockribbon-block-container.disabled:hover .blockribbon-body, body[class*="theme-"] .blockribbon .blockribbon-block-container.disabled:hover .blockribbon-body, body[class*="theme-"] .blockribbon a.blockribbon-block-container.disabled:hover .blockribbon-body { color: var(--t-text); } body.highcontrast .blockribbon .blockribbon-flair, body[class*="theme-"] .blockribbon .blockribbon-flair { color: var(--uux-theme-gray); font-size: 48px; font-weight: 400; line-height: 1.1em; margin-bottom: 1px; padding: 4px 6px 0; text-align: right; } body.highcontrast .blockribbon .blockribbon-heading, body[class*="theme-"] .blockribbon .blockribbon-heading { color: var(--uux-theme-gray); font-size: 80%; letter-spacing: 0.05em; padding: 20px 6px 6px; text-align: left; text-transform: uppercase; } body.highcontrast .blockribbon .blockribbon-body, body[class*="theme-"] .blockribbon .blockribbon-body { display: block; font-size: 111%; letter-spacing: 0.02em; line-height: 1.16em; padding: 0 6px 6px; text-align: left; white-space: normal; } body.highcontrast .blockribbon .blockribbon-body.go-big, body.highcontrast .blockribbon .blockribbon-body > .calendar-any, body[class*="theme-"] .blockribbon .blockribbon-body.go-big, body[class*="theme-"] .blockribbon .blockribbon-body > .calendar-any { font-size: 145%; letter-spacing: 0.045em; line-height: 1.28em; } body.highcontrast .blockribbon .blockribbon-footer, body[class*="theme-"] .blockribbon .blockribbon-footer { text-align: right; position: absolute; bottom: 4px; right: 4px; } body.highcontrast .dropdown, body.highcontrast .dropdown-menu li, body.highcontrast .dropup, body[class*="theme-"] .dropdown, body[class*="theme-"] .dropdown-menu li, body[class*="theme-"] .dropup { position: relative; } body.highcontrast .dropdown.open, body[class*="theme-"] .dropdown.open { z-index: 70; } body.highcontrast .caret, body[class*="theme-"] .caret { border-top-color: var(--uux-theme-blackNeutralFaded); } body.highcontrast .dropdown .caret, body[class*="theme-"] .dropdown .caret { margin-left: 2px; } body.highcontrast .dropdown-menu.pull-right, body.highcontrast .pull-right .dropdown-menu, body[class*="theme-"] .dropdown-menu.pull-right, body[class*="theme-"] .pull-right .dropdown-menu { right: 0; left: auto; } body.highcontrast .dropdown-menu.pull-right:after, body.highcontrast .dropdown-menu.pull-right:before, body.highcontrast .pull-right .dropdown-menu:after, body.highcontrast .pull-right .dropdown-menu:before, body[class*="theme-"] .dropdown-menu.pull-right:after, body[class*="theme-"] .dropdown-menu.pull-right:before, body[class*="theme-"] .pull-right .dropdown-menu:after, body[class*="theme-"] .pull-right .dropdown-menu:before { left: auto; right: 8px; } body.highcontrast .dropdown-menu.wide, body[class*="theme-"] .dropdown-menu.wide { width: 95%; } body.highcontrast .dropdown-menu, body[class*="theme-"] .dropdown-menu { background-color: var(--uux-theme-white); border: 1px solid var(--uux-theme-grayLightNeutral); border-radius: 0; box-shadow: 0 2px 5px var(--t-top-a1); text-align: left; z-index: 60; } body.highcontrast .dropdown-menu .divider, body[class*="theme-"] .dropdown-menu .divider { height: 1px; margin: 0 1px; overflow: hidden; background-color: var(--uux-theme-grayLightNeutral); border-bottom: 1px solid var(--uux-theme-whiteNeutral); } body.highcontrast .dropdown-menu > li.drop-down-menu-item, body.highcontrast .dropdown-menu > li > a, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item, body[class*="theme-"] .dropdown-menu > li > a { font-size: 14px; transition: background-color 0.2s ease-out, color 0.2s ease-out; cursor: pointer; color: var(--uux-theme-grayDarkerNeutral); line-height: 1.2em; padding: 10px 12px; } body.highcontrast .dropdown-menu > li.drop-down-menu-item.deletable, body.highcontrast .dropdown-menu > li > a.deletable, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item.deletable, body[class*="theme-"] .dropdown-menu > li > a.deletable { padding-right: 35px; } body.highcontrast .dropdown-menu > li.drop-down-menu-item .dropdown-item-label, body.highcontrast .dropdown-menu > li > a .dropdown-item-label, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item .dropdown-item-label, body[class*="theme-"] .dropdown-menu > li > a .dropdown-item-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .dropdown-menu > li.drop-down-menu-item:focus, body.highcontrast .dropdown-menu > li.drop-down-menu-item:hover, body.highcontrast .dropdown-menu > li > a:focus, body.highcontrast .dropdown-menu > li > a:hover, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item:focus, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item:hover, body[class*="theme-"] .dropdown-menu > li > a:focus, body[class*="theme-"] .dropdown-menu > li > a:hover { background-image: none; filter: none; background-color: var(--uux-theme-grayLighterNeutral); color: var(--uux-theme-blackNeutral); } body.highcontrast .dropdown-menu > li.drop-down-menu-item.disabled, body.highcontrast .dropdown-menu > li.drop-down-menu-item.disabled:focus, body.highcontrast .dropdown-menu > li.drop-down-menu-item.disabled:hover, body.highcontrast .dropdown-menu > li > a.disabled, body.highcontrast .dropdown-menu > li > a.disabled:focus, body.highcontrast .dropdown-menu > li > a.disabled:hover, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item.disabled, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item.disabled:focus, body[class*="theme-"] .dropdown-menu > li.drop-down-menu-item.disabled:hover, body[class*="theme-"] .dropdown-menu > li > a.disabled, body[class*="theme-"] .dropdown-menu > li > a.disabled:focus, body[class*="theme-"] .dropdown-menu > li > a.disabled:hover { color: var(--t-textA); background: 0 0; cursor: default; } body.highcontrast .dropdown-menu .icon-ok, body[class*="theme-"] .dropdown-menu .icon-ok { display: none; position: absolute; right: 3px; top: 6px; } body.highcontrast .dropdown-menu .show-checkmark, body[class*="theme-"] .dropdown-menu .show-checkmark { position: relative; } body.highcontrast .dropdown-menu .show-checkmark .icon-ok, body[class*="theme-"] .dropdown-menu .show-checkmark .icon-ok { display: block; } body.highcontrast .dropdown-menu .dropdown-remove-item, body[class*="theme-"] .dropdown-menu .dropdown-remove-item { position: absolute; right: 0; top: 0; z-index: 10; width: 35px; } body.highcontrast .dropdown-menu .dropdown-remove-item[class*=" icon-"]:before, body.highcontrast .dropdown-menu .dropdown-remove-item[class^="icon-"]:before, body[class*="theme-"] .dropdown-menu .dropdown-remove-item[class*=" icon-"]:before, body[class*="theme-"] .dropdown-menu .dropdown-remove-item[class^="icon-"]:before { font-size: 22px; line-height: 0.4em; } body.highcontrast .dropdown-menu .dropdown-remove-item:hover[class*=" icon-"]:before, body.highcontrast .dropdown-menu .dropdown-remove-item:hover[class^="icon-"]:before, body[class*="theme-"] .dropdown-menu .dropdown-remove-item:hover[class*=" icon-"]:before, body[class*="theme-"] .dropdown-menu .dropdown-remove-item:hover[class^="icon-"]:before { color: var(--t-text); } body.highcontrast .dropdown-menu:after, body.highcontrast .dropdown-menu:before, body[class*="theme-"] .dropdown-menu:after, body[class*="theme-"] .dropdown-menu:before { display: inline-block; width: 0; height: 0; border-bottom: 8px solid var(--uux-theme-grayLightNeutral); border-right: 8px solid transparent; border-left: 8px solid transparent; content: ""; position: absolute; top: -8px; left: 8px; } body.highcontrast .dropdown-menu:after, body[class*="theme-"] .dropdown-menu:after { border-bottom: 8px solid var(--uux-theme-whiteNeutral); top: -7px; left: 8px; } body.highcontrast .dropdown-menu > li > a:focus, body.highcontrast .dropdown-menu > li > a:hover, body.highcontrast .dropdown-submenu:focus > a, body.highcontrast .dropdown-submenu:hover > a, body[class*="theme-"] .dropdown-menu > li > a:focus, body[class*="theme-"] .dropdown-menu > li > a:hover, body[class*="theme-"] .dropdown-submenu:focus > a, body[class*="theme-"] .dropdown-submenu:hover > a { text-decoration: none; color: var(--uux-theme-primary); } body.highcontrast .dropdown-menu > .active > a, body.highcontrast .dropdown-menu > .active > a:focus, body.highcontrast .dropdown-menu > .active > a:hover, body[class*="theme-"] .dropdown-menu > .active > a, body[class*="theme-"] .dropdown-menu > .active > a:focus, body[class*="theme-"] .dropdown-menu > .active > a:hover { color: var(--uux-theme-primaryHighlight); text-decoration: none; outline: 0; } body.highcontrast .dropdown-menum > .disabled, body.highcontrast .dropdown-menum > .disabled:focus, body.highcontrast .dropdown-menum > .disabled:hover, body.highcontrast .dropdown-menum > .disabled > a, body.highcontrast .dropdown-menum > .disabled > a:focus, body.highcontrast .dropdown-menum > .disabled > a:hover, body[class*="theme-"] .dropdown-menum > .disabled, body[class*="theme-"] .dropdown-menum > .disabled:focus, body[class*="theme-"] .dropdown-menum > .disabled:hover, body[class*="theme-"] .dropdown-menum > .disabled > a, body[class*="theme-"] .dropdown-menum > .disabled > a:focus, body[class*="theme-"] .dropdown-menum > .disabled > a:hover { color: var(--t-textA); } body.highcontrast .dropdown-menu > .disabled > a:focus, body.highcontrast .dropdown-menu > .disabled > a:hover, body[class*="theme-"] .dropdown-menu > .disabled > a:focus, body[class*="theme-"] .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: default; } body.highcontrast .open > .dropdown-menu, body[class*="theme-"] .open > .dropdown-menu { display: block; } body.highcontrast .modal-backdrop, body[class*="theme-"] .modal-backdrop { background-color: var(--t-top-a2); } body.highcontrast .dropdown-backdrop, body[class*="theme-"] .dropdown-backdrop { background-color: var(--t-top-a0); z-index: 50; } body.highcontrast .pull-right > .dropdown-menu, body[class*="theme-"] .pull-right > .dropdown-menu { right: 0; left: auto; } body.highcontrast .dropup .caret, body[class*="theme-"] .dropup .caret { border-top: 0; border-bottom: 4px solid var(--uux-theme-blackNeutral); content: ""; } body.highcontrast .dropup .dropdown-menu, body[class*="theme-"] .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } body.highcontrast .dropdown-submenu, body[class*="theme-"] .dropdown-submenu { position: relative; } body.highcontrast .dropdown-submenu > .dropdown-menu, body[class*="theme-"] .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px; } body.highcontrast .dropdown-submenu:hover > .dropdown-menu, body[class*="theme-"] .dropdown-submenu:hover > .dropdown-menu { display: block; } body.highcontrast .dropdown-submenu > a:after, body[class*="theme-"] .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: var(--uux-theme-grayLightNeutral); margin-top: 5px; margin-right: -10px; } body.highcontrast .dropdown-submenu.pull-left, body[class*="theme-"] .dropdown-submenu.pull-left { float: none; } body.highcontrast .dropdown-submenu.pull-left > .dropdown-menu, body[class*="theme-"] .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; } body.highcontrast .dropdown-submenu:hover > a:after, body[class*="theme-"] .dropdown-submenu:hover > a:after { border-left-color: var(--uux-theme-primary); } body.highcontrast .dropdown .ui-btn, body[class*="theme-"] .dropdown .ui-btn { height: 2.5em; } body.highcontrast .dropdown .ui-btn [class*=" icon-"]:before, body.highcontrast .dropdown .ui-btn [class^="icon-"]:before, body[class*="theme-"] .dropdown .ui-btn [class*=" icon-"]:before, body[class*="theme-"] .dropdown .ui-btn [class^="icon-"]:before { font-size: 21px; position: relative; } body.highcontrast .dropup .dropdown-submenu > .dropdown-menu, body[class*="theme-"] .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; border-radius: 5px 5px 5px 0; } body.highcontrast .submenu-dropdown .dropdown-menu, body[class*="theme-"] .submenu-dropdown .dropdown-menu { background-color: var(--uux-desktop-navChildMenuBgColor); border: none; border-radius: 0; left: auto; margin-left: 0; margin-top: -1px; padding: 0; } body.highcontrast .submenu-dropdown .dropdown-menu a, body[class*="theme-"] .submenu-dropdown .dropdown-menu a { color: var(--uux-desktop-navChildMenuHoverTextColor) !important; font-size: 13px; } body.highcontrast .submenu-dropdown .dropdown-menu > li > a, body[class*="theme-"] .submenu-dropdown .dropdown-menu > li > a { padding-left: 32px; padding-right: 64px; } body.highcontrast .submenu-dropdown .dropdown-menu > li > a:focus, body.highcontrast .submenu-dropdown .dropdown-menu > li > a:hover, body[class*="theme-"] .submenu-dropdown .dropdown-menu > li > a:focus, body[class*="theme-"] .submenu-dropdown .dropdown-menu > li > a:hover { background-color: var(--uux-desktop-navChildMenuHoverBg); color: var(--uux-desktop-navChildMenuHoverTextColor); } body.highcontrast .submenu-dropdown .dropdown-menu > li > a:active, body[class*="theme-"] .submenu-dropdown .dropdown-menu > li > a:active { background-color: var(--uux-desktop-navChildMenuHighlightBg); color: var(--uux-desktop-navChildMenuHighlightTextColor); } body.highcontrast .submenu-dropdown .dropdown-menu:after, body.highcontrast .submenu-dropdown .dropdown-menu:before, body[class*="theme-"] .submenu-dropdown .dropdown-menu:after, body[class*="theme-"] .submenu-dropdown .dropdown-menu:before { display: none; } body.highcontrast .dropdown-filter, body[class*="theme-"] .dropdown-filter { width: 100%; } body.highcontrast .dropdown-filter .dropdown-toggle, body[class*="theme-"] .dropdown-filter .dropdown-toggle { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .form-group, body[class*="theme-"] .form-group { text-align: left; margin-bottom: 7px; padding: 0 7px; } body.highcontrast .form-group-flush, body[class*="theme-"] .form-group-flush { padding: 0; margin: 30px 0; } body.highcontrast .form-group-flush input, body.highcontrast .form-group-flush select, body[class*="theme-"] .form-group-flush input, body[class*="theme-"] .form-group-flush select { margin: 0; } body.highcontrast .form-group > div, body[class*="theme-"] .form-group > div { position: relative; } body.highcontrast .form-group q2-calendar + .form-control-feedback, body[class*="theme-"] .form-group q2-calendar + .form-control-feedback { right: 35px; } body.highcontrast .form-group.bottomed-input .form-control-feedback, body[class*="theme-"] .form-group.bottomed-input .form-control-feedback { top: auto; bottom: 2px; } body.highcontrast .form-group.bottomed-input q2-calendar + .form-control-feedback, body[class*="theme-"] .form-group.bottomed-input q2-calendar + .form-control-feedback { bottom: 0; } body.highcontrast .form-group label span:not(.text-danger), body[class*="theme-"] .form-group label span:not(.text-danger) { font-size: 12px; color: var(--t-gray6); font-weight: 400; } body.highcontrast .form-group.is-invalid .form-control:not(.text-right), body.highcontrast .form-group.is-invalid .search-selected-item:not(.text-right), body[class*="theme-"] .form-group.is-invalid .form-control:not(.text-right), body[class*="theme-"] .form-group.is-invalid .search-selected-item:not(.text-right) { padding-right: 2.25em; } body.highcontrast .form-group.is-invalid .form-control.text-right, body.highcontrast .form-group.is-invalid .search-selected-item.text-right, body[class*="theme-"] .form-group.is-invalid .form-control.text-right, body[class*="theme-"] .form-group.is-invalid .search-selected-item.text-right { padding-left: 2.25em; } body.highcontrast .form-group .feedback-wrapper, body[class*="theme-"] .form-group .feedback-wrapper { margin-top: 2px; position: absolute; top: 64px; width: calc(100% + 10px); overflow: hidden; padding: 0 5px; margin-left: -5px; } body.highcontrast .form-group small.help-block, body.highcontrast .form-group small.hint, body[class*="theme-"] .form-group small.help-block, body[class*="theme-"] .form-group small.hint { background-color: var(--uux-CONST_GRAY_L3); color: var(--uux-app-textColor); font-size: 14px; display: block; position: relative; padding: 15px; margin: 5px 0 10px; z-index: 9; border-left: 5px solid var(--uux-CONST_STOPLIGHT_ALERT); box-shadow: 0 2px 4px 0 var(--t-top-a1); animation-name: garage-door-open-keyframes; animation-duration: 250ms; animation-timing-function: ease-in-out; transform-origin: 0 0; } body.highcontrast .form-group small.help-block ul, body.highcontrast .form-group small.hint ul, body[class*="theme-"] .form-group small.help-block ul, body[class*="theme-"] .form-group small.hint ul { padding-left: 15px; margin: 0; } body.highcontrast .form-group small.hint, body[class*="theme-"] .form-group small.hint { border-left-color: var(--uux-CONST_STOPLIGHT_INFO); } body.highcontrast .form-group [class*="form-control-feedback icon-"]:before, body[class*="theme-"] .form-group [class*="form-control-feedback icon-"]:before { font-size: 24px; color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .form-group .icon-ok-circle:before, body[class*="theme-"] .form-group .icon-ok-circle:before { font-size: 1em; } body.highcontrast .form-group .form-control-feedback, body[class*="theme-"] .form-group .form-control-feedback { position: absolute; top: 32px; right: 2px; z-index: 3; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } body.highcontrast .form-group label.sr-only + div .feedback-wrapper, body[class*="theme-"] .form-group label.sr-only + div .feedback-wrapper { top: 38px; } body.highcontrast .form-group label.sr-only + div .form-control-feedback, body.highcontrast .policy-rule-edit .rule-editor .form-group.hidden-label .form-control-feedback, body[class*="theme-"] .form-group label.sr-only + div .form-control-feedback, body[class*="theme-"] .policy-rule-edit .rule-editor .form-group.hidden-label .form-control-feedback { top: 8px; } body.highcontrast .form-group select + .form-control-feedback, body[class*="theme-"] .form-group select + .form-control-feedback { right: 36px; } body.highcontrast .form-group.left-align-icon .form-control-feedback, body[class*="theme-"] .form-group.left-align-icon .form-control-feedback { left: 4px; } body.highcontrast .form-group .has-error .form-control-feedback, body[class*="theme-"] .form-group .has-error .form-control-feedback { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .form-group .has-error .radio-wrapper, body[class*="theme-"] .form-group .has-error .radio-wrapper { border: 1px solid var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .form-group .has-error .radio-wrapper .form-control-feedback, body[class*="theme-"] .form-group .has-error .radio-wrapper .form-control-feedback { bottom: 0; top: initial; } body.highcontrast .form-group .radio-wrapper, body[class*="theme-"] .form-group .radio-wrapper { padding: 0; } body.highcontrast .uagent-ie .form-group .form-control-feedback, body[class*="theme-"] .uagent-ie .form-group .form-control-feedback { right: 30px; top: 30px; } body.highcontrast .content-panel article, body[class*="theme-"] .content-panel article { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } body.highcontrast .content-panel article:after, body.highcontrast .content-panel article:before, body[class*="theme-"] .content-panel article:after, body[class*="theme-"] .content-panel article:before { display: table; content: " "; } body.highcontrast .content-panel article:after, body[class*="theme-"] .content-panel article:after { clear: both; } body.highcontrast .content-panel article.alt-styling > header, body[class*="theme-"] .content-panel article.alt-styling > header { background: 0 0 !important; } body.highcontrast .content-panel .section-container, body[class*="theme-"] .content-panel .section-container { position: relative; background-color: var(--uux-app-contentPanelBg); color: var(--uux-app-contentPanelContrast); z-index: auto; } body.highcontrast .content-panel .section-container:after, body.highcontrast .content-panel .section-container:before, body[class*="theme-"] .content-panel .section-container:after, body[class*="theme-"] .content-panel .section-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .content-panel .section-container:after, body[class*="theme-"] .content-panel .section-container:after { clear: both; } body.highcontrast .content-panel .section-slider, body[class*="theme-"] .content-panel .section-slider { position: relative; padding-top: 20px; } body.highcontrast .content-panel .section-slider:after, body.highcontrast .content-panel .section-slider:before, body[class*="theme-"] .content-panel .section-slider:after, body[class*="theme-"] .content-panel .section-slider:before { content: ""; display: table; line-height: 0; } body.highcontrast .content-panel .section-slider:after, body[class*="theme-"] .content-panel .section-slider:after { clear: both; } body.highcontrast .content-panel section[class*=" col-"], body.highcontrast .content-panel section[class^="col-"], body[class*="theme-"] .content-panel section[class*=" col-"], body[class*="theme-"] .content-panel section[class^="col-"] { border-left: 1px solid var(--uux-app-contentPanelBorder); } body.highcontrast .content-panel section[class*=" col-"]:first-of-type, body.highcontrast .content-panel section[class^="col-"]:first-of-type, body[class*="theme-"] .content-panel section[class*=" col-"]:first-of-type, body[class*="theme-"] .content-panel section[class^="col-"]:first-of-type { border: 0; } body.highcontrast .content-panel section[class*=" col-"]:last-of-type, body.highcontrast .content-panel section[class^="col-"]:last-of-type, body[class*="theme-"] .content-panel section[class*=" col-"]:last-of-type, body[class*="theme-"] .content-panel section[class^="col-"]:last-of-type { float: right; } body.highcontrast .content-panel section.no-float, body[class*="theme-"] .content-panel section.no-float { float: none; } body.highcontrast .content-panel section > h3, body[class*="theme-"] .content-panel section > h3 { max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; font-weight: 300; } body.highcontrast .content-panel section + section > h3, body[class*="theme-"] .content-panel section + section > h3 { margin-top: 20px; } body.highcontrast .content-panel header:not(.sidepanel-header), body[class*="theme-"] .content-panel header:not(.sidepanel-header) { box-sizing: border-box; background: var(--uux-app-contentInnerBg); color: var(--uux-app-textColor); display: flex; flex-flow: row nowrap; height: 46px; width: 100%; border-color: var(--uux-app-tilecardAltFlairBg); } body.highcontrast .content-panel header:not(.sidepanel-header):after, body.highcontrast .content-panel header:not(.sidepanel-header):before, body[class*="theme-"] .content-panel header:not(.sidepanel-header):after, body[class*="theme-"] .content-panel header:not(.sidepanel-header):before { content: ""; display: table; line-height: 0; } body.highcontrast .content-panel header:not(.sidepanel-header):after, body[class*="theme-"] .content-panel header:not(.sidepanel-header):after { clear: both; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title, body.highcontrast .content-panel header:not(.sidepanel-header) > h2, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > h2 { display: flex; flex: 1 1 auto; max-width: 100%; min-width: 0; width: 100%; flex-direction: column; font-size: 21px; font-weight: 300; margin: 0; border-bottom: solid thin var(--uux-app-tilecardAltFlairBg); } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper { box-sizing: border-box; display: flex; flex-flow: row; max-width: 500px; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper:after, body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper:before, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper:after, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper:before { content: ""; display: table; line-height: 0; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper:after, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper:after { clear: both; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input { flex: 1; order: 0; position: relative; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input input[type="text"], body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input input[type="text"] { font-size: 14px; width: 100%; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-buttons, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-buttons { flex: 0 1 auto; order: 0; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-text-wrapper, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-text-wrapper { display: flex; max-width: 100%; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .edit-title, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .edit-title { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 8px; } body.highcontrast .content-panel header:not(.sidepanel-header) > .editable-title .editable-field, body[class*="theme-"] .content-panel header:not(.sidepanel-header) > .editable-title .editable-field { display: inherit; overflow: inherit; max-width: 100%; min-width: 0; } body.highcontrast .content-panel header:not(.sidepanel-header).panel-header, body[class*="theme-"] .content-panel header:not(.sidepanel-header).panel-header { display: flex; max-width: 100%; min-height: 46px; height: auto; margin-bottom: 5px; z-index: auto; } body.highcontrast .content-panel header:not(.sidepanel-header) .wrapped-content-panel-title, body[class*="theme-"] .content-panel header:not(.sidepanel-header) .wrapped-content-panel-title { display: flex; flex: 1 1 auto; max-width: 100%; min-width: 0; width: 100%; flex-direction: column; border-bottom: solid thin var(--uux-app-tilecardAltFlairBg); } body.highcontrast .content-panel header:not(.sidepanel-header) .wrapped-content-panel-title h2, body[class*="theme-"] .content-panel header:not(.sidepanel-header) .wrapped-content-panel-title h2 { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; line-height: 1; margin-bottom: 3px; margin-top: 13px; } body.highcontrast .content-panel header:not(.sidepanel-header) .additional-information, body[class*="theme-"] .content-panel header:not(.sidepanel-header) .additional-information { margin-bottom: 10px; } body.highcontrast .content-panel header:not(.sidepanel-header) .additional-information div, body[class*="theme-"] .content-panel header:not(.sidepanel-header) .additional-information div { font-size: 14px; font-weight: 400; line-height: 1.5; margin: 0; } body.highcontrast .content-panel ul.hdr-actions, body[class*="theme-"] .content-panel ul.hdr-actions { display: flex; flex-shrink: 0; text-align: right; align-items: flex-end; list-style: none; margin: 0; padding: 0; line-height: 46px; border-bottom: solid thin var(--uux-app-tilecardAltFlairBg); } body.highcontrast .content-panel ul.hdr-actions li, body[class*="theme-"] .content-panel ul.hdr-actions li { margin-left: 6px; display: inline-block; list-style: none; height: 46px !important; } body.highcontrast .content-panel ul.hdr-actions li.inline, body[class*="theme-"] .content-panel ul.hdr-actions li.inline { float: left; height: 46px; } body.highcontrast .content-panel ul.hdr-actions li > span, body[class*="theme-"] .content-panel ul.hdr-actions li > span { padding-left: 6px; padding-right: 6px; display: inline-block; height: 46px; line-height: 46px; padding-top: 0.25em; vertical-align: bottom; } body.highcontrast .content-panel ul.hdr-actions .ui-icon, body[class*="theme-"] .content-panel ul.hdr-actions .ui-icon { font-size: 21px; line-height: 21px; } body.highcontrast .content-panel ul.hdr-actions .btn, body[class*="theme-"] .content-panel ul.hdr-actions .btn { margin-left: 6px; margin-right: 6px; line-height: 1em; margin-top: -8px; } body.highcontrast .content-panel ul.hdr-actions li.inline > button, body[class*="theme-"] .content-panel ul.hdr-actions li.inline > button { margin-top: 0.2em; } body.highcontrast .content-panel ul.hdr-actions a, body[class*="theme-"] .content-panel ul.hdr-actions a { border: none; color: var(--uux-app-linkColor); cursor: pointer; display: inline-block; font-size: 14px; height: 46px; line-height: 46px; padding: 0.2em 6px 0; vertical-align: baseline; } body.highcontrast .content-panel ul.hdr-actions a:active, body.highcontrast .content-panel ul.hdr-actions a:focus, body.highcontrast .content-panel ul.hdr-actions a:hover, body[class*="theme-"] .content-panel ul.hdr-actions a:active, body[class*="theme-"] .content-panel ul.hdr-actions a:focus, body[class*="theme-"] .content-panel ul.hdr-actions a:hover { color: var(--uux-app-linkHover); outline: 0; } body.highcontrast .content-panel ul.hdr-actions a.disabled, body.highcontrast .content-panel ul.hdr-actions a:disabled, body[class*="theme-"] .content-panel ul.hdr-actions a.disabled, body[class*="theme-"] .content-panel ul.hdr-actions a:disabled { color: var(--uux-app-disabledLinkColor); cursor: not-allowed; } body.highcontrast .content-panel ul.hdr-actions a.disabled:active, body.highcontrast .content-panel ul.hdr-actions a.disabled:focus, body.highcontrast .content-panel ul.hdr-actions a.disabled:hover, body.highcontrast .content-panel ul.hdr-actions a:disabled:active, body.highcontrast .content-panel ul.hdr-actions a:disabled:focus, body.highcontrast .content-panel ul.hdr-actions a:disabled:hover, body[class*="theme-"] .content-panel ul.hdr-actions a.disabled:active, body[class*="theme-"] .content-panel ul.hdr-actions a.disabled:focus, body[class*="theme-"] .content-panel ul.hdr-actions a.disabled:hover, body[class*="theme-"] .content-panel ul.hdr-actions a:disabled:active, body[class*="theme-"] .content-panel ul.hdr-actions a:disabled:focus, body[class*="theme-"] .content-panel ul.hdr-actions a:disabled:hover { color: var(--uux-app-disabledLinkColor); text-decoration: none; } body.highcontrast .content-panel ul.hdr-actions .hide-action, body[class*="theme-"] .content-panel ul.hdr-actions .hide-action { text-transform: lowercase; text-align: left; } @media (max-width: 767px) { body.highcontrast .content-panel .wrapped-content-panel-title .additional-information div, body[class*="theme-"] .content-panel .wrapped-content-panel-title .additional-information div { padding-left: 12px; } body.highcontrast .content .section-slider, body.highcontrast .content-wrapper .section-slider, body[class*="theme-"] .content .section-slider, body[class*="theme-"] .content-wrapper .section-slider { padding-bottom: 0; padding-top: 0; } body.highcontrast .content section.tile-cards > h3, body.highcontrast .content-wrapper section.tile-cards > h3, body[class*="theme-"] .content section.tile-cards > h3, body[class*="theme-"] .content-wrapper section.tile-cards > h3 { padding-left: 12px; padding-right: 12px; } body.highcontrast .content header, body.highcontrast .content section.full-xs, body.highcontrast .content-wrapper header, body.highcontrast .content-wrapper section.full-xs, body[class*="theme-"] .content header, body[class*="theme-"] .content section.full-xs, body[class*="theme-"] .content-wrapper header, body[class*="theme-"] .content-wrapper section.full-xs { padding-left: 0; padding-right: 0; } body.highcontrast .content header > h2, body.highcontrast .content-wrapper header > h2, body[class*="theme-"] .content header > h2, body[class*="theme-"] .content-wrapper header > h2 { padding-left: 10px; } } @media screen and (max-width: 1023px) and (min-width: 767px) { body.highcontrast .content, body.highcontrast .content-wrapper article, body[class*="theme-"] .content, body[class*="theme-"] .content-wrapper article { padding: 0 15px; } } body.highcontrast #legacy-dyn-form-content, body.highcontrast .legacy-dyn-form-content, body[class*="theme-"] #legacy-dyn-form-content, body[class*="theme-"] .legacy-dyn-form-content { color: var(--uux-app-textColor); padding: 15px; } body.highcontrast #legacy-dyn-form-content .q2-modal, body.highcontrast .legacy-dyn-form-content .q2-modal, body[class*="theme-"] #legacy-dyn-form-content .q2-modal, body[class*="theme-"] .legacy-dyn-form-content .q2-modal { position: fixed; } body.highcontrast #legacy-dyn-form-content br, body.highcontrast .legacy-dyn-form-content br, body[class*="theme-"] #legacy-dyn-form-content br, body[class*="theme-"] .legacy-dyn-form-content br { display: none; } body.highcontrast #legacy-dyn-form-content select:not(.form-control):-moz-placeholder, body.highcontrast .legacy-dyn-form-content select:not(.form-control):-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control):-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control):-moz-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content select:not(.form-control)::-moz-placeholder, body.highcontrast .legacy-dyn-form-content select:not(.form-control)::-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control)::-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control)::-moz-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content select:not(.form-control):-ms-input-placeholder, body.highcontrast .legacy-dyn-form-content select:not(.form-control):-ms-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control):-ms-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control):-ms-input-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content select:not(.form-control)::-webkit-input-placeholder, body.highcontrast .legacy-dyn-form-content select:not(.form-control)::-webkit-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control)::-webkit-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control)::-webkit-input-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content select:not(.form-control), body.highcontrast .legacy-dyn-form-content select:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control) { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: normal; color: #2e2e2e; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } body.highcontrast #legacy-dyn-form-content select:not(.form-control):focus, body.highcontrast .legacy-dyn-form-content select:not(.form-control):focus, body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control):focus, body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control):focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } body.highcontrast #legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body.highcontrast #legacy-dyn-form-content select:not(.form-control)[disabled], body.highcontrast #legacy-dyn-form-content select:not(.form-control)[readonly], body.highcontrast .legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body.highcontrast .legacy-dyn-form-content select:not(.form-control)[disabled], body.highcontrast .legacy-dyn-form-content select:not(.form-control)[readonly], body[class*="theme-"] #legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control)[disabled], body[class*="theme-"] #legacy-dyn-form-content select:not(.form-control)[readonly], body[class*="theme-"] .legacy-dyn-form-content fieldset[disabled] select:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control)[disabled], body[class*="theme-"] .legacy-dyn-form-content select:not(.form-control)[readonly] { cursor: not-allowed; background-color: #eee; } body.highcontrast #legacy-dyn-form-content textarea:not(.form-control):-moz-placeholder, body.highcontrast .legacy-dyn-form-content textarea:not(.form-control):-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control):-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control):-moz-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content textarea:not(.form-control)::-moz-placeholder, body.highcontrast .legacy-dyn-form-content textarea:not(.form-control)::-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control)::-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control)::-moz-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content textarea:not(.form-control):-ms-input-placeholder, body.highcontrast .legacy-dyn-form-content textarea:not(.form-control):-ms-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control):-ms-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control):-ms-input-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content textarea:not(.form-control)::-webkit-input-placeholder, body.highcontrast .legacy-dyn-form-content textarea:not(.form-control)::-webkit-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control)::-webkit-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control)::-webkit-input-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content textarea:not(.form-control), body.highcontrast .legacy-dyn-form-content textarea:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control) { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: normal; color: #2e2e2e; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } body.highcontrast #legacy-dyn-form-content textarea:not(.form-control):focus, body.highcontrast .legacy-dyn-form-content textarea:not(.form-control):focus, body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control):focus, body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control):focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } body.highcontrast #legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body.highcontrast #legacy-dyn-form-content textarea:not(.form-control)[disabled], body.highcontrast #legacy-dyn-form-content textarea:not(.form-control)[readonly], body.highcontrast .legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body.highcontrast .legacy-dyn-form-content textarea:not(.form-control)[disabled], body.highcontrast .legacy-dyn-form-content textarea:not(.form-control)[readonly], body[class*="theme-"] #legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control)[disabled], body[class*="theme-"] #legacy-dyn-form-content textarea:not(.form-control)[readonly], body[class*="theme-"] .legacy-dyn-form-content fieldset[disabled] textarea:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control)[disabled], body[class*="theme-"] .legacy-dyn-form-content textarea:not(.form-control)[readonly] { cursor: not-allowed; background-color: #eee; } body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control):-moz-placeholder, body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control):-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control):-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control):-moz-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control)::-moz-placeholder, body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control)::-moz-placeholder, body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control)::-moz-placeholder, body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control)::-moz-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control):-ms-input-placeholder, body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control):-ms-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control):-ms-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control):-ms-input-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control)::-webkit-input-placeholder, body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control)::-webkit-input-placeholder, body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control)::-webkit-input-placeholder, body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control)::-webkit-input-placeholder { color: #999; } body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control), body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control) { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: normal; color: #2e2e2e; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control):focus, body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control):focus, body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control):focus, body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control):focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } body.highcontrast #legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body.highcontrast #legacy-dyn-form-content input[type="text"]:not(.form-control)[readonly], body.highcontrast .legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body.highcontrast .legacy-dyn-form-content input[type="text"]:not(.form-control)[readonly], body[class*="theme-"] #legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="text"]:not(.form-control)[readonly], body[class*="theme-"] .legacy-dyn-form-content fieldset[disabled] input[type="text"]:not(.form-control), body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control)[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="text"]:not(.form-control)[readonly] { cursor: not-allowed; background-color: #eee; } body.highcontrast #legacy-dyn-form-content input[type="text"], body.highcontrast #legacy-dyn-form-content select, body.highcontrast #legacy-dyn-form-content textarea, body.highcontrast .legacy-dyn-form-content input[type="text"], body.highcontrast .legacy-dyn-form-content select, body.highcontrast .legacy-dyn-form-content textarea, body[class*="theme-"] #legacy-dyn-form-content input[type="text"], body[class*="theme-"] #legacy-dyn-form-content select, body[class*="theme-"] #legacy-dyn-form-content textarea, body[class*="theme-"] .legacy-dyn-form-content input[type="text"], body[class*="theme-"] .legacy-dyn-form-content select, body[class*="theme-"] .legacy-dyn-form-content textarea { font-size: 14px; } body.highcontrast #legacy-dyn-form-content textarea, body.highcontrast .legacy-dyn-form-content textarea, body[class*="theme-"] #legacy-dyn-form-content textarea, body[class*="theme-"] .legacy-dyn-form-content textarea { height: auto; box-sizing: border-box; } body.highcontrast #legacy-dyn-form-content .button, body.highcontrast #legacy-dyn-form-content button, body.highcontrast #legacy-dyn-form-content input[type="button"], body.highcontrast #legacy-dyn-form-content input[type="submit"], body.highcontrast .legacy-dyn-form-content .button, body.highcontrast .legacy-dyn-form-content button, body.highcontrast .legacy-dyn-form-content input[type="button"], body.highcontrast .legacy-dyn-form-content input[type="submit"], body[class*="theme-"] #legacy-dyn-form-content .button, body[class*="theme-"] #legacy-dyn-form-content button, body[class*="theme-"] #legacy-dyn-form-content input[type="button"], body[class*="theme-"] #legacy-dyn-form-content input[type="submit"], body[class*="theme-"] .legacy-dyn-form-content .button, body[class*="theme-"] .legacy-dyn-form-content button, body[class*="theme-"] .legacy-dyn-form-content input[type="button"], body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] { transition: opacity ease-in-out 0.15s, border-color ease-in-out 0.15s, background-color ease-in-out 0.15s, color ease-in-out 0.15s, box-shadow ease-in-out 0.2s; background-image: none; border-radius: var(--uux-app-btnBorderRadius); font-weight: var(--uux-app-btnFontWeight); box-shadow: var(--uux-app-btnBoxShadow); background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); border-color: var(--uux-app-btnPrimaryBg); } body.highcontrast #legacy-dyn-form-content .button .btn, body.highcontrast #legacy-dyn-form-content button .btn, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn, body.highcontrast .legacy-dyn-form-content .button .btn, body.highcontrast .legacy-dyn-form-content button .btn, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn, body[class*="theme-"] #legacy-dyn-form-content .button .btn, body[class*="theme-"] #legacy-dyn-form-content button .btn, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn, body[class*="theme-"] .legacy-dyn-form-content .button .btn, body[class*="theme-"] .legacy-dyn-form-content button .btn, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; user-select: none; } body.highcontrast #legacy-dyn-form-content .button .btn:focus, body.highcontrast #legacy-dyn-form-content button .btn:focus, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn:focus, body.highcontrast .legacy-dyn-form-content .button .btn:focus, body.highcontrast .legacy-dyn-form-content button .btn:focus, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn:focus, body[class*="theme-"] #legacy-dyn-form-content .button .btn:focus, body[class*="theme-"] #legacy-dyn-form-content button .btn:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn:focus, body[class*="theme-"] .legacy-dyn-form-content .button .btn:focus, body[class*="theme-"] .legacy-dyn-form-content button .btn:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } body.highcontrast #legacy-dyn-form-content .button .btn:focus, body.highcontrast #legacy-dyn-form-content .button .btn:hover, body.highcontrast #legacy-dyn-form-content button .btn:focus, body.highcontrast #legacy-dyn-form-content button .btn:hover, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn:focus, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn:hover, body.highcontrast .legacy-dyn-form-content .button .btn:focus, body.highcontrast .legacy-dyn-form-content .button .btn:hover, body.highcontrast .legacy-dyn-form-content button .btn:focus, body.highcontrast .legacy-dyn-form-content button .btn:hover, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn:focus, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn:hover, body[class*="theme-"] #legacy-dyn-form-content .button .btn:focus, body[class*="theme-"] #legacy-dyn-form-content .button .btn:hover, body[class*="theme-"] #legacy-dyn-form-content button .btn:focus, body[class*="theme-"] #legacy-dyn-form-content button .btn:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn:hover, body[class*="theme-"] .legacy-dyn-form-content .button .btn:focus, body[class*="theme-"] .legacy-dyn-form-content .button .btn:hover, body[class*="theme-"] .legacy-dyn-form-content button .btn:focus, body[class*="theme-"] .legacy-dyn-form-content button .btn:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn:hover { color: #333; text-decoration: none; } body.highcontrast #legacy-dyn-form-content .button .btn.active, body.highcontrast #legacy-dyn-form-content .button .btn:active, body.highcontrast #legacy-dyn-form-content button .btn.active, body.highcontrast #legacy-dyn-form-content button .btn:active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn.active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn:active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn.active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn:active, body.highcontrast .legacy-dyn-form-content .button .btn.active, body.highcontrast .legacy-dyn-form-content .button .btn:active, body.highcontrast .legacy-dyn-form-content button .btn.active, body.highcontrast .legacy-dyn-form-content button .btn:active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn.active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn:active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn.active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn:active, body[class*="theme-"] #legacy-dyn-form-content .button .btn.active, body[class*="theme-"] #legacy-dyn-form-content .button .btn:active, body[class*="theme-"] #legacy-dyn-form-content button .btn.active, body[class*="theme-"] #legacy-dyn-form-content button .btn:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn.active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn.active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn:active, body[class*="theme-"] .legacy-dyn-form-content .button .btn.active, body[class*="theme-"] .legacy-dyn-form-content .button .btn:active, body[class*="theme-"] .legacy-dyn-form-content button .btn.active, body[class*="theme-"] .legacy-dyn-form-content button .btn:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn.active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn.active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn:active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } body.highcontrast #legacy-dyn-form-content .button .btn.disabled, body.highcontrast #legacy-dyn-form-content .button .btn[disabled], body.highcontrast #legacy-dyn-form-content .button fieldset[disabled] .btn, body.highcontrast #legacy-dyn-form-content button .btn.disabled, body.highcontrast #legacy-dyn-form-content button .btn[disabled], body.highcontrast #legacy-dyn-form-content button fieldset[disabled] .btn, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn.disabled, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn[disabled], body.highcontrast #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn.disabled, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn[disabled], body.highcontrast #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn, body.highcontrast .legacy-dyn-form-content .button .btn.disabled, body.highcontrast .legacy-dyn-form-content .button .btn[disabled], body.highcontrast .legacy-dyn-form-content .button fieldset[disabled] .btn, body.highcontrast .legacy-dyn-form-content button .btn.disabled, body.highcontrast .legacy-dyn-form-content button .btn[disabled], body.highcontrast .legacy-dyn-form-content button fieldset[disabled] .btn, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn.disabled, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn[disabled], body.highcontrast .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn.disabled, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn[disabled], body.highcontrast .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn, body[class*="theme-"] #legacy-dyn-form-content .button .btn.disabled, body[class*="theme-"] #legacy-dyn-form-content .button .btn[disabled], body[class*="theme-"] #legacy-dyn-form-content .button fieldset[disabled] .btn, body[class*="theme-"] #legacy-dyn-form-content button .btn.disabled, body[class*="theme-"] #legacy-dyn-form-content button .btn[disabled], body[class*="theme-"] #legacy-dyn-form-content button fieldset[disabled] .btn, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn.disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn.disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn, body[class*="theme-"] .legacy-dyn-form-content .button .btn.disabled, body[class*="theme-"] .legacy-dyn-form-content .button .btn[disabled], body[class*="theme-"] .legacy-dyn-form-content .button fieldset[disabled] .btn, body[class*="theme-"] .legacy-dyn-form-content button .btn.disabled, body[class*="theme-"] .legacy-dyn-form-content button .btn[disabled], body[class*="theme-"] .legacy-dyn-form-content button fieldset[disabled] .btn, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn.disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn.disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } body.highcontrast #legacy-dyn-form-content .button .btn-primary, body.highcontrast #legacy-dyn-form-content button .btn-primary, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary, body.highcontrast .legacy-dyn-form-content .button .btn-primary, body.highcontrast .legacy-dyn-form-content button .btn-primary, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary { color: #fff; background-color: #428bca; } body.highcontrast #legacy-dyn-form-content .button .btn-primary.active, body.highcontrast #legacy-dyn-form-content .button .btn-primary:active, body.highcontrast #legacy-dyn-form-content .button .btn-primary:focus, body.highcontrast #legacy-dyn-form-content .button .btn-primary:hover, body.highcontrast #legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body.highcontrast #legacy-dyn-form-content button .btn-primary.active, body.highcontrast #legacy-dyn-form-content button .btn-primary:active, body.highcontrast #legacy-dyn-form-content button .btn-primary:focus, body.highcontrast #legacy-dyn-form-content button .btn-primary:hover, body.highcontrast #legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary:active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary:focus, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary:hover, body.highcontrast #legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary:active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content .button .btn-primary.active, body.highcontrast .legacy-dyn-form-content .button .btn-primary:active, body.highcontrast .legacy-dyn-form-content .button .btn-primary:focus, body.highcontrast .legacy-dyn-form-content .button .btn-primary:hover, body.highcontrast .legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content button .btn-primary.active, body.highcontrast .legacy-dyn-form-content button .btn-primary:active, body.highcontrast .legacy-dyn-form-content button .btn-primary:focus, body.highcontrast .legacy-dyn-form-content button .btn-primary:hover, body.highcontrast .legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary:active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary:focus, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary:hover, body.highcontrast .legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary:active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } body.highcontrast #legacy-dyn-form-content .button .btn-primary.active, body.highcontrast #legacy-dyn-form-content .button .btn-primary:active, body.highcontrast #legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body.highcontrast #legacy-dyn-form-content button .btn-primary.active, body.highcontrast #legacy-dyn-form-content button .btn-primary:active, body.highcontrast #legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary:active, body.highcontrast #legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary:active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content .button .btn-primary.active, body.highcontrast .legacy-dyn-form-content .button .btn-primary:active, body.highcontrast .legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content button .btn-primary.active, body.highcontrast .legacy-dyn-form-content button .btn-primary:active, body.highcontrast .legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary:active, body.highcontrast .legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary:active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content .button .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content button .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .open .dropdown-toggle.btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .open .dropdown-toggle.btn-primary { background-image: none; } body.highcontrast #legacy-dyn-form-content .button .btn-primary.disabled, body.highcontrast #legacy-dyn-form-content .button .btn-primary.disabled.active, body.highcontrast #legacy-dyn-form-content .button .btn-primary.disabled:active, body.highcontrast #legacy-dyn-form-content .button .btn-primary.disabled:focus, body.highcontrast #legacy-dyn-form-content .button .btn-primary.disabled:hover, body.highcontrast #legacy-dyn-form-content .button .btn-primary[disabled], body.highcontrast #legacy-dyn-form-content .button .btn-primary[disabled].active, body.highcontrast #legacy-dyn-form-content .button .btn-primary[disabled]:active, body.highcontrast #legacy-dyn-form-content .button .btn-primary[disabled]:focus, body.highcontrast #legacy-dyn-form-content .button .btn-primary[disabled]:hover, body.highcontrast #legacy-dyn-form-content .button fieldset[disabled] .btn-primary, body.highcontrast #legacy-dyn-form-content .button fieldset[disabled] .btn-primary.active, body.highcontrast #legacy-dyn-form-content .button fieldset[disabled] .btn-primary:active, body.highcontrast #legacy-dyn-form-content .button fieldset[disabled] .btn-primary:focus, body.highcontrast #legacy-dyn-form-content .button fieldset[disabled] .btn-primary:hover, body.highcontrast #legacy-dyn-form-content button .btn-primary.disabled, body.highcontrast #legacy-dyn-form-content button .btn-primary.disabled.active, body.highcontrast #legacy-dyn-form-content button .btn-primary.disabled:active, body.highcontrast #legacy-dyn-form-content button .btn-primary.disabled:focus, body.highcontrast #legacy-dyn-form-content button .btn-primary.disabled:hover, body.highcontrast #legacy-dyn-form-content button .btn-primary[disabled], body.highcontrast #legacy-dyn-form-content button .btn-primary[disabled].active, body.highcontrast #legacy-dyn-form-content button .btn-primary[disabled]:active, body.highcontrast #legacy-dyn-form-content button .btn-primary[disabled]:focus, body.highcontrast #legacy-dyn-form-content button .btn-primary[disabled]:hover, body.highcontrast #legacy-dyn-form-content button fieldset[disabled] .btn-primary, body.highcontrast #legacy-dyn-form-content button fieldset[disabled] .btn-primary.active, body.highcontrast #legacy-dyn-form-content button fieldset[disabled] .btn-primary:active, body.highcontrast #legacy-dyn-form-content button fieldset[disabled] .btn-primary:focus, body.highcontrast #legacy-dyn-form-content button fieldset[disabled] .btn-primary:hover, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.disabled, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.disabled.active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.disabled:active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.disabled:focus, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary.disabled:hover, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary[disabled], body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary[disabled].active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:active, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:focus, body.highcontrast #legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:hover, body.highcontrast #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary, body.highcontrast #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary.active, body.highcontrast #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:active, body.highcontrast #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:focus, body.highcontrast #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled.active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled], body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled].active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:active, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary, body.highcontrast #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary.active, body.highcontrast #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:active, body.highcontrast #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:hover, body.highcontrast .legacy-dyn-form-content .button .btn-primary.disabled, body.highcontrast .legacy-dyn-form-content .button .btn-primary.disabled.active, body.highcontrast .legacy-dyn-form-content .button .btn-primary.disabled:active, body.highcontrast .legacy-dyn-form-content .button .btn-primary.disabled:focus, body.highcontrast .legacy-dyn-form-content .button .btn-primary.disabled:hover, body.highcontrast .legacy-dyn-form-content .button .btn-primary[disabled], body.highcontrast .legacy-dyn-form-content .button .btn-primary[disabled].active, body.highcontrast .legacy-dyn-form-content .button .btn-primary[disabled]:active, body.highcontrast .legacy-dyn-form-content .button .btn-primary[disabled]:focus, body.highcontrast .legacy-dyn-form-content .button .btn-primary[disabled]:hover, body.highcontrast .legacy-dyn-form-content .button fieldset[disabled] .btn-primary, body.highcontrast .legacy-dyn-form-content .button fieldset[disabled] .btn-primary.active, body.highcontrast .legacy-dyn-form-content .button fieldset[disabled] .btn-primary:active, body.highcontrast .legacy-dyn-form-content .button fieldset[disabled] .btn-primary:focus, body.highcontrast .legacy-dyn-form-content .button fieldset[disabled] .btn-primary:hover, body.highcontrast .legacy-dyn-form-content button .btn-primary.disabled, body.highcontrast .legacy-dyn-form-content button .btn-primary.disabled.active, body.highcontrast .legacy-dyn-form-content button .btn-primary.disabled:active, body.highcontrast .legacy-dyn-form-content button .btn-primary.disabled:focus, body.highcontrast .legacy-dyn-form-content button .btn-primary.disabled:hover, body.highcontrast .legacy-dyn-form-content button .btn-primary[disabled], body.highcontrast .legacy-dyn-form-content button .btn-primary[disabled].active, body.highcontrast .legacy-dyn-form-content button .btn-primary[disabled]:active, body.highcontrast .legacy-dyn-form-content button .btn-primary[disabled]:focus, body.highcontrast .legacy-dyn-form-content button .btn-primary[disabled]:hover, body.highcontrast .legacy-dyn-form-content button fieldset[disabled] .btn-primary, body.highcontrast .legacy-dyn-form-content button fieldset[disabled] .btn-primary.active, body.highcontrast .legacy-dyn-form-content button fieldset[disabled] .btn-primary:active, body.highcontrast .legacy-dyn-form-content button fieldset[disabled] .btn-primary:focus, body.highcontrast .legacy-dyn-form-content button fieldset[disabled] .btn-primary:hover, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.disabled, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.disabled.active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.disabled:active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.disabled:focus, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary.disabled:hover, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary[disabled], body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary[disabled].active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:active, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:focus, body.highcontrast .legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:hover, body.highcontrast .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary, body.highcontrast .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary.active, body.highcontrast .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:active, body.highcontrast .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:focus, body.highcontrast .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled.active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled], body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled].active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:active, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary, body.highcontrast .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary.active, body.highcontrast .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:active, body.highcontrast .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.disabled, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.disabled.active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.disabled:active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.disabled:focus, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary.disabled:hover, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary[disabled], body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary[disabled].active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary[disabled]:active, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary[disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content .button .btn-primary[disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content .button fieldset[disabled] .btn-primary, body[class*="theme-"] #legacy-dyn-form-content .button fieldset[disabled] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content .button fieldset[disabled] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content .button fieldset[disabled] .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content .button fieldset[disabled] .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.disabled, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.disabled.active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.disabled:active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.disabled:focus, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary.disabled:hover, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary[disabled], body[class*="theme-"] #legacy-dyn-form-content button .btn-primary[disabled].active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary[disabled]:active, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary[disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content button .btn-primary[disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content button fieldset[disabled] .btn-primary, body[class*="theme-"] #legacy-dyn-form-content button fieldset[disabled] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content button fieldset[disabled] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content button fieldset[disabled] .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content button fieldset[disabled] .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.disabled.active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.disabled:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.disabled:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary.disabled:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary[disabled].active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled.active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled].active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary.active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.disabled, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.disabled.active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.disabled:active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.disabled:focus, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary.disabled:hover, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary[disabled], body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary[disabled].active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary[disabled]:active, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary[disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content .button .btn-primary[disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content .button fieldset[disabled] .btn-primary, body[class*="theme-"] .legacy-dyn-form-content .button fieldset[disabled] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content .button fieldset[disabled] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content .button fieldset[disabled] .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content .button fieldset[disabled] .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.disabled, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.disabled.active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.disabled:active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.disabled:focus, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary.disabled:hover, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary[disabled], body[class*="theme-"] .legacy-dyn-form-content button .btn-primary[disabled].active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary[disabled]:active, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary[disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content button .btn-primary[disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content button fieldset[disabled] .btn-primary, body[class*="theme-"] .legacy-dyn-form-content button fieldset[disabled] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content button fieldset[disabled] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content button fieldset[disabled] .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content button fieldset[disabled] .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.disabled.active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.disabled:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.disabled:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary.disabled:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary[disabled].active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .btn-primary[disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] fieldset[disabled] .btn-primary:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled.active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary.disabled:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled].active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .btn-primary[disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary.active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] fieldset[disabled] .btn-primary:hover { background-color: #428bca; } body.highcontrast #legacy-dyn-form-content .button:focus, body.highcontrast #legacy-dyn-form-content .button:hover, body.highcontrast #legacy-dyn-form-content button:focus, body.highcontrast #legacy-dyn-form-content button:hover, body.highcontrast #legacy-dyn-form-content input[type="button"]:focus, body.highcontrast #legacy-dyn-form-content input[type="button"]:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"]:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"]:hover, body.highcontrast .legacy-dyn-form-content .button:focus, body.highcontrast .legacy-dyn-form-content .button:hover, body.highcontrast .legacy-dyn-form-content button:focus, body.highcontrast .legacy-dyn-form-content button:hover, body.highcontrast .legacy-dyn-form-content input[type="button"]:focus, body.highcontrast .legacy-dyn-form-content input[type="button"]:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"]:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"]:hover, body[class*="theme-"] #legacy-dyn-form-content .button:focus, body[class*="theme-"] #legacy-dyn-form-content .button:hover, body[class*="theme-"] #legacy-dyn-form-content button:focus, body[class*="theme-"] #legacy-dyn-form-content button:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:hover, body[class*="theme-"] .legacy-dyn-form-content .button:focus, body[class*="theme-"] .legacy-dyn-form-content .button:hover, body[class*="theme-"] .legacy-dyn-form-content button:focus, body[class*="theme-"] .legacy-dyn-form-content button:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:hover { box-shadow: var(--uux-app-btnHoverBoxShadow); background-color: var(--uux-app-btnPrimaryHoverBg); border-color: var(--uux-app-btnPrimaryHoverBg); color: var(--uux-app-btnPrimaryHoverContrast); } body.highcontrast #legacy-dyn-form-content .button:focus, body.highcontrast #legacy-dyn-form-content button:focus, body.highcontrast #legacy-dyn-form-content input[type="button"]:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"]:focus, body.highcontrast .legacy-dyn-form-content .button:focus, body.highcontrast .legacy-dyn-form-content button:focus, body.highcontrast .legacy-dyn-form-content input[type="button"]:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"]:focus, body[class*="theme-"] #legacy-dyn-form-content .button:focus, body[class*="theme-"] #legacy-dyn-form-content button:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:focus, body[class*="theme-"] .legacy-dyn-form-content .button:focus, body[class*="theme-"] .legacy-dyn-form-content button:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:focus { box-shadow: var(--uux-app-btnHoverBoxShadow), var(--uux-CONST_GLOBAL_FOCUS); } .open body.highcontrast #legacy-dyn-form-content .button.dropdown-toggle, .open body.highcontrast #legacy-dyn-form-content button.dropdown-toggle, .open body.highcontrast #legacy-dyn-form-content input[type="button"].dropdown-toggle, .open body.highcontrast #legacy-dyn-form-content input[type="submit"].dropdown-toggle, .open body.highcontrast .legacy-dyn-form-content .button.dropdown-toggle, .open body.highcontrast .legacy-dyn-form-content button.dropdown-toggle, .open body.highcontrast .legacy-dyn-form-content input[type="button"].dropdown-toggle, .open body.highcontrast .legacy-dyn-form-content input[type="submit"].dropdown-toggle, .open body[class*="theme-"] #legacy-dyn-form-content .button.dropdown-toggle, .open body[class*="theme-"] #legacy-dyn-form-content button.dropdown-toggle, .open body[class*="theme-"] #legacy-dyn-form-content input[type="button"].dropdown-toggle, .open body[class*="theme-"] #legacy-dyn-form-content input[type="submit"].dropdown-toggle, .open body[class*="theme-"] .legacy-dyn-form-content .button.dropdown-toggle, .open body[class*="theme-"] .legacy-dyn-form-content button.dropdown-toggle, .open body[class*="theme-"] .legacy-dyn-form-content input[type="button"].dropdown-toggle, .open body[class*="theme-"] .legacy-dyn-form-content input[type="submit"].dropdown-toggle, body.highcontrast #legacy-dyn-form-content .button.active, body.highcontrast #legacy-dyn-form-content .button:active, body.highcontrast #legacy-dyn-form-content button.active, body.highcontrast #legacy-dyn-form-content button:active, body.highcontrast #legacy-dyn-form-content input[type="button"].active, body.highcontrast #legacy-dyn-form-content input[type="button"]:active, body.highcontrast #legacy-dyn-form-content input[type="submit"].active, body.highcontrast #legacy-dyn-form-content input[type="submit"]:active, body.highcontrast .legacy-dyn-form-content .button.active, body.highcontrast .legacy-dyn-form-content .button:active, body.highcontrast .legacy-dyn-form-content button.active, body.highcontrast .legacy-dyn-form-content button:active, body.highcontrast .legacy-dyn-form-content input[type="button"].active, body.highcontrast .legacy-dyn-form-content input[type="button"]:active, body.highcontrast .legacy-dyn-form-content input[type="submit"].active, body.highcontrast .legacy-dyn-form-content input[type="submit"]:active, body[class*="theme-"] #legacy-dyn-form-content .button.active, body[class*="theme-"] #legacy-dyn-form-content .button:active, body[class*="theme-"] #legacy-dyn-form-content button.active, body[class*="theme-"] #legacy-dyn-form-content button:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"].active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"].active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:active, body[class*="theme-"] .legacy-dyn-form-content .button.active, body[class*="theme-"] .legacy-dyn-form-content .button:active, body[class*="theme-"] .legacy-dyn-form-content button.active, body[class*="theme-"] .legacy-dyn-form-content button:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"].active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"].active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:active { box-shadow: 0 2px 3px var(--t-top-a1), 0 1px 1px var(--t-top-a1); background-color: var(--uux-app-btnPrimaryActiveBg); border-color: var(--uux-app-btnPrimaryActiveBorder); color: var(--uux-app-btnPrimaryActiveContrast); } body.highcontrast #legacy-dyn-form-content .button.disabled, body.highcontrast #legacy-dyn-form-content .button[disabled], body.highcontrast #legacy-dyn-form-content button.disabled, body.highcontrast #legacy-dyn-form-content button[disabled], body.highcontrast #legacy-dyn-form-content input[type="button"].disabled, body.highcontrast #legacy-dyn-form-content input[type="button"][disabled], body.highcontrast #legacy-dyn-form-content input[type="submit"].disabled, body.highcontrast #legacy-dyn-form-content input[type="submit"][disabled], body.highcontrast .legacy-dyn-form-content .button.disabled, body.highcontrast .legacy-dyn-form-content .button[disabled], body.highcontrast .legacy-dyn-form-content button.disabled, body.highcontrast .legacy-dyn-form-content button[disabled], body.highcontrast .legacy-dyn-form-content input[type="button"].disabled, body.highcontrast .legacy-dyn-form-content input[type="button"][disabled], body.highcontrast .legacy-dyn-form-content input[type="submit"].disabled, body.highcontrast .legacy-dyn-form-content input[type="submit"][disabled], body[class*="theme-"] #legacy-dyn-form-content .button.disabled, body[class*="theme-"] #legacy-dyn-form-content .button[disabled], body[class*="theme-"] #legacy-dyn-form-content button.disabled, body[class*="theme-"] #legacy-dyn-form-content button[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="button"].disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="button"][disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="submit"].disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"][disabled], body[class*="theme-"] .legacy-dyn-form-content .button.disabled, body[class*="theme-"] .legacy-dyn-form-content .button[disabled], body[class*="theme-"] .legacy-dyn-form-content button.disabled, body[class*="theme-"] .legacy-dyn-form-content button[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="button"].disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="button"][disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="submit"].disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"][disabled], fieldset[disabled] body.highcontrast #legacy-dyn-form-content .button, fieldset[disabled] body.highcontrast #legacy-dyn-form-content button, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="button"], fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="submit"], fieldset[disabled] body.highcontrast .legacy-dyn-form-content .button, fieldset[disabled] body.highcontrast .legacy-dyn-form-content button, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="button"], fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="submit"], fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content .button, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content button, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="button"], fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="submit"], fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content .button, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content button, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="button"], fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] { opacity: 0.45; box-shadow: none; } body.highcontrast #legacy-dyn-form-content .button.disabled:active, body.highcontrast #legacy-dyn-form-content .button.disabled:focus, body.highcontrast #legacy-dyn-form-content .button.disabled:hover, body.highcontrast #legacy-dyn-form-content .button[disabled]:active, body.highcontrast #legacy-dyn-form-content .button[disabled]:focus, body.highcontrast #legacy-dyn-form-content .button[disabled]:hover, body.highcontrast #legacy-dyn-form-content button.disabled:active, body.highcontrast #legacy-dyn-form-content button.disabled:focus, body.highcontrast #legacy-dyn-form-content button.disabled:hover, body.highcontrast #legacy-dyn-form-content button[disabled]:active, body.highcontrast #legacy-dyn-form-content button[disabled]:focus, body.highcontrast #legacy-dyn-form-content button[disabled]:hover, body.highcontrast #legacy-dyn-form-content input[type="button"].disabled:active, body.highcontrast #legacy-dyn-form-content input[type="button"].disabled:focus, body.highcontrast #legacy-dyn-form-content input[type="button"].disabled:hover, body.highcontrast #legacy-dyn-form-content input[type="button"][disabled]:active, body.highcontrast #legacy-dyn-form-content input[type="button"][disabled]:focus, body.highcontrast #legacy-dyn-form-content input[type="button"][disabled]:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"].disabled:active, body.highcontrast #legacy-dyn-form-content input[type="submit"].disabled:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"].disabled:hover, body.highcontrast #legacy-dyn-form-content input[type="submit"][disabled]:active, body.highcontrast #legacy-dyn-form-content input[type="submit"][disabled]:focus, body.highcontrast #legacy-dyn-form-content input[type="submit"][disabled]:hover, body.highcontrast .legacy-dyn-form-content .button.disabled:active, body.highcontrast .legacy-dyn-form-content .button.disabled:focus, body.highcontrast .legacy-dyn-form-content .button.disabled:hover, body.highcontrast .legacy-dyn-form-content .button[disabled]:active, body.highcontrast .legacy-dyn-form-content .button[disabled]:focus, body.highcontrast .legacy-dyn-form-content .button[disabled]:hover, body.highcontrast .legacy-dyn-form-content button.disabled:active, body.highcontrast .legacy-dyn-form-content button.disabled:focus, body.highcontrast .legacy-dyn-form-content button.disabled:hover, body.highcontrast .legacy-dyn-form-content button[disabled]:active, body.highcontrast .legacy-dyn-form-content button[disabled]:focus, body.highcontrast .legacy-dyn-form-content button[disabled]:hover, body.highcontrast .legacy-dyn-form-content input[type="button"].disabled:active, body.highcontrast .legacy-dyn-form-content input[type="button"].disabled:focus, body.highcontrast .legacy-dyn-form-content input[type="button"].disabled:hover, body.highcontrast .legacy-dyn-form-content input[type="button"][disabled]:active, body.highcontrast .legacy-dyn-form-content input[type="button"][disabled]:focus, body.highcontrast .legacy-dyn-form-content input[type="button"][disabled]:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"].disabled:active, body.highcontrast .legacy-dyn-form-content input[type="submit"].disabled:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"].disabled:hover, body.highcontrast .legacy-dyn-form-content input[type="submit"][disabled]:active, body.highcontrast .legacy-dyn-form-content input[type="submit"][disabled]:focus, body.highcontrast .legacy-dyn-form-content input[type="submit"][disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content .button.disabled:active, body[class*="theme-"] #legacy-dyn-form-content .button.disabled:focus, body[class*="theme-"] #legacy-dyn-form-content .button.disabled:hover, body[class*="theme-"] #legacy-dyn-form-content .button[disabled]:active, body[class*="theme-"] #legacy-dyn-form-content .button[disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content .button[disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content button.disabled:active, body[class*="theme-"] #legacy-dyn-form-content button.disabled:focus, body[class*="theme-"] #legacy-dyn-form-content button.disabled:hover, body[class*="theme-"] #legacy-dyn-form-content button[disabled]:active, body[class*="theme-"] #legacy-dyn-form-content button[disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content button[disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"].disabled:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"].disabled:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"].disabled:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="button"][disabled]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="button"][disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="button"][disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"].disabled:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"].disabled:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"].disabled:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"][disabled]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"][disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"][disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content .button.disabled:active, body[class*="theme-"] .legacy-dyn-form-content .button.disabled:focus, body[class*="theme-"] .legacy-dyn-form-content .button.disabled:hover, body[class*="theme-"] .legacy-dyn-form-content .button[disabled]:active, body[class*="theme-"] .legacy-dyn-form-content .button[disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content .button[disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content button.disabled:active, body[class*="theme-"] .legacy-dyn-form-content button.disabled:focus, body[class*="theme-"] .legacy-dyn-form-content button.disabled:hover, body[class*="theme-"] .legacy-dyn-form-content button[disabled]:active, body[class*="theme-"] .legacy-dyn-form-content button[disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content button[disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"].disabled:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"].disabled:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"].disabled:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="button"][disabled]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="button"][disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="button"][disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"].disabled:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"].disabled:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"].disabled:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"][disabled]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"][disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"][disabled]:hover, fieldset[disabled] body.highcontrast #legacy-dyn-form-content .button:active, fieldset[disabled] body.highcontrast #legacy-dyn-form-content .button:focus, fieldset[disabled] body.highcontrast #legacy-dyn-form-content .button:hover, fieldset[disabled] body.highcontrast #legacy-dyn-form-content button:active, fieldset[disabled] body.highcontrast #legacy-dyn-form-content button:focus, fieldset[disabled] body.highcontrast #legacy-dyn-form-content button:hover, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="button"]:active, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="button"]:focus, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="button"]:hover, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="submit"]:active, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="submit"]:focus, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="submit"]:hover, fieldset[disabled] body.highcontrast .legacy-dyn-form-content .button:active, fieldset[disabled] body.highcontrast .legacy-dyn-form-content .button:focus, fieldset[disabled] body.highcontrast .legacy-dyn-form-content .button:hover, fieldset[disabled] body.highcontrast .legacy-dyn-form-content button:active, fieldset[disabled] body.highcontrast .legacy-dyn-form-content button:focus, fieldset[disabled] body.highcontrast .legacy-dyn-form-content button:hover, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="button"]:active, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="button"]:focus, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="button"]:hover, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="submit"]:active, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="submit"]:focus, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="submit"]:hover, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content .button:active, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content .button:focus, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content .button:hover, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content button:active, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content button:focus, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content button:hover, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:active, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:focus, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="button"]:hover, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:active, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:focus, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="submit"]:hover, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content .button:active, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content .button:focus, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content .button:hover, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content button:active, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content button:focus, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content button:hover, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:active, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:focus, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="button"]:hover, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:active, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:focus, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="submit"]:hover { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast #legacy-dyn-form-content .button .caret, body.highcontrast #legacy-dyn-form-content button .caret, body.highcontrast #legacy-dyn-form-content input[type="button"] .caret, body.highcontrast #legacy-dyn-form-content input[type="submit"] .caret, body.highcontrast .legacy-dyn-form-content .button .caret, body.highcontrast .legacy-dyn-form-content button .caret, body.highcontrast .legacy-dyn-form-content input[type="button"] .caret, body.highcontrast .legacy-dyn-form-content input[type="submit"] .caret, body[class*="theme-"] #legacy-dyn-form-content .button .caret, body[class*="theme-"] #legacy-dyn-form-content button .caret, body[class*="theme-"] #legacy-dyn-form-content input[type="button"] .caret, body[class*="theme-"] #legacy-dyn-form-content input[type="submit"] .caret, body[class*="theme-"] .legacy-dyn-form-content .button .caret, body[class*="theme-"] .legacy-dyn-form-content button .caret, body[class*="theme-"] .legacy-dyn-form-content input[type="button"] .caret, body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] .caret { border-top: 4px solid var(--uux-app-btnPrimaryContrast); } body.highcontrast #legacy-dyn-form-content input[type="reset"], body.highcontrast .legacy-dyn-form-content input[type="reset"], body[class*="theme-"] #legacy-dyn-form-content input[type="reset"], body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] { transition: opacity ease-in-out 0.15s, border-color ease-in-out 0.15s, background-color ease-in-out 0.15s, color ease-in-out 0.15s, box-shadow ease-in-out 0.2s; background-color: var(--uux-app-btnDefaultBg); background-image: none; border-radius: var(--uux-app-btnBorderRadius); color: var(--uux-app-btnDefaultContrast); font-weight: var(--uux-app-btnFontWeight); box-shadow: var(--uux-app-btnBoxShadow); } body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; user-select: none; } body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn:focus, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn:focus, body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn:hover, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn:focus, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn:hover { color: #333; text-decoration: none; } body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn.active, body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn:active, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn.active, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn:active, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn.active, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn:active, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn.active, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn:active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn.disabled, body.highcontrast #legacy-dyn-form-content input[type="reset"] .btn[disabled], body.highcontrast #legacy-dyn-form-content input[type="reset"] fieldset[disabled] .btn, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn.disabled, body.highcontrast .legacy-dyn-form-content input[type="reset"] .btn[disabled], body.highcontrast .legacy-dyn-form-content input[type="reset"] fieldset[disabled] .btn, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn.disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] .btn[disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="reset"] fieldset[disabled] .btn, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn.disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] .btn[disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } body.highcontrast #legacy-dyn-form-content input[type="reset"]:focus, body.highcontrast #legacy-dyn-form-content input[type="reset"]:hover, body.highcontrast .legacy-dyn-form-content input[type="reset"]:focus, body.highcontrast .legacy-dyn-form-content input[type="reset"]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:hover { background-color: var(--uux-app-btnDefaultHoverBg); border-color: var(--uux-app-btnDefaultHoverBorder); color: var(--uux-app-btnDefaultHoverContrast); box-shadow: var(--uux-app-btnHoverBoxShadow); } body.highcontrast #legacy-dyn-form-content input[type="reset"]:focus, body.highcontrast .legacy-dyn-form-content input[type="reset"]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:focus { box-shadow: var(--uux-app-btnHoverBoxShadow), var(--uux-CONST_GLOBAL_FOCUS); } .open body.highcontrast #legacy-dyn-form-content input[type="reset"].dropdown-toggle, .open body.highcontrast .legacy-dyn-form-content input[type="reset"].dropdown-toggle, .open body[class*="theme-"] #legacy-dyn-form-content input[type="reset"].dropdown-toggle, .open body[class*="theme-"] .legacy-dyn-form-content input[type="reset"].dropdown-toggle, body.highcontrast #legacy-dyn-form-content input[type="reset"].active, body.highcontrast #legacy-dyn-form-content input[type="reset"]:active, body.highcontrast .legacy-dyn-form-content input[type="reset"].active, body.highcontrast .legacy-dyn-form-content input[type="reset"]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"].active, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"].active, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:active { box-shadow: 0 2px 3px var(--t-top-a1), 0 1px 1px var(--t-top-a1); background-color: var(--uux-app-btnDefaultActiveBg); border-color: var(--uux-app-btnDefaultActiveBorder); color: var(--uux-app-btnDefaultActiveContrast); } body.highcontrast #legacy-dyn-form-content input[type="reset"].disabled, body.highcontrast #legacy-dyn-form-content input[type="reset"][disabled], body.highcontrast .legacy-dyn-form-content input[type="reset"].disabled, body.highcontrast .legacy-dyn-form-content input[type="reset"][disabled], body[class*="theme-"] #legacy-dyn-form-content input[type="reset"].disabled, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"][disabled], body[class*="theme-"] .legacy-dyn-form-content input[type="reset"].disabled, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"][disabled], fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="reset"], fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="reset"], fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="reset"], fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="reset"] { opacity: 0.45; box-shadow: none; } body.highcontrast #legacy-dyn-form-content input[type="reset"].disabled:active, body.highcontrast #legacy-dyn-form-content input[type="reset"].disabled:focus, body.highcontrast #legacy-dyn-form-content input[type="reset"].disabled:hover, body.highcontrast #legacy-dyn-form-content input[type="reset"][disabled]:active, body.highcontrast #legacy-dyn-form-content input[type="reset"][disabled]:focus, body.highcontrast #legacy-dyn-form-content input[type="reset"][disabled]:hover, body.highcontrast .legacy-dyn-form-content input[type="reset"].disabled:active, body.highcontrast .legacy-dyn-form-content input[type="reset"].disabled:focus, body.highcontrast .legacy-dyn-form-content input[type="reset"].disabled:hover, body.highcontrast .legacy-dyn-form-content input[type="reset"][disabled]:active, body.highcontrast .legacy-dyn-form-content input[type="reset"][disabled]:focus, body.highcontrast .legacy-dyn-form-content input[type="reset"][disabled]:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"].disabled:active, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"].disabled:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"].disabled:hover, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"][disabled]:active, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"][disabled]:focus, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"][disabled]:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"].disabled:active, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"].disabled:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"].disabled:hover, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"][disabled]:active, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"][disabled]:focus, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"][disabled]:hover, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="reset"]:active, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="reset"]:focus, fieldset[disabled] body.highcontrast #legacy-dyn-form-content input[type="reset"]:hover, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="reset"]:active, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="reset"]:focus, fieldset[disabled] body.highcontrast .legacy-dyn-form-content input[type="reset"]:hover, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:active, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:focus, fieldset[disabled] body[class*="theme-"] #legacy-dyn-form-content input[type="reset"]:hover, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:active, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:focus, fieldset[disabled] body[class*="theme-"] .legacy-dyn-form-content input[type="reset"]:hover { background-color: var(--uux-app-btnDefaultBg); color: var(--uux-app-btnDisabledContrast); } body.highcontrast #legacy-dyn-form-content button, body.highcontrast #legacy-dyn-form-content input[type="reset"], body.highcontrast #legacy-dyn-form-content input[type="submit"], body.highcontrast .legacy-dyn-form-content button, body.highcontrast .legacy-dyn-form-content input[type="reset"], body.highcontrast .legacy-dyn-form-content input[type="submit"], body[class*="theme-"] #legacy-dyn-form-content button, body[class*="theme-"] #legacy-dyn-form-content input[type="reset"], body[class*="theme-"] #legacy-dyn-form-content input[type="submit"], body[class*="theme-"] .legacy-dyn-form-content button, body[class*="theme-"] .legacy-dyn-form-content input[type="reset"], body[class*="theme-"] .legacy-dyn-form-content input[type="submit"] { border: 0; } body.highcontrast #legacy-dyn-form-content div.button, body.highcontrast .legacy-dyn-form-content div.button, body[class*="theme-"] #legacy-dyn-form-content div.button, body[class*="theme-"] .legacy-dyn-form-content div.button { display: inline-block; } body.highcontrast #legacy-dyn-form-content img, body.highcontrast .legacy-dyn-form-content img, body[class*="theme-"] #legacy-dyn-form-content img, body[class*="theme-"] .legacy-dyn-form-content img { margin-top: 6px; margin-bottom: 6px; } body.highcontrast #legacy-dyn-form-content input[type="checkbox"], body.highcontrast #legacy-dyn-form-content input[type="radio"], body.highcontrast .legacy-dyn-form-content input[type="checkbox"], body.highcontrast .legacy-dyn-form-content input[type="radio"], body[class*="theme-"] #legacy-dyn-form-content input[type="checkbox"], body[class*="theme-"] #legacy-dyn-form-content input[type="radio"], body[class*="theme-"] .legacy-dyn-form-content input[type="checkbox"], body[class*="theme-"] .legacy-dyn-form-content input[type="radio"] { margin-right: 3px; display: inline-block; float: none; margin-top: 0; } body.highcontrast #legacy-dyn-form-content input[type="checkbox"] + label, body.highcontrast #legacy-dyn-form-content input[type="radio"] + label, body.highcontrast .legacy-dyn-form-content input[type="checkbox"] + label, body.highcontrast .legacy-dyn-form-content input[type="radio"] + label, body[class*="theme-"] #legacy-dyn-form-content input[type="checkbox"] + label, body[class*="theme-"] #legacy-dyn-form-content input[type="radio"] + label, body[class*="theme-"] .legacy-dyn-form-content input[type="checkbox"] + label, body[class*="theme-"] .legacy-dyn-form-content input[type="radio"] + label { line-height: 45px; } body.highcontrast #legacy-dyn-form-content .checkbox, body.highcontrast #legacy-dyn-form-content .radio, body.highcontrast .legacy-dyn-form-content .checkbox, body.highcontrast .legacy-dyn-form-content .radio, body[class*="theme-"] #legacy-dyn-form-content .checkbox, body[class*="theme-"] #legacy-dyn-form-content .radio, body[class*="theme-"] .legacy-dyn-form-content .checkbox, body[class*="theme-"] .legacy-dyn-form-content .radio { line-height: 1.43em; } body.highcontrast #legacy-dyn-form-content table, body.highcontrast .legacy-dyn-form-content table, body[class*="theme-"] #legacy-dyn-form-content table, body[class*="theme-"] .legacy-dyn-form-content table { width: 100%; } body.highcontrast #legacy-dyn-form-content table td:empty, body.highcontrast .legacy-dyn-form-content table td:empty, body[class*="theme-"] #legacy-dyn-form-content table td:empty, body[class*="theme-"] .legacy-dyn-form-content table td:empty { display: none; } body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td { padding: 6px 6px 12px; } body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td br, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td br, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td br, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td br { display: block; } body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > td, body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > th, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > td, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > th, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > td, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > th, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > td, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td > table > thead > tr > th { background: var(--uux-app-datatableHeaderRowBg); border-bottom: 1px solid var(--uux-app-datatableBorderColor); color: var(--uux-app-datatableHeaderRowContrast); font-weight: 400; padding: 15px 6px; vertical-align: middle; } body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td > table > tbody > tr > td, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td > table > tbody > tr > td, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td > table > tbody > tr > td, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td > table > tbody > tr > td { border-bottom: solid 1px var(--uux-app-datatableBorderColor); } body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td.col1sub2, body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td.col2sub1, body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td.col2sub2, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td.col1sub2, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td.col2sub1, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td.col2sub2, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td.col1sub2, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td.col2sub1, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td.col2sub2, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td.col1sub2, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td.col2sub1, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td.col2sub2 { display: block; width: 50%; } body.highcontrast #legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body.highcontrast .legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body[class*="theme-"] #legacy-dyn-form-content > table > tbody > tr > td.col1sub1, body[class*="theme-"] .legacy-dyn-form-content > table > tbody > tr > td.col1sub1 { margin-bottom: -6px; padding: 6px; } body.highcontrast #legacy-dyn-form-content > table .col1, body.highcontrast #legacy-dyn-form-content > table .col2, body.highcontrast .legacy-dyn-form-content > table .col1, body.highcontrast .legacy-dyn-form-content > table .col2, body[class*="theme-"] #legacy-dyn-form-content > table .col1, body[class*="theme-"] #legacy-dyn-form-content > table .col2, body[class*="theme-"] .legacy-dyn-form-content > table .col1, body[class*="theme-"] .legacy-dyn-form-content > table .col2 { width: 50%; } body.highcontrast #legacy-dyn-form-content #shade, body.highcontrast #legacy-dyn-form-content div.ProcessingModal, body.highcontrast #legacy-dyn-form-content div.modal, body.highcontrast .legacy-dyn-form-content #shade, body.highcontrast .legacy-dyn-form-content div.ProcessingModal, body.highcontrast .legacy-dyn-form-content div.modal, body[class*="theme-"] #legacy-dyn-form-content #shade, body[class*="theme-"] #legacy-dyn-form-content div.ProcessingModal, body[class*="theme-"] #legacy-dyn-form-content div.modal, body[class*="theme-"] .legacy-dyn-form-content #shade, body[class*="theme-"] .legacy-dyn-form-content div.ProcessingModal, body[class*="theme-"] .legacy-dyn-form-content div.modal { background: var(--uux-app-overlayBg); min-height: 100% !important; min-width: 100% !important; opacity: 1; } body.highcontrast #legacy-dyn-form-content #modal, body.highcontrast #legacy-dyn-form-content #modalButtons, body.highcontrast #legacy-dyn-form-content #modalDetails, body.highcontrast #legacy-dyn-form-content .dialog_text, body.highcontrast #legacy-dyn-form-content div.ProcessingDialog, body.highcontrast #legacy-dyn-form-content div.dialog_middlecenter, body.highcontrast #legacy-dyn-form-content div.modal, body.highcontrast .legacy-dyn-form-content #modal, body.highcontrast .legacy-dyn-form-content #modalButtons, body.highcontrast .legacy-dyn-form-content #modalDetails, body.highcontrast .legacy-dyn-form-content .dialog_text, body.highcontrast .legacy-dyn-form-content div.ProcessingDialog, body.highcontrast .legacy-dyn-form-content div.dialog_middlecenter, body.highcontrast .legacy-dyn-form-content div.modal, body[class*="theme-"] #legacy-dyn-form-content #modal, body[class*="theme-"] #legacy-dyn-form-content #modalButtons, body[class*="theme-"] #legacy-dyn-form-content #modalDetails, body[class*="theme-"] #legacy-dyn-form-content .dialog_text, body[class*="theme-"] #legacy-dyn-form-content div.ProcessingDialog, body[class*="theme-"] #legacy-dyn-form-content div.dialog_middlecenter, body[class*="theme-"] #legacy-dyn-form-content div.modal, body[class*="theme-"] .legacy-dyn-form-content #modal, body[class*="theme-"] .legacy-dyn-form-content #modalButtons, body[class*="theme-"] .legacy-dyn-form-content #modalDetails, body[class*="theme-"] .legacy-dyn-form-content .dialog_text, body[class*="theme-"] .legacy-dyn-form-content div.ProcessingDialog, body[class*="theme-"] .legacy-dyn-form-content div.dialog_middlecenter, body[class*="theme-"] .legacy-dyn-form-content div.modal { color: var(--uux-app-overlayTextColor); font-size: inherit; font-weight: 400; } body.highcontrast #legacy-dyn-form-content #modalButtons, body.highcontrast #legacy-dyn-form-content #modalDetails, body.highcontrast #legacy-dyn-form-content div.dialog_Processingmiddlecenter, body.highcontrast #legacy-dyn-form-content div.dialog_middlecenter, body.highcontrast .legacy-dyn-form-content #modalButtons, body.highcontrast .legacy-dyn-form-content #modalDetails, body.highcontrast .legacy-dyn-form-content div.dialog_Processingmiddlecenter, body.highcontrast .legacy-dyn-form-content div.dialog_middlecenter, body[class*="theme-"] #legacy-dyn-form-content #modalButtons, body[class*="theme-"] #legacy-dyn-form-content #modalDetails, body[class*="theme-"] #legacy-dyn-form-content div.dialog_Processingmiddlecenter, body[class*="theme-"] #legacy-dyn-form-content div.dialog_middlecenter, body[class*="theme-"] .legacy-dyn-form-content #modalButtons, body[class*="theme-"] .legacy-dyn-form-content #modalDetails, body[class*="theme-"] .legacy-dyn-form-content div.dialog_Processingmiddlecenter, body[class*="theme-"] .legacy-dyn-form-content div.dialog_middlecenter { background: 0 0; border: 0; box-shadow: none; } body.highcontrast #legacy-dyn-form-content #close_modal, body.highcontrast .legacy-dyn-form-content #close_modal, body[class*="theme-"] #legacy-dyn-form-content #close_modal, body[class*="theme-"] .legacy-dyn-form-content #close_modal { color: var(--uux-app-overlayTextColor); font-weight: 700; } body.highcontrast #legacy-dyn-form-content .bold, body.highcontrast #legacy-dyn-form-content .q2OnlineBodyBold, body.highcontrast .legacy-dyn-form-content .bold, body.highcontrast .legacy-dyn-form-content .q2OnlineBodyBold, body[class*="theme-"] #legacy-dyn-form-content .bold, body[class*="theme-"] #legacy-dyn-form-content .q2OnlineBodyBold, body[class*="theme-"] .legacy-dyn-form-content .bold, body[class*="theme-"] .legacy-dyn-form-content .q2OnlineBodyBold { font-weight: 700; } body.highcontrast #legacy-dyn-form-content .green, body.highcontrast #legacy-dyn-form-content .success, body.highcontrast .legacy-dyn-form-content .green, body.highcontrast .legacy-dyn-form-content .success, body[class*="theme-"] #legacy-dyn-form-content .green, body[class*="theme-"] #legacy-dyn-form-content .success, body[class*="theme-"] .legacy-dyn-form-content .green, body[class*="theme-"] .legacy-dyn-form-content .success { color: var(--uux-app-formValidationSuccessText); } body.highcontrast #legacy-dyn-form-content .q2captionbar, body.highcontrast .legacy-dyn-form-content .q2captionbar, body[class*="theme-"] #legacy-dyn-form-content .q2captionbar, body[class*="theme-"] .legacy-dyn-form-content .q2captionbar { display: block; } body.highcontrast #legacy-dyn-form-content .q2captionbar td, body.highcontrast .legacy-dyn-form-content .q2captionbar td, body[class*="theme-"] #legacy-dyn-form-content .q2captionbar td, body[class*="theme-"] .legacy-dyn-form-content .q2captionbar td { display: inline; } body.highcontrast #legacy-dyn-form-content .q2captionbar .q2top td, body.highcontrast .legacy-dyn-form-content .q2captionbar .q2top td, body[class*="theme-"] #legacy-dyn-form-content .q2captionbar .q2top td, body[class*="theme-"] .legacy-dyn-form-content .q2captionbar .q2top td { font-size: 18px; font-weight: 500; } body.highcontrast #legacy-dyn-form-content .q2onlineerror, body.highcontrast .legacy-dyn-form-content .q2onlineerror, body[class*="theme-"] #legacy-dyn-form-content .q2onlineerror, body[class*="theme-"] .legacy-dyn-form-content .q2onlineerror { color: var(--uux-app-formValidationErrorText); } body.highcontrast #legacy-dyn-form-content .q2onlinetitle, body.highcontrast .legacy-dyn-form-content .q2onlinetitle, body[class*="theme-"] #legacy-dyn-form-content .q2onlinetitle, body[class*="theme-"] .legacy-dyn-form-content .q2onlinetitle { font-size: 24px; font-weight: 500; line-height: 1.1; } body.highcontrast #legacy-dyn-form-content .q2onlinesubtitle, body.highcontrast .legacy-dyn-form-content .q2onlinesubtitle, body[class*="theme-"] #legacy-dyn-form-content .q2onlinesubtitle, body[class*="theme-"] .legacy-dyn-form-content .q2onlinesubtitle { font-size: 18px; font-weight: 400; line-height: 1.2; } body.highcontrast #legacy-dyn-form-content .tabcontent, body.highcontrast .legacy-dyn-form-content .tabcontent, body[class*="theme-"] #legacy-dyn-form-content .tabcontent, body[class*="theme-"] .legacy-dyn-form-content .tabcontent { margin-bottom: 1em; } body.highcontrast #legacy-dyn-form-content div[style], body.highcontrast .legacy-dyn-form-content div[style], body[class*="theme-"] #legacy-dyn-form-content div[style], body[class*="theme-"] .legacy-dyn-form-content div[style] { font: inherit !important; height: auto !important; padding: 0 !important; width: auto !important; } body.highcontrast #legacy-dyn-form-content li b, body.highcontrast .legacy-dyn-form-content li b, body[class*="theme-"] #legacy-dyn-form-content li b, body[class*="theme-"] .legacy-dyn-form-content li b { padding-right: 3px; } body.highcontrast .sidebar #legacy-dyn-form-content, body.highcontrast .sidebar .legacy-dyn-form-content, body.highcontrast.phone #legacy-dyn-form-content, body.highcontrast.phone .legacy-dyn-form-content, body[class*="theme-"] .sidebar #legacy-dyn-form-content, body[class*="theme-"] .sidebar .legacy-dyn-form-content, body[class*="theme-"].phone #legacy-dyn-form-content, body[class*="theme-"].phone .legacy-dyn-form-content { padding: 0; } body.highcontrast.phone #legacy-dyn-form-content img, body.highcontrast.phone .legacy-dyn-form-content img, body[class*="theme-"].phone #legacy-dyn-form-content img, body[class*="theme-"].phone .legacy-dyn-form-content img { max-width: 100%; } body.highcontrast.phone #legacy-dyn-form-content td[align="right"], body.highcontrast.phone .legacy-dyn-form-content td[align="right"], body[class*="theme-"].phone #legacy-dyn-form-content td[align="right"], body[class*="theme-"].phone .legacy-dyn-form-content td[align="right"] { text-align: left; } body.highcontrast.phone #legacy-dyn-form-content .q2-modal-body, body.highcontrast.phone .legacy-dyn-form-content .q2-modal-body, body[class*="theme-"].phone #legacy-dyn-form-content .q2-modal-body, body[class*="theme-"].phone .legacy-dyn-form-content .q2-modal-body { margin-top: 58px; } body.highcontrast.tablet #legacy-dyn-form-content .q2-modal-body, body.highcontrast.tablet .legacy-dyn-form-content .q2-modal-body, body[class*="theme-"].tablet #legacy-dyn-form-content .q2-modal-body, body[class*="theme-"].tablet .legacy-dyn-form-content .q2-modal-body { margin-top: 88px; } body.highcontrast .search-select-wrapper, body[class*="theme-"] .search-select-wrapper { height: 45px; margin: 0; vertical-align: top; } body.highcontrast .search-select-wrapper input, body[class*="theme-"] .search-select-wrapper input { height: 45px; padding-left: 10px; } body.highcontrast .search-select-wrapper .search-select-input, body[class*="theme-"] .search-select-wrapper .search-select-input { position: relative; } body.highcontrast .search-select-wrapper .search-select-input .search-select-selected, body[class*="theme-"] .search-select-wrapper .search-select-input .search-select-selected { height: 100%; width: 100%; } body.highcontrast .search-select-wrapper .search-select-input .search-selected-item, body[class*="theme-"] .search-select-wrapper .search-select-input .search-selected-item { background: var(--uux-app-inputBg); height: 45px; padding: 0; border: 1px solid var(--uux-app-inputBorder); border-radius: 3px; position: absolute; top: 0; z-index: 1; } body.highcontrast .search-select-wrapper .search-select-input .search-select-header, body[class*="theme-"] .search-select-wrapper .search-select-input .search-select-header { background: var(--uux-app-dropdownBg); padding-left: 6px; } body.highcontrast .search-select-wrapper .search-select-list, body[class*="theme-"] .search-select-wrapper .search-select-list { background-color: var(--uux-app-inputBg); border: 2px solid var(--uux-app-inputBorder); border-bottom: 1px solid var(--uux-app-inputBorder); border-radius: 3px; position: absolute; margin-top: -10px; width: 100%; z-index: 10; } body.highcontrast .search-select-wrapper .search-select-list.scrollable, body[class*="theme-"] .search-select-wrapper .search-select-list.scrollable { border-bottom: 2px solid var(--uux-app-inputBorder); max-height: 350px; overflow-y: scroll; } body.highcontrast .search-select-wrapper .search-select-item, body[class*="theme-"] .search-select-wrapper .search-select-item { display: block; background: var(--uux-app-dropdownBg); border: none; border-bottom: 1px solid var(--uux-app-inputBorder); cursor: pointer; width: 100%; margin: 0; padding: 4px; } body.highcontrast .search-select-wrapper .search-select-item[type="button"], body[class*="theme-"] .search-select-wrapper .search-select-item[type="button"] { text-align: left; } body.highcontrast .search-select-wrapper .search-select-item.enabled.focused, body[class*="theme-"] .search-select-wrapper .search-select-item.enabled.focused { background: var(--uux-app-inputFocusBg); outline: var(--uux-app-inputFocusBorder) solid 2px; outline-offset: -2px; } body.highcontrast .search-select-wrapper .search-select-item:hover, body[class*="theme-"] .search-select-wrapper .search-select-item:hover { background: var(--uux-app-inputBg); } body.highcontrast .search-select-wrapper .search-select-header, body[class*="theme-"] .search-select-wrapper .search-select-header { background: var(--uux-app-dropdownHeaderBg); font-size: 16px; font-weight: 700; max-width: 100%; } body.highcontrast .search-select-wrapper .search-select-group, body[class*="theme-"] .search-select-wrapper .search-select-group { background: var(--uux-app-inputBg); border-radius: 3px; } body.highcontrast .search-select-wrapper .search-select-group .search-select-header, body[class*="theme-"] .search-select-wrapper .search-select-group .search-select-header { padding: 6px; } body.highcontrast .search-select-wrapper .search-select-group .search-select-item, body[class*="theme-"] .search-select-wrapper .search-select-group .search-select-item { padding: 6px 12px; } body.highcontrast .search-select-wrapper .search-select-group .search-select-item .search-select-header, body[class*="theme-"] .search-select-wrapper .search-select-group .search-select-item .search-select-header { display: none; } body.highcontrast .search-select-wrapper .search-selected-item, body[class*="theme-"] .search-select-wrapper .search-selected-item { border-radius: 3px; cursor: pointer; width: 100%; } body.highcontrast .search-select-wrapper .search-selected-item .wire-transfer-account, body[class*="theme-"] .search-select-wrapper .search-selected-item .wire-transfer-account { padding: 4px 12px; } body.highcontrast .search-select-wrapper .search-select-message, body[class*="theme-"] .search-select-wrapper .search-select-message { background: var(--uux-app-inputBg); border: 1px solid var(--uux-app-inputBorder); font-style: italic; padding: 4px; } body.highcontrast .search-select-wrapper.read-only .search-select-item, body.highcontrast .search-select-wrapper.read-only .search-selected-item, body[class*="theme-"] .search-select-wrapper.read-only .search-select-item, body[class*="theme-"] .search-select-wrapper.read-only .search-selected-item { cursor: default; } body.highcontrast .search-select-wrapper.account-info .account-tile, body[class*="theme-"] .search-select-wrapper.account-info .account-tile { border-radius: 0; padding-left: 24px !important; } body.highcontrast .search-select-wrapper.account-info .account-tile:after, body.highcontrast .search-select-wrapper.account-info .account-tile:before, body[class*="theme-"] .search-select-wrapper.account-info .account-tile:after, body[class*="theme-"] .search-select-wrapper.account-info .account-tile:before { content: ""; display: table; line-height: 0; } body.highcontrast .search-select-wrapper.account-info .account-tile:after, body[class*="theme-"] .search-select-wrapper.account-info .account-tile:after { clear: both; } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color { border-radius: 0; width: 12px; } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-0, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-0 { background-color: var(--uux-account-color-0); border-color: var(--uux-account-color-0); color: var(--uux-account-color-0); fill: var(--uux-account-color-0); stroke: var(--uux-account-color-0); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-1, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-1 { background-color: var(--uux-account-color-1); border-color: var(--uux-account-color-1); color: var(--uux-account-color-1); fill: var(--uux-account-color-1); stroke: var(--uux-account-color-1); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-2, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-2 { background-color: var(--uux-account-color-2); border-color: var(--uux-account-color-2); color: var(--uux-account-color-2); fill: var(--uux-account-color-2); stroke: var(--uux-account-color-2); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-3, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-3 { background-color: var(--uux-account-color-3); border-color: var(--uux-account-color-3); color: var(--uux-account-color-3); fill: var(--uux-account-color-3); stroke: var(--uux-account-color-3); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-4, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-4 { background-color: var(--uux-account-color-4); border-color: var(--uux-account-color-4); color: var(--uux-account-color-4); fill: var(--uux-account-color-4); stroke: var(--uux-account-color-4); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-5, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-5 { background-color: var(--uux-account-color-5); border-color: var(--uux-account-color-5); color: var(--uux-account-color-5); fill: var(--uux-account-color-5); stroke: var(--uux-account-color-5); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-6, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-6 { background-color: var(--uux-account-color-6); border-color: var(--uux-account-color-6); color: var(--uux-account-color-6); fill: var(--uux-account-color-6); stroke: var(--uux-account-color-6); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-7, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-7 { background-color: var(--uux-account-color-7); border-color: var(--uux-account-color-7); color: var(--uux-account-color-7); fill: var(--uux-account-color-7); stroke: var(--uux-account-color-7); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-8, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-8 { background-color: var(--uux-account-color-8); border-color: var(--uux-account-color-8); color: var(--uux-account-color-8); fill: var(--uux-account-color-8); stroke: var(--uux-account-color-8); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-9, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-9 { background-color: var(--uux-account-color-9); border-color: var(--uux-account-color-9); color: var(--uux-account-color-9); fill: var(--uux-account-color-9); stroke: var(--uux-account-color-9); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-10, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-10 { background-color: var(--uux-account-color-10); border-color: var(--uux-account-color-10); color: var(--uux-account-color-10); fill: var(--uux-account-color-10); stroke: var(--uux-account-color-10); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-11, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-11 { background-color: var(--uux-account-color-11); border-color: var(--uux-account-color-11); color: var(--uux-account-color-11); fill: var(--uux-account-color-11); stroke: var(--uux-account-color-11); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-12, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-12 { background-color: var(--uux-account-color-12); border-color: var(--uux-account-color-12); color: var(--uux-account-color-12); fill: var(--uux-account-color-12); stroke: var(--uux-account-color-12); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-13, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-13 { background-color: var(--uux-account-color-13); border-color: var(--uux-account-color-13); color: var(--uux-account-color-13); fill: var(--uux-account-color-13); stroke: var(--uux-account-color-13); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-14, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-14 { background-color: var(--uux-account-color-14); border-color: var(--uux-account-color-14); color: var(--uux-account-color-14); fill: var(--uux-account-color-14); stroke: var(--uux-account-color-14); } body.highcontrast .search-select-wrapper.account-info .account-tile .account-color-15, body[class*="theme-"] .search-select-wrapper.account-info .account-tile .account-color-15 { background-color: var(--uux-account-color-15); border-color: var(--uux-account-color-15); color: var(--uux-account-color-15); fill: var(--uux-account-color-15); stroke: var(--uux-account-color-15); } body.highcontrast .search-select-wrapper.account-info .account-widget-title.ellipsize, body[class*="theme-"] .search-select-wrapper.account-info .account-widget-title.ellipsize { max-width: 99%; } body.highcontrast .search-select-wrapper.account-info .account-widget-balance, body[class*="theme-"] .search-select-wrapper.account-info .account-widget-balance { font-size: inherit; line-height: 1; } body.highcontrast .phone .search-select-list, body.highcontrast .tablet .search-select-list, body[class*="theme-"] .phone .search-select-list, body[class*="theme-"] .tablet .search-select-list { position: relative; float: left; } body.highcontrast .multi-select .multi-select-input, body[class*="theme-"] .multi-select .multi-select-input { line-height: 33px; } body.highcontrast .multi-select .multi-select-list-wrapper, body[class*="theme-"] .multi-select .multi-select-list-wrapper { position: absolute; width: 100%; background-color: var(--uux-theme-white); border: 1px solid var(--uux-theme-grayNeutral); border-radius: 8px; z-index: 60; } body.highcontrast .multi-select .multi-select-list-wrapper .selected-items-header, body[class*="theme-"] .multi-select .multi-select-list-wrapper .selected-items-header { float: left; } body.highcontrast .multi-select .multi-select-list-wrapper .clear-selections-header, body[class*="theme-"] .multi-select .multi-select-list-wrapper .clear-selections-header { float: right; } body.highcontrast .multi-select .multi-select-list-wrapper .multi-select-item, body[class*="theme-"] .multi-select .multi-select-list-wrapper .multi-select-item { cursor: pointer; margin-top: 5px; margin-bottom: 5px; position: relative; } body.highcontrast .multi-select .multi-select-list-wrapper .multi-select-item:after, body.highcontrast .multi-select .multi-select-list-wrapper .multi-select-item:before, body[class*="theme-"] .multi-select .multi-select-list-wrapper .multi-select-item:after, body[class*="theme-"] .multi-select .multi-select-list-wrapper .multi-select-item:before { content: ""; display: table; line-height: 0; } body.highcontrast .multi-select .multi-select-list-wrapper .multi-select-item:after, body[class*="theme-"] .multi-select .multi-select-list-wrapper .multi-select-item:after { clear: both; } body.highcontrast .story-panel, body[class*="theme-"] .story-panel { background: var(--uux-app-contentInnerBg); left: 0; min-height: 100%; overflow: auto; overflow-y: scroll; position: absolute; right: 0; top: 0; z-index: 100; -webkit-overflow-scrolling: touch; border: none; } body.highcontrast .story-panel h1, body[class*="theme-"] .story-panel h1 { text-align: center; } body.highcontrast .story-panel h1 .icon-remove-sign, body[class*="theme-"] .story-panel h1 .icon-remove-sign { color: var(--uux-app-textColor); margin-left: -1.6em; } body.highcontrast .story-panel .panel-heading, body[class*="theme-"] .story-panel .panel-heading { font-size: 24px; background: 0 0; border: none; text-align: center; } body.highcontrast .story-panel .story-content, body.highcontrast .story-panel .story-panel-actions, body[class*="theme-"] .story-panel .story-content, body[class*="theme-"] .story-panel .story-panel-actions { margin: 20px 15px; } body.highcontrast .story-panel .page-indicator, body[class*="theme-"] .story-panel .page-indicator { text-align: center; } body.highcontrast .story-panel .dot, body[class*="theme-"] .story-panel .dot { cursor: pointer; display: inline-block; font-size: 9px; height: 20px; margin-right: 3px; padding: 0; position: relative; width: 25px; } body.highcontrast .story-panel .dot:after, body[class*="theme-"] .story-panel .dot:after { background-color: var(--uux-app-widgetCarouselDotAltOff); border-radius: 50%; box-shadow: 0 1px 0 var(--t-base-a1), 0 1px 2px var(--t-top-a1) inset; content: " "; display: block; height: 12px; left: 8px; position: absolute; top: 4px; width: 12px; } body.highcontrast .story-panel .dot.is-selected:after, body[class*="theme-"] .story-panel .dot.is-selected:after { background-color: var(--uux-app-widgetCarouselDotAltOn); box-shadow: none; } body.highcontrast .tax-payment .tax-form-name-select, body[class*="theme-"] .tax-payment .tax-form-name-select { margin-left: 8px; } body.highcontrast .tax-payment .search-select-wrapper, body[class*="theme-"] .tax-payment .search-select-wrapper { height: 46px; } body.highcontrast .tax-payment .search-select-wrapper .search-select-input .search-selected-item, body[class*="theme-"] .tax-payment .search-select-wrapper .search-select-input .search-selected-item { padding-left: 8px; } body.highcontrast .tax-payment .search-tax-forms-section, body[class*="theme-"] .tax-payment .search-tax-forms-section { display: flex; } @media screen and (max-width: 767px) { body.highcontrast .tax-payment .search-tax-forms-section, body[class*="theme-"] .tax-payment .search-tax-forms-section { flex-direction: column; } } body.highcontrast .tax-payment .search-tax-forms-section .tax-authority-select, body[class*="theme-"] .tax-payment .search-tax-forms-section .tax-authority-select { flex: 0 1 50%; } @media screen and (max-width: 767px) { body.highcontrast .tax-payment .search-tax-forms-section .tax-authority-select, body[class*="theme-"] .tax-payment .search-tax-forms-section .tax-authority-select { flex: 0 1 auto; } } body.highcontrast .tax-payment .search-tax-forms-section .tax-form-search, body[class*="theme-"] .tax-payment .search-tax-forms-section .tax-form-search { flex: 0 1 50%; padding: 25px 7px 0; } @media screen and (max-width: 767px) { body.highcontrast .tax-payment .search-tax-forms-section .tax-form-search, body[class*="theme-"] .tax-payment .search-tax-forms-section .tax-form-search { flex: 0 1 auto; padding-top: 7px; } } body.highcontrast .tax-payment .tax-form-name, body[class*="theme-"] .tax-payment .tax-form-name { display: inline-block; width: calc(100% - 35px); } body.highcontrast .user-label-list, body[class*="theme-"] .user-label-list { overflow-y: scroll; min-height: 80px; } body.highcontrast .pfm-widgets .overpanel-scroll-wrapper, body[class*="theme-"] .pfm-widgets .overpanel-scroll-wrapper { padding-left: 0; padding-right: 0; } body.highcontrast .pfm-widgets .overpanel-slider, body[class*="theme-"] .pfm-widgets .overpanel-slider { overflow: hidden; } body.highcontrast .icon-bigger, body[class*="theme-"] .icon-bigger { font-size: 100px; line-height: 1.1em; } body.highcontrast .split-controls .btn, body[class*="theme-"] .split-controls .btn { padding: 0; } body.highcontrast .split-controls .btn + .btn, body[class*="theme-"] .split-controls .btn + .btn { margin: 0; } body.highcontrast .account-selection .btn-holder, body.highcontrast .account-selection .stacked, body[class*="theme-"] .account-selection .btn-holder, body[class*="theme-"] .account-selection .stacked { margin-top: 30px; } body.highcontrast .stacked, body.highcontrast .stacked .tile-card, body[class*="theme-"] .stacked, body[class*="theme-"] .stacked .tile-card { float: none; width: 100%; } body.highcontrast .stacked.spacy .tile-card, body[class*="theme-"] .stacked.spacy .tile-card { margin-bottom: 4px; } body.highcontrast .stacked.with-borders .tilecard, body[class*="theme-"] .stacked.with-borders .tilecard { border: 1px solid var(--uux-app-tilecardBorder); } body.highcontrast .stacked.with-borders.alt .tilecard, body[class*="theme-"] .stacked.with-borders.alt .tilecard { border: 1px solid var(--uux-app-tilecardAltBorder); } body.highcontrast .account-selection .stacked .tile-card-container, body[class*="theme-"] .account-selection .stacked .tile-card-container { border-radius: 8px; } body.highcontrast .account-selection .tile-card, body[class*="theme-"] .account-selection .tile-card { margin-top: 10px; vertical-align: middle; } body.highcontrast .account-selection .tile-card.alt h3, body[class*="theme-"] .account-selection .tile-card.alt h3 { font-weight: 600; } body.highcontrast .account-selection .tile-card.alt .tile-content, body[class*="theme-"] .account-selection .tile-card.alt .tile-content { align-self: center; } @media (min-width: 767px) { body.highcontrast .account-selection .tile-card.alt .tile-content, body[class*="theme-"] .account-selection .tile-card.alt .tile-content { display: inline-flex; } body.highcontrast .account-selection .tile-card.alt .ui-fieldset, body[class*="theme-"] .account-selection .tile-card.alt .ui-fieldset { margin: 0; width: 330px; } body.highcontrast .account-selection .tile-card.alt .ui-fieldset legend, body[class*="theme-"] .account-selection .tile-card.alt .ui-fieldset legend { width: auto; float: left; margin: 10px; } body.highcontrast .account-selection .tile-card.alt q2-checkbox, body[class*="theme-"] .account-selection .tile-card.alt q2-checkbox { display: inline-block; margin-left: 15px; } body.highcontrast .account-selection .tile-card.alt h3, body[class*="theme-"] .account-selection .tile-card.alt h3 { min-width: calc(100% - 330px); align-self: center; } body.highcontrast .account-selection .tile-card.alt h3 span.tile-card-title, body[class*="theme-"] .account-selection .tile-card.alt h3 span.tile-card-title { max-width: auto; } } body.highcontrast .overpanel-content-wrapper .text-info div, body[class*="theme-"] .overpanel-content-wrapper .text-info div { text-align: center; } body.highcontrast .overpanel-content-wrapper .text-info div .icon-time.icon-bigger, body[class*="theme-"] .overpanel-content-wrapper .text-info div .icon-time.icon-bigger { text-align: initial; } body.highcontrast .oauth-speed-bump, body[class*="theme-"] .oauth-speed-bump { text-align: center; } body.highcontrast .oauth-speed-bump q2-icon, body[class*="theme-"] .oauth-speed-bump q2-icon { --tct-icon-size: 60px; } body.highcontrast .account-selection .step-text, body.highcontrast .credential-entry .step-text, body[class*="theme-"] .account-selection .step-text, body[class*="theme-"] .credential-entry .step-text { font-size: 18px; font-weight: 400; margin-top: 20px; } body.highcontrast .account-selection .overpanel-spacer, body.highcontrast .credential-entry .overpanel-spacer, body[class*="theme-"] .account-selection .overpanel-spacer, body[class*="theme-"] .credential-entry .overpanel-spacer { height: 43px; min-height: 0; display: flex; justify-content: center; } body.highcontrast .account-selection .spinner, body.highcontrast .credential-entry .spinner, body[class*="theme-"] .account-selection .spinner, body[class*="theme-"] .credential-entry .spinner { top: 0; } body.highcontrast .account-selection .image-container, body.highcontrast .credential-entry .image-container, body[class*="theme-"] .account-selection .image-container, body[class*="theme-"] .credential-entry .image-container { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } body.highcontrast .account-selection .image-container .image-option, body.highcontrast .credential-entry .image-container .image-option, body[class*="theme-"] .account-selection .image-container .image-option, body[class*="theme-"] .credential-entry .image-container .image-option { margin: var(--app-scale-1); border: var(--app-scale-1) solid transparent; } body.highcontrast .account-selection .image-container .image-option.selected, body.highcontrast .credential-entry .image-container .image-option.selected, body[class*="theme-"] .account-selection .image-container .image-option.selected, body[class*="theme-"] .credential-entry .image-container .image-option.selected { border-color: var(--uux-theme-primary); } body.highcontrast .credential-entry .status-img, body[class*="theme-"] .credential-entry .status-img { width: 100%; } @media screen and (min-width: 481px) { body.highcontrast .credential-entry .overpanel-content-wrapper-flex, body[class*="theme-"] .credential-entry .overpanel-content-wrapper-flex { height: 100%; display: flex; justify-content: center; flex-direction: column; } body.highcontrast .credential-entry .status-img, body[class*="theme-"] .credential-entry .status-img { width: 315px; } } body.highcontrast .account-details .popover, body[class*="theme-"] .account-details .popover { width: 400px; } @media (max-width: 767px) { body.highcontrast .account-details .popover, body[class*="theme-"] .account-details .popover { width: 200px; } } body.highcontrast .detail-row-header, body[class*="theme-"] .detail-row-header { border-bottom: 1px solid var(--uux-app-tilecardAltFlairBg); padding-bottom: 0; margin-left: 7px; margin-right: 7px; margin-bottom: 0; } body.highcontrast .detail-row-header:after, body.highcontrast .detail-row-header:before, body[class*="theme-"] .detail-row-header:after, body[class*="theme-"] .detail-row-header:before { content: ""; display: table; line-height: 0; } body.highcontrast .detail-row-header:after, body[class*="theme-"] .detail-row-header:after { clear: both; } body.highcontrast .detail-row-header .btn-link, body[class*="theme-"] .detail-row-header .btn-link { text-align: left; text-decoration: none; color: var(--uux-app-datatableContrast); padding-bottom: 0; padding-top: 0; } body.highcontrast .detail-row-header .btn-link:active, body.highcontrast .detail-row-header .btn-link:hover, body[class*="theme-"] .detail-row-header .btn-link:active, body[class*="theme-"] .detail-row-header .btn-link:hover { text-decoration: none; } body.highcontrast .detail-row-header h4, body[class*="theme-"] .detail-row-header h4 { color: var(--t-gray9); font-size: 18px; line-height: 20px; font-weight: 600; margin: 0; display: inline-block; } body.highcontrast .detail-row-content, body[class*="theme-"] .detail-row-content { margin-bottom: 6px; margin-top: 13px; } body.highcontrast .detail-row-content:after, body.highcontrast .detail-row-content:before, body[class*="theme-"] .detail-row-content:after, body[class*="theme-"] .detail-row-content:before { content: ""; display: table; line-height: 0; } body.highcontrast .detail-row-content:after, body[class*="theme-"] .detail-row-content:after { clear: both; } body.highcontrast .detail-row-content .name, body[class*="theme-"] .detail-row-content .name { font-weight: 600; } body.highcontrast .detail-row-content dd, body.highcontrast .detail-row-content dt, body[class*="theme-"] .detail-row-content dd, body[class*="theme-"] .detail-row-content dt { display: block; } body.highcontrast .detail-row-content dd q2-icon[type="flag"], body.highcontrast .detail-row-content dt q2-icon[type="flag"], body[class*="theme-"] .detail-row-content dd q2-icon[type="flag"], body[class*="theme-"] .detail-row-content dt q2-icon[type="flag"] { --t-icon-stroke-primary: var(--t-status-alert); --t-icon-stroke-secondary: var(--t-status-alert); --t-icon-fill: var(--t-status-alert); width: 19px; height: 19px; } body.highcontrast .detail-row-content dt, body[class*="theme-"] .detail-row-content dt { font-weight: 600; } body.highcontrast .detail-row-content .txn-description, body[class*="theme-"] .detail-row-content .txn-description { overflow-x: scroll; } body.highcontrast .detail-row-content .account-detail-element:not(:last-child), body[class*="theme-"] .detail-row-content .account-detail-element:not(:last-child) { margin-bottom: 15px; } body.highcontrast .slider-tabs, body[class*="theme-"] .slider-tabs { padding: 0 12px; } body.highcontrast .tab-item, body[class*="theme-"] .tab-item { cursor: pointer; display: inline-block; padding: 2px 10px 8px; } body.highcontrast .tab-item.current, body[class*="theme-"] .tab-item.current { color: var(--uux-theme-primary); box-shadow: 0 -4px 0 var(--uux-theme-primary) inset; cursor: default; } body.highcontrast h3.tab-item, body[class*="theme-"] h3.tab-item { cursor: default; margin-top: 0; } body.highcontrast .data-form .clickable-label, body.highcontrast .data-form input[type="checkbox"], body.highcontrast .data-form input[type="radio"], body.highcontrast .wire-activity-table .table tr.wire-activity-row, body[class*="theme-"] .data-form .clickable-label, body[class*="theme-"] .data-form input[type="checkbox"], body[class*="theme-"] .data-form input[type="radio"], body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row { cursor: pointer; } body.highcontrast .tag, body[class*="theme-"] .tag { border: 1px solid var(--uux-theme-grayLightNeutral); margin: 0 10px; padding: 0 5px; font-size: 12px; line-height: 19px; color: var(--uux-theme-grayAccessible); height: 19px; width: auto; display: flex; align-items: center; white-space: nowrap; flex: 0 0 auto; } [class*="icon-"] ~ body.highcontrast .tag-text, [class*="icon-"] ~ body[class*="theme-"] .tag-text { margin-left: 5px; } body.highcontrast .navbar, body[class*="theme-"] .navbar { border-bottom: none; height: calc(var(--uux-app-headerHeight) + env(safe-area-inset-top, 0)); margin-bottom: 0; position: relative; } body.highcontrast .navbar .meta-container, body[class*="theme-"] .navbar .meta-container { align-items: center; background-color: var(--uux-app-brandingBarBg); color: var(--uux-app-brandingBarContrast); display: flex; height: 100%; max-width: var(--uux-app-maxWidth); padding-top: env(safe-area-inset-top, 0); } body.highcontrast .navbar .navbar-button, body.highcontrast.phone .navbar .navbar-side-button, body[class*="theme-"] .navbar .navbar-button, body[class*="theme-"].phone .navbar .navbar-side-button { flex-basis: 56px; } body.highcontrast .navbar .meta-container .logo-image, body[class*="theme-"] .navbar .meta-container .logo-image { background-position: center left; } @media screen and (max-width: 480px) { body.highcontrast .navbar .meta-container .logo-image, body[class*="theme-"] .navbar .meta-container .logo-image { max-width: calc(100vw - 225px); } } @media screen and (min-width: 1280px) { body.highcontrast .navbar .navbar-button, body[class*="theme-"] .navbar .navbar-button { flex-basis: 0; } } @media print { body.highcontrast .navbar .navbar-button, body[class*="theme-"] .navbar .navbar-button { flex-basis: auto; } } @media screen and (max-width: 767px) { body.highcontrast .navbar .navbar-side-button, body[class*="theme-"] .navbar .navbar-side-button { flex-basis: 56px; } } body.highcontrast .navbar .navbar-side-button button, body[class*="theme-"] .navbar .navbar-side-button button { margin-left: 15px; } body.highcontrast .navbar .navbar-branding, body[class*="theme-"] .navbar .navbar-branding { flex: 1 1 auto; margin-left: 15px; } @media screen and (min-width: 768px) { body.highcontrast .navbar .navbar-branding, body[class*="theme-"] .navbar .navbar-branding { flex-grow: 0; } } @media screen and (min-width: 1280px) { body.highcontrast .navbar .navbar-branding, body[class*="theme-"] .navbar .navbar-branding { margin-left: 0; } } body.highcontrast .navbar .navbar-right, body[class*="theme-"] .navbar .navbar-right { display: flex; flex: 0 0 auto; text-align: center; } @media screen and (max-width: 1280px) { body.highcontrast .navbar.enable-menu-button.left-align-logo .navbar-branding, body[class*="theme-"] .navbar.enable-menu-button.left-align-logo .navbar-branding { margin-left: 15px; } } body.highcontrast .navbar.left-align-logo .navbar-button, body[class*="theme-"] .navbar.left-align-logo .navbar-button { flex-basis: auto; } body.highcontrast .navbar.left-align-logo .ui-logo, body[class*="theme-"] .navbar.left-align-logo .ui-logo { justify-content: left; } body.highcontrast .tablet .navbar-branding, body[class*="theme-"] .tablet .navbar-branding { margin-left: 15px; } body.highcontrast:not(.interstitial-page) .navbar.navbar-fixed-top .container, body[class*="theme-"]:not(.interstitial-page) .navbar.navbar-fixed-top .container { box-shadow: 0 0 5px 0 var(--t-top-a1); } body.highcontrast:not(.interstitial-page) .horizontal-nav .navbar.navbar-fixed-top .container, body[class*="theme-"]:not(.interstitial-page) .horizontal-nav .navbar.navbar-fixed-top .container { box-shadow: 0 -1px 5px var(--t-top-a1); } body.highcontrast .more-text-btn, body[class*="theme-"] .more-text-btn { display: flex; flex-direction: column; margin: 0 auto; align-items: center; } body.highcontrast .more-text-btn .more-btn-text, body[class*="theme-"] .more-text-btn .more-btn-text { font-size: 10px; } body.highcontrast .data-form .df-tab-content, body[class*="theme-"] .data-form .df-tab-content { margin: 0 6px; } body.highcontrast .data-form .df-checkbox, body[class*="theme-"] .data-form .df-checkbox { padding: 23px 7.5px 14px; } body.highcontrast .data-form .df-checkbox .has-error input, body[class*="theme-"] .data-form .df-checkbox .has-error input { border-color: var(--uux-CONST_STOPLIGHT_ALERT); border-radius: 4px; box-shadow: inset 0 1px 1px var(--t-top-a0), 0 0 7px var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .data-form .df-checkbox .has-error .form-control-feedback, body[class*="theme-"] .data-form .df-checkbox .has-error .form-control-feedback { top: -0.5rem; } body.highcontrast .data-form .df-calendar-field .form-control-feedback, body.highcontrast .data-form .df-select .form-control-feedback, body[class*="theme-"] .data-form .df-calendar-field .form-control-feedback, body[class*="theme-"] .data-form .df-select .form-control-feedback { right: 36px; } body.highcontrast .data-form .df-calendar-field .inputControl.calendar.calendar-field-popup, body[class*="theme-"] .data-form .df-calendar-field .inputControl.calendar.calendar-field-popup { z-index: 5; } body.highcontrast .dts-form .ember-radio-button, body[class*="theme-"] .dts-form .ember-radio-button { height: 44px; line-height: 44px; font-weight: initial; font-size: 14px; display: inline-block; } body.highcontrast .dts-form .ember-radio-button input, body[class*="theme-"] .dts-form .ember-radio-button input { height: 20px; width: 20px; margin-right: 15px; vertical-align: -20%; } body.highcontrast .dts-form .has-error .form-control-feedback, body[class*="theme-"] .dts-form .has-error .form-control-feedback { bottom: 0; top: initial; } body.highcontrast .dts-form textarea, body[class*="theme-"] .dts-form textarea { resize: vertical; margin-bottom: 0; max-height: 200px; } body.highcontrast .dts-form .feedback-wrapper, body[class*="theme-"] .dts-form .feedback-wrapper { top: auto; } body.highcontrast .pp-wrapper .positive-pay-list-container, body[class*="theme-"] .pp-wrapper .positive-pay-list-container { overflow-y: auto; } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item { text-decoration: none; line-height: 1.2em; border-bottom: 1px solid var(--uux-theme-grayLighterNeutral); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:after, body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:before, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:after, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:before { content: ""; display: table; line-height: 0; } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:after, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:after { clear: both; } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item .ui-btn, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item .ui-btn { padding: 10px; min-height: 90px; display: block; position: relative; text-align: left; } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item .text-muted, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item .text-muted { color: var(--uux-app-contentSubtextColor); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:hover, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:hover { background-color: var(--uux-app-checkExceptionListHover) !important; color: var(--uux-app-textColor); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:hover .text-muted, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:hover .text-muted { color: var(--uux-app-contentSubtextColor); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:active, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:active { background-color: var(--uux-app-checkExceptionListHover) !important; color: var(--uux-app-textColor); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item:active .text-muted, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item:active .text-muted { color: var(--uux-app-contentSubtextColor); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item.active, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item.active { background-color: var(--uux-app-checkExceptionListHover) !important; color: var(--uux-app-textColor); } body.highcontrast .pp-wrapper .positive-pay-list-container .positive-pay-list-item.active .text-muted, body[class*="theme-"] .pp-wrapper .positive-pay-list-container .positive-pay-list-item.active .text-muted { color: var(--uux-app-contentSubtextColor); } body.highcontrast .pp-wrapper .positive-pay-detail-container, body[class*="theme-"] .pp-wrapper .positive-pay-detail-container { padding: 0; } body.highcontrast .pp-wrapper .positive-pay-detail-container .separator, body[class*="theme-"] .pp-wrapper .positive-pay-detail-container .separator { border-bottom: 1px solid var(--uux-theme-grayLighterNeutral); } body.highcontrast .pp-wrapper .pp-radio .ember-radio-button, body[class*="theme-"] .pp-wrapper .pp-radio .ember-radio-button { height: 44px; line-height: 44px; font-weight: initial; font-size: 14px; display: inline-block; } body.highcontrast .pp-wrapper .pp-radio .ember-radio-button input, body[class*="theme-"] .pp-wrapper .pp-radio .ember-radio-button input { height: 20px; width: 20px; margin-right: 15px; vertical-align: -20%; } body.highcontrast .pp-wrapper .pp-form-container, body[class*="theme-"] .pp-wrapper .pp-form-container { padding: 0 15px; } body.highcontrast .pp-wrapper .pp-form-container:after, body.highcontrast .pp-wrapper .pp-form-container:before, body[class*="theme-"] .pp-wrapper .pp-form-container:after, body[class*="theme-"] .pp-wrapper .pp-form-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .pp-wrapper .pp-form-container:after, body[class*="theme-"] .pp-wrapper .pp-form-container:after { clear: both; } body.highcontrast .pp-wrapper .pp-title, body[class*="theme-"] .pp-wrapper .pp-title { font-size: 16px; font-weight: 400; } body.highcontrast .pp-wrapper .pp-amount, body[class*="theme-"] .pp-wrapper .pp-amount { font-size: 16px; font-weight: 600; } body.highcontrast .pp-wrapper .pp-details span, body[class*="theme-"] .pp-wrapper .pp-details span { padding: 5px 0; } body.highcontrast .pp-wrapper .pp-decision-container, body[class*="theme-"] .pp-wrapper .pp-decision-container { border-top: 1px solid var(--uux-theme-grayLighterNeutral); margin-bottom: 15px; } body.highcontrast .pp-wrapper .pp-decision-container .pp-radio, body[class*="theme-"] .pp-wrapper .pp-decision-container .pp-radio { text-align: center; } body.highcontrast .pp-wrapper .pp-clear-button, body[class*="theme-"] .pp-wrapper .pp-clear-button { margin-right: 10px; min-height: 40px; text-align: right; } body.highcontrast .pp-wrapper .pp-ach-button, body[class*="theme-"] .pp-wrapper .pp-ach-button { min-height: 75px; } body.highcontrast .pp-wrapper .pp-info-message:before, body[class*="theme-"] .pp-wrapper .pp-info-message:before { float: left; font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f157"; font-size: 17px; margin-right: 8px; line-height: 100%; } body.highcontrast .pp-wrapper .pp-return-reason.active:after, body[class*="theme-"] .pp-wrapper .pp-return-reason.active:after { float: right; font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f12f"; font-size: 18px; } body.highcontrast .pp-wrapper .pp-return-reason .icon, body[class*="theme-"] .pp-wrapper .pp-return-reason .icon { font-size: 22px; } body.highcontrast .pp-wrapper .pp-return-reason .return-reason-field, body[class*="theme-"] .pp-wrapper .pp-return-reason .return-reason-field { height: 31px; line-height: 31px; max-width: 100%; } body.highcontrast .pp-wrapper .pp-return-reason .return-reason-field .return-reason-text, body[class*="theme-"] .pp-wrapper .pp-return-reason .return-reason-field .return-reason-text { font-size: 14px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .pp-wrapper .pp-check-front:before, body[class*="theme-"] .pp-wrapper .pp-check-front:before { content: url(images/positive-pay-check-front-65b2e5b73312856cb2009d76ce81c510.png); } body.highcontrast .pp-wrapper .pp-check-back:before, body[class*="theme-"] .pp-wrapper .pp-check-back:before { content: url(images/positive-pay-check-back-c95d068177380ebceeebe906a8223389.png); } body.highcontrast .pp-wrapper .pp-back-button, body[class*="theme-"] .pp-wrapper .pp-back-button { color: var(--uux-app-textColor); } body.highcontrast .pp-wrapper .pp-back-button .back-label, body[class*="theme-"] .pp-wrapper .pp-back-button .back-label { margin-top: 4px; } body.highcontrast .pp-wrapper .pp-back-button .icon, body[class*="theme-"] .pp-wrapper .pp-back-button .icon { margin-right: 0; } body.highcontrast .pp-wrapper .pp-sticky-footer, body[class*="theme-"] .pp-wrapper .pp-sticky-footer { overflow: auto; background-color: var(--uux-CONST_GRAY_L3); border-top: var(--uux-app-datatableCleanHeaderBorderWidth) solid var(--uux-app-datatableCleanHeaderBorderColor); min-height: 29px; padding: 15px; } body.highcontrast .table-lite table.highlight > tbody > tr:hover, body.highcontrast .table-lite table.striped > tbody > tr:nth-child(odd), body[class*="theme-"] .table-lite table.highlight > tbody > tr:hover, body[class*="theme-"] .table-lite table.striped > tbody > tr:nth-child(odd) { background-color: var(--t-gray14); } @media screen and (max-width: 1280px) { body.highcontrast .pp-wrapper .pp-container, body[class*="theme-"] .pp-wrapper .pp-container { height: calc(100vh - 67px - 200px - 75px); } body.highcontrast .pp-wrapper .pp-container .positive-pay-list-container, body[class*="theme-"] .pp-wrapper .pp-container .positive-pay-list-container { height: calc(100% - 65px); } body.highcontrast .pp-wrapper .pp-container .exceptions-filter-container, body[class*="theme-"] .pp-wrapper .pp-container .exceptions-filter-container { height: 100%; } body.highcontrast .pp-wrapper .pp-info-message, body[class*="theme-"] .pp-wrapper .pp-info-message { height: auto; } body.highcontrast .pp-wrapper .nav-tab-container, body[class*="theme-"] .pp-wrapper .nav-tab-container { height: 65px; } } @media screen and (max-width: 767px) { body.highcontrast .pp-wrapper .pp-sticky-footer, body[class*="theme-"] .pp-wrapper .pp-sticky-footer { padding: 5px; } body.highcontrast .pp-wrapper .pp-container, body[class*="theme-"] .pp-wrapper .pp-container { height: calc(100vh - var(--uux-app-headerHeight) - 55px - 38px); } body.highcontrast .pp-wrapper .pp-container .exceptions-filter-container, body[class*="theme-"] .pp-wrapper .pp-container .exceptions-filter-container { height: auto; } } body.highcontrast .phone .pp-container, body[class*="theme-"] .phone .pp-container { height: 100%; } body.highcontrast .phone .pp-container .exceptions-filter-container, body.highcontrast .phone .pp-container .positive-pay-detail-container, body[class*="theme-"] .phone .pp-container .exceptions-filter-container, body[class*="theme-"] .phone .pp-container .positive-pay-detail-container { width: 100%; } body.highcontrast .phone .pp-container .pp-decision-container, body[class*="theme-"] .phone .pp-container .pp-decision-container { display: inline-flex; } body.highcontrast .desktop .pp-wrapper .positive-pay-detail-container, body.highcontrast .tablet .pp-wrapper .positive-pay-detail-container, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-detail-container, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-detail-container { padding: 0 12px; } body.highcontrast .desktop .pp-wrapper .positive-pay-header, body.highcontrast .tablet .pp-wrapper .positive-pay-header, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-header, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-header { border-bottom: 1px solid var(--uux-theme-grayLighterNeutral); } body.highcontrast .desktop .pp-wrapper .positive-pay-header .nav-tab-container ul.nav-tabs, body.highcontrast .tablet .pp-wrapper .positive-pay-header .nav-tab-container ul.nav-tabs, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-header .nav-tab-container ul.nav-tabs, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-header .nav-tab-container ul.nav-tabs { border-bottom: initial; } body.highcontrast .desktop .pp-wrapper .positive-pay-header .pp-exceptions-filters, body.highcontrast .tablet .pp-wrapper .positive-pay-header .pp-exceptions-filters, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-header .pp-exceptions-filters, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-header .pp-exceptions-filters { border-top: 1px solid var(--uux-theme-grayLighterNeutral); width: 100; } body.highcontrast .desktop .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter, body.highcontrast .tablet .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter { margin: 20px 0 12px; position: relative; left: -15px; } body.highcontrast .desktop .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter:last-of-type, body.highcontrast .tablet .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter:last-of-type, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter:last-of-type, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-header .pp-exceptions-filters .exceptions-filter:last-of-type { left: 15px; } body.highcontrast .desktop .pp-wrapper .positive-pay-list-container, body.highcontrast .tablet .pp-wrapper .positive-pay-list-container, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-list-container, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-list-container { border-right: 1px solid var(--uux-theme-grayLighterNeutral); height: 550px; } body.highcontrast .desktop .pp-wrapper .positive-pay-add-check-container, body.highcontrast .tablet .pp-wrapper .positive-pay-add-check-container, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-add-check-container, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-add-check-container { height: 617px; } body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container { height: 617px; padding: 15px; } body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file { display: flex; } body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file .selected-file-name, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file .selected-file-name, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file .selected-file-name, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .choose-file .selected-file-name { margin: 10px; } body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row { margin: 20px 0; } body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-calendar, body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-input, body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-select, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-calendar, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-input, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-select, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-calendar, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-input, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-select, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-calendar, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-input, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row q2-select { margin: 10px 0; } body.highcontrast .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row .account-select p, body.highcontrast .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row .account-select p, body[class*="theme-"] .desktop .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row .account-select p, body[class*="theme-"] .tablet .pp-wrapper .positive-pay-submit-issue-check-file-container .file-info-row .account-select p { color: var(--uux-theme-grayDark); } body.highcontrast .desktop .pp-wrapper .pp-filter-container, body.highcontrast .tablet .pp-wrapper .pp-filter-container, body[class*="theme-"] .desktop .pp-wrapper .pp-filter-container, body[class*="theme-"] .tablet .pp-wrapper .pp-filter-container { border-right: 1px solid var(--uux-theme-grayLighterNeutral); } body.highcontrast .desktop .pp-wrapper .pp-decision, body.highcontrast .tablet .pp-wrapper .pp-decision, body[class*="theme-"] .desktop .pp-wrapper .pp-decision, body[class*="theme-"] .tablet .pp-wrapper .pp-decision { text-align: left; } body.highcontrast .desktop .pp-wrapper .pp-decision-container, body.highcontrast .tablet .pp-wrapper .pp-decision-container, body[class*="theme-"] .desktop .pp-wrapper .pp-decision-container, body[class*="theme-"] .tablet .pp-wrapper .pp-decision-container { border-top: 0; margin-top: 20px; } body.highcontrast .desktop .pp-wrapper .pp-decision-container .pp-radio, body.highcontrast .tablet .pp-wrapper .pp-decision-container .pp-radio, body[class*="theme-"] .desktop .pp-wrapper .pp-decision-container .pp-radio, body[class*="theme-"] .tablet .pp-wrapper .pp-decision-container .pp-radio { text-align: left; } body.highcontrast .desktop .pp-wrapper .pp-clear-button, body.highcontrast .tablet .pp-wrapper .pp-clear-button, body[class*="theme-"] .desktop .pp-wrapper .pp-clear-button, body[class*="theme-"] .tablet .pp-wrapper .pp-clear-button { float: right; text-align: left; margin-right: 0; padding-left: 30px; } body.highcontrast .desktop .pp-wrapper .pp-clear-button .btn, body.highcontrast .tablet .pp-wrapper .pp-clear-button .btn, body[class*="theme-"] .desktop .pp-wrapper .pp-clear-button .btn, body[class*="theme-"] .tablet .pp-wrapper .pp-clear-button .btn { padding: 3px 0 0; } body.highcontrast .desktop .pp-wrapper .pp-radio .ember-radio-button, body.highcontrast .tablet .pp-wrapper .pp-radio .ember-radio-button, body[class*="theme-"] .desktop .pp-wrapper .pp-radio .ember-radio-button, body[class*="theme-"] .tablet .pp-wrapper .pp-radio .ember-radio-button { line-height: initial; height: initial; } body.highcontrast .desktop .pp-wrapper .pp-submit-issue-check-file-footer, body.highcontrast .tablet .pp-wrapper .pp-submit-issue-check-file-footer, body[class*="theme-"] .desktop .pp-wrapper .pp-submit-issue-check-file-footer, body[class*="theme-"] .tablet .pp-wrapper .pp-submit-issue-check-file-footer { display: flex; justify-content: flex-end; } body.highcontrast .desktop .pp-wrapper .pp-submit-issue-check-file-footer q2-btn, body.highcontrast .tablet .pp-wrapper .pp-submit-issue-check-file-footer q2-btn, body[class*="theme-"] .desktop .pp-wrapper .pp-submit-issue-check-file-footer q2-btn, body[class*="theme-"] .tablet .pp-wrapper .pp-submit-issue-check-file-footer q2-btn { min-width: 200px; } body.highcontrast .mob-menu-icon:before, body[class*="theme-"] .mob-menu-icon:before { content: var(--uux-icon-default); } body.highcontrast .mob-menu-icon.landing-page:before, body[class*="theme-"] .mob-menu-icon.landing-page:before { content: var(--uux-icon-home); } body.highcontrast .mob-menu-icon.message-center:before, body[class*="theme-"] .mob-menu-icon.message-center:before { content: var(--uux-icon-messages); } body.highcontrast .mob-menu-icon.transactions:before, body[class*="theme-"] .mob-menu-icon.transactions:before { content: var(--uux-icon-transactions); } body.highcontrast .mob-menu-icon.commercial:before, body[class*="theme-"] .mob-menu-icon.commercial:before { content: var(--uux-icon-commercial); } body.highcontrast .mob-menu-icon.news:before, body[class*="theme-"] .mob-menu-icon.news:before { content: var(--uux-icon-news); } body.highcontrast .mob-menu-icon.branches:before, body[class*="theme-"] .mob-menu-icon.branches:before { content: var(--uux-icon-branches); } body.highcontrast .mob-menu-icon.reports:before, body[class*="theme-"] .mob-menu-icon.reports:before { content: var(--uux-icon-reports); } body.highcontrast .mob-menu-icon.services:before, body[class*="theme-"] .mob-menu-icon.services:before { content: var(--uux-icon-services); } body.highcontrast .mob-menu-icon.help:before, body[class*="theme-"] .mob-menu-icon.help:before { content: var(--uux-icon-help); } body.highcontrast .mob-menu-icon.logoff:before, body[class*="theme-"] .mob-menu-icon.logoff:before { content: var(--uux-icon-signout); } body.highcontrast .mob-menu-icon.payments:before, body[class*="theme-"] .mob-menu-icon.payments:before { content: var(--uux-icon-payments); } body.highcontrast .mob-menu-icon.offers:before, body[class*="theme-"] .mob-menu-icon.offers:before { content: var(--uux-icon-offers); } body.highcontrast .mob-menu-icon.settings:before, body[class*="theme-"] .mob-menu-icon.settings:before { content: var(--uux-icon-settings); } body.highcontrast .mob-collapsed-indicator:before, body[class*="theme-"] .mob-collapsed-indicator:before { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f110"; } body.highcontrast .mob-expanded-indicator:before, body[class*="theme-"] .mob-expanded-indicator:before { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f111"; } body.highcontrast .estatements-view .table, body[class*="theme-"] .estatements-view .table { table-layout: fixed; } body.highcontrast .estatements-view .table td, body[class*="theme-"] .estatements-view .table td { overflow: hidden; } body.highcontrast .estatements-view .table .account-nickname, body[class*="theme-"] .estatements-view .table .account-nickname { word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; } body.highcontrast .btnEditStatementDelivery, body[class*="theme-"] .btnEditStatementDelivery { display: contents; } body.highcontrast .table-lite table, body[class*="theme-"] .table-lite table { width: 100%; display: table; border-collapse: collapse; border-spacing: 0; } body.highcontrast .table-lite table.striped tr, body[class*="theme-"] .table-lite table.striped tr { border-bottom: none; } body.highcontrast .table-lite table.striped > tbody > tr > td, body[class*="theme-"] .table-lite table.striped > tbody > tr > td { border-radius: 0; } body.highcontrast .table-lite thead > tr, body[class*="theme-"] .table-lite thead > tr { border-bottom: 2px solid var(--t-gray11); } body.highcontrast .table-lite tbody > tr, body[class*="theme-"] .table-lite tbody > tr { border-bottom: 1px solid var(--t-gray13); } body.highcontrast .table-lite td, body.highcontrast .table-lite th, body[class*="theme-"] .table-lite td, body[class*="theme-"] .table-lite th { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px; } body.highcontrast .commercial, body[class*="theme-"] .commercial { position: relative; } body.highcontrast .commercial .new-payment, body[class*="theme-"] .commercial .new-payment { position: absolute; right: 50px; top: 20px; } body.highcontrast .commercial .new-payment span.default, body[class*="theme-"] .commercial .new-payment span.default { color: var(--uux-app-strongTextColor); } body.highcontrast .commercial .dropdown, body[class*="theme-"] .commercial .dropdown { display: inline-block; } body.highcontrast .commercial .filter-type, body[class*="theme-"] .commercial .filter-type { padding-top: 10px; } body.highcontrast .commercial .right.link, body[class*="theme-"] .commercial .right.link { float: right; } body.highcontrast .transaction-history, body[class*="theme-"] .transaction-history { z-index: 20; } body.highcontrast .transaction-history q2-input, body[class*="theme-"] .transaction-history q2-input { margin: 0; } body.highcontrast .transaction-modal, body[class*="theme-"] .transaction-modal { background-color: var(--uux-app-contentBg); width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; margin-top: -25%; margin-left: -25%; } body.highcontrast .csv-no-splits, body[class*="theme-"] .csv-no-splits { display: block; margin: 0.5em; padding-left: 40%; } body.highcontrast .template-info .form-control:-ms-input-placeholder, body.highcontrast .template-info .form-control::-moz-placeholder, body.highcontrast .template-info .form-control::-webkit-input-placeholder, body[class*="theme-"] .template-info .form-control:-ms-input-placeholder, body[class*="theme-"] .template-info .form-control::-moz-placeholder, body[class*="theme-"] .template-info .form-control::-webkit-input-placeholder { color: var(--uux-app-textColor); } body.highcontrast .template-info .row.well, body[class*="theme-"] .template-info .row.well { padding-top: 0; margin-top: 15px; } body.highcontrast .template-info .row, body[class*="theme-"] .template-info .row { margin: 0; } body.highcontrast .template-info .form-container > .row .payment-data-container, body[class*="theme-"] .template-info .form-container > .row .payment-data-container { width: 50%; float: left; height: 72px; overflow: hidden; padding-left: 16px; margin-bottom: 15px; overflow-wrap: break-word; } body.highcontrast .template-info .form-container > .row .payment-data-containerdiv, body[class*="theme-"] .template-info .form-container > .row .payment-data-containerdiv { padding: 0; } @media screen and (max-width: 991px) { body.highcontrast .template-info .form-container > .row .payment-data-container, body[class*="theme-"] .template-info .form-container > .row .payment-data-container { width: 100%; } body.highcontrast .user-roles-desc, body.highcontrast .user-roles-name, body[class*="theme-"] .user-roles-desc, body[class*="theme-"] .user-roles-name { word-break: break-all; } } body.highcontrast .template-info .form-container > .row .payment-data-component label, body.highcontrast .template-info .form-container > .row .payment-data-container label, body[class*="theme-"] .template-info .form-container > .row .payment-data-component label, body[class*="theme-"] .template-info .form-container > .row .payment-data-container label { font-size: 14px; font-weight: 600; height: 18px; line-height: 18px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .template-info .form-container > .row .payment-data-component p, body[class*="theme-"] .template-info .form-container > .row .payment-data-component p { line-height: 1.2; height: 34px; overflow: hidden; text-overflow: ellipsis; text-indent: 2px; } body.highcontrast .template-info .form-container > .row .description-container, body[class*="theme-"] .template-info .form-container > .row .description-container { padding-left: 0; width: 99%; } body.highcontrast .template-info .form-container > .row .calendar-field-container, body[class*="theme-"] .template-info .form-container > .row .calendar-field-container { width: 50%; float: left; clear: both; } @media screen and (max-width: 1199px) { body.highcontrast .template-info .form-container > .row .calendar-field-container, body[class*="theme-"] .template-info .form-container > .row .calendar-field-container { width: 100%; } } body.highcontrast .template-info .form-container > .row .calendar-field-container > div, body[class*="theme-"] .template-info .form-container > .row .calendar-field-container > div { width: 75%; padding-left: 8px; } body.highcontrast .template-info .form-container > .row .calendar-field-container > div .form-feedback-message, body[class*="theme-"] .template-info .form-container > .row .calendar-field-container > div .form-feedback-message { line-height: 28px; } body.highcontrast .template-info .form-container > .row .calendar-field-container > div .form-feedback-message .icon, body[class*="theme-"] .template-info .form-container > .row .calendar-field-container > div .form-feedback-message .icon { width: 32px; } @media screen and (max-width: 1199px) { body.highcontrast .template-info .form-container > .row .calendar-field-container > div, body[class*="theme-"] .template-info .form-container > .row .calendar-field-container > div { width: 95%; } } body.highcontrast .ach-passthru, body[class*="theme-"] .ach-passthru { position: relative; } body.highcontrast .ach-passthru .form-container, body[class*="theme-"] .ach-passthru .form-container { padding-bottom: 0; } body.highcontrast .ach-passthru-form, body[class*="theme-"] .ach-passthru-form { margin-bottom: 20px; } body.highcontrast .ach-passthru-form .form-fields, body[class*="theme-"] .ach-passthru-form .form-fields { display: flex; flex-wrap: wrap; } @media screen and (max-width: 767px) { body.highcontrast .ach-passthru-form .form-fields, body[class*="theme-"] .ach-passthru-form .form-fields { flex-direction: column; } } body.highcontrast .ach-passthru-form .form-fields .flex-width-1, body[class*="theme-"] .ach-passthru-form .form-fields .flex-width-1 { width: 50%; } body.highcontrast .ach-passthru-form .form-buttons, body[class*="theme-"] .ach-passthru-form .form-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; } @media screen and (max-width: 767px) { body.highcontrast .ach-passthru-form .form-buttons, body[class*="theme-"] .ach-passthru-form .form-buttons { flex-direction: column; padding: 10px 5px; } body.highcontrast .ach-passthru-form .form-buttons .btn, body[class*="theme-"] .ach-passthru-form .form-buttons .btn { margin: 0 0 8px; } } body.highcontrast .ach-passthru-log .row .error-details, body.highcontrast .ach-passthru-log hr, body[class*="theme-"] .ach-passthru-log .row .error-details, body[class*="theme-"] .ach-passthru-log hr { margin-bottom: 0; margin-top: 15px; } @media screen and (min-width: 768px) { body.highcontrast .ach-passthru-form .form-buttons .btn:not(:first-child), body[class*="theme-"] .ach-passthru-form .form-buttons .btn:not(:first-child) { margin-left: 14px; } } body.highcontrast .ach-passthru-form .file-selection-section .file-selector, body[class*="theme-"] .ach-passthru-form .file-selection-section .file-selector { display: flex; background: var(--uux-theme-grayLighter); border: 1px solid var(--uux-app-contentBorder); border-radius: 3px; font-size: 14px; font-weight: 400; height: 46px; line-height: 46px; } body.highcontrast .ach-passthru-form .file-selection-section .file-selector.in-valid, body[class*="theme-"] .ach-passthru-form .file-selection-section .file-selector.in-valid { border: 1px solid var(--const-stoplight-alert); } body.highcontrast .ach-passthru-form .file-selection-section .file-selector .file-selection-btn, body[class*="theme-"] .ach-passthru-form .file-selection-section .file-selector .file-selection-btn { flex: 0 0 auto; } body.highcontrast .ach-passthru-form .file-selection-section .file-selector .file-selection-name, body[class*="theme-"] .ach-passthru-form .file-selection-section .file-selector .file-selection-name { vertical-align: super; padding-left: var(--tct-scale-2, var(--app-scale-2, 10px)); overflow: hidden; text-overflow: ellipsis; } body.highcontrast .ach-passthru-form textarea, body[class*="theme-"] .ach-passthru-form textarea { resize: none; box-sizing: border-box; } body.highcontrast .ach-passthru-log:before, body[class*="theme-"] .ach-passthru-log:before { content: ""; display: block; width: 100%; padding-bottom: 10px; border-top: 1px var(--uux-CONST_GRAY_L1) solid; } body.highcontrast .ach-passthru-log .log-header, body[class*="theme-"] .ach-passthru-log .log-header { display: flex; align-items: center; padding-top: 20px; padding-bottom: 10px; } body.highcontrast .ach-passthru-log .log-header h2, body[class*="theme-"] .ach-passthru-log .log-header h2 { margin: 0; } body.highcontrast .ach-passthru-log .log-header q2-btn, body[class*="theme-"] .ach-passthru-log .log-header q2-btn { color: var(--uux-app-navChildMenuTextColor); margin-left: auto; } body.highcontrast .ach-passthru-log tr, body[class*="theme-"] .ach-passthru-log tr { font-weight: 400; font-size: 14px; } body.highcontrast .ach-passthru-log tr th, body[class*="theme-"] .ach-passthru-log tr th { color: var(--uux-app-sidebarTextColor); height: 19px; } body.highcontrast .ach-passthru-log tr td, body[class*="theme-"] .ach-passthru-log tr td { color: var(--t-text); height: 21px; line-height: 21px; padding-top: 21px; padding-bottom: 21px; } body.highcontrast .ach-passthru-log tr td .memo, body[class*="theme-"] .ach-passthru-log tr td .memo { display: flex; justify-content: right; } body.highcontrast .ach-passthru-log tr td .memo-text, body[class*="theme-"] .ach-passthru-log tr td .memo-text { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.highcontrast .ach-passthru-log tr td .memo-error-details, body[class*="theme-"] .ach-passthru-log tr td .memo-error-details { width: 140px; text-align: right; } body.highcontrast .ach-passthru-log .row, body[class*="theme-"] .ach-passthru-log .row { margin-left: 0; margin-right: 0; } body.highcontrast .ach-passthru-log .row dl, body[class*="theme-"] .ach-passthru-log .row dl { font-size: 14px; color: var(--t-text); margin-top: 15px; margin-bottom: 0; } body.highcontrast .ach-passthru-log .row dl dt, body[class*="theme-"] .ach-passthru-log .row dl dt { font-weight: 600; height: 19px; } body.highcontrast .ach-passthru-log .row dl dd, body[class*="theme-"] .ach-passthru-log .row dl dd { font-weight: 400; min-height: 21px; padding-top: 2px; } body.highcontrast .ach-passthru-log q2-icon, body[class*="theme-"] .ach-passthru-log q2-icon { width: 15px; height: 15px; font-size: 15px; } body.highcontrast .ach-passthru-log q2-icon.failed, body[class*="theme-"] .ach-passthru-log q2-icon.failed { color: var(--uux-CONST_STOPLIGHT_ALERT); } body.highcontrast .ach-passthru-log q2-icon.validating, body[class*="theme-"] .ach-passthru-log q2-icon.validating { color: var(--t-text); } body.highcontrast .recipient-account-detail .fi-lookup .search-select-input, body[class*="theme-"] .recipient-account-detail .fi-lookup .search-select-input { overflow-y: hidden; } body.highcontrast .subsidiaries .actions, body[class*="theme-"] .subsidiaries .actions { text-align: right; width: 10%; } body.highcontrast .subsidiaries tbody > tr:hover, body[class*="theme-"] .subsidiaries tbody > tr:hover { background-color: var(--uux-app-datatableCleanSelectedRowBg); } body.highcontrast .subsidiary .address-hint q2-icon, body[class*="theme-"] .subsidiary .address-hint q2-icon { width: 16px; height: 16px; vertical-align: middle; } body.highcontrast .mobile-templates, body[class*="theme-"] .mobile-templates { background: var(--uux-theme-white); padding-top: 10px; } body.highcontrast .mobile-templates .mobile-header-items .create-template, body[class*="theme-"] .mobile-templates .mobile-header-items .create-template { text-decoration: underline; color: var(--uux-app-navBgColor); } body.highcontrast .mobile-templates .mobile-header-items .result-count-mobile, body[class*="theme-"] .mobile-templates .mobile-header-items .result-count-mobile { color: var(--uux-theme-secondary); vertical-align: middle; line-height: 35px; } body.highcontrast .mobile-templates .mobile-header-items .sort-filter-row, body[class*="theme-"] .mobile-templates .mobile-header-items .sort-filter-row { height: 50px; } body.highcontrast .mobile-templates .mobile-header-items .search-button, body[class*="theme-"] .mobile-templates .mobile-header-items .search-button { color: var(--uux-theme-black); } body.highcontrast .mobile-templates .mobile-header-items .search-button:hover, body[class*="theme-"] .mobile-templates .mobile-header-items .search-button:hover { font-size: 22px; color: var(--uux-theme-black); } body.highcontrast .mobile-templates .recipient-list-row td.mobile-recipient, body[class*="theme-"] .mobile-templates .recipient-list-row td.mobile-recipient { max-width: 300px; padding: 15px 0 15px 5px; } body.highcontrast .mobile-templates .recipient-list-row td.mobile-recipient .trunc, body[class*="theme-"] .mobile-templates .recipient-list-row td.mobile-recipient .trunc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; } body.highcontrast .mobile-templates .new-payment-row, body[class*="theme-"] .mobile-templates .new-payment-row { height: 55px; background-color: var(--uux-app-contentInnerBg); } body.highcontrast .mobile-templates .new-payment-row .btn-new-payment, body[class*="theme-"] .mobile-templates .new-payment-row .btn-new-payment { display: flex; flex: 1; } body.highcontrast .mobile-templates .new-payment-row .btn-new-payment .btn, body[class*="theme-"] .mobile-templates .new-payment-row .btn-new-payment .btn { flex-grow: 1; flex-basis: 100%; } body.highcontrast .mobile-templates .new-payment-row .btn-new-payment .ui-dropdown-toggle:focus, body.highcontrast .mobile-templates .new-payment-row .btn-new-payment .ui-dropdown-toggle:hover, body[class*="theme-"] .mobile-templates .new-payment-row .btn-new-payment .ui-dropdown-toggle:focus, body[class*="theme-"] .mobile-templates .new-payment-row .btn-new-payment .ui-dropdown-toggle:hover { background-color: var(--uux-app-btnPrimaryBg); color: var(--uux-app-btnPrimaryContrast); } body.highcontrast .mobile-templates .template-items, body[class*="theme-"] .mobile-templates .template-items { border-top: none; border-left: none; border-right: none; min-height: 500px; } body.highcontrast .mobile-templates .template-items tr, body[class*="theme-"] .mobile-templates .template-items tr { height: 70px; } body.highcontrast .mobile-templates .icon-ellipses-vertically, body[class*="theme-"] .mobile-templates .icon-ellipses-vertically { color: var(--uux-theme-black); } body.highcontrast .mobile-templates .new-payment-types li, body[class*="theme-"] .mobile-templates .new-payment-types li { color: var(--uux-theme-primary); } body.highcontrast .mobile-templates .search-hint-wrapper, body[class*="theme-"] .mobile-templates .search-hint-wrapper { background-color: var(--uux-theme-primaryHighlightBg); border: 1px solid var(--uux-theme-primary); } body.highcontrast .mobile-templates .search-hint-wrapper .search-hint, body[class*="theme-"] .mobile-templates .search-hint-wrapper .search-hint { width: 100%; padding: 5px 12px 10px; } body.highcontrast .multi-select-checkbox-container, body[class*="theme-"] .multi-select-checkbox-container { min-height: 480px; } body.highcontrast .multi-select-checkbox-container .user-container, body[class*="theme-"] .multi-select-checkbox-container .user-container { display: flex; flex-wrap: wrap; width: 100%; } body.highcontrast .multi-select-checkbox-container .user-full-name, body[class*="theme-"] .multi-select-checkbox-container .user-full-name { flex: 0 0 100%; padding: 0 15px 0 0; } @media (min-width: 768px) { body.highcontrast .multi-select-checkbox-container .user-full-name, body[class*="theme-"] .multi-select-checkbox-container .user-full-name { flex: 0 0 50%; } } @media (min-width: 1024px) { body.highcontrast .multi-select-checkbox-container .user-full-name, body[class*="theme-"] .multi-select-checkbox-container .user-full-name { flex: 0 0 33%; } } body.highcontrast .multi-select-checkbox-container .multi-user-select-group, body[class*="theme-"] .multi-select-checkbox-container .multi-user-select-group { height: 62px; line-height: 30px; overflow: hidden; } body.highcontrast .multi-select-checkbox-container .multi-user-select-group .ui-icon, body[class*="theme-"] .multi-select-checkbox-container .multi-user-select-group .ui-icon { line-height: 23px; } body.highcontrast .multi-select-checkbox-container .recipient-container, body[class*="theme-"] .multi-select-checkbox-container .recipient-container { display: flex; min-height: 90px; } body.highcontrast .multi-select-checkbox-container .recipient-container .ui-checkbox, body[class*="theme-"] .multi-select-checkbox-container .recipient-container .ui-checkbox { width: 100%; } body.highcontrast .multi-select-checkbox-container .recipient-container-partial .ellipsize, body[class*="theme-"] .multi-select-checkbox-container .recipient-container-partial .ellipsize { max-width: unset; padding-left: 0; } body.highcontrast .multi-select-checkbox-container .multi-select-checkbox, body[class*="theme-"] .multi-select-checkbox-container .multi-select-checkbox { width: 18px; height: 18px; float: left; margin: 8px; overflow: hidden; } body.highcontrast .multi-select-checkbox-container .multi-select-checkbox.icon-ban-circle, body[class*="theme-"] .multi-select-checkbox-container .multi-select-checkbox.icon-ban-circle { cursor: not-allowed; margin: 3px 14px 0 2px; padding: 0; } body.highcontrast .multi-select-checkbox-container .icon-medium.icon-ban-circle:before, body[class*="theme-"] .multi-select-checkbox-container .icon-medium.icon-ban-circle:before { margin-left: 0.05em; margin-right: 0.4em; } body.highcontrast .multi-select-checkbox-container .tooltipped-labelled-icon, body[class*="theme-"] .multi-select-checkbox-container .tooltipped-labelled-icon { align-items: center; display: inline-flex; } body.highcontrast .multi-select-checkbox-container .ui-checkbox label, body[class*="theme-"] .multi-select-checkbox-container .ui-checkbox label { width: 100%; align-items: unset; } body.highcontrast .multi-select-checkbox-container .ui-checkbox-nope, body[class*="theme-"] .multi-select-checkbox-container .ui-checkbox-nope { padding: 5px 0 0; color: var(--uux-app-contentSubtextColor); } body.highcontrast .multi-select-checkbox-container .ui-checkbox-nope.tooltipped-labelled-icon, body[class*="theme-"] .multi-select-checkbox-container .ui-checkbox-nope.tooltipped-labelled-icon { display: flex; } body.highcontrast .multi-select-checkbox-container .client-pagination, body[class*="theme-"] .multi-select-checkbox-container .client-pagination { margin: 12px auto; } body.highcontrast .mobile-templates .recipients, body.highcontrast .templates .recipients, body[class*="theme-"] .mobile-templates .recipients, body[class*="theme-"] .templates .recipients { text-align: center; } body.highcontrast .mobile-templates .last-paid-amount, body.highcontrast .mobile-templates .payment-templates-table .actions, body.highcontrast .templates .last-paid-amount, body.highcontrast .templates .payment-templates-table .actions, body.highcontrast .templates-container .multi-transfers-table .actions, body[class*="theme-"] .mobile-templates .last-paid-amount, body[class*="theme-"] .mobile-templates .payment-templates-table .actions, body[class*="theme-"] .templates .last-paid-amount, body[class*="theme-"] .templates .payment-templates-table .actions, body[class*="theme-"] .templates-container .multi-transfers-table .actions { text-align: right; } body.highcontrast .commercial-template-filter li, body[class*="theme-"] .commercial-template-filter li { padding-right: 15px; } body.highcontrast .template-new-payment-container, body[class*="theme-"] .template-new-payment-container { background-color: var(--uux-theme-grayLighterNeutral); padding: 20px 20px 12px; margin: 10px 0; } body.highcontrast .template-new-payment-container .ui-dropdown-toggle:focus, body.highcontrast .template-new-payment-container .ui-dropdown-toggle:hover, body[class*="theme-"] .template-new-payment-container .ui-dropdown-toggle:focus, body[class*="theme-"] .template-new-payment-container .ui-dropdown-toggle:hover { background-color: var(--uux-app-btnPrimaryHoverBg); color: var(--uux-app-btnPrimaryHoverContrast); } body.highcontrast .templates-container .transfer-buttons, body[class*="theme-"] .templates-container .transfer-buttons { display: flex; flex-basis: 50%; margin: 20px 0; justify-content: space-between; } body.highcontrast .templates-container .transfer-buttons .search, body[class*="theme-"] .templates-container .transfer-buttons .search { width: 50%; margin-right: 5px; } @media screen and (max-width: 767px) { body.highcontrast .templates-container .transfer-buttons, body[class*="theme-"] .templates-container .transfer-buttons { flex-direction: column; padding: 20px 6px; background-color: var(--uux-CONST_GRAY_L3); border: 1px solid var(--uux-CONST_GRAY_L2); border-radius: 4px; box-shadow: inset 0 1px 1px var(--uux-phone-authBtnNegativeBg); } body.highcontrast .templates-container .transfer-buttons .search, body[class*="theme-"] .templates-container .transfer-buttons .search { width: auto; margin: 0 0 10px; } } body.highcontrast .templates-container .transfer-buttons .create-buttons, body[class*="theme-"] .templates-container .transfer-buttons .create-buttons { margin: 0 0 10px 5px; display: flex; justify-content: flex-end; } @media screen and (max-width: 767px) { body.highcontrast .templates-container .transfer-buttons .create-buttons, body[class*="theme-"] .templates-container .transfer-buttons .create-buttons { margin: 0 0 10px; flex-direction: column; } body.highcontrast .templates-container .transfer-buttons .create-buttons .btn, body[class*="theme-"] .templates-container .transfer-buttons .create-buttons .btn { margin: 0 0 8px; } } body.highcontrast .templates-container .transfer-buttons .create-buttons .btn, body[class*="theme-"] .templates-container .transfer-buttons .create-buttons .btn { flex: 1 1 auto; } @media screen and (min-width: 768px) { body.highcontrast .templates-container .transfer-buttons .create-buttons .btn:not(:first-child), body[class*="theme-"] .templates-container .transfer-buttons .create-buttons .btn:not(:first-child) { margin-left: 14px; } } body.highcontrast .templates-container .templates, body[class*="theme-"] .templates-container .templates { min-height: 450px; background: var(--uux-theme-white); } body.highcontrast .payment-upload span.icon-download, body[class*="theme-"] .payment-upload span.icon-download { display: inline-block; margin-top: 33px; margin-bottom: 17px; } body.highcontrast .payment-upload li.no-decoration, body[class*="theme-"] .payment-upload li.no-decoration { list-style: none; text-transform: uppercase; margin-bottom: 7px; margin-left: -17px; } body.highcontrast .payment-upload div.upload-file-prohibited q2-icon, body[class*="theme-"] .payment-upload div.upload-file-prohibited q2-icon { height: 60px; width: 60px; color: var(--uux-CONST_GRAY_D1); stroke-width: 2px; } body.highcontrast .payment-upload-results, body[class*="theme-"] .payment-upload-results { background: var(--uux-app-overpanelOverlay); padding: 10px 20px; } body.highcontrast .payment-upload-results .q2-modal-body, body[class*="theme-"] .payment-upload-results .q2-modal-body { background: var(--uux-app-overpanelBg); color: var(--uux-app-overpanelText); padding: 10px 20px; width: 720px; border-radius: 8px; } body.highcontrast .payment-upload-results .q2-modal-body .q2-modal-close, body[class*="theme-"] .payment-upload-results .q2-modal-body .q2-modal-close { position: absolute; top: 6px; right: 2px; font-size: 35px; } body.highcontrast .payment-upload-results .upload-stat, body[class*="theme-"] .payment-upload-results .upload-stat { margin: 10px 0; line-height: 36px; } body.highcontrast .payment-upload-results .upload-stat:after, body.highcontrast .payment-upload-results .upload-stat:before, body[class*="theme-"] .payment-upload-results .upload-stat:after, body[class*="theme-"] .payment-upload-results .upload-stat:before { content: ""; display: table; line-height: 0; } body.highcontrast .payment-upload-results .upload-stat:after, body[class*="theme-"] .payment-upload-results .upload-stat:after { clear: both; } body.highcontrast .payment-upload-results .icon, body[class*="theme-"] .payment-upload-results .icon { font-size: 36px; float: left; margin-right: 10px; } body.highcontrast .payment-upload-results .icon-info, body[class*="theme-"] .payment-upload-results .icon-info { color: var(--uux-theme-info); } body.highcontrast .payment-upload-results .icon-exclamation, body[class*="theme-"] .payment-upload-results .icon-exclamation { color: var(--uux-theme-warning); } body.highcontrast .payment-from-file-corrections .form-container > .row .payment-data-container, body[class*="theme-"] .payment-from-file-corrections .form-container > .row .payment-data-container { padding-left: 0; overflow: unset; } body.highcontrast .payment-from-file-corrections .form-container > .row .payment-data-container .form-group, body[class*="theme-"] .payment-from-file-corrections .form-container > .row .payment-data-container .form-group { padding-left: 0; } body.highcontrast .payment-from-file-corrections .form-container > .row .payment-data-container .with-overflow label, body[class*="theme-"] .payment-from-file-corrections .form-container > .row .payment-data-container .with-overflow label { overflow: unset; } body.highcontrast .payment-from-file-corrections .form-container > .row .calendar-field-container, body.highcontrast .payment-from-file-corrections .form-container > .row .calendar-field-container > div, body[class*="theme-"] .payment-from-file-corrections .form-container > .row .calendar-field-container, body[class*="theme-"] .payment-from-file-corrections .form-container > .row .calendar-field-container > div { padding-left: 0; } body.highcontrast .payment-from-file-corrections .nacha-corrections .payments .ellipsis-addenda, body[class*="theme-"] .payment-from-file-corrections .nacha-corrections .payments .ellipsis-addenda { max-width: 100px; overflow-x: hidden; text-overflow: ellipsis; } body.highcontrast .wire-activity .top-omni, body[class*="theme-"] .wire-activity .top-omni { padding: 15px; height: 100%; } @media screen and (max-width: 991px) { body.highcontrast .wire-activity caption, body[class*="theme-"] .wire-activity caption { display: block; width: 97%; padding-left: 2%; background-color: var(--uux-app-datatableSelectedRowBg); border-top: 2px solid var(--uux-app-datatableDarkSelectedRowBg); border-bottom: 2px solid var(--uux-app-datatableDarkSelectedRowBg); } body.highcontrast .wire-activity .nested-list-striped > li, body[class*="theme-"] .wire-activity .nested-list-striped > li { padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 1.2em; margin-bottom: 1.2em; } body.highcontrast .wire-activity .nested-list-striped > li ul > li, body[class*="theme-"] .wire-activity .nested-list-striped > li ul > li { padding: 0.3em 0 0.3em 8px; margin: 0.5em 0; width: 99%; } body.highcontrast .wire-activity .nested-list-striped > li div, body[class*="theme-"] .wire-activity .nested-list-striped > li div { float: left; } body.highcontrast .wire-activity .nested-list-striped > li div:first-child, body[class*="theme-"] .wire-activity .nested-list-striped > li div:first-child { overflow: hidden; } body.highcontrast .wire-activity ul.nested-list-striped > li:nth-child(odd), body[class*="theme-"] .wire-activity ul.nested-list-striped > li:nth-child(odd) { background-color: var(--uux-app-datatableStripedBg); color: var(--uux-app-datatableStripedContrast); } body.highcontrast .wire-activity ul.nested-list-striped > li:nth-child(even), body[class*="theme-"] .wire-activity ul.nested-list-striped > li:nth-child(even) { background-color: var(--uux-app-datatableStripedAltBg); color: var(--uux-app-datatableStripedAltContrast); } body.highcontrast .wire-activity .filter-box .form-group, body[class*="theme-"] .wire-activity .filter-box .form-group { float: left; width: 99%; } body.highcontrast .wire-activity .search-input, body[class*="theme-"] .wire-activity .search-input { height: 40px; margin-top: 4px; } body.highcontrast .wire-activity .wire-activity-detail-row, body[class*="theme-"] .wire-activity .wire-activity-detail-row { padding-top: 8px; width: 98%; height: 390px; overflow: hidden; padding-left: 1%; } body.highcontrast .wire-activity .wire-activity-detail-row ul, body[class*="theme-"] .wire-activity .wire-activity-detail-row ul { clear: both; } body.highcontrast .wire-activity .wire-activity-detail-row div:first-child, body[class*="theme-"] .wire-activity .wire-activity-detail-row div:first-child { overflow: visible; white-space: normal; } body.highcontrast .wire-activity .wire-activity-detail-row div label, body[class*="theme-"] .wire-activity .wire-activity-detail-row div label { line-height: 22px; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } body.highcontrast .wire-activity-filter .filter-box:after, body.highcontrast .wire-activity-filter .filter-box:before, body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section li:after, body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section li:before, body[class*="theme-"] .wire-activity-filter .filter-box:after, body[class*="theme-"] .wire-activity-filter .filter-box:before, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section li:after, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section li:before { line-height: 0; display: table; content: ""; } body.highcontrast .wire-activity .wire-activity-tab-container, body[class*="theme-"] .wire-activity .wire-activity-tab-container { padding: 0 15px; } body.highcontrast .wire-activity .wire-activity-tab-container .datatable-clean, body[class*="theme-"] .wire-activity .wire-activity-tab-container .datatable-clean { padding: 0; } body.highcontrast .wire-activity-table > table, body[class*="theme-"] .wire-activity-table > table { border-left: 0; border-right: 0; } body.highcontrast .wire-activity-table .table .spinner, body[class*="theme-"] .wire-activity-table .table .spinner { position: relative; } body.highcontrast .wire-activity-table .table tr, body[class*="theme-"] .wire-activity-table .table tr { border: 0; } body.highcontrast .wire-activity-table .table tr.wire-activity-row td, body.highcontrast .wire-activity-table .table tr.wire-activity-row th, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row td, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row th { border-top: 0; border-bottom-width: 1px; } body.highcontrast .wire-activity-table .table tr.wire-activity-row td .wire-type-icon, body.highcontrast .wire-activity-table .table tr.wire-activity-row th .wire-type-icon, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row td .wire-type-icon, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row th .wire-type-icon { font-size: 24px; color: var(--uux-theme-primary); } body.highcontrast .wire-activity-table .table tr.wire-activity-row.is-expanded td, body.highcontrast .wire-activity-table .table tr.wire-activity-row.is-expanded th, body.highcontrast .wire-activity-table .table tr.wire-activity-row.is-fetching td, body.highcontrast .wire-activity-table .table tr.wire-activity-row.is-fetching th, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row.is-expanded td, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row.is-expanded th, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row.is-fetching td, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-row.is-fetching th { border-bottom: 0; } body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td { border-top: 0; border-bottom-width: 1px; padding-left: 20px; padding-right: 20px; } body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section { padding: 0 0 5px; } body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section li:after, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section li:after { clear: both; } body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section .section-label, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section .section-label { font-size: 12px; font-weight: 700; } body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section .field-label, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section .field-label { font-size: 14px; font-weight: 700; padding-right: 20px; text-transform: none; } body.highcontrast .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section .field, body[class*="theme-"] .wire-activity-table .table tr.wire-activity-detail-row td .wire-detail-section .field { font-size: 14px; padding-left: 0; } body.highcontrast .wire-activity-filter, body[class*="theme-"] .wire-activity-filter { margin: 0 15px; } body.highcontrast .wire-activity-filter .filter-box, body[class*="theme-"] .wire-activity-filter .filter-box { background: var(--uux-theme-grayLighterNeutral); padding: 20px 10px; } body.highcontrast .wire-activity-filter .filter-box #legacy-dyn-form-content .icon-calendar, body.highcontrast .wire-activity-filter .filter-box .legacy-dyn-form-content .icon-calendar, body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .remove-icon, body.highcontrast .wire-activity-filter .filter-box .whitefield-form .icon-calendar, body[class*="theme-"] .wire-activity-filter .filter-box #legacy-dyn-form-content .icon-calendar, body[class*="theme-"] .wire-activity-filter .filter-box .legacy-dyn-form-content .icon-calendar, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .remove-icon, body[class*="theme-"] .wire-activity-filter .filter-box .whitefield-form .icon-calendar { display: none; } body.highcontrast .wire-activity-filter .filter-box:after, body[class*="theme-"] .wire-activity-filter .filter-box:after { clear: both; } body.highcontrast .wire-activity-filter .filter-box #legacy-dyn-form-content textarea, body.highcontrast .wire-activity-filter .filter-box .legacy-dyn-form-content textarea, body.highcontrast .wire-activity-filter .filter-box .whitefield-form textarea, body[class*="theme-"] .wire-activity-filter .filter-box #legacy-dyn-form-content textarea, body[class*="theme-"] .wire-activity-filter .filter-box .legacy-dyn-form-content textarea, body[class*="theme-"] .wire-activity-filter .filter-box .whitefield-form textarea { height: auto; line-height: normal; overflow: visible; padding: 7px 0 0 15px; } body.highcontrast .wire-activity-filter .filter-box .multi-select, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select { color: var(--uux-theme-blackNeutral); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item { padding-left: 17px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-accent-bar, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-accent-bar { width: 12px; background-image: none; bottom: 0; left: 0; position: absolute; top: 0; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-name, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-name { font-weight: 700; font-size: 16px; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-number, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-number { font-weight: 400; font-size: 12px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-0, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-0 { background-color: var(--uux-account-color-0); border-color: var(--uux-account-color-0); color: var(--uux-account-color-0); fill: var(--uux-account-color-0); stroke: var(--uux-account-color-0); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-1, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-1 { background-color: var(--uux-account-color-1); border-color: var(--uux-account-color-1); color: var(--uux-account-color-1); fill: var(--uux-account-color-1); stroke: var(--uux-account-color-1); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-2, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-2 { background-color: var(--uux-account-color-2); border-color: var(--uux-account-color-2); color: var(--uux-account-color-2); fill: var(--uux-account-color-2); stroke: var(--uux-account-color-2); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-3, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-3 { background-color: var(--uux-account-color-3); border-color: var(--uux-account-color-3); color: var(--uux-account-color-3); fill: var(--uux-account-color-3); stroke: var(--uux-account-color-3); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-4, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-4 { background-color: var(--uux-account-color-4); border-color: var(--uux-account-color-4); color: var(--uux-account-color-4); fill: var(--uux-account-color-4); stroke: var(--uux-account-color-4); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-5, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-5 { background-color: var(--uux-account-color-5); border-color: var(--uux-account-color-5); color: var(--uux-account-color-5); fill: var(--uux-account-color-5); stroke: var(--uux-account-color-5); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-6, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-6 { background-color: var(--uux-account-color-6); border-color: var(--uux-account-color-6); color: var(--uux-account-color-6); fill: var(--uux-account-color-6); stroke: var(--uux-account-color-6); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-7, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-7 { background-color: var(--uux-account-color-7); border-color: var(--uux-account-color-7); color: var(--uux-account-color-7); fill: var(--uux-account-color-7); stroke: var(--uux-account-color-7); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-8, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-8 { background-color: var(--uux-account-color-8); border-color: var(--uux-account-color-8); color: var(--uux-account-color-8); fill: var(--uux-account-color-8); stroke: var(--uux-account-color-8); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-9, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-9 { background-color: var(--uux-account-color-9); border-color: var(--uux-account-color-9); color: var(--uux-account-color-9); fill: var(--uux-account-color-9); stroke: var(--uux-account-color-9); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-10, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-10 { background-color: var(--uux-account-color-10); border-color: var(--uux-account-color-10); color: var(--uux-account-color-10); fill: var(--uux-account-color-10); stroke: var(--uux-account-color-10); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-11, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-11 { background-color: var(--uux-account-color-11); border-color: var(--uux-account-color-11); color: var(--uux-account-color-11); fill: var(--uux-account-color-11); stroke: var(--uux-account-color-11); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-12, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-12 { background-color: var(--uux-account-color-12); border-color: var(--uux-account-color-12); color: var(--uux-account-color-12); fill: var(--uux-account-color-12); stroke: var(--uux-account-color-12); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-13, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-13 { background-color: var(--uux-account-color-13); border-color: var(--uux-account-color-13); color: var(--uux-account-color-13); fill: var(--uux-account-color-13); stroke: var(--uux-account-color-13); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-14, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-14 { background-color: var(--uux-account-color-14); border-color: var(--uux-account-color-14); color: var(--uux-account-color-14); fill: var(--uux-account-color-14); stroke: var(--uux-account-color-14); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-15, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .account-item .account-color-15 { background-color: var(--uux-account-color-15); border-color: var(--uux-account-color-15); color: var(--uux-account-color-15); fill: var(--uux-account-color-15); stroke: var(--uux-account-color-15); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item { padding-left: 8px; padding-top: 4px; height: 45px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .faux-checkbox, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .faux-checkbox { margin-top: 9px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .item-label-wrapper, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .item-label-wrapper { padding-left: 10px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .item-label-wrapper .item-name, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .item-label-wrapper .item-name { font-weight: 700; font-size: 14px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .item-label-wrapper .item-detail, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item .checkbox-multi-select-item .item-label-wrapper .item-detail { font-size: 12px; } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item.is-selected, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item.is-selected { background-color: var(--uux-theme-grayLighter); } body.highcontrast .wire-activity-filter .filter-box .multi-select .multi-select-item.is-selected .account-item .remove-icon, body[class*="theme-"] .wire-activity-filter .filter-box .multi-select .multi-select-item.is-selected .account-item .remove-icon { display: block; position: absolute; top: 0; bottom: 0; right: 7px; padding-top: 9px; } body.highcontrast .wire-activity-filter .filter-box .range-amount, body[class*="theme-"] .wire-activity-filter .filter-box .range-amount { padding: 0; } body.highcontrast .wire-activity-filter .filter-box .range-amount q2-input, body[class*="theme-"] .wire-activity-filter .filter-box .range-amount q2-input { padding-left: 7px; padding-right: 10px; } body.highcontrast .wire-activity-filter .filter-box .filter-input-mb, body[class*="theme-"] .wire-activity-filter .filter-box .filter-input-mb { margin-bottom: 0; } @media (max-width: 991px) { body.highcontrast .wire-activity-filter .filter-box .filter-input-mb, body[class*="theme-"] .wire-activity-filter .filter-box .filter-input-mb { margin-bottom: 15px; } } body.highcontrast .wire-activity-filter .filter-box .range-to, body[class*="theme-"] .wire-activity-filter .filter-box .range-to { text-align: center; text-transform: lowercase; line-height: 93px; height: 69px; } @media (max-width: 767px) { body.highcontrast .wire-activity-filter .filter-box .range-to, body[class*="theme-"] .wire-activity-filter .filter-box .range-to { line-height: 30px; height: 30px; } } body.highcontrast .wire-activity-filter .filter-box .range-input-mb, body[class*="theme-"] .wire-activity-filter .filter-box .range-input-mb { margin-bottom: 15px; } @media print { body.highcontrast .wire-activity .wire-activity-row a, body[class*="theme-"] .wire-activity .wire-activity-row a { text-decoration: none; cursor: default; color: var(--uux-app-textColor) !important; } body.highcontrast .wire-activity .wire-activity-row:nth-child(odd), body[class*="theme-"] .wire-activity .wire-activity-row:nth-child(odd) { background-color: var(--uux-app-datatableSelectedRowBg); } body.highcontrast .wire-activity .datatable-sort-icon, body.highcontrast .wire-activity .wire-activity-filter, body[class*="theme-"] .wire-activity .datatable-sort-icon, body[class*="theme-"] .wire-activity .wire-activity-filter { display: none; } } body.highcontrast .file-mapper-management, body[class*="theme-"] .file-mapper-management { padding: 0 15px; } body.highcontrast .file-mapper-management .datatable-clean table thead th, body[class*="theme-"] .file-mapper-management .datatable-clean table thead th { font-weight: 600; padding-bottom: 20px; } body.highcontrast .file-mapper-management .datatable-clean table tbody td:last-child, body[class*="theme-"] .file-mapper-management .datatable-clean table tbody td:last-child { text-align: right; } body.highcontrast .file-mapper-management .new-mapping-container, body[class*="theme-"] .file-mapper-management .new-mapping-container { background-color: var(--uux-theme-grayLighterNeutral); padding: 20px 20px 12px; margin: 10px 0 15px; } body.highcontrast .file-mapper-file-spec .ui-sticky, body.highcontrast .file-mapper-file-upload .ui-sticky, body[class*="theme-"] .file-mapper-file-spec .ui-sticky, body[class*="theme-"] .file-mapper-file-upload .ui-sticky { z-index: 4; background: var(--uux-theme-white); } body.highcontrast .file-mapper-spinner, body[class*="theme-"] .file-mapper-spinner { text-align: center; padding-top: 20vh; } body.highcontrast .file-mapper-spinner .spinner-icon, body[class*="theme-"] .file-mapper-spinner .spinner-icon { position: relative; } body.highcontrast .file-mapper-spinner .spinner-text, body[class*="theme-"] .file-mapper-spinner .spinner-text { padding-top: 10px; } body.highcontrast .file-mapper-file-upload .file-mapper-file-upload-content, body[class*="theme-"] .file-mapper-file-upload .file-mapper-file-upload-content { padding: 0 15px; } body.highcontrast .file-mapper-file-spec .ui-sticky .file-spec-footer, body.highcontrast .file-mapper-file-upload .ui-sticky .file-mapper-upload-footer, body[class*="theme-"] .file-mapper-file-spec .ui-sticky .file-spec-footer, body[class*="theme-"] .file-mapper-file-upload .ui-sticky .file-mapper-upload-footer { padding: 20px 0; } body.highcontrast .file-mapper-file-upload .ui-sticky .file-mapper-upload-footer .btn:not(:first-child), body[class*="theme-"] .file-mapper-file-upload .ui-sticky .file-mapper-upload-footer .btn:not(:first-child) { margin-left: 10px; } body.highcontrast .reversal-type-select, body[class*="theme-"] .reversal-type-select { margin-top: 50px; height: 100%; } body.highcontrast .reversal-type-select .reversal-type-content, body[class*="theme-"] .reversal-type-select .reversal-type-content { height: 100%; margin: 0 20%; } body.highcontrast .reversal-type-select .reversal-type-content .reversal-type-options, body[class*="theme-"] .reversal-type-select .reversal-type-content .reversal-type-options { display: flex; flex-direction: column; } body.highcontrast .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section, body[class*="theme-"] .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section { display: inline-flex; } body.highcontrast .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section .reversal-option label, body[class*="theme-"] .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section .reversal-option label { text-transform: unset; } @media screen and (max-width: 767px) { body.highcontrast .reversal-type-select .reversal-type-content, body[class*="theme-"] .reversal-type-select .reversal-type-content { margin: 0; } body.highcontrast .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section .reversal-option, body[class*="theme-"] .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section .reversal-option { flex: 1 1 auto; align-self: center; width: 100%; } } body.highcontrast .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section .disabled-hint, body[class*="theme-"] .reversal-type-select .reversal-type-content .reversal-type-options .reversal-option-section .disabled-hint { margin: 10px 0 0 10px; } body.highcontrast .reversal-type-select .reversal-types-footer, body[class*="theme-"] .reversal-type-select .reversal-types-footer { border-top: 1px solid var(--uux-theme-grayLightNeutral); background: var(--uux-theme-grayLighterNeutral); padding: 7.5px; } body.highcontrast .reversal-type-select .reversal-types-footer .btn-container, body[class*="theme-"] .reversal-type-select .reversal-types-footer .btn-container { margin: 7.5px; } body.highcontrast .reversal-type-select .reversal-types-footer .btn-container q2-btn, body[class*="theme-"] .reversal-type-select .reversal-types-footer .btn-container q2-btn { min-width: 125px; } body.highcontrast .reversal-selection, body[class*="theme-"] .reversal-selection { height: 100%; margin-top: 15px; } body.highcontrast .recurring-transactions, body[class*="theme-"] .recurring-transactions { margin-top: -15px; text-align: left; } body.highcontrast .recurring-transactions .ui-fieldset:first-child, body[class*="theme-"] .recurring-transactions .ui-fieldset:first-child { margin: 0; } body.highcontrast .recurring-transactions .ui-fieldset legend, body[class*="theme-"] .recurring-transactions .ui-fieldset legend { font-size: 18px; } body.highcontrast .recurring-transactions .ui-fieldset .fieldset-content, body[class*="theme-"] .recurring-transactions .ui-fieldset .fieldset-content { height: 300px; display: flex; flex-direction: column; flex-wrap: wrap; } @media screen and (max-width: 480px) { body.highcontrast .recurring-transactions .ui-fieldset .fieldset-content, body[class*="theme-"] .recurring-transactions .ui-fieldset .fieldset-content { height: 100%; } } body.highcontrast .recurring-transactions .transaction-stop .fieldset-content, body[class*="theme-"] .recurring-transactions .transaction-stop .fieldset-content { height: 380px; } body.highcontrast .recurring-transactions .transaction-stop .occurrence-calendar, body[class*="theme-"] .recurring-transactions .transaction-stop .occurrence-calendar { width: 60%; } body.highcontrast .recurring-transactions .transaction-stop .after-occurrences, body[class*="theme-"] .recurring-transactions .transaction-stop .after-occurrences { display: inline-flex; } body.highcontrast .recurring-transactions .transaction-stop .after-occurrences .after-radio-button, body[class*="theme-"] .recurring-transactions .transaction-stop .after-occurrences .after-radio-button { display: flex; margin-right: 10px; } body.highcontrast .recurring-transactions .transaction-stop .after-occurrences .occurrence-input, body[class*="theme-"] .recurring-transactions .transaction-stop .after-occurrences .occurrence-input { display: flex; } body.highcontrast .recurring-transactions .transaction-stop .after-occurrences .occurrence-text, body[class*="theme-"] .recurring-transactions .transaction-stop .after-occurrences .occurrence-text { display: flex; align-items: center; margin-left: 10px; } body.highcontrast .recurring-transactions .onbefore-date, body[class*="theme-"] .recurring-transactions .onbefore-date { display: inline-flex; } body.highcontrast .recurring-transactions .onbefore-date .ui-radio:first-child, body[class*="theme-"] .recurring-transactions .onbefore-date .ui-radio:first-child { margin-right: 15px; } @media screen and (max-width: 480px) { body.highcontrast .recurring-transactions .transaction-stop .occurrence-calendar, body[class*="theme-"] .recurring-transactions .transaction-stop .occurrence-calendar { width: 100%; } body.highcontrast .recurring-transactions .onbefore-date, body[class*="theme-"] .recurring-transactions .onbefore-date { flex-direction: column; width: 100%; } body.highcontrast .recurring-transactions .occurrence-calendar, body[class*="theme-"] .recurring-transactions .occurrence-calendar { width: 100%; } } body.highcontrast .approvals-widget-transaction-details, body[class*="theme-"] .approvals-widget-transaction-details { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; margin-top: 30px; margin-left: auto; } body.highcontrast .approvals-widget-transaction-details .additional-details, body[class*="theme-"] .approvals-widget-transaction-details .additional-details { margin-left: 8vw; width: 50%; } @media screen and (max-width: 991px) { body.highcontrast .approvals-widget-transaction-details .additional-details, body[class*="theme-"] .approvals-widget-transaction-details .additional-details { margin: 0; width: 100%; } body.highcontrast .approvals-widget-transaction-details .additional-details .row .name, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .row .name { width: 40%; } body.highcontrast .approvals-widget-transaction-details .additional-details .row .value, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .row .value { width: 60%; } } body.highcontrast .approvals-widget-transaction-details .additional-details .detail-list-item, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .detail-list-item { display: flex; } body.highcontrast .approvals-widget-transaction-details .additional-details .detail-list-item .name, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .detail-list-item .name { width: calc(33% - 10px); } @media (max-width: 320px) { body.highcontrast .approvals-widget-transaction-details .additional-details .detail-list-item .name, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .detail-list-item .name { width: calc(43% - 10px); } } body.highcontrast .approvals-widget-transaction-details .additional-details .detail-list-item .value, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .detail-list-item .value { padding-top: 6px; padding-bottom: 6px; width: calc(67% + 10px); overflow-wrap: break-word; } @media (max-width: 320px) { body.highcontrast .approvals-widget-transaction-details .additional-details .detail-list-item .value, body[class*="theme-"] .approvals-widget-transaction-details .additional-details .detail-list-item .value { width: calc(57% + 10px); } } body.highcontrast .approvals-widget-transaction-details .detail-list-wrapper, body[class*="theme-"] .approvals-widget-transaction-details .detail-list-wrapper { margin-left: 8vw; width: calc(100% - 8vw); } @media screen and (max-width: 991px) { body.highcontrast .approvals-widget-transaction-details .detail-list-wrapper, body[class*="theme-"] .approvals-widget-transaction-details .detail-list-wrapper { margin: 0; width: 100%; } } body.highcontrast .approvals-widget-transaction-details .table-detail-list > dt.name, body[class*="theme-"] .approvals-widget-transaction-details .table-detail-list > dt.name { text-align: left; } body.highcontrast .approvals-widget-footer, body[class*="theme-"] .approvals-widget-footer { padding: 15px; } body.highcontrast .approvals-widget-footer .btn-container, body[class*="theme-"] .approvals-widget-footer .btn-container { text-align: right; margin: 0 auto; max-width: 750px; } @media screen and (max-width: 767px) { body.highcontrast .approvals-widget-footer, body[class*="theme-"] .approvals-widget-footer { background-color: var(--uux-CONST_WHITE); box-shadow: 0 -3px 8px var(--uux-app-overpanelBoxShadowColor); margin: 0; } } body.highcontrast .recipient.modal, body.highcontrast .subsidiary.modal, body[class*="theme-"] .recipient.modal, body[class*="theme-"] .subsidiary.modal { background: var(--uux-app-overpanelOverlay); display: block; position: fixed; } body.highcontrast .recipient .form-entry, body.highcontrast .subsidiary .form-entry, body[class*="theme-"] .recipient .form-entry, body[class*="theme-"] .subsidiary .form-entry { vertical-align: middle; width: auto; } body.highcontrast .recipient .form-entry input, body.highcontrast .subsidiary .form-entry input, body[class*="theme-"] .recipient .form-entry input, body[class*="theme-"] .subsidiary .form-entry input { width: 75%; } body.highcontrast .user-list-container, body[class*="theme-"] .user-list-container { border: 1px solid var(--uux-app-contentBorder); height: 217px; overflow-x: hidden; overflow-y: auto; margin: 11px 8px; } body.highcontrast .user-list-container > .list-group-item, body[class*="theme-"] .user-list-container > .list-group-item { border-radius: 0; border-top: 1px solid var(--uux-app-contentBorder); border-bottom: 0; border-left: 0; border-right: 0; font-size: 11px; } body.highcontrast .user-list-container > .list-group-item:first-of-type, body[class*="theme-"] .user-list-container > .list-group-item:first-of-type { border-top: 0; } body.highcontrast .user-list-container.list-group.light-select .list-group-item.disabled.disabled, body.highcontrast .user-list-container.list-group.light-select .list-group-item.disabled.disabled:focus, body.highcontrast .user-list-container.list-group.light-select .list-group-item.disabled.disabled:hover, body[class*="theme-"] .user-list-container.list-group.light-select .list-group-item.disabled.disabled, body[class*="theme-"] .user-list-container.list-group.light-select .list-group-item.disabled.disabled:focus, body[class*="theme-"] .user-list-container.list-group.light-select .list-group-item.disabled.disabled:hover { background: 0 0; } body.highcontrast .gt-overview, body[class*="theme-"] .gt-overview { overflow-x: auto; } body.highcontrast .gt-overview tr.disabled td:first-child, body[class*="theme-"] .gt-overview tr.disabled td:first-child { text-decoration: line-through; } body.highcontrast .gt-overview .view-activity-dropdown > .ui-dropdown-menu, body[class*="theme-"] .gt-overview .view-activity-dropdown > .ui-dropdown-menu { min-width: 240px; padding: 12px; } body.highcontrast .gt-overview .view-activity-dropdown > .ui-dropdown-menu .ui-dropdown-item a, body[class*="theme-"] .gt-overview .view-activity-dropdown > .ui-dropdown-menu .ui-dropdown-item a { padding-left: 25px; } body.highcontrast .gt-overview .view-activity-dropdown > .ui-dropdown-menu .show-checkmark .ui-dropdown-icon, body[class*="theme-"] .gt-overview .view-activity-dropdown > .ui-dropdown-menu .show-checkmark .ui-dropdown-icon { margin-top: 2px; position: absolute; left: 5px; } body.highcontrast .gts-tab-control, body[class*="theme-"] .gts-tab-control { position: relative; } @media screen and (max-width: 767px) { body.highcontrast .gts-tab-control, body[class*="theme-"] .gts-tab-control { overflow-x: scroll; } } body.highcontrast .gts-tab-control .nav.nav-tabs > li > a, body[class*="theme-"] .gts-tab-control .nav.nav-tabs > li > a { padding: 15px 22px; } body.highcontrast .gts-tab-control .nav-pills, body[class*="theme-"] .gts-tab-control .nav-pills { padding: 6px 15px 12px; } body.highcontrast .gts-tab-control .nav-pills > li > a, body[class*="theme-"] .gts-tab-control .nav-pills > li > a { padding: 6px 10px; margin-left: 8px; } @media screen and (max-width: 1199px) { body.highcontrast .gts-tab-control ul.nav.nav-tabs li, body[class*="theme-"] .gts-tab-control ul.nav.nav-tabs li { padding-left: 10px; padding-right: 10px; } body.highcontrast .gts-tab-control ul.nav.nav-tabs li > a, body[class*="theme-"] .gts-tab-control ul.nav.nav-tabs li > a { font-size: 15px; padding-left: 8px; padding-right: 8px; } } body.highcontrast .entitlement-toggle, body[class*="theme-"] .entitlement-toggle { margin-top: -12px; margin-bottom: -15px; } body.highcontrast .location-image, body[class*="theme-"] .location-image { background-repeat: no-repeat; background-size: 100%; width: 711px; height: 493px; margin: auto; padding: 0; } body.highcontrast .location-image:after, body[class*="theme-"] .location-image:after { display: none; content: url(images/prototype/policy_locations/map-all-70eb9f3e1230c730dca8a5ee2f0e8d6c.png) url(images/prototype/policy_locations/map-canada-4b9a73cab6f98d89d227fe045726808a.png) url(images/prototype/policy_locations/map-canadamexico-05bf6f85b288dd8eeb1350df0c2f97b8.png) url(images/prototype/policy_locations/map-mexico-e2e7b166840c47872c0a4e04cbb962e5.png) url(images/prototype/policy_locations/map-none-97121740c3c3b400f1aa93c9664c3556.png) url(images/prototype/policy_locations/map-us-0872165fa07ec26505275d00e5967490.png) url(images/prototype/policy_locations/map-uscanada-e9452387c9c9393ce6a55aa8e8d305b0.png) url(images/prototype/policy_locations/map-usmexico-782870c36deefe49fb2ac768ed89b9ae.png); } body.highcontrast .map-CAN-MEX-USA, body[class*="theme-"] .map-CAN-MEX-USA { background-image: url(images/prototype/policy_locations/map-all-70eb9f3e1230c730dca8a5ee2f0e8d6c.png); } body.highcontrast .map-CAN, body[class*="theme-"] .map-CAN { background-image: url(images/prototype/policy_locations/map-canada-4b9a73cab6f98d89d227fe045726808a.png); } body.highcontrast .map-CAN-MEX, body[class*="theme-"] .map-CAN-MEX { background-image: url(images/prototype/policy_locations/map-canadamexico-05bf6f85b288dd8eeb1350df0c2f97b8.png); } body.highcontrast .map-MEX, body[class*="theme-"] .map-MEX { background-image: url(images/prototype/policy_locations/map-mexico-e2e7b166840c47872c0a4e04cbb962e5.png); } body.highcontrast .map-NONE, body[class*="theme-"] .map-NONE { background-image: url(images/prototype/policy_locations/map-none-97121740c3c3b400f1aa93c9664c3556.png); } body.highcontrast .map-USA, body[class*="theme-"] .map-USA { background-image: url(images/prototype/policy_locations/map-us-0872165fa07ec26505275d00e5967490.png); } body.highcontrast .map-CAN-USA, body[class*="theme-"] .map-CAN-USA { background-image: url(images/prototype/policy_locations/map-uscanada-e9452387c9c9393ce6a55aa8e8d305b0.png); } body.highcontrast .map-MEX-USA, body[class*="theme-"] .map-MEX-USA { background-image: url(images/prototype/policy_locations/map-usmexico-782870c36deefe49fb2ac768ed89b9ae.png); } body.highcontrast .policy-customers .policy-group, body[class*="theme-"] .policy-customers .policy-group { cursor: pointer; } body.highcontrast .policy-customers div.policies, body[class*="theme-"] .policy-customers div.policies { margin: 15px -15px 0; } body.highcontrast .page-metaheader.policy-header h2, body[class*="theme-"] .page-metaheader.policy-header h2 { margin: auto; position: static; line-height: normal; } body.highcontrast .page-metaheader.policy-header h2 input[type="text"], body[class*="theme-"] .page-metaheader.policy-header h2 input[type="text"] { margin: 0; line-height: 24px; height: 24px; text-align: center; } body.highcontrast .page-metaheader.policy-header .policy-actions .pending .btn + .btn, body[class*="theme-"] .page-metaheader.policy-header .policy-actions .pending .btn + .btn { margin-left: 10px; } body.highcontrast .page-metaheader.policy-header .policy-actions .spinner, body[class*="theme-"] .page-metaheader.policy-header .policy-actions .spinner { width: 100%; margin: 0; } body.highcontrast .page-metaheader.policy-header .policy-actions .spinner .spinner-img, body[class*="theme-"] .page-metaheader.policy-header .policy-actions .spinner .spinner-img { width: 30px; height: 30px; float: right; } body.highcontrast .policy-nav, body[class*="theme-"] .policy-nav { background-color: var(--uux-app-policiesSubNavBg); } body.highcontrast .policy-nav a, body[class*="theme-"] .policy-nav a { display: inline-block; padding: 5px 10px; color: var(--uux-app-policiesSubNavText); } body.highcontrast .policy-nav a.active, body.highcontrast .policy-nav a:active, body[class*="theme-"] .policy-nav a.active, body[class*="theme-"] .policy-nav a:active { background: var(--uux-app-policiesSubNavBgActive); color: var(--uux-app-policiesSubNavTextActive); } body.highcontrast .policy-nav a:hover, body[class*="theme-"] .policy-nav a:hover { background: var(--uux-app-policiesSubNavBgHover); color: var(--uux-app-policiesSubNavTextHover); text-decoration: none; } body.highcontrast .policy-accounts-table, body[class*="theme-"] .policy-accounts-table { max-width: 100vw; overflow-x: auto; } body.highcontrast .draft-amount-buttons, body[class*="theme-"] .draft-amount-buttons { margin-right: 12px; } body.highcontrast .draft-amount-buttons > li > .btn, body[class*="theme-"] .draft-amount-buttons > li > .btn { width: 120px; margin-bottom: 12px; } body.highcontrast .draft-amount-buttons > li > .btn:last-of-type, body[class*="theme-"] .draft-amount-buttons > li > .btn:last-of-type { margin-bottom: none; } body.highcontrast .reskinned-table, body[class*="theme-"] .reskinned-table { border-collapse: collapse !important; border: 0 !important; } body.highcontrast .reskinned-table .first-row, body[class*="theme-"] .reskinned-table .first-row { background-color: var(--uux-CONST_WHITE); } @media screen and (max-width: 767px) { body.highcontrast .reskinned-table td, body[class*="theme-"] .reskinned-table td { padding: 0 !important; } body.highcontrast .reskinned-table .allowed-actions, body[class*="theme-"] .reskinned-table .allowed-actions { display: flex; flex-grow: 1; justify-content: space-between; padding: 0 10px; border: 1px var(--uux-CONST_GRAY_L2); border-style: solid none; } } @media screen and (max-width: 991px) { body.highcontrast .reskinned-table .allowed-actions, body[class*="theme-"] .reskinned-table .allowed-actions { min-width: 150px; } } body.highcontrast .reskinned-table .allowed-actions.rtp-mobile-allowed-actions, body[class*="theme-"] .reskinned-table .allowed-actions.rtp-mobile-allowed-actions { padding-right: calc(25% - 15px); } body.highcontrast .reskinned-table .allowed-actions .allowed-action-item, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item { margin: 5px 0; } @media screen and (max-width: 767px) { body.highcontrast .reskinned-table .allowed-actions .allowed-action-item, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item { display: inline-flex; } body.highcontrast .reskinned-table .allowed-actions .allowed-action-item:not(:first-child), body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item:not(:first-child) { margin-left: 5px; } body.highcontrast .reskinned-table .allowed-actions .allowed-action-item:not(:last-child), body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item:not(:last-child) { margin-right: 5px; } } body.highcontrast .reskinned-table .allowed-actions .allowed-action-item.q2-row, body.highcontrast .reskinned-table .allowed-actions .allowed-action-item.q2-row button, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item.q2-row, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item.q2-row button { height: 30px; } body.highcontrast .reskinned-table .allowed-actions .allowed-action-item.q2-row .ui-icon:before, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item.q2-row .ui-icon:before { display: flex; } body.highcontrast .reskinned-table .allowed-actions .allowed-action-item .allowed-action-text, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item .allowed-action-text { margin: 5px 0 5px 15px; } @media screen and (max-width: 767px) { body.highcontrast .reskinned-table .allowed-actions .allowed-action-item .allowed-action-text, body[class*="theme-"] .reskinned-table .allowed-actions .allowed-action-item .allowed-action-text { margin-top: 10px; } } body.highcontrast .reskinned-table .view-activity-dropdown, body[class*="theme-"] .reskinned-table .view-activity-dropdown { margin: 9px 0; } body.highcontrast .reskinned-table .allowed-actions-icon, body[class*="theme-"] .reskinned-table .allowed-actions-icon { display: inline-flex; vertical-align: middle; width: 20px; padding: 0; border: 0; } body.highcontrast .reskinned-table .allowed-actions-icon.checkmark, body[class*="theme-"] .reskinned-table .allowed-actions-icon.checkmark { --t-icon-stroke-primary: var(--tct-stoplight-success); } body.highcontrast .reskinned-table .allowed-actions-icon.prohibited, body[class*="theme-"] .reskinned-table .allowed-actions-icon.prohibited { --t-icon-stroke-primary: var(--tct-stoplight-alert); --t-icon-stroke-secondary: var(--tct-stoplight-alert); } body.highcontrast .reskinned-table .row-policy-entitlement:not(:last-child), body[class*="theme-"] .reskinned-table .row-policy-entitlement:not(:last-child) { border-bottom: solid 1px var(--uux-CONST_GRAY_L1); } body.highcontrast .reskinned-table .subHeader, body[class*="theme-"] .reskinned-table .subHeader { background-color: var(--uux-CONST_GRAY_L3); } @media screen and (max-width: 767px) { body.highcontrast .reskinned-table .allowed-actions-icon.checkmark, body[class*="theme-"] .reskinned-table .allowed-actions-icon.checkmark { margin-top: 8px; } body.highcontrast .reskinned-table .allowed-actions-icon.prohibited, body[class*="theme-"] .reskinned-table .allowed-actions-icon.prohibited { margin-top: 9px; } body.highcontrast .reskinned-table .row-policy-entitlement, body[class*="theme-"] .reskinned-table .row-policy-entitlement { border: 0; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row { margin: 0; width: 100vw; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row { display: flex; padding: 5px 10px; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row .respond-label, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row .respond-label { margin-left: 2px; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights { border: 1px var(--uux-CONST_GRAY_L2); border-top-style: solid; padding: 5px 10px; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights .rtp-requests-text, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights .rtp-requests-text { margin-left: 18px; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights .edit-rtp-view, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights .edit-rtp-view { margin-left: auto; } body.highcontrast .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights .light-text, body[class*="theme-"] .reskinned-table .row-policy-entitlement .mobile-entitlement-row .rtp-mobile-row.rtp-view-rights .light-text { margin-left: 5px; } body.highcontrast .reskinned-table .subHeader, body[class*="theme-"] .reskinned-table .subHeader { border: 0; color: var(--uux-CONST_GRAY_D1); font-weight: 300; padding: 15px 6px; vertical-align: middle; text-align: left; font-size: 14px; margin-bottom: 5px; } } body.highcontrast .reskinned-table .entitlement-name, body[class*="theme-"] .reskinned-table .entitlement-name { margin: 10px 0 10px 7.5px; font-size: 16px; } body.highcontrast .reskinned-table .light-text, body[class*="theme-"] .reskinned-table .light-text { font-weight: 300; color: var(--uux-CONST_GRAY_D1); display: inline-flex; margin: 0; font-size: 14px; } body.highcontrast .reskinned-table .view-col, body[class*="theme-"] .reskinned-table .view-col { min-width: 134px; } body.highcontrast .reskinned-table .ui-dropdown-right, body[class*="theme-"] .reskinned-table .ui-dropdown-right { margin-right: -8px; } @media screen and (max-width: 767px) { body.highcontrast .reskinned-table .ui-dropdown-right, body[class*="theme-"] .reskinned-table .ui-dropdown-right { margin-right: -4px; } body.highcontrast .reskinned-table .ui-dropdown-grid-column:not(:last-child), body[class*="theme-"] .reskinned-table .ui-dropdown-grid-column:not(:last-child) { border-bottom: 1px solid var(--uux-CONST_GRAY_L1); } } body.highcontrast .reskinned-table .limits, body[class*="theme-"] .reskinned-table .limits { min-width: 450px; } body.highcontrast .reskinned-table dl.limits-details-list, body[class*="theme-"] .reskinned-table dl.limits-details-list { display: block; overflow: visible; min-width: 350px; } body.highcontrast .reskinned-table dl.limits-details-list dt, body[class*="theme-"] .reskinned-table dl.limits-details-list dt { font-weight: 300; color: var(--uux-CONST_GRAY_D1); margin: 0 5px 8px 0; font-size: 14px !important; float: left; clear: left; } body.highcontrast .reskinned-table dl.limits-details-list dd, body[class*="theme-"] .reskinned-table dl.limits-details-list dd { margin-bottom: 8px; margin-left: 1%; font-size: 14px; display: block; } body.highcontrast .transaction-type, body[class*="theme-"] .transaction-type { display: block; } body.highcontrast .transaction-type .header-row, body[class*="theme-"] .transaction-type .header-row { display: flex; } body.highcontrast .transaction-type .header-row .header-text, body[class*="theme-"] .transaction-type .header-row .header-text { display: flex; height: 30px; padding-left: 7.5px; } @media screen and (max-width: 767px) { body.highcontrast .transaction-type .header-row .header-text, body[class*="theme-"] .transaction-type .header-row .header-text { margin: auto 0; } } body.highcontrast .transaction-type .header-row .header-text .title, body[class*="theme-"] .transaction-type .header-row .header-text .title { margin: auto 0 !important; } body.highcontrast .transaction-type .header-row .header-actions, body[class*="theme-"] .transaction-type .header-row .header-actions { display: flex; margin: 0 25px 0 auto; } @media screen and (max-width: 767px) { body.highcontrast .transaction-type .header-row .header-actions, body[class*="theme-"] .transaction-type .header-row .header-actions { flex-direction: column-reverse; margin: 0; flex-grow: 1; } } body.highcontrast .transaction-type .header-row .header-actions q2-checkbox, body[class*="theme-"] .transaction-type .header-row .header-actions q2-checkbox { padding: 0; } body.highcontrast .transaction-type .header-row .header-actions q2-checkbox.respond-to-request-checkbox, body[class*="theme-"] .transaction-type .header-row .header-actions q2-checkbox.respond-to-request-checkbox { margin: 0 20px 0 auto; } @media screen and (max-width: 767px) { body.highcontrast .transaction-type .header-row .header-actions q2-checkbox.respond-to-request-checkbox, body[class*="theme-"] .transaction-type .header-row .header-actions q2-checkbox.respond-to-request-checkbox { margin: 0 5px 0 auto; } } body.highcontrast .transaction-type .header-row .header-actions q2-checkbox.entitlement-right-checkbox, body[class*="theme-"] .transaction-type .header-row .header-actions q2-checkbox.entitlement-right-checkbox { margin-left: auto; } @media screen and (max-width: 767px) { body.highcontrast .transaction-type .header-row .header-actions q2-checkbox.entitlement-right-checkbox, body[class*="theme-"] .transaction-type .header-row .header-actions q2-checkbox.entitlement-right-checkbox { margin: 0 5px 0 auto; } } body.highcontrast .policy-rule-edit .rule-editor, body[class*="theme-"] .policy-rule-edit .rule-editor { background-color: var(--uux-theme-white); text-align: center; vertical-align: middle; } body.highcontrast .policy-rule-edit .rule-editor .container, body[class*="theme-"] .policy-rule-edit .rule-editor .container { max-width: var(--uux-app-maxWidth); } body.highcontrast .policy-rule-edit .rule-editor.token .onoffswitch, body[class*="theme-"] .policy-rule-edit .rule-editor.token .onoffswitch { margin: 2em auto; } body.highcontrast .policy-rule-edit .rule-editor.allowedIpAddresses h4, body[class*="theme-"] .policy-rule-edit .rule-editor.allowedIpAddresses h4 { margin-top: 2em; } body.highcontrast .policy-rule-edit .rule-editor.allowedIpAddresses input.ipAddress, body[class*="theme-"] .policy-rule-edit .rule-editor.allowedIpAddresses input.ipAddress { width: 150px; text-align: center; line-height: 1em; margin: 0; } body.highcontrast .policy-rule-edit .rule-editor.allowedIpAddresses button, body[class*="theme-"] .policy-rule-edit .rule-editor.allowedIpAddresses button { height: 45px; } body.highcontrast .policy-rule-edit .rule-editor.allowedIpAddresses ul, body[class*="theme-"] .policy-rule-edit .rule-editor.allowedIpAddresses ul { text-align: left; width: 180px; margin: 0 auto; } body.highcontrast .policy-rule-edit .rule-editor.allowedIpAddresses ul li, body[class*="theme-"] .policy-rule-edit .rule-editor.allowedIpAddresses ul li { list-style: none; padding: 0.5em 0; } body.highcontrast .policy-rule-edit .rule-editor.approvals .ticker, body[class*="theme-"] .policy-rule-edit .rule-editor.approvals .ticker { border-radius: 8px; color: var(--uux-app-btnPrimaryContrast); font-size: 78px; float: left; height: 136px; line-height: 1.275em; margin: 0 16px; text-shadow: -1px -1px 0 var(--uux-app-tooltipBackgroundColor); width: 154px; } body.highcontrast .policy-rule-edit .rule-editor.approvals .approvals-btn-container, body[class*="theme-"] .policy-rule-edit .rule-editor.approvals .approvals-btn-container { float: left; height: 136px; padding-top: 36px; } body.highcontrast .policy-rule-edit .rule-editor.approvals .approvals-widget-container, body[class*="theme-"] .policy-rule-edit .rule-editor.approvals .approvals-widget-container { margin: 50px auto 100px; display: table; width: 315px; } body.highcontrast .policy-rule-edit .rule-editor.approvals .approvals-widget-container:after, body.highcontrast .policy-rule-edit .rule-editor.approvals .approvals-widget-container:before, body[class*="theme-"] .policy-rule-edit .rule-editor.approvals .approvals-widget-container:after, body[class*="theme-"] .policy-rule-edit .rule-editor.approvals .approvals-widget-container:before { content: ""; display: table; line-height: 0; } body.highcontrast .policy-rule-edit .rule-editor.approvals .approvals-widget-container:after, body[class*="theme-"] .policy-rule-edit .rule-editor.approvals .approvals-widget-container:after { clear: both; } body.highcontrast .policy-rule-edit .rule-editor.accounts q2-message, body[class*="theme-"] .policy-rule-edit .rule-editor.accounts q2-message { margin: 0 50px; } body.highcontrast .policy-rule-edit .rule-editor .ui-radio, body[class*="theme-"] .policy-rule-edit .rule-editor .ui-radio { display: inline-block; vertical-align: middle; } body.highcontrast .policy-rule-edit .rule-editor .rule-amount, body[class*="theme-"] .policy-rule-edit .rule-editor .rule-amount { margin-top: 10px; margin-bottom: 0; } body.highcontrast .policy-rule-edit .rule-editor .form-group.hidden-label label, body[class*="theme-"] .policy-rule-edit .rule-editor .form-group.hidden-label label { display: none; } body.highcontrast .policy-rule-edit .rule-editor .form-group.hidden-label .feedback-wrapper, body[class*="theme-"] .policy-rule-edit .rule-editor .form-group.hidden-label .feedback-wrapper { top: 38px; } body.highcontrast .policy-rule-edit .rule-profile, body[class*="theme-"] .policy-rule-edit .rule-profile { font-size: 15px; text-align: left; } body.highcontrast .policy-rule-edit .rule-profile a.cancel-link, body[class*="theme-"] .policy-rule-edit .rule-profile a.cancel-link { color: var(--uux-app-linkDesaturatedColor); cursor: pointer; font-size: 14px; text-decoration: underline; } body.highcontrast .policy-rule-edit .rule-profile a.cancel-link:hover, body[class*="theme-"] .policy-rule-edit .rule-profile a.cancel-link:hover { color: var(--uux-app-linkDesaturatedHover); } body.highcontrast .policy-rule-edit .rule-profile > .resize-panel, body[class*="theme-"] .policy-rule-edit .rule-profile > .resize-panel { padding: 16px; } body.highcontrast .policy-rule-edit .prototyped-hours-editor, body[class*="theme-"] .policy-rule-edit .prototyped-hours-editor { transition: background-position 0.4s linear; background-image: url(images/prototype/draft_hours.png); background-position: 50% 0; background-repeat: no-repeat; display: block; height: 438px; margin: 16px 0; text-decoration: none; width: 100%; } body.highcontrast .policy-rule-edit .show-day .prototyped-hours-editor, body[class*="theme-"] .policy-rule-edit .show-day .prototyped-hours-editor { background-position: 50% 100%; } body.highcontrast .policy-rule-edit .day-visible, body[class*="theme-"] .policy-rule-edit .day-visible { display: none; } body.highcontrast .policy-rule-edit .show-day .day-visible, body[class*="theme-"] .policy-rule-edit .show-day .day-visible { display: block; } body.highcontrast .policy-rule-edit .show-day .week-visible, body[class*="theme-"] .policy-rule-edit .show-day .week-visible { display: none; } body.highcontrast .policy-rule-edit .pad-modal, body[class*="theme-"] .policy-rule-edit .pad-modal { padding-left: 30px; padding-right: 30px; } body.highcontrast .policy-edit .limit-tab-content .column-header, body[class*="theme-"] .policy-edit .limit-tab-content .column-header { margin-top: 10px; padding-right: 30px; } body.highcontrast .policy-edit .limit-tab-content .limit-value-container .limits-amount .section-label h3, body.highcontrast .policy-edit .limit-tab-content .limit-value-container .limits-count .section-label h3, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value-container .limits-amount .section-label h3, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value-container .limits-count .section-label h3 { display: inline-block; margin-left: 8px; } body.highcontrast .policy-edit .limit-tab-content .limit-value-container .limits-amount .section-label .icon-help, body.highcontrast .policy-edit .limit-tab-content .limit-value-container .limits-count .section-label .icon-help, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value-container .limits-amount .section-label .icon-help, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value-container .limits-count .section-label .icon-help { font-size: 17px; } body.highcontrast .policy-edit .limit-tab-content .current-limit-container, body[class*="theme-"] .policy-edit .limit-tab-content .current-limit-container { text-overflow: ellipsis; } body.highcontrast .policy-edit .limit-tab-content .current-limit-container .limit-input, body[class*="theme-"] .policy-edit .limit-tab-content .current-limit-container .limit-input { margin-top: 0; } body.highcontrast .policy-edit .limit-tab-content .limit-value, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value { padding: 4px 0 4px 4px; width: 100%; } body.highcontrast .policy-edit .limit-tab-content .limit-value > label, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value > label { display: block; padding-right: 30px; } body.highcontrast .policy-edit .limit-tab-content .limit-value .value, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value .value { font-size: 20px; display: inline-block; } body.highcontrast .policy-edit .limit-tab-content .limit-value .icon-edit, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value .icon-edit { width: 30px; font-size: 16px; display: inline-block; vertical-align: middle; } body.highcontrast .policy-edit .limit-tab-content .limit-value .toggle, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value .toggle { margin-top: 10px; float: right; } body.highcontrast .policy-edit .limit-tab-content .limit-value label.toggle-label, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value label.toggle-label { margin-top: 14px; margin-bottom: 11px; font-weight: var(--tct-input-label-font-weight, 600); } body.highcontrast .policy-edit .limit-tab-content .limit-value label.toggle-error, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value label.toggle-error { font-size: smaller; color: var(--uux-theme-danger); } body.highcontrast .policy-edit .limit-tab-content .limit-value label.toggle-message, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value label.toggle-message { font-size: smaller; } body.highcontrast .policy-edit .limit-tab-content .limit-value .limit-amount, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value .limit-amount { margin-top: 10px; margin-bottom: 0; } body.highcontrast .policy-edit .limit-tab-content .limit-value.invalid .value, body.highcontrast .policy-edit .limit-tab-content .limit-value.invalid label, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value.invalid .value, body[class*="theme-"] .policy-edit .limit-tab-content .limit-value.invalid label { color: var(--uux-theme-danger); } body.highcontrast .policy-edit .limit-tab-content .read-only .limit-value .value, body[class*="theme-"] .policy-edit .limit-tab-content .read-only .limit-value .value { padding-right: 30px; } body.highcontrast .policy-edit .limit-tab-content .read-only .limit-value .icon-edit, body[class*="theme-"] .policy-edit .limit-tab-content .read-only .limit-value .icon-edit { display: none; } body.highcontrast .policy-edit .limit-tab-content .warning-message, body[class*="theme-"] .policy-edit .limit-tab-content .warning-message { color: var(--uux-theme-danger); } body.highcontrast .policy-edit .tab-control .tab-content, body[class*="theme-"] .policy-edit .tab-control .tab-content { border: 0; } body.highcontrast .policy-edit .overview-tab-content .limit-value.invalid, body[class*="theme-"] .policy-edit .overview-tab-content .limit-value.invalid { color: var(--uux-theme-danger); font-weight: 700; } body.highcontrast .policy-edit .permission .icon-ok, body.highcontrast .policy-edit .permission .icon-plus, body[class*="theme-"] .policy-edit .permission .icon-ok, body[class*="theme-"] .policy-edit .permission .icon-plus { color: var(--uux-theme-success); } body.highcontrast .policy-edit .permission .icon-question, body[class*="theme-"] .policy-edit .permission .icon-question { color: var(--uux-theme-warning); } body.highcontrast .policy-edit .permission .icon-minus, body[class*="theme-"] .policy-edit .permission .icon-minus { color: var(--uux-theme-danger); } body.highcontrast .policy-edit .user-rights, body[class*="theme-"] .policy-edit .user-rights { margin: auto; width: 80%; } body.highcontrast .policy-edit .user-rights th, body[class*="theme-"] .policy-edit .user-rights th { width: 33%; } body.highcontrast .policy-edit .user-rights td, body[class*="theme-"] .policy-edit .user-rights td { vertical-align: middle; } body.highcontrast .policy-edit .user-rights td.permission, body[class*="theme-"] .policy-edit .user-rights td.permission { width: 42px; } body.highcontrast .policy-edit .user-rights .permission .btn-icon, body[class*="theme-"] .policy-edit .user-rights .permission .btn-icon { margin-right: 20px; } body.highcontrast .policy-edit .accounts .account-label, body.highcontrast .policy-edit .accounts-phone .account-label, body[class*="theme-"] .policy-edit .accounts .account-label, body[class*="theme-"] .policy-edit .accounts-phone .account-label { display: inline-block; margin: 3px; padding: 2px 10px; border-radius: 10px; background: var(--uux-app-widgetButtonBg); color: var(--uux-app-widgetButtonContrast); font-size: 0.9em; } body.highcontrast .policy-edit .accounts .account-label:hover, body.highcontrast .policy-edit .accounts-phone .account-label:hover, body[class*="theme-"] .policy-edit .accounts .account-label:hover, body[class*="theme-"] .policy-edit .accounts-phone .account-label:hover { background: var(--uux-app-widgetButtonHoverBg); color: var(--uux-app-widgetButtonHoverContrast); } body.highcontrast .policy-edit .accounts .account-label .account-label-text, body.highcontrast .policy-edit .accounts-phone .account-label .account-label-text, body[class*="theme-"] .policy-edit .accounts .account-label .account-label-text, body[class*="theme-"] .policy-edit .accounts-phone .account-label .account-label-text { display: inline-block; margin-right: 5px; } body.highcontrast .policy-edit .accounts .account-label .account-label-remove, body.highcontrast .policy-edit .accounts-phone .account-label .account-label-remove, body[class*="theme-"] .policy-edit .accounts .account-label .account-label-remove, body[class*="theme-"] .policy-edit .accounts-phone .account-label .account-label-remove { display: inline-block; } body.highcontrast .policy-edit .blockribbon-flair .term-status-icon, body[class*="theme-"] .policy-edit .blockribbon-flair .term-status-icon { position: absolute; bottom: 0; right: 0; } body.highcontrast .policy-edit .blockribbon-flair .term-status-icon.icon-check, body[class*="theme-"] .policy-edit .blockribbon-flair .term-status-icon.icon-check { color: var(--uux-theme-success); } body.highcontrast .policy-edit .blockribbon-flair .term-status-icon.icon-ban-circle, body[class*="theme-"] .policy-edit .blockribbon-flair .term-status-icon.icon-ban-circle { color: var(--uux-theme-danger); } body.highcontrast .report-container, body[class*="theme-"] .report-container { overflow: auto; } body.highcontrast .report .report-detail-output:not(:last-child):after, body[class*="theme-"] .report .report-detail-output:not(:last-child):after { content: " | "; } body.highcontrast .report .report-date, body[class*="theme-"] .report .report-date { display: inline-block; margin-top: 6px; } body.highcontrast .reports-info, body[class*="theme-"] .reports-info { display: flex; margin-bottom: 20px; } body.highcontrast .reports-info h1, body[class*="theme-"] .reports-info h1 { flex: 1 1; } body.highcontrast .reports-info .form-group, body[class*="theme-"] .reports-info .form-group { align-self: flex-end; flex: 1 1; margin-top: 20px; padding: 0; } body.highcontrast .reports-info-header, body[class*="theme-"] .reports-info-header { display: flex; flex-direction: row; } body.highcontrast .reports-info-header .total-available-reports, body[class*="theme-"] .reports-info-header .total-available-reports { flex: 0 0 100px; } body.highcontrast .reports-info-header .badge-filter, body[class*="theme-"] .reports-info-header .badge-filter { flex: 1 0; } body.highcontrast .reports-info-header .badge-filter-list, body[class*="theme-"] .reports-info-header .badge-filter-list { margin: 0; padding: 0; } body.highcontrast .reports-info-header .badge-filter-list li, body[class*="theme-"] .reports-info-header .badge-filter-list li { padding-right: 15px; } body.highcontrast .reports-info-header .create-report-container, body[class*="theme-"] .reports-info-header .create-report-container { align-self: flex-end; } body.highcontrast .reports-table .btn:not(.btn-icon) [class*=" icon-"]:before, body.highcontrast .reports-table .btn:not(.btn-icon) [class^="icon-"]:before, body[class*="theme-"] .reports-table .btn:not(.btn-icon) [class*=" icon-"]:before, body[class*="theme-"] .reports-table .btn:not(.btn-icon) [class^="icon-"]:before { width: 30px; margin-left: auto; margin-right: auto; } body.highcontrast .reports-table .actions, body[class*="theme-"] .reports-table .actions { text-align: right; } @media screen and (max-width: 767px) { body.highcontrast .reports-table thead, body[class*="theme-"] .reports-table thead { display: none; } body.highcontrast .reports-table .report-nickname, body[class*="theme-"] .reports-table .report-nickname { word-break: break-word; } body.highcontrast .reports.list-view, body[class*="theme-"] .reports.list-view { margin-top: 20px; } } body.highcontrast .processing-spinner, body[class*="theme-"] .processing-spinner { margin-left: 10px; } body.highcontrast .report-edit .row, body[class*="theme-"] .report-edit .row { margin-top: 30px; margin-bottom: 30px; } body.highcontrast .report-edit .btn-block + .btn-block, body.highcontrast .report-edit .row:first-child, body[class*="theme-"] .report-edit .btn-block + .btn-block, body[class*="theme-"] .report-edit .row:first-child { margin-top: 0; } @media screen and (max-width: 991px) { body.highcontrast .report-edit .row, body[class*="theme-"] .report-edit .row { margin-left: 0; margin-right: 0; } } body.highcontrast .report-edit .row:nth-last-child(2), body[class*="theme-"] .report-edit .row:nth-last-child(2) { margin-bottom: 15px; } body.highcontrast .report-edit .ui-radio, body[class*="theme-"] .report-edit .ui-radio { padding: 5px 0; width: -webkit-fit-content; width: fit-content; } body.highcontrast .report-edit .ui-radio:first-child, body[class*="theme-"] .report-edit .ui-radio:first-child { padding-top: 0; } body.highcontrast .report-edit .ui-radio:last-child, body[class*="theme-"] .report-edit .ui-radio:last-child { padding-bottom: 0; } body.highcontrast .report-edit q2-checkbox, body[class*="theme-"] .report-edit q2-checkbox { width: -webkit-fit-content; width: fit-content; } body.highcontrast .report-edit .ui-fieldset, body[class*="theme-"] .report-edit .ui-fieldset { margin-bottom: 0; } body.highcontrast .report-edit .ui-fieldset legend, body[class*="theme-"] .report-edit .ui-fieldset legend { margin-bottom: 20px; } body.highcontrast .report-edit .icon-error, body[class*="theme-"] .report-edit .icon-error { color: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-primary: var(--uux-CONST_STOPLIGHT_ALERT); --t-icon-stroke-secondary: var(--uux-CONST_STOPLIGHT_ALERT); top: 5px; margin-right: 5px; } body.highcontrast .report-edit .report-edit-header, body[class*="theme-"] .report-edit .report-edit-header { border-bottom: 1px solid var(--uux-app-textColor); margin: 0 15px; } body.highcontrast .report-edit .report-edit-headline, body[class*="theme-"] .report-edit .report-edit-headline { margin-bottom: 0; } body.highcontrast .report-edit .report-edit-subheader, body[class*="theme-"] .report-edit .report-edit-subheader { display: flex; margin-bottom: 0.75em; } body.highcontrast .report-edit .report-edit-subheader.subheader-stack, body[class*="theme-"] .report-edit .report-edit-subheader.subheader-stack { flex-wrap: wrap-reverse; } body.highcontrast .report-edit .report-edit-subheader-main, body[class*="theme-"] .report-edit .report-edit-subheader-main { flex-grow: 1; padding-right: 2em; } body.highcontrast .report-edit .report-edit-name-input, body[class*="theme-"] .report-edit .report-edit-name-input { margin: 0; } body.highcontrast .report-edit .report-edit-not-owner, body[class*="theme-"] .report-edit .report-edit-not-owner { float: none; } body.highcontrast .report-edit .report-edit-form, body[class*="theme-"] .report-edit .report-edit-form { max-width: 665px; padding: 15px; margin: 0 auto; } body.highcontrast .report-edit .report-edit-title, body[class*="theme-"] .report-edit .report-edit-title { font-weight: 600; margin-bottom: 15px; } body.highcontrast .report-edit .report-edit-privacy-warning, body[class*="theme-"] .report-edit .report-edit-privacy-warning { margin: 5px 0 0; } body.highcontrast .report-edit .report-edit-select-accounts, body[class*="theme-"] .report-edit .report-edit-select-accounts { margin-top: 5px; } body.highcontrast .report-edit .report-edit-select-accounts .select-all-spinner, body[class*="theme-"] .report-edit .report-edit-select-accounts .select-all-spinner { left: auto; height: 30px; width: 30px; } body.highcontrast .report-edit .report-edit-select-accounts .report-edit-checkbox, body[class*="theme-"] .report-edit .report-edit-select-accounts .report-edit-checkbox { padding-top: 0; } body.highcontrast .report-edit .report-edit-daterange, body[class*="theme-"] .report-edit .report-edit-daterange { margin: 0; } body.highcontrast .report-edit .report-edit-custom-calendar, body[class*="theme-"] .report-edit .report-edit-custom-calendar { display: flex; justify-content: center; margin-top: 15px; } body.highcontrast .report-edit .report-edit-custom-calendar .report-edit-calendar-column, body[class*="theme-"] .report-edit .report-edit-custom-calendar .report-edit-calendar-column { min-width: 48%; } body.highcontrast .report-edit .report-edit-custom-calendar .report-edit-calendar-column:first-child, body[class*="theme-"] .report-edit .report-edit-custom-calendar .report-edit-calendar-column:first-child { margin-right: 4%; } body.highcontrast .report-edit .report-edit-checkbox, body[class*="theme-"] .report-edit .report-edit-checkbox { width: -webkit-fit-content; width: fit-content; } body.highcontrast .report-edit .report-edit-manual-bai, body[class*="theme-"] .report-edit .report-edit-manual-bai { margin: 0; } body.highcontrast .report-edit .report-edit-bai-selection, body[class*="theme-"] .report-edit .report-edit-bai-selection { margin-bottom: 15px; } body.highcontrast .report-edit .report-edit-bai-types, body.highcontrast .report-edit .report-edit-select-transactions-list, body[class*="theme-"] .report-edit .report-edit-bai-types, body[class*="theme-"] .report-edit .report-edit-select-transactions-list { display: flex; flex-wrap: wrap; list-style-type: none; margin-top: 10px; padding: 0; } body.highcontrast .report-edit .report-edit-bai-types .item, body.highcontrast .report-edit .report-edit-select-transactions-list .item, body[class*="theme-"] .report-edit .report-edit-bai-types .item, body[class*="theme-"] .report-edit .report-edit-select-transactions-list .item { width: 300px; } body.highcontrast .report-edit .report-edit-actions, body[class*="theme-"] .report-edit .report-edit-actions { display: flex; justify-content: flex-end; margin: 15px 0 15px auto; max-width: 400px; } body.highcontrast .report-edit .report-edit-actions .btn, body[class*="theme-"] .report-edit .report-edit-actions .btn { flex: 1 1 auto; } @media screen and (max-width: 767px) { body.highcontrast .report-edit .report-edit-actions, body[class*="theme-"] .report-edit .report-edit-actions { padding: 15px 0 10px; } body.highcontrast .report-edit .report-edit-actions .btn, body[class*="theme-"] .report-edit .report-edit-actions .btn { margin: 0 0 8px; } } body.highcontrast .report-edit .report-edit-actions .btn:not(:first-child), body[class*="theme-"] .report-edit .report-edit-actions .btn:not(:first-child) { margin-left: 14px; } body.highcontrast .edit-overpanel .overpanel-header .overpanel-title, body[class*="theme-"] .edit-overpanel .overpanel-header .overpanel-title { font-size: 20px; font-weight: 500; padding: 80px 0 0 10px; text-align: left; text-transform: uppercase; } body.highcontrast .edit-overpanel .report-select-items .select-all-spinner, body[class*="theme-"] .edit-overpanel .report-select-items .select-all-spinner { left: auto; height: 30px; width: 30px; } body.highcontrast .edit-overpanel .report-select-items .items-spinner, body[class*="theme-"] .edit-overpanel .report-select-items .items-spinner { position: fixed; top: 425px; } body.highcontrast .edit-overpanel .report-select-items .invalid-select-item, body[class*="theme-"] .edit-overpanel .report-select-items .invalid-select-item { height: 73px; } body.highcontrast .edit-overpanel .report-select-items .invalid-select-item .invalid-item-icon, body[class*="theme-"] .edit-overpanel .report-select-items .invalid-select-item .invalid-item-icon { --t-icon-stroke-primary: var(--uux-CONST_GRAY); --t-icon-stroke-secondary: var(--uux-CONST_GRAY); } body.highcontrast .edit-overpanel .overpanel-scroll-wrapper, body[class*="theme-"] .edit-overpanel .overpanel-scroll-wrapper { margin-top: 80px; } body.highcontrast .account-color-0, body[class*="theme-"] .account-color-0 { background-color: var(--uux-account-color-0); border-color: var(--uux-account-color-0); color: var(--uux-account-color-0); fill: var(--uux-account-color-0); stroke: var(--uux-account-color-0); } body.highcontrast .account-color-1, body[class*="theme-"] .account-color-1 { background-color: var(--uux-account-color-1); border-color: var(--uux-account-color-1); color: var(--uux-account-color-1); fill: var(--uux-account-color-1); stroke: var(--uux-account-color-1); } body.highcontrast .account-color-2, body[class*="theme-"] .account-color-2 { background-color: var(--uux-account-color-2); border-color: var(--uux-account-color-2); color: var(--uux-account-color-2); fill: var(--uux-account-color-2); stroke: var(--uux-account-color-2); } body.highcontrast .account-color-3, body[class*="theme-"] .account-color-3 { background-color: var(--uux-account-color-3); border-color: var(--uux-account-color-3); color: var(--uux-account-color-3); fill: var(--uux-account-color-3); stroke: var(--uux-account-color-3); } body.highcontrast .account-color-4, body[class*="theme-"] .account-color-4 { background-color: var(--uux-account-color-4); border-color: var(--uux-account-color-4); color: var(--uux-account-color-4); fill: var(--uux-account-color-4); stroke: var(--uux-account-color-4); } body.highcontrast .account-color-5, body[class*="theme-"] .account-color-5 { background-color: var(--uux-account-color-5); border-color: var(--uux-account-color-5); color: var(--uux-account-color-5); fill: var(--uux-account-color-5); stroke: var(--uux-account-color-5); } body.highcontrast .account-color-6, body[class*="theme-"] .account-color-6 { background-color: var(--uux-account-color-6); border-color: var(--uux-account-color-6); color: var(--uux-account-color-6); fill: var(--uux-account-color-6); stroke: var(--uux-account-color-6); } body.highcontrast .account-color-7, body[class*="theme-"] .account-color-7 { background-color: var(--uux-account-color-7); border-color: var(--uux-account-color-7); color: var(--uux-account-color-7); fill: var(--uux-account-color-7); stroke: var(--uux-account-color-7); } body.highcontrast .account-color-8, body[class*="theme-"] .account-color-8 { background-color: var(--uux-account-color-8); border-color: var(--uux-account-color-8); color: var(--uux-account-color-8); fill: var(--uux-account-color-8); stroke: var(--uux-account-color-8); } body.highcontrast .account-color-9, body[class*="theme-"] .account-color-9 { background-color: var(--uux-account-color-9); border-color: var(--uux-account-color-9); color: var(--uux-account-color-9); fill: var(--uux-account-color-9); stroke: var(--uux-account-color-9); } body.highcontrast .account-color-10, body[class*="theme-"] .account-color-10 { background-color: var(--uux-account-color-10); border-color: var(--uux-account-color-10); color: var(--uux-account-color-10); fill: var(--uux-account-color-10); stroke: var(--uux-account-color-10); } body.highcontrast .account-color-11, body[class*="theme-"] .account-color-11 { background-color: var(--uux-account-color-11); border-color: var(--uux-account-color-11); color: var(--uux-account-color-11); fill: var(--uux-account-color-11); stroke: var(--uux-account-color-11); } body.highcontrast .account-color-12, body[class*="theme-"] .account-color-12 { background-color: var(--uux-account-color-12); border-color: var(--uux-account-color-12); color: var(--uux-account-color-12); fill: var(--uux-account-color-12); stroke: var(--uux-account-color-12); } body.highcontrast .account-color-13, body[class*="theme-"] .account-color-13 { background-color: var(--uux-account-color-13); border-color: var(--uux-account-color-13); color: var(--uux-account-color-13); fill: var(--uux-account-color-13); stroke: var(--uux-account-color-13); } body.highcontrast .account-color-14, body[class*="theme-"] .account-color-14 { background-color: var(--uux-account-color-14); border-color: var(--uux-account-color-14); color: var(--uux-account-color-14); fill: var(--uux-account-color-14); stroke: var(--uux-account-color-14); } body.highcontrast .account-color-15, body[class*="theme-"] .account-color-15 { background-color: var(--uux-account-color-15); border-color: var(--uux-account-color-15); color: var(--uux-account-color-15); fill: var(--uux-account-color-15); stroke: var(--uux-account-color-15); } body.highcontrast #splashboard-container, body[class*="theme-"] #splashboard-container { background: var(--t-gray12); height: 100vh; } body.highcontrast .sb-config-container, body[class*="theme-"] .sb-config-container { margin: 0 -10px; } body.highcontrast .sb-config-btn-container, body[class*="theme-"] .sb-config-btn-container { margin: 15px 18px 0 0; } body.highcontrast .config-button, body[class*="theme-"] .config-button { vertical-align: middle; font-size: 30px; color: var(--uux-theme-primary); } body.highcontrast .stat-panel, body[class*="theme-"] .stat-panel { padding: 1.5rem; box-shadow: 0 1px 2px var(--t-gray9); background: var(--t-base); margin-bottom: 20px; border-radius: 3px; } body.highcontrast .splashboard-logo, body[class*="theme-"] .splashboard-logo { content: var(--uux-logoImage); float: left; padding: 15px; } body.highcontrast .stat-header, body[class*="theme-"] .stat-header { border-bottom: 1px solid var(--t-gray14); } body.highcontrast .sb-stats-empty-container #empty-stat, body[class*="theme-"] .sb-stats-empty-container #empty-stat { width: 100%; display: inline-block; vertical-align: middle; background-image: url(images/central/splashboard-no-stats-lg-74948145816fe31ce1534973b0ef66c7.png); background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; } body.highcontrast .sb-stats-empty-container #empty-stat .empty-stat-inner, body[class*="theme-"] .sb-stats-empty-container #empty-stat .empty-stat-inner { padding-top: 51.4%; display: block; height: 0; } @media only screen and (max-width: 992px) { body.highcontrast .sb-stats-empty-container #empty-stat, body[class*="theme-"] .sb-stats-empty-container #empty-stat { background-image: url(images/central/splashboard-no-stats-md-a631501ebeae7605b4d06d3a87ffbfa4.png); } body.highcontrast .sb-stats-empty-container #empty-stat .empty-stat-inner, body[class*="theme-"] .sb-stats-empty-container #empty-stat .empty-stat-inner { padding-top: 69.44%; } } @media only screen and (max-width: 768px) { body.highcontrast .sb-stats-empty-container #empty-stat, body[class*="theme-"] .sb-stats-empty-container #empty-stat { background-image: url(images/central/splashboard-no-stats-sm-4d2c3332acfe3e05bef9f4cbe843317f.png); } body.highcontrast .sb-stats-empty-container #empty-stat .empty-stat-inner, body[class*="theme-"] .sb-stats-empty-container #empty-stat .empty-stat-inner { padding-top: 129.16%; } } body.highcontrast .stat-graph, body[class*="theme-"] .stat-graph { padding: 15px; text-align: center; } body.highcontrast .stat-graph-disabled, body[class*="theme-"] .stat-graph-disabled { fill: var(--t-gray12) !important; } body.highcontrast .misc-stat-button, body[class*="theme-"] .misc-stat-button { display: inline-block; padding: 3px 0; width: 45px; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; border-radius: 4px; background-color: var(--uux-app-btnPrimaryBg); color: var(--t-base); } body.highcontrast .misc-stat:nth-of-type(6n + 1) .misc-stat-button, body[class*="theme-"] .misc-stat:nth-of-type(6n + 1) .misc-stat-button { background-color: #ea6b14; } body.highcontrast .misc-stat:nth-of-type(6n + 2) .misc-stat-button, body[class*="theme-"] .misc-stat:nth-of-type(6n + 2) .misc-stat-button { background-color: #b35ba9; } body.highcontrast .misc-stat:nth-of-type(6n + 3) .misc-stat-button, body[class*="theme-"] .misc-stat:nth-of-type(6n + 3) .misc-stat-button { background-color: #008eaa; } body.highcontrast .misc-stat:nth-of-type(6n + 4) .misc-stat-button, body[class*="theme-"] .misc-stat:nth-of-type(6n + 4) .misc-stat-button { background-color: var(--t-gray7); } body.highcontrast .misc-stat:nth-of-type(6n + 5) .misc-stat-button, body[class*="theme-"] .misc-stat:nth-of-type(6n + 5) .misc-stat-button { background-color: #84bd00; } body.highcontrast .misc-stat:nth-of-type(6n + 6) .misc-stat-button, body[class*="theme-"] .misc-stat:nth-of-type(6n + 6) .misc-stat-button { background-color: #fcb424; } body.highcontrast .misc-empty-stat .misc-stat-button, body[class*="theme-"] .misc-empty-stat .misc-stat-button { background-color: var(--t-gray14); } body.highcontrast #splashboard-container a[href^="central://"],body[class*=theme-] #splashboard-container a[href^="central://"] { color: var(--t-gray4); text-decoration: none; } body.highcontrast .circle-graph-container-disabled, body[class*="theme-"] .circle-graph-container-disabled { fill: var(--t-gray12); } body.highcontrast .circle-graph-container:nth-of-type(6n + 1) .stat-graph, body[class*="theme-"] .circle-graph-container:nth-of-type(6n + 1) .stat-graph { fill: #84bd00; } body.highcontrast .circle-graph-container:nth-of-type(6n + 2) .stat-graph, body[class*="theme-"] .circle-graph-container:nth-of-type(6n + 2) .stat-graph { fill: #ea6b14; } body.highcontrast .circle-graph-container:nth-of-type(6n + 3) .stat-graph, body[class*="theme-"] .circle-graph-container:nth-of-type(6n + 3) .stat-graph { fill: #008eaa; } body.highcontrast .circle-graph-container:nth-of-type(6n + 4) .stat-graph, body[class*="theme-"] .circle-graph-container:nth-of-type(6n + 4) .stat-graph { fill: var(--t-gray7); } body.highcontrast .circle-graph-container:nth-of-type(6n + 5) .stat-graph, body[class*="theme-"] .circle-graph-container:nth-of-type(6n + 5) .stat-graph { fill: #84bd00; } body.highcontrast .circle-graph-container:nth-of-type(6n + 6) .stat-graph, body[class*="theme-"] .circle-graph-container:nth-of-type(6n + 6) .stat-graph { fill: #fcb424; } body.highcontrast .composable-dashboard-container, body[class*="theme-"] .composable-dashboard-container { display: flex; align-content: space-between; padding: var(--app-scale-3) / 2 var(--app-scale-3); background: var(--uux-CONST_GRAY_L2); } body.highcontrast.desktop .no-logo .content-container, body.highcontrast.desktop .unauthenticated.horizontal-nav, body[class*="theme-"].desktop .no-logo .content-container, body[class*="theme-"].desktop .unauthenticated.horizontal-nav { padding-top: 0; } body.highcontrast .composable-dashboard-container .comp-dash-left, body.highcontrast .composable-dashboard-container .comp-dash-right, body[class*="theme-"] .composable-dashboard-container .comp-dash-left, body[class*="theme-"] .composable-dashboard-container .comp-dash-right { min-width: 33%; } @media screen and (max-width: 1014px) { body.highcontrast .composable-dashboard-container .comp-dash-left, body.highcontrast .composable-dashboard-container .comp-dash-right, body[class*="theme-"] .composable-dashboard-container .comp-dash-left, body[class*="theme-"] .composable-dashboard-container .comp-dash-right { width: 50%; min-width: 50%; } } @media screen and (max-width: 767px) { body.highcontrast .composable-dashboard-container, body[class*="theme-"] .composable-dashboard-container { display: block; padding: 0; } body.highcontrast .composable-dashboard-container .comp-dash-left, body.highcontrast .composable-dashboard-container .comp-dash-right, body[class*="theme-"] .composable-dashboard-container .comp-dash-left, body[class*="theme-"] .composable-dashboard-container .comp-dash-right { width: 100%; } body.highcontrast.desktop .unauthenticated, body[class*="theme-"].desktop .unauthenticated { padding-top: 0; } } body.highcontrast .composable-dashboard-container .comp-dash-left.four-column-max, body[class*="theme-"] .composable-dashboard-container .comp-dash-left.four-column-max { width: 340px; min-width: 340px; } body.highcontrast .composable-dashboard-container .comp-dash-inner-wrapper, body[class*="theme-"] .composable-dashboard-container .comp-dash-inner-wrapper { min-width: 33.3%; flex-grow: 100; max-width: 100%; } body.highcontrast .panel-primary, body[class*="theme-"] .panel-primary { border-color: var(--uux-app-panelBgOverride); } body.highcontrast .panel-primary .panel-heading, body[class*="theme-"] .panel-primary .panel-heading { background-color: var(--uux-app-panelBgOverride); border-color: var(--uux-app-panelBgOverride); color: var(--uux-app-panelBgOverrideContrast); } body.highcontrast .hidden-xs-inline, body[class*="theme-"] .hidden-xs-inline { display: inline-block !important; } body.highcontrast .error-field, body[class*="theme-"] .error-field { border-color: var(--t-status-alert) !important; } body.highcontrast .error-field:focus, body[class*="theme-"] .error-field:focus { border-color: var(--t-status-alert) !important; box-shadow: 0 0 8px var(--t-status-alert); } body.highcontrast .table th label, body[class*="theme-"] .table th label { font-size: inherit; font-weight: inherit; text-transform: inherit; } @media (min-width: 768px) { body.highcontrast .col-sm-offset-0, body[class*="theme-"] .col-sm-offset-0 { margin-left: 0; } } @media (max-width: 767px) { body.highcontrast .hidden-xs-inline, body[class*="theme-"] .hidden-xs-inline { display: none !important; } } body.highcontrast.desktop, body[class*="theme-"].desktop { border-bottom: 0; } body.highcontrast.desktop .app-container, body[class*="theme-"].desktop .app-container { height: auto; min-height: 100%; position: relative; } body.highcontrast.desktop .app-container .loading-bg, body[class*="theme-"].desktop .app-container .loading-bg { background-image: var(--uux-desktop-bgLoading); display: none; } body.highcontrast.desktop .app-container .splash-bg, body[class*="theme-"].desktop .app-container .splash-bg { background-image: var(--uux-desktop-bg); display: none; } @media screen and (min-width: 1280px) { body.highcontrast.desktop .app-container.horizontal-nav .content, body[class*="theme-"].desktop .app-container.horizontal-nav .content { max-width: var(--uux-desktop-horizontalNavContentWrapperWidth); } } body.highcontrast.desktop .main-view, body[class*="theme-"].desktop .main-view { display: flex; flex-wrap: wrap; } body.highcontrast.desktop .horizontal-nav #menu, body[class*="theme-"].desktop .horizontal-nav #menu { height: 45px; flex-basis: 100%; } body.highcontrast.desktop .content-wrapper, body[class*="theme-"].desktop .content-wrapper { flex: 1; box-shadow: 0 1px 3px var(--t-top-a2); } body.highcontrast.desktop .horizontal-nav .content-wrapper, body[class*="theme-"].desktop .horizontal-nav .content-wrapper { flex-basis: 100%; } body.highcontrast.desktop .content-container, body[class*="theme-"].desktop .content-container { display: flex; position: relative; height: 100%; } body.highcontrast.desktop .callme-button, body.highcontrast.desktop .hide-sidebar .desktop-sidebar, body.highcontrast.desktop .info-button-phone-holder, body.highcontrast.desktop .left, body.highcontrast.desktop .no-content-widgets .horiz-widget, body.highcontrast.desktop .right, body.highcontrast.desktop .secondary-navbar, body.highcontrast.desktop .unauthenticated > .footer, body.highcontrast.desktop .unauthenticated > footer, body[class*="theme-"].desktop .callme-button, body[class*="theme-"].desktop .hide-sidebar .desktop-sidebar, body[class*="theme-"].desktop .info-button-phone-holder, body[class*="theme-"].desktop .left, body[class*="theme-"].desktop .no-content-widgets .horiz-widget, body[class*="theme-"].desktop .right, body[class*="theme-"].desktop .secondary-navbar, body[class*="theme-"].desktop .unauthenticated > .footer, body[class*="theme-"].desktop .unauthenticated > footer { display: none; } body.highcontrast.desktop .content, body[class*="theme-"].desktop .content { flex: 1 1 var(--uux-app-contentWidth); min-height: 500px; max-width: var(--uux-desktop-verticalNavContentWrapperWidth); } body.highcontrast.desktop .more-toggle, body[class*="theme-"].desktop .more-toggle { font-size: 12px; margin-left: 15px; } @media screen and (min-width: 1024px) { body.highcontrast.desktop .more-toggle, body[class*="theme-"].desktop .more-toggle { display: none; } } body.highcontrast.desktop .header .center, body[class*="theme-"].desktop .header .center { margin-top: 0; text-align: left; text-transform: none; } body.highcontrast.desktop .header-center, body[class*="theme-"].desktop .header-center { position: static; color: var(--uux-app-strongTextColor); height: 46px; line-height: 46px; margin: 0; } body.highcontrast.desktop .return-to-login, body[class*="theme-"].desktop .return-to-login { position: fixed; } body.highcontrast.desktop .unauthenticated .content, body[class*="theme-"].desktop .unauthenticated .content { max-width: var(--uux-desktop-contentWrapperWidth); } body.highcontrast.desktop.interstitial-page .main-page-container, body.highcontrast.desktop.interstitial-page .navbar .meta-container, body[class*="theme-"].desktop.interstitial-page .main-page-container, body[class*="theme-"].desktop.interstitial-page .navbar .meta-container { max-width: none; } body.highcontrast.desktop .content-container > .content > .flex-item, body[class*="theme-"].desktop .content-container > .content > .flex-item { min-height: 500px; padding: 15px; } body.highcontrast.desktop .scrollable, body[class*="theme-"].desktop .scrollable { overflow-x: hidden; overflow-y: auto; } body.highcontrast.desktop .bordered > div, body[class*="theme-"].desktop .bordered > div { border: 1px solid var(--t-base-a2); color: var(--t-base-a2); padding: 8px; } body.highcontrast.desktop .vert-widget-small, body[class*="theme-"].desktop .vert-widget-small { height: 120px; border-bottom: 1px solid green; overflow-x: hidden; overflow-y: auto; width: 100%; } body.highcontrast.desktop .vert-widget-large, body[class*="theme-"].desktop .vert-widget-large { height: 360px; border-bottom: 1px solid red; overflow-x: hidden; overflow-y: auto; width: 100%; } body.highcontrast.desktop .push-footer, body[class*="theme-"].desktop .push-footer { height: var(--uux-desktop-footerHeight); } body.highcontrast.desktop .horiz-widget, body[class*="theme-"].desktop .horiz-widget { height: 125px; margin: 0; padding: 24px; text-align: center; } .uagent-ie .never-expire, body.highcontrast.tablet #rememberUserNameArea, body[class*="theme-"].tablet #rememberUserNameArea { margin-bottom: 15px; } body.highcontrast.desktop #policy-customers, body.highcontrast.desktop #policy-edit, body.highcontrast.desktop .report, body[class*="theme-"].desktop #policy-customers, body[class*="theme-"].desktop #policy-edit, body[class*="theme-"].desktop .report { background: var(--uux-theme-white); } body.highcontrast.desktop .btn > a, body[class*="theme-"].desktop .btn > a { color: var(--uux-theme-secondary); } body.highcontrast.desktop .menu-drawer, body[class*="theme-"].desktop .menu-drawer { opacity: 1; position: relative; display: block; height: auto; } body.highcontrast.desktop .vertical-nav .menu-drawer, body[class*="theme-"].desktop .vertical-nav .menu-drawer { min-height: 100%; } body.highcontrast.desktop .transaction-creation .bill-selection-panel, body[class*="theme-"].desktop .transaction-creation .bill-selection-panel { overflow: visible; } body.highcontrast.desktop .transactional.animation-mixin, body[class*="theme-"].desktop .transactional.animation-mixin { position: relative; } body.highcontrast.desktop .widget-fence.vertical, body[class*="theme-"].desktop .widget-fence.vertical { height: auto; overflow: visible; } body.highcontrast.desktop .content-rail, body[class*="theme-"].desktop .content-rail { position: relative; } body.highcontrast.desktop.interstitial-page .navbar.navbar-fixed-top, body[class*="theme-"].desktop.interstitial-page .navbar.navbar-fixed-top { background-color: var(--uux-desktop-brandingBarBg); } @media screen and (max-width: 1280px) { body.highcontrast.desktop .application-alert-container, body[class*="theme-"].desktop .application-alert-container { top: var(--uux-desktop-verticalNavHeaderHeight); } body.highcontrast.desktop .vertical-nav .footer, body[class*="theme-"].desktop .vertical-nav .footer { min-width: 100vw; } } @media screen and (min-width: 1280px) { body.highcontrast.desktop .content-overlay, body[class*="theme-"].desktop .content-overlay { display: none; } body.highcontrast.desktop .horizontal-nav .application-alert-container, body[class*="theme-"].desktop .horizontal-nav .application-alert-container { top: calc( var(--uux-desktop-verticalNavHeaderHeight) + var(--uux-desktop-horizontalNavHeight) ); } } body.highcontrast #test-fixture, body[class*="theme-"] #test-fixture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body.highcontrast.tablet .hide-sidebar .sidebar-drawer, body[class*="theme-"].tablet .hide-sidebar .sidebar-drawer { width: 0; } body.highcontrast.tablet.frameless, body[class*="theme-"].tablet.frameless { overflow: auto; } body.highcontrast.tablet #userLinks, body[class*="theme-"].tablet #userLinks { margin-top: 5px; } body.highcontrast.tablet .header, body[class*="theme-"].tablet .header { display: flex; padding: 0 10px; align-items: center; } body.highcontrast.tablet .header .ui-logo, body[class*="theme-"].tablet .header .ui-logo { display: inline-block; margin-left: 15px; } body.highcontrast.phone .map-modal .info-box .pop-over-arrow, body.highcontrast.phone .q2-alert .image-holder, body.highcontrast.tablet .callme-button, body[class*="theme-"].phone .map-modal .info-box .pop-over-arrow, body[class*="theme-"].phone .q2-alert .image-holder, body[class*="theme-"].tablet .callme-button { display: none; } body.highcontrast.tablet .header .ui-logo .logo-image, body[class*="theme-"].tablet .header .ui-logo .logo-image { background-position: center left; } body.highcontrast.tablet .navbar .meta-container, body[class*="theme-"].tablet .navbar .meta-container { background-color: var(--uux-tablet-brandingBarBg); } @media screen and (min-width: 768px) { body.highcontrast.tablet.interstitial-page .navbar .navbar-left, body[class*="theme-"].tablet.interstitial-page .navbar .navbar-left { margin-left: 0; } } body.highcontrast.tablet .inbox, body[class*="theme-"].tablet .inbox { top: calc(var(--uux-app-headerHeight) + 70px); } body.highcontrast.tablet .content-rail, body.highcontrast.tablet .sidebar-rail, body[class*="theme-"].tablet .content-rail, body[class*="theme-"].tablet .sidebar-rail { display: flex; flex-flow: column; width: 100%; height: 100%; } body.highcontrast.tablet .news-rates-inner, body[class*="theme-"].tablet .news-rates-inner { height: 572px; } body.highcontrast.tablet .left, body.highcontrast.tablet .right, body[class*="theme-"].tablet .left, body[class*="theme-"].tablet .right { position: relative; padding-top: 3px; } body.highcontrast.tablet .right, body[class*="theme-"].tablet .right { float: right; right: 0; } body.highcontrast.tablet .left, body[class*="theme-"].tablet .left { float: left; } body.highcontrast.tablet .login-outer .login-title, body[class*="theme-"].tablet .login-outer .login-title { background-image: var(--uux-tablet-brandingBarBgImage); background-position: center center; background-size: cover; background-color: var(--uux-tablet-authHeaderBg); border-color: var(--uux-tablet-authBorder); } body.highcontrast.tablet .activity-center-datatable, body[class*="theme-"].tablet .activity-center-datatable { padding-bottom: 50px; } body.highcontrast.tablet .app-container.authenticated, body.highcontrast.tablet .app-container.unauthenticated, body[class*="theme-"].tablet .app-container.authenticated, body[class*="theme-"].tablet .app-container.unauthenticated { position: relative; } body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header { background-image: var(--uux-tablet-brandingBarBgImage); background-position: center center; background-repeat: no-repeat; background-color: var(--uux-tablet-brandingBarBg); color: var(--uux-tablet-brandingBarContrast); border-bottom: 1px solid var(--uux-tablet-brandingBarBorder); } body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn { background-color: var(--uux-tablet-brandingBarButtonBg); border-color: var(--t-top-a0); color: var(--uux-tablet-brandingBarButtonContrast); } body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn:focus, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn:hover, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn:focus, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn:hover { background-color: var(--uux-tablet-brandingBarButtonHoverBg); border-color: var(--t-top-a0); color: var(--uux-tablet-brandingBarButtonHoverContrast); } body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn.active, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn:active, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn.active, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn:active { background-color: var(--uux-tablet-brandingBarButtonActiveBg); border-color: var(--t-top-a0); color: var(--uux-tablet-brandingBarButtonActiveContrast); } body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn.disabled, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn.disabled:active, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn.disabled:focus, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn.disabled:hover, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn[disabled], body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn[disabled]:active, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn[disabled]:focus, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn[disabled]:hover, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn.disabled, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn.disabled:active, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn.disabled:focus, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn.disabled:hover, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn[disabled], body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn[disabled]:active, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn[disabled]:focus, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn[disabled]:hover { background-color: var(--uux-tablet-brandingBarButtonBg); color: var(--uux-tablet-brandingBarButtonContrast); } @media screen and (max-width: 1023px) { body.highcontrast.tablet .message-subject, body[class*="theme-"].tablet .message-subject { max-width: 60%; } body.highcontrast.tablet .view-wrapper, body[class*="theme-"].tablet .view-wrapper { width: 100% !important; } } body.highcontrast.tablet .disclaimer-sidebar-coverup, body[class*="theme-"].tablet .disclaimer-sidebar-coverup { display: block; background: var(--uux-tablet-brandingBarBg); height: 65px; margin-top: -65px; width: var(--uux-app-mobileSidebarWidth); position: absolute; right: 0; } body.highcontrast.tablet .sticky-footer, body[class*="theme-"].tablet .sticky-footer { position: fixed; bottom: 0; width: auto; right: 50px; left: 30px; } body.highcontrast.tablet .multipay-table, body[class*="theme-"].tablet .multipay-table { margin-bottom: 75px; } body.highcontrast.tablet .tablet-width-blowout, body[class*="theme-"].tablet .tablet-width-blowout { margin-left: -20px; margin-right: -20px; border-left-width: 0; border-right-width: 0; border-radius: 0; padding-left: 20px; padding-right: 20px; position: relative; } body.highcontrast.tablet .tablet-width-blowout.expando, body[class*="theme-"].tablet .tablet-width-blowout.expando { padding-left: 34px; } body.highcontrast.tablet .tablet-width-blowout .next-arrow, body[class*="theme-"].tablet .tablet-width-blowout .next-arrow { font-size: 24px; line-height: 24px; position: absolute; right: 8px; top: 50%; margin-top: -12px; } body.highcontrast.tablet .tablet-width-blowout .checkbox, body[class*="theme-"].tablet .tablet-width-blowout .checkbox { position: absolute; right: 8px; top: 25%; margin-top: -12px; } body.highcontrast.tablet .tablet-width-blowout .action-element, body[class*="theme-"].tablet .tablet-width-blowout .action-element { position: absolute; right: 8px; top: 50%; margin-top: -7px; } body.highcontrast.tablet .tablet-width-blowout.lesser, body[class*="theme-"].tablet .tablet-width-blowout.lesser { margin-left: -12px; margin-right: -12px; } body.highcontrast.tablet .tablet-width-blowout.lesser .action-element, body.highcontrast.tablet .tablet-width-blowout.lesser .next-arrow, body[class*="theme-"].tablet .tablet-width-blowout.lesser .action-element, body[class*="theme-"].tablet .tablet-width-blowout.lesser .next-arrow { right: 16px; } body.highcontrast.tablet .tablet-width-blowout.lesser .action-element.ui-checkbox, body[class*="theme-"].tablet .tablet-width-blowout.lesser .action-element.ui-checkbox { right: 5px; top: 5%; } body.highcontrast.tablet .tablet-width-blowout.less, body[class*="theme-"].tablet .tablet-width-blowout.less { margin-left: -15px; margin-right: -15px; } body.highcontrast.tablet .tablet-width-blowout.less .action-element, body.highcontrast.tablet .tablet-width-blowout.less .next-arrow, body[class*="theme-"].tablet .tablet-width-blowout.less .action-element, body[class*="theme-"].tablet .tablet-width-blowout.less .next-arrow { right: 16px; } body.highcontrast.tablet .tablet-width-blowout.less .action-element.ui-checkbox, body[class*="theme-"].tablet .tablet-width-blowout.less .action-element.ui-checkbox { right: 5px; top: 25%; } body.highcontrast.phone .app-container, body[class*="theme-"].phone .app-container { position: relative; } body.highcontrast.phone:not(.embedded-uux) .main-view, body[class*="theme-"].phone:not(.embedded-uux) .main-view { min-height: calc(100vh - var(--uux-app-headerHeight)); } body.highcontrast.phone:not(.embedded-uux) .thumb-nav-enabled .main-view, body[class*="theme-"].phone:not(.embedded-uux) .thumb-nav-enabled .main-view { min-height: calc( 100vh - var(--uux-app-headerHeight) + var(--uux-app-thumbBarHeight) ); } body.highcontrast.phone.embedded-uux .main-view, body[class*="theme-"].phone.embedded-uux .main-view { min-height: 100vh; } body.highcontrast.phone .view-wrapper, body[class*="theme-"].phone .view-wrapper { width: 100%; position: static; } body.highcontrast.phone.authenticated .content-wrapper, body[class*="theme-"].phone.authenticated .content-wrapper { height: auto; min-height: 500px; } body.highcontrast.phone .content header:not(.sidepanel-header) > .editable-title, body.highcontrast.phone .content-wrapper header:not(.sidepanel-header) > .editable-title, body[class*="theme-"].phone .content header:not(.sidepanel-header) > .editable-title, body[class*="theme-"].phone .content-wrapper header:not(.sidepanel-header) > .editable-title { font-size: 21px; } body.highcontrast.phone .content header:not(.sidepanel-header) > .editable-title .icon-edit.link-icon, body.highcontrast.phone .content-wrapper header:not(.sidepanel-header) > .editable-title .icon-edit.link-icon, body[class*="theme-"].phone .content header:not(.sidepanel-header) > .editable-title .icon-edit.link-icon, body[class*="theme-"].phone .content-wrapper header:not(.sidepanel-header) > .editable-title .icon-edit.link-icon { background: linear-gradient( to right, transparent 0, var(--uux-app-contentPanelBg) 39% ); } body.highcontrast.phone div.spinner, body[class*="theme-"].phone div.spinner { position: relative; } body.highcontrast.phone .group-account-preference-list .spinner, body.highcontrast.phone .menu-open .content-rail, body[class*="theme-"].phone .group-account-preference-list .spinner, body[class*="theme-"].phone .menu-open .content-rail { position: fixed; } body.highcontrast.phone .page-metaheader, body[class*="theme-"].phone .page-metaheader { padding: 12px 0; } body.highcontrast.phone .page-metaheader .pull-right, body[class*="theme-"].phone .page-metaheader .pull-right { right: 0; margin-right: 0; } body.highcontrast.phone .page-metaheader .pull-left, body[class*="theme-"].phone .page-metaheader .pull-left { left: 0; } body.highcontrast.phone .page-metaheader h1, body[class*="theme-"].phone .page-metaheader h1 { text-indent: 4px; font-size: 22px; } body.highcontrast.phone .page-metaheader .btn, body[class*="theme-"].phone .page-metaheader .btn { margin-top: -2px; } body.highcontrast.phone .main-header-subtitle, body[class*="theme-"].phone .main-header-subtitle { font-size: 20px; text-align: center; padding: 5px 0; font-weight: 300; } body.highcontrast.phone .billpayee_container, body[class*="theme-"].phone .billpayee_container { margin: 0 -5px; } body.highcontrast.phone .billpayee_container .container_header, body[class*="theme-"].phone .billpayee_container .container_header { font-size: 18px; padding: 5px 15px; } body.highcontrast.phone .billpayee_container .billpayee_form, body[class*="theme-"].phone .billpayee_container .billpayee_form { padding: 0; } body.highcontrast.phone .billpayee_container .billpayee_form .row, body[class*="theme-"].phone .billpayee_container .billpayee_form .row { background-color: var(--uux-app-inputBg); border-top: 1px solid var(--uux-app-inputBorder); margin: 0; } body.highcontrast.phone .billpayee_container .billpayee_form .row:nth-last-of-type(2), body[class*="theme-"].phone .billpayee_container .billpayee_form .row:nth-last-of-type(2) { border-bottom: 1px solid var(--uux-app-inputBorder); } body.highcontrast.phone .billpayee_container .billpayee_form .row .form-group, body[class*="theme-"].phone .billpayee_container .billpayee_form .row .form-group { margin-bottom: 0; padding: 0 18px; } body.highcontrast.phone .menu-open .view-wrapper, body[class*="theme-"].phone .menu-open .view-wrapper { left: 0; } body.highcontrast.phone .header, body[class*="theme-"].phone .header { border-bottom: 0; } body.highcontrast.phone .header .header-fixed, body[class*="theme-"].phone .header .header-fixed { background-color: var(--uux-phone-brandingBarBg); border-bottom: 1px solid var(--uux-app-contentBorder); color: var(--uux-phone-brandingBarContrast); height: var(--uux-app-headerHeight); position: -webkit-sticky; position: sticky; top: 0; z-index: 11; } body.highcontrast.phone .header .header-fixed h2, body[class*="theme-"].phone .header .header-fixed h2 { font-size: 16px; } body.highcontrast.phone .header .center, body[class*="theme-"].phone .header .center { margin-top: 0; line-height: 1.1em; } body.highcontrast.phone .header .center h1, body[class*="theme-"].phone .header .center h1 { font-size: 18px; font-weight: 700; height: 58px; line-height: 60px; margin: 0; position: static; } body.highcontrast.phone .header .center h1.header-center, body[class*="theme-"].phone .header .center h1.header-center { text-transform: none; } body.highcontrast.phone .inputControl, body[class*="theme-"].phone .inputControl { width: 100%; right: auto; } body.highcontrast.phone .float-calendar .calendar, body[class*="theme-"].phone .float-calendar .calendar { z-index: 52; width: 315px; } body.highcontrast.phone .q2-alert, body[class*="theme-"].phone .q2-alert { left: 0; margin: 50px 5% 0; width: auto; } body.highcontrast.phone .q2-alert h1, body[class*="theme-"].phone .q2-alert h1 { font-size: 36px; text-align: left; } body.highcontrast.phone .q2-alert .media-body, body[class*="theme-"].phone .q2-alert .media-body { height: auto; width: auto; } body.highcontrast.phone .del-panel, body.highcontrast.phone .reg-panel, body[class*="theme-"].phone .del-panel, body[class*="theme-"].phone .reg-panel { padding: 0; } body.highcontrast.phone .btn.btn-link-inline, body[class*="theme-"].phone .btn.btn-link-inline { line-height: inherit; } body.highcontrast.phone .secure-message-page, body[class*="theme-"].phone .secure-message-page { border-right: none; border-top: none; } body.highcontrast.phone .message-list, body[class*="theme-"].phone .message-list { position: relative; top: auto; bottom: auto; overflow: inherit; } body.highcontrast.phone .message-list .is-selected .item-link, body[class*="theme-"].phone .message-list .is-selected .item-link { background-color: inherit; } body.highcontrast.phone .message-detail-page, body.highcontrast.phone .message-inner, body[class*="theme-"].phone .message-detail-page, body[class*="theme-"].phone .message-inner { padding: 15px; } body.highcontrast.phone .message-detail-page .message-detail-page, body.highcontrast.phone .message-inner .message-detail-page, body[class*="theme-"].phone .message-detail-page .message-detail-page, body[class*="theme-"].phone .message-inner .message-detail-page { padding: 0; } body.highcontrast.phone .message-inner .message-error, body[class*="theme-"].phone .message-inner .message-error { text-align: left; float: left; } body.highcontrast.phone .messages-content, body[class*="theme-"].phone .messages-content { padding: 0; margin: 0; } body.highcontrast.phone .message-header .message-date, body.highcontrast.phone .message-header .message-from, body[class*="theme-"].phone .message-header .message-date, body[class*="theme-"].phone .message-header .message-from { float: none; } body.highcontrast.phone .item-list-container, body[class*="theme-"].phone .item-list-container { overflow: visible; } body.highcontrast.phone .del-panel, body[class*="theme-"].phone .del-panel { border-top: 1px solid var(--uux-app-messagesInboxBorder); border-bottom: 1px solid var(--uux-app-messagesInboxBorder); } body.highcontrast.phone .never-expire, body[class*="theme-"].phone .never-expire { max-width: 55%; } body.highcontrast.phone .activity-center-container, body[class*="theme-"].phone .activity-center-container { padding-top: 12px; } body.highcontrast.phone .activity-center-container .batch-buttons, body[class*="theme-"].phone .activity-center-container .batch-buttons { border-bottom: 3px solid var(--uux-theme-primary); } body.highcontrast.phone .activity-center-container .nav-tab-container.three li, body[class*="theme-"].phone .activity-center-container .nav-tab-container.three li { max-width: 33.333333%; } body.highcontrast.phone .activity-center-container .nav-tab-container.three li .tab-label, body[class*="theme-"].phone .activity-center-container .nav-tab-container.three li .tab-label { margin-right: 0; } body.highcontrast.phone .activity-center-container .nav-tab-container.two li, body[class*="theme-"].phone .activity-center-container .nav-tab-container.two li { max-width: 50%; } body.highcontrast.phone .activity-center-container .nav-tab-container li, body[class*="theme-"].phone .activity-center-container .nav-tab-container li { position: relative; text-align: center; } body.highcontrast.phone .activity-center-container .nav-tab-container li .tab-label, body[class*="theme-"].phone .activity-center-container .nav-tab-container li .tab-label { margin-right: 20px; display: block; text-align: center; } body.highcontrast.phone .activity-center-container .activity-center-datatable .title-row > div:first-of-type > div:first-of-type, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .title-row > div:first-of-type > div:first-of-type { border-bottom: solid 1px var(--t-gray11); } body.highcontrast.phone .activity-center-container .activity-center-datatable .title-row .faux-checkbox, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .title-row .faux-checkbox { margin: 7px 0; color: var(--uux-app-datatableDarkContrast); } body.highcontrast.phone .activity-center-container .activity-center-datatable .title-row .btn.btn-link, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .title-row .btn.btn-link { line-height: 36px; margin: -1px 0; } body.highcontrast.phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-verttab-content .row, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-verttab-content .row { margin: 0; } body.highcontrast.phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-verttab-content .row .col-xs-6, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-verttab-content .row .col-xs-6 { padding: 0; } body.highcontrast.phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-footer .pull-right, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-footer .pull-right { float: none !important; text-align: center; } body.highcontrast.phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-footer .btn, body[class*="theme-"].phone .activity-center-container .activity-center-datatable .table-detail-table .transaction-detail .detail-card-footer .btn { width: 46%; margin: 1% 2% 2% 1%; } body.highcontrast.phone .pagination-controls, body[class*="theme-"].phone .pagination-controls { margin-left: 6px; margin-right: 6px; } body.highcontrast.phone .pagination-controls .btn:disabled, body[class*="theme-"].phone .pagination-controls .btn:disabled { color: inherit; } body.highcontrast.phone .account-tile, body[class*="theme-"].phone .account-tile { background: var(--uux-theme-grayLighter); border: 0; } body.highcontrast.phone .account-tile .account-widget-title, body[class*="theme-"].phone .account-tile .account-widget-title { max-width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast.phone .account-tile .account-widget-balance, body[class*="theme-"].phone .account-tile .account-widget-balance { font-size: 14px; height: auto; letter-spacing: 0.2px; } body.highcontrast.phone .account-overview .account-tile, body[class*="theme-"].phone .account-overview .account-tile { margin-bottom: 9px; } body.highcontrast.phone .account-overview .account-tile .q2linkto, body[class*="theme-"].phone .account-overview .account-tile .q2linkto { padding: 3px 6px 6px 24px; } body.highcontrast.phone .account-overview .account-tile .transaction-count, body[class*="theme-"].phone .account-overview .account-tile .transaction-count { color: var(--uux-app-accountPendingText); font-size: 12px; line-height: 1em; } body.highcontrast.phone .account-overview .account-widget-balance, body[class*="theme-"].phone .account-overview .account-widget-balance { line-height: 1em; margin-top: -3px; } body.highcontrast.phone .account-overview .account-balance-label, body[class*="theme-"].phone .account-overview .account-balance-label { color: var(--uux-app-accountTileSubtext); font-size: 12px; } body.highcontrast.phone .account-overview.show-coins .account-tile .q2linkto, body[class*="theme-"].phone .account-overview.show-coins .account-tile .q2linkto { padding-left: 39px; } body.highcontrast.phone .account-details .account-tile, body[class*="theme-"].phone .account-details .account-tile { border-radius: 0; margin: 0 0 12px; padding: 6px 6px 0 24px; } body.highcontrast.phone .account-details .account-color, body[class*="theme-"].phone .account-details .account-color { border-radius: 0; } body.highcontrast.phone .account-details .account-widget, body[class*="theme-"].phone .account-details .account-widget { border: 0; border-radius: 0; } body.highcontrast.phone .account-details .tappable-return, body[class*="theme-"].phone .account-details .tappable-return { margin-right: -6px; margin-left: 5px; z-index: 6; } body.highcontrast.phone .account-details .account-widget-balance, body[class*="theme-"].phone .account-details .account-widget-balance { line-height: inherit; } body.highcontrast.phone .account-details .account-widget-number, body[class*="theme-"].phone .account-details .account-widget-number { font-size: 16px; } body.highcontrast.phone .account-details .form-container, body[class*="theme-"].phone .account-details .form-container { border-radius: 0; margin-top: 12px; padding: 0; } body.highcontrast.phone .account-details .form-container .btn-group, body[class*="theme-"].phone .account-details .form-container .btn-group { display: block; } body.highcontrast.phone .account-details .form-container .btn-group .btn, body[class*="theme-"].phone .account-details .form-container .btn-group .btn { width: 50%; } body.highcontrast.phone .account-details .account-details-tilecard .ui-badge, body[class*="theme-"].phone .account-details .account-details-tilecard .ui-badge { position: relative; left: 15px; } body.highcontrast.phone .account-details .q2linkto, body[class*="theme-"].phone .account-details .q2linkto { margin: 0; padding: 0; } body.highcontrast.phone .account-details .list-group .col-xs-1, body[class*="theme-"].phone .account-details .list-group .col-xs-1 { margin: 0 -6px 0 -4px; } body.highcontrast.phone .account-details .list-group .col-xs-5, body[class*="theme-"].phone .account-details .list-group .col-xs-5 { margin: 0 -4px 0 0; } body.highcontrast.phone .account-details .no-transaction-history, body[class*="theme-"].phone .account-details .no-transaction-history { margin-left: 12px; margin-right: 12px; border-radius: 8px; } body.highcontrast.phone .account-details.show-coins .account-tile, body[class*="theme-"].phone .account-details.show-coins .account-tile { padding-left: 6px; padding-top: 9px; } body.highcontrast.phone .account-details.show-coins .account-widget-number, body.highcontrast.phone .account-details.show-coins .account-widget-title, body[class*="theme-"].phone .account-details.show-coins .account-widget-number, body[class*="theme-"].phone .account-details.show-coins .account-widget-title { margin-left: 54px; } body.highcontrast.phone .account-details.show-coins .tappable-return, body[class*="theme-"].phone .account-details.show-coins .tappable-return { margin-left: -6px; } body.highcontrast.phone .account-details.show-coins .account-color, body[class*="theme-"].phone .account-details.show-coins .account-color { margin-left: -9px; } body.highcontrast.phone .account-details .history-item-detail .detail-row-header a.btn.btn-link, body[class*="theme-"].phone .account-details .history-item-detail .detail-row-header a.btn.btn-link { margin-right: 0; } body.highcontrast.phone .datatable .clearfix:first-of-type .datatable-row, body[class*="theme-"].phone .datatable .clearfix:first-of-type .datatable-row { border-top-width: 1px; border-top-style: solid; } body.highcontrast.phone .datatable-clean, body[class*="theme-"].phone .datatable-clean { padding: 0; } body.highcontrast.phone .datatable-row, body[class*="theme-"].phone .datatable-row { padding-top: 5px; padding-bottom: 5px; min-height: 52px; } body.highcontrast.phone .datatable-row .icon-angle-down, body.highcontrast.phone .datatable-row .icon-angle-up, body[class*="theme-"].phone .datatable-row .icon-angle-down, body[class*="theme-"].phone .datatable-row .icon-angle-up { font-size: 12px; } body.highcontrast.phone .datatable-row .icon-angle-down:before, body.highcontrast.phone .datatable-row .icon-angle-up:before, body[class*="theme-"].phone .datatable-row .icon-angle-down:before, body[class*="theme-"].phone .datatable-row .icon-angle-up:before { margin: 0 0 0 -5px; } body.highcontrast.phone .datatable-row [class*=" col-"] > [class*=" col-"], body.highcontrast.phone .datatable-row [class*=" col-"] > [class^="col-"], body.highcontrast.phone .datatable-row [class^="col-"] > [class*=" col-"], body.highcontrast.phone .datatable-row [class^="col-"] > [class^="col-"], body[class*="theme-"].phone .datatable-row [class*=" col-"] > [class*=" col-"], body[class*="theme-"].phone .datatable-row [class*=" col-"] > [class^="col-"], body[class*="theme-"].phone .datatable-row [class^="col-"] > [class*=" col-"], body[class*="theme-"].phone .datatable-row [class^="col-"] > [class^="col-"] { padding: 0; } body.highcontrast.phone .partial-history-item div.spinner, body[class*="theme-"].phone .partial-history-item div.spinner { position: absolute; } body.highcontrast.phone .partial-history-item .list-group-item:first-of-type, body[class*="theme-"].phone .partial-history-item .list-group-item:first-of-type { border-radius: 0; } body.highcontrast.phone .buttonView, body[class*="theme-"].phone .buttonView { padding: 10px; width: 100%; } body.highcontrast.phone .transaction-creation.billpay, body[class*="theme-"].phone .transaction-creation.billpay { padding: 0 7px; } body.highcontrast.phone .transaction-creation.billpay .datatable th, body[class*="theme-"].phone .transaction-creation.billpay .datatable th { white-space: nowrap; } body.highcontrast.phone .info-box, body[class*="theme-"].phone .info-box { width: 280px; } body.highcontrast.phone .info-box .pop-over, body[class*="theme-"].phone .info-box .pop-over { width: 280px; left: -95px !important; } body.highcontrast.phone .info-box .pop-over .pop-over-arrow, body[class*="theme-"].phone .info-box .pop-over .pop-over-arrow { left: 278px !important; } body.highcontrast.phone .info-box .pop-over .location-directions, body[class*="theme-"].phone .info-box .pop-over .location-directions { padding-bottom: 5px; text-align: center; } body.highcontrast.phone .map-modal, body[class*="theme-"].phone .map-modal { height: 100%; width: 100%; position: absolute; z-index: 110; background-color: var(--uux-app-branchesModalBg); } body.highcontrast.phone .map-modal .btn-primary.closeBtn, body[class*="theme-"].phone .map-modal .btn-primary.closeBtn { border: 0; border-radius: 0; width: 100%; } body.highcontrast.phone .map-modal .info-box, body[class*="theme-"].phone .map-modal .info-box { height: 100%; width: 100%; } body.highcontrast.phone .map-modal .info-box .location-overlay.pop-over, body[class*="theme-"].phone .map-modal .info-box .location-overlay.pop-over { display: block; } body.highcontrast.phone #news-rates-outer .news-item .border, body.highcontrast.phone .news-rates-inner hr, body[class*="theme-"].phone #news-rates-outer .news-item .border, body[class*="theme-"].phone .news-rates-inner hr { display: none; } body.highcontrast.phone .map-modal .info-box .location-overlay.pop-over.web, body[class*="theme-"].phone .map-modal .info-box .location-overlay.pop-over.web { top: 0; left: 0; margin: 0; } body.highcontrast.phone .map-modal .info-box .location-overlay .pop-over-content, body[class*="theme-"].phone .map-modal .info-box .location-overlay .pop-over-content { background-color: var(--uux-theme-white); } body.highcontrast.phone .map-modal .pop-over-title .title, body[class*="theme-"].phone .map-modal .pop-over-title .title { width: 60%; } body.highcontrast.phone #news-rates-outer .news-item, body[class*="theme-"].phone #news-rates-outer .news-item { border-bottom: 1px solid var(--uux-app-contentBorder); float: none; height: auto; width: 100%; } body.highcontrast.phone #news-rates-outer .breaking-news-bar, body[class*="theme-"].phone #news-rates-outer .breaking-news-bar { margin: 0; padding-right: 10px; } body.highcontrast.phone .overlay-title, body[class*="theme-"].phone .overlay-title { font-size: 24px; line-height: 30px; } body.highcontrast.phone .overlay-message, body[class*="theme-"].phone .overlay-message { font-size: 14px; line-height: 18px; } body.highcontrast.phone .glyph-content, body[class*="theme-"].phone .glyph-content { font-size: 50px; } body.highcontrast.phone #userLinks, body[class*="theme-"].phone #userLinks { margin-top: 10px; text-align: left; } body.highcontrast.phone .forgot-pw, body[class*="theme-"].phone .forgot-pw { min-width: 44px; line-height: normal; } body.highcontrast.phone #rememberUserNameArea, body[class*="theme-"].phone #rememberUserNameArea { display: block; float: none; margin-bottom: 18px; } body.highcontrast.phone .login-tac-targets-phone, body[class*="theme-"].phone .login-tac-targets-phone { text-align: center; } body.highcontrast.phone .tac-input-buttons, body[class*="theme-"].phone .tac-input-buttons { margin: 10px auto; width: 75% !important; } body.highcontrast.phone .tac-target, body[class*="theme-"].phone .tac-target { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.highcontrast.phone .disclaimer-content, body[class*="theme-"].phone .disclaimer-content { top: 0; } body.highcontrast.phone .disclaimer-content .disc-body, body.highcontrast.phone .disclaimer-content .form-body, body[class*="theme-"].phone .disclaimer-content .disc-body, body[class*="theme-"].phone .disclaimer-content .form-body { left: 0; } body.highcontrast.phone .disclaimer-content .disc-body .btn, body.highcontrast.phone .disclaimer-content .form-body .btn, body[class*="theme-"].phone .disclaimer-content .disc-body .btn, body[class*="theme-"].phone .disclaimer-content .form-body .btn { margin-bottom: 10px; } body.highcontrast.phone .modal-content, body[class*="theme-"].phone .modal-content { top: 60px; } body.highcontrast.phone .formBox, body[class*="theme-"].phone .formBox { margin: 0; } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header { background-image: var(--uux-phone-brandingBarBgImage); background-position: top center; background-repeat: no-repeat; position: -webkit-sticky; position: sticky; top: 0; z-index: 11; } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn { background-color: var(--uux-phone-brandingBarButtonBg); border-color: var(--t-top-a0); } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn:focus, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn:hover, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn:focus, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn:hover { background-color: var(--uux-phone-brandingBarButtonHoverBg); border-color: var(--t-top-a0); color: var(--uux-phone-brandingBarButtonHoverContrast); } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.active, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn:active, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.active, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn:active { background-color: var(--uux-phone-brandingBarButtonActiveBg); border-color: var(--t-top-a0); color: var(--uux-phone-brandingBarButtonActiveContrast); } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.disabled, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.disabled:active, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.disabled:focus, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.disabled:hover, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn[disabled], body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn[disabled]:active, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn[disabled]:focus, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn[disabled]:hover, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.disabled, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.disabled:active, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.disabled:focus, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.disabled:hover, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn[disabled], body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn[disabled]:active, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn[disabled]:focus, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn[disabled]:hover { background-color: var(--uux-phone-brandingBarButtonBg); color: var(--uux-phone-brandingBarButtonContrast); } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn { color: var(--uux-phone-brandingBarContrast) !important; } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn span[class^="icon-"], body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn span[class^="icon-"] { margin: 0 -10px; } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn span[class^="icon-"]:before, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn span[class^="icon-"]:before { font-size: 18px; color: var(--uux-phone-brandingBarContrast) !important; } body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn:focus, body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn:hover, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn:focus, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn:hover { color: var(--t-primary); text-decoration: none; } body.highcontrast.phone .phone-width-blowout, body[class*="theme-"].phone .phone-width-blowout { margin-left: -20px; margin-right: -20px; border-left-width: 0; border-right-width: 0; border-radius: 0; padding-left: 20px; padding-right: 20px; position: relative; } body.highcontrast.phone .phone-width-blowout.expando, body[class*="theme-"].phone .phone-width-blowout.expando { padding-left: 34px; } body.highcontrast.phone .phone-width-blowout .next-arrow, body[class*="theme-"].phone .phone-width-blowout .next-arrow { font-size: 24px; line-height: 24px; position: absolute; right: 8px; top: 50%; margin-top: -12px; } body.highcontrast.phone .phone-width-blowout .checkbox, body[class*="theme-"].phone .phone-width-blowout .checkbox { position: absolute; right: 8px; top: 25%; margin-top: -12px; } body.highcontrast.phone .phone-width-blowout .action-element, body[class*="theme-"].phone .phone-width-blowout .action-element { position: absolute; right: 8px; top: 50%; margin-top: -7px; } body.highcontrast.phone .phone-width-blowout.lesser, body[class*="theme-"].phone .phone-width-blowout.lesser { margin-left: -12px; margin-right: -12px; } body.highcontrast.phone .phone-width-blowout.lesser .action-element, body.highcontrast.phone .phone-width-blowout.lesser .next-arrow, body[class*="theme-"].phone .phone-width-blowout.lesser .action-element, body[class*="theme-"].phone .phone-width-blowout.lesser .next-arrow { right: 16px; } body.highcontrast.phone .phone-width-blowout.lesser .action-element.ui-checkbox, body[class*="theme-"].phone .phone-width-blowout.lesser .action-element.ui-checkbox { right: 5px; top: 5%; } body.highcontrast.phone .phone-width-blowout.less, body[class*="theme-"].phone .phone-width-blowout.less { margin-left: -15px; margin-right: -15px; } body.highcontrast.phone .phone-width-blowout.less .action-element, body.highcontrast.phone .phone-width-blowout.less .next-arrow, body[class*="theme-"].phone .phone-width-blowout.less .action-element, body[class*="theme-"].phone .phone-width-blowout.less .next-arrow { right: 16px; } body.highcontrast.phone .phone-width-blowout.less .action-element.ui-checkbox, body[class*="theme-"].phone .phone-width-blowout.less .action-element.ui-checkbox { right: 5px; top: 25%; } body.highcontrast.phone .list-group-menu .list-group-item, body[class*="theme-"].phone .list-group-menu .list-group-item { border-width: 1px 0; margin-bottom: 0; } body.highcontrast.phone .list-group-menu .list-group-item:first-of-type, body[class*="theme-"].phone .list-group-menu .list-group-item:first-of-type { border-top: 0; } body.highcontrast.phone .navbar .meta-container, body[class*="theme-"].phone .navbar .meta-container { background-color: var(--uux-phone-brandingBarBg); } body.highcontrast.phone .navbar .navbar-branding, body[class*="theme-"].phone .navbar .navbar-branding { margin-left: 0; } body.highcontrast.phone .navbar.left-align-logo.enable-menu-button .navbar-branding, body[class*="theme-"].phone .navbar.left-align-logo.enable-menu-button .navbar-branding { margin-left: 15px; } body.highcontrast.phone .form_workflow .panel .calendar, body[class*="theme-"].phone .form_workflow .panel .calendar { border: 0; border-radius: 0; } body.highcontrast.phone .form_workflow .panel .cal-day, body[class*="theme-"].phone .form_workflow .panel .cal-day { padding: 6px 0; } body.highcontrast.phone .form_workflow .panel .panel-body, body[class*="theme-"].phone .form_workflow .panel .panel-body { padding: 0; } body.highcontrast.phone .form_workflow .panel .panel-heading, body[class*="theme-"].phone .form_workflow .panel .panel-heading { padding: 10px 20px; } body.highcontrast.phone .form_workflow .stepDetails, body[class*="theme-"].phone .form_workflow .stepDetails { padding-left: 25px; } body.highcontrast.phone .recurring-selection, body[class*="theme-"].phone .recurring-selection { margin: 0 0.5em; } body.highcontrast.phone .recurring-selection .navigation .recurring-title, body[class*="theme-"].phone .recurring-selection .navigation .recurring-title { font-size: 16px; } body.highcontrast.phone .new-user-profile-form-outer, body[class*="theme-"].phone .new-user-profile-form-outer { overflow-y: auto; } body.highcontrast.phone .new-user-profile-form-outer .new-user-profile-form-inner, body[class*="theme-"].phone .new-user-profile-form-outer .new-user-profile-form-inner { height: auto; width: auto; } body.highcontrast.phone .login-message, body[class*="theme-"].phone .login-message { padding-left: 5px; padding-right: 5px; } body.highcontrast.phone .template-info .unwell .template-mgt-addaction, body[class*="theme-"].phone .template-info .unwell .template-mgt-addaction { position: absolute; right: 15px; margin-top: 19px; } body.highcontrast.phone .btn-group-adaptive, body[class*="theme-"].phone .btn-group-adaptive { display: block; border-top: solid var(--uux-phone-buttonGroupBorder) 1px; } body.highcontrast.phone .btn-group-adaptive .btn, body[class*="theme-"].phone .btn-group-adaptive .btn { padding-left: 12px; padding-right: 12px; background: var(--uux-phone-buttonGroupBg); border-radius: 0; border: var(--uux-phone-buttonGroupBorder) solid; border-width: 0 0 1px; box-shadow: none; color: var(--uux-phone-buttonGroupContrast); display: block; float: none; text-align: left; } body.highcontrast.phone .btn-group-adaptive .btn:after, body[class*="theme-"].phone .btn-group-adaptive .btn:after { font-family: fontello; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f102"; color: var(--t-gray11); float: right; font-size: 18px; margin-right: -5px; } body.highcontrast.phone .btn-group-adaptive .btn.active, body[class*="theme-"].phone .btn-group-adaptive .btn.active { background: var(--uux-phone-buttonGroupActiveBg); box-shadow: none; } body.highcontrast.phone .btn-group-adaptive .btn.active:after, body[class*="theme-"].phone .btn-group-adaptive .btn.active:after { color: transparent; } body.highcontrast.phone .estatements-view .btn, body[class*="theme-"].phone .estatements-view .btn { white-space: normal; } @media (orientation: landscape) { body.highcontrast.phone, body[class*="theme-"].phone { margin-left: env(safe-area-inset-left); margin-right: env(safe-area-inset-right); width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)); } } body.highcontrast.phone .site-details li, body.highcontrast.tablet .site-details li, body[class*="theme-"].phone .site-details li, body[class*="theme-"].tablet .site-details li { margin-bottom: 10px; list-style: none; } body.highcontrast.phone .site-details svg, body.highcontrast.tablet .site-details svg, body[class*="theme-"].phone .site-details svg, body[class*="theme-"].tablet .site-details svg { height: 60px; } body.highcontrast.phone .site-details .compliance-primary, body.highcontrast.tablet .site-details .compliance-primary, body[class*="theme-"].phone .site-details .compliance-primary, body[class*="theme-"].tablet .site-details .compliance-primary { fill: currentColor; } body.highcontrast.phone .site-details .compliance-secondary, body.highcontrast.tablet .site-details .compliance-secondary, body[class*="theme-"].phone .site-details .compliance-secondary, body[class*="theme-"].tablet .site-details .compliance-secondary { fill: var(--uux-app-contentInnerBg); } body.highcontrast.phone .site-details a, body.highcontrast.tablet .site-details a, body[class*="theme-"].phone .site-details a, body[class*="theme-"].tablet .site-details a { color: currentColor; margin-top: 5px; margin-bottom: 5px; } @media (max-width: 767px) { body.highcontrast.phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn .icon-angle-left:before, body.highcontrast.tablet .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn .icon-angle-left:before, body[class*="theme-"].phone .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn .icon-angle-left:before, body[class*="theme-"].tablet .app-container.authenticated .view-wrapper > .header .btn.btn-link.back-btn .icon-angle-left:before { font-size: 24px !important; margin-top: -1px; } } @media (min-width: 767px) { body.highcontrast.phone #userLinks, body.highcontrast.tablet #userLinks, body[class*="theme-"].phone #userLinks, body[class*="theme-"].tablet #userLinks { width: 364px; margin-left: auto; margin-right: auto; } } body.highcontrast.phone.branches .content, body.highcontrast.phone.branches .main-view, body[class*="theme-"].phone.branches .content, body[class*="theme-"].phone.branches .main-view { height: auto; min-height: initial; } @media print { body.highcontrast body:after, body.highcontrast body:before, body[class*="theme-"] body:after, body[class*="theme-"] body:before { display: none !important; } body.highcontrast .meta-container, body[class*="theme-"] .meta-container { margin: 0; } body.highcontrast .grid-row, body.highcontrast .grid-row > .grid-column, body[class*="theme-"] .grid-row, body[class*="theme-"] .grid-row > .grid-column { display: block !important; } body.highcontrast .col-sm-1, body.highcontrast .col-sm-2, body[class*="theme-"] .col-sm-1, body[class*="theme-"] .col-sm-2 { float: left !important; } body.highcontrast .col-sm-3, body[class*="theme-"] .col-sm-3 { float: left !important; width: 25%; } body.highcontrast .col-sm-4, body.highcontrast .col-sm-5, body[class*="theme-"] .col-sm-4, body[class*="theme-"] .col-sm-5 { float: left !important; } body.highcontrast .col-sm-6, body[class*="theme-"] .col-sm-6 { float: left !important; width: 50%; } body.highcontrast .col-sm-7, body.highcontrast .col-sm-8, body[class*="theme-"] .col-sm-7, body[class*="theme-"] .col-sm-8 { float: left !important; } body.highcontrast .col-sm-9, body[class*="theme-"] .col-sm-9 { float: left !important; width: 75%; } body.highcontrast .col-sm-10, body.highcontrast .col-sm-11, body[class*="theme-"] .col-sm-10, body[class*="theme-"] .col-sm-11 { float: left !important; } body.highcontrast .col-sm-12, body[class*="theme-"] .col-sm-12 { float: left !important; width: 100%; } body.highcontrast .application-alert-container, body[class*="theme-"] .application-alert-container { display: none !important; } body.highcontrast .navbar-fixed-top, body[class*="theme-"] .navbar-fixed-top { display: block; position: static; margin: 0; } body.highcontrast .navbar-fixed-top .ui-logo .logo-image:before, body[class*="theme-"] .navbar-fixed-top .ui-logo .logo-image:before { visibility: visible; } body.highcontrast .navbar-fixed-top .navbar-right .customer-current-timestamp, body[class*="theme-"] .navbar-fixed-top .navbar-right .customer-current-timestamp { display: block; } body.highcontrast .navbar-fixed-top .navbar-right .customer-last-login, body.highcontrast .navbar-fixed-top .navbar-right .customer-name-holder, body[class*="theme-"] .navbar-fixed-top .navbar-right .customer-last-login, body[class*="theme-"] .navbar-fixed-top .navbar-right .customer-name-holder { display: none; } body.highcontrast #menu, body.highcontrast #q2AppSidePanel, body.highcontrast .ad-selection, body.highcontrast .footer, body.highcontrast .header, body.highcontrast .menu-toggle, body.highcontrast .more-toggle, body.highcontrast .mx-widget-bar, body.highcontrast .over-panel, body.highcontrast .quicktip-container, body.highcontrast .sidebar, body[class*="theme-"] #menu, body[class*="theme-"] #q2AppSidePanel, body[class*="theme-"] .ad-selection, body[class*="theme-"] .footer, body[class*="theme-"] .header, body[class*="theme-"] .menu-toggle, body[class*="theme-"] .more-toggle, body[class*="theme-"] .mx-widget-bar, body[class*="theme-"] .over-panel, body[class*="theme-"] .quicktip-container, body[class*="theme-"] .sidebar { display: none !important; } body.highcontrast .app-container, body.highcontrast .main-page-container, body[class*="theme-"] .app-container, body[class*="theme-"] .main-page-container { padding: 0 !important; } body.highcontrast .content, body.highcontrast .content-wrapper, body.highcontrast .main-page-container, body[class*="theme-"] .content, body[class*="theme-"] .content-wrapper, body[class*="theme-"] .main-page-container { width: 100% !important; } body.highcontrast .content-wrapper .content-container, body[class*="theme-"] .content-wrapper .content-container { display: block; width: 100% !important; padding: 40px 0 0; } body.highcontrast .account-details .account-tile-container .expand-tappable, body.highcontrast .account-overview .account-tile-container .expand-tappable, body.highcontrast .hdr-actions li, body.highcontrast .landing-graph-container .action a, body[class*="theme-"] .account-details .account-tile-container .expand-tappable, body[class*="theme-"] .account-overview .account-tile-container .expand-tappable, body[class*="theme-"] .hdr-actions li, body[class*="theme-"] .landing-graph-container .action a { display: none !important; } body.highcontrast .account-details .account-tile-container, body.highcontrast .account-overview .account-tile-container, body[class*="theme-"] .account-details .account-tile-container, body[class*="theme-"] .account-overview .account-tile-container { padding: 0 !important; } body.highcontrast .account-details .account-tile-container .tile-card-account, body.highcontrast .account-overview .account-tile-container .tile-card-account, body[class*="theme-"] .account-details .account-tile-container .tile-card-account, body[class*="theme-"] .account-overview .account-tile-container .tile-card-account { width: auto !important; float: none !important; } body.highcontrast .account-details .print-disclaimer, body.highcontrast .account-overview .print-disclaimer, body[class*="theme-"] .account-details .print-disclaimer, body[class*="theme-"] .account-overview .print-disclaimer { padding: 20px 0 10px; } body.highcontrast .hdr-actions, body[class*="theme-"] .hdr-actions { line-height: initial !important; } body.highcontrast .landing-graph-assets .hdr-actions, body.highcontrast .landing-graph-debts .hdr-actions, body[class*="theme-"] .landing-graph-assets .hdr-actions, body[class*="theme-"] .landing-graph-debts .hdr-actions { border-bottom: none !important; line-height: initial !important; position: absolute !important; right: 60px !important; } body.highcontrast .account-color-0, body[class*="theme-"] .account-color-0 { background-color: var(--uux-account-color-0); border-color: var(--uux-account-color-0); color: var(--uux-account-color-0) !important; fill: var(--uux-account-color-0); stroke: var(--uux-account-color-0); } body.highcontrast .account-color-1, body[class*="theme-"] .account-color-1 { background-color: var(--uux-account-color-1); border-color: var(--uux-account-color-1); color: var(--uux-account-color-1) !important; fill: var(--uux-account-color-1); stroke: var(--uux-account-color-1); } body.highcontrast .account-color-2, body[class*="theme-"] .account-color-2 { background-color: var(--uux-account-color-2); border-color: var(--uux-account-color-2); color: var(--uux-account-color-2) !important; fill: var(--uux-account-color-2); stroke: var(--uux-account-color-2); } body.highcontrast .account-color-3, body[class*="theme-"] .account-color-3 { background-color: var(--uux-account-color-3); border-color: var(--uux-account-color-3); color: var(--uux-account-color-3) !important; fill: var(--uux-account-color-3); stroke: var(--uux-account-color-3); } body.highcontrast .account-color-4, body[class*="theme-"] .account-color-4 { background-color: var(--uux-account-color-4); border-color: var(--uux-account-color-4); color: var(--uux-account-color-4) !important; fill: var(--uux-account-color-4); stroke: var(--uux-account-color-4); } body.highcontrast .account-color-5, body[class*="theme-"] .account-color-5 { background-color: var(--uux-account-color-5); border-color: var(--uux-account-color-5); color: var(--uux-account-color-5) !important; fill: var(--uux-account-color-5); stroke: var(--uux-account-color-5); } body.highcontrast .account-color-6, body[class*="theme-"] .account-color-6 { background-color: var(--uux-account-color-6); border-color: var(--uux-account-color-6); color: var(--uux-account-color-6) !important; fill: var(--uux-account-color-6); stroke: var(--uux-account-color-6); } body.highcontrast .account-color-7, body[class*="theme-"] .account-color-7 { background-color: var(--uux-account-color-7); border-color: var(--uux-account-color-7); color: var(--uux-account-color-7) !important; fill: var(--uux-account-color-7); stroke: var(--uux-account-color-7); } body.highcontrast .account-color-8, body[class*="theme-"] .account-color-8 { background-color: var(--uux-account-color-8); border-color: var(--uux-account-color-8); color: var(--uux-account-color-8) !important; fill: var(--uux-account-color-8); stroke: var(--uux-account-color-8); } body.highcontrast .account-color-9, body[class*="theme-"] .account-color-9 { background-color: var(--uux-account-color-9); border-color: var(--uux-account-color-9); color: var(--uux-account-color-9) !important; fill: var(--uux-account-color-9); stroke: var(--uux-account-color-9); } body.highcontrast .account-color-10, body[class*="theme-"] .account-color-10 { background-color: var(--uux-account-color-10); border-color: var(--uux-account-color-10); color: var(--uux-account-color-10) !important; fill: var(--uux-account-color-10); stroke: var(--uux-account-color-10); } body.highcontrast .account-color-11, body[class*="theme-"] .account-color-11 { background-color: var(--uux-account-color-11); border-color: var(--uux-account-color-11); color: var(--uux-account-color-11) !important; fill: var(--uux-account-color-11); stroke: var(--uux-account-color-11); } body.highcontrast .account-color-12, body[class*="theme-"] .account-color-12 { background-color: var(--uux-account-color-12); border-color: var(--uux-account-color-12); color: var(--uux-account-color-12) !important; fill: var(--uux-account-color-12); stroke: var(--uux-account-color-12); } body.highcontrast .account-color-13, body[class*="theme-"] .account-color-13 { background-color: var(--uux-account-color-13); border-color: var(--uux-account-color-13); color: var(--uux-account-color-13) !important; fill: var(--uux-account-color-13); stroke: var(--uux-account-color-13); } body.highcontrast .account-color-14, body[class*="theme-"] .account-color-14 { background-color: var(--uux-account-color-14); border-color: var(--uux-account-color-14); color: var(--uux-account-color-14) !important; fill: var(--uux-account-color-14); stroke: var(--uux-account-color-14); } body.highcontrast .account-color-15, body[class*="theme-"] .account-color-15 { background-color: var(--uux-account-color-15); border-color: var(--uux-account-color-15); color: var(--uux-account-color-15) !important; fill: var(--uux-account-color-15); stroke: var(--uux-account-color-15); } body.highcontrast .widget-fence, body[class*="theme-"] .widget-fence { page-break-inside: avoid; } body.highcontrast .widget-fence h2, body[class*="theme-"] .widget-fence h2 { padding-left: 12px !important; } body.highcontrast .widget-fence .summary-graph-details .account-tile .pull-left, body[class*="theme-"] .widget-fence .summary-graph-details .account-tile .pull-left { padding-left: 0 !important; } body.highcontrast .widget-fence .summary-graph-details .account-info, body[class*="theme-"] .widget-fence .summary-graph-details .account-info { padding-right: 32px; } body.highcontrast .widget-fence .summary-graph-details .pull-bottom, body[class*="theme-"] .widget-fence .summary-graph-details .pull-bottom { display: none; } body.highcontrast .tile-card, body[class*="theme-"] .tile-card { padding-left: 15px !important; } body.highcontrast .pfm-accounts .tile-card-account:not(.account-details-tilecard), body[class*="theme-"] .pfm-accounts .tile-card-account:not(.account-details-tilecard) { padding-left: 55px !important; } body.highcontrast .account-overview article, body[class*="theme-"] .account-overview article { margin-bottom: 25px; } body.highcontrast .account-overview .tile-card, body[class*="theme-"] .account-overview .tile-card { border: var(--t-textA) solid; height: auto; overflow: visible; page-break-inside: avoid !important; padding: 5px 10px 5px 5px; width: 100% !important; } body.highcontrast .account-overview .tile-card .tile-card-drop-down, body[class*="theme-"] .account-overview .tile-card .tile-card-drop-down { display: none !important; } body.highcontrast .account-overview .tile-cards-row, body[class*="theme-"] .account-overview .tile-cards-row { padding: 0 16px !important; } body.highcontrast .account-overview .account-widgets .tile-card-container, body[class*="theme-"] .account-overview .account-widgets .tile-card-container { display: block; } body.highcontrast .account-overview .account-widgets .tile-card-container .tile-action, body.highcontrast .account-overview .account-widgets .tile-card-container .tile-card-refreshing, body.highcontrast .account-overview .account-widgets .tile-card-container .tile-card-underactions, body[class*="theme-"] .account-overview .account-widgets .tile-card-container .tile-action, body[class*="theme-"] .account-overview .account-widgets .tile-card-container .tile-card-refreshing, body[class*="theme-"] .account-overview .account-widgets .tile-card-container .tile-card-underactions { display: none !important; } body.highcontrast .account-overview .account-widget .icon-angle-right, body[class*="theme-"] .account-overview .account-widget .icon-angle-right { display: none; } body.highcontrast .account-overview .account-widget .expand-tappable, body[class*="theme-"] .account-overview .account-widget .expand-tappable { width: 15px; } body.highcontrast .account-overview .editable-field .icon-edit, body.highcontrast .account-overview .overpanel-tabs, body.highcontrast .account-overview .pagination-controls .btn-group, body[class*="theme-"] .account-overview .editable-field .icon-edit, body[class*="theme-"] .account-overview .overpanel-tabs, body[class*="theme-"] .account-overview .pagination-controls .btn-group { display: none !important; } body.highcontrast .datatable-clean table tbody > tr > td, body.highcontrast .datatable-clean table thead > tr > th, body[class*="theme-"] .datatable-clean table tbody > tr > td, body[class*="theme-"] .datatable-clean table thead > tr > th { border: 0 !important; } body.highcontrast .account-details .btn, body.highcontrast .account-details .btn-icon, body.highcontrast .account-details .datatable-sort-icon, body.highcontrast .account-details .icon-angle, body.highcontrast .account-details .icon-print, body.highcontrast .account-details .pagination-controls, body.highcontrast .account-details .searchbox, body.highcontrast .account-details .tappable-return, body.highcontrast .account-details .ui-dropdown, body.highcontrast .account-details div.dispute-cancel, body.highcontrast .account-details div.dispute-continue, body.highcontrast .account-details div.dispute-text, body.highcontrast .account-details div.xs-balance-label, body.highcontrast .account-details div.xs-balance-value, body.highcontrast .account-details input.dispute-checkbox, body[class*="theme-"] .account-details .btn, body[class*="theme-"] .account-details .btn-icon, body[class*="theme-"] .account-details .datatable-sort-icon, body[class*="theme-"] .account-details .icon-angle, body[class*="theme-"] .account-details .icon-print, body[class*="theme-"] .account-details .pagination-controls, body[class*="theme-"] .account-details .searchbox, body[class*="theme-"] .account-details .tappable-return, body[class*="theme-"] .account-details .ui-dropdown, body[class*="theme-"] .account-details div.dispute-cancel, body[class*="theme-"] .account-details div.dispute-continue, body[class*="theme-"] .account-details div.dispute-text, body[class*="theme-"] .account-details div.xs-balance-label, body[class*="theme-"] .account-details div.xs-balance-value, body[class*="theme-"] .account-details input.dispute-checkbox { display: none; } body.highcontrast .account-details .account-balance, body[class*="theme-"] .account-details .account-balance { display: initial !important; position: absolute !important; top: 40px !important; right: 10px !important; } body.highcontrast .account-details .account-details-info .pull-right, body.highcontrast .account-details div.component-accordion div.datatable-row .two-lines:before, body[class*="theme-"] .account-details .account-details-info .pull-right, body[class*="theme-"] .account-details div.component-accordion div.datatable-row .two-lines:before { display: none; } body.highcontrast .account-details div.component-accordion div.datatable-row .two-lines, body[class*="theme-"] .account-details div.component-accordion div.datatable-row .two-lines { max-height: initial; } body.highcontrast .account-details .account-details-active-tool .input-range-group, body[class*="theme-"] .account-details .account-details-active-tool .input-range-group { page-break-inside: avoid; } body.highcontrast .account-details .datatable-header, body.highcontrast .account-details .datatable-row, body[class*="theme-"] .account-details .datatable-header, body[class*="theme-"] .account-details .datatable-row { border-bottom: 1px solid var(--t-gray1) !important; page-break-inside: avoid; width: 100%; } body.highcontrast .account-details .datatable-header .col-cat-icon .icon, body.highcontrast .account-details .datatable-row .col-cat-icon .icon, body[class*="theme-"] .account-details .datatable-header .col-cat-icon .icon, body[class*="theme-"] .account-details .datatable-row .col-cat-icon .icon { font-size: 28px; } body.highcontrast .account-details .datatable-header, body[class*="theme-"] .account-details .datatable-header { margin: 0 15px; padding-left: 15px !important; padding-right: 15px !important; } body.highcontrast .account-details .datatable-header div, body[class*="theme-"] .account-details .datatable-header div { font-weight: 400; } body.highcontrast .account-details .table, body[class*="theme-"] .account-details .table { border: none !important; } body.highcontrast .account-details .ui-form-group, body[class*="theme-"] .account-details .ui-form-group { width: 45%; } body.highcontrast .ui-modal-body, body[class*="theme-"] .ui-modal-body { background-color: var(--t-base) !important; border: 1px solid var(--t-gray11); } body.highcontrast .col-sm-1, body.highcontrast .col-sm-10, body.highcontrast .col-sm-11, body.highcontrast .col-sm-12, body.highcontrast .col-sm-2, body.highcontrast .col-sm-3, body.highcontrast .col-sm-4, body.highcontrast .col-sm-5, body.highcontrast .col-sm-6, body.highcontrast .col-sm-7, body.highcontrast .col-sm-8, body.highcontrast .col-sm-9, body[class*="theme-"] .col-sm-1, body[class*="theme-"] .col-sm-10, body[class*="theme-"] .col-sm-11, body[class*="theme-"] .col-sm-12, body[class*="theme-"] .col-sm-2, body[class*="theme-"] .col-sm-3, body[class*="theme-"] .col-sm-4, body[class*="theme-"] .col-sm-5, body[class*="theme-"] .col-sm-6, body[class*="theme-"] .col-sm-7, body[class*="theme-"] .col-sm-8, body[class*="theme-"] .col-sm-9 { float: left; } body.highcontrast .col-sm-12.visible-print, body[class*="theme-"] .col-sm-12.visible-print { float: none !important; } body.highcontrast .col-sm-11, body[class*="theme-"] .col-sm-11 { width: 91.66666667%; } body.highcontrast .col-sm-10, body[class*="theme-"] .col-sm-10 { width: 83.33333333%; } body.highcontrast .col-sm-8, body[class*="theme-"] .col-sm-8 { width: 66.66666667%; } body.highcontrast .col-sm-7, body[class*="theme-"] .col-sm-7 { width: 58.33333333%; } body.highcontrast .col-sm-5, body[class*="theme-"] .col-sm-5 { width: 41.66666667%; } body.highcontrast .col-sm-4, body[class*="theme-"] .col-sm-4 { width: 33.33333333%; } body.highcontrast .col-sm-2, body[class*="theme-"] .col-sm-2 { width: 16.66666667%; } body.highcontrast .col-sm-1, body[class*="theme-"] .col-sm-1 { width: 8.33333333%; } body.highcontrast .col-sm-pull-12, body[class*="theme-"] .col-sm-pull-12 { right: 100%; } body.highcontrast .col-sm-pull-11, body[class*="theme-"] .col-sm-pull-11 { right: 91.66666667%; } body.highcontrast .col-sm-pull-10, body[class*="theme-"] .col-sm-pull-10 { right: 83.33333333%; } body.highcontrast .col-sm-pull-9, body[class*="theme-"] .col-sm-pull-9 { right: 75%; } body.highcontrast .col-sm-pull-8, body[class*="theme-"] .col-sm-pull-8 { right: 66.66666667%; } body.highcontrast .col-sm-pull-7, body[class*="theme-"] .col-sm-pull-7 { right: 58.33333333%; } body.highcontrast .col-sm-pull-6, body[class*="theme-"] .col-sm-pull-6 { right: 50%; } body.highcontrast .col-sm-pull-5, body[class*="theme-"] .col-sm-pull-5 { right: 41.66666667%; } body.highcontrast .col-sm-pull-4, body[class*="theme-"] .col-sm-pull-4 { right: 33.33333333%; } body.highcontrast .col-sm-pull-3, body[class*="theme-"] .col-sm-pull-3 { right: 25%; } body.highcontrast .col-sm-pull-2, body[class*="theme-"] .col-sm-pull-2 { right: 16.66666667%; } body.highcontrast .col-sm-pull-1, body[class*="theme-"] .col-sm-pull-1 { right: 8.33333333%; } body.highcontrast .col-sm-pull-0, body[class*="theme-"] .col-sm-pull-0 { right: auto; } body.highcontrast .col-sm-push-12, body[class*="theme-"] .col-sm-push-12 { left: 100%; } body.highcontrast .col-sm-push-11, body[class*="theme-"] .col-sm-push-11 { left: 91.66666667%; } body.highcontrast .col-sm-push-10, body[class*="theme-"] .col-sm-push-10 { left: 83.33333333%; } body.highcontrast .col-sm-push-9, body[class*="theme-"] .col-sm-push-9 { left: 75%; } body.highcontrast .col-sm-push-8, body[class*="theme-"] .col-sm-push-8 { left: 66.66666667%; } body.highcontrast .col-sm-push-7, body[class*="theme-"] .col-sm-push-7 { left: 58.33333333%; } body.highcontrast .col-sm-push-6, body[class*="theme-"] .col-sm-push-6 { left: 50%; } body.highcontrast .col-sm-push-5, body[class*="theme-"] .col-sm-push-5 { left: 41.66666667%; } body.highcontrast .col-sm-push-4, body[class*="theme-"] .col-sm-push-4 { left: 33.33333333%; } body.highcontrast .col-sm-push-3, body[class*="theme-"] .col-sm-push-3 { left: 25%; } body.highcontrast .col-sm-push-2, body[class*="theme-"] .col-sm-push-2 { left: 16.66666667%; } body.highcontrast .col-sm-push-1, body[class*="theme-"] .col-sm-push-1 { left: 8.33333333%; } body.highcontrast .col-sm-push-0, body[class*="theme-"] .col-sm-push-0 { left: auto; } body.highcontrast .col-sm-offset-12, body[class*="theme-"] .col-sm-offset-12 { margin-left: 100%; } body.highcontrast .col-sm-offset-11, body[class*="theme-"] .col-sm-offset-11 { margin-left: 91.66666667%; } body.highcontrast .col-sm-offset-10, body[class*="theme-"] .col-sm-offset-10 { margin-left: 83.33333333%; } body.highcontrast .col-sm-offset-9, body[class*="theme-"] .col-sm-offset-9 { margin-left: 75%; } body.highcontrast .col-sm-offset-8, body[class*="theme-"] .col-sm-offset-8 { margin-left: 66.66666667%; } body.highcontrast .col-sm-offset-7, body[class*="theme-"] .col-sm-offset-7 { margin-left: 58.33333333%; } body.highcontrast .col-sm-offset-6, body[class*="theme-"] .col-sm-offset-6 { margin-left: 50%; } body.highcontrast .col-sm-offset-5, body[class*="theme-"] .col-sm-offset-5 { margin-left: 41.66666667%; } body.highcontrast .col-sm-offset-4, body[class*="theme-"] .col-sm-offset-4 { margin-left: 33.33333333%; } body.highcontrast .col-sm-offset-3, body[class*="theme-"] .col-sm-offset-3 { margin-left: 25%; } body.highcontrast .col-sm-offset-2, body[class*="theme-"] .col-sm-offset-2 { margin-left: 16.66666667%; } body.highcontrast .col-sm-offset-1, body[class*="theme-"] .col-sm-offset-1 { margin-left: 8.33333333%; } body.highcontrast .col-sm-offset-0, body[class*="theme-"] .col-sm-offset-0 { margin-left: 0; } body.highcontrast .visible-xs, body[class*="theme-"] .visible-xs { display: none !important; } body.highcontrast .hidden-xs, body[class*="theme-"] .hidden-xs { display: block !important; } body.highcontrast table.hidden-xs, body[class*="theme-"] table.hidden-xs { display: table; } body.highcontrast tr.hidden-xs, body[class*="theme-"] tr.hidden-xs { display: table-row !important; } body.highcontrast td.hidden-xs, body.highcontrast th.hidden-xs, body[class*="theme-"] td.hidden-xs, body[class*="theme-"] th.hidden-xs { display: table-cell !important; } body.highcontrast .hidden-sm, body.highcontrast .hidden-xs.hidden-print, body[class*="theme-"] .hidden-sm, body[class*="theme-"] .hidden-xs.hidden-print { display: none !important; } body.highcontrast .visible-sm, body[class*="theme-"] .visible-sm { display: block !important; } body.highcontrast table.visible-sm, body[class*="theme-"] table.visible-sm { display: table; } body.highcontrast tr.visible-sm, body[class*="theme-"] tr.visible-sm { display: table-row !important; } body.highcontrast td.visible-sm, body.highcontrast th.visible-sm, body[class*="theme-"] td.visible-sm, body[class*="theme-"] th.visible-sm { display: table-cell !important; } body.highcontrast .visible-print.inline, body[class*="theme-"] .visible-print.inline { display: inline !important; } } @media (max-width: 767px) { .pull-left-xs { float: left !important; } .pull-right-xs { float: right !important; } .text-left-xs { text-align: left !important; } .text-right-xs { text-align: right !important; } .text-center-xs { text-align: center !important; } .content, .content-wrapper header:not(.sidepanel-header), .datatable .datatable-icon { padding-left: 0 !important; padding-right: 0 !important; } .content h2.conversation-title, .content-wrapper header:not(.sidepanel-header) h2.conversation-title { padding-left: 0; padding-right: 12px; } .content .editable-title, .content h2, .content-wrapper header:not(.sidepanel-header) .editable-title, .content-wrapper header:not(.sidepanel-header) h2 { padding-left: 12px; padding-right: 12px; } .content ul.hr-actions, .content-wrapper header:not(.sidepanel-header) ul.hr-actions { padding-right: 12px; } .content .input-lg.input-responsive-xs, .content-wrapper header:not(.sidepanel-header) .input-lg.input-responsive-xs { padding-left: 10px; padding-right: 10px; } } @media (min-width: 768px) { .pull-left-sm { float: left !important; } .pull-right-sm { float: right !important; } .text-left-sm { text-align: left !important; } .text-right-sm { text-align: right !important; } .text-center-sm { text-align: center !important; } } @media (min-width: 992px) { .pull-left-md { float: left !important; } .pull-right-md { float: right !important; } .text-left-md { text-align: left !important; } .text-right-md { text-align: right !important; } .text-center-md { text-align: center !important; } } @media (min-width: 1200px) { .pull-left-lg { float: left !important; } .pull-right-lg { float: right !important; } .text-left-lg { text-align: left !important; } .text-right-lg { text-align: right !important; } .text-center-lg { text-align: center !important; } } .uagent-firefox .item-link:hover { background-color: inherit !important; color: inherit; } .uagent-firefox .item-link:hover .text-muted { color: inherit; } .uagent-firefox .login-icons { background-image: none !important; } .uagent-ie10 .content ul.hdr-actions, .uagent-ie10 .content-wrapper ul.hdr-actions, .uagent-ie10 .overpanel-scroll-wrapper.force-height .overpanel-content { -ms-flex-positive: 1; -ms-flex-negative: 0; -ms-flex-preferred-size: auto; } .uagent-ie9 .content header:not(.sidepanel-header), .uagent-ie9 .content-wrapper header:not(.sidepanel-header) { border-bottom-style: solid; border-bottom-width: thin; } .uagent-ie9 .content header:not(.sidepanel-header):after, .uagent-ie9 .content header:not(.sidepanel-header):before, .uagent-ie9 .content-wrapper header:not(.sidepanel-header):after, .uagent-ie9 .content-wrapper header:not(.sidepanel-header):before { content: ""; display: table; line-height: 0; } .uagent-ie9 .content header:not(.sidepanel-header):after, .uagent-ie9 .content-wrapper header:not(.sidepanel-header):after { clear: both; } .uagent-ie9 .content header:not(.sidepanel-header) > .editable-title, .uagent-ie9 .content header:not(.sidepanel-header) > h2, .uagent-ie9 .content-wrapper header:not(.sidepanel-header) > .editable-title, .uagent-ie9 .content-wrapper header:not(.sidepanel-header) > h2 { float: left !important; border-width: 0 !important; } .uagent-ie9 .content header:not(.sidepanel-header) > .editable-title, .uagent-ie9 .content-wrapper header:not(.sidepanel-header) > .editable-title { width: 500px; } .uagent-ie9 .content header:not(.sidepanel-header) > .editable-title .edit-input-wrapper, .uagent-ie9 .content-wrapper header:not(.sidepanel-header) > .editable-title .edit-input-wrapper { max-width: 500px; } .uagent-ie9 .content header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input, .uagent-ie9 .content-wrapper header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input { width: 300px; float: left; } .uagent-ie9 .content header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input input[type="text"], .uagent-ie9 .content-wrapper header:not(.sidepanel-header) > .editable-title .edit-input-wrapper .edit-input input[type="text"] { font-size: 14px; width: 100%; } .uagent-ie9 .content ul.hdr-actions, .uagent-ie9 .content-wrapper ul.hdr-actions { border-width: 0 !important; float: right; } .uagent-ie9 .overpanel-scroll-wrapper.force-height { overflow: auto; position: static; } .uagent-ie9 .overpanel-scroll-wrapper.force-height .overpanel-content { height: 450px; } .account-details .account-balance > p { padding-top: 0 !important; } @media (max-width: 767px) { .account-details-frankenbox-ctr { padding-left: 0; padding-right: 0; } .account-details-frankenbox-actions { margin-bottom: 0 !important; } } @media (min-width: 768px) { .uagent-safari .account-details-tilecard > p { margin-top: 0 !important; } .account-details .account-details-search { padding-left: 0; } } body.modal-open { -webkit-overflow-scrolling: touch; overflow: hidden; position: fixed; height: 100%; } html.uagent-mobileIos .drag-drop, html.uagent-mobileIos .drag-drop * { -webkit-user-drag: none; } html.uagent-mobileIosIpad #ckbRememberUser, html.uagent-mobileIosIphone #ckbRememberUser { margin-left: 0.66em; } html.uagent-mobileIosIpad .commercial-recipients .table-responsive .table, html.uagent-mobileIosIphone .commercial-recipients .table-responsive .table { max-width: none; } html:not(.uagent-mobileIosIpad) { transition: background-color 0.1s ease-in-out; } html[class*="uagent"]:not(.uagent-mobile) { background-size: cover; background-color: var(--uux-app-bgColor); background-attachment: fixed; background-position: 0 0; background-repeat: no-repeat; transition: background-image 0.6s ease-in-out; } html[class*="uagent"]:not(.uagent-mobile) .app-container, html[class*="uagent"]:not(.uagent-mobile) body { background: 0 0 !important; } .uagent-firefox .datatable .metalabel { display: none; } .uagent-firefox .datatable .table thead > tr > th.has-metalabel { padding: 8px 0 !important; } .uagent-firefox .phone .icon-remove:before { content: "ࡠ"; } .uagent-firefox body .widget-fence .widget.stacked-widget .widget-content .widget-panel .btn:after { position: absolute; right: 10px; top: 12px; } .uagent-firefox body .widget-fence .widget.stacked-widget .small-widget .widget-content .widget-panel .btn { position: relative; } .uagent-firefox body .app-container .overpanel-tabs .tabs-icon { padding: 0 !important; } .uagent-firefox .tile-logo { margin-left: -2px; } .uagent-firefox .account-group .icon-bubble { left: -7px; } .uagent-ie .icon-bubble { margin-top: 3px; } .uagent-ie div.three-line-tile div.icon-bubble { top: 8px; } .uagent-ie .overpanel-tabs div.tab-item, .uagent-ie .overpanel-tabs div.tabs-icon, .uagent-ie .overpanel-tabs div.tabs-label { height: 48px; padding-top: 14px; } .uagent-ie .widget-fence .widget .title .icon-facebook-sign:before, .uagent-ie11 .widget-fence .title .icon-facebook-sign:before { line-height: 28px !important; } @media screen and (max-width: 1023px) { .uagent-ie11 .navbar .navbar-side-button { margin-right: 15px; } } .uagent-mobileIosIpad body .account-preferences .account-preferences-row.has-pfm-accounts .account-preference-institution .icon-bubble { top: 52%; } .uagent-mobileIosIpad body .account-preferences .account-preferences-row.has-pfm-accounts .account-preference-institution .icon-bubble:after { line-height: 1.3em; }