[ SEA-GHOST MINI SHELL]
@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;
}
SEA-GHOST - SHELL CODING BY SEA-GHOST