@charset "UTF-8";
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.custom-range:focus {
  outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  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: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: .75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/*--- Site-wide Sass Variables ---*/
/* --- Fonts --- */
/* --- Site Colors --- */
/* --------------------------OLD Congif----------------------------*/
/*--------------------------------------------------------------------*/
/*On Hover Icons for More section 
mainly applicable for dark mode.
if you want on hover change icon in light mode then we have to write CSS
*/
/*On Hover Icons for More section 
mainly applicable for dark mode.
if you want on hover change icon in light mode then we have to write CSS
*/
/***** IntroJS CSS variable Starts Here *****/
/***** IntroJS CSS variable Ends Here *****/
/***** Penni AI Search CSS variable Starts Here *****/
/***** Penni AI Search CSS variable Ends Here *****/
/*--- Site-wide Sass Variables ---*/
/* --- Fonts --- */
/* --- Site Colors --- */
/* --------------------------OLD Congif----------------------------*/
/*--------------------------------------------------------------------*/
/*On Hover Icons for More section 
mainly applicable for dark mode.
if you want on hover change icon in light mode then we have to write CSS
*/
/*On Hover Icons for More section 
mainly applicable for dark mode.
if you want on hover change icon in light mode then we have to write CSS
*/
/***** IntroJS CSS variable Starts Here *****/
/***** IntroJS CSS variable Ends Here *****/
@font-face {
  font-family: 'poppins-light';
  src: url("../fonts/Poppins-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'poppins-medium';
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'poppins-regular';
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}

/*
@font-face {
  font-family: 'arial';
  src: url('../fonts/arial.ttf') format('truetype'),
}*/
@font-face {
  font-family: 'motiva_sansregular';
  src: url("../fonts/motivasans-regular-webfont.eot");
  src: url("../fonts/motivasans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/motivasans-regular-webfont.woff2") format("woff2"), url("../fonts/motivasans-regular-webfont.woff") format("woff"), url("../fonts/motivasans-regular-webfont.ttf") format("truetype"), url("../fonts/motivasans-regular-webfont.svg#motiva_sansregular") format("svg");
  /*font-weight: $SiteFontWeightRegular;
    font-style: normal;*/
}

@font-face {
  font-family: 'motiva_sansextrabold';
  src: url("../fonts/motivasans-extrabold-webfont.eot");
  src: url("../fonts/motivasans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/motivasans-extrabold-webfont.woff2") format("woff2"), url("../fonts/motivasans-extrabold-webfont.woff") format("woff"), url("../fonts/motivasans-extrabold-webfont.ttf") format("truetype"), url("../fonts/motivasans-extrabold-webfont.svg#motiva_sansextrabold") format("svg");
  /*font-weight: $SiteFontWeightRegular;
    font-style: normal;*/
}

@font-face {
  font-family: 'motiva_sansmedium';
  src: url("../fonts/motivasans-medium-webfont.eot");
  src: url("../fonts/motivasans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/motivasans-medium-webfont.woff2") format("woff2"), url("../fonts/motivasans-medium-webfont.woff") format("woff"), url("../fonts/motivasans-medium-webfont.ttf") format("truetype"), url("../fonts/motivasans-medium-webfont.svg#motiva_sansmedium") format("svg");
  /*font-weight: $SiteFontWeightRegular;
    font-style: normal;*/
}

@font-face {
  font-family: 'roboto_monolight';
  src: url("../fonts/6b0ad8ef848482ebd87f062b09e8cab9-webfont.woff2") format("woff2"), url("../fonts/6b0ad8ef848482ebd87f062b09e8cab9-webfont.woff") format("woff");
  /*font-weight: $SiteFontWeightRegular;
    font-style: normal;*/
}

@font-face {
  font-family: 'roboto_monobold';
  src: url("../fonts/bef85e576a73107ff949941b719406f1-webfont.woff2") format("woff2"), url("../fonts/bef85e576a73107ff949941b719406f1-webfont.woff") format("woff");
  /*font-weight: $SiteFontWeightRegular;
    font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-Black';
  src: url("../fonts/MyriadPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Black.otf") format("opentype"), url("../fonts/MyriadPro-Black.woff") format("woff"), url("../fonts/MyriadPro-Black.ttf") format("truetype"), url("../fonts/MyriadPro-Black.svg#MyriadPro-Black") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-BlackIt';
  src: url("../fonts/MyriadPro-BlackIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackIt.otf") format("opentype"), url("../fonts/MyriadPro-BlackIt.woff") format("woff"), url("../fonts/MyriadPro-BlackIt.ttf") format("truetype"), url("../fonts/MyriadPro-BlackIt.svg#MyriadPro-BlackIt") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-Bold';
  src: url("../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Bold.otf") format("opentype"), url("../fonts/MyriadPro-Bold.woff") format("woff"), url("../fonts/MyriadPro-Bold.ttf") format("truetype"), url("../fonts/MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-BoldIt';
  src: url("../fonts/MyriadPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldIt.otf") format("opentype"), url("../fonts/MyriadPro-BoldIt.woff") format("woff"), url("../fonts/MyriadPro-BoldIt.ttf") format("truetype"), url("../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-It';
  src: url("../fonts/MyriadPro-It.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-It.otf") format("opentype"), url("../fonts/MyriadPro-It.woff") format("woff"), url("../fonts/MyriadPro-It.ttf") format("truetype"), url("../fonts/MyriadPro-It.svg#MyriadPro-It") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-Light';
  src: url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.otf") format("opentype"), url("../fonts/MyriadPro-Light.woff") format("woff"), url("MyriadPro-Light.ttf") format("truetype"), url("../fonts/MyriadPro-Light.svg#MyriadPro-Light") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-LightIt';
  src: url("../fonts/MyriadPro-LightIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightIt.otf") format("opentype"), url("../fonts/MyriadPro-LightIt.woff") format("woff"), url("../fonts/MyriadPro-LightIt.ttf") format("truetype"), url("../fonts/MyriadPro-LightIt.svg#MyriadPro-LightIt") format("svg");
  /* font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.otf") format("opentype"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-SemiboldIt';
  src: url("../fonts/MyriadPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldIt.otf") format("opentype"), url("../fonts/MyriadPro-SemiboldIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldIt.ttf") format("truetype"), url("../fonts/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url("../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold.otf") format("opentype"), url("../fonts/MyriadPro-Semibold.woff") format("woff"), url("../fonts/MyriadPro-Semibold.ttf") format("truetype"), url("../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
  /*font-weight: $SiteFontWeightRegular;
  font-style: normal;*/
}

@font-face {
  font-family: 'Korolev-Medium';
  src: url("../fonts/Korolev-Medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.olb-w-5 {
  min-width: 5%;
}

.olb-w-10 {
  min-width: 10%;
}

.olb-w-15 {
  min-width: 15%;
}

.olb-w-20 {
  min-width: 20%;
}

.olb-w-25 {
  min-width: 25%;
}

.olb-w-30 {
  min-width: 30%;
}

.olb-w-35 {
  min-width: 35%;
}

.olb-w-40 {
  min-width: 40%;
}

.olb-w-45 {
  min-width: 45%;
}

.olb-w-50 {
  min-width: 50%;
}

.olb-w-55 {
  min-width: 55%;
}

.olb-w-60 {
  min-width: 60%;
}

.olb-w-65 {
  min-width: 65%;
}

.olb-w-70 {
  min-width: 70%;
}

.olb-w-75 {
  min-width: 75%;
}

.olb-w-80 {
  min-width: 80%;
}

.olb-w-85 {
  min-width: 85%;
}

.olb-w-90 {
  min-width: 90%;
}

.olb-w-95 {
  min-width: 95%;
}

.olb-w-100 {
  min-width: 100%;
}

.ux2-font-w-400 {
  font-weight: 400;
}

/** SPLINE STARTS **/
spline-viewer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.olb-main-content {
  z-index: 1;
  background: rgba(236, 244, 248, 0.9);
}

/** SPLINE ENDS**/
.alpaca.no-bootstrap-grid {
  /* Remove Bootstrap column styles */
  flex: none !important;
  max-width: none !important;
  width: auto !important;
  position: static !important;
}

.header {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  border-radius: 3px;
  position: fixed;
  top: 0;
  left: 0%;
  z-index: 1000;
  min-height: 70px;
}

.header.ux2 {
  padding-top: 0px;
  height: 50px;
  box-shadow: none;
  border-radius: 0px;
  margin-bottom: 20px;
}

.header.ux2 .container {
  background: olbMainContentBg;
}

.ux2 .left-content-padding {
  padding-right: 15px;
  padding-bottom: 30px;
}

.post_login_header_logo {
  background: url(../img/post_login_header_logo.png) no-repeat;
  height: 42px;
  width: 150px;
  background-size: contain !important;
  margin: 20px 0px 5px 20px;
}

.post_login_header_logo_1 {
  background: url(../img/post_login_header_logo_1.png) no-repeat;
  height: 55px;
  width: 191px;
  background-size: contain;
  margin: 20px 0px 5px 20px;
}

.searchLabel {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.searchBox {
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 10px;
}

.searchArrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.header_logout_icon {
  background: url("../img/header_logout.svg") no-repeat center center;
  height: 24px;
  background-size: contain;
}

.headerLink > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ux2 .headerLink > * {
  font-weight: 400;
}

.ux2 .headerLink .userInitials_style {
  background-color: #151F6D;
}

.headerContainer .approvalCountContainer, #header_menu .badgeContainer {
  position: relative;
  right: -15%;
  top: -40%;
}

.header_inbox_icon {
  background: url("../img/header_notifications.svg") no-repeat center center;
  height: 24px;
  background-size: contain;
}

.headerMenu {
  margin-top: 10px;
  display: contents;
}

.userInitials {
  position: absolute;
  font-size: 0.875rem;
}

.userInitials_style {
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  background-color: #151F6D;
  border-radius: 25px;
}

.searchBar {
  position: absolute;
  width: 100%;
  max-width: 600px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}

#mobileAppPrompt {
  height: 60px;
}

#mobileAppPrompt .promptContainer {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
  background-color: #FFFFFF;
  font-size: 120%;
}

#mobileAppPrompt .closePromptContainer {
  flex: 1 !important;
}

#mobileAppPrompt .promptTextContainer {
  flex: 6 !important;
}

#mobileAppPrompt .openAppContainer {
  flex: 2 !important;
}

#mobileAppPrompt .openAppContainer a {
  background-color: #151F6D;
  color: #ffffff;
}

.promptEnabled {
  top: 184px !important;
}

@media (min-width: 768px) {
  p .pageView.pageViewV2 {
    top: 211px !important;
  }
}

.promptEnabledHeader {
  height: 130px !important;
}

.left-side-bar {
  /* autoprefixer: off */
  width: 115px;
  height: 700px;
  background-color: #FFFFFF;
  box-shadow: none;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  z-index: 3;
  top: 90px;
}

.top-main-menu {
  height: auto;
  padding: 8px 12px 8px 12px;
  background: #FFFFFF;
}

.top-main-menu .left-side-bar {
  position: relative;
  width: 100%;
  height: auto;
  background: none;
  top: 0px !important;
  box-shadow: none;
  align-items: start;
}

.top-main-menu .left-side-bar a {
  float: left;
}

.left-side-bar-icon {
  width: 60px;
  height: 60px;
  margin: 15px 0px 0px 0px;
  border-radius: 60px;
  position: relative;
  cursor: pointer;
}

.left-side-bar-icon:hover {
  background-color: #151F6D;
}

.left-side-bar-icon:hover .side_menu_name {
  color: #151F6D;
}

.top-main-menu .left-side-bar-icon {
  width: auto !important;
  height: 28px;
  margin: 0px !important;
  padding: 2px 12px 2px 8px;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}

.left-side-bar .sactive {
  background-color: #151F6D;
}

.left-side-bar .sactive .side_menu_name {
  color: #fff;
}

.top-main-menu .left-side-bar .sactive {
  background-color: #151F6D;
  color: #fff;
}

.top-main-menu .left-side-bar .sactive .side_menu_name {
  color: #fff;
}

.top-main-menu .left-side-bar-icon:hover {
  background-color: #151F6D;
  color: #fff;
}

.top-main-menu .left-side-bar-icon:hover .side_menu_name {
  color: #fff;
}

.aleft-side-bar .sactive {
  background-color: #151F6D;
}

.side_menu_name {
  width: auto;
  margin: 0;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 800;
  color: #ffffff;
  text-align: center;
}

.top-main-menu .side_menu_name {
  position: relative;
  left: 2% !important;
  top: 6% !important;
  color: #2a2a2a;
  font-weight: 400 !important;
  line-height: 22px;
}

.top-main-menu-mobile .side_menu_name,
.top-main-menu-mobile .fundtrans_tab .side_menu_name,
.top-main-menu-mobile .checks_tab .side_menu_name {
  color: #f5f5f5;
  text-align: center;
  bottom: 0px !important;
  top: 40px !important;
}

.menu_icon {
  float: left;
  width: 99%;
}

.top-main-menu .menu_icon {
  float: left;
  width: 24px;
  height: 24px;
}

.top-main-menu-mobile .menu_icon {
  float: left;
  height: 45px;
  background-size: 40px 40px;
}

.top-main-menu-mobile .left-side-bar .sactive .accounts_icon {
  background-size: 40px 40px !important;
}

.top-main-menu-mobile .left-side-bar-icon {
  height: 57px;
}

.top-main-menu-mobile .left-side-bar {
  padding-top: 10px !important;
}

.activity_since_login_dot {
  position: absolute;
  top: 0px;
  right: -7px;
  width: 30px;
  height: 18px;
  border-radius: 25px;
  background: #151F6D;
  text-align: center;
  font-size: 0.875rem;
  line-height: 17px;
}

.activity_since_login .side_menu_name {
  width: 110px;
  top: 35px;
}

/*Overlay styles*/
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.5s;
  box-shadow: none;
}

.header-overlay .overlay-content {
  position: relative;
  width: 100%;
}

.overlay.switch_account_overlay {
  width: 100%;
  height: 100vh;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.more-tab-overlay-active {
  margin-top: 130px;
}

.core_is_down .more-tab-overlay-active {
  margin-top: 180px;
}

.switch_account_overlay_active {
  padding-top: 70px;
  padding-left: 115px;
}

@media (max-width: 575px) {
  .switch_account_overlay {
    padding-top: 70px;
    padding-left: 0;
  }
  .ux2-justify-content-start-sm {
    justify-content: flex-start !important;
  }
  .ux2-pl-0-sm {
    padding-left: 0px !important;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.header-overlay {
  padding-bottom: 70px;
}

.pageView {
  position: absolute;
  left: 115px;
  background-color: #FFFFFF;
  width: calc(100% - 115px);
  top: 70px;
}

.pageView.pageViewV2 {
  position: relative;
  left: 0px;
  width: 100%;
  top: 124px;
  border-radius: 0.5rem;
  background: none;
}

.contentArea {
  width: 100%;
  padding: 10px 20px 0px 30px;
}

.pageViewV2 .contentArea {
  padding: 0px;
}

.innerContentAreaContainer {
  float: left;
  width: 100%;
}

.innerContentAreaLayover {
  display: none;
  position: relative;
  width: 100%;
}

.right-widget {
  background-color: #FFFFFF;
  border-radius: 10px;
  /*box-shadow: 0 1px 10px 0 rgba(0,0,0,0.14);*/
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  padding-left: 0px;
}

.right-widget.ux2 {
  background: none;
  padding-top: 0px;
}

.widget {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 40px;
  position: relative;
}

.quick-links-list {
  padding: 8px 0px;
}

.quick-links-list img {
  padding: 0px 10px;
  float: right;
}

ul.breadcrumb {
  padding: 10px 10px;
  list-style: none;
  font-size: 1rem;
  margin-bottom: 0px;
  background: none;
  font-weight: 700;
}

.ux2 ul.breadcrumb {
  font-weight: 400;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li + li:before {
  padding: 8px;
  color: #2a2a2a;
  content: url("../img/chevron_right.svg");
  font-weight: 800;
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #2a2a2a;
  font-weight: 800;
  text-decoration: none;
}

.ux2 ul.breadcrumb li a {
  font-weight: 400;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #2a2a2a;
  text-decoration: underline;
}

footer.ux2 {
  margin-top: 150px !important;
}

.footer-about-info {
  margin: 10px 30px 30px 30px;
  border-top: 2px solid #D5D6D7;
}

footer .element-1 .footer-elements-sec .title {
  font-size: 0.875rem;
  color: #76767e;
}

footer .element-1 .footer-elements-sec .elements {
  font-size: 0.875rem;
  color: #999999;
}

footer .element-1 .footer-elements-sec .elements .links-with-hover a {
  color: #999999;
}

footer .footer-elements .element-2 {
  width: 100%;
  padding: 10px 30px 10px 30px;
  background: #FFFFFF;
  font-size: 0.875rem;
  color: #999999;
}

footer .footer-elements .element-2 img.footer_img {
  margin: 0;
  margin-right: 20px;
}

footer .footer-elements .element-2 p {
  margin-top: 0px;
}

.progress {
  position: fixed !important;
}

.footer_border_right {
  border-right: 1px solid #9BA0A3;
}

.error-pageView {
  margin-top: 80px;
}

.main-wrapper-col1 {
  width: 100%;
  height: auto;
  margin-top: 70px;
  min-height: 518px;
  padding-top: 3%;
}

.headerBusinessName {
  border-bottom: 2px solid #ffffff;
}

.headerBusinessLabel {
  background-color: #ffffff;
  color: #FFFFFF;
  border-radius: 25px;
}

.jcf-checkbox, .jcf-radio {
  border: 1px solid #151F6D !important;
}

.jcf-radio span {
  background: #151F6D !important;
}

.header_activity_since_log_icon {
  background: url("../img/default_more_menu_image/Activities_icon.svg") no-repeat center;
  height: 24px;
  background-size: contain;
}

.ux2 .pageContent .accountsListContainer .accountGroupContainer {
  border-radius: 8px 8px 14px 14px;
  margin-bottom: 12px;
  position: relative;
}

.ux2 .pageContent .accountsListContainer .accountGroupContainer::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.backDropShadowCommonClass {
  background: rgba(255, 255, 255, 0.4);
  padding: 0px 12px 0px 12px;
  border-radius: 8px 8px 14px 14px;
  margin-bottom: 12px;
  backdrop-filter: blur(14px);
  color: #FFFFFF;
}

.waitingScreenTimerBackDropShadow {
  background: rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 48px;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ux2 .pageContent .accountsListContainer .accountGroupContainer .block-bottom-nav {
  border: none;
}

.block-heading {
  margin-bottom: 1rem;
}

.ux2 .block-heading {
  margin: 15px 0px 15px 0px;
}

.ux2 .block-heading .h3 {
  margin-bottom: 0px !important;
  font-size: 20px;
  padding: 10px 5px 10px 0px;
  color: #FFFFFF;
  font-weight: 400;
}

.ux2 .block-heading .totalBlanceAndAccountGroupCount {
  padding-top: 0.8rem !important;
  color: #2a2a2a;
}

.ux2 a.a_tag {
  color: #151F6D;
  text-decoration: none;
  outline: none;
  font-weight: 400;
  font-size: 1rem;
}

.ux2 a.a_tag:hover {
  color: #151F6D;
  text-decoration: none;
  outline: none;
}

.ux2 a.a_tag:visited {
  color: #151F6D;
  text-decoration: none;
  outline: none;
}

.ux2 a.a_tag:focus {
  color: #151F6D;
  text-decoration: none;
  outline: none;
}

.ux2 .block-bottom-nav ul {
  margin: 0px;
}

.ux2 .widget-title {
  padding: 15px;
}

.ux2 .widget-title h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 0px;
}

.bg_color_center_page_content {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  padding: 15px 10px 10px 10px !important;
  border-radius: 10px;
  margin-top: 10px;
}

#multipayee_transfer_v2 .bg_color_center_page_content .step-col, #multipayee_transfer_v2 .bg_color_center_page_content .step-col span {
  font-size: 1rem;
  font-weight: 400 !important;
  color: #FFFFFF !important;
}

.text-muted {
  color: #FFFFFF;
}

#account_settings .bg_color_center_page_content .nav-link,
#account_settings .bg_color_center_page_content .form-group label,
#account_settings .bg_color_center_page_content .add_schedule_text,
#account_settings .bg_color_center_page_content .add_schedule_text span,
#account_settings .bg_color_center_page_content .information-tag,
#membership_settings .bg_color_center_page_content .nav-link,
#membership_settings .bg_color_center_page_content .form-group label,
#membership_settings .bg_color_center_page_content .add_schedule_text,
#membership_settings .bg_color_center_page_content .add_schedule_text span,
#membership_settings .bg_color_center_page_content .information-tag,
#fund_transfer_manage_payee .bg_color_center_page_content .nav-link,
#fund_transfer_manage_payee .bg_color_center_page_content .form-group label,
#fund_transfer_manage_payee .bg_color_center_page_content .add_schedule_text,
#fund_transfer_manage_payee .bg_color_center_page_content .add_schedule_text span,
#fund_transfer_manage_payee .bg_color_center_page_content .information-tag,
#add_recipient .bg_color_center_page_content .nav-link,
#add_recipient .bg_color_center_page_content .form-group label,
#add_recipient .bg_color_center_page_content .add_schedule_text,
#add_recipient .bg_color_center_page_content .add_schedule_text span,
#add_recipient .bg_color_center_page_content .information-tag,
#fundtransfer_schedule_list .bg_color_center_page_content .nav-link,
#fundtransfer_schedule_list .bg_color_center_page_content .form-group label,
#fundtransfer_schedule_list .bg_color_center_page_content .add_schedule_text,
#fundtransfer_schedule_list .bg_color_center_page_content .add_schedule_text span,
#fundtransfer_schedule_list .bg_color_center_page_content .information-tag,
#fundtransfer_schedule_history_list .bg_color_center_page_content .nav-link,
#fundtransfer_schedule_history_list .bg_color_center_page_content .form-group label,
#fundtransfer_schedule_history_list .bg_color_center_page_content .add_schedule_text,
#fundtransfer_schedule_history_list .bg_color_center_page_content .add_schedule_text span,
#fundtransfer_schedule_history_list .bg_color_center_page_content .information-tag,
#fundtransfer_schedule_details .bg_color_center_page_content .nav-link,
#fundtransfer_schedule_details .bg_color_center_page_content .form-group label,
#fundtransfer_schedule_details .bg_color_center_page_content .add_schedule_text,
#fundtransfer_schedule_details .bg_color_center_page_content .add_schedule_text span,
#fundtransfer_schedule_details .bg_color_center_page_content .information-tag,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .nav-link,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .form-group label,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .add_schedule_text,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .add_schedule_text span,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .information-tag {
  color: #FFFFFF !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

#account_settings .bg_color_center_page_content .nav-link.active,
#membership_settings .bg_color_center_page_content .nav-link.active,
#fund_transfer_manage_payee .bg_color_center_page_content .nav-link.active,
#add_recipient .bg_color_center_page_content .nav-link.active,
#fundtransfer_schedule_list .bg_color_center_page_content .nav-link.active,
#fundtransfer_schedule_history_list .bg_color_center_page_content .nav-link.active,
#fundtransfer_schedule_details .bg_color_center_page_content .nav-link.active,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .nav-link.active {
  color: #2a2a2a !important;
  font-size: 1rem !important;
}

#account_settings .bg_color_center_page_content .text-muted,
#membership_settings .bg_color_center_page_content .text-muted,
#fund_transfer_manage_payee .bg_color_center_page_content .text-muted,
#add_recipient .bg_color_center_page_content .text-muted,
#fundtransfer_schedule_list .bg_color_center_page_content .text-muted,
#fundtransfer_schedule_history_list .bg_color_center_page_content .text-muted,
#fundtransfer_schedule_details .bg_color_center_page_content .text-muted,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .text-muted {
  color: #FFFFFF;
}

#account_settings .bg_color_center_page_content .radius_10,
#membership_settings .bg_color_center_page_content .radius_10,
#fund_transfer_manage_payee .bg_color_center_page_content .radius_10,
#add_recipient .bg_color_center_page_content .radius_10,
#fundtransfer_schedule_list .bg_color_center_page_content .radius_10,
#fundtransfer_schedule_history_list .bg_color_center_page_content .radius_10,
#fundtransfer_schedule_details .bg_color_center_page_content .radius_10,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .radius_10 {
  border-radius: 10px;
}

#account_settings .bg_color_center_page_content .padding_10,
#membership_settings .bg_color_center_page_content .padding_10,
#fund_transfer_manage_payee .bg_color_center_page_content .padding_10,
#add_recipient .bg_color_center_page_content .padding_10,
#fundtransfer_schedule_list .bg_color_center_page_content .padding_10,
#fundtransfer_schedule_history_list .bg_color_center_page_content .padding_10,
#fundtransfer_schedule_details .bg_color_center_page_content .padding_10,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .padding_10 {
  padding: 10px;
}

#account_settings .bg_color_center_page_content .bg_white .nav-link,
#membership_settings .bg_color_center_page_content .bg_white .nav-link,
#fund_transfer_manage_payee .bg_color_center_page_content .bg_white .nav-link,
#add_recipient .bg_color_center_page_content .bg_white .nav-link,
#fundtransfer_schedule_list .bg_color_center_page_content .bg_white .nav-link,
#fundtransfer_schedule_history_list .bg_color_center_page_content .bg_white .nav-link,
#fundtransfer_schedule_details .bg_color_center_page_content .bg_white .nav-link,
#fundtransfer_ach_schedule_details .bg_color_center_page_content .bg_white .nav-link {
  color: #2a2a2a !important;
}

#account_summary .sort_by_v2 {
  padding-left: 20px;
}

#account_summary .row.one_block .one_col:first-child {
  padding-right: 10px !important;
}

.ux2 .ux2-m-0 {
  margin: 0px;
}

.ux2 .ux2-mt-0 {
  margin-top: 0px !important;
}

.ux2 .ux2-mt-1 {
  margin-top: 4px !important;
}

.ux2 .ux2-mt-2 {
  margin-top: 8px !important;
}

.ux2 .ux2-mt-3 {
  margin-top: 16px !important;
}

.ux2 .ux2-mt-4 {
  margin-top: 24px !important;
}

.ux2 .ux2-mt-5 {
  margin-top: 48px !important;
}

.ux2 .ux2-mt-auto {
  margin: auto !important;
}

.ux2 .ux2-mr-0 {
  margin-right: 0px !important;
}

.ux2 .ux2-mr-1 {
  margin-right: 4px !important;
}

.ux2 .ux2-mr-2 {
  margin-right: 8px !important;
}

.ux2 .ux2-mr-3 {
  margin-right: 16px !important;
}

.ux2 .ux2-mr-4 {
  margin-right: 24px !important;
}

.ux2 .ux2-mr-5 {
  margin-right: 48px !important;
}

.ux2 .ux2-mr-auto {
  margin: auto !important;
}

.ux2 .ux2-mb-0 {
  margin-bottom: 0px !important;
}

.ux2 .ux2-mb-1 {
  margin-bottom: 4px !important;
}

.ux2 .ux2-mb-2 {
  margin-bottom: 8px !important;
}

.ux2 .ux2-mb-3 {
  margin-bottom: 16px !important;
}

.ux2 .ux2-mb-4 {
  margin-bottom: 24px !important;
}

.ux2 .ux2-mb-5 {
  margin-bottom: 48px !important;
}

.ux2 .ux2-mb-auto {
  margin: auto !important;
}

.ux2 .ux2-ml-0 {
  margin-left: 0px !important;
}

.ux2 .ux2-ml-1 {
  margin-left: 4px !important;
}

.ux2 .ux2-ml-2 {
  margin-left: 8px !important;
}

.ux2 .ux2-ml-3 {
  margin-left: 16px !important;
}

.ux2 .ux2-ml-4 {
  margin-left: 24px !important;
}

.ux2 .ux2-ml-5 {
  margin-left: 48px !important;
}

.ux2 .ux2-ml-auto {
  margin: auto !important;
}

.ux2 .ux2-my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.ux2 .ux2-p-0 {
  padding: 0px !important;
}

.ux2 .ux2-p-2 {
  padding: 8px;
}

.ux2 .ux2-pt-0 {
  padding-top: 0px !important;
}

.ux2 .ux2-pt-1 {
  padding-top: 4px !important;
}

.ux2 .ux2-pt-2 {
  padding-top: 8px !important;
}

.ux2 .ux2-pt-3 {
  padding-top: 16px !important;
}

.ux2 .ux2-pt-4 {
  padding-top: 24px !important;
}

.ux2 .ux2-pt-5 {
  padding-top: 48px !important;
}

.ux2 .ux2-pt-auto {
  padding: auto !important;
}

.ux2 .ux2-pr-0 {
  padding-right: 0px !important;
}

.ux2 .ux2-pr-1 {
  padding-right: 4px !important;
}

.ux2 .ux2-pr-2 {
  padding-right: 8px !important;
}

.ux2 .ux2-pr-3 {
  padding-right: 16px !important;
}

.ux2 .ux2-pr-4 {
  padding-right: 24px !important;
}

.ux2 .ux2-pr-5 {
  padding-right: 48px !important;
}

.ux2 .ux2-pr-auto {
  padding: auto !important;
}

.ux2 .ux2-pb-0 {
  padding-bottom: 0px !important;
}

.ux2 .ux2-pb-1 {
  padding-bottom: 4px !important;
}

.ux2 .ux2-pb-2 {
  padding-bottom: 8px !important;
}

.ux2 .ux2-pb-3 {
  padding-bottom: 16px !important;
}

.ux2 .ux2-pb-4 {
  padding-bottom: 24px !important;
}

.ux2 .ux2-pb-5 {
  padding-bottom: 48px !important;
}

.ux2 .ux2-pb-auto {
  padding: auto !important;
}

.ux2 .ux2-pl-0 {
  padding-left: 0px !important;
}

.ux2 .ux2-pl-1 {
  padding-left: 4px !important;
}

.ux2 .ux2-pl-2 {
  padding-left: 8px !important;
}

.ux2 .ux2-pl-3 {
  padding-left: 16px !important;
}

.ux2 .ux2-pl-4 {
  padding-left: 24px !important;
}

.ux2 .ux2-pl-5 {
  padding-left: 48px !important;
}

.ux2 .ux2-pl-auto {
  padding: auto !important;
}

.ux2 .ux2-d-none {
  display: none !important;
}

.ux2 .ux2-d-table {
  display: table !important;
}

.ux2 .ux2-w-100 {
  width: 100% !important;
}

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

.ux2 .ux2-text-center {
  text-align: center !important;
}

.ux2 .ux2-text-left {
  text-align: left !important;
}

.ux2 .ux2-flex-nowrap {
  flex-wrap: nowrap;
}

.ux2 .ux2-justify-content-start {
  justify-content: flex-start !important;
}

.ux2 .ux2-justify-content-center {
  justify-content: center !important;
}

.ux2 .ux2-justify-content-around {
  justify-content: space-around !important;
}

.ux2 .ux2-justify-content-end {
  justify-content: flex-end !important;
}

.ux2 .ux2-align-self-center {
  align-self: center !important;
}

.ux2 .ux2-align-items-center {
  align-items: center !important;
}

.ux2 .ux2-container {
  max-width: 1140px !important;
  margin: auto !important;
}

.ux2 .main-header .fdci-logo-block,
.ux2 .pre_login_v2 .fdci-logo-block {
  margin-left: 20px;
  margin-top: 10px;
}

.ux2 .main-header .fdci-logo-block .list-inline-item,
.ux2 .pre_login_v2 .fdci-logo-block .list-inline-item {
  line-height: 15px;
  vertical-align: middle;
}

.ux2 .wlayout .pre_login_v2 .fdci-logo-block {
  margin-top: 0px;
}

@media (min-width: 576px) {
  .ux2 .ux2-container {
    max-width: 540px !important;
  }
  .ux2 .pageView.pageViewV2 {
    top: 186px !important;
  }
  .ux2 .promptEnabled {
    top: 219px !important;
  }
}

@media (min-width: 768px) {
  .ux2 .ux2-container {
    max-width: 720px !important;
  }
  .ux2 .pageView.pageViewV2 {
    top: 124px !important;
  }
  .ux2 #account_summary .ux2-pageTitle-bg-cover a .ml-2 {
    font-size: 1rem !important;
  }
}

@media (min-width: 992px) {
  .ux2 .ux2-container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .ux2 .ux2-container {
    max-width: 960px !important;
  }
}

@media (min-width: 1280px) {
  .ux2 .ux2-container {
    max-width: 1280px !important;
  }
  .ux2 .ux2-container .ux2-container {
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
  .ux2 .container {
    width: 1280px !important;
    max-width: 1280px !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ux2 .container .container {
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .ux2 {
    /**
		.ux2-container {
			width: 1440px !important;
		  max-width: 1440px !important;
		  padding-left: 15px;
        padding-right: 15px;
		}
		.container {
			width: 1440px !important;
		  max-width: 1440px !important;
		.container {
			width: auto !important;
			padding-left: 0;
			padding-right: 0;
		}
		}
		**/
  }
}

@media (min-width: 1200px) and (max-width: 1279px) {
  .ux2 .pageView.pageViewV2 {
    top: 124px !important;
  }
  .ux2 .pageView.pageViewV2.has-fdci-logo {
    top: 161px !important;
  }
}

@media (min-width: 1280px) {
  .ux2 :not(.pageViewV2) > .contentArea {
    padding: 10px 0px 0px 0px;
  }
  .ux2 .header {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
  }
  .ux2 .header .main-header {
    margin-top: 0px;
  }
  .ux2 .pageView.pageViewV2 {
    top: 124px !important;
  }
  .ux2 .pageView.pageViewV2.has-fdci-logo {
    top: 161px !important;
  }
}

@media (min-width: 1440px) {
  .ux2 .header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ux2 .ux2-text-white {
  color: #FFFFFF !important;
}

.ux2 .ux2-border-0 {
  border: 0 !important;
}

@media (min-width: 992px) {
  .ux2 .ux2-offset-lg-0 {
    margin-left: 0px !important;
  }
}

.ux2 .ux2-float-right {
  float: right;
}

.ux2 .ux2-float-none {
  float: none !important;
}

.ux2 .ux2-col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.ux2 .ux2-col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.ux2 .ux2-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.ux2 .ux2-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.ux2 .ux2-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.ux2 .ux2-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.ux2 .table-hover tbody tr:hover {
  color: #151F6D;
}

.no-bootstrap-grid {
  /* Remove Bootstrap column styles */
  flex: none !important;
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: static !important;
}

.alpaca .alpaca-m-0 {
  margin: 0px;
}

.alpaca .alpaca-mt-0 {
  margin-top: 0px !important;
}

.alpaca .alpaca-mt-1 {
  margin-top: 4px !important;
}

.alpaca .alpaca-mt-2 {
  margin-top: 8px !important;
}

.alpaca .alpaca-mt-3 {
  margin-top: 16px !important;
}

.alpaca .alpaca-mt-4 {
  margin-top: 24px !important;
}

.alpaca .alpaca-mt-5 {
  margin-top: 48px !important;
}

.alpaca .alpaca-mt-auto {
  margin: auto !important;
}

.alpaca .alpaca-mr-0 {
  margin-right: 0px !important;
}

.alpaca .alpaca-mr-1 {
  margin-right: 4px !important;
}

.alpaca .alpaca-mr-2 {
  margin-right: 8px !important;
}

.alpaca .alpaca-mr-3 {
  margin-right: 16px !important;
}

.alpaca .alpaca-mr-4 {
  margin-right: 24px !important;
}

.alpaca .alpaca-mr-5 {
  margin-right: 48px !important;
}

.alpaca .alpaca-mr-auto {
  margin: auto !important;
}

.alpaca .alpaca-mb-0 {
  margin-bottom: 0px !important;
}

.alpaca .alpaca-mb-1 {
  margin-bottom: 4px !important;
}

.alpaca .alpaca-mb-2 {
  margin-bottom: 8px !important;
}

.alpaca .alpaca-mb-3 {
  margin-bottom: 16px !important;
}

.alpaca .alpaca-mb-4 {
  margin-bottom: 24px !important;
}

.alpaca .alpaca-mb-5 {
  margin-bottom: 48px !important;
}

.alpaca .alpaca-mb-auto {
  margin: auto !important;
}

.alpaca .alpaca-ml-0 {
  margin-left: 0px !important;
}

.alpaca .alpaca-ml-1 {
  margin-left: 4px !important;
}

.alpaca .alpaca-ml-2 {
  margin-left: 8px !important;
}

.alpaca .alpaca-ml-3 {
  margin-left: 16px !important;
}

.alpaca .alpaca-ml-4 {
  margin-left: 24px !important;
}

.alpaca .alpaca-ml-5 {
  margin-left: 48px !important;
}

.alpaca .alpaca-ml-auto {
  margin: auto !important;
}

.alpaca .alpaca-my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.alpaca .alpaca-p-0 {
  padding: 0px !important;
}

.alpaca .alpaca-p-2 {
  padding: 8px;
}

.alpaca .alpaca-pt-0 {
  padding-top: 0px !important;
}

.alpaca .alpaca-pt-1 {
  padding-top: 4px !important;
}

.alpaca .alpaca-pt-2 {
  padding-top: 8px !important;
}

.alpaca .alpaca-pt-3 {
  padding-top: 16px !important;
}

.alpaca .alpaca-pt-4 {
  padding-top: 24px !important;
}

.alpaca .alpaca-pt-5 {
  padding-top: 48px !important;
}

.alpaca .alpaca-pt-auto {
  padding: auto !important;
}

.alpaca .alpaca-pr-0 {
  padding-right: 0px !important;
}

.alpaca .alpaca-pr-1 {
  padding-right: 4px !important;
}

.alpaca .alpaca-pr-2 {
  padding-right: 8px !important;
}

.alpaca .alpaca-pr-3 {
  padding-right: 16px !important;
}

.alpaca .alpaca-pr-4 {
  padding-right: 24px !important;
}

.alpaca .alpaca-pr-5 {
  padding-right: 48px !important;
}

.alpaca .alpaca-pr-auto {
  padding: auto !important;
}

.alpaca .alpaca-pb-0 {
  padding-bottom: 0px !important;
}

.alpaca .alpaca-pb-1 {
  padding-bottom: 4px !important;
}

.alpaca .alpaca-pb-2 {
  padding-bottom: 8px !important;
}

.alpaca .alpaca-pb-3 {
  padding-bottom: 16px !important;
}

.alpaca .alpaca-pb-4 {
  padding-bottom: 24px !important;
}

.alpaca .alpaca-pb-5 {
  padding-bottom: 48px !important;
}

.alpaca .alpaca-pb-auto {
  padding: auto !important;
}

.alpaca .alpaca-pl-0 {
  padding-left: 0px !important;
}

.alpaca .alpaca-pl-1 {
  padding-left: 4px !important;
}

.alpaca .alpaca-pl-2 {
  padding-left: 8px !important;
}

.alpaca .alpaca-pl-3 {
  padding-left: 16px !important;
}

.alpaca .alpaca-pl-4 {
  padding-left: 24px !important;
}

.alpaca .alpaca-pl-5 {
  padding-left: 48px !important;
}

.alpaca .alpaca-pl-auto {
  padding: auto !important;
}

.alpaca .alpaca-d-none {
  display: none !important;
}

.alpaca .alpaca-d-table {
  display: table !important;
}

.alpaca .alpaca-w-100 {
  width: 100% !important;
}

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

.alpaca .alpaca-text-center {
  text-align: center !important;
}

.alpaca .alpaca-text-left {
  text-align: left !important;
}

.alpaca .alpaca-flex-nowrap {
  flex-wrap: nowrap;
}

.alpaca .alpaca-justify-content-start {
  justify-content: flex-start !important;
}

.alpaca .alpaca-justify-content-center {
  justify-content: center !important;
}

.alpaca .alpaca-justify-content-around {
  justify-content: space-around !important;
}

.alpaca .alpaca-justify-content-end {
  justify-content: flex-end !important;
}

.alpaca .alpaca-align-self-center {
  align-self: center !important;
}

.alpaca .alpaca-align-items-center {
  align-items: center !important;
}

.alpaca .alpaca-container {
  max-width: 1140px !important;
  margin: auto !important;
}

.alpaca .alpaca-text-white {
  color: #FFFFFF !important;
}

.alpaca .alpaca-border-0 {
  border: 0 !important;
}

.alpaca .alpaca-float-right {
  float: right;
}

.alpaca .alpaca-float-none {
  float: none !important;
}

.alpaca .alpaca .table-hover tbody tr:hover {
  color: #151F6D;
}

.pre_login_options_login_page img {
  height: 24px;
}

.center-sidebar-seperator {
  border-right: 1px solid #ffffff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus {
  background-color: #ffffff !important;
  color: #495057 !important;
}

.form-group:focus-within input[type="text"],
.form-group:focus-within input[type="password"],
.form-group:focus-within input[type="search"],
.form-group:focus-within input[type="tel"] {
  background-color: #ffffff !important;
  color: #495057 !important;
}

.form-group:focus-within i {
  color: #495057 !important;
}

.input-group:focus-within input[type="text"],
.input-group:focus-within input[type="password"],
.input-group:focus-within input[type="search"],
.input-group:focus-within input[type="tel"] {
  background-color: #ffffff !important;
  color: #495057 !important;
}

.input-group:focus-within .input-group-append .input-group-text,
.input-group:focus-within .input-group-prepend .input-group-text {
  background: #ffffff !important;
  color: #495057 !important;
}

.input-group:focus-within .input-group-append .input-group-text .fa,
.input-group:focus-within .input-group-prepend .input-group-text .fa {
  color: #495057 !important;
}

.ux2 .searchBar #header_search {
  border-radius: 20px !important;
  background: rgba(0, 0, 0, 0.08) !important;
  color: #2a2a2a;
  border: none !important;
  height: 36px;
  padding: 9px 6px 9px 16px;
}

.ux2 .searchBar .searchArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border-radius: 50%;
  padding: 4px;
  height: 24px;
  width: 24px;
}

.ux2-color-bg-white-card-block .input {
  background-color: rgba(0, 0, 0, 0.08);
}

.ux2-color-bg-white-card-block span.jcf-select.styledSelect {
  border-style: none !important;
  background-color: rgba(0, 0, 0, 0.08);
}

.ux2-color-bg-white-card-block .input-group .input-group-prepend + .form-control,
.ux2-color-bg-white-card-block .input-group .input-group-append + .form-control {
  border-radius: 0px 8px 8px 0px !important;
}

.ux2-color-bg-white-card-block .input-group .input-group-prepend .input-group-text,
.ux2-color-bg-white-card-block .input-group .input-group-append .input-group-text {
  border-style: none;
  background-color: rgba(0, 0, 0, 0.08);
}

.ux2-color-bg-white-card-block .input-group .form-control {
  border-style: none !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
}

.switch_account_overlay_active {
  padding-left: 15px;
  padding-right: 15px;
}

.avatar-block-with-label-block {
  flex: none;
  width: 45px;
}

.alpaca_reset_white_wrapper {
  padding: 0px !important;
}

.pre-login-trusted-device-page-content .pageView.pageViewV2 {
  top: 0px !important;
}

/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #b3b3b3, gray);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: gray #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: gray;
}

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
  background-color: #666 \9;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
  background-color: #039 \9;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  background-color: #039 \9;
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on, .input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/* jquery 3 hack fix */
.bootstrap-datetimepicker-widget {
  display: block;
}

div.datepicker > div {
  display: block;
}

.mfa_pageTitle {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D5D6D7;
}

.mfa_subhead {
  color: #4d4d4d;
  font-size: 1rem;
  line-height: 16px;
  margin-bottom: 10px;
}

.mfa_subhead a {
  font-size: 1rem;
}

/* Ensure the icon container sits above the input if overlapping occurs */
.field-icon {
  position: relative;
  /* keep if already absolutely positioned elsewhere */
  z-index: 2;
}

/* Make the spans act like buttons and be the anchor for the hit area */
.ux2-login-toggle-password .show-password,
.ux2-login-toggle-password .hide-password {
  position: relative;
  /* needed for ::after positioning */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  pointer-events: auto;
}

/* Invisible enlarged hit area that does not affect layout */
.ux2-login-toggle-password .show-password::after,
.ux2-login-toggle-password .hide-password::after {
  content: "";
  position: absolute;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
}

.mfa-info {
  padding: 10px;
  background: url("../img/new_info.png") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

.mfa_copy {
  color: #4d4d4d;
  font-size: 1rem;
  line-height: 20px;
  margin: 30px 0 10px;
}

.mfa_pageContent {
  border-radius: 5px;
  float: left;
  margin-bottom: 30px;
  padding: 15px !important;
  width: 100%;
}

.ux2 .mfa_pageContent {
  border-radius: 5px;
  float: left;
  margin-bottom: 30px;
  padding: 15px !important;
  width: 100%;
}

.ux2 #change_password_pre_login .field-icon .show-password {
  position: relative;
}

.ux2 #change_password_pre_login .field-icon .hide-password {
  position: relative;
}

.resend_otp {
  color: #4d4d4d;
  float: left;
  font-size: 1rem;
  margin-top: 5px;
  width: 100%;
}

.pre_login_outer.flow1_login {
  background-image: url(../img/login_bg.jpg);
  background-size: cover;
}

.pre_login_outer.flow2_login .pre-login-logo {
  background: url(../img/header_logo_bg_login.png) no-repeat;
  height: 70px;
}

.page-content .header_section_outer {
  padding: 10px 50px 0px 50px;
}

.page-content header {
  padding-top: 21px;
}

.pre-login-logo {
  background: url(../img/header_logo_bg.png) no-repeat;
  height: 70px;
  background-size: contain;
}

.pre_login_outer.flow1_login .login-page-outer {
  padding-left: 80px !important;
}

.login-page-inner {
  background: transparent;
  border-radius: 4px;
  background-color: #ececed;
}

.login-seperator {
  border-left: 2px solid #9BA0A3;
  border-radius: 5px;
}

.login-field-link {
  color: #151F6D !important;
  font-weight: 800;
}

.login-field-link:hover {
  text-decoration: underline;
}

.login-section-outer {
  padding-top: 20px;
}

.pre_login_outer.flow2_login #login_form_blade {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(42px);
}

.flow2_login .pre_login_inner {
  padding-bottom: 10px;
}

.pre_login_outer.flow1_login .header_section_outer {
  padding-left: 80px !important;
  padding-top: 21px;
}

.header_section_outer {
  height: 70px;
}

.prelogin_login_img, .prelogin_enroll_img:hover {
  background-color: #151F6D;
  border-radius: 14px;
}

footer {
  margin-top: 20px !important;
}

.footer-elements {
  background-color: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
}

.footer-collapsed {
  padding-right: 0px !important;
}

.field-icon {
  float: right;
  margin-right: auto;
  margin-top: -25px;
  color: #2a2a2a;
  cursor: pointer;
  position: inherit;
}

.field-icon .hide-password {
  position: absolute;
}

.field-icon .show-password {
  position: absolute;
}

.login-toggle-password {
  margin-right: 20px;
}

.login-toggle-password {
  margin-right: 20px;
}

.main-wrapper-pre-col1 {
  float: left;
  width: 100%;
  height: auto;
  min-height: 518px;
}

.enroll-digital-banking, .pre-login-page-heading {
  font-size: 1.5rem;
  font-weight: 700;
}

.enroll_steps, .flow2_tabs {
  border-bottom: 2px solid #151F6D;
  position: relative;
}

.enroll_steps ul, .flow2_tabs ul {
  margin-bottom: 0;
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  margin: 0px 5px 0px 5px;
}

.enroll_steps ul li, .flow2_tabs ul li {
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  color: #ececed;
  margin-right: 50px;
  padding-bottom: 9px;
}

.enroll_steps ul li.active, .flow2_tabs ul li.active {
  color: white;
  border-bottom-color: #151F6D;
}

.enroll-bottom-border, .pre-login-bottom-border {
  border-bottom: 2px solid #ffffff;
}

.enrl_msg {
  font-size: 24px;
  font-weight: 700;
}

.enrl_msg2 {
  font-size: 18px;
}

.otp-channel-btn-container {
  display: flex;
}

.button-as-link {
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: pointer;
  color: #2a2a2a;
  font-weight: 800;
  text-decoration: none;
}

.tooltip_text_v2 {
  background: #666666;
  color: #FFFFFF;
  font-weight: 800;
  padding: 4px 8px;
  z-index: 4;
  text-transform: none;
  font-size: 13px;
  border-radius: 4px;
  max-width: 250px;
  display: none;
}

.tooltip_text_v2[data-show] {
  display: block;
}

.tooltip_text_v2_arrow,
.tooltip_text_v2_arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: -1;
}

.tooltip_text_v2_arrow::before {
  content: '';
  transform: rotate(45deg);
  background: #666666;
}

.tooltip_text_v2[data-popper-placement^='top'] > .tooltip_text_v2_arrow {
  bottom: -4px;
}

.tooltip_text_v2[data-popper-placement^='bottom'] > .tooltip_text_v2_arrow {
  top: -4px;
}

.tooltip_text_v2[data-popper-placement^='left'] > .tooltip_text_v2_arrow {
  right: -4px;
}

.tooltip_text_v2[data-popper-placement^='right'] > .tooltip_text_v2_arrow {
  left: -4px;
}

.tooltip_text_v2_arrow,
.tooltip_text_v2_arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: -1;
}

.tooltip_text_v2_arrow::before {
  content: '';
  transform: rotate(45deg);
  background: #666666;
}

.first-login-border {
  border: 1px solid #D5D6D7;
  border-radius: 5px;
  padding: 15px;
}

.pageTitle-prelogin {
  font-size: 24px;
  font-weight: 800;
}

.unlock-account-container {
  min-height: 63vh;
}

#unlock_account #unlock_verify_contact .otp-channel-btn-container * {
  margin: 0 !important;
  height: inherit !important;
}

#forgot_pwd_3 #forget_psw_choose_otp_div .otp-channel-btn-container * {
  margin: 0 !important;
  height: inherit !important;
}

.static_content p {
  margin-bottom: 25px;
}

#delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll #sub-user-enroll-section, #delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .termsAndConsContainer, #delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .newSubUserEnroll, #delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .mfa_pageContent,
#sub_user_reset_password .delegate_access_reset_password_sub_user {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(42px);
}

#delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll #enrollment_text_business_enroll_heading {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

#delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .enterOtpContainer {
  justify-content: center;
  background: rgba(236, 244, 248, 0.9);
}

#delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .enroll-bottom-border, #delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .pre-login-bottom-border {
  border-bottom: 2px solid #151F6D;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: #666666;
  border-radius: 5px;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  font-size: 1rem;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  color: #2a2a2a;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

body.ux2 {
  font-size: 1rem;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  line-height: 1.5rem;
}

.bg_white {
  background-color: #FFFFFF;
  color: #2a2a2a;
}

.fa {
  color: #2a2a2a;
  font-size: 24px;
}

.ux2-bg-color-light-grey .fa, .block-body .fa {
  color: #2a2a2a;
}

.ux2-bg-color-light-grey a.fa, .ux2-bg-color-light-grey a .fa, .block-body a.fa, .block-body a .fa {
  color: #2a2a2a;
}

.ux2-bg-color-white .fa, .block-body .fa {
  color: #2a2a2a;
}

.ux2-bg-color-white a.fa, .ux2-bg-color-white a .fa, .block-body a.fa, .block-body a .fa {
  color: #151F6D;
}

h1 {
  line-height: 1.094rem;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 2em;
  font-weight: 400;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

h3, .h3 {
  font-size: 1.3em;
  font-weight: 400;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  margin: 0px;
  margin-bottom: 0.5rem;
}

h4 {
  display: inline;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  margin: 0px;
}

label {
  font-weight: 400;
  margin-bottom: 5px;
  width: 100%;
}

input {
  font-size: 1rem;
}

input[type=text]::placeholder, input[type=search]::placeholder, input[type=password]::placeholder {
  font-size: 1rem;
  color: #666666;
}

.password_input_field::placeholder {
  text-transform: lowercase !important;
}

button {
  cursor: pointer;
}

.btn:focus, .btn.focus {
  box-shadow: none;
}

p {
  /* autoprefixer: off */
  margin: 0px;
  width: -webkit-fill-available;
}

/**************** LINK CSS STARTS**************/
a:not(.btn):not(.nav-link),
.ux2-link,
.link-color,
.view_all_features,
.button-link,
.btn-primary.button-link,
.ux2-bg-color-light-grey,
.help_button_static a,
.block-body,
.fund_transfer_tabs,
.fund_transfer_tabs a,
.links-with-hover,
.button-as-link,
.link-color {
  color: #2a2a2a;
  text-decoration: none;
  outline: none;
}

a:not(.btn):not(.nav-link):hover,
.ux2-link:hover,
.link-color:hover,
.view_all_features:hover,
.button-link:hover,
.btn-primary.button-link:hover,
.ux2-bg-color-light-grey:hover,
.help_button_static a:hover,
.block-body:hover,
.fund_transfer_tabs:hover,
.fund_transfer_tabs a:hover,
.links-with-hover:hover,
.button-as-link:hover,
.link-color:hover {
  color: #2a2a2a;
  text-decoration: none;
  outline: none;
}

a:not(.btn):not(.nav-link):active,
.ux2-link:active,
.link-color:active,
.view_all_features:active,
.button-link:active,
.btn-primary.button-link:active,
.ux2-bg-color-light-grey:active,
.help_button_static a:active,
.block-body:active,
.fund_transfer_tabs:active,
.fund_transfer_tabs a:active,
.links-with-hover:active,
.button-as-link:active,
.link-color:active {
  color: #2a2a2a;
  text-decoration: none;
  outline: none;
}

a:not(.btn):not(.nav-link):focus,
.ux2-link:focus,
.link-color:focus,
.view_all_features:focus,
.button-link:focus,
.btn-primary.button-link:focus,
.ux2-bg-color-light-grey:focus,
.help_button_static a:focus,
.block-body:focus,
.fund_transfer_tabs:focus,
.fund_transfer_tabs a:focus,
.links-with-hover:focus,
.button-as-link:focus,
.link-color:focus {
  color: #2a2a2a;
  text-decoration: none;
  outline: none;
}

a:not(.btn):not(.nav-link):visited,
.ux2-link:visited,
.link-color:visited,
.view_all_features:visited,
.button-link:visited,
.btn-primary.button-link:visited,
.ux2-bg-color-light-grey:visited,
.help_button_static a:visited,
.block-body:visited,
.fund_transfer_tabs:visited,
.fund_transfer_tabs a:visited,
.links-with-hover:visited,
.button-as-link:visited,
.link-color:visited {
  color: #2a2a2a;
  text-decoration: none;
  outline: none;
}

.button-link,
.btn-primary.button-link,
.ux2-bg-color-light-grey,
.help_button_static a,
.button-as-link {
  background: none;
  border: none;
  padding: 0;
}

.button-link:hover,
.btn-primary.button-link:hover,
.ux2-bg-color-light-grey:hover,
.help_button_static a:hover,
.button-as-link:hover {
  background: none;
  border: none;
  padding: 0;
}

.link-color-delete {
  color: red;
}

.link-color-delete:hover {
  color: red;
}

.link-color-delete:active {
  color: red;
}

.link-color-delete:focus {
  color: red;
}

.link-color-delete:visited {
  color: red;
}

a.ux2-bg-color-white, a .ux2-bg-color-white {
  color: #151F6D;
}

a.ux2-bg-color-white:hover, a .ux2-bg-color-white:hover {
  color: #000000;
}

a.ux2-bg-color-white:active, a .ux2-bg-color-white:active {
  color: #000000;
}

a.ux2-bg-color-white:focus, a .ux2-bg-color-white:focus {
  color: #000000;
}

a.ux2-bg-color-white:visited, a .ux2-bg-color-white:visited {
  color: #151F6D;
}

.ux2-bg-color-white a:not(.btn):not(.nav-link),
.ux2-bg-color-white .ux2-link,
.ux2-bg-color-white .link-color,
.ux2-bg-color-white .view_all_features,
.ux2-bg-color-white .button-link,
.ux2-bg-color-white .btn-primary.button-link,
.ux2-bg-color-white .ux2-bg-color-light-grey,
.ux2-bg-color-white .help_button_static a,
.ux2-bg-color-white .block-body,
.ux2-bg-color-white .fund_transfer_tabs,
.ux2-bg-color-white .fund_transfer_tabs a,
.ux2-bg-color-white .links-with-hover,
.ux2-bg-color-white .button-as-link,
.ux2-bg-color-white .link-color,
.ux2-bg-color-light-grey .tab-content a:not(.btn):not(.nav-link),
.ux2-bg-color-light-grey .tab-content .ux2-link,
.ux2-bg-color-light-grey .tab-content .link-color,
.ux2-bg-color-light-grey .tab-content .view_all_features,
.ux2-bg-color-light-grey .tab-content .button-link,
.ux2-bg-color-light-grey .tab-content .btn-primary.button-link,
.ux2-bg-color-light-grey .tab-content .ux2-bg-color-light-grey,
.ux2-bg-color-light-grey .tab-content .help_button_static a,
.ux2-bg-color-light-grey .tab-content .block-body,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs a,
.ux2-bg-color-light-grey .tab-content .links-with-hover,
.ux2-bg-color-light-grey .tab-content .button-as-link,
.ux2-bg-color-light-grey .tab-content .link-color,
.ux2-bg-color-white .tab-content a:not(.btn):not(.nav-link),
.ux2-bg-color-white .tab-content .ux2-link,
.ux2-bg-color-white .tab-content .link-color,
.ux2-bg-color-white .tab-content .view_all_features,
.ux2-bg-color-white .tab-content .button-link,
.ux2-bg-color-white .tab-content .btn-primary.button-link,
.ux2-bg-color-white .tab-content .ux2-bg-color-light-grey,
.ux2-bg-color-white .tab-content .help_button_static a,
.ux2-bg-color-white .tab-content .block-body,
.ux2-bg-color-white .tab-content .fund_transfer_tabs,
.ux2-bg-color-white .tab-content .fund_transfer_tabs a,
.ux2-bg-color-white .tab-content .links-with-hover,
.ux2-bg-color-white .tab-content .button-as-link,
.ux2-bg-color-white .tab-content .link-color,
.block-body a:not(.btn):not(.nav-link),
.block-body .ux2-link,
.block-body .link-color,
.block-body .view_all_features,
.block-body .button-link,
.block-body .btn-primary.button-link,
.block-body .ux2-bg-color-light-grey,
.block-body .help_button_static a,
.block-body .block-body,
.block-body .fund_transfer_tabs,
.block-body .fund_transfer_tabs a,
.block-body .links-with-hover,
.block-body .button-as-link,
.block-body .link-color,
.footer-elements a:not(.btn):not(.nav-link),
.footer-elements .ux2-link,
.footer-elements .link-color,
.footer-elements .view_all_features,
.footer-elements .button-link,
.footer-elements .btn-primary.button-link,
.footer-elements .ux2-bg-color-light-grey,
.footer-elements .help_button_static a,
.footer-elements .block-body,
.footer-elements .fund_transfer_tabs,
.footer-elements .fund_transfer_tabs a,
.footer-elements .links-with-hover,
.footer-elements .button-as-link,
.footer-elements .link-color {
  color: #151F6D;
}

.ux2-bg-color-white a:not(.btn):not(.nav-link):hover,
.ux2-bg-color-white .ux2-link:hover,
.ux2-bg-color-white .link-color:hover,
.ux2-bg-color-white .view_all_features:hover,
.ux2-bg-color-white .button-link:hover,
.ux2-bg-color-white .btn-primary.button-link:hover,
.ux2-bg-color-white .ux2-bg-color-light-grey:hover,
.ux2-bg-color-white .help_button_static a:hover,
.ux2-bg-color-white .block-body:hover,
.ux2-bg-color-white .fund_transfer_tabs:hover,
.ux2-bg-color-white .fund_transfer_tabs a:hover,
.ux2-bg-color-white .links-with-hover:hover,
.ux2-bg-color-white .button-as-link:hover,
.ux2-bg-color-white .link-color:hover,
.ux2-bg-color-light-grey .tab-content a:not(.btn):not(.nav-link):hover,
.ux2-bg-color-light-grey .tab-content .ux2-link:hover,
.ux2-bg-color-light-grey .tab-content .link-color:hover,
.ux2-bg-color-light-grey .tab-content .view_all_features:hover,
.ux2-bg-color-light-grey .tab-content .button-link:hover,
.ux2-bg-color-light-grey .tab-content .btn-primary.button-link:hover,
.ux2-bg-color-light-grey .tab-content .ux2-bg-color-light-grey:hover,
.ux2-bg-color-light-grey .tab-content .help_button_static a:hover,
.ux2-bg-color-light-grey .tab-content .block-body:hover,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs:hover,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs a:hover,
.ux2-bg-color-light-grey .tab-content .links-with-hover:hover,
.ux2-bg-color-light-grey .tab-content .button-as-link:hover,
.ux2-bg-color-light-grey .tab-content .link-color:hover,
.ux2-bg-color-white .tab-content a:not(.btn):not(.nav-link):hover,
.ux2-bg-color-white .tab-content .ux2-link:hover,
.ux2-bg-color-white .tab-content .link-color:hover,
.ux2-bg-color-white .tab-content .view_all_features:hover,
.ux2-bg-color-white .tab-content .button-link:hover,
.ux2-bg-color-white .tab-content .btn-primary.button-link:hover,
.ux2-bg-color-white .tab-content .ux2-bg-color-light-grey:hover,
.ux2-bg-color-white .tab-content .help_button_static a:hover,
.ux2-bg-color-white .tab-content .block-body:hover,
.ux2-bg-color-white .tab-content .fund_transfer_tabs:hover,
.ux2-bg-color-white .tab-content .fund_transfer_tabs a:hover,
.ux2-bg-color-white .tab-content .links-with-hover:hover,
.ux2-bg-color-white .tab-content .button-as-link:hover,
.ux2-bg-color-white .tab-content .link-color:hover,
.block-body a:not(.btn):not(.nav-link):hover,
.block-body .ux2-link:hover,
.block-body .link-color:hover,
.block-body .view_all_features:hover,
.block-body .button-link:hover,
.block-body .btn-primary.button-link:hover,
.block-body .ux2-bg-color-light-grey:hover,
.block-body .help_button_static a:hover,
.block-body .block-body:hover,
.block-body .fund_transfer_tabs:hover,
.block-body .fund_transfer_tabs a:hover,
.block-body .links-with-hover:hover,
.block-body .button-as-link:hover,
.block-body .link-color:hover,
.footer-elements a:not(.btn):not(.nav-link):hover,
.footer-elements .ux2-link:hover,
.footer-elements .link-color:hover,
.footer-elements .view_all_features:hover,
.footer-elements .button-link:hover,
.footer-elements .btn-primary.button-link:hover,
.footer-elements .ux2-bg-color-light-grey:hover,
.footer-elements .help_button_static a:hover,
.footer-elements .block-body:hover,
.footer-elements .fund_transfer_tabs:hover,
.footer-elements .fund_transfer_tabs a:hover,
.footer-elements .links-with-hover:hover,
.footer-elements .button-as-link:hover,
.footer-elements .link-color:hover {
  color: #000000;
}

.ux2-bg-color-white a:not(.btn):not(.nav-link):active,
.ux2-bg-color-white .ux2-link:active,
.ux2-bg-color-white .link-color:active,
.ux2-bg-color-white .view_all_features:active,
.ux2-bg-color-white .button-link:active,
.ux2-bg-color-white .btn-primary.button-link:active,
.ux2-bg-color-white .ux2-bg-color-light-grey:active,
.ux2-bg-color-white .help_button_static a:active,
.ux2-bg-color-white .block-body:active,
.ux2-bg-color-white .fund_transfer_tabs:active,
.ux2-bg-color-white .fund_transfer_tabs a:active,
.ux2-bg-color-white .links-with-hover:active,
.ux2-bg-color-white .button-as-link:active,
.ux2-bg-color-white .link-color:active,
.ux2-bg-color-light-grey .tab-content a:not(.btn):not(.nav-link):active,
.ux2-bg-color-light-grey .tab-content .ux2-link:active,
.ux2-bg-color-light-grey .tab-content .link-color:active,
.ux2-bg-color-light-grey .tab-content .view_all_features:active,
.ux2-bg-color-light-grey .tab-content .button-link:active,
.ux2-bg-color-light-grey .tab-content .btn-primary.button-link:active,
.ux2-bg-color-light-grey .tab-content .ux2-bg-color-light-grey:active,
.ux2-bg-color-light-grey .tab-content .help_button_static a:active,
.ux2-bg-color-light-grey .tab-content .block-body:active,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs:active,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs a:active,
.ux2-bg-color-light-grey .tab-content .links-with-hover:active,
.ux2-bg-color-light-grey .tab-content .button-as-link:active,
.ux2-bg-color-light-grey .tab-content .link-color:active,
.ux2-bg-color-white .tab-content a:not(.btn):not(.nav-link):active,
.ux2-bg-color-white .tab-content .ux2-link:active,
.ux2-bg-color-white .tab-content .link-color:active,
.ux2-bg-color-white .tab-content .view_all_features:active,
.ux2-bg-color-white .tab-content .button-link:active,
.ux2-bg-color-white .tab-content .btn-primary.button-link:active,
.ux2-bg-color-white .tab-content .ux2-bg-color-light-grey:active,
.ux2-bg-color-white .tab-content .help_button_static a:active,
.ux2-bg-color-white .tab-content .block-body:active,
.ux2-bg-color-white .tab-content .fund_transfer_tabs:active,
.ux2-bg-color-white .tab-content .fund_transfer_tabs a:active,
.ux2-bg-color-white .tab-content .links-with-hover:active,
.ux2-bg-color-white .tab-content .button-as-link:active,
.ux2-bg-color-white .tab-content .link-color:active,
.block-body a:not(.btn):not(.nav-link):active,
.block-body .ux2-link:active,
.block-body .link-color:active,
.block-body .view_all_features:active,
.block-body .button-link:active,
.block-body .btn-primary.button-link:active,
.block-body .ux2-bg-color-light-grey:active,
.block-body .help_button_static a:active,
.block-body .block-body:active,
.block-body .fund_transfer_tabs:active,
.block-body .fund_transfer_tabs a:active,
.block-body .links-with-hover:active,
.block-body .button-as-link:active,
.block-body .link-color:active,
.footer-elements a:not(.btn):not(.nav-link):active,
.footer-elements .ux2-link:active,
.footer-elements .link-color:active,
.footer-elements .view_all_features:active,
.footer-elements .button-link:active,
.footer-elements .btn-primary.button-link:active,
.footer-elements .ux2-bg-color-light-grey:active,
.footer-elements .help_button_static a:active,
.footer-elements .block-body:active,
.footer-elements .fund_transfer_tabs:active,
.footer-elements .fund_transfer_tabs a:active,
.footer-elements .links-with-hover:active,
.footer-elements .button-as-link:active,
.footer-elements .link-color:active {
  color: #000000;
}

.ux2-bg-color-white a:not(.btn):not(.nav-link):focus,
.ux2-bg-color-white .ux2-link:focus,
.ux2-bg-color-white .link-color:focus,
.ux2-bg-color-white .view_all_features:focus,
.ux2-bg-color-white .button-link:focus,
.ux2-bg-color-white .btn-primary.button-link:focus,
.ux2-bg-color-white .ux2-bg-color-light-grey:focus,
.ux2-bg-color-white .help_button_static a:focus,
.ux2-bg-color-white .block-body:focus,
.ux2-bg-color-white .fund_transfer_tabs:focus,
.ux2-bg-color-white .fund_transfer_tabs a:focus,
.ux2-bg-color-white .links-with-hover:focus,
.ux2-bg-color-white .button-as-link:focus,
.ux2-bg-color-white .link-color:focus,
.ux2-bg-color-light-grey .tab-content a:not(.btn):not(.nav-link):focus,
.ux2-bg-color-light-grey .tab-content .ux2-link:focus,
.ux2-bg-color-light-grey .tab-content .link-color:focus,
.ux2-bg-color-light-grey .tab-content .view_all_features:focus,
.ux2-bg-color-light-grey .tab-content .button-link:focus,
.ux2-bg-color-light-grey .tab-content .btn-primary.button-link:focus,
.ux2-bg-color-light-grey .tab-content .ux2-bg-color-light-grey:focus,
.ux2-bg-color-light-grey .tab-content .help_button_static a:focus,
.ux2-bg-color-light-grey .tab-content .block-body:focus,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs:focus,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs a:focus,
.ux2-bg-color-light-grey .tab-content .links-with-hover:focus,
.ux2-bg-color-light-grey .tab-content .button-as-link:focus,
.ux2-bg-color-light-grey .tab-content .link-color:focus,
.ux2-bg-color-white .tab-content a:not(.btn):not(.nav-link):focus,
.ux2-bg-color-white .tab-content .ux2-link:focus,
.ux2-bg-color-white .tab-content .link-color:focus,
.ux2-bg-color-white .tab-content .view_all_features:focus,
.ux2-bg-color-white .tab-content .button-link:focus,
.ux2-bg-color-white .tab-content .btn-primary.button-link:focus,
.ux2-bg-color-white .tab-content .ux2-bg-color-light-grey:focus,
.ux2-bg-color-white .tab-content .help_button_static a:focus,
.ux2-bg-color-white .tab-content .block-body:focus,
.ux2-bg-color-white .tab-content .fund_transfer_tabs:focus,
.ux2-bg-color-white .tab-content .fund_transfer_tabs a:focus,
.ux2-bg-color-white .tab-content .links-with-hover:focus,
.ux2-bg-color-white .tab-content .button-as-link:focus,
.ux2-bg-color-white .tab-content .link-color:focus,
.block-body a:not(.btn):not(.nav-link):focus,
.block-body .ux2-link:focus,
.block-body .link-color:focus,
.block-body .view_all_features:focus,
.block-body .button-link:focus,
.block-body .btn-primary.button-link:focus,
.block-body .ux2-bg-color-light-grey:focus,
.block-body .help_button_static a:focus,
.block-body .block-body:focus,
.block-body .fund_transfer_tabs:focus,
.block-body .fund_transfer_tabs a:focus,
.block-body .links-with-hover:focus,
.block-body .button-as-link:focus,
.block-body .link-color:focus,
.footer-elements a:not(.btn):not(.nav-link):focus,
.footer-elements .ux2-link:focus,
.footer-elements .link-color:focus,
.footer-elements .view_all_features:focus,
.footer-elements .button-link:focus,
.footer-elements .btn-primary.button-link:focus,
.footer-elements .ux2-bg-color-light-grey:focus,
.footer-elements .help_button_static a:focus,
.footer-elements .block-body:focus,
.footer-elements .fund_transfer_tabs:focus,
.footer-elements .fund_transfer_tabs a:focus,
.footer-elements .links-with-hover:focus,
.footer-elements .button-as-link:focus,
.footer-elements .link-color:focus {
  color: #000000;
}

.ux2-bg-color-white a:not(.btn):not(.nav-link):visited,
.ux2-bg-color-white .ux2-link:visited,
.ux2-bg-color-white .link-color:visited,
.ux2-bg-color-white .view_all_features:visited,
.ux2-bg-color-white .button-link:visited,
.ux2-bg-color-white .btn-primary.button-link:visited,
.ux2-bg-color-white .ux2-bg-color-light-grey:visited,
.ux2-bg-color-white .help_button_static a:visited,
.ux2-bg-color-white .block-body:visited,
.ux2-bg-color-white .fund_transfer_tabs:visited,
.ux2-bg-color-white .fund_transfer_tabs a:visited,
.ux2-bg-color-white .links-with-hover:visited,
.ux2-bg-color-white .button-as-link:visited,
.ux2-bg-color-white .link-color:visited,
.ux2-bg-color-light-grey .tab-content a:not(.btn):not(.nav-link):visited,
.ux2-bg-color-light-grey .tab-content .ux2-link:visited,
.ux2-bg-color-light-grey .tab-content .link-color:visited,
.ux2-bg-color-light-grey .tab-content .view_all_features:visited,
.ux2-bg-color-light-grey .tab-content .button-link:visited,
.ux2-bg-color-light-grey .tab-content .btn-primary.button-link:visited,
.ux2-bg-color-light-grey .tab-content .ux2-bg-color-light-grey:visited,
.ux2-bg-color-light-grey .tab-content .help_button_static a:visited,
.ux2-bg-color-light-grey .tab-content .block-body:visited,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs:visited,
.ux2-bg-color-light-grey .tab-content .fund_transfer_tabs a:visited,
.ux2-bg-color-light-grey .tab-content .links-with-hover:visited,
.ux2-bg-color-light-grey .tab-content .button-as-link:visited,
.ux2-bg-color-light-grey .tab-content .link-color:visited,
.ux2-bg-color-white .tab-content a:not(.btn):not(.nav-link):visited,
.ux2-bg-color-white .tab-content .ux2-link:visited,
.ux2-bg-color-white .tab-content .link-color:visited,
.ux2-bg-color-white .tab-content .view_all_features:visited,
.ux2-bg-color-white .tab-content .button-link:visited,
.ux2-bg-color-white .tab-content .btn-primary.button-link:visited,
.ux2-bg-color-white .tab-content .ux2-bg-color-light-grey:visited,
.ux2-bg-color-white .tab-content .help_button_static a:visited,
.ux2-bg-color-white .tab-content .block-body:visited,
.ux2-bg-color-white .tab-content .fund_transfer_tabs:visited,
.ux2-bg-color-white .tab-content .fund_transfer_tabs a:visited,
.ux2-bg-color-white .tab-content .links-with-hover:visited,
.ux2-bg-color-white .tab-content .button-as-link:visited,
.ux2-bg-color-white .tab-content .link-color:visited,
.block-body a:not(.btn):not(.nav-link):visited,
.block-body .ux2-link:visited,
.block-body .link-color:visited,
.block-body .view_all_features:visited,
.block-body .button-link:visited,
.block-body .btn-primary.button-link:visited,
.block-body .ux2-bg-color-light-grey:visited,
.block-body .help_button_static a:visited,
.block-body .block-body:visited,
.block-body .fund_transfer_tabs:visited,
.block-body .fund_transfer_tabs a:visited,
.block-body .links-with-hover:visited,
.block-body .button-as-link:visited,
.block-body .link-color:visited,
.footer-elements a:not(.btn):not(.nav-link):visited,
.footer-elements .ux2-link:visited,
.footer-elements .link-color:visited,
.footer-elements .view_all_features:visited,
.footer-elements .button-link:visited,
.footer-elements .btn-primary.button-link:visited,
.footer-elements .ux2-bg-color-light-grey:visited,
.footer-elements .help_button_static a:visited,
.footer-elements .block-body:visited,
.footer-elements .fund_transfer_tabs:visited,
.footer-elements .fund_transfer_tabs a:visited,
.footer-elements .links-with-hover:visited,
.footer-elements .button-as-link:visited,
.footer-elements .link-color:visited {
  color: #151F6D;
}

.ux2-bg-color-white .link-color-delete,
.ux2-bg-color-light-grey .tab-content .link-color-delete,
.ux2-bg-color-white .tab-content .link-color-delete,
.block-body .link-color-delete,
.footer-elements .link-color-delete {
  color: red;
}

.ux2-bg-color-white .link-color-delete:hover,
.ux2-bg-color-light-grey .tab-content .link-color-delete:hover,
.ux2-bg-color-white .tab-content .link-color-delete:hover,
.block-body .link-color-delete:hover,
.footer-elements .link-color-delete:hover {
  color: red;
}

.ux2-bg-color-white .link-color-delete:active,
.ux2-bg-color-light-grey .tab-content .link-color-delete:active,
.ux2-bg-color-white .tab-content .link-color-delete:active,
.block-body .link-color-delete:active,
.footer-elements .link-color-delete:active {
  color: red;
}

.ux2-bg-color-white .link-color-delete:focus,
.ux2-bg-color-light-grey .tab-content .link-color-delete:focus,
.ux2-bg-color-white .tab-content .link-color-delete:focus,
.block-body .link-color-delete:focus,
.footer-elements .link-color-delete:focus {
  color: red;
}

.ux2-bg-color-white .link-color-delete:visited,
.ux2-bg-color-light-grey .tab-content .link-color-delete:visited,
.ux2-bg-color-white .tab-content .link-color-delete:visited,
.block-body .link-color-delete:visited,
.footer-elements .link-color-delete:visited {
  color: red;
}

.ux2-bg-color-white a.btn-primary.disabled,
.ux2-bg-color-light-grey .tab-content a.btn-primary.disabled,
.ux2-bg-color-white .tab-content a.btn-primary.disabled,
.block-body a.btn-primary.disabled,
.footer-elements a.btn-primary.disabled {
  color: #FFFFFF;
}

.ux2-bg-color-white a.btn-primary.disabled:hover,
.ux2-bg-color-light-grey .tab-content a.btn-primary.disabled:hover,
.ux2-bg-color-white .tab-content a.btn-primary.disabled:hover,
.block-body a.btn-primary.disabled:hover,
.footer-elements a.btn-primary.disabled:hover {
  color: #FFFFFF;
}

.ux2-bg-color-white a.btn-primary.disabled:active,
.ux2-bg-color-light-grey .tab-content a.btn-primary.disabled:active,
.ux2-bg-color-white .tab-content a.btn-primary.disabled:active,
.block-body a.btn-primary.disabled:active,
.footer-elements a.btn-primary.disabled:active {
  color: #FFFFFF;
}

.ux2-bg-color-white a.btn-primary.disabled:focus,
.ux2-bg-color-light-grey .tab-content a.btn-primary.disabled:focus,
.ux2-bg-color-white .tab-content a.btn-primary.disabled:focus,
.block-body a.btn-primary.disabled:focus,
.footer-elements a.btn-primary.disabled:focus {
  color: #FFFFFF;
}

.ux2-bg-color-white a.btn-primary.disabled:visited,
.ux2-bg-color-light-grey .tab-content a.btn-primary.disabled:visited,
.ux2-bg-color-white .tab-content a.btn-primary.disabled:visited,
.block-body a.btn-primary.disabled:visited,
.footer-elements a.btn-primary.disabled:visited {
  color: #FFFFFF;
}

.ux2-bg-color-white .link-as-button,
.ux2-bg-color-white a.btn-primary,
.ux2-bg-color-light-grey .tab-content .link-as-button,
.ux2-bg-color-light-grey .tab-content a.btn-primary,
.ux2-bg-color-white .tab-content .link-as-button,
.ux2-bg-color-white .tab-content a.btn-primary,
.block-body .link-as-button,
.block-body a.btn-primary,
.footer-elements .link-as-button,
.footer-elements a.btn-primary {
  color: #ffffff;
}

.ux2-bg-color-white .link-as-button:hover,
.ux2-bg-color-white a.btn-primary:hover,
.ux2-bg-color-light-grey .tab-content .link-as-button:hover,
.ux2-bg-color-light-grey .tab-content a.btn-primary:hover,
.ux2-bg-color-white .tab-content .link-as-button:hover,
.ux2-bg-color-white .tab-content a.btn-primary:hover,
.block-body .link-as-button:hover,
.block-body a.btn-primary:hover,
.footer-elements .link-as-button:hover,
.footer-elements a.btn-primary:hover {
  color: #151F6D;
  background-color: #ffffff;
}

.ux2-bg-color-white .link-as-button:active,
.ux2-bg-color-white a.btn-primary:active,
.ux2-bg-color-light-grey .tab-content .link-as-button:active,
.ux2-bg-color-light-grey .tab-content a.btn-primary:active,
.ux2-bg-color-white .tab-content .link-as-button:active,
.ux2-bg-color-white .tab-content a.btn-primary:active,
.block-body .link-as-button:active,
.block-body a.btn-primary:active,
.footer-elements .link-as-button:active,
.footer-elements a.btn-primary:active {
  color: #151F6D;
  background-color: #ffffff;
}

.ux2-bg-color-white .link-as-button:focus,
.ux2-bg-color-white a.btn-primary:focus,
.ux2-bg-color-light-grey .tab-content .link-as-button:focus,
.ux2-bg-color-light-grey .tab-content a.btn-primary:focus,
.ux2-bg-color-white .tab-content .link-as-button:focus,
.ux2-bg-color-white .tab-content a.btn-primary:focus,
.block-body .link-as-button:focus,
.block-body a.btn-primary:focus,
.footer-elements .link-as-button:focus,
.footer-elements a.btn-primary:focus {
  color: #151F6D;
  background-color: #ffffff;
}

.mfa_subhead a {
  color: #151F6D;
}

.mfa_subhead a:hover {
  color: #000000;
}

.mfa_subhead a:active {
  color: #000000;
}

.mfa_subhead a:focus {
  color: #000000;
}

.mfa_subhead a:visited {
  color: #151F6D;
}

.ux2-link-hover {
  padding: 6px 8px;
}

.ux2-link-hover:hover {
  background-color: #151F6D;
  cursor: pointer;
  border-radius: 4px;
}

.ux2-link-hover.active {
  background-color: #151F6D;
  background-image: url("../img/tick_black.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 14px;
}

/**************** LINK CSS ENDS**************/
/********************** Alert CSS STARTS ****************/
.alert-info {
  color: #000000;
  background-color: #E7EFFA;
  border-color: #B4CDEF;
}

.alert-info a {
  color: #151F6D !important;
}

.alert-info a:hover {
  color: #151F6D;
}

.alert-info a:active {
  color: #151F6D;
}

.alert-info a:focus {
  color: #151F6D;
}

.alert-info a:visited {
  color: #151F6D;
}

.alert-danger {
  color: #000000;
  background-color: #FBEFEB;
  border-color: #EFD0C7;
}

.alert-danger a {
  color: #258A9B;
}

.alert-danger a:hover {
  color: #258A9B;
}

.alert-danger a:active {
  color: #258A9B;
}

.alert-danger a:focus {
  color: #258A9B;
}

.alert-danger a:visited {
  color: #258A9B;
}

.alert-warning {
  color: #000000;
  background-color: #FDF8EC;
  border-color: #F5E1B8;
}

.alert-warning a {
  color: #258A9B;
}

.alert-warning a:hover {
  color: #258A9B;
}

.alert-warning a:active {
  color: #258A9B;
}

.alert-warning a:focus {
  color: #258A9B;
}

.alert-warning a:visited {
  color: #258A9B;
}

.alert-success {
  color: #000000;
  background-color: #F1F8F4;
  border-color: #CFE8D3;
}

.alert-success a {
  color: #258A9B;
}

.alert-success a:hover {
  color: #258A9B;
}

.alert-success a:active {
  color: #258A9B;
}

.alert-success a:focus {
  color: #258A9B;
}

.alert-success a:visited {
  color: #258A9B;
}

/********************** Alert CSS ENDS ****************/
input, input[type="text"], input[type="number"],
input[type="password"], input[type="file"] {
  border: 1px solid #999999 !important;
  border-radius: 8px;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
  border: 1px solid #999999 !important;
}

.input-group-append {
  border: 1px solid #999999 !important;
  border-radius: 5px;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

.input-group-text {
  background-color: #FFFFFF;
}

textarea {
  border: 1px solid #999999 !important;
  border-radius: 5px !important;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
  border: 1px solid #999999;
}

input[type="file"] {
  padding: 3px;
}

.btn-primary, .help_button_static, .common-btn-primary, .link-as-button {
  background-color: #151F6D;
  color: #ffffff;
  border: 1px solid #151F6D;
  margin-right: 10px;
  padding: 5px 20px 5px 20px;
  border-radius: 4px;
  height: 40px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
}

.btn-primary .fa, .help_button_static .fa, .common-btn-primary .fa, .link-as-button .fa {
  color: #ffffff;
  padding-right: 5px;
  padding-left: 5px;
}

.introjs-nextbutton, .introjs-prevbutton {
  background-color: #151F6D !important;
  color: #ffffff !important;
  border: 1px solid #151F6D !important;
  margin-right: 10px !important;
  padding: 5px 20px 5px 20px !important;
  border-radius: 4px !important;
  line-height: 28px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.introjs-nextbutton .fa, .introjs-prevbutton .fa {
  color: #ffffff !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.btn-default .fa {
  padding-right: 5px;
  padding-left: 5px;
  color: #151F6D;
}

.btn-outline-primary {
  color: #151F6D;
  border-color: #151F6D;
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #151F6D;
  border-color: #151F6D;
}

.btn-secondary, .btn-default {
  background-color: #ffffff;
  color: #151F6D;
  border: 1px solid rgba(21, 31, 109, 0.4);
  margin-right: 10px;
  padding: 5px 20px 5px 20px;
  border-radius: 4px;
  height: 40px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 400;
}

.btn-secondary.navtab-section {
  height: 33px;
  line-height: 22px;
}

.btn-primary:active {
  background-color: #ffffff !important;
  color: #151F6D !important;
  border: 1px solid #151F6D !important;
}

.btn-primary:active .fa {
  color: #151F6D !important;
  padding-right: 5px;
  padding-left: 5px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .link-as-button:hover, .link-as-button:focus, .show > .btn-primary.dropdown-toggle, .help_button_static:hover, .help_button_static:focus {
  background-color: #ffffff;
  color: #151F6D;
  border: 1px solid #151F6D;
}

.btn-primary:hover .fa, .btn-primary:active .fa, .btn-primary:focus .fa, .link-as-button:hover .fa, .link-as-button:focus .fa, .show > .btn-primary.dropdown-toggle .fa, .help_button_static:hover .fa, .help_button_static:focus .fa {
  color: #151F6D;
  padding-right: 5px;
  padding-left: 5px;
}

.introjs-nextbutton:hover, .introjs-nextbutton:active, .introjs-nextbutton:focus, .introjs-prevbutton:hover, .introjs-prevbutton:active, .introjs-prevbutton:focus {
  background-color: #ffffff !important;
  color: #151F6D !important;
  border: 1px solid #151F6D !important;
}

.introjs-nextbutton:hover .fa, .introjs-nextbutton:active .fa, .introjs-nextbutton:focus .fa, .introjs-prevbutton:hover .fa, .introjs-prevbutton:active .fa, .introjs-prevbutton:focus .fa {
  color: #151F6D !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .show > .btn-secondary.dropdown-toggle, .btn-default:hover, .btn-default:active, .btn-default:focus, .show > .btn-default.dropdown-toggle {
  background-color: #f5f5f5;
  color: #151F6D;
  border: 1px solid #151F6D;
  border-color: #151F6D;
}

.btn-secondary:hover .fa, .btn-secondary:active .fa, .btn-secondary:focus .fa, .show > .btn-secondary.dropdown-toggle .fa, .btn-default:hover .fa, .btn-default:active .fa, .btn-default:focus .fa, .show > .btn-default.dropdown-toggle .fa {
  color: #151F6D;
}

.btn-primary.disabled, .btn-primary:disabled, .help_button_static:disabled, .common-btn-primary-disabled {
  background-color: #151F6D;
  color: #FFFFFF;
  border: 1px solid rgba(1, 34, 68, 0.4);
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:active, .introjs-disabled:focus {
  background-color: #151F6D !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: 1px solid rgba(1, 34, 68, 0.4) !important;
  color: #FFFFFF !important;
}

.btn-secondary.disabled, .btn-secondary:disabled, .btn-default.disabled, .btn-default:disabled {
  background-color: rgba(255, 255, 255, 0.4);
  color: rgba(1, 34, 68, 0.4);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(1, 34, 68, 0.4);
}

.btn-secondary:hover.disabled, .btn-secondary:hover:disabled, .btn-default:hover.disabled, .btn-default:hover:disabled {
  background-color: rgba(255, 255, 255, 0.4);
  color: rgba(1, 34, 68, 0.4);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(1, 34, 68, 0.4);
}

.btn-danger {
  border: 1px solid #DF1724;
}

.ux2 .form-control {
  font-size: 1rem;
  padding: 12px 12px;
}

.ux2 .delete-button-secondary {
  background-color: #FF4D4D;
  border: 1px solid #FF4D4D;
  color: #ffffff;
}

.ux2 .delete-button-secondary:hover, .ux2 .delete-button-secondary:active {
  background-color: #FF4D4D !important;
  border: 1px solid #FF4D4D !important;
  color: #ffffff !important;
}

.ux2 .delete-button-primary {
  background-color: #FF4D4D;
  border: 1px solid #FF4D4D;
  color: #ffffff;
}

.ux2 .delete-button-primary:hover, .ux2 .delete-button-primary:active {
  background-color: #FF4D4D !important;
  border: 1px solid #FF4D4D !important;
  color: #ffffff !important;
}

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn {
  padding: 2px 10px 2px 10px !important;
  height: 28px !important;
}

.form-check-label {
  line-height: 2;
}

.form-control:focus {
  border: 1px solid #999999;
  box-shadow: none;
}

.form-control {
  height: 50px;
}

.btn-primary:focus, .btn-primary.focus, .btn-secondary:focus, .btn-secondary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.modal-body {
  padding: 1rem 2rem;
}

.modal-footer {
  padding: 0rem 2rem 1rem 2rem;
}

.ux2-header-container {
  margin: 0px 15px 15px 15px;
  border-top: 15px solid rgba(236, 244, 248, 0.9);
}

.header.ux2 .main-header {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #FFFFFF;
  border-radius: 15px 15px 0px 0px;
}

.header_logo_image {
  float: right;
  height: 50px;
  max-height: 50px;
}

.pre_login_v2 .header_logo_image {
  float: none;
}

footer .cu_logo {
  padding: 1.5rem !important;
}

footer .cu_logo img {
  float: right;
  height: 50px;
}

footer .copyright_v2 {
  text-align: right;
  padding: 1.5rem !important;
  padding-bottom: 0px;
}

.header_section_outer.pre_login_v2 {
  margin-bottom: 60px !important;
}

.btn-primary, .btn {
  font-size: 16px;
  border-radius: 20px;
  font-weight: 400;
}

.btn-secondary, .btn {
  font-size: 16px;
  border-radius: 20px;
  font-weight: 400;
}

.btn-secondary.btn-sm, .btn-group-sm > .btn-secondary.btn, .btn.btn-sm, .btn-group-sm > .btn {
  font-size: 1rem;
}

#activitySinceLastLoginModal .modal-content {
  background: #FFFFFF !important;
  color: #2a2a2a;
  backdrop-filter: blur(10px);
}

#activitySinceLastLoginModal .modal-body {
  background: none;
}

#activitySinceLastLoginModal .modal-header,
#activitySinceLastLoginModal .modal-header .link-color,
#activitySinceLastLoginModal .modal-header button,
#activitySinceLastLoginModal .modal-header .text-muted {
  color: #2a2a2a;
}

#activitySinceLastLoginModal .account-setting-link a {
  color: #151F6D;
  text-decoration: underline;
}

.toggle-switch {
  position: relative;
  width: 40px;
  height: 19px;
  line-height: 1;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #767676;
  transition: .4s;
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: #FFFFFF;
  transition: .4s;
}

.toggle-switch input:checked + .slider {
  background-color: rgba(21, 31, 109, 0.3);
}

.toggle-switch input:checked + .slider:before {
  background-color: #151F6D;
}

.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #D8D8D8;
}

.toggle-switch input:checked + .slider:before {
  --webkit-transform: translateX(20px);
  transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.toggle-switch .slider.round {
  border-radius: 34px;
}

.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.tooltip-item {
  position: relative;
  display: inline-block;
  color: #151F6D;
  cursor: pointer;
}

.tooltip-item .tooltip-text {
  visibility: hidden;
  width: max-content;
  background-color: #2a2a2a;
  color: #FFFFFF;
  text-align: left;
  padding: 5px 0;
  border-radius: 4px;
  position: absolute;
  padding-left: 4px;
  z-index: 1;
  font-size: 1rem;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  max-width: 250px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-item:hover .tooltip-text {
  visibility: visible;
}

/********* Updated IntroJS Plugin CSS Starts *********/
.introjs-tooltip .introjs-skipbutton {
  color: unset !important;
}

.introjs-tooltip .introjs-helperLayer {
  box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 0px 2.5px, rgba(33, 33, 33, 0.7) 0px 0px 0px 5001px !important;
}

/********* Updated IntroJS Plugin CSS Ends *********/
#business_banking_settings .block-body-tabs {
  height: 60px;
  background-color: #151F6D;
  color: #ffffff !important;
  border-radius: 5px;
  font-size: 1rem;
  margin-bottom: 25px !important;
  border: none;
  box-shadow: none;
}

#business_banking_settings .block-body-tabs {
  height: 70px;
  background-color: #151F6D;
  color: #ffffff !important;
  border-radius: 5px;
  font-size: 1rem;
  border: none;
  box-shadow: none;
}

#business_banking_settings .business_banking_menu_text[data-char-count] {
  line-height: 1.2rem;
}

#business_banking_settings .business_banking_menu_icon[data-char-count] {
  margin-top: 0.5rem !important;
}

/********* Updated IntroJS Plugin CSS Starts *********/
@media screen and (min-width: 1800px) {
  .introjs-disableInteraction {
    position: fixed !important;
  }
  .introjs-helperLayer {
    position: fixed !important;
  }
  .introjs-tooltipReferenceLayer {
    position: fixed !important;
  }
  .introjs-tooltipReferenceLayerResponsive {
    position: absolute !important;
    left: 220px !important;
  }
  .introjs-helperLayerResponsive {
    position: absolute !important;
    left: 220px !important;
  }
  .introjs-disableInteractionResponsive {
    position: absolute !important;
    left: 220px !important;
  }
}

/********* Updated IntroJS Plugin CSS Ends *********/
#center_page_alpaca_design #center_page_heading {
  border-radius: 8px 8px 0 0;
  background: var(--account_icon, #1B1464);
  color: var(--Color, #fff);
  padding: 10px 16px;
}

#center_page_alpaca_design #center_page_heading .center_page_heading_name {
  font-size: 20px;
  letter-spacing: -0.6px;
  font-weight: 400;
}

#center_page_alpaca_design #center_page_heading .center_page_heading_description {
  font-size: 16px;
  letter-spacing: -0.48px;
  font-weight: 400;
}

#center_page_alpaca_design #center_page_content {
  border: 1px solid #EFEFEF;
  padding: 20px;
  border-top: 0px;
  background: #fff;
}

#center_page_alpaca_design #center_page_content .center_inner_content {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding: 10px 16px;
  background: #fff;
}

#account_settings .custom-checkbox {
  margin-top: 0.3rem !important;
}

.jcf-radio {
  border-radius: 9px;
}

.jcf-radio span {
  display: none;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #777;
  border-radius: 100%;
}

.jcf-radio input[type=radio] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.jcf-radio.jcf-checked span {
  display: block;
}

.jcf-checkbox, .jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 1px solid #777;
  margin: 0 3px 0 0;
  height: 16px;
  width: 16px;
}

.jcf-checkbox span {
  position: absolute;
  display: none;
  height: 4px;
  width: 8px;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -6px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

:root .jcf-checkbox span {
  margin: -4px 0 0 -5px;
}

.jcf-checkbox input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.jcf-checkbox.jcf-checked span {
  display: block;
}

.jcf-button, .jcf-file {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.jcf-button {
  vertical-align: top;
  border: 1px solid #777;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
}

.jcf-button .jcf-real-element {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  border: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.jcf-file {
  white-space: nowrap;
}

.jcf-file .jcf-real-element {
  position: absolute;
  font-size: 200px;
  height: 200px;
  margin: 0;
  right: 0;
  top: 0;
}

.jcf-file .jcf-fake-input, .jcf-file .jcf-upload-button {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #777;
  line-height: 28px;
  height: 28px;
}

.jcf-file .jcf-fake-input {
  text-overflow: ellipsis;
  font-size: 13px;
  width: 125px;
  padding: 0 8px;
}

.jcf-file .jcf-upload-button {
  margin: 0 0 0 -1px;
  padding: 0 10px;
}

.jcf-scrollable-wrapper {
  box-sizing: content-box;
  position: relative;
}

.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: #e3e3e3;
  width: 14px;
  bottom: 0;
  right: 0;
  top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background: #bbb;
  height: 14px;
  width: 14px;
  left: 0;
  top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  top: auto;
  bottom: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #888;
  height: 1px;
  width: 14px;
}

.jcf-scrollbar-horizontal {
  position: absolute;
  background: #e3e3e3;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background: #bbb;
  height: 14px;
  width: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  left: auto;
  right: 0;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display: inline-block;
  position: relative;
  height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position: absolute;
  background: #888;
  height: 14px;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background: #e3e3e3;
}

.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #777;
  background: #fff;
  margin: 0 0 0px;
  min-width: 150px;
  height: 26px;
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text {
  text-align: -webkit-left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 13px;
  line-height: 26px;
  margin: 0 35px 0 8px;
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: #aaa;
  width: 26px;
  bottom: 0;
  right: 0;
  top: 0;
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 999;
}

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0;
  z-index: 999;
  top: 100%;
  left: -1px;
  right: -1px;
}

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}

.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: '...';
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid red;
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: 0 0;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: '';
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}

.jcf-list, .jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}

.jcf-list {
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 0.875rem;
}

.jcf-list .jcf-list-content {
  overflow: auto;
}

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jcf-list .jcf-option, .jcf-list ul li {
  text-align: -webkit-left;
  overflow: hidden;
  display: block;
}

.jcf-list .jcf-overflow {
  overflow: auto;
}

.jcf-list .jcf-option {
  text-align: -webkit-left;
  white-space: nowrap;
  cursor: default;
  padding: 5px 9px;
  color: #656565;
  min-height: 14px;
  height: 1%;
}

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
  background: #e6e6e6;
  color: #000;
}

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: 700;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}

.jcf-textarea {
  border: 1px solid #b8c3c9;
  box-sizing: content-box;
  display: inline-block;
  position: relative;
}

.jcf-textarea .jcf-scrollbar-horizontal {
  display: none;
  height: 0;
}

.jcf-textarea textarea {
  padding: 8px 10px;
  border: none;
  margin: 0;
}

.jcf-textarea .jcf-resize {
  position: absolute;
  text-align: center;
  cursor: se-resize;
  background: #e3e3e3;
  font-weight: 700;
  line-height: 15px;
  text-indent: 1px;
  font-size: 0.875rem;
  height: 15px;
  width: 14px;
  bottom: 0;
  right: 0;
}

.jcf-textarea .jcf-resize:before {
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
  display: block;
  margin: 4px 0 0 3px;
  width: 6px;
  height: 6px;
  content: '';
}

.jcf-number {
  display: inline-block;
  position: relative;
  height: 32px;
}

.jcf-number input {
  -moz-appearance: textfield;
  box-sizing: border-box;
  border: 1px solid #777;
  padding: 3px 27px 3px 7px;
  margin: 0;
  height: 100%;
}

.jcf-number input::-webkit-inner-spin-button, .jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.jcf-number .jcf-btn-dec, .jcf-number .jcf-btn-inc {
  position: absolute;
  background: #aaa;
  width: 20px;
  height: 15px;
  right: 1px;
}

.jcf-number .jcf-btn-inc {
  top: 1px;
}

.jcf-number .jcf-btn-dec {
  top: auto;
  bottom: 1px;
}

.jcf-number .jcf-btn-dec:hover, .jcf-number .jcf-btn-inc:hover {
  background: #e6e6e6;
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover, .jcf-number.jcf-disabled .jcf-btn-inc:hover {
  background: #aaa;
}

.jcf-number .jcf-btn-dec:before, .jcf-number .jcf-btn-inc:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  border: 4px solid #aaa;
}

.jcf-number .jcf-btn-inc:before {
  margin: -6px 0 0 -4px;
  border-color: transparent transparent #000 transparent;
}

.jcf-number .jcf-btn-dec:before {
  margin: -1px 0 0 -4px;
  border-color: #000 transparent transparent transparent;
}

.jcf-number .jcf-btn-dec.jcf-disabled:before, .jcf-number .jcf-btn-inc.jcf-disabled:before, .jcf-number.jcf-disabled .jcf-btn-dec:before, .jcf-number.jcf-disabled .jcf-btn-inc:before {
  opacity: .3;
}

.jcf-number.jcf-disabled input {
  background: #ddd;
}

.jcf-range {
  display: inline-block;
  min-width: 200px;
  margin: 0 10px;
  width: 130px;
}

.jcf-range .jcf-range-track {
  margin: 0 20px 0 0;
  position: relative;
  display: block;
  height: 10px;
}

.jcf-range .jcf-range-wrapper {
  position: relative;
  background: #e5e5e5;
  border-radius: 5px;
  display: block;
  margin: 5px 0;
}

.jcf-range.jcf-vertical {
  min-width: 0;
  width: auto;
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
  margin: 0;
  width: 10px;
  height: auto;
  padding: 20px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-track {
  height: 180px;
  width: 10px;
}

.jcf-range.jcf-vertical .jcf-range-handle {
  left: -5px;
  top: auto;
}

.jcf-range .jcf-range-display-wrapper {
  position: absolute;
  min-height: 10px;
  min-width: 10px;
  left: 10px;
  right: 10px;
}

.jcf-range .jcf-range-display {
  border-radius: 5px;
  position: absolute;
  background: #888;
  width: 10px;
  height: 10px;
}

.jcf-range .jcf-range-display.jcf-range-min {
  margin: 0 0 0 -10px;
  padding: 0 0 0 10px;
}

.jcf-range .jcf-range-display.jcf-range-max {
  margin: 0 -10px 0 0;
  padding: 0 10px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
  left: auto;
  right: auto;
  top: 10px;
  bottom: 10px;
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
  margin: 0 0 -10px;
  padding: 0 0 10px;
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
  margin: -10px 0 0;
  padding: 10px 0 0;
}

.jcf-range .jcf-range-handle {
  position: absolute;
  background: #aaa;
  border-radius: 19px;
  width: 19px;
  height: 19px;
  margin: -4px 0 0;
  z-index: 1;
  top: 0;
  left: 0;
}

.jcf-range .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  background: #000;
  width: 1px;
  height: 3px;
  top: -7px;
  margin: 0 0 0 9px;
}

.jcf-range.jcf-vertical .jcf-range-mark {
  margin: 0 0 9px;
  left: 14px;
  top: auto;
  width: 3px;
  height: 1px;
}

.jcf-range .jcf-active-handle {
  z-index: 2;
}

.jcf-range.jcf-focus .jcf-active-handle {
  border: 1px solid red;
  margin: -5px 0 0 -1px;
}

.jcf-range.jcf-disabled {
  background: 0 0 !important;
  opacity: .3;
}

.jcf-disabled {
  background: #ddd !important;
}

.jcf-focus, .jcf-focus * {
  border-color: red !important;
}

/* select */
.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #3b3d40;
  background: #fff url("../img/dashboard/down_arrow.svg") no-repeat scroll right 8px center/9px 11px;
  /*margin: 0 0 12px;*/
  min-width: 150px;
  height: 40px;
  float: left;
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #3b3d40;
  cursor: default;
  display: block;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 1rem;
  line-height: 20px;
  text-transform: capitalize;
}

.acc-name-drp .jcf-select-text {
  color: #333;
}

.small-filter .jcf-select .jcf-select-text {
  font-size: 0.875rem;
  line-height: 20px;
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: transparent;
  width: 26px;
  bottom: 0;
  right: 0;
  top: 0;
  border-radius: 6px;
}

.acc-name-drp .jcf-select .jcf-select-opener {
  background: none;
}

@media screen and (max-width: 400px) {
  .icon-arrow-down:before {
    content: '\25BE';
    color: #000 !important;
    font-size: 26px !important;
  }
}

.icon-arrow-down:before {
  content: '\25BE';
  color: #000 !important;
  font-size: 20px;
}

.styledSelect {
  -moz-appearance: none;
  border: 1px solid #3b3d40;
  border-radius: 6px;
  display: inline-block;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 1rem;
  height: 40px;
  line-height: 39px;
  min-width: 100px;
  padding: 2px 6px 2px 6px;
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 999;
}

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 999;
  top: 94%;
  left: -1px;
  right: -1px;
}

.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: '...';
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #3b3d40;
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: none;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: '';
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}

/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #ffffff;
  line-height: 39px;
  font-size: 20px;
  width: 100%;
}

.small-filter .jcf-list {
  line-height: 20px;
  font-size: 0.875rem;
}

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
  max-height: 150px !important;
}

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jcf-list ul li {
  overflow: hidden;
  display: block;
}

.jcf-list .jcf-overflow {
  overflow: auto;
}

.jcf-list .jcf-option {
  text-align: -webkit-left;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 9px;
  /*padding-left: 30px;*/
  color: #3b3d40;
  min-height: 14px;
  height: 1%;
  font-size: 1rem;
}

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #151F6D !important;
  color: white !important;
}

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: 800;
  display: block;
  padding: 5px 9px;
  font-size: 1rem;
  /*padding-left: 30px;*/
  cursor: default;
  color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
  /*padding-left: 30px;*/
}

/* common styles */
/*.jcf-disabled {background: #fff !important;}*/
.jcf-focus, .jcf-focus * {
  border-color: #3b3d40 !important;
}

#overdraft_coverage_application_form .jcf-list .jcf-list-content {
  max-height: 300px !important;
  overflow-y: scroll !important;
}

.jcf-list .jcf-list-content {
  max-height: 300px !important;
  overflow-y: scroll !important;
}

.ux2 .jcf-select {
  background-image: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header .justify-content-end .mt-auto {
    margin-top: 10px !important;
  }
  .header .justify-content-end .mt-auto:last-child {
    margin-top: 0px !important;
  }
  #fundTransfer .payment-list-button .mt-auto {
    margin-top: 10px !important;
  }
  .chart-center {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .dashboard-image {
    width: 100% !important;
  }
  .checkbox_label_ie {
    width: auto !important;
  }
  p {
    width: 100%;
  }
  .payment-list-button .mt-auto, .my-auto {
    align-items: center;
  }
  wbr:after {
    content: "\00200B";
  }
  #ui-id-1 {
    overflow: scroll !important;
  }
}

input::-ms-clear {
  height: 0;
  width: 0;
  display: none;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

@-moz-document url-prefix() {
  #fundTransfer .payment-list-button .mt-auto {
    margin-top: 10px !important;
  }
  .dashboard-image {
    width: 100% !important;
  }
  .checkbox_label_ie {
    width: auto !important;
  }
  p {
    width: 100%;
  }
  .payment-list-button .mt-auto, .my-auto {
    align-items: center;
  }
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*** Auto Complete CSS ***/
.autocomplete-suggestions {
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 0.875rem;
  border: 1px solid #9BA0A3;
  background: #FFFFFF;
  max-height: 300px;
  overflow: auto;
}

.autocomplete-suggestion {
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  color: #4d4d4d;
  font-size: 0.875rem;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #9BA0A3;
}

.autocomplete-suggestion:last-child {
  border-bottom: unset;
}

.autocomplete-selected {
  background: #FFFFFF;
}

.autocomplete-suggestions strong {
  font-weight: 400;
  color: #151F6D;
}

.autocomplete-group {
  padding: 2px 5px;
}

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* Progress Bar */
.progress {
  z-index: 100000000;
  position: absolute;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #151F6D;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0px;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: width .3s linear;
}

.progress .indeterminate {
  background-color: #ffffff;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/* Select */
.select {
  float: left;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 0.875rem;
  line-height: 0px;
  color: #4d4d4d;
  border-radius: 6px;
}

.styledSelect {
  width: 100% !important;
  height: 40px;
  line-height: 20px;
  border: 0;
  border: 1px solid #4d4d4d;
  background: #FFFFFF url("../img/dashboard/down_arrow.svg") no-repeat;
  background-size: 9px 11px;
  background-position: right 8px center;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 20px;
  padding: 2px 21px 2px 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  display: inline-block;
}

.styledSelect:active,
.styledSelect.active {
  background-color: #FFFFFF;
}

.st_disable,
.st_disable:hover,
.st_disable .styledSelect {
  background: #ececed;
  border: 0px solid transparent;
}

.st_disable span.icon-arrow-down:before {
  content: '';
}

.common_date label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

.common_date.date_container {
  width: 100%;
}

.common_date.date_container.date-filters input {
  width: 100%;
  height: 40px;
  padding: 5px 12px;
  text-transform: none;
  line-height: 27px;
}

/*Alert */
.bottom_border {
  border-bottom: 1px solid #484D52;
}

.white_wrapper {
  border: 1px solid #D5D6D7;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px;
  width: 100%;
  background-color: #FFFFFF;
}

.common_date.date_container.date-icon input {
  width: 100%;
  height: 40px;
  padding: 5px 12px;
  text-transform: none;
  line-height: 27px;
}

@viewport {
  width: device-width;
}

/*Small Options*/
.s-hidden {
  display: none;
  padding-right: 10px;
}

.small-filter .styledSelect {
  font-size: 0.875rem;
  height: 26px;
  line-height: 26px;
  min-width: 96px;
  padding: 2px 21px 2px 8px;
  width: 116px;
  margin-bottom: 0;
}

.date-filters input {
  min-width: unset;
  height: 40px;
  line-height: 15px;
  border: 0;
  border: 1px solid #999999;
  background: #FFFFFF url("../img/dashboard/calender.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right 8px center;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 0.875rem;
  padding: 2px 21px 2px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  display: inline-block;
}

.date-filters input:hover,
.date-filters input:focus {
  background: #FFFFFF url("../img/dashboard/calender.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right 8px center;
}

.styledSelect:active,
.styledSelect.active {
  background-color: #FFFFFF;
}

.small-filter .options li {
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 0.875rem;
}

.option-icons img {
  cursor: pointer;
  height: 15px;
  margin-right: 4px;
  width: 15px;
}

.option-icons img:last-child {
  height: 20px;
  width: 20px;
}

.acc-det-drp {
  position: relative;
}

.dropdown-menu.dropdown-menu-sm {
  margin: 0px;
  border-radius: 0px;
  min-width: 100px;
}

.dropdown-menu.dropdown-menu-sm li a {
  line-height: 13px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 13px;
}

.dropdown-menu.dropdown-menu-sm .divider {
  padding: 0px;
  margin: 0px;
}

.dropdown-menu.dropdown-menu-sm li a:hover {
  background: none;
}

.form_row {
  width: 100%;
  float: left;
  margin-bottom: 12px;
}

.date-icon {
  display: inline-block;
  float: left;
  width: 120px;
}

.date-icon input {
  cursor: pointer;
  width: 116px;
  min-width: unset;
  height: 26px;
  line-height: 15px;
  border: 0;
  border: 1px solid #9BA0A3;
  background: #FFFFFF url("../img/dashboard/calender.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right 3px center;
  font-family: 'motiva_sansregular';
  font-size: 0.875rem;
  padding: 2px 21px 2px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  display: inline-block;
  text-transform: lowercase;
}

.date-icon input:hover,
.date-icon input:focus {
  background: #FFFFFF url("../img/dashboard/calender.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right 3px center;
}

.days-filter input,
.date-icon input {
  cursor: pointer;
}

.custom_readonly {
  background: #ececed;
  pointer-events: none;
}

#same_day_ach .load_more_result {
  height: 283px;
  overflow-x: auto;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.has-error .form-control-feedback,
.has-error .olb-error {
  color: red;
}

.has-success .form-control-feedback {
  color: green;
}

.form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.sg-display input {
  margin-bottom: 10px;
}

.olb-error, .memo_char_count {
  margin-top: 5px;
  display: block;
}

.introjs-helperLayer {
  opacity: .2;
}

button {
  margin-bottom: 10px;
}

.static_content ol {
  padding-left: 30px;
}

.static_content ul {
  padding-left: 30px;
}

::-ms-reveal {
  display: none;
}

.datepicker_common_icon {
  background: #FFFFFF url("../img/dashboard/calender.svg") no-repeat scroll right 8px center/15px 15px !important;
  border: 1px solid #9BA0A3;
  border-radius: 4px;
  display: inline-block;
  font-family: "Open Sans";
  min-width: unset;
  padding: 2px 21px 2px 8px;
  cursor: pointer;
}

input.datepicker_common_icon[type="text"]:disabled,
input.datepicker_common_icon:disabled {
  background: #ececed !important;
  background-image: none;
}

.switch {
  position: relative;
  display: inline-block;
  width: 48px !important;
  height: 25px;
  float: right !important;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D8D8D8;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 5.7px;
  background-color: #FFFFFF;
  transition: .4s;
}

input:checked + .slider {
  background-color: #151F6D;
}

input:focus + .slider {
  box-shadow: 0 0 1px #151F6D;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

/*------ ADDED CSS ---------*/
.on {
  display: none;
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 52%;
  left: 40%;
  font-size: 0.875rem;
  font-family: Verdana, sans-serif;
}

.off {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 51%;
  left: 55%;
  font-size: 0.875rem;
  font-family: Verdana, sans-serif;
}

input:checked + .slider .on {
  display: block;
}

input:checked + .slider .off {
  display: none;
}

/*--------- END --------*/
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#block_unblock_card .card-blur {
  opacity: 0.3;
}

#account_summary .delinquent_label, #account_details .delinquent_label {
  font-size: 16px;
  font-weight: 400;
  color: red;
}

/*--------- day/night login page background change  --------*/
#login_page_section_day {
  background-image: url("../img/login_day_bg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#login_page_section_night {
  background-image: url("../img/login_night_bg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* CSS Document */
hr {
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
  margin: 10px 0px;
  display: block;
  float: left;
  clear: both;
}

.p_estatment_circle_up,
.paper_info_hidden {
  display: none;
}

.padding-right-10 {
  padding-right: 10px;
}

.line-height-3 {
  line-height: 3;
}

/*=====================================================*/
/*Fund Transfer UI Starts
*/
/* Progress Bar */
.progress {
  z-index: 100000000;
  position: absolute;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #151F6D;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0px;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: width .3s linear;
}

.progress .indeterminate {
  background-color: #ffffff;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

/* Progress Bar */
.introjs-helperNumberLayer {
  top: unset !important;
}

#certificate_renewal .settings_subhead {
  color: #2a2a2a;
  float: left;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 18px;
  font-weight: 800;
  line-height: 16px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}

#certificate_renewal .bottom-space {
  margin-bottom: 15px !important;
}

#certificate_renewal a.href-under-line {
  text-decoration: underline;
  color: #151F6D;
  cursor: pointer;
}

#certificate_renewal .visa_account_loading {
  margin-left: 86px;
  margin-top: 23px;
}

.upload_check {
  float: left;
  width: 100%;
}

.upload_check h5 {
  color: #7c9da5;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 16px;
  padding: 0 15px;
}

.upload_check .row .col-sm-6:first-child {
  padding-left: 0;
  padding-right: 15px;
}

.upload_check .row .col-sm-6:last-child {
  padding-right: 0;
  padding-left: 15px;
}

.chck_up {
  border: 4px solid #D5D6D7;
  cursor: pointer;
  float: left;
  margin-top: 15px;
  padding: 20px;
  text-align: center;
  width: 100%;
  position: relative;
}

.chck_up img {
  height: 45px;
  width: 80px;
}

.chck_up h5 {
  color: #2a2a2a;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  font-size: 16px;
  line-height: 20px;
  margin-top: 18px;
}

.chck_up:hover {
  background-color: #ececed;
}

.upload_check [type=file] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  height: 122px;
  width: 91%;
  opacity: 0;
  position: absolute;
  text-align: right;
  padding: 0px;
}

.imageoverlay {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 10;
  border: 4px solid #D5D6D7;
  background: #D8D8D8 none repeat scroll 0 0;
}

.imgover2 {
  left: 0;
}

.imageoverlay:last-child {
  left: 0px;
  right: 0px;
}

.imageoverlay img {
  width: 100%;
  height: 140px;
}

#checkdeposit .close,
#checkhistory .close {
  background: #666666;
  color: #FFFFFF;
  float: right;
  filter: unset;
  text-shadow: unset;
  right: 0;
  padding: 0px 5px;
  position: absolute;
  opacity: 1;
}

#home_equity_line_electronic_access_request .bottom-space, #automatic_payment_request_visa_credit_card .bottom-space, #payroll_direct_deposit .bottom-space {
  margin-bottom: 15px !important;
}

#credit_card_balance_transfer_form .creditCardTransferDynamicRow, #credit_card_balance_transfer_form #creditCardBalanceRow {
  border: 1px solid #D5D6D7;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px !important;
  width: 100%;
  background-color: #FFFFFF;
}

.transferdetails_block {
  border: 1px solid #D5D6D7;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px !important;
  width: 100%;
  background-color: #FFFFFF;
}

.frm_hide {
  display: none;
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}

.frm_card_det {
  width: 100%;
  float: left;
  display: none;
}

.pageTitle {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 800;
}

.ux2 .pageTitle {
  font-size: 36px !important;
  line-height: normal;
  font-weight: 400;
  padding: 10px 10px 10px 3px !important;
  border-radius: 10px;
  margin-bottom: 16px;
  width: 100%;
}

.ux2 .pageTitle .pageTitle {
  background-color: initial;
  padding: initial !important;
}

.font-light {
  color: #76767e;
}

.default-page {
  color: #2a2a2a;
  font-weight: 600;
  float: right;
  padding-top: 8px;
}

.block-border-left {
  height: 90%;
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 30px;
}

.block-icon-left {
  height: 40px;
  position: absolute;
  left: 6px;
  top: 12px;
  border-radius: 30px;
}

.transfer-template-checking-account {
  border-left: 4px solid #95D4EA;
}

.transfer-template-savings-account, .transfer-template-sub-savings-account {
  border-left: 4px solid green;
}

.transfer-template-certificate-account, .transfer-template-ira-savings-account {
  border-left: 4px solid #EBBD39;
}

.transfer-template-ira-certificate-account {
  border-left: 4px solid #9BA0A3;
}

.transfer-template-loc-account {
  border-left: 4px solid #F4B19D;
}

.transfer-template-credit-card-account, .transfer-template-creditcard-account {
  border-left: 4px solid #9BA0A3;
}

.transfer-template-loan-account {
  border-left: 4px solid #ffc0cb;
}

.transfer-template-equity-account {
  border-left: 4px solid #fc4f38;
}

.checking-block .block-border-left {
  border-left: 5px solid #95D4EA;
}

.savings-block .block-border-left,
.sub-savings-block .block-border-left {
  border-left: 5px solid green;
}

.certificate-block .block-border-left,
.ira-savings-block .block-border-left {
  border-left: 5px solid #EBBD39;
}

.ira-certificate-block .block-border-left {
  border-left: 5px solid #9BA0A3;
}

.loc-block .block-border-left {
  border-left: 5px solid #F4B19D;
}

.credit-card-block .block-border-left, .creditcard-block .block-border-left {
  border-left: 5px solid #9BA0A3;
}

.loan-block .block-border-left {
  border-left: 5px solid #ffc0cb;
}

.equity-block .block-border-left {
  border-left: 5px solid #fc4f38;
}

.mortgage-block .block-border-left {
  border-left: 5px solid #DF1724;
}

.business-loans-block .block-border-left {
  border-left: 5px solid #ffc0cb;
}

.commercial-real-estate-block .block-border-left {
  border-left: 5px solid #ffc0cb;
}

.construction-block .block-border-left {
  border-left: 5px solid #ffc0cb;
}

.home-equity-line-of-credit-block .block-border-left {
  border-left: 5px solid #ffc0cb;
}

.block-body {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: none;
  padding: 16px 16px;
  position: relative;
}

.block-title label {
  font-size: 18px;
}

@media only screen and (max-width: 768px) {
  .block-border-left {
    height: 95%;
  }
}

.form-elements {
  padding-bottom: 20px;
}

.ammount-field .doller {
  border-left: 1px solid #3b3d40;
  border-top: 1px solid #3b3d40;
  border-bottom: 1px solid #3b3d40;
  border-radius: 5px;
  height: 40px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-left: 8px;
  font-size: 15px;
  line-height: 2.7;
}

.ammount-field .doller-text-field {
  border-left: none;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  padding-left: 0px;
}

.payment-list-button {
  width: 260px;
  height: 50px;
  background-color: #151F6D;
  color: #ffffff !important;
  border-radius: 5px;
  font-size: 1rem;
  margin-bottom: 25px !important;
  border: none;
  box-shadow: none;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 2.5;
  background-color: #151F6D;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: 800;
  color: #ffffff;
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #ffffff, 0 1px 10px 2px #D5D6D7;
}

.avatar.add-new {
  background: #151F6D;
}

.seperator {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #D5D6D7;
}

.sub-heading {
  font-size: 1.3em;
  font-weight: 800;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  margin: 0px;
  margin-bottom: 0.5rem;
}

.more-tab-overlay .sub-heading h3 {
  font-weight: 400 !important;
}

.dashboard-welcome-name {
  color: rgba(0, 0, 0, 0.8);
}

.dashboard-image {
  /* autoprefixer: off */
  background: url("../img/dashboard_page_skyline.png") no-repeat center;
  height: 130px;
  background-size: contain;
  width: -webkit-fill-available;
}

.account-display-block {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: none;
  padding: 15px;
  min-height: 115px;
}

.accounts-widget {
  min-height: unset;
}

.accounts-widget > * {
  min-height: unset;
}

.account-display-block .checking-account {
  border-left: 3px solid #95D4EA;
  padding-left: 10px;
}

.account-display-block .loc-account {
  border-left: 3px solid #F4B19D;
  padding-left: 10px;
}

.account-display-block .loan-account {
  border-left: 3px solid #ffc0cb;
  padding-left: 10px;
}

.account-display-block .equity-account {
  border-left: 3px solid #fc4f38;
  padding-left: 10px;
}

.account-display-block .savings-account,
.account-display-block .sub-savings-account {
  border-left: 3px solid green;
  padding-left: 10px;
}

.account-display-block .credit-card-account,
.account-display-block .creditcard-account {
  border-left: 3px solid #9BA0A3;
  padding-left: 10px;
}

.account-display-block .certificate-account,
.account-display-block .ira-certificate-account,
.account-display-block .ira-savings-account {
  border-left: 3px solid #EBBD39;
  padding-left: 10px;
}

.account-display-block .mortgage-account {
  border-left: 3px solid #DF1724;
  padding-left: 10px;
}

.account-display-block .ira-account {
  border-left: 3px solid #9BA0A3;
  padding-left: 10px;
}

.dashboard_flow2_block.checking-account {
  border-left: 15px solid #95D4EA;
}

.dashboard_flow2_block.loc-account {
  border-left: 15px solid #F4B19D;
}

.dashboard_flow2_block.loan-account {
  border-left: 15px solid #ffc0cb;
}

.dashboard_flow2_block.equity-account {
  border-left: 15px solid #fc4f38;
}

.dashboard_flow2_block.savings-account,
.dashboard_flow2_block.sub-savings-account {
  border-left: 15px solid green;
}

.dashboard_flow2_block.credit-card-account,
.dashboard_flow2_block.creditcard-account {
  border-left: 15px solid #9BA0A3;
}

.dashboard_flow2_block.certificates-account,
.dashboard_flow2_block.ira-certificate-account,
.dashboard_flow2_block.ira-savings-account {
  border-left: 15px solid #EBBD39;
}

.dashboard_flow2_block.mortgage-account {
  border-left: 15px solid #DF1724;
}

.fa-arrow-down {
  color: green;
  font-size: 0.875rem;
}

.fa-arrow-up {
  color: #EBBD39;
  font-size: 0.875rem;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F6F6F9;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  text-align: left;
}

.dropdown-content a {
  color: #2a2a2a;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #D8D8D8;
  color: #151f6d !important;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.information-tag {
  color: #999999;
  font-weight: 400;
}

.information-tag-bold {
  color: #999999;
  font-weight: 700;
}

.overlay-icon-text-color {
  color: black;
  font-weight: 700;
}

.overlay-icons, .header-overlay-icon {
  border: 1px solid #D5D6D7;
  border-radius: 7px;
}

.overlay-icons:hover {
  background-color: #151F6D;
}

.overlay-icons {
  padding: 10px 5px;
  background-color: #FFFFFF;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.more-each-tile {
  padding-right: 80px !important;
}

.block-bottom-nav {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 5px !important;
}

.block-bottom-nav li {
  display: inline-block;
  margin-bottom: 2px;
}

.ft-own-acc-icon {
  background: url("../img/plus_icon.svg") no-repeat center;
  height: 20px;
  width: 20px;
}

.ft-transfer-template-icon {
  background: url("../img/ft-transfer-template-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-payee-management-icon {
  background: url("../img/ft-payee-management-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.search-container button {
  float: right;
  font-size: 17px;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 0px 10px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #D8D8D8;
}

.custom-checkbox {
  height: 20px;
  width: 20px;
}

.custom-checkbox-label-padding {
  font-weight: 400;
  padding-top: 2px;
  line-height: 2;
  padding-left: 10px;
}

.form-check-padding {
  margin-bottom: 1rem;
}

.site-color {
  color: #2a2a2a;
  font-weight: 400;
}

.site-color:hover {
  color: #2a2a2a;
}

.link-color-delete {
  color: red;
  cursor: pointer;
}

.link-color-delete:hover, .link-color-delete:visited, .link-color-delete:focus {
  color: red;
}

.avatar-text-color {
  color: #2a2a2a;
}

.avatar-text-weight {
  font-weight: 400;
}

.avatar-text-wrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.avatar-description-color {
  color: #999999;
  font-weight: 700;
}

.color-red {
  color: red;
  cursor: pointer;
}

.ft-paybills-icon {
  background: url("../img/pay_bills_icon.svg") no-repeat center;
  height: 30px;
  width: 20px;
}

.ft-paybills-a2a-icon {
  background: url("../img/ft-paybills-a2a-icon.svg") no-repeat center;
  height: 30px;
  width: 20px;
}

.ft-paybills-p2p-icon {
  background: url("../img/ft-paybills-p2p-icon.svg") no-repeat center;
  height: 30px;
  width: 20px;
}

.ft-pay-your-loan-billing-tree {
  background: url("../img/pay-your-loan-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-sheduled-transfer-icon {
  background: url("../img/scheduled_transfer.svg") no-repeat center;
  height: 25px;
  width: 20px;
}

.ft-transfer-history-icon {
  background: url("../img/ft-transfer-history-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ownAccountTransfer .individual_payee_icon {
  background: url("../img/own_accounts_icon.svg") no-repeat center;
  height: 40px;
}

.internalPayees .individual_payee_icon, .otherMemberTransfer .individual_payee_icon {
  background: url("../img/Individual_within_CU_icon.svg") no-repeat center;
  height: 40px;
}

.externalPayees .individual_payee_icon, .externalTransfer .individual_payee_icon {
  background: url("../img/individual_external_account_icon.svg") no-repeat center;
  height: 40px;
}

.externalPayeesForLoan .individual_payee_icon, .payYourLoanTransfer .individual_payee_icon, .domesticWireTransfer .individual_payee_icon, .internationalWireTransfer .individual_payee_icon {
  background: url("../img/Loan_repayment_icon.svg") no-repeat center;
  height: 40px;
}

.domesticWireTransfer .individual_payee_icon {
  background: url("../img/domestic_wire_transfer_icon.svg") no-repeat center;
  height: 40px;
}

.internationalWireTransfer .individual_payee_icon {
  background: url("../img/international_wire_transfer_icon.svg") no-repeat center;
  height: 40px;
}

.ft-manage-billpay-icon {
  background: url("../img/ft-manage-billpay.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-my-accounts-icon {
  background: url("../img/ft-my-accounts-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-domestic-wired-transfer-icon {
  background: url("../img/ft-domestic-wired-transfer-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-international-wired-transfer-icon {
  background: url("../img/ft-international-wired-transfer-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-international-transfers {
  background: url("../img/ft-international-transfers.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-send-money-icon {
  background: url("../img/ft-send-money-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-paybills-icon {
  background: url("../img/ft-paybills-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-quick-pay-icon {
  background: url("../img/ft-quick-pay-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-loan-payment-icon {
  background: url("../img/ft-loan-payment-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-ach-icon {
  background: url("../img/ft-ach-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-instant-payment-icon {
  background: url("../img/ft-instant-payment-icon.svg") no-repeat center;
  height: 34px;
  width: 34px;
}

.ft-other-member-icon {
  background: url("../img/ft-other-member-icon.svg") no-repeat center;
  height: 34px;
  width: 34px;
}

.ft-p2p-transfer-icon {
  background: url("../img/ft-p2p-transfer-icon.svg") no-repeat center;
  height: 30px;
  width: 30px;
}

.ft-fi-to-fi-icon {
  background: url("../img/ft-fi-to-fi-icon.png") no-repeat center;
  height: 30px;
  width: 30px;
}

.border-light-blue {
  border: 1px solid #95D4EA;
}

.block-bottom-nav {
  border-top: 1px solid #D5D6D7;
}

.accounts-table {
  border-radius: 16px !important;
}

.accounts-table tr {
  padding: 2px;
}

.accounts-table thead {
  background-color: #D8D8D8;
  color: rgba(0, 0, 0, 0.8);
}

.accounts-table thead > tr > th,
.accounts-table tbody > tr > td {
  border: 0;
}

.accounts-table .table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #F6F6F9;
}

.accounts-table .block-border-bottom {
  border-bottom: 1px solid #D5D6D7;
  margin: 8px 0px;
}

.account_details_link {
  color: rgba(0, 0, 0, 0.8) !important;
  cursor: pointer;
  font-weight: 800;
}

.accounts-table .transactionListContainer:focus {
  outline: transparent;
}

.show-more,
.show-less {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 800;
  cursor: pointer;
}

.transaction_icon {
  float: left;
  width: 60%;
  height: 33px;
}

.deposit_icon_close {
  background: url("../img/incoming_closed.svg") no-repeat center;
  height: 35px;
}

.deposit_icon_open {
  background: url("../img/incoming_open.svg") no-repeat center;
  height: 35px;
}

.withdraw_icon_close {
  background: url("../img/outgoing_closed.svg") no-repeat center;
  height: 35px;
}

.withdraw_icon_open {
  background: url("../img/outgoing_open.svg") no-repeat center;
  height: 35px;
}

.pending_icon_close {
  background: url("../img/pending_close.svg") no-repeat center;
}

.pending_icon_open {
  background: url("../img/pending_open.svg") no-repeat center;
}

.summary div {
  text-align: right;
}

.on_user_demand, .additional_certificate_details {
  padding: 0px 0px 0px 16px;
}

.on_user_demand strong, .additional_certificate_details strong {
  font-weight: 400;
}

.header_approvals_icon {
  background: url("../img/default_more_menu_image/Approval_Requests_icon.svg") no-repeat center;
  background-size: contain;
  height: 30px;
}

.header_icon_Link .header_approvals_icon {
  height: 22px;
}

.individual_payee_color {
  color: #2a2a2a;
}

.form-padding-left {
  padding-left: 15px !important;
}

.error {
  color: red;
  line-height: 27px;
  width: 100%;
}

.success_msg {
  word-wrap: break-word;
  font-size: 0.875rem;
  color: green;
  float: left;
  width: 100%;
}

.see-more-div, .see-account-holders-div {
  position: absolute;
  right: 0;
  top: 0px;
}

.load_tr_btn {
  background-color: #151F6D;
  color: #ffffff;
  margin-right: 10px;
  padding: 5px 20px 5px 20px;
  border-radius: 4px;
  height: 38px;
}

.aba_result {
  border: 1px solid #484D52;
}

.aba-link {
  color: #151F6D !important;
  font-weight: 800;
  cursor: pointer;
}

.load_approval_btn {
  background-color: #666666;
  color: #FFFFFF;
  border-radius: 5px;
  width: 100px;
  padding: 5px;
  text-align: center;
}

ul.fullwidth {
  display: flex;
  align-items: stretch;
  /* Default */
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul.fullwidth li {
  display: block;
  flex: 0 1 auto;
  /* Default */
  list-style-type: none;
}

.pagination {
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 0;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
  cursor: default;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
  background-color: #FFFFFF;
  border: 1px solid #D5D6D7;
  margin-left: -1px;
}

.fa-circle {
  font-size: 0.875rem !important;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 20px;
  margin-right: 5px;
}

.search-key-btn {
  position: absolute;
  right: 40px;
  bottom: 10px;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 2rem;
  border-bottom: none;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-top: none;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem 2.5rem;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
}

*:focus {
  outline: none !important;
}

.jcf-list .jcf-option {
  text-align: -webkit-left;
  white-space: normal;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 9px 9px;
  padding-left: 30px;
  color: #4d4d4d;
  min-height: 14px;
  height: 1%;
  font-size: 1rem;
  padding-left: 13px;
  line-height: normal;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #666666;
  color: #151F6D;
}

.cursor_pointer {
  cursor: pointer;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  bottom: 50px;
  right: 0;
  z-index: 1;
  padding: 0px;
  border-radius: 5px;
}

.dropup-content a {
  padding: 6px 12px;
  display: block;
}

.dropup-content a:hover {
  background-color: #D8D8D8;
}

.dropup:hover .dropup-content {
  display: block;
}

.second-field-padding {
  padding-left: 15px !important;
}

.select-form-group-col-padding {
  margin-bottom: 1rem;
}

.powered_by {
  height: 18px;
}

.border1px {
  border: 1px solid #D5D6D7;
}

.line-seperator-bottom {
  border-bottom: 1px solid #D5D6D7;
}

.border-radius {
  border-radius: 5px;
}

.search-input-field {
  border-right: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.search-icon-field {
  border-left: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  cursor: pointer;
}

.search-icon-field .input-group-text {
  border: 0px;
}

.delete-payee, .delete-payee:hover, .delete-payee:visited {
  color: #FFFFFF;
}

.status-active {
  font-weight: 800;
  color: green;
}

.status-blocked {
  font-weight: 800;
  color: red;
}

.req {
  color: red;
}

#stop_check .checkNumberRow {
  display: flex;
  justify-content: space-between;
}

.input-group-append {
  border: 0;
}

.button-badge {
  border: 1px solid #999999;
  border-radius: 5px;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
}

.badge-custom-grey {
  font-size: 13px;
  color: #2a2a2a;
  font-weight: 700;
  padding: 4px;
  background-color: #D8D8D8;
  border-radius: 13px;
}

#account_details .loadMoreLoadingContainer {
  text-align: center;
  margin-top: 25px;
}

#maker_check_approval_model .modal-title,
#maker_check_rejected_model .modal-title {
  font-size: 20px !important;
}

.approvel_request_tab_title {
  font-size: 16px;
}

.select-form-group-col-padding {
  margin-bottom: 1rem;
}

.padding-right-prevent-overlap {
  padding-right: 35px !important;
}

.side-muted {
  border-left: 4px solid #D5D6D7;
  height: 40px;
}

.close-icon-role-limits {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
}

.grecaptcha-badge {
  visibility: hidden;
}

.common_button_justify {
  margin: 25px !important;
}

.right_padding {
  padding-right: 30px !important;
}

.viewCheckImages {
  text-decoration: none;
}

.viewCheckImagesNonClickable {
  text-decoration: none;
  color: #2a2a2a !important;
  pointer-events: none;
}

.viewCheckImages span, .viewCheckImagesNonClickable span {
  vertical-align: middle;
}

.viewCheckImages img, .viewCheckImagesPrint img, .viewCheckImagesNonClickable img {
  height: 20px;
}

.doccatimg {
  padding: 8px;
}

.link-in-checkbox {
  color: #2a2a2a !important;
  text-decoration: none;
  outline: none;
  font-weight: 800;
  cursor: pointer !important;
}

.radio-label {
  font-weight: 400;
  text-transform: inherit;
}

.outer-header .introjs-fixParent {
  z-index: 1 !important;
}

.close-icon {
  height: 20px;
}

#layout_support {
  position: fixed;
  right: 0px;
  z-index: 1000;
  bottom: 0px;
}

.outer-header .introjs-fixParent {
  z-index: 1 !important;
}

.fa-eye-slash {
  position: absolute;
}

#no_image {
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
  color: #2a2a2a;
}

#print_table .print_tiles_block {
  font-weight: 600;
  width: 40%;
}

#print_table td {
  vertical-align: top;
}

#print_table tr {
  height: 40px;
}

#print_table td:nth-child(2) {
  width: 50%;
}

.is_negative {
  color: red;
}

.is_positive {
  color: #2a2a2a;
}

.is_withdrawal {
  color: red;
}

.font_withdrawal_color {
  color: #76767e;
}

.font_deposit_color {
  color: #76767e;
}

.is_positive_loan_group {
  color: #2a2a2a;
}

.font_pending_color {
  color: #76767e;
}

.is_deposit {
  color: #2a2a2a;
}

.is_loan_past_due {
  color: #FA6400;
}

.paswd_tip p {
  font-weight: 800;
}

.paswd_tip {
  border: 1px solid #D5D6D7;
}

.paswd_tip ul {
  list-style-type: '- ' !important;
  padding-left: 10px !important;
}

#dashboard .dashboardUserName, #dashboard .greetingMessage {
  text-transform: capitalize;
  display: inline-block;
}

#dashboard .dashboardUserName {
  color: #151F6D;
}

#dashboard .account-display-block-content strong {
  font-weight: 400;
}

#dashboard .accountNameHash {
  font-size: 1rem;
}

#dashboard .sub-heading {
  font-size: 20px;
  font-weight: 400;
}

/** Payee color **/
.avatar-image {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  box-shadow: none;
  line-height: 2.7;
  border: 1px solid #484D52;
}

.avatar-new {
  color: #ffffff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  line-height: 2.7;
  font-size: 12px;
}

.avatar-color-personal-payee {
  background-color: #5CBB88;
}

.avatar-international-wire-transfer-payee {
  background-color: #5CBB88;
}

.avatar-domestiv-wire-transfer-payee {
  background-color: #5CBB88;
}

.avatar-color-ach-payee {
  background-color: #5CBB88;
}

.avatar-color-pay-your-loan {
  background-color: #ececed;
}

.avatar-color-other-member {
  background-color: #ececed;
}

.avatar-color-business-payee {
  background-color: #ececed;
}

.avatar-color-own-account-payee {
  background-color: #ececed;
}

.avatar-color-personal-payee.border-color-only {
  background-color: transparent;
  border-left: 4px solid white;
}

.avatar-international-wire-transfer-payee.border-color-only {
  background-color: transparent;
  border-left: 4px solid white;
}

.avatar-domestic-wire-transfer-payee.border-color-only {
  background-color: transparent;
  border-left: 4px solid white;
}

.avatar-color-ach-payee.border-color-only {
  background-color: transparent;
  border-left: 4px solid white;
}

.avatar-color-pay-your-loan.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.avatar-color-other-member.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.avatar-color-business-payee.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.avatar-color-own-account-payee.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.avatar-color-default {
  background-color: #2D5883;
  color: #e1e1e1;
}

.avatar-color-1 {
  background-color: #391B79;
  color: #e1e1e1;
}

.avatar-color-2 {
  background-color: #6B791B;
  color: #e1e1e1;
}

.avatar-color-3 {
  background-color: #791B1B;
  color: #e1e1e1;
}

.avatar-color-4 {
  background-color: #168A8A;
  color: #e1e1e1;
}

.avatar-color-5 {
  background-color: #541773;
  color: #e1e1e1;
}

.avatar-color-6 {
  background-color: #46586F;
  color: #e1e1e1;
}

.avatar-color-7 {
  background-color: #8E6D0E;
  color: #e1e1e1;
}

.avatar-color-8 {
  background-color: #9B0684;
  color: #e1e1e1;
}

.avatar-color-9 {
  background-color: #4B7593;
  color: #e1e1e1;
}

.avatar-color-10 {
  background-color: #934B4D;
  color: #e1e1e1;
}

.avatar-color-1.border-color-only, .avatar-color-default.border-color-only {
  background-color: transparent;
  border-left: 4px solid #151F6D;
}

.avatar-color-2.border-color-only {
  background-color: transparent;
  border-left: 4px solid #D2A500;
}

.avatar-color-3.border-color-only {
  background-color: transparent;
  border-left: 4px solid #401F83;
}

.avatar-color-4.border-color-only {
  background-color: transparent;
  border-left: 4px solid #C46000;
}

.avatar-color-5.border-color-only {
  background-color: transparent;
  border-left: 4px solid #0187A9;
}

.avatar-color-6.border-color-only {
  background-color: transparent;
  border-left: 4px solid green;
}

.avatar-color-7.border-color-only {
  background-color: transparent;
  border-left: 4px solid #835AAB;
}

.avatar-color-8.border-color-only {
  background-color: transparent;
  border-left: 4px solid #931516;
}

.avatar-color-9.border-color-only {
  background-color: transparent;
  border-left: 4px solid #D4055C;
}

.avatar-color-10.border-color-only {
  background-color: transparent;
  border-left: 4px solid #704D38;
}

.widgetAcronymContainer {
  position: relative;
}

.widgetAcronymContainer .widgetAcronym {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

.accounts-table .transactionListContainer .eachTransactionRow:nth-child(odd) {
  background-color: #F6F6F9;
}

.accounts-table .transactionListContainer .eachTransactionRow:nth-child(even):hover {
  background-color: rgba(0, 0, 0, 0.24);
}

.accounts-table .transactionListContainer .transactionDateContainer {
  background-color: #D8D8D8;
  color: rgba(0, 0, 0, 0.8);
}

.switch-user-block {
  border: 1px solid #D5D6D7;
  border-radius: 8px;
  padding: 10px 10px;
  min-height: 60px;
  color: #2a2a2a;
}

.switch-user-block:hover {
  border: 1px solid #151F6D;
  background-color: #151F6D;
  color: #FFFFFF;
}

.disabled_switch .switch-user-block, .disabled_switch .switch-user-block:hover {
  color: rgba(42, 42, 42, 0.5);
}

.switch-user-border {
  border-left: 1px solid #D5D6D7;
  padding: 0px 10px;
}

.switch-user-border-bottom {
  border-bottom: 1px solid #D5D6D7;
  margin: 20px 0px;
}

.switch-user-button {
  font-size: 0.875rem;
  border: 1px solid #151F6D;
  border-radius: 25px;
  width: 250px;
  height: 50px;
  padding: 0px 5px 0px 10px;
}

.userInitials_style_switch_user {
  width: 40px;
  height: 40px;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(15, 128, 147, 0.2);
  border-radius: 50%;
  margin-top: 3px !important;
  margin-left: 0px !important;
}

.switch-user-block-xs {
  border: 1px solid #151F6D;
  border-radius: 8px;
  padding: 10px 20px;
  margin-bottom: 20px !important;
}

.height-fit-content {
  height: fit-content !important;
}

.width-fit-content {
  width: fit-content !important;
}

.businessProfileSwitcher .userInitials_style {
  margin: 0 !important;
}

.block-border-bottom {
  border-bottom: 1px solid #D5D6D7;
}

.bookmark-normal {
  background: url("../img/Bookmark_icon_unselected.svg") no-repeat center;
  width: 60%;
  height: 25px;
}

.bookmark-active {
  background: url("../img/Bookmark_icon_selected.svg") no-repeat center;
  width: 60%;
  height: 25px;
}

.pref-filled-icon {
  max-width: 190px;
}

.success-image {
  color: #FFFFFF;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  margin-top: 11px !important;
  font-weight: 800;
  background-color: #151F6D;
}

.success-image {
  background-image: url("../img/tick.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 30px;
}

#success_popup .modal-body {
  background-image: url("../img/popup_animation.gif");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}

.success-image-shadow {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  background-color: #151F6D;
  border: 1px solid #D5D6D7;
}

.success_message_content .alert-success {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #2a2a2a;
}

.success_message_content .success_message_popup {
  display: block !important;
}

.disabled_switch {
  pointer-events: none;
}

.disabled_switch .switch-user-block {
  border: 1px solid #151F6D;
  background-color: rgba(15, 128, 147, 0.2);
}

.border_bottom_grey {
  border-bottom: 2px solid #D5D6D7;
}

.border-left {
  border-left: 1px solid #D5D6D7;
}

.border-bottom {
  border-bottom: 1px solid #D5D6D7;
}

.transfer-template-checking-account {
  border-left: 4px solid #95D4EA;
}

.height-fit-content {
  height: fit-content;
}

.box_shadow_for_payee {
  box-shadow: none;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.checked_tab .single_payee_box {
  background-color: #FFFFFF !important;
}

.checking-block-avatar {
  background-color: #95D4EA;
}

.fileupload-block-avatar {
  background-color: #95D4EA;
}

.template-block-avatar {
  background-color: #95D4EA;
}

.savings-block-avatar,
.sub-savings-block-avatar {
  background-color: green;
}

.certificate-block-avatar,
.ira-savings-block-avatar {
  background-color: #EBBD39;
}

.ira-certificate-block-avatar {
  background-color: #9BA0A3;
}

.loc-block-avatar {
  background-color: #F4B19D;
}

.credit-card-block-avatar, .creditcard-block-avatar {
  background-color: #9BA0A3;
}

.loan-block-avatar {
  background-color: #ffc0cb;
}

.equity-block-avatar {
  background-color: #fc4f38;
}

.mortgage-block-avatar {
  background-color: #DF1724;
}

.card-block-border-left {
  border-left: 10px solid #95D4EA;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 20px 0px 0px 20px;
}

.card-inactive {
  background-color: #FFFFFF;
}

.border-top {
  border-top: 1px solid #D5D6D7;
}

.active-text {
  background-color: #2a2a2a;
  color: #FFFFFF;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.inactive-text {
  background-color: #D8D8D8;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.terms_condition_scroll {
  max-height: 123px;
  overflow: scroll;
}

/***  
Multi Transfer CSS starts
**/
.transfer_border_dashed {
  border-style: dashed;
  border: 1px dashed;
  border-color: #2a2a2a;
  border-radius: 5px;
}

.fund_transfer_2_success_icon {
  background-image: url("../img/Successful_transfer_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65px;
  height: 90px;
}

.fund_transfer_2_success_border {
  border: 2px solid green;
}

.fund_transfer_2_success_color {
  color: green;
}

.fund_transfer_2_error_icon {
  background-image: url("../img/Failed_transfer_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55px;
  height: 90px;
}

.fund_transfer_2_error_border {
  border: 2px solid #DF1724;
}

.fund_transfer_2_error_color {
  color: red;
}

.fund_transfer_2_scheduled_icon {
  background-image: url("../img/Scheduled_transfer_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55px;
  height: 90px;
}

.fund_transfer_2_scheduled_border {
  border: 2px solid #9BA0A3;
}

.fund_transfer_2_scheduled_color {
  color: #999999;
}

.border_radius_2 {
  border-radius: 2px;
}

#Confirm_popup3 .modal-body .fund_transfer_2_success_border {
  background-image: url(../img/popup_animation.gif);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5x;
}

.template-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #95D4EA;
}

.fileupload-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #95D4EA;
}

.checking-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #95D4EA;
}

.savings-block-avatar.border-color-only,
.sub-savings-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid green;
}

.certificate-block-avatar.border-color-only,
.ira-savings-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #EBBD39;
}

.ira-certificate-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.ira-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.loc-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #F4B19D;
}

.credit-card-block-avatar.border-color-only, .creditcard-block-avata.border-color-onlyr {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

.loan-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #ffc0cb;
}

.equity-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #fc4f38;
}

.mortgage-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #DF1724;
}

.credit-card-block-avatar.border-color-only, .creditcard-block-avatar.border-color-only {
  background-color: transparent;
  border-left: 4px solid #9BA0A3;
}

/***  
Multi Transfer CSS ends
**/
.help_fab .help_fab_inner .cursor-pointer a {
  color: inherit;
}

.mail_icon {
  background: url("../img/header_notifications.svg") no-repeat center center;
  height: 30px;
  background-size: contain;
}

.field-padding-right {
  padding-right: 15px !important;
}

.jcf-select .jcf-select-text {
  text-transform: none !important;
}

.mask_unmask .mask {
  font-weight: 800;
  cursor: pointer;
  font-size: 18px;
}

.doller_amount_display {
  font-size: 1.3em;
}

.display-grid-equal-column {
  display: grid;
}

.selct_empty_account {
  background-color: #151F6D;
  color: #FFFFFF;
  height: 80px;
}

.my_account_ft_avatar_image {
  background: url("../img/default_more_menu_image/personal_information_icon.svg") no-repeat center;
  height: 30px;
  background-size: 18px;
}

.my_account_ft_avatar_outer {
  border: 1px solid #151F6D;
  border-radius: 50%;
  height: 35px;
  width: 35px;
}

.ft_businsess_image img {
  height: 16px;
}

.ft-zelle-icon {
  background: url("../img/zelle_icon.svg") no-repeat center;
  height: 30px;
  width: 20px;
}

.guidez3rdpjs_iframe {
  height: inherit;
}

.font-size-12 {
  font-size: 0.875rem;
}

.font-size-10 {
  font-size: 0.875rem;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-14 {
  font-size: 1rem;
}

.login_heading {
  font-size: 32px;
  line-height: 2;
}

.whatsThis_tooltip {
  position: relative;
  display: inline-block;
}

.whatsThis_tooltip .whatsThis_tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.whatsThis_tooltip:hover .whatsThis_tooltiptext {
  visibility: visible;
}

.account-tiles-info {
  padding: 12px;
  background: url("../img/tooltip_info_icon.svg") no-repeat;
  background-position: center right;
  cursor: pointer;
  position: relative;
  width: 24px;
}

.visibility_hidden {
  visibility: hidden;
  width: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

#personal-profile .editEmailSuccess {
  padding-left: 15px !important;
}

.ira-block .block-border-left {
  border-left: 5px solid #84973B;
}

#personal-profile form .btn {
  margin-right: 0px !important;
  padding: 0px 15px !important;
}

.buttonAsLink {
  border: none;
  background-color: #FFFFFF;
  Color: red;
}

.underscore_with_pointer {
  text-decoration: underline !important;
  cursor: pointer;
}

.each-group-in-more:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.border_1px {
  border: 1px solid #D5D6D7;
}

.border_light_gray {
  border: 1px solid #D5D6D7;
}

.border_top_line {
  border-top: 1px solid #D5D6D7;
}

.border_bottom_line {
  border-bottom: 1px solid #D5D6D7;
}

.border_bottom_line_2px {
  border-bottom: 2px solid #D5D6D7;
}

#more_tabs .card-columns {
  orphans: 2;
}

.policy_red_cross {
  background: url("../img/close_icon_red.svg") no-repeat center;
  background-size: contain;
}

.policy_green_tick {
  background: url("../img/tick.svg") no-repeat center;
  background-size: contain;
  filter: invert(71%) sepia(83%) saturate(4397%) hue-rotate(81deg) brightness(122%) contrast(125%);
}

.overflow_visible {
  overflow: visible;
}

.checking-block.business-account .block-border-left {
  border-left: 5px solid #95D4EA;
}

.savings-block.business-account .block-border-left {
  border-left: 5px solid green;
}

.credit-card-block.business-account .block-border-left {
  border-left: 5px solid #9BA0A3;
}

#drag_upload_file .file-upload-bgcolor {
  background-color: #FFFFFF;
  padding: 5px;
  height: 100%;
  border-radius: 5px;
}

#drag_upload_file .file-upload-bgcolor .d-flex.align-items-center.pl-1.my-auto {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

.minimum_width_button_size {
  min-width: 135px;
}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

@media (max-width: 768px) {
  .stepper-item {
    font-size: 0.875rem;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #D5D6D7;
  width: 100%;
  top: 13px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #D5D6D7;
  width: 100%;
  top: 13px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #D8D8D8;
  margin-bottom: 6px;
}

.stepper-item .step-name {
  z-index: 5;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: 800;
}

.stepper-item.completed .step-counter {
  background-color: green;
}

.stepper-item.error .step-counter {
  background-color: red;
}

.stepper-item.invalid .step-counter {
  background-color: #D8D8D8;
}

.stepper-item.pending .step-counter {
  background-color: #EE8500;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #D5D6D7;
  width: 100%;
  top: 13px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.custom_text_fit_content {
  height: fit-content;
}

#multipayee_transfer .jcf-select-drop .jcf-hover, #multipayee_transfer_v2 .jcf-select-drop .jcf-hover {
  white-space: normal;
  line-height: 1.5;
}

@media only screen and (max-width: 1279px) and (min-width: 1032px) {
  .unlock_account_link {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-right: 26px;
  }
  .forgot_password_link {
    margin-left: 41px;
  }
}

@media only screen and (max-width: 1280px) {
  #login_form_blade .list-inline-item {
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 1031px) {
  #login_form_blade .list-inline-item {
    display: block;
    padding-top: 10px;
  }
}

.download_document_icon {
  padding: 15px;
  background: url("../img/download_document_icon.svg") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

.remove_file_icon {
  padding: 15px;
  background: url("../img/remove_file.svg") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  background-size: 20px;
  width: 24px;
}

#credit_balance_account_number_row_error {
  padding-top: 35px;
}

.totalBlanceAndAccountGroupMargin {
  margin-right: -4px;
}

.disabled_element {
  pointer-events: none;
  opacity: 0.8;
}

.view_tax_documents {
  height: 19px;
}

#PasswordInput-error, #PasswordConfirm-error {
  position: absolute;
}

#multipayee_transfer .jcf-select-drop .jcf-hover {
  overflow-x: initial;
}

#add_recipient .recipient_address {
  background-color: #E7EFF3;
}

#add_recipient .instant_pay_enabled_text {
  color: #76767e;
  font-weight: 700;
}

#add_recipient #fi_name_display {
  color: #2a2a2a;
  font-weight: 700;
  font-size: 16px;
}

.display_details {
  color: #2a2a2a;
  font-weight: 600;
}

#add_recipient .align_to_right {
  text-align: right;
}

.bank_list_styling {
  word-wrap: break-word;
  word-break: break-all;
}

#online-form-alerts .alert-dismissible .close {
  z-index: 1;
}

.new_account_link_align {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: 54px;
}

#fundTransfer .flow2_card {
  min-height: 150px;
  border: none !important;
}

.outer-container {
  display: inline-block;
  width: 600;
}

.inner-container-1 {
  flex-direction: column;
  background: none;
  border-radius: 16px;
}

.inner-container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.negative-screen-inner-container-1 {
  background: #FFFFFF;
  border-radius: 16px;
}

.negative-screen-inner-container-2 {
  display: flex;
  align-items: center;
}

.response-text {
  font: 500 24px Nunito Sans;
}

.response-message {
  font: 400 14px Nunito Sans;
  color: #2a2a2a;
}

.authentication_mobile_icon {
  height: 5em;
}

.try-again-timer {
  color: #2a2a2a;
}

.challenge_try_again {
  text-decoration: underline;
  cursor: pointer;
}

.trusted_device_animation {
  height: 9em;
}

#paynow_widget .quick-links-list-v2 {
  padding: 12px 0px;
  border-bottom: 1px solid #D5D6D7;
}

#paynow_widget .upcoming-payment-date {
  color: #2a2a2a;
  opacity: 0.4;
  display: flex;
  align-items: flex-end;
}

#paynow_widget .paynow-inner-content {
  padding: 0px 16px 0px 16px;
}

.paynow-widget {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 40px;
  position: relative;
  padding: 12px 0px 16px 0px;
}

.acc-summary-group-v2 {
  width: 152px;
  height: 28px;
  padding: 2px;
  border-radius: 60px;
  background: rgba(255, 255, 255, 0.4);
}

.acc-summary-group-v2 .group-type-label {
  width: 48px;
  height: 24px;
  padding: 3px 8px 3px 8px;
  border-radius: 50px;
  background-color: #FFFFFF;
  text-align: center;
  margin: 4px;
}

.acc-summary-group-v2 .group-type-value {
  color: #FFFFFF;
  padding: 5px;
}

.tiles_block {
  width: 80px;
  height: 28px;
  padding: 2px;
  border-radius: 60px;
  background-color: rgba(255, 255, 255, 0.4);
}

.tiles_block a {
  border-radius: 50px;
}

.tiles_block a:active {
  background-color: #FFFFFF;
}

.runningBalanceColumn .font-light {
  font-size: 20px;
  font-weight: 800;
  color: #2a2a2a;
}

.ux2 #account_details .category-chip, .ux2 #account_summary .category-chip, .ux2 .print_transaction .category-chip, #activitySinceLastLoginModal .category-chip {
  display: inline-block;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  /* text color */
  background-color: #17a2b8;
  /* light pink background */
  border: 1px solid #17a2b8;
  /* subtle border */
  border-radius: 999px;
  /* makes it pill shaped */
}

.ux2 #account_details .mx-transaction-description, .ux2 #account_summary .mx-transaction-description, .ux2 .print_transaction .mx-transaction-description, #activitySinceLastLoginModal .mx-transaction-description {
  text-align: right;
}

.ux2 #account_details .ux2-grey-color-text, .ux2 #account_summary .ux2-grey-color-text, .ux2 .print_transaction .ux2-grey-color-text, #activitySinceLastLoginModal .ux2-grey-color-text {
  color: #76767e;
}

.ux2 #account_details .transaction_list h3, .ux2 #account_summary .transaction_list h3, .ux2 .print_transaction .transaction_list h3, #activitySinceLastLoginModal .transaction_list h3 {
  font-size: 23px;
  font-weight: 400;
}

.ux2 #account_details .search-container, .ux2 #account_summary .search-container, .ux2 .print_transaction .search-container, #activitySinceLastLoginModal .search-container {
  position: relative;
  right: 0;
  top: 45px;
  text-align: right;
}

.ux2 #account_details .transactions-table-title, .ux2 #account_summary .transactions-table-title, .ux2 .print_transaction .transactions-table-title, #activitySinceLastLoginModal .transactions-table-title {
  font-size: 20px;
  font-weight: 400;
}

.ux2 #account_details .transaction-count, .ux2 #account_summary .transaction-count, .ux2 .print_transaction .transaction-count, #activitySinceLastLoginModal .transaction-count {
  display: block !important;
  color: #2A2A2A !important;
  background-color: #CAE6FD !important;
  border-radius: 50px !important;
  width: 25px;
  text-align: center;
}

.ux2 #account_details .runningBalanceColumnHeader, .ux2 #account_summary .runningBalanceColumnHeader, .ux2 .print_transaction .runningBalanceColumnHeader, #activitySinceLastLoginModal .runningBalanceColumnHeader {
  font-size: 0.875rem;
  font-weight: 400;
  color: #76767e;
}

.ux2 #account_details .runningBalanceColumnHeader span, .ux2 #account_summary .runningBalanceColumnHeader span, .ux2 .print_transaction .runningBalanceColumnHeader span, #activitySinceLastLoginModal .runningBalanceColumnHeader span {
  position: relative;
  top: -8px;
  right: 0px;
  font-size: medium;
}

.ux2 #account_details .transactionDateContainer, .ux2 #account_summary .transactionDateContainer, .ux2 .print_transaction .transactionDateContainer, #activitySinceLastLoginModal .transactionDateContainer {
  background-color: #F6F6F9;
}

.ux2 #account_details .transactionListContainer, .ux2 #account_summary .transactionListContainer, .ux2 .print_transaction .transactionListContainer, #activitySinceLastLoginModal .transactionListContainer {
  background-color: #FFFFFF;
}

.ux2 #account_details .font_deposit_color, .ux2 #account_details .font_withdrawal_color, .ux2 #account_summary .font_deposit_color, .ux2 #account_summary .font_withdrawal_color, .ux2 .print_transaction .font_deposit_color, .ux2 .print_transaction .font_withdrawal_color, #activitySinceLastLoginModal .font_deposit_color, #activitySinceLastLoginModal .font_withdrawal_color {
  color: #76767e;
  display: block;
  font-size: 1rem;
}

.ux2 #account_details .transactions-table-header, .ux2 #account_summary .transactions-table-header, .ux2 .print_transaction .transactions-table-header, #activitySinceLastLoginModal .transactions-table-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.ux2 #account_details .accounts-table .transactionListContainer .eachTransactionRow, .ux2 #account_summary .accounts-table .transactionListContainer .eachTransactionRow, .ux2 .print_transaction .accounts-table .transactionListContainer .eachTransactionRow, #activitySinceLastLoginModal .accounts-table .transactionListContainer .eachTransactionRow {
  background-color: #F6F6F9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding-right: 0px !important;
}

.ux2 #account_details .accounts-table .transactionListContainer .eachTransactionRow .notesContainer, .ux2 #account_summary .accounts-table .transactionListContainer .eachTransactionRow .notesContainer, .ux2 .print_transaction .accounts-table .transactionListContainer .eachTransactionRow .notesContainer, #activitySinceLastLoginModal .accounts-table .transactionListContainer .eachTransactionRow .notesContainer {
  padding-bottom: 12px !important;
  border-radius: 6px;
}

.ux2 #account_details .accounts-table .transactionListContainer .eachTransactionRow .notesContainer .ux2-grey-color-text, .ux2 #account_summary .accounts-table .transactionListContainer .eachTransactionRow .notesContainer .ux2-grey-color-text, .ux2 .print_transaction .accounts-table .transactionListContainer .eachTransactionRow .notesContainer .ux2-grey-color-text, #activitySinceLastLoginModal .accounts-table .transactionListContainer .eachTransactionRow .notesContainer .ux2-grey-color-text {
  color: #76767e;
}

.ux2 #account_details .runningBalanceColumn .font-light, .ux2 #account_summary .runningBalanceColumn .font-light, .ux2 .print_transaction .runningBalanceColumn .font-light, #activitySinceLastLoginModal .runningBalanceColumn .font-light {
  font-size: 20px;
  font-weight: 400;
  color: #2a2a2a;
}

.ux2 #account_details .search-container a, .ux2 #account_summary .search-container a, .ux2 .print_transaction .search-container a, #activitySinceLastLoginModal .search-container a {
  width: auto;
  height: 34px;
  padding: 7px 12px 7px 6px;
  border-radius: 60px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #2a2a2a;
  font-size: 1rem;
  display: inline-block;
  margin-right: 4px !important;
  margin-top: 4px;
}

.ux2 #account_details .search-container a img, .ux2 #account_summary .search-container a img, .ux2 .print_transaction .search-container a img, #activitySinceLastLoginModal .search-container a img {
  filter: brightness(0);
}

.ux2 #account_details .actionDots, .ux2 #account_summary .actionDots, .ux2 .print_transaction .actionDots, #activitySinceLastLoginModal .actionDots {
  height: 12px;
  position: relative;
  top: 6px;
}

.ux2 #account_details .balance_info, .ux2 #account_summary .balance_info, .ux2 .print_transaction .balance_info, #activitySinceLastLoginModal .balance_info {
  font-weight: 400 !important;
}

.ux2 #account_details .transaction-details, .ux2 #account_summary .transaction-details, .ux2 .print_transaction .transaction-details, #activitySinceLastLoginModal .transaction-details {
  font-size: 1rem;
  background-color: #F5F5F5;
}

.ux2 #account_summary .compact-tile.block-body {
  padding: 16px 7px 10px 16px;
  margin-bottom: 12px;
}

.ux2 #account_summary .account_icon {
  position: relative;
  top: -15px;
}

.ux2 #account_summary .block-body h3, .ux2 #account_summary .block-body .accountNameHash {
  font-size: 1rem;
  font-weight: 400;
  line-height: 18.5px;
}

.continue-button {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 38px;
  padding-right: 12px;
  padding-left: 12px;
  margin-top: 8px;
  background: #151F6D;
  border-radius: 20px;
  border: none !important;
  outline: none;
}

.enroll-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 32px;
  width: 88px;
  margin-top: 8px;
  background: #FFFFFF;
  border-radius: 20px;
  border: none !important;
  outline: none;
  font-size: 1rem;
  padding: 4px 12px 4px 16px;
}

.font_style {
  font: 400 20px DM Sans;
}

.otp_selector_v3, .enter_otp_v3, .otp_required_v3, .enter_otp_required_v3 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 400px;
  padding: 8px 8px 8px 8px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 14px;
  backdrop-filter: blur(40px);
}

.otp_selector_v3 .enter_otp, .enter_otp_v3 .enter_otp, .otp_required_v3 .enter_otp, .enter_otp_required_v3 .enter_otp {
  padding: 0px 8px 8px 8px;
}

.otp_selector_v3 .number_font_sytle, .enter_otp_v3 .number_font_sytle, .otp_required_v3 .number_font_sytle, .enter_otp_required_v3 .number_font_sytle {
  opacity: 0.6;
}

.otp_selector_v3 .authentication-method-title, .enter_otp_v3 .authentication-method-title, .otp_required_v3 .authentication-method-title, .enter_otp_required_v3 .authentication-method-title {
  flex: 0 0 auto;
  padding: 0px 0px 0px 8px;
  margin: 0;
  color: #FFFFFF;
  letter-spacing: -0.6px;
}

.otp_selector_v3 .contact-card, .enter_otp_v3 .contact-card, .otp_required_v3 .contact-card, .enter_otp_required_v3 .contact-card {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  justify-content: flex-start;
  padding: 4px;
  background: #FFFFFF;
  border-radius: 8px;
}

.otp_selector_v3 .continue-button, .enter_otp_v3 .continue-button, .otp_required_v3 .continue-button, .enter_otp_required_v3 .continue-button {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 38px;
  padding: 6px 16px 6px 20px;
  margin-top: 8px;
  background: #151F6D;
  border-radius: 20px;
  border: none !important;
  outline: none;
}

.otp_selector_v3 .text-opacity, .enter_otp_v3 .text-opacity, .otp_required_v3 .text-opacity, .enter_otp_required_v3 .text-opacity {
  opacity: 0.6;
  font-size: 1rem;
}

.otp_selector_v3 .password_input_field, .enter_otp_v3 .password_input_field, .otp_required_v3 .password_input_field, .enter_otp_required_v3 .password_input_field {
  border: none !important;
  outline: none;
  border-radius: 8px;
}

.otp_selector_v3 .destination_detail, .enter_otp_v3 .destination_detail, .otp_required_v3 .destination_detail, .enter_otp_required_v3 .destination_detail {
  padding: 8px;
  border-radius: 4px;
  align-items: center;
}

.otp_selector_v3 .otp_destination_selected, .enter_otp_v3 .otp_destination_selected, .otp_required_v3 .otp_destination_selected, .enter_otp_required_v3 .otp_destination_selected {
  background-color: rgba(245, 245, 245, 0.475);
}

.otp_selector_v3 .disabled-svg, .enter_otp_v3 .disabled-svg, .otp_required_v3 .disabled-svg, .enter_otp_required_v3 .disabled-svg {
  filter: grayscale(100%);
  opacity: 0.3;
}

.login_v2 .textfont {
  font-size: 1rem;
}

.login_v2 .need_help_logging {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.login_v2 .submit-button {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 6px 16px 6px 20px;
  margin-top: 8px;
  background: #151F6D;
  border-radius: 20px;
  border: none !important;
  outline: none;
  height: 38px;
  width: 114px;
}

.login_v2 .authentication-method-title {
  font-size: 1rem;
}

.login_v2 .input_field_style {
  border: none !important;
  outline: none;
}

.button_styling {
  font-size: 16px !important;
}

.login_heading_title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-display-block {
  background-color: #FFFFFF !important;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 15px;
  padding: 15px;
  min-height: 165px;
  max-height: 170px !important;
  max-width: 32%;
  margin-right: 10px;
  cursor: pointer;
}

.card-display-block_v2 {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 15px;
  padding: 12px 20px 12px 12px;
  min-height: 165px;
  max-height: 170px !important;
  max-width: 24.4%;
  margin-right: 10px;
  cursor: pointer;
}

.card-display-block_v2:last-child {
  max-width: 24%;
  cursor: pointer;
}

.card-display-block:last {
  margin-right: 0px !important;
  cursor: pointer;
}

.login_form_v2 {
  min-width: 400px;
}

.content_page_style {
  display: flex;
  align-items: center;
  justify-content: center;
}

input[name='j_username']::placeholder, input[name='j_password']::placeholder {
  font-size: 1rem;
  font-family: 'DM Sans';
}

.trusted-device-font-color {
  color: #FFFFFF;
}

.enter_otp_v3 .another_channel {
  text-decoration: underline;
}

#dashboard .carousel_image, #account_summary .carousel_image {
  padding: 10px;
}

.carousel-item .list-inline .list-inline-item-1 {
  vertical-align: top;
}

.carousel-item .list-inline .list-inline-item-2 {
  padding-top: 10px;
  width: 86%;
}

.ux2 #account_details .load_more_new {
  width: auto;
  height: 28px;
  border-radius: 60px;
  background-color: rgba(255, 255, 255, 0.4);
  color: #FFFFFF;
  font-size: 1rem;
  display: inline-block;
  padding: 2px 12px 3px 12px;
}

.transaction_description_text {
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 30ch;
  border-radius: 5px;
}

.trusted-device-negative-screen-color {
  color: #151F6D;
}

.carousel-item {
  transition-duration: 1s;
}

.ux2 {
  /*eye icon style*/
  /*error page*/
  /*page specific style*/
  /*spacing style*/
  /*container background color style*/
  /**
  Reset the white bg color of ux2
  */
  /*nav tabs style*/
  /* prelogin nav tabs style */
  /*form input style*/
  /*width style */
  /* width style */
  /*spacing style*/
  /*button style*/
  /*button with arrow icon style*/
  /*utils style*/
  /*menu style*/
  /*slider style*/
  /*images */
  /*text color*/
  /* unique text color */
  /*font size*/
}

.ux2 #message_view .rounded-circle {
  background-color: #151F6D;
}

.ux2 #unlock_verify_contact .button-as-link {
  color: #151F6D !important;
  width: 88px;
  cursor: pointer;
}

.ux2 #unlock_verify_contact .button-as-link:hover, .ux2 #unlock_verify_contact .button-as-link:focus {
  background-color: transparent !important;
}

.ux2 #check_deposit_sso #sso_message_block a {
  font-weight: 700 !important;
}

.ux2 #role_privileges .privileges p label, .ux2 #add-sub-user .newSubUserFields .form-group label, .ux2 #add-sub-user .form-group label, .ux2 #add-sub-user label, .ux2 #feature_list_3620 label, .ux2 #new_role .form-group label, .ux2 #credit_card_balance_transfer_form .title_labels label, .ux2 #credit_balance_account_number_row label, .ux2 #credit_card_balance_transfer_form .form-group label, .ux2 #credit_card_balance_transfer_form .input-group label, .ux2 #credit_card_balance_transfer_form h3 {
  font-weight: 400;
}

.ux2 #ira_esa_account_changes_and_renewal_form h3, .ux2 #ira_esa_account_changes_and_renewal_form .form-group label, .ux2 #cross_member_transfer_form .form-group label {
  font-weight: 700 !important;
}

.ux2 #stop_check .form-padding-left {
  padding-left: 20px !important;
}

.ux2 #stop_check .form-group label, .ux2 #stop_check_history .form-group label {
  font-weight: 700;
}

.ux2 #check_reorder .form-group label, .ux2 #account_label_acc_transactions, .ux2 #statement_export label {
  font-weight: 700;
}

.ux2 .ux2-mt-icon {
  margin-top: 3px;
}

.ux2 .ux2-my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.ux2 .ux2-pull-right {
  float: right !important;
}

.ux2 .breadcrumb_block {
  height: auto;
  border-radius: 0px 0px 8px 8px;
  padding: 4px 0px;
  padding-left: 7px;
  margin-top: 0px;
  margin-bottom: 30px;
  background: rgba(255, 255, 255, 0.4);
}

.ux2 .userInitials_style_switch_user {
  width: 28px;
  height: 28px;
}

.ux2 .switch-user-button {
  height: 42px;
}

.ux2 #create_template .avatar-new {
  box-shadow: 0 0 3px 2px #e0e0e0;
  border: 4px solid #fff;
  width: 40px;
  height: 40px;
}

.ux2 #run_template #fund_transfer_start_date {
  max-width: unset;
}

.ux2 #payeeListModel .checked_tab .single_payee_box {
  background-color: #ccc !important;
}

.ux2 #check_reorder #sso_message_block a {
  font-weight: 700;
}

.ux2 #credit_card_list_section_error .alert {
  padding: 1em 0.25em;
  width: 100%;
  display: block;
  min-width: 0;
}

.ux2 #notification .pagination li a, .ux2 #notification .pagination li span {
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  border: none;
  color: #FFFFFF;
  margin-left: 7px;
}

.ux2 #notification .pagination .active a {
  background-color: #151F6D;
  color: #FFFFFF;
  border: none;
}

.ux2 #notification .pagination li:first-child a, .ux2 #notification .pagination li:last-child a {
  display: inline-flex;
  justify-content: space-between;
  width: max-content;
}

.ux2 .main-header .hidden-in-xs .ux2-header-logo-link, .ux2 .pre_login_v2 .logo-container .ux2-header-logo-link {
  display: block;
  min-width: 90px;
  min-height: 40px;
}

.ux2 #skip_payment button.btn.btn-primary.form-control.ux2-btn-link {
  color: unset !important;
  background-color: unset !important;
}

.ux2 #skip_payment button.btn.btn-primary.form-control.ux2-btn-link:focus {
  color: unset !important;
  background-color: unset !important;
}

.ux2 #change_password_module .paswd_tip ul {
  list-style-type: none !important;
}

.ux2 #online-form-alerts table td a {
  color: #151F6D !important;
}

.ux2 .card-text {
  line-height: 18.23px;
}

.ux2 .header_logo_image {
  float: left;
  padding-left: 20px;
  max-width: 100%;
  height: auto;
}

.ux2 ul.breadcrumb {
  font-size: 0.875rem;
}

.ux2 .input-group-prepend .input-group-text {
  border-radius: 8px 0px 0px 8px !important;
}

.ux2 .input-group-append {
  border: 0px !important;
}

.ux2 .input-group-append .input-group-text {
  border-radius: 0px 8px 8px 0px !important;
}

.ux2 #coapplicant_phone_number {
  border-radius: 8px !important;
}

.ux2 .header_text_logo {
  font-size: 28px;
  font-weight: 400;
  line-height: 36.46px;
  letter-spacing: -0.03em;
}

.ux2 .header span.headerLinkLabel.text-center {
  font-size: 0.875rem;
}

.ux2 #ux2-light-dark-theme button[id="ux2-darkButton"].active {
  background-color: rgba(255, 255, 255, 0.4);
  /* Change this to your desired highlight color */
}

.ux2 #ux2-light-dark-theme button[id="ux2-lightButton"].active {
  background-color: rgba(0, 0, 0, 0.08);
  /* Change this to your desired highlight color */
}

.ux2 .footer-elements #ux2-light-dark-theme button[id="ux2-lightButton"].active {
  background-color: rgba(0, 0, 0, 0.08);
  /* Change this to your desired highlight color */
}

.ux2 .footer-elements .element-0 .list-inline .list-inline-item:not(:last-child) {
  margin-right: 1.5rem !important;
}

.ux2 #ux2-light-dark-theme button {
  background-color: transparent;
  border-radius: 50%;
}

.ux2 #ux2-light-dark-theme button:hover {
  border-radius: 50%;
}

.ux2 #ux2-light-dark-theme button img.m-1.dark {
  padding: 2px;
}

.ux2 .ux2-routing-number {
  color: #4d4d4d;
}

.ux2 #sub_user_enroll .enroll_main_sec {
  padding: 0px !important;
}

.ux2 .switch_account_overlay_active {
  padding-left: 15px;
}

.ux2 #role_entitlements .search_block .input-group input[name=search], .ux2 #role_entitlements .search_search_btn .input-group-text {
  background: #efefef;
  border-radius: 0px;
}

.ux2 #role_entitlements .search_block .input-group .input-group-append {
  margin-left: 0px;
}

.ux2 #fund_transfer_manage_payee input#payeeSearch {
  background: #efefef;
}

.ux2 #fund_transfer_manage_payee .input-group-append, .ux2 #fund_transfer_manage_payee .input-group-append span.input-group-text {
  background-color: #d8d8d8;
  margin-left: 0px;
  color: #fff;
}

.ux2 #reports_list .actionDots,
.ux2 #multi_account_payee_details .actionDots, .ux2 #transfer_template_list .actionDots {
  height: 13.08px;
}

.ux2 .pageView.pageViewV2 #error_page, .ux2 .pageView.pageViewV2 .error-pageView {
  margin-bottom: 150px;
}

.ux2 .delete-payee:hover {
  color: #2a2a2a;
}

.ux2 label > .mfa-info {
  padding: 15px;
}

.ux2 .enroll_body_sec .login-toggle-password, .ux2 .login-section .login-toggle-password, .ux2 #cp_form_newpass .login-toggle-password, .ux2 #card-resetpin-form .login-toggle-password, .ux2 #sub_user_enroll .login-toggle-password, .ux2 #order_new_card_form .login-toggle-password {
  margin-top: -34.5px;
  margin-right: 30px;
}

.ux2 .enroll_body_sec .fa-eye-slash, .ux2 .login-section .fa-eye-slash, .ux2 #cp_form_newpass .fa-eye-slash, .ux2 #card-resetpin-form .fa-eye-slash, .ux2 #sub_user_enroll .fa-eye-slash, .ux2 #order_new_card_form .fa-eye-slash {
  position: static;
  margin-top: 0px;
  padding-top: 0px !important;
}

.ux2 .enroll_body_sec .fa-eye, .ux2 .login-section .fa-eye, .ux2 #cp_form_newpass .fa-eye, .ux2 #card-resetpin-form .fa-eye, .ux2 #sub_user_enroll .fa-eye, .ux2 #order_new_card_form .fa-eye {
  margin-top: 0px;
}

.ux2 #reissuance_card .login-toggle-password .fa-eye-slash, .ux2 #reset_password .login-toggle-password .fa-eye-slash, .ux2 #order_new_card_form .login-toggle-password .fa-eye-slash {
  padding-top: 0px !important;
  position: static !important;
}

.ux2 .datepicker_common_icon, .ux2 .datepicker_input {
  background: #FFFFFF url("../img/dashboard/calendar_icon_new.svg") no-repeat scroll right 15px center/12.33px 14.53px !important;
}

.ux2 .datepicker_common_icon[readonly], .ux2 .datepicker_input[readonly] {
  background: #EFEFEF url("../img/dashboard/calendar_icon_new.svg") no-repeat scroll right 15px center/12.33px 14.53px !important;
}

.ux2 .quick-links-list > .links-with-hover {
  align-items: center;
}

.ux2 .quick-links-list > .links-with-hover img[alt="Right arrow"] {
  height: 0px;
}

.ux2 .quick-links-list > .links-with-hover.active {
  color: #2a2a2a;
}

.ux2 .widget {
  border-radius: 8px;
}

.ux2 .jcf-select.styledSelect .jcf-select-opener {
  top: 0px;
  width: 20px;
  right: 4px;
}

.ux2 .jcf-select.styledSelect .icon-arrow-down::before {
  content: '';
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #2a2a2a;
  position: absolute;
  top: 50%;
  transform: translate(-100%, -50%);
}

.ux2 .ux2-select-component-wrap-transparent-bg .styledSelect .jcf-select-text {
  padding-top: 8px;
  padding-bottom: 15px;
}

.ux2 .ux2-select-component-wrap-transparent-bg > div {
  width: auto;
  display: inline-block;
  margin-bottom: 0px;
}

.ux2 .ux2-select-component-wrap-transparent-bg select.jcf-hidden {
  width: auto !important;
  height: 36px !important;
}

.ux2 .jcf-select-component-tranparent-bg {
  background-color: transparent !important;
  padding: 0px !important;
  height: auto !important;
  background-image: url("../img/arrow_drop_down_circle.svg");
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 24px;
}

.ux2 .jcf-select-component-tranparent-bg.jcf-pressed {
  background-color: transparent;
}

.ux2 .jcf-select-component-tranparent-bg .jcf-select-text {
  font-size: 18px;
  color: #2a2a2a !important;
  margin: 0 35px 0 0px;
  word-wrap: break-word;
  white-space: normal;
}

.ux2 .jcf-select-component-tranparent-bg .icon-arrow-down::before {
  display: none;
}

.ux2 #add_recipient .block-body {
  box-shadow: none;
}

.ux2 #paynow_widget p {
  color: #2a2a2a;
}

.ux2 #paynow_widget .more-link {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
}

.ux2 #paynow_widget .ux2-widget-payment .hidden {
  display: none;
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body {
  padding-top: 16px;
  padding-bottom: 16px;
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row {
  width: 100%;
  padding: 0px 11px 0px 11px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row .ux2-payment-img-col {
  padding: 8px 4px;
  width: 32px;
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row .ux2-payment-img-col .ux2-payment-img {
  width: 24px;
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row .ux2-payment-details-col {
  padding: 8px 4px;
  width: calc(100% - 35px);
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row .ux2-payment-details-col .ux2-payment-date {
  color: #76767e;
}

.ux2 #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row .ux2-payment-amt {
  color: #2a2a2a;
  width: 56px;
  text-align: right;
  align-self: flex-end;
}

.ux2 .page_quick_links .widget-body {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
}

.ux2 #qft_widget select.jcf-hidden {
  height: 27px;
}

.ux2 #qft_widget .jcf-select.styledSelect {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important;
  padding: 4px 4px 4px 0px !important;
}

.ux2 #qft_widget .jcf-select.styledSelect .jcf-select-opener {
  top: 0px;
  width: 20px;
  right: 0px;
  background-color: transparent !important;
}

.ux2 #qft_widget .jcf-select.styledSelect.jcf-unselectable {
  color: #2a2a2a;
}

.ux2 #qft_widget .jcf-select.styledSelect .icon-arrow-down::before {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #484D52;
  position: absolute;
  top: 47%;
  transform: translate(-50%);
}

.ux2 #qft_widget input[type="text"] {
  border-radius: 0px;
  font-size: 1rem;
}

.ux2 #qft_widget input[type="text"][readonly] {
  border-style: solid !important;
}

.ux2 #qft_widget .ux2-amountBlock.form-control {
  font-size: 28px;
  height: auto;
  padding: 0px 0px 0px 0px !important;
  text-align: center;
  line-height: 36.46px;
}

.ux2 #qft_widget input[name="transfer_amount"].ux2-amountBlock, .ux2 #qft_widget input[name="transfer_amount"][read-only].ux2-amountBlock {
  border-style: none !important;
}

.ux2 #qft_widget .form-control {
  color: #2a2a2a;
}

.ux2 #qft_widget .form-control[readonly] {
  background-color: #FFFFFF;
}

.ux2 #qft_widget .trans_btn.width-100 {
  width: auto;
}

.ux2 #account_summary .sort_type_block, .ux2 #account_summary_filter_ux2 .sort_type_block {
  display: inline-block;
  max-width: none !important;
}

.ux2 #account_summary .sort_type_block .sort_type, .ux2 #account_summary_filter_ux2 .sort_type_block .sort_type {
  max-width: none !important;
}

.ux2 #account_summary .block-heading .totalBlanceAndAccountGroupCount {
  padding-top: 3px !important;
}

.ux2 #account_summary .mask_unmask {
  position: relative;
}

.ux2 #account_summary .mask_unmask .masked {
  padding-right: 15px !important;
}

.ux2 #account_summary .mask_unmask .mask {
  padding-right: 5px;
}

.ux2 #account_summary .mask_unmask .fa-eye-slash,
.ux2 #account_summary .mask_unmask .fa-eye {
  right: 0px;
}

.ux2 #dashboard .default-page {
  padding-top: 8px;
}

.ux2 #dashboard .ux2-subheading-20 {
  color: #2a2a2a !important;
}

.ux2 .account-display-block .credit-card-account, .ux2 .account-display-block .creditcard-account, .ux2 .account-display-block .checking-account, .ux2 .account-display-block .loc-account, .ux2 .account-display-block .loan-account, .ux2 .account-display-block .mortgage-account {
  border-left-style: none;
}

.ux2 .block-heading h3 {
  margin-bottom: 0px !important;
  padding: 10px 5px 10px 0px;
  color: #2a2a2a !important;
}

.ux2 .account-display-block .savings-account {
  border-left-style: none;
}

.ux2 .savings-block .block-border-left,
.ux2 .checking-block .block-border-left,
.ux2 .sub-savings-block .block-border-left,
.ux2 .certificate-block .block-border-left,
.ux2 .ira-savings-block .block-border-left,
.ux2 .ira-block .block-border-left,
.ux2 .ira-certificate-block .block-border-left,
.ux2 .loc-block .block-border-left,
.ux2 .creditcard-block .block-border-left,
.ux2 .loan-block .block-border-left,
.ux2 .equity-block .block-border-left,
.ux2 .mortgage-block .block-border-left,
.ux2 .business-loans-block .block-border-left,
.ux2 .commercial-real-estate-block .block-border-left,
.ux2 .construction-block .block-border-left,
.ux2 .home-equity-line-of-credit-block .block-border-left {
  display: none;
}

.ux2 .more-tab-overlay {
  background: #FFFFFF;
  border-radius: 8px;
}

.ux2 .more-tab-overlay.container.more-tab-overlay-active {
  width: 100% !important;
}

@media (min-width: 576px) {
  .ux2 .more-tab-overlay.container.more-tab-overlay-active {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .ux2 .more-tab-overlay.container.more-tab-overlay-active {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .ux2 .more-tab-overlay.container.more-tab-overlay-active {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .ux2 .more-tab-overlay.container.more-tab-overlay-active {
    max-width: 1170px !important;
  }
}

@media (min-width: 1280px) {
  .ux2 .more-tab-overlay.container.more-tab-overlay-active {
    width: 1250px !important;
    max-width: 1250px !important;
  }
}

.ux2 .more-tab-overlay .sub-heading h3 {
  color: #2a2a2a !important;
}

.ux2 .more-tab-overlay .overlay-icons {
  border-style: none;
}

.ux2 .more-tab-overlay .card {
  border: none;
}

.ux2 .ux2-setting-icon {
  width: 24px;
  height: 24px;
}

.ux2 .ux2-row-space-md {
  margin-right: -15px;
  margin-left: -15px;
}

.ux2 .ux2-row-space-md > [class*="col"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.ux2 .ux2-row-space-md-r-0 > [class*="col"] {
  padding-right: 0px !important;
}

.ux2 .ux2-row-space-med {
  margin-right: -8px;
  margin-left: -8px;
}

.ux2 .ux2-row-space-med > [class*="col"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.ux2 .ux2-row-space-sm {
  margin-right: -6px;
  margin-left: -6px;
}

.ux2 .ux2-row-space-sm > [class*="col"] {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.ux2 .ux2-row-space-y-sm {
  margin-top: -6px;
  margin-bottom: -6px;
}

.ux2 .ux2-row-space-y-sm > [class*="col"] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.ux2 .ux2-bg-color-lightgrey {
  background: rgba(255, 255, 255, 0.4);
  padding: 12px 12px 12px 12px !important;
  border-radius: 8px;
}

.ux2 .ux2-bg-color-yellow {
  background: #151F6D;
}

.ux2 .ux2-bg-color-yellow .doller_amount_display {
  color: #2a2a2a;
}

.ux2 .ux2-bg-color-yellow .ux2-font-size-amount-20 {
  color: #2a2a2a !important;
}

.ux2 .ux2-bg-color-yellow .ux2-font-size-20 {
  font-size: 20px !important;
  color: #2a2a2a;
}

.ux2 .ux2-bg-color-light-grey.alpaca {
  background: rgba(255, 255, 255, 0.4);
  padding: 10px 10px 10px 10px !important;
  border-radius: 20px;
}

.ux2 .ux2-bg-color-light-grey .tab-content {
  background: #FFFFFF;
  padding: 15px 15px 15px 15px !important;
  border-radius: 10px;
}

.ux2 .ux2-bg-color-white {
  background: #FFFFFF;
  padding: 15px 15px 15px 15px !important;
  border-radius: 10px;
  font-size: 1rem;
}

.ux2 .ux2-bg-color-white.remove-ux2-bg-color-white {
  background: none;
  padding: 0px 0px 0px px !important;
}

.ux2 #trusted_device .ux2-bg-color-white {
  background-color: transparent;
}

.ux2 .nav-tabs {
  background: rgba(207, 226, 229, 0.7);
  margin-bottom: 8px;
  display: inline-flex;
  border-radius: 17px;
  padding: 5px 6px;
  border-bottom-style: none;
}

.ux2 .nav-tabs .nav-link {
  font-size: 1rem;
  line-height: 17.5px;
  padding: 3px 8px 3px 8px;
  color: #2a2a2a;
  border-style: none;
  margin-bottom: 0px;
}

.ux2 .nav-tabs .nav-link.active,
.ux2 .nav-tabs .nav-item.show .nav-link {
  background-color: white;
  color: #2a2a2a;
  border-radius: 11px;
  font-weight: 400;
}

.ux2 .ux2-enroll_steps {
  background: rgba(0, 0, 0, 0.24);
  margin-bottom: 8px;
  display: inline-flex;
  border-radius: 17px;
  padding: 5px 6px;
  border-bottom-style: none;
}

.ux2 .ux2-enroll_steps ul {
  font-size: 1rem;
  line-height: 17.5px;
  color: #2a2a2a;
  border-style: none;
  margin-bottom: 0px;
}

.ux2 .ux2-enroll_steps li {
  padding: 3px 8px;
  margin-right: 0px;
  color: #2a2a2a !important;
}

.ux2 .ux2-enroll_steps li.active {
  background-color: #FFFFFF;
  color: #2a2a2a !important;
  border-radius: 12px;
}

@media (max-width: 992px) {
  .ux2 .ux2-enroll_steps {
    border-radius: 17px;
    padding: 5px 5px 5px 5px;
  }
}

.ux2 .date-filters input {
  height: 50px !important;
  border-radius: 6px !important;
}

.ux2 form > .add_role_steps, .ux2 .associated_bus_border {
  border-bottom: 2px solid #D5D6D7 !important;
}

.ux2 #transfer_template_list label.form-check-label {
  display: inline-flex;
}

.ux2 #create_report .form-check-inline .form-check-input, .ux2 #reports_list .form-check-inline .form-check-input {
  width: 18px !important;
}

.ux2 #drag_upload_file .file_upload_button {
  font-size: 1rem;
  font-weight: 400;
  line-height: 26.04px;
  letter-spacing: -0.03em;
  text-align: left;
}

.ux2 #drag_upload_file img.ml-3.mt-2.ux2-mt-0.file-close-button {
  height: 18px;
}

.ux2 #drag_upload_file .file_upload_button::after {
  content: url("../img/attachment-black.svg");
  display: inline-block;
  margin-left: 8px;
}

.ux2 #drag_upload_file .file_upload_button:hover::after,
.ux2 #drag_upload_file .file_upload_button:visited::after,
.ux2 #drag_upload_file .file_upload_button:focus::after {
  content: url("../img/attachment-white.svg");
}

.ux2 #drag_upload_file .file-upload-bgcolor {
  background-color: #D8D8D8;
  border-radius: 20px;
  padding: 6px 8px 6px 20px;
  color: #2a2a2a;
  font-size: 1rem;
}

.ux2 input[type="checkbox"].custom-checkbox {
  appearance: none;
  background-color: var(--form-background);
  margin-right: 0;
  font: inherit;
  color: currentColor;
  width: 18px;
  height: 18px;
  border: 1px solid currentColor !important;
  border-radius: 9px;
  transform: translateY(0px);
  display: inline-grid;
  place-content: center;
}

.ux2 input[type="checkbox"].custom-checkbox::before {
  content: "";
  width: 18px;
  height: 18px;
  opacity: 0;
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  background-color: transparent;
}

.ux2 input[type="checkbox"].custom-checkbox:checked::before {
  opacity: 1;
  background-image: url("../img/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.ux2 input[type="checkbox"].custom-checkbox:indeterminate:before {
  opacity: 1;
  background-image: url("../img/checkbox-indeterminate.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.ux2 input[type="checkbox"].custom-checkbox:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.ux2 input[type="checkbox"].custom-checkbox:disabled {
  color: #999999;
  cursor: not-allowed;
}

.ux2 .ux2-mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.ux2 .ux2-mx-1 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.ux2 .ux2-max-width-init {
  max-width: initial;
}

.ux2 .ux2-mt-6-spacing {
  margin-top: 6px;
}

.ux2 .ux2-mt-2-spacing {
  margin-top: 2px;
}

.ux2 #Add_new_user input[type="submit"] {
  border: none !important;
}

.ux2 .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ux2 .ux2-btn-image-space > img {
  margin-left: 10px;
}

.ux2 .ux2-btn-image-space:focus img {
  filter: brightness(0.1) invert(1);
}

.ux2 .ux2-btn-link {
  background-color: transparent;
  border-style: none;
  padding: 0;
  height: auto;
  display: block;
  text-align: left;
  width: auto;
  color: #151F6D !important;
  text-decoration: underline;
}

.ux2 .ux2-btn-arrow > p {
  margin-right: 10px;
}

.ux2 .ux2-btn-arrow .hover-icon {
  display: none;
}

.ux2 .ux2-btn-arrow:hover .normal-icon {
  display: none;
}

.ux2 .ux2-btn-arrow:hover .hover-icon {
  display: block;
}

.ux2 .ux2-btn-arrow:focus img {
  filter: brightness(0.1) invert(1);
}

.ux2 .ux2-line-height-0 {
  line-height: 1px !important;
}

.ux2 .ux2-d-flex {
  display: flex !important;
}

.ux2 .ux2-d-inline-block {
  display: inline-block;
}

.ux2 .ux2-text-nowrap {
  white-space: nowrap !important;
}

.ux2 .ux2-justify-content-end {
  justify-content: flex-end !important;
}

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

.ux2 .ux2-top-0 {
  top: 0px !important;
}

.ux2 .ux2-right-0 {
  right: 0px !important;
}

.ux2 .ux2-pageTitle {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
  border-radius: 10px;
}

.ux2 .ux2-pageTitle .pageTitle {
  background-color: initial;
  margin-bottom: initial;
  margin-top: initial;
}

.ux2 .ux2-pageTitle-bg-cover {
  border-radius: 10px 10px 10px 10px;
}

.ux2 .ux2-pageTitle-bg-cover .pageTitle {
  background-color: initial;
  padding: initial !important;
}

.ux2 .ux2-pageTitle-bg-cover + .ux2-pageTitle-bg-cover, .ux2 .ux2-pageTitle-bg-cover ~ .ux2-pageTitle-bg-cover {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0px 0px 10px 10px !important;
  margin-bottom: 0px;
  padding: 10px 4px 0px 4px !important;
  font-size: unset !important;
  line-height: normal;
  font-weight: 400;
}

.ux2 .ux2-pageTitle-bg-cover:first-child {
  border-radius: 8px !important;
}

.ux2 #account_summary.ux2-pageTitle-bg-cover.ml-2 {
  font-size: 1rem;
}

.ux2 .ux2-form-group-child-0 > .form-group {
  margin-bottom: 0px;
}

.ux2 .ux2-custom-postion-relative {
  position: relative;
}

.ux2 .ux2-custom-postion-relative > select.jcf-hidden {
  width: 100% !important;
  height: 50px !important;
  left: initial !important;
  border-radius: 40px;
  opacity: 0;
}

.ux2 .top-main-menu .left-side-bar .sactive .side_menu_name {
  color: #fff;
}

.ux2 #header_menu .routing-num-clr {
  color: #76767e;
  font-size: 0.875rem;
}

.ux2 #header_menu .routing-num-clr strong {
  font-weight: 400;
}

.ux2 #header_menu a {
  color: #2a2a2a;
}

.ux2 #header_menu .userInitials_style {
  color: #FFFFFF;
  background: #151F6D;
}

.ux2 .header_activity_since_log_icon {
  background: url("../img/Activities_icon_black.svg'") no-repeat center;
}

.ux2 .header_inbox_icon {
  background: url("../img/header_notifications_black.svg") no-repeat center center;
  background-size: 18px !important;
}

.ux2 .header_logout_icon {
  background: url("../img/header_logout_black.svg") no-repeat center center;
}

.ux2 .carousel-item .list-inline-item .card-title {
  line-height: 25px;
  font-weight: 400;
}

.ux2 .carousel-item .list-inline-item .card-text {
  line-height: 17.5px;
  font-weight: 400;
}

.ux2 .carousel .carousel-indicators {
  bottom: 0px;
  margin-bottom: 0px;
}

.ux2 .carousel .carousel-indicators li {
  background-color: black;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  opacity: .2;
  height: 6px;
  width: 6px;
  margin-right: 6px;
  margin-left: 6px;
}

.ux2 .carousel .carousel-indicators li.active {
  background-color: #D8D8D8;
  opacity: 1;
}

.ux2 .carousel .carousel-inner {
  padding-bottom: 32px;
}

.ux2 .carousel .carousel-control {
  position: absolute;
  bottom: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.ux2 .carousel .carousel-control.left {
  left: 50%;
  transform: translateX(-53px);
  background-image: url("../img/bordered_left_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 20px;
}

.ux2 .carousel .carousel-control.right {
  right: 50%;
  left: auto;
  transform: translateX(53px);
  background-image: url("../img/bordered_right_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 20px;
}

.ux2 .modal-open:not(.modal-content) {
  filter: blur(5px);
}

.ux2 .ux2-dark-light-img-width {
  width: 18px;
}

.ux2 a:not(.btn)::not(#payee_management_button_label_save, #commonbutton_label_cancel) {
  color: #151F6D;
}

.ux2 .ux2-text-blue {
  color: #151F6D;
}

.ux2 .ux2-text-black {
  color: #2a2a2a !important;
}

.ux2 .ux2-text-red {
  color: red;
}

.ux2 .ux2-text-grey {
  color: rgba(0, 0, 0, 0.5);
}

.ux2 .ux2-text-grey-light {
  color: #76767e;
}

.ux2 .ux2-text-muted-accounts {
  color: #999999;
}

.ux2 .ux2-bg-color-light-grey .pageTitle {
  color: #000000 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background-color: initial;
}

.ux2 .ux2-bg-color-light-grey .resend_otp {
  color: #2a2a2a;
}

.ux2 .resend_otp {
  color: #FFFFFF;
}

.ux2 #dashboard_text_total_balance_text, .ux2 #dashboard_text_total_dues_text, .ux2 #Qa_account_details_additional_search_options {
  color: #999999;
}

.ux2 #dashboard .accountNameHash {
  color: #2a2a2a;
}

.ux2 #dashboard .text-muted {
  color: #4d4d4d;
}

.ux2 #account_summary .block-body h3 {
  color: #2a2a2a;
}

.ux2 #account_summary .block-body .text-muted {
  color: #2a2a2a;
}

.ux2 #account_summary .block-body .text-dark {
  color: rgba(0, 0, 0, 0.5) !important;
}

.ux2 #account_summary .ux2-text-grey-light {
  font-size: 0.875rem;
}

.ux2 #firstlogin_info .pageTitle, .ux2 #manage_accounts .pageTitle {
  color: unset !important;
}

.ux2 #firstlogin_info .text-dark, .ux2 #manage_accounts .text-dark {
  color: #2a2a2a !important;
}

.ux2 #firstlogin_info .account-display-block, .ux2 #manage_accounts .account-display-block {
  line-height: 20px;
  outline: 2px solid #151F6D;
}

.ux2 .block-heading h3 {
  color: #FFFFFF;
}

.ux2 #dashboard_text_total_dues_text, .ux2 #dashboard_text_total_balance_text {
  color: #4d4d4d;
}

.ux2 #account_details .is_positive {
  color: #2a2a2a;
}

.ux2 #account_details .runningBalanceColumnHeader {
  color: #76767e !important;
}

.ux2 #account_details .font_deposit_color, .ux2 #account_details .font_withdrawal_color {
  color: #76767e;
}

.ux2 #fundTransfer .widget-title h3 {
  font-size: 20px;
  line-height: 26.5px;
  color: #2a2a2a !important;
}

.ux2 .ux2-h2 {
  font-size: 28px;
}

.ux2 .ux2-font-size-12 {
  font-size: 0.875rem;
}

.ux2 .ux2-font-size-14 {
  font-size: 1rem;
}

.ux2 .ux2-font-size-16 {
  font-size: 16px;
}

.ux2 .ux2-font-size-18 {
  font-size: 18px;
}

.ux2 .ux2-font-size-19 {
  font-size: 19px;
  line-height: 23.75px;
  font-weight: 400;
  color: #2a2a2a;
}

.ux2 .ux2-font-size-amount-20 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  color: #2a2a2a !important;
}

.ux2 .ux2-font-size-20 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.ux2 .ux2-font-size-28 {
  font-size: 28px;
}

.ux2 .block-heading h3 {
  font-size: 20px;
  font-weight: 400;
}

.ux2 .radio-label {
  font-size: 1rem;
}

.ux2 .quick-links-list {
  font-size: 1rem;
}

.ux2 #dashboard .pageTitle {
  font-size: 48px;
}

.ux2 #account_summary .desktop-menu a {
  font-size: 1rem;
  color: #151F6D;
}

.ux2 .tilesinfomore strong {
  font-weight: 400;
  line-height: 35px;
}

.ux2 #account_details .transaction_list h3 {
  font-size: 28px;
}

.ux2 #account_details .accounts-table .balance_info {
  font-size: 20px;
  line-height: 25px;
}

.ux2 #account_details .transaction-type-desc {
  font-size: 1rem;
}

.ux2 #account_summary .ux2-bg-color-white-acount-overview {
  background: #E7EFF3;
  padding: 0px 0px !important;
}

.ux2 #account_details .ux2-bg-color-white-account-details, .ux2 #account_details .ux2-bg-color-white-acount-overview {
  background: #FFFFFF;
  padding: 10px 0px !important;
  border-radius: 8px;
}

.ux2 #account_details .block-body {
  padding: 0px;
}

.ux2 #account_details .block-body .tilesinfomore {
  padding: 16px 16px 0px 16px;
}

.ux2 #account_details .block-body .block-bottom-nav {
  padding: 12px 16px;
}

.ux2 .ux2-eachTransactionRow {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.ux2 #account_details .ux2-eachTransactionRowin, .ux2 #certificate_account_tile .ux2-eachTransactionRowin {
  padding: 0px  0px 0px 0px !important;
}

.ux2 #account_details #account_summary.accounts-table.transactionListContainer.eachTransactionRow, .ux2 #certificate_account_tile #account_summary.accounts-table.transactionListContainer.eachTransactionRow {
  padding-right: 0px !important;
}

.ux2 #account_details .ux2-eachTransactionRowin > div, .ux2 #certificate_account_tile .ux2-eachTransactionRowin > div {
  padding: 0px 0px 0px 0px !important;
  background: rgba(0, 0, 0, 0.24) !important;
  border-radius: 6px;
}

.ux2 #account_details .ux2-eachTransactionRowin > div .firstRow, .ux2 #certificate_account_tile .ux2-eachTransactionRowin > div .firstRow {
  padding: 12px 0px 0px 0px;
}

.ux2 #account_details .see-more-div, .ux2 #account_details .see-account-holders-div, .ux2 #certificate_account_tile .see-more-div, .ux2 #certificate_account_tile .see-account-holders-div {
  position: relative;
}

.ux2 #account_details .see-more-div a, .ux2 #account_details .see-account-holders-div a, .ux2 #certificate_account_tile .see-more-div a, .ux2 #certificate_account_tile .see-account-holders-div a {
  padding-left: 28px;
  background-image: url("../img/dropdown_arrow_grey.svg");
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 12px;
}

.ux2 #account_details .see-more-div .on_user_demand_btn_icon_upward_light, .ux2 #account_details .see-account-holders-div .on_user_demand_btn_icon_upward_light, .ux2 #certificate_account_tile .see-more-div .on_user_demand_btn_icon_upward_light, .ux2 #certificate_account_tile .see-account-holders-div .on_user_demand_btn_icon_upward_light {
  background-image: url("../img/upward_arrow.svg");
}

.ux2 #account_details .see-more-div .on_user_demand_btn_icon_downward_dark, .ux2 #account_details .see-account-holders-div .on_user_demand_btn_icon_downward_dark, .ux2 #certificate_account_tile .see-more-div .on_user_demand_btn_icon_downward_dark, .ux2 #certificate_account_tile .see-account-holders-div .on_user_demand_btn_icon_downward_dark {
  background-image: url("../img/dropdown_arrow_grey.svg");
}

.ux2 #account_details .see-account-holders, .ux2 #certificate_account_tile .see-account-holders {
  position: absolute;
}

.ux2 #account_details .acc_holder_info_div, .ux2 #certificate_account_tile .acc_holder_info_div {
  display: none;
}

.ux2 #account_details .account-holders-container, .ux2 #certificate_account_tile .account-holders-container {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 1.5rem;
  margin-top: 0.5rem;
}

.ux2 #account_details .account-holder-item .account-holder-name, .ux2 #certificate_account_tile .account-holder-item .account-holder-name {
  font-weight: 600;
  color: #2a2a2a;
  font-size: 14px;
  margin-bottom: 4px;
}

.ux2 #account_details .account-holder-item .account-holder-type, .ux2 #certificate_account_tile .account-holder-item .account-holder-type {
  color: #76767e;
  font-size: 1rem;
}

.ux2 .load_tr_btn {
  border-radius: 40px;
  background: rgba(0, 0, 0, 0.24);
  height: 28px;
  font-size: 1rem;
  line-height: 14px;
  color: #FFFFFF;
}

.ux2 .jcf-label-active {
  position: relative;
}

.ux2 .jcf-label-active > .jcf-hidden {
  height: 16px !important;
  width: 16px !important;
  left: 0px !important;
  display: block !important;
}

.ux2 .styledSelect {
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #2a2a2a;
  border: none !important;
  font-weight: 400;
  line-height: 17.5px;
  height: 34px;
  padding: 4px 4px 4px 12px;
}

.ux2 .styledSelect .jcf-select-text {
  padding-top: 3px;
  color: #2a2a2a !important;
  line-height: 20px;
}

.ux2 #enroll_otp_status .enroll_tc .static_content b {
  color: #151F6D;
}

.ux2 #account_summary .styledSelect {
  background-color: rgba(255, 255, 255, 0.7);
}

.ux2 .ux2-bg-color-light-grey .styledSelect, .ux2 .modal .styledSelect {
  border-radius: 8px;
  background-color: #FFFFFF;
  height: 50px;
  border: 1px solid #999999 !important;
  padding: 9px 0px 12px 8px;
}

.ux2 .ux2-bg-color-light-grey .styledSelect .jcf-select-text, .ux2 .modal .styledSelect .jcf-select-text {
  color: #2a2a2a !important;
  font-size: 1rem;
  line-height: 24px !important;
  letter-spacing: -0.6px;
}

.ux2 .ux2-bg-color-light-grey .styledSelect .jcf-select-opener, .ux2 .modal .styledSelect .jcf-select-opener {
  top: 0px;
  width: 20px;
  right: 16px;
}

.ux2 .ux2-bg-color-light-grey .styledSelect.jcf-unselectable, .ux2 .modal .styledSelect.jcf-unselectable {
  color: #76767e;
}

.ux2 .ux2-bg-color-light-grey .styledSelect .icon-arrow-down::before, .ux2 .modal .styledSelect .icon-arrow-down::before {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #484D52;
  position: absolute;
  top: 47%;
  transform: translate(-50%);
}

.ux2 .ux2-bg-color-light-grey .styledSelect.jcf-disabled, .ux2 .modal .styledSelect.jcf-disabled {
  border-style: none !important;
}

.ux2 #otp_required .field-icon .show-password {
  position: relative;
}

.ux2 #otp_required .field-icon .hide-password {
  position: relative;
}

.ux2-login-bg-color-white {
  background: #FFFFFF;
  padding: 4px !important;
  border-radius: 8px;
}

.modal-content {
  background-color: #FFFFFF;
  border-width: 15px 16px;
  border-style: solid;
  border-radius: 8px;
}

#message_center .search-key-btn {
  display: none;
}

#search_key::-webkit-search-cancel-button {
  position: relative;
  right: 20px;
}

.ux2-pt-12 {
  padding-top: 12px;
}

.ux2-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ux2-login-max-width {
  max-width: 400px !important;
  margin: auto !important;
}

@media (min-width: 1200px) {
  .ux2-login-max-width .ux2-login-max-width {
    max-width: 400px !important;
  }
}

.ux2-login-max-width .ux2-mfa-text-content {
  font-size: 20px;
  font-weight: 400;
}

.ux2-login-max-width .ux2-login-toggle-password {
  margin-top: -33px;
}

.ux2-login-max-width .ux2-login-toggle-password .hide-password {
  margin-right: 12px;
}

.ux2-header-container {
  backdrop-filter: blur(10px);
}

#forgot_reset_password_form #pass_require span p, #forgot_reset_password_form #pass_require span ul li {
  color: rgba(0, 0, 0, 0.5) !important;
}

.ux2 .ux2-bg-color-light-grey h3#mfa_text_button_label_mfa_lbl_mfa_choose_otp {
  font-size: 32px !important;
}

body.ux2.ux2-dark-mode {
  background-image: url("../img/backdrop-dark.jpg");
  color: white !important;
  /*
    #more_tabs .more_icons{
      filter: contrast(0.6) brightness(2);
      .more_check_deposit_sso{
        filter: contrast(0.1) sepia(1) hue-rotate(180deg) saturate(1) brightness(1.2);
      }
  }*/
}

body.ux2.ux2-dark-mode .see-more-div, body.ux2.ux2-dark-mode .see-account-holders-div {
  position: relative;
}

body.ux2.ux2-dark-mode .see-more-div a, body.ux2.ux2-dark-mode .see-account-holders-div a {
  padding-left: 28px;
  background-image: url("../img/dropdown_arrow_grey.svg");
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 12px;
}

body.ux2.ux2-dark-mode .see-more-div .on_user_demand_btn_icon_upward_light, body.ux2.ux2-dark-mode .see-account-holders-div .on_user_demand_btn_icon_upward_light {
  background-image: url("../img/upward_arrow.svg") !important;
}

body.ux2.ux2-dark-mode .see-more-div .on_user_demand_btn_icon_downward_dark, body.ux2.ux2-dark-mode .see-account-holders-div .on_user_demand_btn_icon_downward_dark {
  background-image: url("../img/dropdown_arrow_grey.svg") !important;
}

body.ux2.ux2-dark-mode .jcf-select.styledSelect.jcf-disabled {
  background-color: #4a4848 !important;
}

body.ux2.ux2-dark-mode .download_document_icon {
  background: url("../img/download_document_icon.svg") no-repeat;
  background-position: center !important;
}

body.ux2.ux2-dark-mode #membership_settings .ux2-bg-color-light-grey {
  color: #2a2a2a;
  padding: 0;
  font-weight: 300;
  font-size: 1rem;
  background: none;
  border: none;
}

body.ux2.ux2-dark-mode .transaction-count {
  display: block !important;
  color: #2A2A2A !important;
  background-color: #CAE6FD !important;
  border-radius: 50px !important;
  width: 25px;
  text-align: center;
}

body.ux2.ux2-dark-mode .remove_file_icon {
  background: url("../img/remove_file.svg") no-repeat;
  background-size: 20px !important;
  background-position: center !important;
}

body.ux2.ux2-dark-mode .account-tiles-info, body.ux2.ux2-dark-mode .mfa-info {
  background: url("../img/tooltip_info_icon_yellow.svg") no-repeat;
  background-position: center;
}

body.ux2.ux2-dark-mode .form-control {
  color: #ffffff;
}

body.ux2.ux2-dark-mode .my_account_ft_avatar_image {
  background: url(../img/personal_information_icon_White.svg) no-repeat center;
}

body.ux2.ux2-dark-mode .is_deposit {
  color: #2a2a2a;
}

body.ux2.ux2-dark-mode .jcf-checkbox, body.ux2.ux2-dark-mode .jcf-radio {
  border: 1px solid #151F6D !important;
}

body.ux2.ux2-dark-mode .jcf-radio span {
  background: #151F6D !important;
}

body.ux2.ux2-dark-mode .card, body.ux2.ux2-dark-mode #qft_widget .jcf-select.styledSelect {
  background-color: #0c0117 !important;
}

body.ux2.ux2-dark-mode .introjs-overlay, body.ux2.ux2-dark-mode .introjs-tooltip {
  background-color: #222527;
}

body.ux2.ux2-dark-mode .introjs-overlay .introjs-skipbutton, body.ux2.ux2-dark-mode .introjs-overlay .introjs-prevbutton, body.ux2.ux2-dark-mode .introjs-overlay .introjs-nextbutton, body.ux2.ux2-dark-mode .introjs-overlay a:hover, body.ux2.ux2-dark-mode .introjs-tooltip .introjs-skipbutton, body.ux2.ux2-dark-mode .introjs-tooltip .introjs-prevbutton, body.ux2.ux2-dark-mode .introjs-tooltip .introjs-nextbutton, body.ux2.ux2-dark-mode .introjs-tooltip a:hover {
  color: #2a2a2a;
}

body.ux2.ux2-dark-mode .form-control:not(.border-0) {
  background-color: #efefef;
  color: #FFFFFF;
}

body.ux2.ux2-dark-mode .table tr td {
  color: #000000;
}

body.ux2.ux2-dark-mode .table tr th {
  color: #76767e;
}

body.ux2.ux2-dark-mode .modal-content {
  background-color: black;
  border-width: 15px 16px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
}

body.ux2.ux2-dark-mode .modal-content a {
  color: #151F6D !important;
}

body.ux2.ux2-dark-mode .modal-content .list-group-item {
  background-color: #FFFFFF;
}

body.ux2.ux2-dark-mode .modal-open {
  filter: blur(5px);
  pointer-events: none;
  z-index: 1;
  transition: filter 0.3s ease;
}

body.ux2.ux2-dark-mode input[type="checkbox"].custom-checkbox:checked::before {
  filter: brightness(0) invert(1);
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar .sactive .side_menu_name {
  color: #fff;
}

body.ux2.ux2-dark-mode ul.breadcrumb li + li:before {
  content: url("../img/chevron_right_dark.svg");
}

body.ux2.ux2-dark-mode #bill_pay_enroll .open_common_sso #common_sso_iframe {
  background-color: #FFFFFF;
}

body.ux2.ux2-dark-mode #success_popup .modal-body {
  background-image: url("../img/popup_animation.gif");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0px;
  background-color: #F6F6F9;
}

body.ux2.ux2-dark-mode #success_popup p.micro_animation_success_message_content.mt-4.p-1 {
  color: black;
}

body.ux2.ux2-dark-mode #account_details .search-container a img, body.ux2.ux2-dark-mode #account_summary .search-container a img, body.ux2.ux2-dark-mode .print_transaction .search-container a img, body.ux2.ux2-dark-mode #activitySinceLastLoginModal .search-container a img {
  filter: brightness(1);
}

body.ux2.ux2-dark-mode #exampleActivity tbody tr {
  background-color: #E7EFF3;
}

body.ux2.ux2-dark-mode .carousel .carousel-control.left {
  background-image: url("../img/bordered_left_arrow_white_dark.svg");
}

body.ux2.ux2-dark-mode .carousel .carousel-control.right {
  background-image: url("../img/bordered_right_arrow_white_dark.svg");
}

body.ux2.ux2-dark-mode #paynow_widget .ux2-widget-payment .widget-body .ux2-payment-row .ux2-payment-img, body.ux2.ux2-dark-mode .footerMarginRight, body.ux2.ux2-dark-mode .ux2-setting-icon, body.ux2.ux2-dark-mode .more-tab-overlay-close img, body.ux2.ux2-dark-mode .destination_detail img, body.ux2.ux2-dark-mode .business_icon_black {
  filter: brightness(0) invert(1);
}

body.ux2.ux2-dark-mode #membership_settings .d-block {
  filter: brightness(0) invert(1);
}

body.ux2.ux2-dark-mode img.footerInlineDisplay {
  filter: brightness(0) invert(1);
  opacity: 0.4;
}

body.ux2.ux2-dark-mode #qft_widget .jcf-select.styledSelect .icon-arrow-down::before, body.ux2.ux2-dark-mode .jcf-select.styledSelect .icon-arrow-down::before {
  border-top: 9px solid #fff;
}

body.ux2.ux2-dark-mode .footerMarginLeft, body.ux2.ux2-dark-mode .footer-elements .element-2 {
  color: rgba(255, 255, 255, 0.7);
}

body.ux2.ux2-dark-mode footer .element-1 .footer-elements-sec .title {
  color: rgba(255, 255, 255, 0.7);
}

body.ux2.ux2-dark-mode footer .element-1 .footer-elements-sec .elements {
  color: rgba(255, 255, 255, 0.7);
}

body.ux2.ux2-dark-mode footer .element-1 .footer-elements-sec .elements .links-with-hover a {
  color: rgba(255, 255, 255, 0.7);
}

body.ux2.ux2-dark-mode .quick-links-list .col-md-2 img {
  filter: brightness(0) invert(1);
}

body.ux2.ux2-dark-mode .jcf-select-component-tranparent-bg {
  background-image: url("../img/arrow_drop_down_circle_dark.svg");
  height: 40px;
}

body.ux2.ux2-dark-mode #account_details .ux2-eachTransactionRowin .row .col-md-3 {
  color: white;
}

body.ux2.ux2-dark-mode .datepicker_common_icon, body.ux2.ux2-dark-mode .datepicker_input {
  background: #FFFFFF url("../img/dashboard/calendar_icon_dark.svg") no-repeat scroll right 15px center/12.33px 14.53px !important;
}

body.ux2.ux2-dark-mode .datepicker_common_icon[readonly], body.ux2.ux2-dark-mode .datepicker_input[readonly] {
  background: #EFEFEF url("../img/dashboard/calendar_icon_dark.svg") no-repeat scroll right 15px center/12.33px 14.53px !important;
}

body.ux2.ux2-dark-mode .datepicker_common_icon:focus, body.ux2.ux2-dark-mode .datepicker_input:focus {
  background: #ffffff url("../img/dashboard/calendar_icon_dark.svg") no-repeat scroll right 15px center/12.33px 14.53px !important;
}

body.ux2.ux2-dark-mode span#common_label_make_screen_default_page {
  font-weight: 400;
  color: white;
}

body.ux2.ux2-dark-mode .text-muted {
  color: #4d4d4d;
}

body.ux2.ux2-dark-mode .carousel .carousel-indicators li.active {
  background-color: rgba(255, 255, 255, 0.7);
}

body.ux2.ux2-dark-mode .carousel .carousel-indicators li {
  background-color: white;
}

body.ux2.ux2-dark-mode .carousel-item a {
  color: #fbdb80 !important;
}

body.ux2.ux2-dark-mode .is_withdrawal {
  color: red;
}

body.ux2.ux2-dark-mode .header_approvals_icon {
  background: url("../img/Approval_Requests_icon_dark.svg") no-repeat center;
  background-size: contain;
}

body.ux2.ux2-dark-mode #online-form-alerts .table-responsive a {
  color: #6fb4f4;
}

body.ux2.ux2-dark-mode #print_section .tax_table_head {
  background-color: #222527 !important;
}

body.ux2.ux2-dark-mode #payeeListModel .checked_tab .single_payee_box {
  background-color: #4a4848 !important;
}

body.ux2.ux2-dark-mode .ux2-bg-color-light-grey .styledSelect .jcf-option:not(.jcf-hover), body.ux2.ux2-dark-mode .modal .styledSelect .jcf-option:not(.jcf-hover) {
  background-color: #0f0f10;
}

body.ux2.ux2-dark-mode .ux2-bg-color-light-grey .styledSelect.jcf-disabled, body.ux2.ux2-dark-mode .modal .styledSelect.jcf-disabled {
  background-color: #4a4848 !important;
}

body.ux2.ux2-dark-mode .modal-header .close {
  color: #fff;
}

body.ux2.ux2-dark-mode #dashboard .dashboardUserName {
  color: #151F6D;
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-score #savvymoney-progress .barOverflow {
  background-image: url("../img/progress-credit-score.svg") !important;
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-score #savvymoney-progress .bar {
  background-image: url("../img/progress-credit-score-indicator.svg") !important;
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-score #savvymoney-progress #score {
  color: #222222 !important;
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-offers-list .offers-img {
  background-color: transparent;
  border-radius: 2px;
}

body.ux2.ux2-dark-mode #credit_score_widget .carousel__track-container {
  background: #F2F2F2;
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-offers-list .carousel__indicator {
  background-color: rgba(0, 0, 0, 0.6);
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-offers-list .list-heading {
  color: #231F20;
}

body.ux2.ux2-dark-mode #credit_score_widget #savvymoney-offers-list .carousel__indicator.current-slide {
  background-color: #2E60B5;
}

body.ux2.ux2-dark-mode #credit_score_widget #creditscore-error-content .error-card, body.ux2.ux2-dark-mode #credit_score_widget #offers-error-content .error-card {
  background-color: #EED6DA;
  color: #856268;
}

body.ux2.ux2-dark-mode .display_details {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
}

body.ux2.ux2-dark-mode #dispute_list_table .alert-info, body.ux2.ux2-dark-mode #raised-dispute-status .alert-info, body.ux2.ux2-dark-mode #dispute-status .alert-info, body.ux2.ux2-dark-mode #disptute-raised-flag .alert-info, body.ux2.ux2-dark-mode #dispute-table .alert-info, body.ux2.ux2-dark-mode #transaction_search_result .alert-info {
  color: #E7EFFA !important;
  background-color: #000000 !important;
  border: none !important;
}

body.ux2.ux2-dark-mode #dispute_list_pagination .disabled-pagination-button {
  background: #f7f9fc !important;
}

body.ux2.ux2-dark-mode #dispute_list_pagination .enabled-pagination-button {
  background: #ffffff !important;
}

body.ux2.ux2-dark-mode #dispute_list_pagination .dispute_previous_page {
  border: 1px solid #c2c3c6 !important;
}

body.ux2.ux2-dark-mode #dispute_list_pagination .dispute_next_page {
  border: 1px solid #c2c3c6 !important;
}

body.ux2.ux2-dark-mode.modal-open .modal-backdrop {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
}

body.ux2.modal-open .modal-backdrop {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 575px) {
  .ux2 .breadcrumb_block {
    border-radius: 8px;
  }
  .ux2 .breadcrumb_block .col-8 {
    padding-left: 0px;
  }
  .ux2 .card_ctrl_error_success_block {
    background: rgba(255, 255, 255, 0.4);
  }
  .ux2 #dashboard .account-display-block {
    min-height: 200px;
  }
  .ux2 .pageTitle {
    font-size: 24px !important;
  }
  .ux2 #card_details .block-bottom-nav {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    box-sizing: border-box;
  }
  .ux2 #card_details .card_ctrl_error_success_block {
    display: none;
  }
  .ux2 #notification .pagination {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #D5D6D7;
    box-sizing: border-box;
  }
  .ux2 #notification .pagination li {
    margin: 3px;
  }
  .ux2 #account_details .jcf-select-component-tranparent-bg .jcf-select-text {
    font-size: 20px;
  }
  .ux2 #account_details .responsive_menu .dropup {
    display: none;
  }
  .ux2 #account_details .see-more-div a, .ux2 #account_details .see-account-holders-div a {
    padding-left: 21px;
  }
  .ux2 #account_details .accounts-table .balance_info {
    padding-top: 20px;
  }
  .ux2 .left-content-padding {
    padding-right: 0px;
  }
  .ux2 .ux2-eachTransactionRow {
    margin-left: 10px;
  }
  .ux2 .header.ux2 .container {
    background-color: transparent;
  }
  .ux2 .pageView.pageViewV2 {
    top: 78px;
  }
}

.ux2 #account_details .transactionDateContainer, .ux2 #certificate_account_tile .transactionDateContainer {
  background-color: #FFFFFF;
}

.ux2 #account_details .transaction-count, .ux2 #certificate_account_tile .transaction-count {
  display: block;
  background-color: #151F6D;
  border-radius: 50px;
  width: 25px;
  color: #2A2A2A !important;
  text-align: center;
}

.ux2 #account_details .block-title .accountNameHash, .ux2 #certificate_account_tile .block-title .accountNameHash {
  color: #4d4d4d !important;
}

.ux2 #dashboard .text-muted {
  color: #4d4d4d;
}

@media (max-width: 989px) and (min-width: 573px) {
  .ux2 .ux2-full-width-ipad {
    padding-right: 0px !important;
  }
}

@media (max-width: 989px) and (min-width: 573px) {
  .ux2 .ux2-full-width-ipad {
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 575px) {
  .ux2 .breadcrumb_block {
    display: none !important;
  }
  .ux2 .right_padding {
    padding-right: 0px !important;
  }
  .ux2 #membership_order .bar_icon {
    padding-top: 10px;
  }
  .ux2 #reset_password .pr-5 {
    padding-right: 0px !important;
  }
  .ux2 #reset_password .second-field-padding {
    padding-left: 0px !important;
  }
}

@media only screen and (max-width: 600px) {
  .ux2 #role_entitlements table td {
    text-align: left;
  }
  .ux2 #role_entitlements .text-center {
    text-align: left !important;
    padding-left: 35px !important;
  }
}

.ux2 .text-muted {
  color: #4d4d4d;
}

.ux2 #order_new_card_form .pageTitle {
  color: #2a2a2a !important;
  padding: 0 !important;
}

.ux2 .section_name {
  position: relative;
  top: -3px;
}

.ux2 #order_new_card_form .styledSelect .jcf-select-text {
  font-size: 20px;
}

.ux2 .information-tag {
  font-size: 0.875rem;
}

.ux2 #fund_transfer_manage_payee p.information-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.ux2 #fund_transfer_manage_payee .box_shadow_for_payee {
  line-height: 24px;
  outline: 2px solid #151F6D;
}

.ux2 #payment_upload_history .slim-tile.block-body.filter {
  outline: 2px solid #151F6D;
}

.ux2 #payment_file_upload_details .payment-transaction-head {
  background-color: #F6F6F9;
}

.ux2 #order_new_card_form .ux2-custom-postion-relative {
  font-size: 20px !important;
  line-height: 25px !important;
}

.ux2 #order_new_card_form .ux2-custom-postion-relative label {
  font-size: 20px !important;
  line-height: 25px !important;
}

.ux2 #order_new_card_form .btn-primary::after {
  content: url("../img/sidearrow.svg");
  padding-left: 10px;
  padding-top: 5px;
}

.ux2 #order_new_card_form .btn-primary:hover::after {
  filter: brightness(0) invert(1);
}

.ux2 #term_condition_modal .content .collumn {
  color: #2a2a2a;
}

.ux2 .link-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.ux2 .custom-x-gap-10 {
  column-gap: 10px;
}

.ux2 .custom-x-gap-6 {
  column-gap: 6px;
}

.ux2 .custom-x-gap-4 {
  column-gap: 4px;
}

.ux2 .custom-y-gap-4 {
  row-gap: 4px;
}

.ux2 .ux2-gap-16 {
  gap: 16px;
}

.ux2 .space-y-4 > :not(:first-child) {
  margin-top: 4px;
}

.ux2 .space-y-8 > :not(:first-child) {
  margin-top: 8px;
}

.ux2 .space-y-12 > :not(:first-child) {
  margin-top: 12px;
}

.ux2 .space-y-16 > :not(:first-child) {
  margin-top: 16px;
}

.ux2 .sm-three-dot-icon {
  width: 6px;
  padding-top: 2px;
}

.ux2 .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
}

.ux2 .card-overlay .card-number {
  color: #FFFFFF;
}

.ux2 .card_details_bg_color {
  background-color: #F5F5F5;
  border-radius: 8px;
}

.ux2 .country-options-grey-bg {
  background-color: #EFEFEF;
  border-radius: 8px;
  padding: 16px 3px;
}

.ux2 .country-options-grey-bg .form-check {
  line-height: 1;
}

.ux2 .country-options-grey-bg .form-check-label {
  line-height: 1;
  display: flex;
  align-items: center;
}

.ux2 .jcf-radio {
  background: transparent;
  border: 1px solid black !important;
  margin: 0 6px 0 0;
}

.ux2 .form-check-label:not(.jcf-label-active) {
  color: #2a2a2a;
}

.ux2 .jcf-radio span {
  background: black !important;
}

.ux2 .jcf-optgroup-caption {
  color: black !important;
}

.ux2 .btn.btn-sm, .ux2 .btn-group-sm > .btn {
  padding: 6px 20px 6px 20px !important;
  height: 30px !important;
}

.ux2 .form-control.border-0 {
  border: 0 !important;
}

.ux2 .transaction_description_text {
  width: auto;
  white-space: normal;
}

.ux2 .accounts-table .balance_info {
  padding-right: 0px;
}

.ux2 .files_name_view .download_document_icon {
  padding: 0px;
  width: 15px;
  height: 19px;
  margin-right: 4px;
}

.ux2 .form-control:disabled, .ux2 .form-control[readonly] {
  background-color: #EFEFEF !important;
}

.ux2 .form-check .form-check-label, .ux2 #create_report .form-check-label, .ux2 .list-unstyled .form-check-label {
  display: flex;
  align-items: center;
  column-gap: 6px;
}

.ux2 #notification .custom-checkbox, .ux2 .form-check .form-check-label .custom-checkbox, .ux2 #create_report .form-check-label .custom-checkbox, .ux2 .list-unstyled .form-check-label .custom-checkbox {
  width: 14px !important;
  height: 14px !important;
}

.ux2 .modal .list-group-item {
  color: #2a2a2a;
  border: 1px solid #2a2a2a;
}

.ux2 .ux2-card-img-contain {
  position: relative;
  width: 100%;
  padding-bottom: 55%;
  max-width: 260px;
}

.ux2 .ux2-card-img-contain .ux2-card-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.ux2 #trusted_device_verify .inner-container-2 {
  margin: 70px 0 !important;
}

.ux2 #trusted_device_success_box {
  background: #FFFFFF;
  width: 70%;
  padding: 10px;
  margin-left: 20%;
  border-radius: 10px;
  font: 400 14px Nunito Sans;
}

.ux2 .trusted-device-inner-container-1 {
  flex-direction: column;
  background: none;
  border-radius: 16px;
  overflow: hidden;
  background: url("../img/Trusted_device_ellipse_2.svg"), url("../img/Trusted_device_ellipse_1.svg");
  background-position: right top, right top;
  background-repeat: no-repeat, no-repeat;
  background-color: #FFFFFF;
  background-size: 35% 65%,50% 62%;
}

.ux2 .trusted-device-container-outer-ellipse {
  position: absolute;
  top: -2px;
  left: 171px;
  width: 100%;
  border-bottom-left-radius: 24%;
  height: 244px;
}

.ux2 .trusted-device-container-inner-ellipse {
  position: absolute;
  top: -33px;
  left: 221px;
  width: 100%;
  border-top-right-radius: 6%;
  height: 293px;
}

.ux2 .trusted-device-page-content {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.ux2 .select-trusted-device h6 {
  margin: 1px;
  font: 700 14px Nunito Sans;
}

.ux2 .select-trusted-device p {
  font: 600 12px Nunito Sans;
}

.ux2 .trusted-device-resend-notification-button {
  font: 600 12px Nunito Sans;
}

.ux2 .trusted-device-request-otp-button {
  font: 700 14px Nunito Sans;
}

.ux2 .trusted-device-more-details-link {
  font: 600 16px Nunito Sans;
  text-decoration: underline;
  cursor: pointer;
  color: #0094FF;
}

.ux2 .trusted-device-more-details {
  font: 600 16px Nunito Sans;
  color: #0094FF;
}

.ux2 .inner-container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ux2 .negative-screen-inner-container-1 {
  background: #FFFFFF;
  border-radius: 16px;
}

.ux2 .negative-screen-inner-container-2 {
  display: flex;
  align-items: center;
}

.ux2 .response-text {
  font: 500 24px Nunito Sans;
}

.ux2 .trusted-device-error-heading {
  font: 800 26px Nunito Sans;
  color: #D8453E;
}

.ux2 .trusted-device-sub-font {
  font: 600 16px Nunito Sans;
}

.ux2 .trusted-device-sub-font-2 {
  font: 600 14px Nunito Sans;
}

.ux2 .manage_trusted_device_description {
  font: 400 14px Nunito Sans;
}

.ux2 .manage_trusted_device_table_heading {
  /*
  background-color: #d8d8d838;
  th{
    font: $trustedDeviceSubFont2;
    color: #41423C !important;
  }*/
}

.ux2 .trusted_device_remove_disabled {
  color: #e8a6a6ba !important;
  pointer-events: none;
  cursor: not-allowed;
}

.ux2 #trusted_device_table .custom-checkbox {
  height: 15px !important;
  width: 15px !important;
  margin-left: 5px;
  margin-bottom: 20px;
}

.ux2 .mobile-access-devices-heading {
  flex: 0 0 auto;
  font: 400 22px Nunito Sans;
  color: #2c3258;
}

.ux2 .device-management-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  align-items: stretch;
  justify-content: flex-start;
}

.ux2 .device-category-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 43px;
}

.ux2 .remembered-device-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  box-shadow: 0px 4px 44px rgba(65, 66, 60, 0.1);
}

.ux2 .trusted-device-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding-right: 42px;
  padding-left: 42px;
  background: #0f3f76;
  border: 0.5px solid #7e817a;
  border-radius: 0px 6px 6px 0px;
}

.ux2 .trusted-device-text {
  flex: 0 0 auto;
  font: 400 17px Nunito Sans;
  color: white;
  letter-spacing: 0.17px;
}

.ux2 .device-list-container1 {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 43px;
  box-shadow: 0px 4px 44px rgba(65, 66, 60, 0.1);
}

.ux2 .active-devices-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding-right: 20px;
  padding-left: 20px;
  background: #0f3f76;
  border: 0.5px solid #7e817a;
  border-radius: 6px 0px 0px 6px;
}

.ux2 .active-devices-container1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: -1px;
  background: white;
  border: 0.5px solid #7e817a;
  border-radius: 0px 6px 6px 0px;
}

.ux2 .removed-devices-title {
  flex: 0 0 auto;
  font: 400 17px Nunito Sans;
  color: #2a2a2a;
  letter-spacing: 0.17px;
}

.ux2 .device-list-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.ux2 .device-info-container1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  justify-content: center;
}

.ux2 .device-info-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
}

.ux2 .device-info {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 23.09%;
}

.ux2 .device-category-label {
  font: 700 14px Nunito Sans;
}

.ux2 .device-platform-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 76.91%;
  padding-right: 15px;
  padding-left: 15px;
}

.ux2 .platform-label {
  font: 600 14px Nunito Sans;
}

.ux2 .container-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 10px;
}

.ux2 .time-info {
  flex: 0 0 auto;
  padding-bottom: 6px;
}

.ux2 .pst-time {
  font-family: Nunito Sans;
  font-weight: 700;
}

.ux2 .device-info-container6 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.ux2 .svg-container {
  display: flex;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #0f3f76;
}

.ux2 .edit-button {
  margin-left: 13.5px;
  font: 600 16px Nunito Sans;
  color: #0f3f76;
}

.ux2 .action-button {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 28px;
}

.ux2 .svg-container1 {
  display: flex;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #f44336;
}

.ux2 .remove-button {
  flex: 0 0 auto;
  margin-left: 12px;
  font: 600 16px Nunito Sans;
  color: #f44336;
}

.ux2 .device-info-container3 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 31px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 26px;
}

.ux2 .device-info-container4 {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  height: 54px;
  padding-right: 85px;
  padding-left: 17px;
  background: #f7f8fe;
  border-radius: 6px;
}

.ux2 .device-container1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 26px;
}

.ux2 .device-title {
  flex: 0 0 auto;
  font: 600 14px Nunito Sans;
  color: #41423c;
  letter-spacing: 0.14px;
}

.ux2 .svg-container2 {
  display: flex;
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  color: #4168f0;
}

.ux2 .device-platform-info {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

.ux2 .svg-container3 {
  display: flex;
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  color: #4168f0;
}

.ux2 .last-accessed-label {
  flex: 0 0 auto;
  margin-left: 158px;
  font: 600 14px Nunito Sans;
  color: #41423c;
  letter-spacing: 0.14px;
}

.ux2 .added-text {
  flex: 0 0 auto;
  margin-left: 190px;
  font: 600 14px Nunito Sans;
  color: #41423c;
  letter-spacing: 0.14px;
}

.ux2 .device-info1 {
  flex: 0 0 auto;
  margin-left: 224px;
  font: 600 14px Nunito Sans;
  color: #41423c;
  letter-spacing: 0.14px;
}

.ux2 .device-card1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-right: 17.5px;
  padding-left: 17.5px;
}

.ux2 .svg-container4 {
  display: flex;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin-left: 23.5px;
  color: #2a2a2a;
}

.ux2 .android-info-container {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  gap: 170px;
  align-items: center;
  justify-content: flex-start;
  margin-left: 7.5px;
}

.ux2 .android-sdk-title {
  flex: 0 0 auto;
  font: 400 14px Nunito Sans;
  color: #000231;
  letter-spacing: 0.14px;
}

.ux2 .android-title {
  flex: 0 0 auto;
  font: 400 14px Nunito Sans;
  color: #41423c;
}

.ux2 .information-text {
  box-sizing: border-box;
  flex: 0 1 133px;
  font: 400 14px Nunito Sans;
  color: #41423c;
  text-align: left;
}

.ux2 .information-text1 {
  box-sizing: border-box;
  flex: 0 1 118px;
  font: 400 14px Nunito Sans;
  color: #41423c;
  text-align: left;
}

.ux2 .info-link {
  flex: 0 0 auto;
  font: 400 14px Nunito Sans;
  color: #0a5d95;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.ux2 .device-info-container5 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  justify-content: flex-start;
}

.ux2 .device-card {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  height: 100px;
  padding-right: 17.5px;
  padding-left: 17.5px;
  border-bottom: 1px solid #d6daef;
}

.ux2 .device-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 32.77%;
}

.ux2 .device-model-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 23.5px;
}

.ux2 .device-model-container1 input:checked + img {
  display: block;
}

.ux2 .svg-container5 {
  display: flex;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  color: #2a2a2a;
}

.ux2 .device-model-text {
  flex: 0 0 auto;
  margin-left: 7.5px;
  font: 400 14px Nunito Sans;
  color: #000231;
  letter-spacing: 0.14px;
}

.ux2 .device-info-column {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 15.31%;
  padding-right: 15px;
  padding-left: 15px;
}

.ux2 .platform-type-text {
  font: 400 14px Nunito Sans;
  color: #41423c;
}

.ux2 .device-info-column1 {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 19.74%;
  padding-right: 15px;
  padding-left: 15px;
}

.ux2 .text-container {
  box-sizing: border-box;
  max-width: 118px;
  font: 400 14px Nunito Sans;
  color: #41423c;
  text-align: left;
}

.ux2 .device-action {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 9.64%;
  padding-right: 15px;
  padding-left: 15px;
}

.ux2 .device-action-label {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 22.54%;
  padding-right: 83px;
  padding-left: 29px;
}

.ux2 .device-action-label-style {
  font: 400 14px Nunito Sans;
  color: #0a5d95;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.ux2 .image-container1 {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 2.08%;
  padding-right: 16px;
}

.ux2 .device-info-container2 {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 30.68%;
  padding-right: 15px;
  padding-left: 15px;
}

.ux2 .device-model-container2 {
  flex: 0 0 auto;
}

.ux2 element-styles {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2019%2027.5%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22fecaeb7a%22%20x%3D%220%22%20y%3D%220%22%3E%3Cg%20id%3D%22Frame%2033769%22%3E%3Cg%20id%3D%22Group%2035699%22%3E%3Cg%20id%3D%22Group%2035694%22%3E%3Cg%20id%3D%22Group%205669%22%3E%3Cg%20id%3D%22Group%205495%22%3E%3Cg%20id%3D%22Group%205492%22%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M3.833%2C26.5c-0.751%2C0%20-1.472%2C-0.299%20-2.003%2C-0.83c-0.531%2C-0.531%20-0.83%2C-1.252%20-0.83%2C-2.003v-19.834c0%2C-0.751%200.299%2C-1.472%200.83%2C-2.003c0.531%2C-0.531%201.252%2C-0.83%202.003%2C-0.83h11.334c0.751%2C0%201.472%2C0.299%202.003%2C0.83c0.531%2C0.531%200.83%2C1.252%200.83%2C2.003v19.834c0%2C0.751%20-0.299%2C1.472%20-0.83%2C2.003c-0.531%2C0.531%20-1.252%2C0.83%20-2.003%2C0.83z%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Vector_4%22%20d%3D%22M8.083%2C2.418h2.833%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Vector_5%22%20d%3D%22M9.5%2C20.831v0.017%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%2F%3E%3C%2Fsvg%3E");
}

.ux2 .image-container {
  box-sizing: border-box;
  display: block;
  width: 19px;
  max-width: initial;
  height: 27.5px;
}

.ux2 element-styles {
  letter-spacing: 0.14px;
  color: #000231;
}

.ux2 .device-model-label {
  flex: 0 0 auto;
  margin-left: 13px;
  font: 400 14px Nunito Sans;
}

.ux2 element-styles {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2019%2027.5%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%2223b0af1f%22%20x%3D%220%22%20y%3D%220%22%3E%3Cg%20id%3D%22Frame%2033769%22%3E%3Cg%20id%3D%22Group%2035699%22%3E%3Cg%20id%3D%22Group%2035694%22%3E%3Cg%20id%3D%22Group%205671%22%3E%3Cg%20id%3D%22Group%205494_2%22%3E%3Cg%20id%3D%22Group%205492_3%22%3E%3Cpath%20id%3D%22Vector_11%22%20d%3D%22M3.833%2C26.5c-0.751%2C0%20-1.472%2C-0.299%20-2.003%2C-0.83c-0.531%2C-0.531%20-0.83%2C-1.252%20-0.83%2C-2.003v-19.834c0%2C-0.751%200.299%2C-1.472%200.83%2C-2.003c0.531%2C-0.531%201.252%2C-0.83%202.003%2C-0.83h11.334c0.751%2C0%201.472%2C0.299%202.003%2C0.83c0.531%2C0.531%200.83%2C1.252%200.83%2C2.003v19.834c0%2C0.751%20-0.299%2C1.472%20-0.83%2C2.003c-0.531%2C0.531%20-1.252%2C0.83%20-2.003%2C0.83z%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Vector_12%22%20d%3D%22M8.083%2C2.418h2.833%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Vector_13%22%20d%3D%22M9.5%2C20.831v0.017%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%2F%3E%3C%2Fsvg%3E");
}

.ux2 element-styles {
  color: #2a2a2a;
}

.ux2 element-styles {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2019%2027.5%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%2244a6641d%22%20x%3D%220%22%20y%3D%220%22%3E%3Cg%20id%3D%22Frame%2033769%22%3E%3Cg%20id%3D%22Group%2035699%22%3E%3Cg%20id%3D%22Group%2035694%22%3E%3Cg%20id%3D%22Group%205673%22%3E%3Cg%20id%3D%22Group%205659_2%22%3E%3Cg%20id%3D%22Group%205494%22%3E%3Cg%20id%3D%22Group%205492_2%22%3E%3Cpath%20id%3D%22Vector_6%22%20d%3D%22M3.833%2C26.5c-0.751%2C0%20-1.472%2C-0.299%20-2.003%2C-0.83c-0.531%2C-0.531%20-0.83%2C-1.252%20-0.83%2C-2.003v-19.834c0%2C-0.751%200.299%2C-1.472%200.83%2C-2.003c0.531%2C-0.531%201.252%2C-0.83%202.003%2C-0.83h11.334c0.751%2C0%201.472%2C0.299%202.003%2C0.83c0.531%2C0.531%200.83%2C1.252%200.83%2C2.003v19.834c0%2C0.751%20-0.299%2C1.472%20-0.83%2C2.003c-0.531%2C0.531%20-1.252%2C0.83%20-2.003%2C0.83z%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Vector_7%22%20d%3D%22M8.083%2C2.418h2.833%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Vector_8%22%20d%3D%22M9.5%2C20.831v0.017%22%20stroke%3D%22%232A2A2A%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%2F%3E%3C%2Fsvg%3E");
}

.ux2 element-styles {
  letter-spacing: 0.14px;
  color: #000231;
}

.ux2 .entry-count-container {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  height: 74px;
}

.ux2 .trusted-active-status {
  border-radius: 18px;
  height: 23px;
  background-color: #00AD7D;
  color: white;
  font-size: 0.875rem;
  width: 65px;
  align-items: center;
  justify-content: center;
}

.ux2 .trusted-device-info {
  padding: 10px;
  background: url("../img/trusted_info_icon.svg") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  margin: 0px 5px;
  width: 24px;
}

.ux2-bank-list-row-alt-background {
  background: #D8D8D8 !important;
  padding: 10px 0px 10px 0px;
}

.ux2-bank-list-row-background {
  padding: 10px 0px 10px 0px;
}

.white_wrapper {
  border: #D5D6D7 2px solid;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px !important;
  width: 100%;
  background-color: transparent;
}

.ux2 #approval_request .ux2-bg-color-white {
  background: none;
  padding: 15px 5px 15px 5px !important;
}

.ux2 #commercial_activity table.dataTable.display tbody tr.odd {
  background-color: rgba(15, 128, 147, 0.05);
}

.ux2 #commercial_activity table.dataTable.display tbody tr.odd .sorting_1 {
  background-color: #ECFFFC;
}

.ux2 #commercial_activity table.dataTable.display tbody tr.even .sorting_1 {
  background-color: #e1f8f6;
}

.ux2 #commercial_activity table.dataTable tr {
  background-color: #fff;
}

.ux2 #commercial_activity table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

.ux2 #commercial_activity table.dataTable tr.child:hover {
  background-color: #f6f6f6;
}

.ux2 #delegate_access #delegate_access_landing_page .delegate_access_menu_secondary_user_management_icon {
  background: url("../img/delegate_access/delegate_access_menu_secondary_user_management_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 #delegate_access #delegate_access_landing_page .delegate_access_menu_approvals_icon {
  background: url("../img/delegate_access/delegate_access_menu_approvals_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 #delegate_access #delegate_access_landing_page .delegate_access_menu_secondary_user_activity_icon {
  background: url("../img/delegate_access/delegate_access_menu_secondary_user_activity_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 #delegate_access .account_level_access_status {
  border-radius: 80px;
  padding: 6px 10px;
  background: #fefce8;
}

.ux2 #delegate_access .zero-margin-form-group .form-group {
  margin: 0px;
}

.ux2 #delegate_access .choose_permission_type_options li {
  background: #e8f0f7;
  border-radius: 8px;
}

.ux2 #delegate_access .choose_permission_type_options li .choose_permission_details {
  margin: 10px;
}

.ux2 #delegate_access .choose_permission_type_options li .choose_permission_details_description {
  font-weight: 300;
}

.ux2 #delegate_access .choose_permission_type_options li.active {
  background: #cae6fd;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.ux2 #delegate_access .active_tiles {
  background: #cae6fd;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.ux2 #delegate_access .badge.text-bg-secondary {
  padding: 6px 10px;
  background: rgba(27, 20, 100, 0.1);
  color: black;
}

.ux2 #business_banking_settings .ux2-bg-color-white {
  background: #FFFFFF;
}

.ux2 #business_banking_settings h3 {
  color: #000 !important;
}

.ux2 .business_banking_menu_ach_transfer_icon {
  background: url("../img/business_banking_menu/business_banking_ach_transfer_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_instant_payment_icon {
  background: url("../img/business_banking_menu/business_banking_instant_payment_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_role_management_icon {
  background: url("../img/business_banking_menu/role_management_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_user_management_icon {
  background: url("../img/business_banking_menu/User_Management_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_domestic_wire_transfer_icon {
  background: url("../img/business_banking_menu/business_banking_domestic_wire_transfer_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_international_wire_transfer_icon {
  background: url("../img/business_banking_menu/business_banking_international_wire_transfer_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_internal_transfer_icon {
  background: url("../img/business_banking_menu/business_banking_internal_transfer_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business-banking-menu-nacha-upload-icon {
  background: url("../img/business_banking_menu/business-banking-menu-nacha-upload-icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business-banking-menu-template-icon {
  background: url("../img/business_banking_menu/business-banking-menu-template-icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_approval_settings_icon {
  background: url("../img/business_banking_menu/approval_settings_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_recipient_management_icon {
  background: url("../img/business_banking_menu/recipient_management_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_instant_payment_icon {
  background: url("../img/business_banking_menu/business_banking_instant_payment_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_commercial_activity_icon {
  background: url("../img/business_banking_menu/commercial_activity_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_reports_icon {
  background: url("../img/business_banking_menu/reports.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_approvals_request_icons {
  background: url("../img/business_banking_menu/Approval_Requests_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_schedule_list_icon {
  background: url("../img/business_banking_menu/schedule_list_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_positive_pay_icon {
  background: url("../img/business_banking_menu/positive_pay_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_treasury_management_icon {
  background: url("../img/business_banking_menu/business_banking_treasury_management.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business-address-icon {
  background: url("../img/business_banking_menu/business_information_icon.svg") no-repeat center;
  height: 24px;
  width: 24px;
  background-size: contain;
}

.ux2 .business-profile-icon {
  background: url("../img/business_banking_menu/business_profile_icon.svg") no-repeat center;
  height: 24px;
  width: 24px;
  background-size: contain;
}

.ux2 .business_banking_menu_p2p_transfer_icon {
  background: url("../img/business_banking_menu/business_banking_p2p_transfer_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .business_banking_menu_tru_treasury_icon {
  background: url("../img/business_banking_menu/tru_treasury_service_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .check_deposit_sso_icon {
  background: url("../img/business_banking_menu/check_deposit_sso_icon.svg") no-repeat center;
  height: 35px;
  width: 35px;
  background-size: contain;
}

.ux2 .greybgcolorcardblock {
  background-color: rgba(216, 216, 216, 0.6);
  padding: 16px;
  border-radius: 8px;
}

.ux2 .ux2-nav-tabs-white-card {
  background: rgba(207, 226, 229, 0.7);
}

.ux2 .ux2-line-height-1 {
  line-height: 1 !important;
}

.ux2 .ux2-cardblockborder {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  border-top: 1px solid rgba(153, 153, 153, 0.4);
}

.ux2 .ux2-bg-transparent {
  background-color: transparent !important;
}

.ux2 #common_sso_popup .modal-popup-fullscreen {
  max-width: 100% !important;
}

.box_shadow_for_SubUsers {
  box-shadow: none;
  border-radius: 10px;
  line-height: 20px;
  background-color: #FFFFFF;
  outline: 2px solid #151F6D;
}

.ux2 #list_sub_user .box_shadow_for_SubUsers {
  line-height: 20px;
  outline: 2px solid #151F6D;
}

.ux2-forgotpassword {
  width: 25px;
  height: 15px;
}

.ux2-control-radius-right {
  border-radius: 0 6px 6px 0px !important;
}

.ux2-control-radius-left {
  border-radius: 6px 6px 6px 6px !important;
}

.ux2 .close .close_aba {
  color: #ffffff !important;
}

#membership_settings .ux2-bg-color-light-grey {
  color: #2a2a2a;
  padding: 0;
  font-weight: 310;
  font-size: 1rem;
  background: none;
  border: none;
}

#manage_certificate .block-body {
  align-content: center;
}

#manage_certificate .manage_certificate_title {
  font-size: 18px;
}

#renew_certificate .styledSelect {
  border: 1px solid #000000 !important;
  border-radius: 5px;
}

#renew_certificate .manage_certificate_steps_container {
  height: 50px;
}

#renew_certificate .renew_page_cancel {
  text-decoration: underline;
}

#certificate_steps {
  display: flex;
  justify-content: space-between;
  /* Ensure steps are evenly spaced */
  align-items: center;
  /* Align items vertically */
  padding: 0 40px;
  /* Add padding to condense the layout */
  width: 100%;
  /* Full width */
}

#certificate_steps .step_container {
  display: flex;
  flex-direction: column;
  /* Stack circle and label vertically */
  align-items: center;
  /* Center align circle and text */
  text-align: center;
  margin-top: 6px;
}

#certificate_steps .step_container .step_active {
  border: 3px solid #227F68;
  color: #FFFFFF;
  background: #227F68;
}

#certificate_steps .step_container .step_error_active {
  border: 3px solid #D5011D;
  color: #FFFFFF;
  background: #D5011D;
}

#certificate_steps .step_acitive_progress_bar {
  background-color: #227F68 !important;
}

#certificate_steps .step_error_acitive_progress_bar {
  background-color: #D5011D !important;
}

#certificate_steps .progress_bar_renewal {
  border: none;
  background: #E5E5E5;
  height: 3px;
  flex: 1;
  /* Stretch to fill available space */
  margin-top: -15px;
  /* Move the bar upwards to align with the circle center */
  position: relative;
  z-index: 0;
  /* Allow the circle to overlap the bar */
  margin-left: -46px;
  /* Ensure the bar overlaps the circle on the left */
  margin-right: -4px;
  /* Ensure the bar overlaps the circle on the right */
}

#certificate_steps .progress_bar_term {
  border: none;
  background: #E5E5E5;
  height: 3px;
  flex: 1;
  /* Stretch to fill available space */
  margin-top: -15px;
  /* Move the bar upwards to align with the circle center */
  position: relative;
  z-index: 0;
  /* Allow the circle to overlap the bar */
  margin-left: -4px;
  /* Ensure the bar overlaps the circle on the left */
  margin-right: -13px;
  /* Ensure the bar overlaps the circle on the right */
}

#certificate_steps .progress_bar_review {
  border: none;
  background: #E5E5E5;
  height: 3px;
  flex: 1;
  /* Stretch to fill available space */
  margin-top: -15px;
  /* Move the bar upwards to align with the circle center */
  position: relative;
  z-index: 0;
  /* Allow the circle to overlap the bar */
  margin-left: -13px;
  /* Ensure the bar overlaps the circle on the left */
  margin-right: -16px;
  /* Ensure the bar overlaps the circle on the right */
}

#certificate_steps .progress_bar_success {
  border: none;
  background: #E5E5E5;
  height: 3px;
  flex: 1;
  /* Stretch to fill available space */
  margin-top: -15px;
  /* Move the bar upwards to align with the circle center */
  position: relative;
  z-index: 0;
  /* Allow the circle to overlap the bar */
  margin-left: -13px;
  /* Ensure the bar overlaps the circle on the left */
  margin-right: -16px;
  /* Ensure the bar overlaps the circle on the right */
}

#certificate_steps .manage_certificate_steps {
  border: 2px solid #B0B0B0;
  color: #B0B0B0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
}

#certificate_account_tile .certificate_page_display_account_name {
  padding-top: 8px;
  font-size: 28px;
}

#certificate_account_tile .see-more-div {
  right: unset;
}

#certificate_select_term_section .renew_certificate_alert {
  background-color: #7EB2D626;
  border: none;
}

#manage_certificate_close_at_maturity_form .custom-checkbox-label-padding {
  line-height: 1.7;
}

.ux2-button-disabled {
  pointer-events: none;
}

@media screen and (max-width: 575px) {
  #certificate_steps {
    padding: 0px;
  }
  #max_term_type {
    margin-top: 45px !important;
    padding-top: 35px !important;
  }
  #renew_certificate_term_section {
    max-width: 80% !important;
    flex: 0 0 80%;
  }
  #closingOtherReasonSection {
    padding-left: 0px !important;
  }
}

#card-control .error_amount {
  padding-left: 20px;
}

.ux2-messaging-row-space-md {
  margin-left: -15px;
}

.ux2-messaging-row-space-md > [class*="col"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#dispute_question_radio_buttons .form-check {
  padding-left: 0rem !important;
}

#raise-dispute-link {
  border: none;
  background: transparent;
  color: #2a2a2a;
}

#dispute-attachment-download {
  text-decoration: underline !important;
}

#get_dispute_details_link {
  text-decoration: underline !important;
}

#raise_dispute_flag, #disabled_raise_dispute_flag {
  height: 20.9px;
  padding-right: 10.3px;
}

#dispute_transaction .file-name-border-box, #dispute-detail .file-name-border-box, #delete_dispute_modal .file-name-border-box {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  box-shadow: 1px 2px 7px -4px rgba(34, 69, 127, 0.67);
  height: 30px;
  display: inline-block;
  white-space: nowrap;
}

#dispute_transaction .dispute-attachment-download-icon, #dispute-detail .dispute-attachment-download-icon, #delete_dispute_modal .dispute-attachment-download-icon {
  padding-left: 20px;
  background: url("../img/download_Icon.svg") no-repeat;
  background-size: 17px 20px;
  cursor: pointer;
}

#dispute_transaction .dispute_transaction_icon_Withdrawal, #dispute-detail .dispute_transaction_icon_Withdrawal, #delete_dispute_modal .dispute_transaction_icon_Withdrawal {
  background: url("../img/tycircleremove.svg") no-repeat center;
}

#dispute_transaction .dispute_transaction_icon_Pending, #dispute-detail .dispute_transaction_icon_Pending, #delete_dispute_modal .dispute_transaction_icon_Pending {
  background: url("../img/tycircle.svg") no-repeat center;
}

#dispute_transaction .dispute_transaction_icon_Deposit, #dispute-detail .dispute_transaction_icon_Deposit, #delete_dispute_modal .dispute_transaction_icon_Deposit {
  background: url("../img/tycircleadd.svg") no-repeat center;
}

#dispute_transaction .create-dispute-container, #dispute-detail .create-dispute-container, #delete_dispute_modal .create-dispute-container {
  border-radius: 10px;
}

#dispute_transaction .account-details-container2, #dispute-detail .account-details-container2, #delete_dispute_modal .account-details-container2 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 3px;
  padding-left: 3px;
  background: white;
}

#dispute_transaction .account-details-container1, #dispute-detail .account-details-container1, #delete_dispute_modal .account-details-container1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 12px;
  padding-bottom: 13px;
  background: #f6f9fe;
  border-radius: 10px;
}

#dispute_transaction .account-details-container, #dispute-detail .account-details-container, #delete_dispute_modal .account-details-container {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-right: 20px;
  padding-left: 20px;
}

#dispute_transaction .account-info-container, #dispute-detail .account-info-container, #delete_dispute_modal .account-info-container {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

#dispute_transaction #account-details-container .block-border-left, #dispute-detail #account-details-container .block-border-left, #delete_dispute_modal #account-details-container .block-border-left {
  height: 24px;
  left: 25px !important;
  top: unset !important;
}

#dispute_transaction .heading-text, #dispute-detail .heading-text, #delete_dispute_modal .heading-text {
  flex: 0 0 auto;
  margin-left: 18px;
  font: 700 18px Nunito Sans;
  color: #000000;
}

#dispute_transaction .transaction-details1, #dispute-detail .transaction-details1, #delete_dispute_modal .transaction-details1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding-right: 17.5px;
  padding-left: 17.5px;
}

#dispute_transaction .transaction-details-container, #dispute-detail .transaction-details-container, #delete_dispute_modal .transaction-details-container {
  padding-left: 21.5px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 13.5px;
  align-items: center;
  justify-content: flex-start;
}

#dispute_transaction .amount-oval, #dispute-detail .amount-oval, #delete_dispute_modal .amount-oval {
  width: 16px;
  height: 16px;
  border-radius: 10px;
}

#dispute_transaction .price-label, #dispute-detail .price-label, #delete_dispute_modal .price-label {
  font: 700 18px Nunito Sans;
  color: #000000;
}

#dispute_transaction .transaction-details, #dispute-detail .transaction-details, #delete_dispute_modal .transaction-details {
  padding-left: 21.5px;
  margin-top: 2px;
}

#dispute_transaction .transaction-details-container1, #dispute-detail .transaction-details-container1, #delete_dispute_modal .transaction-details-container1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 21px;
  padding-left: 21px;
  margin-top: 6px;
}

#dispute_transaction .buttons-border-top, #dispute-detail .buttons-border-top, #delete_dispute_modal .buttons-border-top {
  border-top: 1.9px solid black;
}

#dispute_transaction .dispute-section, #dispute-detail .dispute-section, #delete_dispute_modal .dispute-section {
  min-height: 350px;
}

#dispute-question-section .dispute-reason, #dispute_additional_info .dispute-reason {
  display: inline-block;
  flex-direction: row;
  align-items: center;
  padding: 13px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  box-shadow: 1px 2px 7px -4px rgba(34, 69, 127, 0.67);
}

#dispute-reason-section {
  border-left: 1px solid #ccc;
}

#dispute-reason-section .dispute-reason-container2 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-self: stretch;
  justify-content: flex-start;
}

#dispute-reason-section .dispute-reason-heading {
  font: 700 16px;
}

#dispute-reason-section .transaction-card1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 11px;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 8px;
}

#dispute-reason-section .transaction-card {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-right: 11px;
  padding-left: 11px;
  background: white;
  border: 1px solid #d0d0d2;
  border-radius: 8px;
}

#dispute-reason-section .transaction-info {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 6px;
  padding-bottom: 7px;
  margin-left: 5px;
}

#dispute-reason-section .transaction-type-description {
  flex: 0 0 auto;
  font: 400 14px Nunito Sans;
  color: #000000;
  white-space: pre-wrap;
}

#dispute-reason-section .transaction-details2 {
  flex: 0 0 auto;
  margin-top: 1px;
  font: 400 12px Nunito Sans;
  color: #76767e;
  white-space: pre-wrap;
}

#dispute-reason-section .jcf-radio {
  border: 2px solid #22457f !important;
  height: 17px !important;
  width: 17px !important;
}

/*
below css 'review-dispute-attachment' is applicable only if the user has uploaded any file on the Dispute Questions Page.
*/
.review-dispute-attachment {
  color: #22457f;
}

#dispute-transaction-steps .step-active {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 2px solid #227f68 !important;
  color: #227f68 !important;
  border-radius: 50%;
}

#dispute-transaction-steps .step-active-fill {
  background: #227f68;
  color: #FFFFFF !important;
}

#dispute-transaction-steps .step-inactive {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 2px solid #d8d8d8;
  color: #d8d8d8;
  border-radius: 50%;
}

#dispute-transaction-steps .number-container {
  flex: 0 0 auto;
  font: 700 12px Nunito Sans;
}

#dispute-transaction-steps .dispute-step {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 44px;
  width: 150px;
}

#dispute-transaction-steps .dispute-step-1, #dispute-transaction-steps .dispute-step-2, #dispute-transaction-steps .dispute-step-3 {
  flex: 0 0 auto;
  padding-right: 40px;
  padding-left: 40px;
}

#dispute-transaction-steps .dispute-reason-border-box {
  height: 80px;
  border-left: 6px solid #d8d8d8;
  border-radius: 12px;
}

#dispute-transaction-steps .dispute-questions-border-box {
  height: 80px;
  border-left: 6px solid #d8d8d8;
  border-radius: 12px;
}

#dispute-transaction-steps .dispute-reason-border-box-active {
  border-left: 6px solid #227f68;
}

#dispute-transaction-steps .dispute-questions-border-box-active {
  border-left: 6px solid #227f68;
}

#dispute-submitted-attachments .dispute-summary-file-name-border-box {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  box-shadow: 1px 2px 7px -4px rgba(34, 69, 127, 0.67);
  height: auto;
  display: inline-block;
  white-space: nowrap;
  padding: 5px;
}

#dispute-question-section .file-name, #dispute-question-review-section .file-name, #dispute-submitted-attachments .file-name, #dispute_additional_info .file-name {
  display: inline-block;
}

#dispute-question-section .dispute-text-area, #dispute-question-review-section .dispute-text-area, #dispute-submitted-attachments .dispute-text-area, #dispute_additional_info .dispute-text-area {
  resize: none;
}

#dispute-question-section .file-name-border-box, #dispute-question-review-section .file-name-border-box, #dispute-submitted-attachments .file-name-border-box, #dispute_additional_info .file-name-border-box {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  box-shadow: 1px 2px 7px -4px rgba(34, 69, 127, 0.67);
  height: auto;
  display: inline-block;
  white-space: nowrap;
  padding: 5px;
  max-width: 100%;
}

#dispute-question-section .dispute-quesiton, #dispute-question-review-section .dispute-quesiton, #dispute-submitted-attachments .dispute-quesiton, #dispute_additional_info .dispute-quesiton {
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

#dispute-question-section .disputeRadioButtons, #dispute-question-review-section .disputeRadioButtons, #dispute-submitted-attachments .disputeRadioButtons, #dispute_additional_info .disputeRadioButtons {
  margin: unset !important;
}

#dispute-question-section .jcf-radio, #dispute-question-review-section .jcf-radio, #dispute-submitted-attachments .jcf-radio, #dispute_additional_info .jcf-radio {
  border: 2px solid #22457f !important;
  height: 17px !important;
  width: 17px !important;
}

#dispute-detail .dispute-section {
  min-height: 0px;
}

#dispute-status-container .dispute-status {
  border-radius: 15px;
}

#dispute-status-container .dispute-status-text-pending {
  color: #e69647;
}

#dispute-status-container .dispute_status_call {
  text-decoration: underline;
}

#dispute-status-container .text-muted {
  color: #6c757d !important;
}

#dispute_list_table .row-dispute-amount, #raised-dispute-status .row-dispute-amount, #dispute-status .row-dispute-amount, #disptute-raised-flag .row-dispute-amount, #dispute-table .row-dispute-amount, #transaction_search_result .row-dispute-amount, #dispute-zendesk-ticket-status .row-dispute-amount {
  padding-right: 35px !important;
}

#dispute_list_table .table th, #dispute_list_table .table td, #raised-dispute-status .table th, #raised-dispute-status .table td, #dispute-status .table th, #dispute-status .table td, #disptute-raised-flag .table th, #disptute-raised-flag .table td, #dispute-table .table th, #dispute-table .table td, #transaction_search_result .table th, #transaction_search_result .table td, #dispute-zendesk-ticket-status .table th, #dispute-zendesk-ticket-status .table td {
  word-break: break-word;
  max-width: 150px;
  overflow-wrap: break-word;
}

#dispute_list_table .custom-table-striped > tbody > tr:nth-of-type(odd), #raised-dispute-status .custom-table-striped > tbody > tr:nth-of-type(odd), #dispute-status .custom-table-striped > tbody > tr:nth-of-type(odd), #disptute-raised-flag .custom-table-striped > tbody > tr:nth-of-type(odd), #dispute-table .custom-table-striped > tbody > tr:nth-of-type(odd), #transaction_search_result .custom-table-striped > tbody > tr:nth-of-type(odd), #dispute-zendesk-ticket-status .custom-table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F7F7F7;
}

#dispute_list_table .custom-table-hover > tbody > tr:hover, #raised-dispute-status .custom-table-hover > tbody > tr:hover, #dispute-status .custom-table-hover > tbody > tr:hover, #disptute-raised-flag .custom-table-hover > tbody > tr:hover, #dispute-table .custom-table-hover > tbody > tr:hover, #transaction_search_result .custom-table-hover > tbody > tr:hover, #dispute-zendesk-ticket-status .custom-table-hover > tbody > tr:hover {
  background-color: #E9ECF2;
}

#dispute_list_table .clickable-row, #raised-dispute-status .clickable-row, #dispute-status .clickable-row, #disptute-raised-flag .clickable-row, #dispute-table .clickable-row, #transaction_search_result .clickable-row, #dispute-zendesk-ticket-status .clickable-row {
  cursor: pointer;
}

#dispute_list_table .dispute-elipse-active, #raised-dispute-status .dispute-elipse-active, #dispute-status .dispute-elipse-active, #disptute-raised-flag .dispute-elipse-active, #dispute-table .dispute-elipse-active, #transaction_search_result .dispute-elipse-active, #dispute-zendesk-ticket-status .dispute-elipse-active {
  width: 12px;
  height: 12px;
  background: #22457f;
  border-radius: 50px;
}

#dispute_list_table .dispute-elipse-inactive, #raised-dispute-status .dispute-elipse-inactive, #dispute-status .dispute-elipse-inactive, #disptute-raised-flag .dispute-elipse-inactive, #dispute-table .dispute-elipse-inactive, #transaction_search_result .dispute-elipse-inactive, #dispute-zendesk-ticket-status .dispute-elipse-inactive {
  width: 12px;
  height: 12px;
  background: #d8d8d8;
  border-radius: 50px;
}

#dispute_list_table .dispute-status-inreview, #raised-dispute-status .dispute-status-inreview, #dispute-status .dispute-status-inreview, #disptute-raised-flag .dispute-status-inreview, #dispute-table .dispute-status-inreview, #transaction_search_result .dispute-status-inreview, #dispute-zendesk-ticket-status .dispute-status-inreview {
  color: dodgerblue;
}

#dispute_list_table .dispute-status-resolved, #raised-dispute-status .dispute-status-resolved, #dispute-status .dispute-status-resolved, #disptute-raised-flag .dispute-status-resolved, #dispute-table .dispute-status-resolved, #transaction_search_result .dispute-status-resolved, #dispute-zendesk-ticket-status .dispute-status-resolved {
  color: #227f68;
}

#dispute_list_table .dispute-status-pending, #raised-dispute-status .dispute-status-pending, #dispute-status .dispute-status-pending, #disptute-raised-flag .dispute-status-pending, #dispute-table .dispute-status-pending, #transaction_search_result .dispute-status-pending, #dispute-zendesk-ticket-status .dispute-status-pending {
  color: #e77635;
}

#dispute_list_table .dispute-status-rejected, #raised-dispute-status .dispute-status-rejected, #dispute-status .dispute-status-rejected, #disptute-raised-flag .dispute-status-rejected, #dispute-table .dispute-status-rejected, #transaction_search_result .dispute-status-rejected, #dispute-zendesk-ticket-status .dispute-status-rejected {
  color: #c11826;
}

#dispute_list_table .dispute-status-flag-pending, #raised-dispute-status .dispute-status-flag-pending, #dispute-status .dispute-status-flag-pending, #disptute-raised-flag .dispute-status-flag-pending, #dispute-table .dispute-status-flag-pending, #transaction_search_result .dispute-status-flag-pending, #dispute-zendesk-ticket-status .dispute-status-flag-pending {
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

#dispute_list_table .dispute-status-flag-resolved, #raised-dispute-status .dispute-status-flag-resolved, #dispute-status .dispute-status-flag-resolved, #disptute-raised-flag .dispute-status-flag-resolved, #dispute-table .dispute-status-flag-resolved, #transaction_search_result .dispute-status-flag-resolved, #dispute-zendesk-ticket-status .dispute-status-flag-resolved {
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

#dispute_list_table .dispute-status-flag-rejected, #raised-dispute-status .dispute-status-flag-rejected, #dispute-status .dispute-status-flag-rejected, #disptute-raised-flag .dispute-status-flag-rejected, #dispute-table .dispute-status-flag-rejected, #transaction_search_result .dispute-status-flag-rejected, #dispute-zendesk-ticket-status .dispute-status-flag-rejected {
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

#dispute_list_table .dispute-status-flag-inreview, #raised-dispute-status .dispute-status-flag-inreview, #dispute-status .dispute-status-flag-inreview, #disptute-raised-flag .dispute-status-flag-inreview, #dispute-table .dispute-status-flag-inreview, #transaction_search_result .dispute-status-flag-inreview, #dispute-zendesk-ticket-status .dispute-status-flag-inreview {
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

#dispute_list_table .triangle-up, #raised-dispute-status .triangle-up, #dispute-status .triangle-up, #disptute-raised-flag .triangle-up, #dispute-table .triangle-up, #transaction_search_result .triangle-up, #dispute-zendesk-ticket-status .triangle-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #979797;
}

#dispute_list_table .triangle-down, #raised-dispute-status .triangle-down, #dispute-status .triangle-down, #disptute-raised-flag .triangle-down, #dispute-table .triangle-down, #transaction_search_result .triangle-down, #dispute-zendesk-ticket-status .triangle-down {
  width: 0;
  height: 0;
  margin-top: 1.0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #979797;
}

#dispute_list_table .dispute-list-table-sorting, #raised-dispute-status .dispute-list-table-sorting, #dispute-status .dispute-list-table-sorting, #disptute-raised-flag .dispute-list-table-sorting, #dispute-table .dispute-list-table-sorting, #transaction_search_result .dispute-list-table-sorting, #dispute-zendesk-ticket-status .dispute-list-table-sorting {
  padding-top: 4px;
}

#dispute_list_table .dispute-table-heading, #raised-dispute-status .dispute-table-heading, #dispute-status .dispute-table-heading, #disptute-raised-flag .dispute-table-heading, #dispute-table .dispute-table-heading, #transaction_search_result .dispute-table-heading, #dispute-zendesk-ticket-status .dispute-table-heading {
  background-color: rgba(216, 216, 216, 0.09);
}

#dispute_list_table .triangle-active, #raised-dispute-status .triangle-active, #dispute-status .triangle-active, #disptute-raised-flag .triangle-active, #dispute-table .triangle-active, #transaction_search_result .triangle-active, #dispute-zendesk-ticket-status .triangle-active {
  background-color: blue;
}

#dispute_list_pagination .pagination-numbers {
  margin-top: 3px;
}

#dispute_list_pagination .dispute_previous_page {
  border-radius: 4px;
  width: 25px;
  height: 25px;
  border: 1px solid #c2c3c6;
}

#dispute_list_pagination .dispute_next_page {
  border-radius: 4px;
  width: 25px;
  height: 25px;
  border: 1px solid #c2c3c6;
}

#dispute_list_pagination .current_page {
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 1px 3px 0px rgba(34, 69, 127, 0.2) inset;
  padding-top: 2.5px;
}

#dispute_list_pagination .disabled-pagination-button {
  background: #f7f9fc;
}

#dispute_list_pagination .enabled-pagination-button {
  background: #ffffff;
}

#dispute_list_pagination .list-data-count-info {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

@media (max-width: 1034px) {
  #dispute_list_table .table td {
    padding: 15px 0px 16px 11px !important;
  }
}

@media only screen and (max-width: 768px) {
  #dispute_transaction .transaction-details-container1 {
    display: unset;
    border-left: unset;
  }
  #dispute-transaction-steps .dispute-step {
    flex-direction: row;
    padding-top: 0px;
    padding-left: 8px;
  }
  #dispute-transaction-steps .dispute-step .dispute-step-1 {
    padding-left: unset !important;
    padding-right: 20px;
    margin-top: 9px;
  }
  #dispute-transaction-steps .dispute-step .dispute-step-2 {
    padding-left: 40px;
    padding-right: 41px;
  }
  #dispute-transaction-steps .dispute-step .dispute-step-3 {
    padding-left: 32px;
  }
  #dispute-transaction-steps .dispute-reason-border-box, #dispute-transaction-steps .dispute-questions-border-box {
    rotate: 90deg;
    height: 30px;
  }
  #dispute_transaction .dispute-account-description, #dispute-detail .dispute-account-description {
    margin-left: 0px !important;
    text-wrap: nowrap;
    padding-left: 18px;
  }
  #dispute_list_table .view-dispute-by-status {
    justify-content: unset !important;
  }
  #dispute_list_table .row-dispute-amount {
    text-align: unset !important;
  }
  #dispute_list_table .view_dispute_arrow_icon {
    justify-content: unset !important;
  }
  #dispute-reason-section {
    border-left: 0px solid #ccc;
  }
  #dispute-reason-section .dispute-reason-container2 {
    padding-left: unset !important;
  }
  #dispute-question-section {
    border-left: unset !important;
  }
  #dispute-question-section .dispute-quesiton {
    margin-left: 0px !important;
  }
  #dispute-question-review-section {
    border-left: unset !important;
    margin-left: 0px !important;
  }
  #dispute-submit-status {
    border-left: unset !important;
  }
  #dispute-submit-status .dispute-summary-tab {
    margin-left: 0px !important;
  }
  #back_to_account_details {
    padding: 0px;
    width: 100%;
  }
}

.disabled_raised_dispute {
  padding: 15px;
  background: url("../img/disabled_raise_dispute_flag.png") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

.copy_dispute_id {
  padding: 15px;
  background: url("../img/copy_dispute_id_icon.svg") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

.dispute-raised {
  text-decoration: underline !important;
}

#dispute-transaction-steps-responsive .dispute-step {
  flex-direction: row;
  padding-top: 0px;
}

#dispute-transaction-steps-responsive .dispute-reason-border-box {
  rotate: 90deg;
}

.get_dispute_details_arrow {
  padding-left: 47px;
  background: url("../img/view_dispute_arrow_icon.png") no-repeat;
  background-size: 19px 19px;
  background-position: 20px center;
}

.dispute-attachment-download-inprogress {
  pointer-events: none;
  cursor: pointer;
}

#delete_dispute {
  font-size: medium;
  text-decoration: underline;
  color: #d5011d;
}

#enabled-raise-dispute:hover, #disabled-raise-dispute-link:hover {
  background-color: #D8D8D8;
}

.link-color {
  cursor: pointer;
}

.messaging-wordwrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.stop-check-terms-and-condition {
  height: 200px;
  overflow-y: scroll;
  border: 0.3px solid #ced4da;
}

.olb-w-18 {
  min-width: 18%;
}

#custom_account_grouping .custom-account-grouping-button-container .delete-group {
  padding-top: 32px;
}

#custom_account_grouping_left_panel #left-panel {
  background: #FFFFFF;
  border-radius: 10px;
  font-size: 1rem;
  gap: 25px;
}

#custom_account_grouping_left_panel #left-panel a {
  color: #151F6D !important;
}

#custom_account_grouping_left_panel #left-panel .left-panel-group {
  padding: 15px 15px 15px 15px !important;
}

#custom_account_grouping_left_panel #left-panel .left-panel-selected-group {
  background-color: #fafafa;
  border-radius: 12px;
}

#custom_account_grouping_left_panel .draggable-group {
  background-color: #fff;
  cursor: grab;
  transition: transform 0.2s, box-shadow 0.2s;
}

#custom_account_grouping_left_panel .draggable-group.dragging {
  opacity: 0.6;
  transform: scale(0.97);
  z-index: 10;
}

#custom_account_grouping_left_panel .ghost-node-dragging {
  opacity: 0.6;
  transform: scale(0.97);
  z-index: 10;
  box-shadow: 5px 5px 5px 5px rgba(45, 95, 178, 0.35);
  border-radius: 9px;
  padding: 14px 14px;
}

#custom_account_grouping_left_panel .draggable-group.drag-over {
  border-top: 2px dashed #007bff;
  transform: translateY(3px);
  /* subtle move */
  z-index: 1;
}

@keyframes dropPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

#custom_account_grouping_left_panel .draggable-group.dropped {
  animation: dropPulse 0.25s ease;
}

#custom_account_grouping .group-name-container {
  margin-top: -18px;
}

#custom_account_grouping .custom_group_default_message {
  margin-bottom: 25px;
}

#custom_account_grouping .section-container, #custom_account_grouping_manage_groups {
  margin-top: -14px;
}

#custom_account_grouping .section-container .section-name-container, #custom_account_grouping_manage_groups .section-name-container {
  margin-top: -18px;
}

#custom_account_grouping .section-container .delete-button, #custom_account_grouping_manage_groups .delete-button {
  margin-top: -17px;
}

#custom_account_grouping .section-container .section-container, #custom_account_grouping .section-container .section, #custom_account_grouping_manage_groups .section-container, #custom_account_grouping_manage_groups .section {
  background-color: rgba(236, 244, 248, 0.9);
}

#custom_account_grouping .section-container .delete-section-account-button, #custom_account_grouping_manage_groups .delete-section-account-button {
  border: 1px solid #F0F0F0;
  background-color: #FFFFFF;
  width: 53px !important;
}

#custom_account_grouping .section-container .account-dropdown, #custom_account_grouping_manage_groups .account-dropdown {
  margin-top: -20px;
}

#custom_account_grouping .section-container .sortable-buttons, #custom_account_grouping_manage_groups .sortable-buttons {
  width: 40px;
  height: 40px;
  border: 1px solid #F0F0F0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #FFFFFF;
}

#custom_account_grouping .section-container .sort-section-up, #custom_account_grouping_manage_groups .sort-section-up {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

#custom_account_grouping .section-container .sort-section-down, #custom_account_grouping_manage_groups .sort-section-down {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#custom_account_grouping .section-container .sort-section-account-up, #custom_account_grouping_manage_groups .sort-section-account-up {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

#custom_account_grouping .section-container .sort-section-account-down, #custom_account_grouping_manage_groups .sort-section-account-down {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#custom_account_grouping .section-container .sort-group-up, #custom_account_grouping_manage_groups .sort-group-up {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

#custom_account_grouping .section-container .sort-group-down, #custom_account_grouping_manage_groups .sort-group-down {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#custom_account_grouping_manage_groups .group-name {
  background-color: #fafafa;
  border-radius: 8px;
}

#custom_account_grouping .collapse-plus-icon {
  background: url("../img/collapse-plus-icon.svg") no-repeat;
  margin-top: 2px;
}

#custom_account_grouping .collapse-minus-icon {
  background: url("../img/collapse-minus-icon.svg") no-repeat;
  margin-top: 2px;
}

.jcf-list .jcf-list-content {
  overflow-y: unset !important;
}

.close {
  color: #2a2a2a;
}

#transfer_template_history .eachTemplateTransaction {
  overflow-wrap: anywhere;
}

#delegate_access_sub_user_enroll .ux2_delegate_sub_user_enroll .paswd_tip ul {
  list-style-type: none !important;
  padding-left: 10px !important;
}

#sub_user_reset_password .delegate_access_reset_password_sub_user .ux2-enroll_steps {
  max-width: fit-content;
}

.ux2.alpaca li.list-inline-item.avatar-text-wrap-header.mr-2.text-center {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* ======================
   MOBILE VIEW
====================== */
@media (max-width: 768px) {
  /* ===============================
       DESKTOP / MOBILE VISIBILITY
    ================================ */
  .wire-transfer-datepicker .desktop-view {
    display: none;
  }
  .wire-transfer-datepicker .mobile-view {
    display: block;
  }
  /* ===============================
       DATEPICKER BASE
    ================================ */
  .wire-transfer-datepicker .datepicker {
    font-size: 16px;
    width: 100%;
    min-width: 280px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }
  /* ===============================
       DAY / HEADER CELLS
    ================================ */
  .wire-transfer-datepicker .datepicker table tr td,
  .wire-transfer-datepicker .datepicker table tr th {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
  /* ===============================
       HEADER & NAV
    ================================ */
  .wire-transfer-datepicker .datepicker-switch {
    font-size: 18px;
    padding: 10px;
    width: 100%;
    text-align: center;
  }
  .wire-transfer-datepicker .datepicker .prev,
  .wire-transfer-datepicker .datepicker .next {
    font-size: 20px;
    padding: 10px;
    width: 15%;
  }
  /* ===============================
       CENTER THE DATEPICKER
    ================================ */
  .wire-transfer-datepicker .datepicker-dropdown {
    left: 50% !important;
    transform: translateX(-50%);
    right: auto !important;
    width: calc(100% - 20px);
    max-width: 420px;
  }
  /* ===============================
       FULL WIDTH TABLE
    ================================ */
  .wire-transfer-datepicker .datepicker table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  /* ===============================
       MONTH / YEAR VIEW = 100%
    ================================ */
  .wire-transfer-datepicker .datepicker-months table,
  .wire-transfer-datepicker .datepicker-years table {
    width: 100%;
    border-top: 1px solid #e6e6e6;
  }
  .wire-transfer-datepicker .datepicker-months td,
  .wire-transfer-datepicker .datepicker-months th {
    width: 33.33%;
    text-align: center;
  }
  .wire-transfer-datepicker .datepicker-years td,
  .wire-transfer-datepicker .datepicker-years th {
    width: 25%;
    text-align: center;
  }
  /* ===============================
       TOUCH FRIENDLY
    ================================ */
  .wire-transfer-datepicker .datepicker td,
  .wire-transfer-datepicker .datepicker th {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
  /* ===============================
       FORCE THEAD VISIBILITY
    ================================ */
  .wire-transfer-datepicker .datepicker table thead {
    display: table-header-group !important;
    visibility: visible !important;
  }
  .wire-transfer-datepicker .datepicker table thead tr {
    display: table-row !important;
  }
  .wire-transfer-datepicker .datepicker table thead th {
    display: table-cell !important;
    opacity: 1 !important;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    background-color: #f8f8f8;
  }
  .wire-transfer-datepicker .datepicker table thead tr:last-child th {
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
  }
  /* ===============================
       INTERACTIONS
    ================================ */
  .wire-transfer-datepicker .datepicker td:hover,
  .wire-transfer-datepicker .datepicker th:hover {
    background-color: #f5f5f5;
  }
  .wire-transfer-datepicker .datepicker td.active,
  .wire-transfer-datepicker .datepicker td.active:hover {
    background-color: #337ab7;
    color: #fff;
    border-radius: 4px;
  }
  /* ===============================
       MOBILE INPUT
    ================================ */
  .wire-transfer-datepicker .mobile-date-input {
    font-size: 18px;
    height: 48px;
  }
  .wire-transfer-datepicker .datepicker .datepicker-title {
    height: 0px !important;
  }
  .wire-transfer-datepicker .datepicker .day {
    text-align: center !important;
  }
}

.view_more_up_icon {
  background: url("../img/business_alerts_chevron_up.svg") no-repeat center;
  height: 30px;
  width: 30px;
  background-size: contain;
}

.view_more_down_icon {
  background: url("../img/business_alerts_chevron_down.svg") no-repeat center;
  height: 30px;
  width: 30px;
  background-size: contain;
}

.expand_all_up_icon {
  background: url("../img/business_alerts_expand.svg") no-repeat center;
  height: 20px;
  width: 20px;
  background-size: contain;
}

.collapse_all_down_icon {
  background: url("../img/business_alerts_collapse.svg") no-repeat center;
  height: 20px;
  width: 20px;
  background-size: contain;
}

.business_banking_menu_business_alerts_icon {
  background: url("../img/business_banking_menu/business_alerts.svg") no-repeat center;
  height: 20px;
  width: 20px;
  background-size: contain;
}

.toggle-switch.disabled .slider {
  opacity: 0.65;
  cursor: not-allowed;
}

.toggle-switch.disabled input:disabled + .slider {
  pointer-events: none;
}

.more-tab-overlay-close {
  color: #2a2a2a !important;
}

#success_popup p.micro_animation_success_message_content.mt-4.p-1 {
  color: black;
}

#success_popup p.micro_animation_success_message_content.mt-4.p-1 a {
  color: #151F6D;
}

#treasury_services .service-status-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  z-index: 10;
}

#treasury_services .badge-status-active {
  background-color: #d4edda;
  color: #155724;
  font-size: 0.875rem;
}

#treasury_services .badge-status-requested {
  background-color: #fff3cd;
  color: #856404;
  font-size: 0.875rem;
}

#treasury_services .badge-status-scheduled {
  background-color: #fff3cd;
  color: #856404;
  font-size: 0.875rem;
}

#treasury_services .badge-status-inactive {
  background-color: #E6E6E6;
  color: #524F4F;
  font-size: 0.875rem;
}

#treasury_services .service-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  background: rgba(236, 244, 248, 0.9);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#treasury_services .service-title {
  margin-bottom: 8px;
}

#treasury_services .service-description {
  margin-bottom: 20px;
}

#treasury_services .service-price {
  margin-bottom: 4px;
}

#treasury_services .service-price-detail {
  margin-bottom: 16px;
}

#treasury_services .service-pricing-box {
  background: rgba(236, 244, 248, 0.9);
  border: 1px solid #151F6D;
  border-radius: 6px;
  padding: 10px 12px;
  margin-top: auto;
}

#treasury_services .treasury-service-card {
  height: 100%;
}

#treasury_services .treasury-service-card .block-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#treasury_services .pricing-updated {
  color: #856404;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 8px;
}

#treasury_services .pricing-updated img {
  width: 16px;
}

#treasury_services .scheduled-warning {
  color: #856404;
  padding: 10px 12px;
  border-radius: 4px;
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto !important;
}

#treasury_services .scheduled-warning img {
  width: 16px;
}

#treasury_services .managing-services-section {
  background-color: rgba(236, 244, 248, 0.9);
  padding: 15px 20px;
  margin-bottom: 20px;
  border-radius: 4px;
}

#treasury_services .treasury-title-section {
  margin-bottom: 20px;
}

#treasury_services .treasury-tabs-section {
  margin-bottom: 30px;
}

#treasury_services .btn-outline-primary.disabled, #treasury_services .btn-outline-primary:disabled {
  color: #151F6D;
}

#treasury_services .btn-outline-primary:hover {
  color: #ffffff;
}

#treasury_service_detail .pricing-updated {
  color: #856404;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 8px;
}

#treasury_service_detail .pricing-updated img {
  width: 16px;
}

#treasury_service_detail a#treasury-pricing-view-details-btn {
  color: #151F6D;
  text-decoration: underline;
}

#treasury_service_detail #treasury-services-detail-pricing-notice img, #treasury_service_detail #treasury-services-detail-pricing-updated-badge-icon img {
  width: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

#treasury_service_detail .treasury-services-detail-pricing-notice-body {
  color: #7a5c00;
}

#treasury_service_detail #treasury-services-detail-pricing-notice-message {
  font-size: 0.875rem;
  color: #2a2a2a;
}

#treasury_service_detail #treasury-services-detail-fee-per-transaction {
  font-size: 0.875rem;
}

#treasury_service_detail #treasury-export-csv-btn {
  margin-top: -0.2rem;
  height: 34px;
  white-space: nowrap;
}

#treasury_service_detail .custom-headingdata-responsive-table thead tr th {
  font-size: 0.875rem;
}

#treasury_service_detail .treasury-services-detail-activity-header {
  gap: 1rem;
}

#treasury_service_detail .treasury-services-detail-date-filters .form-group.custom-postion-relative.ux2-custom-postion-relative {
  width: 100%;
}

#treasury_service_detail .treasury-services-detail-date-filters span.jcf-select.styledSelect.jcf-unselectable.jcf-select-form-control {
  border: 1px solid rgba(21, 31, 109, 0.4) !important;
}

.overdraft_active_shield, .overdraft_inactive_shield {
  background: url("../img/overdraft_shield_tick.svg") no-repeat center;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  background-size: contain;
}

.overdraft_inactive_shield {
  background-image: url("../img/overdraft_shield_dash.svg");
}

#account_details_overdraft_active .btn-outline-success:hover .overdraft_active_shield {
  background-image: url("../img/hover_overdraft_shield_tick.svg") !important;
}

#account_details_overdraft_active .btn-outline-secondary:hover .overdraft_inactive_shield {
  background-image: url("../img/hover_overdraft_shield_dash.svg") !important;
}

#account_details_overdraft_active .btn-outline-success:hover {
  background-color: #227C25 !important;
  border-color: #227C25 !important;
  color: #fff !important;
}

#account_details_overdraft_active .btn-outline-secondary:hover {
  background-color: #8080801F !important;
  border-color: #8080801F !important;
  color: #2A2A2A !important;
}

/* Default (Desktop) */
.overdraft-popup-content {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 1050;
  background: #fff !important;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 500px;
  max-width: 500px;
  /* ❌ No scroll in desktop */
  max-height: none;
  overflow: visible;
}

.overdraft-popup-content.show {
  display: block;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {
  .overdraft-popup-content {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    max-width: 92%;
    /* ✅ Enable scrolling ONLY in mobile */
    max-height: 80vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
    z-index: 2000;
  }
  /* Optional backdrop */
  .overdraft-popup-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1999;
  }
}

/* ✅ Setup alert row: heading + button on same row, all screen sizes */
#courtesy_pay_setup_content,
#overdraft_setup_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0;
}

/* Left text section - takes all available space, content left-aligned */
#courtesy_pay_setup_text_section,
#overdraft_setup_text_section {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 8px;
}

/* Setup button - fixed size, stays right with gap from text */
#courtesy_pay_setup_button,
#overdraft_setup_button {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-left: 1rem;
  padding-left: 0;
  padding-right: 0;
}

/* Custom badge styling for account details */
.badge-primary, .overdraft-badge-primary {
  background-color: #151F6D !important;
  color: #ffffff !important;
  border-color: #151F6D !important;
}

/* Add Funds link styling in alert-warning - specific to overdraft popup */
.overdraft-popup-content .alert-warning a:visited {
  color: #151F6D !important;
}

/* Override alert-info background to match dark theme in overdraft popup */
.overdraft-popup-content .alert-info {
  background-color: #E7EFFA !important;
  border-color: #B4CDEF !important;
}

/* Ensure setup heading text is visible in white for both overdraft and courtesy pay */
.overdraft-popup-content .setup-heading-text {
  color: #000000 !important;
}

.btn-outline-success.overdraft-badge {
  background-color: #fff;
  border: 1px solid #227C25 !important;
  color: #227C25;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  padding: 4px 10px;
  box-sizing: border-box;
}

.btn-outline-secondary.overdraft-badge {
  background-color: #8080801F !important;
  border: 1px solid #8080801F !important;
  color: #2A2A2A !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  padding: 4px 10px;
  box-sizing: border-box;
}

.overdraft-badge .icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.overdraft-badge .icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

.add-funds-link {
  color: #151F6D !important;
}

/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: fixed;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  padding: 6px;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #D8D8D8;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1rem;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 800;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted rgba(0, 0, 0, 0.2);
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1rem;
}

.ui-widget .ui-widget {
  font-size: 1rem;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1rem;
}

.ui-widget.ui-widget-content {
  border: 1px solid #D5D6D7;
  border-radius: 0px 0px 4px 4px;
  border-top: none;
}

.ui-widget-content {
  border: 1px solid #D5D6D7;
  background: #FFFFFF;
  color: #2a2a2a;
}

.ui-widget-content a {
  color: #2a2a2a;
}

.ui-widget-header {
  border: 1px solid #D5D6D7;
  background: #ececed;
  color: #2a2a2a;
  font-weight: 800;
}

.ui-widget-header a {
  color: #2a2a2a;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #D5D6D7;
  background: #FFFFFF;
  font-weight: 400;
  color: #4d4d4d;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #4d4d4d;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #D5D6D7;
  background: #ececed;
  font-weight: 400;
  color: #2a2a2a;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2a2a2a;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #151F6D;
  background: #151F6D;
  font-weight: 400;
  color: #FFFFFF;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #151F6D;
  background-color: #FFFFFF;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #151F6D;
  background: #151F6D;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #151F6D;
  background: #151F6D;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #F6B9A9;
  background: #F8DEE1;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 800;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #D8D8D8;
  opacity: .003;
  -ms-filter: Alpha(Opacity=0.3);
  /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
  max-height: 300px;
  overflow: hidden auto;
  z-index: 1001;
}

@media (max-width: 575px) {
  .right-widget,
  .searchLabel,
  .hidden-in-xs,
  .more_tab,
  .activity_since_tour_last_login_tab,
  .more-tab-overlay {
    display: none;
  }
  #error_page .error_page_column_reverse,
  #module_outage .error_page_column_reverse {
    flex-flow: column-reverse;
  }
  .contentAndCloseContainer .card-columns {
    column-count: 1;
  }
  .card-columns .more-each-tile {
    padding-right: 0px !important;
  }
  #fundTransfer .card {
    margin-top: 10px;
  }
  .login-seperator {
    border-left: none !important;
  }
  .footerMarginLeft {
    margin-left: 0px !important;
  }
  .footer_border_right {
    border-right: 0px;
  }
  .pre-login-footer-about-info {
    padding: 10px 30px 10px 30px !important;
  }
  .post_login_header_logo {
    background-size: 190px;
    height: 80px;
    margin: 0px 0px 15px 0px !important;
    background-position: center;
  }
  #login_form_blade {
    border-radius: 20px;
  }
  .footer-elements {
    border-radius: 20px 20px 0px 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 80px;
  }
  .prelogin_footer .footer-elements {
    margin-bottom: 0px;
  }
  .footer-elements-sec {
    padding-top: 20px;
    padding-left: 0.5rem !important;
  }
  .pre_login_outer {
    padding: 0px 0px 0px 0px !important;
  }
  .header_section_outer {
    padding-top: 15px;
    padding-left: 10px;
  }
  .login-section-outer,
  footer {
    padding: 20px 10px 10px 10px;
  }
  .home_icon {
    margin-left: 5px;
  }
  .side_menu {
    font-size: 0.875rem;
  }
  .navigate_to {
    margin-top: 35px;
  }
  .header .searchBox {
    left: 5px;
  }
  .searchBar {
    width: 100%;
  }
  .top-main-menu {
    display: block !important;
    border-radius: 0px;
    padding: 0px;
  }
  .left-side-bar {
    top: calc(100% - 80px) !important;
    width: 100% !important;
    height: 80px !important;
    display: block !important;
    padding-left: 0px !important;
    min-height: unset !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    position: fixed !important;
  }
  .ux2 .left-side-bar {
    top: calc(100% - 80px) !important;
  }
  .ux2 .left-side-bar a {
    float: none;
  }
  .left-side-bar.promptEnabled {
    top: calc(100% - 80px) !important;
  }
  .side_menu {
    display: flex;
    justify-content: space-evenly;
  }
  .pageView {
    width: 100%;
    left: 0px;
  }
  .ux2 .left-side-bar .sactive {
    background-color: rgba(0, 0, 0, 0.1);
    color: #073c6e !important;
  }
  .ux2 .left-side-bar .left-side-bar-icon {
    width: 86px !important;
    height: 60px;
    margin: 15px 0px 0px 0px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    margin: 10px 0px 0px 0px !important;
  }
  .ux2 .left-side-bar .left-side-bar-icon .menu_icon {
    float: left;
    width: 99%;
    height: 40px;
  }
  .ux2 .left-side-bar .left-side-bar-icon .side_menu_name {
    width: auto;
    position: absolute;
    bottom: 6px;
    left: 50% !important;
    transform: translateX(-50%);
    font-weight: 800 !important;
    color: #073c6e !important;
    text-align: center;
    top: initial !important;
    line-height: 1.25;
    white-space: nowrap;
    margin-left: 0px !important;
  }
  .hambger_icon {
    padding-top: 10px;
    padding-left: 25px;
  }
  .header-overlay .header_logout_icon {
    float: left;
    width: 25px;
  }
  .header-overlay .header_logout_icon_text {
    padding: 4px 0px 0px 5px;
  }
  .header-overlay .header-overlay-close {
    font-size: 30px;
    margin-right: 15px;
  }
  .confirm_arrow_symbol_right {
    display: none;
  }
  .help_button {
    right: 10px !important;
    bottom: 80px !important;
  }
  .post-login-footer-about-info {
    margin: 0px !important;
    padding: 10px 30px 10px 30px !important;
  }
  .withdraw_icon_close {
    background-position: left;
  }
  .dropdown-content {
    position: inherit;
    overflow: auto;
  }
  .innerContentArea {
    margin-right: 10px;
    margin-left: 10px;
  }
  .breadcrumb_block {
    padding-right: 10px;
    padding-left: 10px;
  }
  .confirm_arrow_symbol_down {
    display: block;
    padding-top: 7%;
  }
  .contentArea {
    padding: 20px 10px 0px 10px;
  }
  .pre_login_outer.flow1_login .login-page-outer {
    padding-left: 0px !important;
    padding: 20px !important;
  }
  .login-seperator {
    border-left: none;
  }
  .second-field-padding {
    padding: 0px !important;
  }
  .enroll_main_sec,
  .pre-login-main-sec {
    padding: 15px;
  }
  #otp_form .form-check-input {
    margin-left: 0px;
  }
  #otp_form .custom-checkbox-label-padding {
    margin-left: 0.80rem;
  }
  .account-display-block {
    min-height: 122px !important;
  }
  .account-display-block > * {
    min-height: 80px !important;
  }
  #fleeq-bar-frame,
  #fleeq-bar,
  #fleeq-bar-badge {
    display: none;
  }
  .compose_ticket {
    margin-bottom: 6rem;
  }
  .header {
    padding-bottom: 0.5em;
  }
  #mobileAppPrompt .promptContainer {
    padding-right: 5px;
  }
  #mobileAppPrompt .promptTextContainer {
    flex: 5 !important;
    font-size: 80%;
  }
  #mobileAppPrompt .openAppContainer {
    flex: 3 !important;
    font-size: 80%;
  }
  #reports_list .reportListContainer table td {
    display: inline-block !important;
  }
  #card_details .dropdown-content {
    position: absolute !important;
    right: 0px;
  }
  .header-overlay-icon .activity_since_login_icon {
    background-size: 40px !important;
  }
  .side_menu .activity_since_login {
    display: none !important;
  }
  #payment_file_upload_history .table thead,
  #payment_file_upload_details .table thead {
    display: none !important;
  }
  .login_form_v2,
  .otp_selector_v3,
  .enter_otp_v3 {
    min-width: auto;
  }
  .header_section_outer .enroll_button {
    padding-right: 10px;
  }
  .card-display-block_v2 {
    max-width: 100%;
    max-height: 100%;
  }
  #account_summary .sort_by_v2 {
    padding-left: 0px;
  }
  .card-display-block_v2:last-child {
    max-width: 100%;
    max-height: 100%;
  }
  .form_title {
    font-size: 27px;
  }
  .mfa_subhead .resend_otp,
  .another_channel {
    font-size: 0.875rem;
  }
  .page-content .header_section_outer {
    padding: 10px 0px 0px 10px;
  }
  .ux2 .pageTitle {
    font-size: 44px;
  }
  .ux2 .block-heading .h3 {
    display: block !important;
  }
  .font-size-18 {
    font-size: 1rem !important;
  }
  .header_logo_image {
    height: 60px;
    float: none;
  }
  .pre_login_v2 .logo-container {
    padding-left: 10px;
  }
  .pre_login_v2 .enroll_button {
    padding-right: 10px;
  }
  footer .cu_logo {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  footer .copyright_v2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .compact-tile .icon_block {
    vertical-align: top !important;
    padding-top: 17px !important;
  }
  .slim-tile .block-title {
    padding-top: 20px;
    margin-left: 10px !important;
  }
  #account_summary .accountsListContainer .block-heading .h3 {
    display: block !important;
  }
  #account_summary .row.one_block .one_col:first-child {
    padding-right: 0px !important;
  }
  .ux2 .block-heading .totalBlanceAndAccountGroupCount {
    padding-top: 0rem !important;
  }
  .carousel-item .list-inline .list-inline-item-2 {
    width: 67% !important;
  }
  .carousel-item .list-inline .list-inline-item-1 {
    margin-top: 5px;
  }
  .transaction_description_text {
    max-width: 20ch !important;
    width: 20ch !important;
  }
  .activity_table .transaction_description_text {
    max-width: 13ch !important;
    width: 13ch !important;
  }
  .search-container {
    top: 0px !important;
    text-align: left !important;
  }
  #online-form-alerts .table-responsive table tr {
    border-bottom: 0px;
    float: left;
  }
  #online-form-alerts .table-responsive table td {
    text-align: left;
  }
  #address_change_request table tr, #address_change_request table td {
    border-bottom: 0px;
    text-align: left;
  }
  .modal-header {
    padding: 1rem 1rem;
  }
  .modal-body {
    padding: 1rem 1rem;
  }
}

@media (max-width: 280px) {
  .form_title {
    font-size: 20px;
  }
  .authentication-method-title {
    font-size: 15px !important;
  }
  .selected_destination {
    display: flex;
    justify-content: center;
    font-size: 16px !important;
  }
  .font_style {
    font-size: 0.875rem !important;
  }
  .otp_selector_v3 .destination_detail {
    padding-left: 4px;
  }
  .page-content .header_section_outer {
    padding: 10px 0px 0px 10px;
  }
  .mfa_subhead .resend_otp,
  .another_channel {
    font-size: 0.875rem;
  }
  .header_section_outer.pre_login_v2 {
    margin-bottom: 20px !important;
  }
  .ux2 .pageTitle {
    font-size: 32px;
  }
  .ux2 .block-heading .h3 {
    display: block !important;
  }
  .font-size-18 {
    font-size: 0.875rem !important;
  }
  .carousel-item .list-inline {
    padding-left: 5px;
  }
  .transaction_description_text {
    max-width: 20ch !important;
    width: 20ch !important;
  }
  .activity_table .transaction_description_text {
    max-width: 13ch !important;
    width: 13ch !important;
  }
  .search-container {
    top: 0px !important;
    text-align: left !important;
  }
}

@media (max-width: 575px) {
  .ux2-header-container {
    background-color: transparent;
    backdrop-filter: none !important;
  }
  .ux2-pl-3-sm {
    padding-left: 16px !important;
  }
  .ux2-pr-0-sm {
    padding-right: 0px !important;
  }
  .ux2-mb-2-sm {
    margin-bottom: 8px !important;
  }
  .searchBar {
    transform: translateY(-68%);
  }
  .ux2 .top-main-menu {
    display: none;
  }
  .ux2-pull-left-messge-alignment {
    float: left !important;
  }
  ul.breadcrumb li:nth-child(3):before {
    padding: 8px 8px 8px 0px;
  }
  .footer-elements .element-0 .list-inline {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
    border-bottom: 1px solid #9BA0A3;
  }
  .footer-elements .element-0 .list-inline .list-inline-item {
    padding-bottom: 10px;
  }
  .footer-elements .element-0 {
    padding-bottom: 0px !important;
  }
  .footer-elements .element-0 + div {
    padding-top: 0px !important;
  }
  footer .element-1 .footer-elements-sec .elements {
    padding-top: 8px;
  }
  .footer-elements-sec {
    padding-right: 16px;
  }
  .footer-elements-sec .elements table td, .footer-elements-sec tr {
    border-bottom: none;
    text-align: left;
    display: inline-block;
    min-width: 90px;
  }
  .element-2 .footer-elements-sec {
    padding-right: 0px !important;
  }
  .element-2 .footer-elements-sec .title {
    min-width: min-content;
  }
  .element-2 .footer-elements-sec .elements {
    display: flex;
    position: relative;
    text-align: center;
    margin: auto;
  }
  .element-2 div:nth-child(3) div div {
    text-align: center !important;
  }
  .footer-elements-sec .title {
    min-width: 135px;
  }
  .footerMarginLeft {
    text-align: center;
    margin: auto !important;
    display: contents;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #account_details .search-container {
    top: 0px !important;
    text-align: left !important;
  }
  #account_details .select_transaction_option {
    padding-left: 0px !important;
  }
}

@media (min-width: 576px) {
  .ux2-mt-sm-0 {
    margin-top: 0px !important;
  }
  .switch_account_overlay_active {
    max-width: 540px !important;
  }
  .ux2-col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .ux2-col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .ux2 .ux2-text-right-sm {
    text-align: right !important;
  }
  .ux2 .ux2-text-left-sm {
    text-align: left !important;
  }
}

@media (max-width: 435px) {
  .footer-elements-sec {
    padding-right: 0px;
  }
  .footer-elements .element-0 + div {
    padding-left: 16px !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #fundTransfer .flow2_card .flow2_card_image_block {
    min-height: 85px;
  }
  .right-widget,
  .searchLabel {
    display: none;
  }
  .login-seperator {
    border-left: none !important;
  }
  .footer-elements-sec {
    padding-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .header .searchBox {
    left: 0px;
    width: 100%;
    max-width: 100%;
  }
  .header .searchBox::placeholder {
    font-size: 0.7em;
  }
  .pre_login_outer.flow1_login .login-page-outer {
    padding-left: 0px !important;
    padding: 20px !important;
  }
  .account-display-block {
    min-height: 165px;
  }
  .footerMarginLeft {
    margin-left: 0px !important;
  }
  .footer_border_right {
    border-right: 0px;
  }
  .pre-login-footer-about-info {
    padding: 10px 30px 10px 30px !important;
  }
  .post_login_header_logo {
    margin: 10px 0px 5px 5px;
    background-size: contain !important;
  }
  .post-login-footer-about-info {
    margin: 0px !important;
    padding: 10px 30px 10px 30px !important;
  }
  .header {
    padding-bottom: 0.5em;
  }
  .contentAndCloseContainer .card-columns {
    column-count: 1;
  }
  .card-columns .more-each-tile {
    padding-right: 0px !important;
  }
  .switch-user-button {
    width: 150px;
  }
  #header_menu {
    font-size: 0.875rem;
  }
  .card-display-block_v2 {
    max-width: 23.5% !important;
    max-height: 100% !important;
    height: auto;
  }
  .card-display-block_v2:last-child {
    max-width: 24% !important;
    max-height: 100% !important;
  }
  .header.ux2 .main-header {
    background: #FFFFFF !important;
    border-radius: 10px;
    margin-top: 10px;
    padding-top: 10px;
  }
  #account_summary .sort_by_v2 {
    padding-left: 0px;
  }
  .header_section_outer.pre_login_v2 {
    margin-bottom: 20px !important;
  }
  .header_logo_image {
    height: 42px;
    max-height: 42px;
  }
  .pre_login_v2 .logo-container {
    padding-left: 10px;
  }
  .pre_login_v2 .enroll_button {
    padding-right: 10px;
  }
  footer .cu_logo {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  footer .copyright_v2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .carousel-item .list-inline .list-inline-item-2 {
    width: 67% !important;
  }
  .carousel-item .list-inline .list-inline-item-1 {
    margin-top: 5px;
  }
  .compact-tile .icon_block {
    vertical-align: top !important;
    padding-top: 17px !important;
  }
  #account_summary .row.one_block .one_col:first-child {
    padding-right: 0px !important;
  }
  .ux2-routing-label {
    white-space: nowrap;
  }
  .ux2 .header span.headerLinkLabel.text-center, .routing-num-clr {
    font-size: 12px;
  }
  .switch-user-button {
    border-style: none;
  }
  .switch-user-button .avatar-text-wrap {
    display: none;
  }
  .switch-user-button .ux2-switch-icon {
    display: none;
  }
}

@media (min-width: 768px) {
  .switch_account_overlay_active {
    max-width: 720px !important;
  }
  .ux2-d-md-flex {
    display: flex !important;
  }
  .ux2-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ux2-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .ux2-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .ux2-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #fundTransfer .flow2_card .flow2_card_image_block {
    min-height: 85px;
  }
  .searchLabel {
    display: none;
  }
  .footer-elements-sec {
    padding-top: 20px;
  }
  .enroll_main_sec,
  .pre-login-main-sec {
    padding-left: 40px;
    padding-right: 40px;
  }
  .header .searchBox {
    left: 0px;
    width: 100%;
    max-width: 100%;
  }
  .header-overlay {
    display: none;
  }
  .login-seperator {
    border-left: none !important;
  }
  .footer_border_right {
    border-right: 0px;
  }
  .pre_login_outer.flow1_login .login-page-outer {
    padding-left: 0px !important;
    padding: 20px 80px 20px 80px !important;
  }
  .footerMarginLeft {
    margin-left: 0px !important;
  }
  .pre-login-footer-about-info {
    padding: 10px 30px 10px 30px !important;
  }
  .post-login-footer-about-info {
    margin: 0px !important;
    padding: 10px 30px 10px 30px !important;
  }
  .header .headerMenu .mt-auto {
    margin: auto !important;
  }
  .account-display-block {
    min-height: 112px !important;
  }
  .account-display-block > * {
    min-height: 82px !important;
  }
  .contentAndCloseContainer .card-columns {
    column-count: 2;
  }
  .card-columns .more-each-tile {
    padding-right: 0px !important;
  }
  .switch-user-button {
    width: 200px;
  }
  .card-display-block_v2 {
    max-width: 23.5% !important;
    max-height: 100% !important;
    height: auto;
  }
  .card-display-block_v2:last-child {
    max-width: 24% !important;
    max-height: 100% !important;
  }
  .header_logo_image {
    height: 42px;
  }
  .top-main-menu .left-side-bar .side_menu a {
    display: none;
  }
  .top-main-menu .left-side-bar .side_menu a:nth-child(1),
  .top-main-menu .left-side-bar .side_menu a:nth-child(2),
  .top-main-menu .left-side-bar .side_menu a:nth-child(3),
  .top-main-menu .left-side-bar .side_menu a:nth-child(4),
  .top-main-menu .left-side-bar .side_menu a:nth-child(5),
  .top-main-menu .left-side-bar .side_menu a:nth-child(6),
  .top-main-menu .left-side-bar .side_menu a:last-child {
    display: block;
  }
  footer .cu_logo {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  footer .copyright_v2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .ux2 .block-heading .totalBlanceAndAccountGroupCount {
    padding-top: 0rem !important;
  }
  .carousel-item .list-inline .list-inline-item-2 {
    padding-left: 5px;
    width: 67% !important;
  }
  .carousel-item .list-inline .list-inline-item-1 {
    margin-top: 5px;
  }
  .activity_table .transaction_description_text {
    max-width: 15ch !important;
    width: 15ch !important;
  }
  .more-tab-overlay-active {
    margin-top: 120px !important;
  }
  .core_is_down .more-tab-overlay-active {
    margin-top: 170px !important;
  }
  .ux2-routing-label {
    white-space: nowrap;
  }
  .ux2 .header span.headerLinkLabel.text-center, .routing-num-clr {
    font-size: 12px;
  }
  .switch-user-button {
    border-style: none;
  }
  .switch-user-button .avatar-text-wrap {
    display: none;
  }
  .switch-user-button .ux2-switch-icon {
    display: none;
  }
}

@media (min-width: 992px) {
  .switch_account_overlay_active {
    max-width: 960px !important;
  }
  .ux2-d-lg-none {
    display: none !important;
  }
  .ux2-d-lg-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #fundTransfer .flow2_card .flow2_card_image_block {
    min-height: 85px;
  }
  .header-overlay {
    display: none;
  }
  .footer-powerd-by {
    margin-left: 5%;
  }
  .card-columns .more-each-tile {
    padding-right: 0px !important;
  }
  .enroll_main_sec,
  .pre-login-main-sec {
    padding-left: 25px;
    padding-right: 25px;
  }
  .card-display-block_v2 {
    max-width: 23.5% !important;
    max-height: 100% !important;
    height: auto;
  }
  .card-display-block_v2:last-child {
    max-width: 24% !important;
    max-height: 100% !important;
  }
  .carousel-item .list-inline .list-inline-item-2 {
    width: 84%;
  }
  .carousel-item .list-inline .list-inline-item-1 {
    margin-top: 5px;
  }
  .ux2-routing-label {
    white-space: nowrap;
  }
  .ux2 .header span.headerLinkLabel.text-center, .routing-num-clr {
    font-size: 12px;
  }
  .switch-user-button {
    border-style: none;
  }
  .switch-user-button .avatar-text-wrap {
    display: none;
  }
  .switch-user-button .ux2-switch-icon {
    display: none;
  }
}

@media (min-width: 1920px) {
  .progress {
    width: 1700px;
  }
  body {
    width: 1700px;
    display: table;
    margin: 0 auto;
    float: none;
    background: #FFFFFF;
    position: relative;
  }
  .transfer_tabrow.mem_settings .transfer_tab {
    width: 30%;
  }
  .transfer_tabrow.mem_settings .transfer_tab {
    width: 30%;
  }
}

@media (max-width: 1270px) {
  #fundTransfer .arrow_img {
    height: 18px;
  }
}

@media (min-width: 1900px) {
  .autocomplete-suggestions {
    left: 31.85%;
    width: 299px;
  }
  .more-tab-overlay-active, .switch_account_overlay_active {
    width: 1700px !important;
  }
}

@media (min-width: 770px) and (max-width: 1024px) {
  .main-wrapper {
    width: calc(100% - 130px);
  }
}

/*
Ipad media query
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .make_primary_text_banking {
    float: left;
    margin-left: 2px;
    margin-top: 0px;
  }
  #account_details .on_user_demand {
    padding-right: 5px;
  }
  .padding_description {
    padding-left: 10px;
  }
  .fico_score_img_block img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #personal_profile .mob_no_row .col-lg-4 {
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
  }
  .padding_description {
    padding-left: 10px;
  }
  .fico_score_img_block .into_border.row {
    border-bottom: 0px;
  }
  .fico_score_img_block .section1 {
    border-bottom: 0px;
  }
  .fico_score_img_block {
    border: 0px;
    border-radius: 0px;
  }
  .fico_score_img_block .section1 {
    border: 1px solid #151F6D;
    border-radius: 17px 17px 0px 0px;
  }
  .fico_score_img_block .section2 {
    border: 1px solid #151F6D;
    border-radius: 0px 0px 17px 17px;
  }
  .fico_score_img_block .section1 img.radius_img {
    border-radius: 17px 0px 0px 0px;
  }
  .fico_score_img_block img.second_img {
    border-radius: 0px 17px 0px 0px;
  }
  .fico_score_img_block .section2 .keyfactor.second {
    padding-left: 0px;
  }
  .fico_score_img_block .col_margin {
    margin-bottom: 0px;
  }
  .fico_score_img_block .section2 .keyfactor.second {
    padding-left: 15px;
  }
  .fico_score_img_block img {
    width: 100%;
  }
}

@media (max-width: 1034px) {
  .third-row .childs {
    margin-bottom: 14px;
  }
  .table > tbody > tr > td, .table > thead > tr > td {
    padding: 15px 31px 15px 8px;
  }
}

/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle a, .switch-light span span {
  display: none;
}

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
   */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
       * when the inputs are focused.
       */
  }
  .switch-light::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-light *, .switch-light *:before, .switch-light *:after {
    box-sizing: border-box;
  }
  .switch-light a {
    display: block;
    transition: all 0.2s ease-out;
  }
  .switch-light label, .switch-light > span {
    /* breathing room for bootstrap/foundation classes.
       */
    line-height: 2em;
    vertical-align: middle;
  }
  .switch-light input:focus ~ span a, .switch-light input:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
       */
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  .switch-light input:focus ~ span a, .switch-light input:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}

@media only screen {
  /* don't hide the input from screen-readers and keyboard access
   */
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3;
  }
  .switch-light input:checked ~ span a {
    right: 0%;
  }
  /* inherit from label
   */
  .switch-light strong {
    font-weight: inherit;
  }
  .switch-light > span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
       * eg. bootstrap .well
       */
    padding: 0;
    text-align: left;
  }
  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
  }
  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
  }
  /* Radio Switch
   */
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
       * when the inputs are focused.
       */
    /* For callout panels in foundation
      */
    padding: 0;
    /* 2 items
       */
    /* 3 items
       */
    /* 4 items
       */
    /* 5 items
       */
    /* 6 items
       */
  }
  .switch-toggle::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-toggle *, .switch-toggle *:before, .switch-toggle *:after {
    box-sizing: border-box;
  }
  .switch-toggle a {
    display: block;
    transition: all 0.2s ease-out;
  }
  .switch-toggle label, .switch-toggle > span {
    /* breathing room for bootstrap/foundation classes.
       */
    line-height: 2em;
    vertical-align: middle;
  }
  .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
       */
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}

@media only screen {
  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0;
  }
  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding: 0 0.5em;
    margin: 0;
    text-align: center;
  }
  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 10px;
    height: 100%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(4), .switch-toggle label:nth-child(2):nth-last-child(4) ~ label, .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
    width: 50%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
    left: 50%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(6), .switch-toggle label:nth-child(2):nth-last-child(6) ~ label, .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
    width: 33.33%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
    left: 33.33%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
    left: 66.66%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(8), .switch-toggle label:nth-child(2):nth-last-child(8) ~ label, .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
    width: 25%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
    left: 25%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
    left: 50%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
    left: 75%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(10), .switch-toggle label:nth-child(2):nth-last-child(10) ~ label, .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
    width: 20%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
    left: 20%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
    left: 40%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
    left: 60%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
    left: 80%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(12), .switch-toggle label:nth-child(2):nth-last-child(12) ~ label, .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
    width: 16.6%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
    left: 16.6%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
    left: 33.2%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
    left: 49.8%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
    left: 66.4%;
  }
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
    left: 83%;
  }
  /* Candy Theme
   * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
   * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
   */
  .switch-toggle.switch-candy, .switch-light.switch-candy > span {
    background-color: #D8D8D8;
    border-radius: 3px;
    /*box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); */
  }
  .switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label {
    color: #2a2a2a;
    font-weight: 800;
    text-align: center;
    /*text-shadow: 1px 1px 1px #191b1e; */
  }
  .switch-light.switch-candy input ~ span span:first-child, .switch-light.switch-candy input:checked ~ span span:nth-child(2), .switch-candy input:checked + label {
    color: #FFFFFF;
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
  }
  .switch-candy a {
    border: 1px solid #151F6D;
    background-color: #151F6D;
  }
  .switch-candy-blue a {
    background-color: #0E88B1;
  }
  .switch-candy-yellow a {
    background-color: #151F6D;
  }
  /* iOS Theme
  */
  .switch-ios.switch-light span span {
    color: #999999;
  }
  .switch-ios.switch-light a {
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    background-color: #FFFFFF;
    border-radius: 100%;
    border: 0.25em solid #D5D6D7;
    transition: all .2s ease-out;
  }
  .switch-ios.switch-light > span {
    display: block;
    width: 100%;
    height: 2em;
    background-color: #D8D8D8;
    border-radius: 1.75em;
    transition: all .4s ease-out;
  }
  .switch-ios.switch-light > span span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 1.875em;
    vertical-align: middle;
    transition: all .2s ease-out;
  }
  .switch-ios.switch-light > span span:first-of-type {
    opacity: 1;
    padding-left: 1.875em;
  }
  .switch-ios.switch-light > span span:last-of-type {
    padding-right: 1.875em;
  }
  .switch-ios.switch-light input:checked ~ span a {
    left: 100%;
    border-color: green;
    margin-left: -2em;
  }
  .switch-ios.switch-light input:checked ~ span {
    border-color: green;
    box-shadow: inset 0 0 0 30px #4BD865;
  }
  .switch-ios.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .switch-ios.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #FFFFFF;
  }
  .switch-ios.switch-toggle {
    background-color: #D8D8D8;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  }
  .switch-ios.switch-toggle a {
    background-color: green;
    border: 0.125em solid #D5D6D7;
    border-radius: 1.75em;
    transition: all 0.12s ease-out;
  }
  .switch-ios.switch-toggle label {
    height: 2.4em;
    color: #999999;
    line-height: 2.4em;
    vertical-align: middle;
  }
  .switch-ios input:checked + label {
    color: #4d4d4d;
  }
  /* Holo Theme
   */
  .switch-toggle.switch-holo, .switch-light.switch-holo > span {
    background-color: #666666;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #FFFFFF;
    text-transform: uppercase;
  }
  .switch-holo label {
    color: #FFFFFF;
  }
  .switch-holo > span span {
    opacity: 0;
    transition: all 0.1s;
  }
  .switch-holo > span span:first-of-type {
    opacity: 1;
  }
  .switch-holo > span span, .switch-holo label {
    font-size: 85%;
    line-height: 2.15625em;
  }
  .switch-holo a {
    background-color: #666666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
  }
  /* Selected ON switch-light
  */
  .switch-holo.switch-light input:checked ~ span a {
    background-color: #0E88B1;
  }
  .switch-holo.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .switch-holo.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
  }
  /* Material Theme
   */
  /* switch-light
   */
  .switch-light.switch-material a {
    top: -0.1875em;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(255, 255, 255, 0.4), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .switch-material.switch-light {
    overflow: visible;
  }
  .switch-material.switch-light::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-material.switch-light > span {
    overflow: visible;
    position: relative;
    top: 0.1875em;
    width: 3.25em;
    height: 1.5em;
    min-height: auto;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.26);
  }
  .switch-material.switch-light span span {
    position: absolute;
    clip: rect(0 0 0 0);
  }
  .switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #151F6D;
    box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(255, 255, 255, 0.4), 0 0.0625em 0.375em 0 rgba(255, 255, 255, 0.4);
  }
  .switch-material.switch-light input:checked ~ span {
    background: rgba(63, 81, 181, 0.5);
  }
  /* switch-toggle
   */
  .switch-toggle.switch-material {
    overflow: visible;
  }
  .switch-toggle.switch-material::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-toggle.switch-material a {
    top: 48%;
    width: 0.375em;
    height: 0.375em;
    margin-left: 0.25em;
    background: #151F6D;
    border-radius: 100%;
    transform: translateY(-50%);
    transition: transform 0.4s ease-in;
  }
  .switch-toggle.switch-material label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
  }
  .switch-toggle.switch-material label:before {
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    display: block;
    width: 0.875em;
    height: 0.875em;
    border-radius: 100%;
    border: 0.125em solid rgba(0, 0, 0, 0.54);
    transform: translateY(-50%);
  }
  .switch-toggle.switch-material input:checked + label:before {
    border-color: #151F6D;
  }
  /* ripple
   */
  .switch-light.switch-material > span:before, .switch-light.switch-material > span:after, .switch-toggle.switch-material label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    background: #151F6D;
    opacity: .4;
    margin-left: -1.25em;
    margin-top: -1.25em;
    transform: scale(0);
    transition: opacity .4s ease-in;
  }
  .switch-light.switch-material > span:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.25em;
  }
  .switch-toggle.switch-material label:after {
    width: 3.25em;
    height: 3.25em;
    margin-top: -0.75em;
  }
  @keyframes materialRipple {
    0% {
      transform: scale(0);
    }
    20% {
      transform: scale(1);
    }
    100% {
      opacity: 0;
      transform: scale(1);
    }
  }
  .switch-material.switch-light input:not(:checked) ~ span:after, .switch-material.switch-light input:checked ~ span:before, .switch-toggle.switch-material input:checked + label:after {
    animation: materialRipple .4s ease-in;
  }
  /* trick to prevent the default checked ripple animation from showing
   * when the page loads.
   * the ripples are hidden by default, and shown only when the input is focused.
   */
  .switch-light.switch-material.switch-light input ~ span:before, .switch-light.switch-material.switch-light input ~ span:after, .switch-material.switch-toggle input + label:after {
    visibility: hidden;
  }
  .switch-light.switch-material.switch-light input:focus:checked ~ span:before, .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after, .switch-material.switch-toggle input:focus:checked + label:after {
    visibility: visible;
  }
}

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s;
  }
}

/*# sourceMappingURL=toggle-switch.css.map */
.switch-light.pin_this_page label, .switch-light.pin_this_page > span {
  line-height: 2em;
  min-height: 1.5em;
  border: 0px solid #D5D6D7;
  border-radius: 0px;
}

@media (max-width: 768px) {
  [class*="col-"] {
    margin-bottom: 0.625em;
  }
}

@media (min-width: 610px) and (max-width: 768px) {
  .account-display-block > * {
    min-height: 133px !important;
  }
}

.modal {
  z-index: 10000025;
}

@media (min-width: 768px) {
  #account_summary .default-page {
    margin-top: 20px;
  }
  .ux2 #account_summary .default-page {
    margin-top: 0px;
    padding: 10px 0px 0px 0px;
  }
}

@media (min-width: 1200px) {
  .switch_account_overlay_active {
    max-width: 1140px !important;
  }
}

@media (min-width: 1200px) {
  .header-overlay {
    display: none;
  }
  .footer-powerd-by {
    margin-left: 5%;
  }
  .fund_transfer_confirmation .modal-dialog, .own_account_confirmaton_block .modal-dialog, .one_time_confirmaton_block .modal-dialog, #bankABANumber .modal-dialog, #bankABANumberAch .modal-dialog {
    max-width: 1000px;
  }
  .ux2-col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ux2-col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
}

@media (max-width: 1280px) {
  .center-sidebar-seperator {
    border: 0 !important;
    padding-right: 0px !important;
  }
  .ux2 .ux2-select-component-wrap-transparent-bg > div {
    display: inline-grid;
  }
}

@media (min-width: 1280px) {
  .switch_account_overlay_active {
    width: auto !important;
    max-width: 100% !important;
    position: relative;
  }
}

/*-----------------------Responcive table------------------------------*/
@media only screen and (max-width: 600px) {
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
  }
  table tr:last-of-type {
    border-bottom: 0px solid rgba(0, 0, 0, 0.2);
  }
  table td {
    border-bottom: 1px solid #D5D6D7;
    display: block;
    text-align: right;
    padding-left: 5px;
    white-space: normal;
    text-transform: none;
  }
  table td::before {
    content: attr(data-label);
    font-weight: 800;
    float: left;
    margin-right: 10px;
    text-transform: capitalize;
  }
  .table > tbody > tr > td, .table > thead > tr > td {
    padding-right: 5px;
  }
  .ux2 table thead {
    display: block;
  }
  .ux2 table td {
    text-align: left;
  }
}

@media (min-width: 576px) {
  #success_popup .modal-dialog {
    max-width: 600px;
  }
}

@media (min-width: 1440px) {
  .switch_account_overlay_active {
    width: auto !important;
    max-width: 100% !important;
    position: relative;
  }
}

@media print {
  table {
    page-break-inside: auto;
  }
  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  input {
    page-break-inside: avoid;
  }
  .form_row .row_flex {
    page-break-inside: avoid;
  }
  .jcf-select {
    page-break-inside: avoid;
  }
  .jcf-select-text span {
    font-size: 0;
  }
  ::placeholder {
    font-size: 0;
  }
  :-ms-input-placeholder {
    font-size: 0;
  }
  ::-ms-input-placeholder {
    font-size: 0;
  }
  a[href]:after {
    content: none;
  }
}

#account_summary .full-tile .summary {
  padding-bottom: 10px;
}

#account_summary .acc-number {
  padding-left: 15px;
}

#account_summary .bottom-nav {
  margin-top: 10px;
}

#account_summary .sort-arrows {
  text-align: right;
}

#account_summary .accounts-filter {
  font-weight: 800;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

#account_summary strong, #account_summary .mask {
  font-weight: 400;
  line-height: 25px;
}

.ux2 #account_summary .full-tile .summary, .ux2 #account_summary_filter_ux2 .full-tile .summary {
  border-radius: 8px;
  background-color: whitesmoke;
}

.ux2 #account_summary .acc-summary-group-v2, .ux2 #account_summary_filter_ux2 .acc-summary-group-v2 {
  width: 152px;
  height: 28px;
  padding: 2px;
  border-radius: 60px;
  background: rgba(255, 255, 255, 0.4);
}

.ux2 #account_summary .acc-summary-group-v2 .group-type-label, .ux2 #account_summary_filter_ux2 .acc-summary-group-v2 .group-type-label {
  width: 48px;
  height: 24px;
  padding: 3px 8px 3px 8px;
  border-radius: 50px;
  background-color: #FFFFFF;
  text-align: center;
  margin: 4px;
}

.ux2 #account_summary .acc-summary-group-v2 .group-type-value, .ux2 #account_summary_filter_ux2 .acc-summary-group-v2 .group-type-value {
  color: #FFFFFF;
  padding: 5px;
}

.ux2 #account_summary .tiles_block, .ux2 #account_summary .sort_type_block, .ux2 #account_summary_filter_ux2 .tiles_block, .ux2 #account_summary_filter_ux2 .sort_type_block {
  width: auto;
  height: 34px;
  padding: 3.5px 3px;
  border-radius: 60px;
  background-color: rgba(255, 255, 255, 0.7);
}

.ux2 #account_summary .sort_type_block a, .ux2 #account_summary_filter_ux2 .sort_type_block a {
  color: black;
}

.ux2 #account_summary .sort_type_block a.active, .ux2 #account_summary_filter_ux2 .sort_type_block a.active {
  color: black;
  background-color: white;
}

.ux2 #account_summary .tiles_block a, .ux2 #account_summary_filter_ux2 .tiles_block a {
  border-radius: 50px;
}

.ux2 #account_summary .tiles_block a:active, .ux2 #account_summary_filter_ux2 .tiles_block a:active {
  background-color: transparent;
}

.ux2 #account_summary .tiles_block, .ux2 #account_summary_filter_ux2 .tiles_block {
  width: 87px;
}

.ux2 #account_summary .sort_type_block, .ux2 #account_summary_filter_ux2 .sort_type_block {
  max-width: 158px;
}

.ux2 #account_summary .sort_type_block .sort_type, .ux2 #account_summary_filter_ux2 .sort_type_block .sort_type {
  text-align: center;
  height: 24px;
  display: block;
  max-width: 95px;
  margin: 0px 2px 0px 1px;
  padding: 4px 10px 8px 10px;
  float: left;
  font-size: 1rem;
  line-height: 17.5px;
  border-radius: 50px;
}

#dashboard .pageTitle {
  margin-bottom: 0px;
  font-size: 28px;
}

#dashboard .last-login {
  color: #999999;
  font-weight: 700;
}

#message_center .hide-icon {
  display: none;
}

#message_center .message-table .table-bordered {
  border: 2px solid #9BA0A3;
}

#message_center .message-table thead > tr > th {
  border: 2px solid #9BA0A3;
}

#message_center .message-table tbody > tr > td {
  border-left: 2px solid #9BA0A3;
  border-right: 2px solid #9BA0A3;
}

#message_center .notification-table thead {
  background-color: #D8D8D8;
  color: rgba(0, 0, 0, 0.8);
}

#change-userid-settings .edit-user {
  color: #151F6D;
  cursor: pointer;
}

#change-userid-settings #login_form_change_userid .userid-policy {
  list-style: none;
  border: 1px solid #9BA0A3;
  border-radius: 5px;
}

#default_mfa .edit-contact {
  color: #151F6D;
  cursor: pointer;
}

#default-verification-settings .form-check-label {
  font-weight: 400;
  margin: 5px;
}

#notification thead {
  background-color: #D8D8D8;
}

#notification tbody tr:nth-of-type(odd) {
  background: #F6F6F9;
}

#notification tbody tr:nth-of-type(even) {
  background: #FFFFFF;
}

#notification .table th, .table td {
  border: none;
}

.block-bottom-div .block-bottom-box {
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  margin: 10px 30px;
  height: 70px;
}

.block-bottom-div .block-bottom-box span {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 800;
}

#transaction_search thead {
  background-color: #D8D8D8;
}

#transaction_search .more_rows {
  color: red;
}

.home_tab .side_menu_name {
  margin-left: -2px;
}

.more-tab-overlay-close, .more-tab-show-more-bricks {
  cursor: pointer;
  width: fit-content;
}

.more-tab-overlay {
  overflow: overlay;
  z-index: 1000;
  height: 600px;
  backdrop-filter: blur(10px);
}

.switch_account_overlay {
  overflow: overlay;
  z-index: 1000;
  height: 100%;
  backdrop-filter: blur(10px);
}

.widget .avatar-shadow {
  margin-top: 6px;
}

.message-info-tab {
  background-color: #E7EFF3;
  padding: 7px;
  padding-left: 10px;
}

.confirm_arrow_symbol_right, .confirm_arrow_symbol_down {
  display: none;
}

.confirm_arrow_symbol_right {
  padding-top: 7%;
  font-size: 30px;
  display: block;
}

.confirm_arrow_symbol_right2 {
  padding-top: 2%;
  font-size: 30px;
  display: block;
}

#notification .fa-circle {
  font-size: 0.875rem !important;
  color: #835AAB;
  margin-top: 20px;
  margin-left: -1.10rem;
}

#layout_support {
  position: fixed;
  right: 0px;
  z-index: 9999;
  bottom: 0px;
}

#account_summary .desktop-menu,
#account_details .desktop-menu {
  display: inline-flex !important;
}

#account_details .card_image_account {
  height: 65px;
}

#account_summary .drop-more-menu,
#account_details .drop-more-menu {
  display: none;
}

@media (max-width: 576px) {
  #account_summary .desktop-menu,
  #account_details .desktop-menu {
    display: none;
  }
  #account_summary .drop-more-menu {
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
  }
  #account_details .drop-more-menu {
    display: block;
    position: absolute;
    top: -9px;
  }
  #account_details .drop-more-menu .btn-primary {
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
  }
  #account_details .see-more-div {
    text-align: right !important;
    padding: 7px 0px 0px 0px !important;
  }
  #account_summary .block-bottom-nav,
  #account_details .block-bottom-nav {
    height: 50px;
  }
  #account_details .see-more-div {
    position: absolute;
    left: 4%;
    bottom: 40%;
    width: 100px;
  }
}

.device-settings label {
  font-weight: 400;
}

.device-settings span {
  font-weight: 800;
}

#generic_alerts_tab .jcf-select .jcf-select-text {
  font-weight: 800;
}

.alerts-border-left {
  border-left: 3px solid #95D4EA;
  padding-right: 10px;
  height: 22px;
}

#membership_order .membership_no_block {
  border: 1px solid #999999;
  margin: 5px 0px 5px 0px;
  padding: 8px;
  font-size: 1rem;
  border-radius: 4px;
  cursor: pointer;
}

#membership_order .bar_icon img {
  height: 20px;
}

#forgot_user_id .bottom_border {
  border-bottom: 2px solid rgba(0, 0, 0, 0.8);
}

#forgot_user_id .white_wrapper {
  border: none;
}

#forgot_pwd_1 .bottom_border,
#forgot_pwd_2 .bottom_border,
#forgot_pwd_3 .bottom_border,
#forgot_pwd_4 .bottom_border {
  border-bottom: 2px solid rgba(0, 0, 0, 0.8);
}

#forgot_pwd_1 .add_role_steps,
#forgot_pwd_2 .add_role_steps,
#forgot_pwd_3 .add_role_steps,
#forgot_pwd_4 .add_role_steps {
  border-bottom: 2px solid rgba(0, 0, 0, 0.8) !important;
}

#forgot_pwd_1 .add_role_steps ul li.active,
#forgot_pwd_2 .add_role_steps ul li.active,
#forgot_pwd_3 .add_role_steps ul li.active,
#forgot_pwd_4 .add_role_steps ul li.active {
  font-weight: 600;
}

#forgot_pwd_1 .white_wrapper,
#forgot_pwd_2 .white_wrapper,
#forgot_pwd_3 .white_wrapper,
#forgot_pwd_4 .white_wrapper {
  border: none;
}

#forgot_pwd_3 .resend_otp a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

#forgot_pwd_3 .mfa_subhead {
  font-size: 1rem;
}

#forgot_pwd_3 .mfa_subhead_first {
  font-weight: 800;
}

#forgot_pwd_3 .fa {
  color: #999999;
  font-size: 18px;
}

#forgot_reset_password_form #pass_require p {
  color: #FFFFFF;
  font-weight: 600;
}

#forgot_reset_password_form #pass_require span {
  color: #FFFFFF;
}

#forgot_reset_password_form #pass_require ul {
  color: #FFFFFF;
}

#forgot_pwd_4 #pass_require .input-label p, #unlock_account #pass_require .input-label p, #sub_user_reset_password #pass_require .input-label p {
  font-weight: 600;
}

#forgot_pwd_4 #pass_require .input-label ul, #unlock_account #pass_require .input-label ul, #sub_user_reset_password #pass_require .input-label ul {
  padding-left: 8px;
  list-style-type: '-';
}

#forgot_pwd_4 #pass_require .input-label ul li, #unlock_account #pass_require .input-label ul li, #sub_user_reset_password #pass_require .input-label ul li {
  padding-left: 4px;
}

#forgot_user_id .bottom_border {
  border-bottom: 2px solid rgba(0, 0, 0, 0.8);
}

#blackout_period .input-group.date .input-group-addon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
}

#confirm_identity .ssn_num_confirm .ssn_dash {
  padding-left: 8px;
  padding-top: 8px !important;
}

#confirm_identity .white_wrapper {
  border: none;
}

#forgot_pwd_flow_2 .ssn_num_confirm .ssn_dash {
  padding-left: 8px;
  padding-top: 8px !important;
}

#forgot_pwd_flow_2 .white_wrapper {
  border: none;
}

#billpay_sso iframe {
  width: 100% !important;
  height: 800px !important;
}

.custom-table .table-bordered {
  border: 2px solid #9BA0A3;
}

.custom-table thead > tr > th {
  border: 2px solid #9BA0A3;
}

.custom-table tbody > tr > td {
  border: 2px solid #9BA0A3;
}

#transaction_search_result table.transaction_search_table, #transaction_search_result table.transaction_search_table th, #transaction_search_result table.transaction_search_table td {
  border: solid 2px #c6c9c9;
  vertical-align: middle;
}

#transaction_search_result .fa-caret-down, #transaction_search_result .fa-caret-up {
  font-size: 18px;
}

#transaction_search_result .add_notes .form-group {
  margin: 0px;
}

#transaction_search_result .accounts_checkbox {
  padding-left: 2rem !important;
}

.table-border table.transaction_search_table, .table-border table.transaction_search_table th, .table-border table.transaction_search_table td {
  border: solid 1px #c6c9c9;
  vertical-align: middle;
}

.table-border .fa-caret-down, .table-border .fa-caret-up {
  font-size: 18px;
}

.table-borer-only-row .table-responsive .clickable-row {
  border-bottom: 1px solid #c6c9c9;
}

#interest_rates_blade .rate_alerts_form {
  border-left: 4px solid #999999;
}

#payeeListModel .searchPayeeIndividualAndBusinessPayeeBox {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#fundtransfer_schedule_details .individual_amount_box,
#fundtransfer_schedule_details .individual_edit_button_box,
#fundtransfer_ach_schedule_details .individual_amount_box,
#fundtransfer_ach_schedule_details .individual_edit_button_box,
#pay_your_loan_schedule_details .individual_amount_box,
#pay_your_loan_schedule_details .individual_edit_button_box,
#pay_your_loan_schedule_details .individual_amount_box,
#pay_your_loan_schedule_details .individual_edit_button_box {
  display: none;
}

#own_account .source_account_box,
#own_account .destination_account_box,
#ach_transfer .source_account_box,
#ach_transfer .destination_account_box,
#pay_your_loan .source_account_box,
#pay_your_loan .destination_account_box {
  margin-bottom: 10px;
}

#own_account .source_account_box div.form-group,
#own_account .destination_account_box div.form-group,
#ach_transfer .source_account_box div.form-group,
#ach_transfer .destination_account_box div.form-group,
#pay_your_loan .source_account_box div.form-group,
#pay_your_loan .destination_account_box div.form-group {
  margin-bottom: 5px;
}

#travel_notification .email_valid .form-group,
#travel_notification .phone_valid .form-group {
  margin-bottom: 0 !important;
}

#travel_notification_visa_dps #country_select_checkbox:checked + span,
#travel_notification_visa_dps #state_select_checkbox:checked + span {
  font-weight: 700 !important;
}

#own_account .available_balance_block,
#one_time_transfer .available_balance_block,
#ach_transfer .available_balance_block {
  margin-bottom: 5px;
}

#account_details .on_user_demand .loading, #account_details .on_user_demand .loading_message {
  float: right;
  padding: 15px 0px 0px 10px;
}

#account_details .search_text {
  margin-top: 80px;
  margin-left: 20px;
}

.accounts-table .balance_info {
  font-weight: 800;
  font-size: 18px;
  display: inline-block;
}

.add_notes_edit .alert {
  width: 100%;
  margin-bottom: 0px;
}

#fico_score_widget .fico_wrapper {
  float: left;
  padding: 50px 75px 0;
  width: 885px;
}

#fico_score_widget .fico_intro {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  border: 1px solid #151F6D;
  border-radius: 22px;
}

#fico_score_widget .fico_intro img {
  float: left;
  width: 216px;
  /*    height: 180px;*/
  height: auto;
}

#fico_score_widget .fico_intro img:first-child {
  border-radius: 17px 0 0 17px;
}

#fico_score_widget .fico_con {
  border-left: 1px solid #151F6D;
  float: left;
  width: 301px;
}

#fico_score_widget .intro_row {
  float: left;
  width: 100%;
  border-bottom: 1px solid #3b3d40;
  padding: 12px;
}

#fico_score_widget .intro_row p {
  float: left;
  width: 100%;
  font-size: 11px;
  line-height: 15px;
  color: #2a2a2a;
}

#fico_score_widget .fico_con .intro_row:last-child {
  padding-bottom: 22px;
}

#fico_score_widget .intro_row a {
  /*color:#f8971d;*/
  color: #151F6D;
  text-decoration: underline;
}

#fico_score_widget .fico_con .intro_row:last-child {
  border: none;
}

#fico_score_widget .keyfactors_table {
  float: left;
  width: 100%;
}

#fico_score_widget .keyfactors_table h5 {
  color: #2a2a2a;
  float: left;
  font-weight: 800;
  font-size: 1rem;
  line-height: 14px;
  width: 100%;
  margin-bottom: 6px;
}

#fico_score_widget .keyfactors_table td {
  border: none !important;
  padding: 0 !important;
}

#fico_score_widget .keyfactors_table tr > td:first-child {
  background: #298DD5;
  color: #FFFFFF;
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  margin-right: 22px;
}

#fico_score_widget .keyfactors_table tr > td:nth-child(2) {
  font-size: 0.875rem;
  line-height: 16px;
}

#fico_score_widget .keyfactors_table tr > td:nth-child(2) span {
  font-weight: 800;
}

#fico_score_widget .keyfactors_table tr > td:nth-child(2) p {
  margin: 18px 0 28px;
}

#fico_score_widget .keyfactors_table tr > td:nth-child(2) p span {
  font-weight: 800;
}

#fico_score_widget .ficoscore_history, #fico_score_widget .disclosure {
  float: left;
  width: 100%;
}

#fico_score_widget .ficoscore_history h4 {
  color: #2a2a2a;
  line-height: 14px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}

#fico_score_widget .ficoscore_history .history_table {
  float: left;
  width: 100%;
  background: #f6f6f6;
  padding: 10px 15px !important;
  margin-bottom: 40px;
  border-radius: 5px;
}

#fico_score_widget .tooltip_col {
  float: left;
  width: 70px;
  position: relative;
  border-right: 2px solid #95989a;
}

#fico_score_widget .history_col {
  float: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

#fico_score_widget .history_table .tooltip_col:last-child {
  border-right: none;
}

#fico_score_widget .history_col p {
  color: #2a2a2a;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 20px;
  padding: 0;
  text-align: center;
}

#fico_score_widget .history_col p:last-child {
  color: #151F6D;
  font-size: 18px;
  line-height: 24px;
}

#fico_score_widget .keyfactors_tooltip {
  position: absolute;
  float: left;
  width: 320px;
  background: #666666;
  padding: 15px 20px;
  border-radius: 5px;
  display: none;
  left: -82%;
  right: 0;
  margin: 0 auto;
  top: 55px;
  z-index: 9;
}

#fico_score_widget .keyfactors_tooltip::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 25%;
  margin: 0 auto;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #9BA0A3 transparent;
}

#fico_score_widget .keyfactors_tooltip h5 {
  color: #2a2a2a;
  float: left;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 12px;
  margin-bottom: 6px;
  width: 100%;
}

#fico_score_widget .keyfactors_tooltip h5, #fico_score_widget .keyfactors_tooltip table tr > td {
  color: #FFFFFF;
  border: none;
  padding: 0;
}

#fico_score_widget .keyfactors_tooltip tr > td:first-child {
  background: #FFFFFF;
  color: #2a2a2a;
  float: left;
  font-weight: 800;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin-right: 7px;
  text-align: center;
  width: 20px;
}

#fico_score_widget .keyfactors_tooltip tr > td:nth-child(2) {
  font-size: 0.875rem;
  line-height: 14px;
}

#fico_score_widget .keyfactors_tooltip tr > td:nth-child(2) span {
  font-weight: 800;
}

#fico_score_widget .keyfactors_tooltip tr > td:nth-child(2) p {
  margin: 13px 0 15px;
}

#fico_score_widget .keyfactors_tooltip tr > td:nth-child(2) p span {
  font-weight: 800;
}

#fico_score_widget .keyfactors_tooltip tr:last-child > td:nth-child(2) p {
  margin-bottom: 0;
}

#fico_score_widget .history_table .history_col:hover .keyfactors_tooltip {
  display: block;
}

#fico_score_widget .fico_score_graph {
  border: 1px solid #003f5f;
  border-radius: 16px;
  display: table;
  float: none;
  height: 185px;
  margin: 0 auto 30px;
  padding: 15px 24px;
  width: 437px;
}

#fico_score_widget .fico_score_graph canvas {
  float: left;
  width: 100%;
}

#fico_score_widget .fico_score_graph h4, #fico_score_widget .fico_score_graph .panel-heading {
  float: left;
  width: 100%;
  color: #2a2a2a;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 10px;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
}

#fico_score_widget .fico_score_graph .panel-body {
  padding: 0;
  border: none;
}

#fico_score_widget .fico_score_graph .panel.panel-white {
  border: none;
  box-shadow: none;
}

#fico_score_widget .fico_score_graph h4 a {
  color: #151F6D;
  text-decoration: underline;
}

#fico_score_widget .disclosure h5 {
  float: left;
  width: 100%;
  color: #2a2a2a;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 10px;
  margin-bottom: 5px;
}

#fico_score_widget .disclosure p {
  float: left;
  width: 100%;
  color: #999999;
  font-size: 0.875rem;
  line-height: 16px;
}

@media (max-width: 768px) {
  #fico_score_widget .add_rec_sec .col-md-6:first-child {
    padding-right: 0 !important;
  }
}

@media (min-width: 780px) and (max-width: 1260px) {
  #fico_score_widget .fico_wrapper {
    padding: 10px;
    width: auto !important;
  }
}

#fico_score_widget #fico_score_widget .bullets li {
  list-style-position: inside;
  padding-left: 0px;
}

#fico_score_widget .fico_score_img_block {
  border: 1px solid #151F6D;
  border-radius: 17px;
  text-align: justify !important;
  font-size: 0.875rem;
}

#fico_score_widget .fico_score_img_block .section1 {
  border-right: 1px solid #151F6D;
}

#fico_score_widget .fico_score_img_block .section2 {
  padding: 10px 10px 0px 10px;
}

#fico_score_widget .fico_score_img_block .section2 .keyfactor.second {
  padding-left: 15px;
}

#fico_score_widget .fico_score_img_block .into_border.row div {
  padding: 10px;
}

#fico_score_widget .fico_score_img_block .into_border.row {
  border-top: 1px solid #151F6D;
}

#fico_score_widget .fico_score_img_block .into_border.first {
  border-right: 1px solid #151F6D;
}

#fico_score_widget .fico_score_img_block img {
  width: 100% !important;
  height: 238px;
}

#fico_score_widget .fico_score_img_block img.radius_img {
  border-radius: 17px 0px 0px 0px !important;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #fico_score_widget .fico_score_img_block img {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #fico_score_widget .fico_score_img_block .into_border.row {
    border-bottom: 0px !important;
  }
  #fico_score_widget .fico_score_img_block {
    border: 0px;
    border-radius: 0px;
  }
  #fico_score_widget .fico_score_img_block .section1 {
    border: 1px solid #151F6D;
    border-radius: 17px 17px 0px 0px;
  }
  #fico_score_widget .fico_score_img_block .section2 {
    border: 1px solid #151F6D;
    border-radius: 0px 0px 17px 17px;
  }
  #fico_score_widget .fico_score_img_block .section1 img.radius_img {
    border-radius: 17px 0px 0px 0px !important;
  }
  #fico_score_widget .fico_score_img_block img.second_img {
    border-radius: 0px 17px 0px 0px !important;
  }
  #fico_score_widget .fico_score_img_block .section2 .keyfactor.second {
    padding-left: 0px;
  }
  #fico_score_widget .fico_score_img_block .col_margin {
    margin-bottom: 0px;
  }
  #fico_score_widget .fico_score_img_block .section2 .keyfactor.second {
    padding-left: 15px;
  }
  #fico_score_widget .fico_score_img_block img {
    width: 100% !important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  #fico_score_widget .fico_score_img_block img.second_img {
    border-radius: 0px 0px 0px 0px !important;
  }
  #fico_score_widget .fico_score_img_block .section1 {
    border: 1px solid #151F6D;
    border-radius: 17px 0px 0px 17px;
  }
  #fico_score_widget .fico_score_img_block img {
    width: 100% !important;
  }
}

@media (min-width: 300px) and (max-width: 767px) and (orientation: portrait) {
  #fico_score_widget .fico_score_img_block .section1 {
    border-right: 0px;
  }
  #fico_score_widget .fico_score_img_block .into_border.row {
    border-bottom: 1px solid #151F6D;
  }
  #fico_score_widget .fico_score_img_block .col_margin {
    margin-bottom: 0px;
  }
  #fico_score_widget .fico_score_img_block {
    border: 0px;
    border-radius: 0px;
  }
  #fico_score_widget .fico_score_img_block .section1 {
    border: 1px solid #151F6D;
    border-radius: 17px 17px 0px 0px;
  }
  #fico_score_widget .fico_score_img_block .section2 {
    border: 1px solid #151F6D;
    border-radius: 0px 0px 17px 17px;
  }
  #fico_score_widget .fico_score_img_block .section1 img.radius_img {
    border-radius: 17px 17px 0px 0px !important;
  }
  #fico_score_widget .fico_score_img_block .section2 .keyfactor.second {
    padding-left: 0px;
  }
  #fico_score_widget .fico_score_img_block img {
    width: 100% !important;
    height: auto !important;
  }
  #fico_score_widget .fico_score_img_block .into_border.first {
    border-right: 0px !important;
    border-bottom: 1px solid #151F6D !important;
  }
  #fico_score_widget .fico_score_img_block .into_border.row {
    border-bottom: 0px !important;
  }
}

@media (min-width: 300px) and (max-width: 767px) and (orientation: landscape) {
  #fico_score_widget .fico_score_img_block .section1 {
    border-right: 0px;
  }
  #fico_score_widget .fico_score_img_block .into_border.row {
    border-bottom: 1px solid #151F6D;
  }
  #fico_score_widget .fico_score_img_block .col_margin {
    margin-bottom: 0px;
  }
  #fico_score_widget .fico_score_img_block {
    border: 0px;
    border-radius: 0px;
  }
  #fico_score_widget .fico_score_img_block .section1 {
    border: 1px solid #151F6D;
    border-radius: 17px 17px 0px 0px;
  }
  #fico_score_widget .fico_score_img_block .section2 {
    border: 1px solid #151F6D;
    border-radius: 0px 0px 17px 17px;
  }
  #fico_score_widget .fico_score_img_block .section1 img.radius_img {
    border-radius: 17px 17px 0px 0px !important;
  }
  #fico_score_widget .fico_score_img_block .section2 .keyfactor.second {
    padding-left: 0px;
  }
  #fico_score_widget .fico_score_img_block img {
    width: 100% !important;
    height: auto !important;
  }
  #fico_score_widget .fico_score_img_block .into_border.first {
    border-right: 0px !important;
    border-bottom: 1px solid #151F6D !important;
  }
  #fico_score_widget .fico_score_img_block .into_border.row {
    border-bottom: 0px !important;
  }
  #fico_score_widget .fico_score_img_block .section1 {
    border-bottom: 0px !important;
  }
}

#fico_score_widget #fico_score_widget .into_border.first.col_margin a {
  color: #151F6D !important;
}

#fico_faq_div .faqQuestion {
  font-size: 1rem;
  font-weight: 800;
  margin-left: 0px;
  margin-right: 20px;
  line-height: 25px;
  color: #2a2a2a;
  display: block;
  padding: 5px 10px;
}

#fico_faq_div .genericStyle, #fico_faq_div .pswd_tip ul {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 15%;
  margin-right: 15%;
}

#fico_faq_div .faqAnswer {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 0px;
  color: #2a2a2a;
  margin-right: 20px;
  line-height: 25px;
  padding: 5px 10px;
}

#fico_faq_div .faqlink {
  font-size: 1rem;
  font-weight: 400;
  margin-left: 0px;
  margin-right: 20px;
  line-height: 25px;
  padding: 5px 10px;
}

#fico_faq_div .pdflinks {
  font-size: 1rem;
  font-weight: 400;
  line-height: 25px;
}

#fico_faq_div .faq {
  min-width: 600px !important;
  text-align: center !important;
  vertical-align: center;
}

#fico_faq_div .faqheader {
  font-size: 28px;
  display: block;
  font-weight: 400;
  margin-left: 20px;
  color: #2a2a2a;
  margin-right: 20px;
  line-height: 25px;
  padding-bottom: 25px;
  text-align: center;
}

#fico_faq_div .faqheader2 {
  font-size: 24px;
  display: block;
  font-weight: 400;
  margin-left: 20px;
  color: #2a2a2a;
  margin-right: 20px;
  line-height: 25px;
  padding-bottom: 5px;
}

#fico_faq_div .disclaimer {
  font-size: 16px;
  font-weight: 800;
  margin-left: 0px;
  color: #2a2a2a;
  margin-right: 20px;
  line-height: 25px;
  padding: 5px 10px;
}

#fico_faq_div .videoTable {
  background-color: #EEECE8;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

#fico_faq_div .borderless tr td {
  border: none !important;
  padding: 5px !important;
}

#fico_faq_div .bullets {
  padding: 0;
}

#fico_faq_div .bullets li {
  padding-left: 20px;
  list-style-type: disc !important;
  list-style-position: inside;
}

#fico_faq_div .faqcontainer1 {
  float: none !important;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

#fico_faq_div .videocontainers {
  margin: 5px;
}

#ach_login_sso_iframe {
  height: 700px;
  width: 100%;
  border: 0px;
}

#fi_to_fi_sso .disable_link, #ach_login_sso .disable_link {
  color: #FFFFFF !important;
  background-color: #151F6D !important;
  border: 1px solid 1px solid rgba(1, 34, 68, 0.4) !important;
  pointer-events: none;
  border-radius: 20px;
  cursor: default;
  opacity: 0.65;
}

#fi_to_fi_sso .fi_to_fi_sso_margin, #ach_login_sso .fi_to_fi_sso_margin {
  margin-top: 40px;
  margin-left: 12px;
}

#fi_to_fi_sso .link, #ach_login_sso .link {
  padding: 5px 20px 5px 20px;
}

#fi_to_fi_sso .link-as-button {
  color: #FFFFFF !important;
  border-radius: 20px !important;
}

#fi_to_fi_sso .link-as-button:hover {
  background-color: #ffffff;
  color: #151F6D !important;
  border: 1px solid #151F6D;
}

iframe {
  height: 700px;
  width: 100%;
  border: 0px;
}

iframe[title="Plaid Link"] {
  height: 100%;
  width: 100%;
  border: 0px;
}

#load_common_loading_box_popup {
  height: 700px;
}

#credit_score_widget iframe.credit_score_widget {
  height: 350px;
}

#personal-profile .editphoneNumber, #personal-profile .phone_other_us {
  width: 100px;
  border-radius: 5px;
  margin-left: -1px;
}

#personal-profile .businessExtensionaValue {
  padding-left: 6px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#change_password_module .paswd_tip p {
  font-weight: 800;
  padding-bottom: 10px;
}

#change_password_module .paswd_tip {
  border: 1px solid #D5D6D7;
  height: 100%;
  border: 1px solid #9BA0A3;
  border-radius: 5px;
}

.paswd_tip ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
}

#addnewPhone .newMobileOptions .bussiness-input {
  width: 45%;
  border-radius: 6px 0px 0px 6px !important;
}

#personal-profile .bussiness-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

#dashboard .default-page {
  padding-top: 21px;
}

.individual_check_box {
  padding-left: 20px;
}

.static_content {
  margin-top: 30px;
}

.transfer_description {
  word-break: break-word;
}

#otp_selector #enrollment_otp .form-group, #forget_psw_choose_otp_div .otp-channel-btn-container .form-group {
  margin: 0px;
}

#otp_selector #enrollment_otp button, #forget_psw_choose_otp_div .otp-channel-btn-container button {
  margin: 0px;
  width: 88px;
  color: #151F6D !important;
}

#otp_selector #enrollment_otp button:hover, #forget_psw_choose_otp_div .otp-channel-btn-container button:hover {
  background-color: transparent !important;
}

#static_content_text-banking .text-banking-headerlist p {
  font-size: 18px;
  line-height: 16px;
  float: left;
  padding: 20px 25px;
  font-weight: 700;
  width: 100%;
  border: 1px solid #D5D6D7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#static_content_text-banking .text-banking-list:nth-child(odd) {
  padding: 20px 10px;
  background-color: #F6F6F9;
  border: 1px solid #D5D6D7;
  border-top: unset;
  float: left;
  width: 100%;
}

#static_content_text-banking .text-banking-list:nth-child(even) {
  padding: 20px 10px;
  background-color: #FFFFFF;
  border: 1px solid #D5D6D7;
  border-top: unset;
  float: left;
  width: 100%;
}

#static_content_text-banking {
  padding: 10px 10px 20px 20px;
  margin: 0px;
}

#static_content_text-banking .text-banking-list:last-child {
  margin-bottom: 20px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#static_content_text-banking .text-banking-list:first-child {
  border-top: 1px solid #D5D6D7;
}

.main-wrapper-pre-col1 .pageTitle {
  padding-left: 20px;
}

#add_internal_recipient .nick-name {
  overflow-wrap: break-word;
}

#add_recipient .nick-name {
  overflow-wrap: break-word;
}

#stop_check_history .tab-content table.stopCheckHistoryTable th, #stop_check_history .tab-content table.stopCheckHistoryTable td, #checkhistory table.checkDepositHistoryTable th, #checkhistory table.checkDepositHistoryTable td {
  border: solid 2px #c6c9c9;
}

#role_entitlements .search_block input[name=search],
#role_entitlements .search_block .input-group .input-group-append {
  border: 0px !important;
}

#role_entitlements .search_block .form-group {
  margin: 0px;
}

#role_entitlements .role-data td {
  padding: 5px 0px 0px 0px !important;
}

#role_entitlements .role-data .module-name .name {
  padding: 10px 0px 9px 17px !important;
}

#role_entitlements .role-data .group-name .name {
  padding: 10px 0px 9px 37px !important;
}

#role_entitlements .role-data .custom-checkbox-label-padding {
  padding-left: 1px;
}

#cenlar_form .mortgage_button_style {
  padding-top: 11px;
}

#role_limits .limits .form-group {
  margin-bottom: 0px !important;
}

#new_activity_data .activity-button .form-group {
  margin-bottom: 0px !important;
}

.add_role_steps {
  border-bottom: 2px solid #151F6D;
  position: relative;
}

.add_role_steps ul {
  margin-bottom: 0;
  position: relative;
  padding-left: 0px;
}

.add_role_steps ul li {
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  color: #999999;
  margin-right: 50px;
  padding-bottom: 9px;
}

.add_role_steps ul li.active {
  color: #2a2a2a;
  border-bottom-color: #151F6D;
  font-weight: 700;
}

#feature_list .black-circle {
  color: #2a2a2a !important;
}

#new_pass_div .fa-fw {
  z-index: auto;
}

.prisma_banner {
  margin-top: 10px;
}

#message_view .custom-height-textarea, #support_send_ticket .custom-height-textarea, #transaction_enquiry .custom-height-textarea {
  height: 110px;
}

#account_summary.card_overview .delinquent_label .tooltip_text_v2, #account_summary .delinquent_label .tooltip_text_v2, #account_details .delinquent_label .tooltip_text_v2 {
  text-align: left;
  left: -9px !important;
  margin-bottom: 6px !important;
  cursor: pointer;
}

#check_image #carousel-example-generic .carousel-inner img {
  width: 100% !important;
  margin-bottom: 5px;
}

#login_form_change_userid .form-group {
  margin-bottom: 0px;
}

#accountSpecificAlerts .block-border-left {
  height: 42px;
  position: relative;
  left: 6px;
  top: 0px;
  border-radius: 30px;
}

#salemove .sm-icon {
  left: 13px !important;
  width: 26px !important;
}

#salemove .sm-tab-text {
  font-size: 0.875rem !important;
}

.general_error .main_section {
  font-size: 50px;
  color: #999999;
  line-height: normal;
}

#carousel-example-generic .carousel-indicators {
  position: absolute !important;
  right: 0 !important;
  bottom: -35px !important;
  left: 0 !important;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

#carousel-example-generic .carousel-indicators li {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

#carousel-example-generic .fa-angle-left, #carousel-example-generic .fa-angle-right {
  font-size: 30px;
  padding: 6px;
  color: #2a2a2a;
}

#carousel-example-generic .carousel-control-prev {
  left: -10%;
}

#carousel-example-generic .carousel-control-next {
  right: -10%;
}

#account_settings .form-check .custom-checkbox-label-padding {
  line-height: 0px;
}

.field-icon {
  position: inherit;
}

#qft_widget .widget-body .col-md-6 .avatar-text-wrap {
  padding-right: 10px;
  padding-left: 10px;
}

#edoc_information .electronic_delivary_info {
  padding-left: 18px;
}

#edoc_information .paper_delivary_info {
  padding-left: 24px;
}

#estatement_ui .jcf-select .jcf-select-text {
  text-transform: none;
}

.inbox_span_id {
  line-height: 1.3;
  margin-left: 25px;
  width: 11px;
  height: 11px;
  border-radius: 5px;
  background-color: red;
  margin-top: -2px;
}

#otp_required .fa {
  color: #999999;
  font-size: 18px;
}

.login-toggle-password {
  margin-top: -30px;
  font-weight: 800;
}

#fundTransfer .tooltip_text_v2 {
  text-align: start;
}

.login-toggle-password {
  margin-top: -30px;
  font-weight: 800;
}

.dropdown .ft-sheduled-transfer-icon, .dropdown .ft-pay-your-loan-billing-tree {
  padding-left: 30px;
  height: 50px;
  width: 200px;
  background-color: #151F6D;
  color: #ffffff !important;
}

.dropdown .ft-sheduled-transfer-icon {
  background-position: 10px 17px;
}

.dropdown .ft-pay-your-loan-billing-tree {
  background-position: 10px 12px;
}

.dropdown .ft-sheduled-transfer-icon:hover, .dropdown .ft-pay-your-loan-billing-tree:hover {
  padding-left: 30px;
  height: 50px;
  width: 200px;
  background-color: #151F6D;
  color: #ffffff !important;
  border: 0px;
}

#fundTransfer .dropdown-content {
  width: 200px;
}

#fundTransfer .mainTabDropdownLink {
  margin-bottom: 0px !important;
}

#fundTransfer .dropdown {
  margin-bottom: 25px;
}

.footerInlineDisplay {
  display: inline;
}

.footerMarginRight {
  margin-right: 20px;
}

.post-login-footer-about-info {
  margin: 0px 30px 30px 30px;
  border-top: 2px solid #D5D6D7;
}

.font-bold {
  font-weight: 600;
}

.card-alerts {
  border: 1px solid #D5D6D7;
  border-radius: 2px;
  padding: 10px 15px;
  margin: 20px 0px;
}

#card_details .lock-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
}

#defOtpRadioContainer .jcf-select .jcf-select-text {
  text-transform: inherit !important;
}

.help_fab_inner {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: none;
  padding: 10px;
}

.help_button {
  position: fixed;
  right: 80px;
  bottom: 0px;
  z-index: 9999;
}

.help_fab {
  position: fixed;
  right: 50px;
  z-index: 9999;
  width: 150px;
  bottom: 0px;
}

.help_button_static {
  border-radius: 20px;
}

.help_fab_button {
  color: #2a2a2a;
  border-radius: 20px;
}

.video_call_us, .chat_with_us, .view_faq {
  padding: 5px;
  border-radius: 5px;
}

.video_call_us:hover, .chat_with_us:hover, .view_faq:hover {
  background-color: #151F6D;
}

.fab_images {
  height: 20px;
}

.video_call_us .fab_images {
  height: 18px;
}

#fleeq-bar-badge, #layout_support .compose_ticket, .sm-reactive-tab-content {
  display: none !important;
}

#launcher {
  display: none;
  height: 0px !important;
}

.help_fab_enabled {
  opacity: 0.1;
  z-index: 1040;
  pointer-events: none;
}

#accountSpecificAlerts label {
  word-break: break-word;
}

#blackout_period .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

#srt_block .jcf-select .jcf-select-text {
  text-transform: none !important;
}

.widget .widget-body .tooltip_text_v2,
#dashboard .individualPayeeContainer .tooltip_text_v2,
#fundTransfer .searchPayeeIndividualAndBusinessPayeeBox .tooltip_text_v2 {
  width: 210px;
  text-align: left;
}

#accounts_widget .widget-body {
  max-height: 440px;
  overflow-y: auto;
}

#travel_notification_visa_dps .travel-search-icon {
  position: absolute;
  right: 60px;
  top: 30px;
}

#travel_notification_visa_dps .close-icon {
  height: 18px;
}

.selected-locations {
  background-color: #151F6D;
  border-radius: 5px;
  padding: 8px 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  color: #FFFFFF;
}

.selected-locations strong {
  font-weight: 400;
}

#card_management_tabs .fa-arrow-down, #card_management_tabs .fa-arrow-up {
  color: #2a2a2a;
}

#card_management_tabs .block-border-left {
  height: 70%;
  top: 0px;
  left: 0px;
}

#myTabContent .cancel_update_box .list-inline {
  margin-bottom: 0px;
}

#card_details .block-border-left, #card-control .block-border-left {
  height: 90%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
}

#card_details .loc-block .block-border-left, #card-control .loc-block .block-border-left {
  border-left: 5px solid #D5D6D7;
}

#card_details .card-report-stolen, #card_details .card-lost-stolen, #card_details .card-lost-stolen-kabab, #card-control .card-report-stolen, #card-control .card-lost-stolen, #card-control .card-lost-stolen-kabab {
  color: #D1002A !important;
}

#card-control .slider {
  background-color: #767676;
}

#card-control input:checked + .slider {
  background-color: rgba(21, 31, 109, 0.3);
}

#card-control .switch {
  width: 40px !important;
  height: 19px;
}

#card-control .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 3px;
  background-color: #FFFFFF;
  transition: .4s;
}

#card-control input:checked + .slider:before {
  background-color: #151F6D !important;
  transform: translateX(21px);
}

#myTabContent .cancel_update_box .list-inline {
  margin-bottom: 0px;
}

/* REPORTS START */
#create_report .form-check-inline .form-check-input, #reports_list .form-check-inline .form-check-input {
  width: 30px !important;
}

#create_report .checkbox-selector-modal .selectAll::after, #reports_list .checkbox-selector-modal .selectAll::after {
  content: " | ";
  padding: 0 5px;
}

#create_report .checkbox-selector-modal .checkboxContainer, #reports_list .checkbox-selector-modal .checkboxContainer {
  max-height: 350px;
  overflow: overlay;
}

.horizontalDivider {
  background-color: #D8D8D8;
  border-radius: 2px;
  margin-bottom: 1rem;
}

#reports_list .trackUserListContainer, #report_details .trackUserListContainer {
  max-height: 350px;
  overflow: overlay;
}

#reports_list .reportListContainer .inprogress-text-color, #report_details .reportListContainer .inprogress-text-color {
  color: #FA6400;
}

#reports_list .reportListContainer .failed-text-color, #report_details .reportListContainer .failed-text-color {
  color: red;
}

#reports_list .reportListContainer .eachReport .downloadLink:not(:last-child)::after, #report_details .reportListContainer .eachReport .downloadLink:not(:last-child)::after {
  content: " | ";
}

#reports_list .reportListContainer .eachReport .dropdown-content, #report_details .reportListContainer .eachReport .dropdown-content {
  min-width: 140px;
  box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.5);
  text-align: left;
  right: 5px;
}

#reports_list .reportListContainer .eachReport .dropdown-content a, #report_details .reportListContainer .eachReport .dropdown-content a {
  padding: 8px 16px;
}

#reports_list .paginationContainer img.previousPage, #report_details .paginationContainer img.previousPage {
  transform: rotate(90deg);
}

#reports_list .paginationContainer img.nextPage, #report_details .paginationContainer img.nextPage {
  transform: rotate(-90deg);
}

/* REPORTS END */
#account_group_reorder .accont_order_preference {
  border: 1px solid #999999;
  margin: 6px 0px 5px 0px;
  padding: 8px;
  font-size: 1rem;
  border-radius: 4px;
  cursor: pointer;
}

#user_account_group_sorting .left-border {
  height: 25px;
  position: absolute;
  left: 18px;
  border-radius: 30px;
}

#user_account_group_sorting .account_group_checking .left-border {
  border-left: 6px solid #95D4EA;
}

#user_account_group_sorting .account_group_savings .left-border {
  border-left: 6px solid green;
}

#user_account_group_sorting .account_group_sub-savings .left-border {
  border-left: 6px solid #8696a9;
}

#user_account_group_sorting .account_group_creditcard .left-border {
  border-left: 6px solid #9BA0A3;
}

#user_account_group_sorting .account_group_loan .left-border {
  border-left: 6px solid #ffc0cb;
}

#user_account_group_sorting .account_group_equity .left-border {
  border-left: 6px solid #fc4f38;
}

#user_account_group_sorting .account_group_loc .left-border {
  border-left: 6px solid #F4B19D;
}

#user_account_group_sorting .account_group_ira .left-border {
  border-left: 6px solid #EBBD39;
}

#user_account_group_sorting .account_group_ira-certificate .left-border {
  border-left: 6px solid #EBBD39;
}

#user_account_group_sorting .account_group_ira-saving .left-border {
  border-left: 6px solid #84973B;
}

#user_account_group_sorting .account_group_certificate .left-border {
  border-left: 6px solid #EBBD39;
}

#account_summary .tilesTypeDropdown .form-group {
  margin: 0;
}

#account_summary .accountGroupContainer:not(:first-child) .block-heading {
  margin-top: 0.5rem;
}

#account_summary .slim-tile.block-body {
  padding: 0px;
}

#account_summary .compact-tile.block-body {
  margin-bottom: 25px;
  padding: 8px 30px;
}

#account_summary .compact-tile.block-body {
  min-height: auto;
  margin: 0px;
  padding: 0px;
}

#account_summary .slim-tile .block-border-left, #account_summary .compact-tile .block-border-left {
  height: 70%;
  left: 1%;
  top: 15%;
}

#account_summary .slim-tile .dropdown-content, #account_summary .compact-tile .dropdown-content {
  top: 90%;
  right: 0px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}

#account_summary .slim-tile .dropdown-content a, #account_summary .compact-tile .dropdown-content a {
  padding: 8px 16px;
}

#account_summary .slim-tile .nested-dropdown-content, #account_summary .compact-tile .nested-dropdown-content {
  font-size: 90%;
}

#account_summary .slim-tile .nested-dropdown-content a:not(:last-child), #account_summary .compact-tile .nested-dropdown-content a:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

#account_summary .compact-tile .block-border-left {
  height: 80%;
  left: 2%;
  top: 10%;
}

#account_summary .compact-tile .icon_block {
  vertical-align: top;
  padding-top: 16px;
}

.ux2 #account_summary .accountGroupContainer:not(:first-child) .block-heading {
  margin: 15px 0px 15px 0px;
}

.ux2 #account_summary .setting_icon {
  font-size: 20px;
  padding-right: 1rem;
}

#payeeListModel .searchPayeeIndividualAndBusinessPayeeBox .single_payee_box {
  background-color: #FFFFFF;
  box-shadow: none;
  border-radius: 10px;
  outline: 2px solid #151F6D;
}

#payeeListModel .searchPayeeIndividualAndBusinessPayeeBox .custom-checkbox {
  margin-left: 0px;
}

#sub_user_enroll .userNameContainer .form-group {
  margin: 0;
}

#transfer_template .dropdown {
  position: absolute;
}

.accounts_dropdown .jcf-optgroup .jcf-optgroup-caption {
  line-height: 1.5;
}

#personal-profile .BusinessExtension {
  padding-left: 15px;
}

#individual_payee_ajax_load_block .search-input-field {
  z-index: 0;
}

#multi_account_payee_details .accounts-row .dropdown-content {
  right: 0px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}

#multi_account_payee_details .accounts-row .dropdown-content a {
  padding: 8px 16px;
}

#multi_account_payee_details .accounts-row .dropdown-content.dropdown-link a {
  padding: 8px 16px;
  text-wrap: auto;
}

.tooltip_text {
  position: relative;
  display: inline-block;
}

.tooltip_text .tooltiptext_hover {
  visibility: hidden;
  width: 120px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -75%;
}

.tooltip_text .tooltiptext_hover::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
}

.tooltip_text:hover .tooltiptext_hover {
  visibility: visible;
}

#pfm_donut_side_widget .widget,
#pfm_budget_side_widget .widget,
#debts_side_widget .widget,
#external_accounts_side_widget .widget,
#combo_pfm_side_widget .widget,
#pulse_side_widget .widget {
  padding: 0px !important;
  padding-bottom: 20px !important;
}

#pulse_side_widget .widget-title,
#pulse_side_widget .widget-body .loading_box,
#external_accounts_side_widget .widget-title,
#external_accounts_side_widget .widget-body .loading_box,
#debts_side_widget .widget-title,
#debts_side_widget .widget-body .loading_box,
#combo_pfm_side_widget .widget-title,
#combo_pfm_side_widget .widget-body .loading_box,
#pfm_donut_side_widget .widget-title,
#pfm_donut_side_widget .widget-body .loading_box,
#pfm_budget_side_widget .widget-title,
#pfm_budget_side_widget .widget-body .loading_box {
  padding: 16px !important;
}

#add_multi_account_payee #add_account .modal-body, #add_multi_account_payee #aba_search_multi_account_payee .modal-body, #multi_account_payee_details #add_account .modal-body, #multi_account_payee_details #aba_search_multi_account_payee .modal-body {
  min-height: 80vh;
  max-height: 80vh;
  overflow: scroll;
}

@media print {
  .noprint {
    display: none;
  }
}

#create_template .sample-data-td {
  padding-left: 10px;
  border: 1px solid black;
  height: 45px;
}

#create_template #drop_file_zone {
  border: #151F6D 2px dashed;
  padding: 8px;
}

#create_template #drag_upload_file {
  width: 100%;
  margin: 0 auto;
}

#create_template #drag_upload_file #file_upload {
  width: 100%;
  opacity: 0;
}

#transfer_template_list .transaction_search_table .dropdown {
  position: inherit;
}

.tde-non-expand .badge,
.tde-expand .badge {
  font-size: 100%;
  border-radius: 2.25rem;
}

.transaction-inquiry img {
  position: absolute;
  top: 0;
  left: 0;
}

.transaction-inquiry-label {
  position: relative;
  left: 30px;
}

#available_roles .modal-body {
  word-break: break-word;
}

#change_password_module .new_pass, #change_password_module .confirm_new_pass, #forgot_pwd_4 .new_pass, #forgot_pwd_4 .confirm_new_pass, #account_info .new_pass, #account_info .confirm_new_pass {
  padding-right: 50px;
}

#available_roles .modal-body ul {
  list-style: none;
}

#pfm_networth__widget .md-widget {
  height: 75vh !important;
}

#pfm_donut_side_widget .md-widget {
  height: 73vh !important;
}

#debts_side_widget .md-widget {
  height: 45vh !important;
}

#pre_notes_block .custom-checkbox {
  width: 20px !important;
}

#card_management_tabs .fa-arrow-down, #card_management_tabs .fa-arrow-up {
  color: #2a2a2a;
}

#card_management_tabs .block-border-left {
  height: 70%;
  top: 0px;
  left: 0px;
}

#myTabContent .cancel_update_box .list-inline {
  margin-bottom: 0px;
}

#pfm_networth__widget .loading_box {
  height: 75vh !important;
}

#card_details .block-border-left, #card-control .block-border-left {
  height: 90%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
}

#card_details .loc-block .block-border-left, #card-control .loc-block .block-border-left {
  border-left: 5px solid #D5D6D7;
}

#card-control .card_status_div, #replace_card .card_status_div {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
}

#card-control .card_type, #replace_card .card_type {
  background-color: #D8D8D8;
  font-weight: 800;
  border-radius: 14px;
  padding: 5px;
}

#card-control .card_details_div, #replace_card .card_details_div {
  background-color: #F6F6F9;
  border-radius: 10px;
  padding: 10px;
}

#card-control .block-bottom-nav, #replace_card .block-bottom-nav {
  margin-top: 0px !important;
}

#card-control .cards_badge, #replace_card .cards_badge {
  background-color: #D8D8D8;
  color: #2a2a2a;
  border-radius: 25px;
}

#card-control .cards_badge_transaction, #replace_card .cards_badge_transaction {
  background-color: #FFFFFF;
  color: #151F6D;
  border-radius: 25px;
  border: 1px solid #151F6D;
}

#card-control .cards_badge_transaction_active, #replace_card .cards_badge_transaction_active {
  background-color: #E7EFF3;
  color: #151F6D;
  border-radius: 25px;
  font-weight: 800;
  border: 2px solid #151F6D;
}

#card-control-soap .card_status_div, #replace_card .card_status_div {
  background-color: #F6F6F9;
  border-radius: 10px;
  padding: 10px 0px;
}

#card-control-soap .card_type, #replace_card .card_type {
  background-color: #D8D8D8;
  font-weight: 800;
  border-radius: 14px;
  padding: 5px;
}

#card-control-soap .card_details_div, #replace_card .card_details_div {
  background-color: #F6F6F9;
  border-radius: 10px;
  padding: 10px;
}

#card-control-soap .block-bottom-nav, #replace_card .block-bottom-nav {
  margin-top: 0px !important;
}

#card_nav_control input:checked + .slider {
  background-color: #151F6D !important;
}

#card_nav_control .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 5.7px;
  background-color: #FFFFFF !important;
  transition: .4s;
}

#card_nav_control input:checked + .slider:before {
  background-color: #151F6D !important;
}

#card_nav_control .card_status_div {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
}

#card_nav_control .card_type {
  background-color: #D8D8D8;
  font-weight: 800;
  border-radius: 14px;
  padding: 5px;
}

#card_nav_control .card_details_div {
  background-color: #F6F6F9;
  border-radius: 10px;
  padding: 10px;
}

#card_nav_control .block-bottom-nav {
  margin-top: 0px !important;
}

#card_nav_control .cards_badge {
  background-color: #D8D8D8;
  color: #2a2a2a;
  border-radius: 25px;
}

#card_nav_control .cards_badge_transaction {
  background-color: #FFFFFF;
  color: #151F6D;
  border-radius: 25px;
  border: 1px solid #151F6D;
}

#card_nav_control .cards_badge_transaction_active {
  background-color: #E7EFF3;
  color: #151F6D;
  border-radius: 25px;
  font-weight: 800;
  border: 2px solid #151F6D;
}

.block-body-backround-red {
  background-color: #FFFFFF;
}

.accounts_dropdown .jcf-optgroup .jcf-optgroup-caption {
  line-height: 1.5;
}

#footer-disclosure-modal .disclosure-list {
  max-height: 350px;
  overflow: scroll;
}

#pulse_side_widget iframe, #combo_pfm_side_widget iframe {
  height: initial !important;
}

#debts_side_widget .loading_box {
  height: 45vh !important;
}

#pulse_side_widget .widget-title, #combo_pfm_side_widget .widget-title, #external_accounts_side_widget .widget-title, #debts_side_widget .widget-title {
  padding-bottom: 0px !important;
}

#pulse_side_widget .widget-title h3, #combo_pfm_side_widget .widget-title h3, #external_accounts_side_widget .widget-title h3, #debts_side_widget .widget-title h3 {
  margin-bottom: 0px;
}

#pulse_side_widget iframe, #combo_pfm_side_widget iframe {
  min-height: 400px;
}

#pulse_side_widget .loading_box, #combo_pfm_side_widget .loading_box, #external_accounts_side_widget .loading_box, #pfm_budget_side_widget .loading_box {
  min-height: 400px;
}

#pulse_side_widget .loading_box.loading_text, #combo_pfm_side_widget .loading_box.loading_text, #external_accounts_side_widget .loading_box.loading_text, #pfm_budget_side_widget .loading_box.loading_text {
  padding-top: 200px !important;
  text-align: center;
}

#debts_side_widget .loading_box.loading_text {
  padding-top: 100px !important;
  text-align: center;
}

#pfm_networth__widget .loading_box.loading_text {
  padding-top: 37vh !important;
  text-align: center;
}

.modal .modal-dialog .modal_scroll_container {
  max-height: 350px;
  overflow: scroll;
  padding: 5px;
}

.transfer_form .display-4, .dummy_transfer_form .display-4 {
  font-size: 24px;
  padding-left: 15px;
}

#master-card-control .reason-form-div {
  padding: 0px !important;
}

#activitySinceLastLoginModal .total_amount .withdraw_text, #activitySinceLastLoginModal .total_amount .deposit_text, #activitySinceLastLoginModal .total_amount .deposit_amount, #activitySinceLastLoginModal .total_amount .withdrawal_amount {
  font-size: 18px;
}

#activitySinceLastLoginModal .activity-border .block-border-left {
  height: 70%;
}

#account_group_reorder .bar_icon img {
  position: absolute;
  right: -45%;
}

.transfer_form .display-4, .dummy_transfer_form .display-4 {
  font-size: 24px;
  padding-left: 15px;
}

#fundTransfer .flow2_card {
  border: 1px solid #151F6D;
  box-shadow: rgba(45, 95, 178, 0.35) !important;
  border-radius: 0.25rem;
  padding: 1.25rem 0.5rem 1.25rem 0.5rem !important;
  background-color: #FFFFFF !important;
}

#fundTransfer .flow2_card .flow2_card_image_block {
  min-height: 92px;
}

#fundTransfer .flow2_card .flow2_card_image {
  height: 70px;
}

#fundTransfer .flow2_card .flow2_card_description {
  color: #2a2a2a;
  font-size: 1rem;
  font-weight: 400;
}

#fundTransfer .card .card-body {
  padding-left: 0px;
  padding-right: 0px;
}

#transfer_forms .block-body {
  padding: 10px 10px;
}

#dashboard .account-display-block.all_accounts {
  background-color: #151F6D;
}

#account_details .select_transaction_option .styledSelect {
  min-width: 130px !important;
}

#account_details .select_transaction_option .jcf-select .jcf-select-drop {
  min-width: 130px !important;
}

#automatic_ira_esa_contribution_election .custom_input-group-text {
  border-top: 0px !important;
  border-left: 0px !important;
  border-radius: 0px !important;
}

#automatic_ira_esa_contribution_election .custom_input-group-amount, #automatic_ira_esa_contribution_election #payroll_amount {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
}

#domestic_outgoing_wire_transfer_form a {
  font-weight: 400 !important;
}

.phone_validation {
  border-radius: 6px 6px 6px 6px !important;
}

.phone_extension {
  border-radius: 8px 8px 8px 8px !important;
}

#domestic_outgoing_wire_transfer_form .other_mail,
#domestic_outgoing_wire_transfer_form .other_ph_num {
  margin-top: 6px !important;
}

#multipayee_transfer .tooltip_text_v2 {
  z-index: 9999 !important;
}

#pfm_networth__widget .seperator, .common_payee_list_block .seperator {
  margin-top: 30px;
  margin-bottom: 30px;
}

#automatic_ira_esa_contribution_election #payrollallocation .payroll_amount_block {
  width: 210px;
}

#automatic_ira_esa_contribution_election #payrollallocation .height_30 {
  height: 30px !important;
}

#error_page .col-md-1, #module_outage .col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

#error_page .col-md-2, #module_outage .col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.dashboard_total_balance {
  background-color: #151F6D;
  border-radius: 5px;
}

.dashboard_total_due {
  background-color: #F8DEE1;
  border-radius: 5px;
}

.dashboard_flow2_block {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 20px;
  padding: 12px 12px;
  position: relative;
}

.dashboard_flow2_block_border_left {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 28px 0px 0px 23px;
}

#dashboard .dashboard_flow2 .tooltip_text .tooltiptext_hover {
  top: -130%;
  left: 10%;
  padding: 5px 5px;
  width: fit-content;
}

#dashboard .dashboard_flow2 .available_balance_text {
  color: #2a2a2a !important;
}

#dashboard .dashboard_flow2 .more_content {
  display: none;
}

#master-card-control-block .block-border-left {
  height: 95%;
  top: 4px;
}

#multi_account_payee_details .payee_margin {
  margin-left: -20px !important;
}

#card_details .card_bg_color {
  background-color: #F6F6F9;
  border-radius: 5px;
}

#card_details .cards_badge, #card-control .cards_badge {
  background-color: #151F6D;
  color: #2a2a2a;
  border-radius: 25px;
}

#enroll_otp_status .enrollmentPrerequisitesContainer li {
  list-style: disc inside;
}

#enroll_otp_status .enrollmentPrerequisitesContainer.groupQuestions li {
  list-style: none;
}

/*tyfone sass start*/
.info-btn-icon {
  padding-left: 47px;
  background: url("../img/default_more_menu_image/alert_settings_icon.svg") no-repeat;
  background-size: 19px 19px;
  background-position: 20px center;
}

.download-icon-link {
  width: 20px;
  height: 16px;
  vertical-align: text-top;
}

.cutom_radio_access + input {
  opacity: 1;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/*tyfone sass end*/
.contact_info_scroll {
  max-height: 65vh;
  overflow-y: auto;
}

.dropdown.each_transaction_dropdown .dropdown-content {
  min-width: 185px;
  right: 5px;
}

#activitySinceLastLogin .transaction-list:last-child .eachTransactionRow:last-child .dropdown.each_transaction_dropdown .dropdown-content {
  bottom: 100%;
}

.activity_table {
  max-height: 45vh;
  overflow: auto;
}

#payment_file_upload #drop_file_zone {
  border: #151F6D 2px dashed;
  padding: 8px;
}

#payment_file_upload #drag_upload_file {
  width: 100%;
  margin: 0 auto;
}

#payment_file_upload #drag_upload_file p {
  text-align: center;
  height: 1px;
}

#payment_file_upload #drag_upload_file #file_upload {
  width: 100%;
  opacity: 0;
  height: 1px;
}

#payment_file_upload .notActive a {
  color: #ececed;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

#payment_upload_history .display-file-status.validation-success span {
  background: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
  padding: 5px 10px;
  color: green;
}

#payment_upload_history .display-file-status.validation-in-progress span {
  background: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
  padding: 5px 10px;
  color: rgba(0, 0, 0, 0.8);
}

#payment_upload_history .display-file-status.schedule-transfer span {
  background: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
  padding: 5px 10px;
  color: #2a2a2a;
}

#payment_upload_history .display-file-status.validation_successful span {
  background: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
  padding: 5px 10px;
  color: green;
}

#payment_upload_history .display-file-status.validation_inprogress span, #payment_upload_history .display-file-status.pending span {
  color: #FA6400;
  background-color: rgba(108, 104, 59, 0.15);
  border-radius: 13px;
  padding: 5px 10px;
}

#payment_upload_history .upload-history-table .scheduled_for_transfer {
  border-radius: 13px;
  padding: 5px 10px;
  color: #FA6400;
  background-color: rgba(108, 104, 59, 0.15);
}

#payment_upload_history .display-file-status.schedule_transfer span {
  background: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
  padding: 5px 10px;
  color: #2a2a2a;
}

#payment_upload_history .display-file-status.validation_failed span {
  background: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
  padding: 5px 10px;
  color: red;
}

.custom_info_tab {
  background: #F6F6F9;
}

.badge-custom-success, .badge-custom-transfercompleted {
  font-size: 0.875rem;
  color: green;
  background-color: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
}

.badge-custom-inprogress {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(9, 95, 62, 0.2);
  border-radius: 13px;
}

.badge-custom-scheduled_transfer {
  font-size: 0.875rem;
  color: #FA6400;
  background-color: rgba(108, 104, 59, 0.15);
  border-radius: 13px;
}

.badge-custom-failed {
  font-size: 0.875rem;
  color: red;
  background-color: rgba(202, 16, 50, 0.2);
  border-radius: 13px;
}

.badge-custom-declined {
  font-size: 0.875rem;
  color: red;
  background-color: rgba(202, 16, 50, 0.2);
  border-radius: 13px;
}

.badge-custom-cancelled {
  font-size: 0.875rem;
  color: red;
  background-color: rgba(202, 16, 50, 0.2);
  border-radius: 13px;
}

.badge-custom-pending {
  font-size: 0.875rem;
  color: #FA6400;
  background-color: rgba(108, 104, 59, 0.15);
  border-radius: 13px;
}

.progress-bar-container {
  width: 100%;
}

.custom-progress-bar li {
  list-style-type: none;
  float: left;
  width: 25%;
  position: relative;
  text-align: center;
}

.custom-progress-bar li:before {
  content: '';
  width: 25px;
  height: 25px;
  display: block;
  overflow: revert;
  text-align: center;
  margin: 0 auto 10px auto;
  background: green;
  border-radius: 50%;
}

.custom-progress-bar li:after {
  content: '';
  width: 100%;
  position: absolute;
  height: 3px;
  background: #D8D8D8;
  top: 10.5px;
  left: -50%;
}

.custom-progress-bar li:first-child:after {
  content: none;
}

.custom-progress-bar .success_step .step_status {
  color: green;
}

.custom-progress-bar .success_step::before {
  background: green;
}

.custom-progress-bar .invalid_step .step_status {
  color: #999999;
}

.custom-progress-bar .invalid_step::before {
  background: #D8D8D8;
}

.custom-progress-bar .error_step::before {
  background: red;
}

.custom-progress-bar .error_step .step_status {
  color: red;
}

#payment_upload_history .block-body {
  margin-bottom: 10px;
  margin-top: 10px;
}

#payment_upload_history .side_arrow_file_upload {
  height: 15px;
}

#payment_file_upload_details .details {
  background-color: none;
}

.file_upload_button {
  min-width: 135px;
}

#payment_file_upload_history .table th, #payment_file_upload_history .table td, #payment_file_upload_details .table th, #payment_file_upload_details .table td {
  border-bottom: 1px solid #D5D6D7;
}

#payment_file_upload_history .upload-history-table .declined, #payment_file_upload_history .upload-history-table .approval_declined, #payment_file_upload_history .upload-history-table .cancelled {
  color: red;
  font-weight: 800;
}

#payment_file_upload_history .upload-history-table .expired {
  color: #76767e;
  font-weight: 800;
}

#payment_file_upload_history .upload-history-table .transfer_completed,
#payment_file_upload_history .amount_transfer_completed {
  color: green;
  font-weight: 800;
}

#payment_file_upload_history .upload-history-table .scheduled_for_transfer {
  color: #FA6400;
  font-weight: 800;
}

#payment_file_upload_history .amount_cancelled, #payment_file_upload_history .amount_declined, #payment_file_upload_history .amount_expired {
  color: #FA6400;
  font-weight: 800;
}

#payment_file_upload .file-recent-upload-details {
  background-color: transparent;
  padding: 10px;
  border-radius: 10px;
}

#payment_file_upload_details .sec-code .form-group {
  width: 150px !important;
}

#payment_file_upload_details .sec-code .jcf-select-secCodes {
  width: 150px !important;
}

#payment_file_upload_details .progress-bar-container {
  z-index: 0;
}

#payment_upload_history .tooltip_text .tooltiptext_hover, #upload_file .tooltip_text .tooltiptext_hover, #payment_file_upload_history .tooltip_text .tooltiptext_hover {
  padding: 5px;
  width: 200px !important;
  word-break: break-all;
}

#payment_upload_history .tooltip_text .tooltiptext_hover {
  top: -240% !important;
  left: 1% !important;
}

#payment_file_upload_history .display-file-name {
  display: table-cell;
}

#payment_file_upload_details #srt_block .form-check-padding,
#payment_file_upload_details #srt_block .schedule_statement {
  display: none;
}

#payment_file_upload .badge-custom-success, .badge-custom-transfercompleted {
  height: 26px;
  padding-top: 4px;
  line-height: inherit;
}

#error_page .error_heading, #error_page .timings {
  font-size: 32px;
  color: #ffffff;
  font-weight: 700;
}

#error_page .will_right_back_text {
  font-size: 24px;
}

#module_outage .error_heading, #module_outage .timings {
  font-size: 23px;
  color: #ffffff;
  font-weight: 700;
}

#module_outage .will_right_back_text {
  font-size: 18px;
}

#firstlogin_info .card {
  border: none;
}

.associated_bus_name {
  border-radius: 15px;
  background-color: #151F6D;
  color: #ffffff;
  padding: 8px 14px;
  font-weight: 800;
}

.associated_bus_border {
  border-bottom: 2px solid rgba(0, 0, 0, 0.8) !important;
}

.div-with-border {
  border: 2px solid #D5D6D7 !important;
}

.seperator-padding {
  margin: 15px 20px 15px 20px;
}

#confirm_identity input.jcf-hidden.custom_jcf_radio, .div_identify_account_by input.jcf-hidden.custom_jcf_radio {
  display: block !important;
  left: 0px !important;
}

div.text_black, .text_black, p.text_black {
  color: #2a2a2a !important;
}

.list-border-top:not(:first-child) {
  border-top: 1px solid #D8D8D8;
}

.progressbar {
  padding-left: 0px;
  display: flex;
}

.progressbar li.not-executed {
  list-style: none;
  display: inline-block;
  width: 33.33%;
  position: relative;
  text-align: center;
  cursor: pointer;
  /* &.active {
      color: $UX2fontColorGreen;
      &:before {
        border-color: $UX2borderColor1;
      } 
      + li:after {
        background-color: $UX2bgColor5;
      }
    } */
}

.progressbar li.not-executed .progressbar-captions {
  min-height: 42px;
  display: flex;
  flex-direction: column;
}

.progressbar li.not-executed:before {
  position: relative;
  z-index: 1;
  content: '';
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #D5D6D7;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #D8D8D8;
}

.progressbar li.not-executed:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #D8D8D8;
  top: 7.5px;
  left: -50%;
  /* z-index : -1; */
}

.progressbar li.not-executed:first-child:after {
  content: none;
}

.progressbar li.success_step {
  list-style: none;
  display: inline-block;
  width: 33.33%;
  position: relative;
  text-align: center;
  cursor: pointer;
  /* &.active {
      color: $UX2fontColorGreen;
      &:before {
        border-color: $UX2borderColor1;
      } 
      + li:after {
        background-color: $UX2bgColor5;
      }
    } */
}

.progressbar li.success_step .progressbar-captions {
  min-height: 42px;
  display: flex;
  flex-direction: column;
}

.progressbar li.success_step:before {
  position: relative;
  z-index: 1;
  content: '';
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #11807B;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #227F70;
}

.progressbar li.success_step:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #D8D8D8;
  top: 7.5px;
  left: -50%;
  /* z-index : -1; */
}

.progressbar li.success_step:first-child:after {
  content: none;
}

.progressbar li.error_step {
  list-style: none;
  display: inline-block;
  width: 33.33%;
  position: relative;
  text-align: center;
  cursor: pointer;
  /* &.active {
      color: $UX2fontColorGreen;
      &:before {
        border-color: $UX2borderColor1;
      } 
      + li:after {
        background-color: $UX2bgColor5;
      }
    } */
}

.progressbar li.error_step .progressbar-captions {
  min-height: 42px;
  display: flex;
  flex-direction: column;
}

.progressbar li.error_step:before {
  position: relative;
  z-index: 1;
  content: '';
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid red;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: red;
}

.progressbar li.error_step:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #D8D8D8;
  top: 7.5px;
  left: -50%;
  /* z-index : -1; */
}

.progressbar li.error_step:first-child:after {
  content: none;
}

.progressbar li.in_progress_step {
  list-style: none;
  display: inline-block;
  width: 33.33%;
  position: relative;
  text-align: center;
  cursor: pointer;
  /* &.active {
      color: $UX2fontColorGreen;
      &:before {
        border-color: $UX2borderColor1;
      } 
      + li:after {
        background-color: $UX2bgColor5;
      }
    } */
}

.progressbar li.in_progress_step .progressbar-captions {
  min-height: 42px;
  display: flex;
  flex-direction: column;
}

.progressbar li.in_progress_step:before {
  position: relative;
  z-index: 1;
  content: '';
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #C46000;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #EE8500;
}

.progressbar li.in_progress_step:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #D8D8D8;
  top: 7.5px;
  left: -50%;
  /* z-index : -1; */
}

.progressbar li.in_progress_step:first-child:after {
  content: none;
}

table.dataTable.table.display tr.odd + .child {
  background-color: #F6F6F9;
}

table.dataTable.table.display tr.odd + .child td {
  border-top-style: none;
}

table.dataTable.table thead th {
  border-bottom: 1px solid #D5D6D7;
}

table.dataTable.table.display tbody td {
  border-top: 1px solid #D5D6D7;
}

table.dataTable.table.no-footer {
  border-bottom: 1px solid #D5D6D7;
}

table.dataTable.table td {
  vertical-align: inherit;
}

@media only screen and (max-width: 600px) {
  table.dataTable.table tr {
    display: table-row;
  }
  table.dataTable.table tr td {
    display: table-cell;
    text-align: left;
  }
  table.dataTable.table tr td::before {
    display: none;
  }
}

table.dataTable.table.dtr-column > tbody > tr > td.dtr-control:before {
  background: url("../img/dropdown_arrow_colored.svg") no-repeat center center;
  background-size: contain;
  content: "";
  background-color: transparent;
  box-shadow: none;
  border: none;
  width: 22px;
  height: 13px;
  margin-top: -6.5px;
  margin-left: -11px;
}

table.dataTable.table.dtr-column > tbody > tr.parent > td.dtr-control:before {
  content: "";
  background-color: transparent;
  background: url("../img/upward_arrow.svg") no-repeat center center;
}

.my_second_class {
  /* font-size:$siteFontsize12; */
}

.my_second_class h4 {
  /* font-size:$siteFontsize12; */
  line-height: 1.5;
}

.my_second_class .dtr-title {
  display: none !important;
}

.my_second_class > .dtr-data {
  white-space: normal;
}

.list-row {
  display: flex;
}

@media screen and (max-width: 767px) {
  .list-row.flex-column.flex-md-row {
    flex-wrap: wrap;
  }
}

.custom-headingdata-responsive-table tbody tr.child ul.dtr-details > li:not(.my_second_class) {
  display: flex;
  flex-wrap: wrap;
}

.custom-headingdata-responsive-table tbody tr.child ul.dtr-details > li:not(.my_second_class) .dtr-title {
  width: 100px;
}

.custom-headingdata-responsive-table tbody tr.child ul.dtr-details > li:not(.my_second_class) .dtr-data {
  width: calc(100% - 100px);
}

.btn-info {
  background-color: #151F6D;
  color: #2a2a2a;
  border-radius: 13px;
  border-color: #151F6D;
  font-weight: 800;
}

.btn-info.btn-sm, .btn-group-sm > .btn-info.btn {
  font-size: 0.875rem;
}

.row_space_xs_sm {
  margin: -6px -10px !important;
}

.row_space_xs_sm .col_space_xs_sm {
  padding: 6px 10px;
}

@media (max-width: 768px) {
  .row_space_xs_sm .col_space_xs_sm[class*="col-"] {
    margin-bottom: 0px;
  }
}

.row_space_xxs_xs {
  margin: -2.5px -5px !important;
}

.row_space_xxs_xs .col_space_xxs_xs {
  padding: 2.5px 5px;
}

@media (max-width: 768px) {
  .row_space_xxs_xs .col_space_xxs_xs[class*="col-"] {
    margin-bottom: 0px;
  }
}

.label_icon_row {
  display: flex;
  line-height: 16px;
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}

.label_icon_row > img {
  margin-right: 6px;
}

.label_repeating_transfer_icon {
  width: 20px;
}

.label_calendar_icon {
  width: 16px;
}

.activity_heading {
  line-height: 1.5;
}

.activity_content .activity_content_col {
  display: inline-block;
}

.commercial-collapse .progressbar {
  margin-bottom: 18px;
}

.commercial-collapse .list-border-top {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .commercial-collapse .list-border-top.progress-bar-list-border-top {
    padding-left: 0px;
    padding-right: 0px;
  }
  .commercial-collapse .list-border-top.progress-bar-list-border-top .progress-bar-list-border-top-space {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.commercial-collapse .list-border-top:last-child {
  padding-bottom: 4px;
}

@media screen and (min-width: 769px) {
  .list-subheading {
    padding-bottom: 8px;
  }
}

.progressbar_ielinks_row {
  display: flex;
  flex-wrap: wrap;
}

.progressbar_ielinks_row .progressbar_col {
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .progressbar_ielinks_row .progressbar_col {
    width: 84%;
    padding-left: 5%;
  }
}

@media screen and (min-width: 1200px) {
  .progressbar_ielinks_row .ielinks_col {
    width: 16%;
  }
}

.modal {
  z-index: 2000000;
}

/*datatable sass end*/
/*popover optional start*/
.popover-header {
  display: none;
}

.popover {
  max-width: none;
  border-radius: 10px;
  border-style: none;
  box-shadow: 0 1px 10px 0 rgba(45, 95, 178, 0.35);
}

.popover .arrow {
  display: none;
}

.popover-body {
  padding: 0px;
}

.sm-popover {
  max-width: 495px;
  padding: 25px 20px;
}

@media screen and (min-width: 576px) {
  .sm-popover {
    width: 495px;
  }
}

.sm-popover.sm-popover-with-action {
  padding: 25px 20px 10px;
}

#estatement_ui .year_filter, #estatement_ui .month_filter {
  width: 1px !important;
  height: 1px !important;
}

/*popover optional end*/
#accountSpecificAlerts .limitValue {
  border: 0px !important;
  border-bottom: 2px solid #2a2a2a !important;
  background-color: #FFFFFF !important;
  color: #2a2a2a !important;
  border-radius: 0px;
  width: 50px;
  text-align: center;
}

#fi_to_fi_sso .zelle_scroll {
  height: 500px;
  overflow: scroll;
}

#fi_to_fi_sso .native_checkbox_active input[type="checkbox"]:checked + label::before {
  display: none !important;
}

/*jcf select style start*/
/*jcf select style end*/
#review_copy_recipient .recipient-display-block {
  border-radius: 4px;
  border: 1px solid #D5D6D7;
  box-shadow: none;
}

#copy_recipient .recipient-display-block {
  border-radius: 4px;
  border: 1px solid #D5D6D7;
  box-shadow: none;
}

#select_recipients .fa-arrow-down, #select_recipients .fa-arrow-up {
  color: #151F6D;
}

#loan_application_form .mockup_tabs, #loan_application_form .mockup_tabs_sub {
  border-bottom: 2px solid #151F6D;
  position: relative;
}

#loan_application_form .mockup_tabs ul, #loan_application_form .mockup_tabs_sub ul {
  margin-bottom: 0;
  position: relative;
  padding-top: 15px;
  padding-left: 0px;
}

#loan_application_form .mockup_tabs ul li, #loan_application_form .mockup_tabs_sub ul li {
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-family: "Lexend", "Nunito Sans", "Open Sans", "Helvetica", "Sans-Serif";
  color: #ececed;
  margin-right: 15px;
  padding-bottom: 9px;
}

#loan_application_form .mockup_tabs ul li.active, #loan_application_form .mockup_tabs_sub ul li.active {
  color: #FFFFFF;
  border-bottom-color: #151F6D;
  font-weight: 700;
}

#loan_application_form .mockup-bottom-border {
  border-bottom: 2px solid #ffffff;
}

#loan_application_form .loan_info_tooltip {
  padding: 15px;
  background: url("../img/tooltip_info_icon.svg") no-repeat;
  background-position: center;
  cursor: pointer;
  position: relative;
  width: 24px;
}

#loan_application_form .tooltip_text_v2 {
  z-index: 10 !important;
}

#repay_loan_external_account .form-check {
  padding-left: 0px !important;
}

.repay_badge {
  border-radius: 10px;
  background-color: #D8D8D8;
  padding: 5px 20px;
}

#repay_loan_external_account .block-bg {
  background-color: #F6F6F9;
  border-radius: 5px;
}

#repay_loan_external_account .loan-block {
  border-left: 14px solid #C4DB8C;
  cursor: pointer;
}

#repay_loan_external_account .div-border, #repay_loan_external_account .border-highlight {
  border: 1px solid #D0D0D2;
  border-radius: 5px;
}

#repay_loan_external_account .block-border-bottom {
  border-bottom: 2px solid #0054a6;
}

#repay_loan_external_account .loan-block-from {
  border-left: 14px solid #EBABE2 !important;
}

#repay_loan_external_account .repay-success .block-body {
  min-height: 80px;
}

#repay_loan_external_account .select-tokens .div-border, #repay_loan_external_account .edit-tokens-options .div-border {
  height: 60px;
}

#repay_loan_external_account .form-check-label {
  line-height: unset !important;
}

#repay_loan_external_account #repay_loan_account_section .div-border, #repay_loan_external_account #repay_loan_account_section .border-highlight {
  min-height: 100px;
}

#repay_loan_external_account #repay_loan_account_section .div-border-focus {
  border: 1px solid #151F6D !important;
  border-radius: 5px;
  min-height: 100px;
}

#repay_loan_external_account #repay_loan_account_section .div-border-focus .radio-label {
  font-weight: 800 !important;
}

#repay_loan_external_account .remove-token, #repay_loan_external_account .edit-tokens-options a {
  color: red !important;
  text-decoration: underline;
}

#repay_loan_external_account .navigation-avatar {
  background-color: #D8D8D8;
  position: relative;
  color: #FFFFFF;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 2.7;
  font-size: 0.875rem;
  font-weight: 800;
  border: 1px solid #D5D6D7;
}

#repay_loan_external_account .navigation-avatar.active {
  background-color: #FFFFFF;
  color: green;
  border: 1px solid #11807B;
}

#repay_loan_external_account .navigation-avatar.completed {
  background-color: #227F70;
  color: #FFFFFF;
  border: 1px solid #11807B;
}

#repay_loan_external_account .navigation-avatar.error-step {
  background-color: red;
  color: #FFFFFF;
  border: 1px solid #DF1724;
}

#repay_loan_external_account .navigation-step {
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

#repay_loan_external_account .navigation-text {
  font-weight: 800;
  text-align: center;
}

#repay_loan_external_account .navigation-border {
  border-left: 3px solid #D5D6D7;
  height: 60px;
  position: relative;
  left: 50%;
}

#repay_loan_external_account .navigation-border-completed {
  border-left: 3px solid #11807B;
}

#repay_loan_external_account .navigation-border-x {
  border-top: 3px solid #D5D6D7;
  width: 60%;
  position: absolute;
  bottom: 80%;
  left: 70%;
}

#repay_loan_external_account .navigation-border-completed-x {
  border-top: 3px solid #11807B;
}

@media (max-width: 990px) {
  #repay_loan_external_account #nav-menu-x {
    display: block !important;
  }
  #repay_loan_external_account #nav-menu-y {
    display: none;
  }
  #repay_loan_external_account .border-left {
    border-left: none !important;
  }
}

#repay_loan_external_account a {
  text-decoration: underline;
}

#active_schedules .scheduleDetails .block-body {
  cursor: pointer;
}

#repay_schedule_details .cancel-schedule {
  color: red !important;
  border: 1px solid #DF1724 !important;
}

#repay_schedule_details .cancelScheduledItems {
  color: red !important;
  text-decoration: underline;
}

.navigation-avatar.completed {
  cursor: pointer;
}

#fundTransfer .pay-loan-modal-image {
  height: 50px;
}

#commercial_activity table.dataTable > tbody > tr.child ul.dtr-details {
  display: block;
}

#fundtransfer_schedule_list .load_ajax_data .template-block-avatar, #fundtransfer_ach_schedule_details .template-block-avatar {
  line-height: 2.5;
}

#fundtransfer_ach_schedule_details #recipient_list .transaction_search_table .custom-checkbox {
  margin-top: 0.6rem;
  margin-left: 0px;
}

.Insufficient_balance_bg_color {
  background: #FDE9E9;
}

#upload_file .file-recent-upload-details .tooltip_text .tooltiptext_hover.len_75,
#payment_file_upload_history .tooltip_text .tooltiptext_hover.len_75 {
  width: 450px !important;
  top: -55px !important;
}

#payment_upload_history .tooltip_text .tooltiptext_hover.len_50,
#upload_file .file-recent-upload-details .tooltip_text .tooltiptext_hover .len_50 {
  width: 300px !important;
  top: -75px !important;
}

#payment_upload_history .tooltip_text .tooltiptext_hover.len_default, #upload_file .file-recent-upload-details .tooltip_text .tooltiptext_hover .len_default {
  top: -160% !important;
  width: 250px !important;
}

#payment_file_upload_history .upload-history-table .tooltip_text .len_75, #upload_file .file-recent-upload-details .tooltip_text .len_75 {
  width: 400px !important;
  top: -240% !important;
  left: -80% !important;
}

#payment_file_upload_history .upload-history-table .tooltip_text .len_50, #upload_file .file-recent-upload-details .tooltip_text .len_50 {
  width: 300px !important;
  top: -240% !important;
  left: -35% !important;
}

#payment_file_upload_history .upload-history-table .tooltip_text .len_default, #upload_file .file-recent-upload-details .tooltip_text .len_default {
  top: -160% !important;
  width: 250px !important;
  left: -35% !important;
}

#payment_file_upload_history .upload-history-table .tooltip_text .len_25, #upload_file .file-recent-upload-details .tooltip_text .len_25 {
  top: -247% !important;
  width: 250px !important;
  left: -35% !important;
}

#maker_check_approval_model .approvel_request_tab_title strong {
  word-break: break-all;
}

.nacha_block .approvel_request_tab_title, .nacha_block .cancel_block .approvel_request_tab_title,
.nacha_block .reject_block .approvel_request_tab_title, #maker_check_cancelled_model .approvel_request_tab_title, #maker_check_approval_model .approvel_request_tab_title, #maker_check_rejected_model .approvel_request_tab_title {
  word-break: break-word;
}

#payment_file_upload_details .batch_background_style {
  background-color: #EBEBEB;
  padding: 4px;
  border-radius: 10px;
  width: fit-content;
  text-decoration: underline;
}

#payment_file_upload_details .batch_background_style_active {
  text-decoration: auto;
  background-color: #151F6D;
}

#payment_file_upload_details .source_accout_details_changes .accounts_dropdown, #payment_file_upload_details .source_accout_details_changes .sec-code .form-group {
  margin-bottom: 0px !important;
}

#payment_file_upload_details .pre-note-summary {
  border-top: 1px solid #D5D6D7;
}

#commercial_activity .status_btn.status_CANCELLED, #commercial_activity .status_btn.status_FAILED {
  color: #000000;
  background-color: #FBEFEB;
  border: 1px solid #EFD0C7;
}

#commercial_activity .status_btn.status_DECLINED, #commercial_activity .status_btn.status_EXPIRED, #commercial_activity .status_btn.status_DECLINED_BY_ADMIN {
  color: #000000;
  background-color: #FBEFEB;
  border: 1px solid #EFD0C7;
}

#commercial_activity .status_btn.status_TRANSFER_COMPLETED, #commercial_activity .status_btn.status_APPROVED {
  color: #000000;
  background-color: #F1F8F4;
  border: 1px solid #CFE8D3;
}

#commercial_activity .status_btn.status_PENDING, #commercial_activity .status_btn.status_REVIEW, #commercial_activity .status_btn.status_AWAITING_ADMIN_APPROVAL {
  color: #000000;
  background-color: #FDF8EC;
  border: 1px solid #F5E1B8;
}

#commercial_activity .status_CANCELLED {
  color: #CA1032;
}

#commercial_activity .status_FAILED {
  color: #CA1032;
}

#commercial_activity .status_DECLINED {
  color: #CA1032;
}

#commercial_activity .status_EXPIRED {
  color: #CA1032;
}

#commercial_activity .status_DECLINED_BY_ADMIN {
  color: #CA1032;
}

#commercial_activity .status_TRANSFER_COMPLETED {
  color: #095F3E;
}

#commercial_activity .status_COMPLETED {
  color: #095F3E;
}

#commercial_activity .status_PENDING {
  color: #A24C00;
}

#commercial_activity .status_AWAITING_ADMIN_APPROVAL {
  color: #A24C00;
}

#commercial_activity .transactionSearchFiltersCss {
  border: 1px solid #ccc !important;
  padding: 8px 15px 1px 15px !important;
  border-radius: 5px !important;
  margin: 4px !important;
  display: inline-flex;
}

#commercial_activity label.transactionSearchFiltersCssLabel {
  width: auto !important;
}

#commercial_activity .reviewTransactionDetails {
  border: 1px solid #e9e9e9;
  padding: 2%;
}

#commercial_activity .review_reversal_submit .jcf-list .jcf-option, #commercial_activity .review_batch_reversal_submit .jcf-list .jcf-option {
  white-space: break-spaces;
  line-height: normal;
}

#commercial_activity span.status_btn {
  line-height: 22px;
}

#commercial_activity .count_of_transaction {
  font-weight: 800;
  color: #0a4772;
}

#commercial_activity .select_all_transaction, #commercial_activity .clear_all_transaction {
  position: relative;
  z-index: 999;
}

#commercial_activity .cancel_ach_reversal {
  text-decoration: underline;
  display: inline-flex;
}

#commercial_activity .recipient-bank-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

#commercial_activity input.form-check-input.custom-checkbox {
  height: 14px;
}

#commercial_activity .transaction_total_amount {
  border-top: 1.5px solid #DEE2E6;
}

#commercial_activity table.dataTable > tbody > tr.child:hover {
  background: none !important;
}

#commercial_activity .rbm {
  display: block;
  min-width: 90%;
}

#commercial_activity .transaction_date_wise_list tr:hover, #commercial_activity table#transactionActivitySelected tr:hover, #commercial_activity .transaction_lists tr:hover {
  background-color: transparent !important;
}

#commercial_activity .text-bg-info.badge.badge-transfer {
  background-color: #384353;
  padding: 5px 10px;
  font-weight: 400;
}

#commercial_activity .text-bg-info.badge.badge-type {
  background-color: #2B3F4D;
  padding: 5px 10px;
  font-weight: 400;
}

#commercial_activity .text-bg-info.badge.badge-frequency {
  background-color: #1B425B;
  padding: 5px 10px;
  font-weight: 400;
}

#sortbymodal li.list-group-item {
  border: none !important;
}

#payment_file_upload_details .text-underline {
  text-decoration: underline;
}

#payment_file_upload_details .transactions-tab-heading, #payment_file_upload_details .get-receipient-list-pre-note {
  cursor: pointer;
}

#payment_file_upload_details .cancel-payment-div .alert-info {
  padding: 10px 20px 5px 20px;
  height: 40px;
}

#personal-profile .form-check-padding .form-check {
  padding-left: 0px;
}

#personal-profile .list-group-item {
  border: none;
  padding: 0px 5px 0px 5px;
  background-color: inherit;
}

.padding-top-2px {
  padding-top: 2px !important;
}

.show_limits_div table, .show_limits_div th, .show_limits_div td {
  border: 1px solid #D5D6D7;
  border-collapse: collapse;
}

.show_limits_div td, .show_limits_div th {
  padding: 7px 7px 7px 10px;
}

.show_limits_div .title {
  background-color: #EFEFEF;
}

#card-control .cards_badge {
  padding: 0.5em 0.8em;
}

#otp_selector .mfa_pageContent .word-break-class, #otp_selector .otp_selector_v3 .word-break-class {
  word-break: break-all;
}

#travel_notice #add-country #add-country-select {
  max-height: 300px;
  overflow: scroll;
  overflow-x: initial;
}

#card-control .card_status {
  border-radius: 5px;
  height: 45px;
  padding: 11px;
}

#skip_payment .skip_numbering {
  font-size: 20px;
  padding-right: 30px;
  color: #76767e;
}

#skip_payment .source_account_Details .loading_message {
  padding-left: 30px;
}

#skip_payment .skip_payment_title {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

#skip_payment .skip_border_bottom {
  padding-bottom: 15px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.8);
}

#skip_payment .loan-block {
  border-left: 14px solid #C4DB8C;
}

#skip_payment .fund_transfer_2_success_icon {
  background-position: left;
}

#create_template .jcf-select-drop .jcf-hover {
  white-space: normal;
  line-height: 1.5;
}

#change_password_pre_login .field-icon {
  position: relative !important;
}

/*progress, table border, border box, background box style*/
.custom-progress {
  z-index: 0;
  height: 10px;
  border-radius: 8px;
  background-color: #D8D8D8;
}

.custom-progress .progress-bar {
  border-radius: 8px;
  background-color: #151F6D;
}

.position-relative {
  position: relative !important;
}

.box-border {
  border: 1px solid #D0D0D2;
  border-radius: 8px;
  padding: 16px 20px;
}

.light-blue-bg-color {
  background-color: #FFFFFF;
  padding: 15px 15px;
  border-radius: 8px;
}

.custom-table-bordered.table {
  border-collapse: separate;
  border-spacing: 0px;
  border: 1px solid #D0D0D2;
  border-radius: 10px;
}

.custom-table-bordered.table tr td, .custom-table-bordered.table tr th {
  border: 1px solid #D0D0D2;
  border-style: none solid solid none;
}

.custom-table-bordered.table tr td:last-child, .custom-table-bordered.table tr th:last-child {
  border-right-style: none;
  text-align: right;
}

.custom-table-bordered.table tbody tr:last-child td, .custom-table-bordered.table tbody tr:last-child th {
  border-bottom-style: none;
}

@media only screen and (max-width: 600px) {
  .table-responsive-without-label table tr {
    display: table-row;
  }
  .table-responsive-without-label table tr td {
    display: table-cell;
  }
  .table-responsive-without-label table tr td::before {
    display: none;
  }
  .table-responsive-without-label table tr td:not(:last-child) {
    text-align: left;
  }
}

/*spacing style start*/
.custom_section_mx {
  margin-left: 40px;
  margin-right: 40px;
}

.custom_section_my {
  margin-top: 40px;
  margin-bottom: 40px;
}

.custom_section_my_sm {
  margin-top: 30px;
  margin-bottom: 30px;
}

.custom_section_my_xs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.custom_section_my_xss {
  margin-top: 15px;
  margin-bottom: 15px;
}

.custom_section_my_xsss {
  margin-top: 10px;
  margin-bottom: 10px;
}

.custom_section_mt {
  margin-top: 40px;
}

.custom_section_mt_sm {
  margin-top: 30px;
}

.custom_section_mt_xs {
  margin-top: 20px;
}

.custom_section_mt_xss {
  margin-top: 15px;
}

.custom_section_mt_xsss {
  margin-top: 10px;
}

.custom_section_mb {
  margin-bottom: 40px;
}

.custom_section_mb_sm {
  margin-bottom: 30px;
}

.custom_section_mb_xs {
  margin-bottom: 20px;
}

.custom_section_mb_xss {
  margin-bottom: 15px;
}

.custom_section_mb_xsss {
  margin-bottom: 10px;
}

.custom_section_my_n_xss {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.custom_section_mx_n_xsss {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.custom_section_py {
  padding-top: 40px;
  padding-bottom: 40px;
}

.custom_section_py_sm {
  padding-top: 30px;
  padding-bottom: 30px;
}

.custom_section_py_xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.custom_section_py_xss {
  padding-top: 15px;
  padding-bottom: 15px;
}

.custom_section_py_xsss {
  padding-top: 10px;
  padding-bottom: 10px;
}

.custom_section_px {
  padding-left: 40px;
  padding-right: 40px;
}

.custom_section_px_sm {
  padding-left: 30px;
  padding-right: 30px;
}

.custom_section_px_xs {
  padding-left: 20px;
  padding-right: 20px;
}

.custom_section_px_xss {
  padding-left: 15px;
  padding-right: 15px;
}

.custom_section_px_xsss {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.custom_section_pt {
  padding-top: 40px;
}

.custom_section_pt_sm {
  padding-top: 30px;
}

.custom_section_pt_xs {
  padding-top: 20px;
}

.custom_section_pt_xss {
  padding-top: 15px;
}

.custom_section_pt_xsss {
  padding-top: 10px;
}

.custom_section_pb {
  padding-bottom: 40px;
}

.custom_section_pb_sm {
  padding-bottom: 30px;
}

.custom_section_pb_xs {
  padding-bottom: 20px;
}

.custom_section_pb_xss {
  padding-bottom: 15px;
}

.custom_section_pb_xsss {
  padding-bottom: 10px;
}

/*spacing style end*/
#fics_loan_details .mortage-loan-display-block {
  background-color: #FFFFFF;
  border-left: 10px solid #DF1724;
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 15px;
  padding: 15px;
  min-height: 65px;
}

#fics_loan_details .mortage-loan-display-block > * {
  min-height: 40px;
}

#fics_loan_details .custom-table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F6F6F9;
}

#tax_information .tax_table td {
  vertical-align: top;
  text-align: left;
  padding-left: 2%;
}

.tax_table tr {
  text-align: center;
  height: 40px;
}

.tax_table_head {
  background-color: rgba(245, 245, 245, 0.475) !important;
}

#print_indvTrans_details .tax_table.share-table td {
  vertical-align: top;
  width: 20% !important;
  text-align: left !important;
  padding-left: 2%;
}

#print_indvTrans_details .tax_table td {
  vertical-align: top;
  width: 1% !important;
  text-align: left !important;
  padding-left: 2%;
}

#pfm_donut_side_widget_tile .jss7 {
  display: contents !important;
}

#geographical_limits .search_country_list, #international_control .search_country_list {
  max-height: 200px;
  overflow: scroll;
  overflow-x: hidden;
}

#fics_loan_details .custom-table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F6F6F9;
}

#fics_loan_details .custom_text_fit_content, #account_details .custom_text_fit_content {
  height: fit-content;
}

@media screen and (max-width: 992px) {
  #pl .progress_step_row, #vl .progress_step_row, #cc .progress_step_row, #he .progress_step_row, #xa .progress_step_row {
    display: flex;
    justify-content: space-between;
  }
  #pl .progress_step_row .progress_step_col, #vl .progress_step_row .progress_step_col, #cc .progress_step_row .progress_step_col, #he .progress_step_row .progress_step_col, #xa .progress_step_row .progress_step_col {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    width: 25%;
  }
  #pl .progress_step_row .progress_step_col::after, #vl .progress_step_row .progress_step_col::after, #cc .progress_step_row .progress_step_col::after, #he .progress_step_row .progress_step_col::after, #xa .progress_step_row .progress_step_col::after {
    position: absolute;
    content: "";
    border-bottom: 3px solid #D5D6D7;
    width: 100%;
    top: 16px;
    left: 50%;
    z-index: 2;
  }
  #pl .progress_step_row .progress_step_col:last-child::after, #vl .progress_step_row .progress_step_col:last-child::after, #cc .progress_step_row .progress_step_col:last-child::after, #he .progress_step_row .progress_step_col:last-child::after, #xa .progress_step_row .progress_step_col:last-child::after {
    content: none !important;
  }
  #pl .progress_step_row .progress_step_col.completed .navigation-avatar, #vl .progress_step_row .progress_step_col.completed .navigation-avatar, #cc .progress_step_row .progress_step_col.completed .navigation-avatar, #he .progress_step_row .progress_step_col.completed .navigation-avatar, #xa .progress_step_row .progress_step_col.completed .navigation-avatar {
    background-color: #227F70;
  }
  #pl .progress_step_row .progress_step_col.completed::after, #vl .progress_step_row .progress_step_col.completed::after, #cc .progress_step_row .progress_step_col.completed::after, #he .progress_step_row .progress_step_col.completed::after, #xa .progress_step_row .progress_step_col.completed::after {
    position: absolute;
    content: "";
    border-bottom: 3px solid #11807B;
    width: 100%;
    top: 16px;
    left: 50%;
    z-index: 3;
  }
  #pl .progress_step_row .progress_step_col::before, #vl .progress_step_row .progress_step_col::before, #cc .progress_step_row .progress_step_col::before, #he .progress_step_row .progress_step_col::before, #xa .progress_step_row .progress_step_col::before {
    position: absolute;
    content: "";
    border-bottom: 3px solid #D5D6D7;
    width: 100%;
    top: 16px;
    left: -50%;
    z-index: 2;
  }
  #pl .progress_step_row .progress_step_col:first-child::before, #vl .progress_step_row .progress_step_col:first-child::before, #cc .progress_step_row .progress_step_col:first-child::before, #he .progress_step_row .progress_step_col:first-child::before, #xa .progress_step_row .progress_step_col:first-child::before {
    content: none;
  }
  #pl .progress_step_row .progress_step_col .navigation-border, #vl .progress_step_row .progress_step_col .navigation-border, #cc .progress_step_row .progress_step_col .navigation-border, #he .progress_step_row .progress_step_col .navigation-border, #xa .progress_step_row .progress_step_col .navigation-border {
    display: none;
  }
  #pl .progress_step_row .progress_step_col .navigation-avatar, #vl .progress_step_row .progress_step_col .navigation-avatar, #cc .progress_step_row .progress_step_col .navigation-avatar, #he .progress_step_row .progress_step_col .navigation-avatar, #xa .progress_step_row .progress_step_col .navigation-avatar {
    z-index: 5;
  }
  #pl .progress_step_row .progress_step_col .navigation-block, #vl .progress_step_row .progress_step_col .navigation-block, #cc .progress_step_row .progress_step_col .navigation-block, #he .progress_step_row .progress_step_col .navigation-block, #xa .progress_step_row .progress_step_col .navigation-block {
    border-style: none;
    margin: 0;
  }
  #pl .progress_step_row .progress_step_col .navigation-block ul, #vl .progress_step_row .progress_step_col .navigation-block ul, #cc .progress_step_row .progress_step_col .navigation-block ul, #he .progress_step_row .progress_step_col .navigation-block ul, #xa .progress_step_row .progress_step_col .navigation-block ul {
    display: flex;
    margin: 0;
  }
  #pl .progress_step_row .progress_step_col .navigation-block ul li, #vl .progress_step_row .progress_step_col .navigation-block ul li, #cc .progress_step_row .progress_step_col .navigation-block ul li, #he .progress_step_row .progress_step_col .navigation-block ul li, #xa .progress_step_row .progress_step_col .navigation-block ul li {
    margin: 0px 4px;
    padding: 0px;
    width: 8px;
    height: 8px;
    overflow: hidden;
  }
  #pl .progress_step_row .progress_step_col .navigation-block ul li span, #vl .progress_step_row .progress_step_col .navigation-block ul li span, #cc .progress_step_row .progress_step_col .navigation-block ul li span, #he .progress_step_row .progress_step_col .navigation-block ul li span, #xa .progress_step_row .progress_step_col .navigation-block ul li span {
    margin-right: 0px;
    padding: 0px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
  }
  #pl .progress_step_row.border-right, #vl .progress_step_row.border-right, #cc .progress_step_row.border-right, #he .progress_step_row.border-right, #xa .progress_step_row.border-right {
    border-right-style: none !important;
  }
}

@media screen and (max-width: 767px) {
  #pl .progress_step_row .progress_step_col .navigation-block, #vl .progress_step_row .progress_step_col .navigation-block, #cc .progress_step_row .progress_step_col .navigation-block, #he .progress_step_row .progress_step_col .navigation-block, #xa .progress_step_row .progress_step_col .navigation-block {
    margin: 8px 0px 0px;
  }
  #pl .progress_step_row .navigation-text, #vl .progress_step_row .navigation-text, #cc .progress_step_row .navigation-text, #he .progress_step_row .navigation-text, #xa .progress_step_row .navigation-text {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #pl .mobprogresslabel, #vl .mobprogresslabel, #cc .mobprogresslabel, #he .mobprogresslabel, #xa .mobprogresslabel {
    display: none;
  }
}

#pl .custom-checkbox.error, #vl .custom-checkbox.error, #cc .custom-checkbox.error, #he .custom-checkbox.error, #xa .custom-checkbox.error {
  width: 20px;
}

@media screen and (max-width: 1199px) {
  #pl .navigation-block, #vl .navigation-block, #cc .navigation-block, #he .navigation-block, #xa .navigation-block {
    margin: 0px 0px 5px;
  }
}

@media screen and (max-width: 400px) {
  #pl .icon-arrow-down:before, #vl .icon-arrow-down:before, #cc .icon-arrow-down:before, #he .icon-arrow-down:before, #xa .icon-arrow-down:before {
    font-size: 20px !important;
  }
}

#pl .custom-pl-0, #vl .custom-pl-0, #cc .custom-pl-0, #he .custom-pl-0, #xa .custom-pl-0 {
  padding-left: 0px !important;
}

@media screen and (min-width: 768px) {
  #pl .custom-pl-md-3, #vl .custom-pl-md-3, #cc .custom-pl-md-3, #he .custom-pl-md-3, #xa .custom-pl-md-3 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  #pl .radio_child_width_100 .col-md-5, #vl .radio_child_width_100 .col-md-5, #cc .radio_child_width_100 .col-md-5, #he .radio_child_width_100 .col-md-5, #xa .radio_child_width_100 .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#pl .radio_child_width_100 .col-md-5 > .form-check, #vl .radio_child_width_100 .col-md-5 > .form-check, #cc .radio_child_width_100 .col-md-5 > .form-check, #he .radio_child_width_100 .col-md-5 > .form-check, #xa .radio_child_width_100 .col-md-5 > .form-check {
  padding-left: 0px;
}

#pl .custom-postion-relative, #vl .custom-postion-relative, #cc .custom-postion-relative, #he .custom-postion-relative, #xa .custom-postion-relative {
  position: relative;
}

#pl .custom-postion-relative > select.jcf-hidden, #vl .custom-postion-relative > select.jcf-hidden, #cc .custom-postion-relative > select.jcf-hidden, #he .custom-postion-relative > select.jcf-hidden, #xa .custom-postion-relative > select.jcf-hidden {
  width: 100% !important;
  height: 40px !important;
  left: initial !important;
}

#he .demographic_heading {
  color: #151F6D;
}

#layout_support #compose_support_ticket .choose_files {
  padding: 0.375rem 0.5rem !important;
  margin-right: 5px !important;
}

#transaction_enquiry .files_name_view, #transaction_enquiry_form .files_name_view, #support_send_ticket .files_name, #support_send_ticket .files_name_view {
  word-break: break-all;
}

#print-check .print_check .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.routing-num-clr {
  color: rgba(0, 0, 0, 0.8);
  display: grid !important;
}

.mfa .para, .otp_enhancement_blade .para, .otp_required .para, .forgot_pwd_3 .para, .contact_info .para, #sub_user_enroll .enterOtpContainer .para {
  opacity: 0.8;
}

.mfa .select-otp-channel-row .select-otp-channel-col, .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col, .otp_required .select-otp-channel-row .select-otp-channel-col, .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col, .contact_info .select-otp-channel-row .select-otp-channel-col, #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col {
  padding-top: 15px;
  padding-bottom: 15px;
}

.mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box {
  display: block;
  padding: 26px 15px;
  border-radius: 8px;
  border: 2px solid #151F6D;
}

.mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}

.mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon {
  padding-left: 5px;
  padding-right: 5px;
  width: 30px;
}

.mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text {
  padding-left: 5px;
  padding-right: 5px;
  width: calc(100% - 48px);
}

.mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow {
  padding-left: 5px;
  padding-right: 5px;
  width: 18px;
}

.mfa .select-otp-dest-row .select-otp-dest-col, .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col, .otp_required .select-otp-dest-row .select-otp-dest-col, .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col, .contact_info .select-otp-dest-row .select-otp-dest-col, #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col {
  padding-top: 15px;
}

.mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box {
  display: block;
  padding: 26px 15px;
  border-radius: 8px;
  border: 2px solid #151F6D;
}

.mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}

.mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text {
  padding-left: 5px;
  padding-right: 5px;
  width: calc(100% - 18px);
}

.mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow {
  padding-left: 5px;
  padding-right: 5px;
  width: 18px;
}

.mfa .left-icon, .otp_enhancement_blade .left-icon, .otp_required .left-icon, .forgot_pwd_3 .left-icon, .contact_info .left-icon, #sub_user_enroll .enterOtpContainer .left-icon {
  margin-right: 10px;
}

.mfa .link-text, .otp_enhancement_blade .link-text, .otp_required .link-text, .forgot_pwd_3 .link-text, .contact_info .link-text, #sub_user_enroll .enterOtpContainer .link-text {
  color: rgba(0, 0, 0, 0.8);
}

.mfa .otp-mail-no, .otp_enhancement_blade .otp-mail-no, .otp_required .otp-mail-no, .forgot_pwd_3 .otp-mail-no, .contact_info .otp-mail-no, #sub_user_enroll .enterOtpContainer .otp-mail-no {
  border-radius: 8px;
  padding: 10px;
}

.mfa .otp-container .otp-number-input, .otp_enhancement_blade .otp-container .otp-number-input, .otp_required .otp-container .otp-number-input, .forgot_pwd_3 .otp-container .otp-number-input, .contact_info .otp-container .otp-number-input, #sub_user_enroll .enterOtpContainer .otp-container .otp-number-input {
  width: 34px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 2px;
}

.mfa .link-label-border-bottom, .otp_enhancement_blade .link-label-border-bottom, .otp_required .link-label-border-bottom, .forgot_pwd_3 .link-label-border-bottom, .contact_info .link-label-border-bottom, #sub_user_enroll .enterOtpContainer .link-label-border-bottom {
  border-bottom: 1px solid #151F6D;
}

.mfa .select-another-channel-wrap, .otp_enhancement_blade .select-another-channel-wrap, .otp_required .select-another-channel-wrap, .forgot_pwd_3 .select-another-channel-wrap, .contact_info .select-another-channel-wrap, #sub_user_enroll .enterOtpContainer .select-another-channel-wrap {
  display: inline-block;
}

.mfa .send-code-again-wrap, .otp_enhancement_blade .send-code-again-wrap, .otp_required .send-code-again-wrap, .forgot_pwd_3 .send-code-again-wrap, .contact_info .send-code-again-wrap, #sub_user_enroll .enterOtpContainer .send-code-again-wrap {
  display: inline-block;
}

@media (max-width: 575px) {
  .mfa .form-check-input, .otp_enhancement_blade .form-check-input, .otp_required .form-check-input, .forgot_pwd_3 .form-check-input, .contact_info .form-check-input, #sub_user_enroll .enterOtpContainer .form-check-input {
    margin-left: 0px;
  }
}

#unlock_enter_security_code .para {
  opacity: 0.8;
}

#unlock_enter_security_code .left-icon {
  margin-right: 10px;
}

#unlock_enter_security_code .link-text {
  color: rgba(0, 0, 0, 0.8);
}

#unlock_enter_security_code .otp-mail-no {
  border-radius: 8px;
  background-color: #F6F6F9;
  padding: 10px;
}

#unlock_enter_security_code .otp-container .otp-number-input {
  width: 34px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 2px;
}

#unlock_enter_security_code .link-label-border-bottom {
  border-bottom: 1px solid #151F6D;
}

#unlock_enter_security_code .select-another-channel-wrap {
  display: inline-block;
}

#unlock_enter_security_code .send-code-again-wrap {
  display: inline-block;
}

@media (max-width: 575px) {
  #unlock_enter_security_code .form-check-input {
    margin-left: 0px;
  }
}

#qft_widget .qft_from_account_margin_bottom {
  margin-bottom: 0rem !important;
}

#apply_for_loan_form .row-space-x-lg {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

#apply_for_loan_form .row-space-x-lg > .col-xl-1, #apply_for_loan_form .row-space-x-lg > .col-xl-2, #apply_for_loan_form .row-space-x-lg > .col-xl-3, #apply_for_loan_form .row-space-x-lg > .col-xl-4, #apply_for_loan_form .row-space-x-lg > .col-xl-5, #apply_for_loan_form .row-space-x-lg > .col-xl-6, #apply_for_loan_form .row-space-x-lg > .col-xl-7, #apply_for_loan_form .row-space-x-lg > .col-xl-8, #apply_for_loan_form .row-space-x-lg > .col-xl-9, #apply_for_loan_form .row-space-x-lg > .col-xl-10, #apply_for_loan_form .row-space-x-lg > .col-xl-11, #apply_for_loan_form .row-space-x-lg > .col-xl-12, #apply_for_loan_form .row-space-x-lg > .col-lg-1, #apply_for_loan_form .row-space-x-lg > .col-lg-10, #apply_for_loan_form .row-space-x-lg > .col-lg-11, #apply_for_loan_form .row-space-x-lg > .col-lg-12, #apply_for_loan_form .row-space-x-lg > .col-lg-2, #apply_for_loan_form .row-space-x-lg > .col-lg-3, #apply_for_loan_form .row-space-x-lg > .col-lg-4, #apply_for_loan_form .row-space-x-lg > .col-lg-5, #apply_for_loan_form .row-space-x-lg > .col-lg-6, #apply_for_loan_form .row-space-x-lg > .col-lg-7, #apply_for_loan_form .row-space-x-lg > .col-lg-8, #apply_for_loan_form .row-space-x-lg > .col-lg-9, #apply_for_loan_form .row-space-x-lg > .col-md-1, #apply_for_loan_form .row-space-x-lg > .col-md-10, #apply_for_loan_form .row-space-x-lg > .col-md-11, #apply_for_loan_form .row-space-x-lg > .col-md-12, #apply_for_loan_form .row-space-x-lg > .col-md-2, #apply_for_loan_form .row-space-x-lg > .col-md-3, #apply_for_loan_form .row-space-x-lg > .col-md-4, #apply_for_loan_form .row-space-x-lg > .col-md-5, #apply_for_loan_form .row-space-x-lg > .col-md-6, #apply_for_loan_form .row-space-x-lg > .col-md-7, #apply_for_loan_form .row-space-x-lg > .col-md-8, #apply_for_loan_form .row-space-x-lg > .col-md-9, #apply_for_loan_form .row-space-x-lg > .col-sm-1, #apply_for_loan_form .row-space-x-lg > .col-sm-10, #apply_for_loan_form .row-space-x-lg > .col-sm-11, #apply_for_loan_form .row-space-x-lg > .col-sm-12, #apply_for_loan_form .row-space-x-lg > .col-sm-2, #apply_for_loan_form .row-space-x-lg > .col-sm-3, #apply_for_loan_form .row-space-x-lg > .col-sm-4, #apply_for_loan_form .row-space-x-lg > .col-sm-5, #apply_for_loan_form .row-space-x-lg > .col-sm-6, #apply_for_loan_form .row-space-x-lg > .col-sm-7, #apply_for_loan_form .row-space-x-lg > .col-sm-8, #apply_for_loan_form .row-space-x-lg > .col-sm-9, #apply_for_loan_form .row-space-x-lg > .col-1, #apply_for_loan_form .row-space-x-lg > .col-10, #apply_for_loan_form .row-space-x-lg > .col-11, #apply_for_loan_form .row-space-x-lg > .col-12, #apply_for_loan_form .row-space-x-lg > .col-2, #apply_for_loan_form .row-space-x-lg > .col-3, #apply_for_loan_form .row-space-x-lg > .col-4, #apply_for_loan_form .row-space-x-lg > .col-5, #apply_for_loan_form .row-space-x-lg > .col-6, #apply_for_loan_form .row-space-x-lg > .col-7, #apply_for_loan_form .row-space-x-lg > .col-8, #apply_for_loan_form .row-space-x-lg > .col-9, #apply_for_loan_form .row-space-x-lg > .col {
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 768px) {
  #apply_for_loan_form .row-space-x-lg > [class*="col-"] {
    margin-bottom: 0px;
  }
}

#apply_for_loan_form .row-space-mb > .col-xl-1, #apply_for_loan_form .row-space-mb > .col-xl-2, #apply_for_loan_form .row-space-mb > .col-xl-3, #apply_for_loan_form .row-space-mb > .col-xl-4, #apply_for_loan_form .row-space-mb > .col-xl-5, #apply_for_loan_form .row-space-mb > .col-xl-6, #apply_for_loan_form .row-space-mb > .col-xl-7, #apply_for_loan_form .row-space-mb > .col-xl-8, #apply_for_loan_form .row-space-mb > .col-xl-9, #apply_for_loan_form .row-space-mb > .col-xl-10, #apply_for_loan_form .row-space-mb > .col-xl-11, #apply_for_loan_form .row-space-mb > .col-xl-12, #apply_for_loan_form .row-space-mb > .col-lg-1, #apply_for_loan_form .row-space-mb > .col-lg-10, #apply_for_loan_form .row-space-mb > .col-lg-11, #apply_for_loan_form .row-space-mb > .col-lg-12, #apply_for_loan_form .row-space-mb > .col-lg-2, #apply_for_loan_form .row-space-mb > .col-lg-3, #apply_for_loan_form .row-space-mb > .col-lg-4, #apply_for_loan_form .row-space-mb > .col-lg-5, #apply_for_loan_form .row-space-mb > .col-lg-6, #apply_for_loan_form .row-space-mb > .col-lg-7, #apply_for_loan_form .row-space-mb > .col-lg-8, #apply_for_loan_form .row-space-mb > .col-lg-9, #apply_for_loan_form .row-space-mb > .col-md-1, #apply_for_loan_form .row-space-mb > .col-md-10, #apply_for_loan_form .row-space-mb > .col-md-11, #apply_for_loan_form .row-space-mb > .col-md-12, #apply_for_loan_form .row-space-mb > .col-md-2, #apply_for_loan_form .row-space-mb > .col-md-3, #apply_for_loan_form .row-space-mb > .col-md-4, #apply_for_loan_form .row-space-mb > .col-md-5, #apply_for_loan_form .row-space-mb > .col-md-6, #apply_for_loan_form .row-space-mb > .col-md-7, #apply_for_loan_form .row-space-mb > .col-md-8, #apply_for_loan_form .row-space-mb > .col-md-9, #apply_for_loan_form .row-space-mb > .col-sm-1, #apply_for_loan_form .row-space-mb > .col-sm-10, #apply_for_loan_form .row-space-mb > .col-sm-11, #apply_for_loan_form .row-space-mb > .col-sm-12, #apply_for_loan_form .row-space-mb > .col-sm-2, #apply_for_loan_form .row-space-mb > .col-sm-3, #apply_for_loan_form .row-space-mb > .col-sm-4, #apply_for_loan_form .row-space-mb > .col-sm-5, #apply_for_loan_form .row-space-mb > .col-sm-6, #apply_for_loan_form .row-space-mb > .col-sm-7, #apply_for_loan_form .row-space-mb > .col-sm-8, #apply_for_loan_form .row-space-mb > .col-sm-9, #apply_for_loan_form .row-space-mb > .col-1, #apply_for_loan_form .row-space-mb > .col-10, #apply_for_loan_form .row-space-mb > .col-11, #apply_for_loan_form .row-space-mb > .col-12, #apply_for_loan_form .row-space-mb > .col-2, #apply_for_loan_form .row-space-mb > .col-3, #apply_for_loan_form .row-space-mb > .col-4, #apply_for_loan_form .row-space-mb > .col-5, #apply_for_loan_form .row-space-mb > .col-6, #apply_for_loan_form .row-space-mb > .col-7, #apply_for_loan_form .row-space-mb > .col-8, #apply_for_loan_form .row-space-mb > .col-9, #apply_for_loan_form .row-space-mb > .col {
  margin-bottom: 20px;
}

#apply_for_loan_form .row-space-mb > .col-xl-1 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-2 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-3 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-4 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-5 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-6 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-7 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-8 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-9 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-10 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-11 .form-group, #apply_for_loan_form .row-space-mb > .col-xl-12 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-1 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-10 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-11 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-12 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-2 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-3 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-4 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-5 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-6 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-7 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-8 .form-group, #apply_for_loan_form .row-space-mb > .col-lg-9 .form-group, #apply_for_loan_form .row-space-mb > .col-md-1 .form-group, #apply_for_loan_form .row-space-mb > .col-md-10 .form-group, #apply_for_loan_form .row-space-mb > .col-md-11 .form-group, #apply_for_loan_form .row-space-mb > .col-md-12 .form-group, #apply_for_loan_form .row-space-mb > .col-md-2 .form-group, #apply_for_loan_form .row-space-mb > .col-md-3 .form-group, #apply_for_loan_form .row-space-mb > .col-md-4 .form-group, #apply_for_loan_form .row-space-mb > .col-md-5 .form-group, #apply_for_loan_form .row-space-mb > .col-md-6 .form-group, #apply_for_loan_form .row-space-mb > .col-md-7 .form-group, #apply_for_loan_form .row-space-mb > .col-md-8 .form-group, #apply_for_loan_form .row-space-mb > .col-md-9 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-1 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-10 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-11 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-12 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-2 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-3 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-4 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-5 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-6 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-7 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-8 .form-group, #apply_for_loan_form .row-space-mb > .col-sm-9 .form-group, #apply_for_loan_form .row-space-mb > .col-1 .form-group, #apply_for_loan_form .row-space-mb > .col-10 .form-group, #apply_for_loan_form .row-space-mb > .col-11 .form-group, #apply_for_loan_form .row-space-mb > .col-12 .form-group, #apply_for_loan_form .row-space-mb > .col-2 .form-group, #apply_for_loan_form .row-space-mb > .col-3 .form-group, #apply_for_loan_form .row-space-mb > .col-4 .form-group, #apply_for_loan_form .row-space-mb > .col-5 .form-group, #apply_for_loan_form .row-space-mb > .col-6 .form-group, #apply_for_loan_form .row-space-mb > .col-7 .form-group, #apply_for_loan_form .row-space-mb > .col-8 .form-group, #apply_for_loan_form .row-space-mb > .col-9 .form-group, #apply_for_loan_form .row-space-mb > .col .form-group {
  margin-bottom: 0px;
}

#apply_for_loan_form .apply-for-loan-icon {
  width: 28px;
}

#opt_in_ads .opt_in_message {
  color: red;
}

#sub_user_enroll .error_sms, #sub_user_enroll .error_email {
  color: red;
  width: 100%;
}

#order_new_card .carousel-control-prev-icon {
  background-image: url("../img/bordered_left_arrow.svg");
}

#order_new_card .carousel-control-next-icon {
  background-image: url("../img/bordered_right_arrow.svg");
}

#order_new_card .carousel-control-prev, #order_new_card .carousel-control-next {
  Width: 5%;
}

#order_new_card .carousel-indicators li {
  background-color: rgba(0, 0, 0, 0.1);
  width: 10px !important;
  height: 10px !important;
  border-radius: 100% !important;
}

#order_new_card .visa_name_tag {
  padding: 13px;
  height: 50px;
  border-radius: 5px;
  background-color: #F6F6F9;
}

#order_new_card .badge-secondary {
  border-radius: 15px;
  font-size: 1rem;
}

#order_new_card .each-card-container.active {
  border: 2px solid #ffffff;
  border-radius: 10px;
}

#order_new_card .card-image-url {
  height: 180px !important;
}

#order_new_card .success_section_border {
  border: 1px solid #ffffff;
  border-radius: 5px;
}

#order_new_card .carousel-indicators {
  bottom: -50px !important;
}

#order_new_card input[name=pinAuthUpdateValue], #order_new_card input[name=confirmPin] {
  color: #2a2a2a !important;
}

#account_details .order-new-card-link-container {
  border: 2px solid rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  padding: 10px 5px 10px 20px;
  margin: 15px 0 35px 0;
}

#request_replacement .request_replacement_card_image {
  height: 75px;
}

#request_replacement .block-body {
  margin-bottom: 0px !important;
}

#request_replacement .card-disclaimer {
  height: 55px;
  border-radius: 8px;
  background-color: #F6F6F9;
  border: transparent;
}

/*#reports_list .table-responsive{
  overflow-x: auto !important;
}*/
#request_replacement .section_name, #order_new_card .section_name {
  color: #2a2a2a;
  font-size: 24px;
}

#request_replacement .border_for_radio, #order_new_card .border_for_radio {
  border: 1px solid #D0D0D2;
  border-radius: 5px;
  padding: 5px;
}

#request_replacement .border_for_radio_active, #order_new_card .border_for_radio_active {
  border: 2px solid #ffffff !important;
}

#request_replacement .set_pin_block .form-group, #request_replacement .new-pin-options .form-group, #order_new_card .set_pin_block .form-group, #order_new_card .new-pin-options .form-group {
  margin-bottom: 0px !important;
}

/*********************** Multi Fund Transfer v2 ***************************/
#multipayee_transfer_v2 {
  /* color: #000000;
  font-size:$siteFontsize14;
  line-height: 19px;
  .max-width-100{
    max-width: 100%;
  }
  .form-group{
    > label{
      font-size:$siteFontsize12;
      line-height: 16px;
      margin-bottom: 9px;
    }
  }
  .label-olb{
    font-size:$siteFontsize12;
    line-height: 16px;
    margin-bottom: 9px;
  }
  input, input[type="text"], input[type="number"], input[type="password"], input[type="file"]{
    border:1px solid #94949E !important;
  }
  .input-group-prepend .input-group-text{
    border:1px solid #94949E;
  }
  .styledSelect{
    border:1px solid #94949E;
  }
  .form-control{
    color: #000000;
    font-size:$siteFontsize14;
    line-height: 19px;
  } */
}

#multipayee_transfer_v2 h3 {
  font-size: 18px;
  line-height: 24px;
}

#multipayee_transfer_v2 h4 {
  font-size: 1rem;
  display: block;
  line-height: 19px;
}

#multipayee_transfer_v2 .font-size-11 {
  font-size: 11px;
  line-height: 16px;
}

#multipayee_transfer_v2 .font-size-12 {
  font-size: 12px;
  line-height: 18px;
}

#multipayee_transfer_v2 .font-size-18 {
  font-size: 18px;
  line-height: 24px;
}

#multipayee_transfer_v2 .font-size-14 {
  font-size: 14px;
  line-height: 20px;
}

#multipayee_transfer_v2 .font-size-16 {
  font-size: 16px;
  line-height: 22px;
}

#multipayee_transfer_v2 .checkbox-customize {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 19px;
}

#multipayee_transfer_v2 .checkbox-customize input[type=checkbox] {
  z-index: -1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px;
}

#multipayee_transfer_v2 .checkbox-customize .custom-checkbox-label-padding {
  padding: 0px;
  line-height: 19px;
}

#multipayee_transfer_v2 .checkbox-customize .custom-checkbox-label-padding::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  border: 2px solid #151F6D;
  border-radius: 2px;
}

#multipayee_transfer_v2 .checkbox-customize input:active ~ .custom-checkbox-label-padding::before {
  background-color: #151F6D;
}

#multipayee_transfer_v2 .checkbox-customize input:checked ~ .custom-checkbox-label-padding::before {
  background-color: #151F6D;
}

#multipayee_transfer_v2 .checkbox-customize input:checked ~ .custom-checkbox-label-padding {
  font-weight: 800;
}

#multipayee_transfer_v2 .checkbox-customize input:checked ~ .custom-checkbox-label-padding:after {
  display: block;
}

#multipayee_transfer_v2 .checkbox-customize .custom-checkbox-label-padding:after {
  content: "";
  position: absolute;
  display: none;
  left: 6.5px;
  bottom: 5px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

#multipayee_transfer_v2 .toggle-switch-wrap {
  color: rgba(0, 0, 0, 0.8);
}

#multipayee_transfer_v2 .toggle-switch-wrap .toggle-switch {
  height: 18px;
  width: 36px;
}

#multipayee_transfer_v2 .toggle-switch-wrap .toggle-switch .slider {
  background-color: #D8D8D8;
}

#multipayee_transfer_v2 .toggle-switch-wrap .toggle-switch .slider::before {
  background-color: #151F6D;
  height: 12px;
  width: 12px;
}

#multipayee_transfer_v2 .radio-label {
  line-height: 19px;
}

#multipayee_transfer_v2 .radio-label.jcf-label-active {
  font-weight: 700;
}

#multipayee_transfer_v2 .radio-label .jcf-radio {
  height: 19px;
  width: 19px;
  border-radius: 9.5px;
  border: 2px solid #151F6D !important;
  margin: 0 5px 0 0;
}

#multipayee_transfer_v2 .btn-primary {
  min-width: 160px;
}

#multipayee_transfer_v2 .btn-secondary {
  min-width: 160px;
}

#multipayee_transfer_v2 .box-shadow {
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
}

#multipayee_transfer_v2 .text-grey {
  color: #76767e;
}

#multipayee_transfer_v2 .text-blue {
  color: rgba(0, 0, 0, 0.8);
}

#multipayee_transfer_v2 .text-red {
  color: red;
}

#multipayee_transfer_v2 .text-lightgrey {
  color: #999999;
}

#multipayee_transfer_v2 .border-rounded-md {
  border-radius: 10px;
}

#multipayee_transfer_v2 .p-15-space {
  padding: 15px !important;
}

#multipayee_transfer_v2 .my-20-space {
  margin-top: 20px;
  margin-bottom: 20px;
}

#multipayee_transfer_v2 .mt-10-space {
  margin-top: 10px;
}

#multipayee_transfer_v2 .mt-20-space {
  margin-top: 20px;
}

#multipayee_transfer_v2 .mt-30-space {
  margin-top: 30px;
}

#multipayee_transfer_v2 .mr-10-space {
  margin-right: 10px;
}

#multipayee_transfer_v2 .mb-10-space {
  margin-bottom: 10px;
}

#multipayee_transfer_v2 .mb-20-space {
  margin-bottom: 20px;
}

#multipayee_transfer_v2 .mb-30-space {
  margin-bottom: 30px;
}

#multipayee_transfer_v2 .mb-40-space {
  margin-bottom: 30px;
}

#multipayee_transfer_v2 .ml-10-space {
  margin-left: 10px;
}

#multipayee_transfer_v2 .min-height-40 {
  min-height: 41px !important;
}

#multipayee_transfer_v2 .border-top {
  border-top: 1px solid #B9B6BC !important;
}

#multipayee_transfer_v2 .row-space-y-sm {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

#multipayee_transfer_v2 .row-space-y-sm > .col-xl-1, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-2, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-3, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-4, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-5, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-6, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-7, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-8, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-9, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-10, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-11, #multipayee_transfer_v2 .row-space-y-sm > .col-xl-12, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-1, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-10, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-11, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-12, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-2, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-3, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-4, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-5, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-6, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-7, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-8, #multipayee_transfer_v2 .row-space-y-sm > .col-lg-9, #multipayee_transfer_v2 .row-space-y-sm > .col-md-1, #multipayee_transfer_v2 .row-space-y-sm > .col-md-10, #multipayee_transfer_v2 .row-space-y-sm > .col-md-11, #multipayee_transfer_v2 .row-space-y-sm > .col-md-12, #multipayee_transfer_v2 .row-space-y-sm > .col-md-2, #multipayee_transfer_v2 .row-space-y-sm > .col-md-3, #multipayee_transfer_v2 .row-space-y-sm > .col-md-4, #multipayee_transfer_v2 .row-space-y-sm > .col-md-5, #multipayee_transfer_v2 .row-space-y-sm > .col-md-6, #multipayee_transfer_v2 .row-space-y-sm > .col-md-7, #multipayee_transfer_v2 .row-space-y-sm > .col-md-8, #multipayee_transfer_v2 .row-space-y-sm > .col-md-9, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-1, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-10, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-11, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-12, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-2, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-3, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-4, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-5, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-6, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-7, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-8, #multipayee_transfer_v2 .row-space-y-sm > .col-sm-9, #multipayee_transfer_v2 .row-space-y-sm > .col-1, #multipayee_transfer_v2 .row-space-y-sm > .col-10, #multipayee_transfer_v2 .row-space-y-sm > .col-11, #multipayee_transfer_v2 .row-space-y-sm > .col-12, #multipayee_transfer_v2 .row-space-y-sm > .col-2, #multipayee_transfer_v2 .row-space-y-sm > .col-3, #multipayee_transfer_v2 .row-space-y-sm > .col-4, #multipayee_transfer_v2 .row-space-y-sm > .col-5, #multipayee_transfer_v2 .row-space-y-sm > .col-6, #multipayee_transfer_v2 .row-space-y-sm > .col-7, #multipayee_transfer_v2 .row-space-y-sm > .col-8, #multipayee_transfer_v2 .row-space-y-sm > .col-9, #multipayee_transfer_v2 .row-space-y-sm > .col {
  padding-top: 5px;
  padding-bottom: 5px;
}

#multipayee_transfer_v2 .row-space-y-md {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

#multipayee_transfer_v2 .row-space-y-md > .col-xl-1, #multipayee_transfer_v2 .row-space-y-md > .col-xl-2, #multipayee_transfer_v2 .row-space-y-md > .col-xl-3, #multipayee_transfer_v2 .row-space-y-md > .col-xl-4, #multipayee_transfer_v2 .row-space-y-md > .col-xl-5, #multipayee_transfer_v2 .row-space-y-md > .col-xl-6, #multipayee_transfer_v2 .row-space-y-md > .col-xl-7, #multipayee_transfer_v2 .row-space-y-md > .col-xl-8, #multipayee_transfer_v2 .row-space-y-md > .col-xl-9, #multipayee_transfer_v2 .row-space-y-md > .col-xl-10, #multipayee_transfer_v2 .row-space-y-md > .col-xl-11, #multipayee_transfer_v2 .row-space-y-md > .col-xl-12, #multipayee_transfer_v2 .row-space-y-md > .col-lg-1, #multipayee_transfer_v2 .row-space-y-md > .col-lg-10, #multipayee_transfer_v2 .row-space-y-md > .col-lg-11, #multipayee_transfer_v2 .row-space-y-md > .col-lg-12, #multipayee_transfer_v2 .row-space-y-md > .col-lg-2, #multipayee_transfer_v2 .row-space-y-md > .col-lg-3, #multipayee_transfer_v2 .row-space-y-md > .col-lg-4, #multipayee_transfer_v2 .row-space-y-md > .col-lg-5, #multipayee_transfer_v2 .row-space-y-md > .col-lg-6, #multipayee_transfer_v2 .row-space-y-md > .col-lg-7, #multipayee_transfer_v2 .row-space-y-md > .col-lg-8, #multipayee_transfer_v2 .row-space-y-md > .col-lg-9, #multipayee_transfer_v2 .row-space-y-md > .col-md-1, #multipayee_transfer_v2 .row-space-y-md > .col-md-10, #multipayee_transfer_v2 .row-space-y-md > .col-md-11, #multipayee_transfer_v2 .row-space-y-md > .col-md-12, #multipayee_transfer_v2 .row-space-y-md > .col-md-2, #multipayee_transfer_v2 .row-space-y-md > .col-md-3, #multipayee_transfer_v2 .row-space-y-md > .col-md-4, #multipayee_transfer_v2 .row-space-y-md > .col-md-5, #multipayee_transfer_v2 .row-space-y-md > .col-md-6, #multipayee_transfer_v2 .row-space-y-md > .col-md-7, #multipayee_transfer_v2 .row-space-y-md > .col-md-8, #multipayee_transfer_v2 .row-space-y-md > .col-md-9, #multipayee_transfer_v2 .row-space-y-md > .col-sm-1, #multipayee_transfer_v2 .row-space-y-md > .col-sm-10, #multipayee_transfer_v2 .row-space-y-md > .col-sm-11, #multipayee_transfer_v2 .row-space-y-md > .col-sm-12, #multipayee_transfer_v2 .row-space-y-md > .col-sm-2, #multipayee_transfer_v2 .row-space-y-md > .col-sm-3, #multipayee_transfer_v2 .row-space-y-md > .col-sm-4, #multipayee_transfer_v2 .row-space-y-md > .col-sm-5, #multipayee_transfer_v2 .row-space-y-md > .col-sm-6, #multipayee_transfer_v2 .row-space-y-md > .col-sm-7, #multipayee_transfer_v2 .row-space-y-md > .col-sm-8, #multipayee_transfer_v2 .row-space-y-md > .col-sm-9, #multipayee_transfer_v2 .row-space-y-md > .col-1, #multipayee_transfer_v2 .row-space-y-md > .col-10, #multipayee_transfer_v2 .row-space-y-md > .col-11, #multipayee_transfer_v2 .row-space-y-md > .col-12, #multipayee_transfer_v2 .row-space-y-md > .col-2, #multipayee_transfer_v2 .row-space-y-md > .col-3, #multipayee_transfer_v2 .row-space-y-md > .col-4, #multipayee_transfer_v2 .row-space-y-md > .col-5, #multipayee_transfer_v2 .row-space-y-md > .col-6, #multipayee_transfer_v2 .row-space-y-md > .col-7, #multipayee_transfer_v2 .row-space-y-md > .col-8, #multipayee_transfer_v2 .row-space-y-md > .col-9, #multipayee_transfer_v2 .row-space-y-md > .col {
  padding-top: 10px;
  padding-bottom: 10px;
}

#multipayee_transfer_v2 .row-space-x-sm {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

#multipayee_transfer_v2 .row-space-x-sm > .col-xl-1, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-2, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-3, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-4, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-5, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-6, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-7, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-8, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-9, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-10, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-11, #multipayee_transfer_v2 .row-space-x-sm > .col-xl-12, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-1, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-10, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-11, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-12, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-2, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-3, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-4, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-5, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-6, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-7, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-8, #multipayee_transfer_v2 .row-space-x-sm > .col-lg-9, #multipayee_transfer_v2 .row-space-x-sm > .col-md-1, #multipayee_transfer_v2 .row-space-x-sm > .col-md-10, #multipayee_transfer_v2 .row-space-x-sm > .col-md-11, #multipayee_transfer_v2 .row-space-x-sm > .col-md-12, #multipayee_transfer_v2 .row-space-x-sm > .col-md-2, #multipayee_transfer_v2 .row-space-x-sm > .col-md-3, #multipayee_transfer_v2 .row-space-x-sm > .col-md-4, #multipayee_transfer_v2 .row-space-x-sm > .col-md-5, #multipayee_transfer_v2 .row-space-x-sm > .col-md-6, #multipayee_transfer_v2 .row-space-x-sm > .col-md-7, #multipayee_transfer_v2 .row-space-x-sm > .col-md-8, #multipayee_transfer_v2 .row-space-x-sm > .col-md-9, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-1, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-10, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-11, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-12, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-2, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-3, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-4, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-5, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-6, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-7, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-8, #multipayee_transfer_v2 .row-space-x-sm > .col-sm-9, #multipayee_transfer_v2 .row-space-x-sm > .col-1, #multipayee_transfer_v2 .row-space-x-sm > .col-10, #multipayee_transfer_v2 .row-space-x-sm > .col-11, #multipayee_transfer_v2 .row-space-x-sm > .col-12, #multipayee_transfer_v2 .row-space-x-sm > .col-2, #multipayee_transfer_v2 .row-space-x-sm > .col-3, #multipayee_transfer_v2 .row-space-x-sm > .col-4, #multipayee_transfer_v2 .row-space-x-sm > .col-5, #multipayee_transfer_v2 .row-space-x-sm > .col-6, #multipayee_transfer_v2 .row-space-x-sm > .col-7, #multipayee_transfer_v2 .row-space-x-sm > .col-8, #multipayee_transfer_v2 .row-space-x-sm > .col-9, #multipayee_transfer_v2 .row-space-x-sm > .col {
  padding-right: 5px;
  padding-left: 5px;
}

@media (max-width: 768px) {
  #multipayee_transfer_v2 .row-space-x-sm > [class*="col-"] {
    margin-bottom: 0px;
  }
}

#multipayee_transfer_v2 .row-space-x-md {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

#multipayee_transfer_v2 .row-space-x-md > .col-xl-1, #multipayee_transfer_v2 .row-space-x-md > .col-xl-2, #multipayee_transfer_v2 .row-space-x-md > .col-xl-3, #multipayee_transfer_v2 .row-space-x-md > .col-xl-4, #multipayee_transfer_v2 .row-space-x-md > .col-xl-5, #multipayee_transfer_v2 .row-space-x-md > .col-xl-6, #multipayee_transfer_v2 .row-space-x-md > .col-xl-7, #multipayee_transfer_v2 .row-space-x-md > .col-xl-8, #multipayee_transfer_v2 .row-space-x-md > .col-xl-9, #multipayee_transfer_v2 .row-space-x-md > .col-xl-10, #multipayee_transfer_v2 .row-space-x-md > .col-xl-11, #multipayee_transfer_v2 .row-space-x-md > .col-xl-12, #multipayee_transfer_v2 .row-space-x-md > .col-lg-1, #multipayee_transfer_v2 .row-space-x-md > .col-lg-10, #multipayee_transfer_v2 .row-space-x-md > .col-lg-11, #multipayee_transfer_v2 .row-space-x-md > .col-lg-12, #multipayee_transfer_v2 .row-space-x-md > .col-lg-2, #multipayee_transfer_v2 .row-space-x-md > .col-lg-3, #multipayee_transfer_v2 .row-space-x-md > .col-lg-4, #multipayee_transfer_v2 .row-space-x-md > .col-lg-5, #multipayee_transfer_v2 .row-space-x-md > .col-lg-6, #multipayee_transfer_v2 .row-space-x-md > .col-lg-7, #multipayee_transfer_v2 .row-space-x-md > .col-lg-8, #multipayee_transfer_v2 .row-space-x-md > .col-lg-9, #multipayee_transfer_v2 .row-space-x-md > .col-md-1, #multipayee_transfer_v2 .row-space-x-md > .col-md-10, #multipayee_transfer_v2 .row-space-x-md > .col-md-11, #multipayee_transfer_v2 .row-space-x-md > .col-md-12, #multipayee_transfer_v2 .row-space-x-md > .col-md-2, #multipayee_transfer_v2 .row-space-x-md > .col-md-3, #multipayee_transfer_v2 .row-space-x-md > .col-md-4, #multipayee_transfer_v2 .row-space-x-md > .col-md-5, #multipayee_transfer_v2 .row-space-x-md > .col-md-6, #multipayee_transfer_v2 .row-space-x-md > .col-md-7, #multipayee_transfer_v2 .row-space-x-md > .col-md-8, #multipayee_transfer_v2 .row-space-x-md > .col-md-9, #multipayee_transfer_v2 .row-space-x-md > .col-sm-1, #multipayee_transfer_v2 .row-space-x-md > .col-sm-10, #multipayee_transfer_v2 .row-space-x-md > .col-sm-11, #multipayee_transfer_v2 .row-space-x-md > .col-sm-12, #multipayee_transfer_v2 .row-space-x-md > .col-sm-2, #multipayee_transfer_v2 .row-space-x-md > .col-sm-3, #multipayee_transfer_v2 .row-space-x-md > .col-sm-4, #multipayee_transfer_v2 .row-space-x-md > .col-sm-5, #multipayee_transfer_v2 .row-space-x-md > .col-sm-6, #multipayee_transfer_v2 .row-space-x-md > .col-sm-7, #multipayee_transfer_v2 .row-space-x-md > .col-sm-8, #multipayee_transfer_v2 .row-space-x-md > .col-sm-9, #multipayee_transfer_v2 .row-space-x-md > .col-1, #multipayee_transfer_v2 .row-space-x-md > .col-10, #multipayee_transfer_v2 .row-space-x-md > .col-11, #multipayee_transfer_v2 .row-space-x-md > .col-12, #multipayee_transfer_v2 .row-space-x-md > .col-2, #multipayee_transfer_v2 .row-space-x-md > .col-3, #multipayee_transfer_v2 .row-space-x-md > .col-4, #multipayee_transfer_v2 .row-space-x-md > .col-5, #multipayee_transfer_v2 .row-space-x-md > .col-6, #multipayee_transfer_v2 .row-space-x-md > .col-7, #multipayee_transfer_v2 .row-space-x-md > .col-8, #multipayee_transfer_v2 .row-space-x-md > .col-9, #multipayee_transfer_v2 .row-space-x-md > .col {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 768px) {
  #multipayee_transfer_v2 .row-space-x-md > [class*="col-"] {
    margin-bottom: 0px;
  }
}

#multipayee_transfer_v2 .row-space-x-med {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important;
}

#multipayee_transfer_v2 .row-space-x-med > .col-xl-1, #multipayee_transfer_v2 .row-space-x-med > .col-xl-2, #multipayee_transfer_v2 .row-space-x-med > .col-xl-3, #multipayee_transfer_v2 .row-space-x-med > .col-xl-4, #multipayee_transfer_v2 .row-space-x-med > .col-xl-5, #multipayee_transfer_v2 .row-space-x-med > .col-xl-6, #multipayee_transfer_v2 .row-space-x-med > .col-xl-7, #multipayee_transfer_v2 .row-space-x-med > .col-xl-8, #multipayee_transfer_v2 .row-space-x-med > .col-xl-9, #multipayee_transfer_v2 .row-space-x-med > .col-xl-10, #multipayee_transfer_v2 .row-space-x-med > .col-xl-11, #multipayee_transfer_v2 .row-space-x-med > .col-xl-12, #multipayee_transfer_v2 .row-space-x-med > .col-lg-1, #multipayee_transfer_v2 .row-space-x-med > .col-lg-10, #multipayee_transfer_v2 .row-space-x-med > .col-lg-11, #multipayee_transfer_v2 .row-space-x-med > .col-lg-12, #multipayee_transfer_v2 .row-space-x-med > .col-lg-2, #multipayee_transfer_v2 .row-space-x-med > .col-lg-3, #multipayee_transfer_v2 .row-space-x-med > .col-lg-4, #multipayee_transfer_v2 .row-space-x-med > .col-lg-5, #multipayee_transfer_v2 .row-space-x-med > .col-lg-6, #multipayee_transfer_v2 .row-space-x-med > .col-lg-7, #multipayee_transfer_v2 .row-space-x-med > .col-lg-8, #multipayee_transfer_v2 .row-space-x-med > .col-lg-9, #multipayee_transfer_v2 .row-space-x-med > .col-md-1, #multipayee_transfer_v2 .row-space-x-med > .col-md-10, #multipayee_transfer_v2 .row-space-x-med > .col-md-11, #multipayee_transfer_v2 .row-space-x-med > .col-md-12, #multipayee_transfer_v2 .row-space-x-med > .col-md-2, #multipayee_transfer_v2 .row-space-x-med > .col-md-3, #multipayee_transfer_v2 .row-space-x-med > .col-md-4, #multipayee_transfer_v2 .row-space-x-med > .col-md-5, #multipayee_transfer_v2 .row-space-x-med > .col-md-6, #multipayee_transfer_v2 .row-space-x-med > .col-md-7, #multipayee_transfer_v2 .row-space-x-med > .col-md-8, #multipayee_transfer_v2 .row-space-x-med > .col-md-9, #multipayee_transfer_v2 .row-space-x-med > .col-sm-1, #multipayee_transfer_v2 .row-space-x-med > .col-sm-10, #multipayee_transfer_v2 .row-space-x-med > .col-sm-11, #multipayee_transfer_v2 .row-space-x-med > .col-sm-12, #multipayee_transfer_v2 .row-space-x-med > .col-sm-2, #multipayee_transfer_v2 .row-space-x-med > .col-sm-3, #multipayee_transfer_v2 .row-space-x-med > .col-sm-4, #multipayee_transfer_v2 .row-space-x-med > .col-sm-5, #multipayee_transfer_v2 .row-space-x-med > .col-sm-6, #multipayee_transfer_v2 .row-space-x-med > .col-sm-7, #multipayee_transfer_v2 .row-space-x-med > .col-sm-8, #multipayee_transfer_v2 .row-space-x-med > .col-sm-9, #multipayee_transfer_v2 .row-space-x-med > .col-1, #multipayee_transfer_v2 .row-space-x-med > .col-10, #multipayee_transfer_v2 .row-space-x-med > .col-11, #multipayee_transfer_v2 .row-space-x-med > .col-12, #multipayee_transfer_v2 .row-space-x-med > .col-2, #multipayee_transfer_v2 .row-space-x-med > .col-3, #multipayee_transfer_v2 .row-space-x-med > .col-4, #multipayee_transfer_v2 .row-space-x-med > .col-5, #multipayee_transfer_v2 .row-space-x-med > .col-6, #multipayee_transfer_v2 .row-space-x-med > .col-7, #multipayee_transfer_v2 .row-space-x-med > .col-8, #multipayee_transfer_v2 .row-space-x-med > .col-9, #multipayee_transfer_v2 .row-space-x-med > .col {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

@media (max-width: 768px) {
  #multipayee_transfer_v2 .row-space-x-med > [class*="col-"] {
    margin-bottom: 0px;
  }
}

#multipayee_transfer_v2 .row-space-x-lg > .col-xl-1, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-2, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-3, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-4, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-5, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-6, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-7, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-8, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-9, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-10, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-11, #multipayee_transfer_v2 .row-space-x-lg > .col-xl-12, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-1, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-10, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-11, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-12, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-2, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-3, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-4, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-5, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-6, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-7, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-8, #multipayee_transfer_v2 .row-space-x-lg > .col-lg-9, #multipayee_transfer_v2 .row-space-x-lg > .col-md-1, #multipayee_transfer_v2 .row-space-x-lg > .col-md-10, #multipayee_transfer_v2 .row-space-x-lg > .col-md-11, #multipayee_transfer_v2 .row-space-x-lg > .col-md-12, #multipayee_transfer_v2 .row-space-x-lg > .col-md-2, #multipayee_transfer_v2 .row-space-x-lg > .col-md-3, #multipayee_transfer_v2 .row-space-x-lg > .col-md-4, #multipayee_transfer_v2 .row-space-x-lg > .col-md-5, #multipayee_transfer_v2 .row-space-x-lg > .col-md-6, #multipayee_transfer_v2 .row-space-x-lg > .col-md-7, #multipayee_transfer_v2 .row-space-x-lg > .col-md-8, #multipayee_transfer_v2 .row-space-x-lg > .col-md-9, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-1, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-10, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-11, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-12, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-2, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-3, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-4, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-5, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-6, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-7, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-8, #multipayee_transfer_v2 .row-space-x-lg > .col-sm-9, #multipayee_transfer_v2 .row-space-x-lg > .col-1, #multipayee_transfer_v2 .row-space-x-lg > .col-10, #multipayee_transfer_v2 .row-space-x-lg > .col-11, #multipayee_transfer_v2 .row-space-x-lg > .col-12, #multipayee_transfer_v2 .row-space-x-lg > .col-2, #multipayee_transfer_v2 .row-space-x-lg > .col-3, #multipayee_transfer_v2 .row-space-x-lg > .col-4, #multipayee_transfer_v2 .row-space-x-lg > .col-5, #multipayee_transfer_v2 .row-space-x-lg > .col-6, #multipayee_transfer_v2 .row-space-x-lg > .col-7, #multipayee_transfer_v2 .row-space-x-lg > .col-8, #multipayee_transfer_v2 .row-space-x-lg > .col-9, #multipayee_transfer_v2 .row-space-x-lg > .col {
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 768px) {
  #multipayee_transfer_v2 .row-space-x-lg > [class*="col-"] {
    margin-bottom: 0px;
  }
}

@media (max-width: 430px) {
  #multipayee_transfer_v2 .row-space-x-lg .mt-2 {
    margin-top: 2.0rem;
  }
}

#multipayee_transfer_v2 .row-space-mb > .col-xl-1, #multipayee_transfer_v2 .row-space-mb > .col-xl-2, #multipayee_transfer_v2 .row-space-mb > .col-xl-3, #multipayee_transfer_v2 .row-space-mb > .col-xl-4, #multipayee_transfer_v2 .row-space-mb > .col-xl-5, #multipayee_transfer_v2 .row-space-mb > .col-xl-6, #multipayee_transfer_v2 .row-space-mb > .col-xl-7, #multipayee_transfer_v2 .row-space-mb > .col-xl-8, #multipayee_transfer_v2 .row-space-mb > .col-xl-9, #multipayee_transfer_v2 .row-space-mb > .col-xl-10, #multipayee_transfer_v2 .row-space-mb > .col-xl-11, #multipayee_transfer_v2 .row-space-mb > .col-xl-12, #multipayee_transfer_v2 .row-space-mb > .col-lg-1, #multipayee_transfer_v2 .row-space-mb > .col-lg-10, #multipayee_transfer_v2 .row-space-mb > .col-lg-11, #multipayee_transfer_v2 .row-space-mb > .col-lg-12, #multipayee_transfer_v2 .row-space-mb > .col-lg-2, #multipayee_transfer_v2 .row-space-mb > .col-lg-3, #multipayee_transfer_v2 .row-space-mb > .col-lg-4, #multipayee_transfer_v2 .row-space-mb > .col-lg-5, #multipayee_transfer_v2 .row-space-mb > .col-lg-6, #multipayee_transfer_v2 .row-space-mb > .col-lg-7, #multipayee_transfer_v2 .row-space-mb > .col-lg-8, #multipayee_transfer_v2 .row-space-mb > .col-lg-9, #multipayee_transfer_v2 .row-space-mb > .col-md-1, #multipayee_transfer_v2 .row-space-mb > .col-md-10, #multipayee_transfer_v2 .row-space-mb > .col-md-11, #multipayee_transfer_v2 .row-space-mb > .col-md-12, #multipayee_transfer_v2 .row-space-mb > .col-md-2, #multipayee_transfer_v2 .row-space-mb > .col-md-3, #multipayee_transfer_v2 .row-space-mb > .col-md-4, #multipayee_transfer_v2 .row-space-mb > .col-md-5, #multipayee_transfer_v2 .row-space-mb > .col-md-6, #multipayee_transfer_v2 .row-space-mb > .col-md-7, #multipayee_transfer_v2 .row-space-mb > .col-md-8, #multipayee_transfer_v2 .row-space-mb > .col-md-9, #multipayee_transfer_v2 .row-space-mb > .col-sm-1, #multipayee_transfer_v2 .row-space-mb > .col-sm-10, #multipayee_transfer_v2 .row-space-mb > .col-sm-11, #multipayee_transfer_v2 .row-space-mb > .col-sm-12, #multipayee_transfer_v2 .row-space-mb > .col-sm-2, #multipayee_transfer_v2 .row-space-mb > .col-sm-3, #multipayee_transfer_v2 .row-space-mb > .col-sm-4, #multipayee_transfer_v2 .row-space-mb > .col-sm-5, #multipayee_transfer_v2 .row-space-mb > .col-sm-6, #multipayee_transfer_v2 .row-space-mb > .col-sm-7, #multipayee_transfer_v2 .row-space-mb > .col-sm-8, #multipayee_transfer_v2 .row-space-mb > .col-sm-9, #multipayee_transfer_v2 .row-space-mb > .col-1, #multipayee_transfer_v2 .row-space-mb > .col-10, #multipayee_transfer_v2 .row-space-mb > .col-11, #multipayee_transfer_v2 .row-space-mb > .col-12, #multipayee_transfer_v2 .row-space-mb > .col-2, #multipayee_transfer_v2 .row-space-mb > .col-3, #multipayee_transfer_v2 .row-space-mb > .col-4, #multipayee_transfer_v2 .row-space-mb > .col-5, #multipayee_transfer_v2 .row-space-mb > .col-6, #multipayee_transfer_v2 .row-space-mb > .col-7, #multipayee_transfer_v2 .row-space-mb > .col-8, #multipayee_transfer_v2 .row-space-mb > .col-9, #multipayee_transfer_v2 .row-space-mb > .col {
  margin-bottom: 20px;
}

#multipayee_transfer_v2 .row-space-mb > .col-xl-1 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-2 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-3 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-4 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-5 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-6 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-7 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-8 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-9 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-10 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-11 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-xl-12 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-1 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-10 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-11 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-12 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-2 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-3 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-4 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-5 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-6 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-7 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-8 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-lg-9 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-1 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-10 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-11 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-12 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-2 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-3 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-4 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-5 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-6 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-7 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-8 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-md-9 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-1 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-10 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-11 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-12 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-2 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-3 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-4 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-5 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-6 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-7 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-8 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-sm-9 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-1 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-10 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-11 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-12 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-2 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-3 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-4 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-5 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-6 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-7 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-8 .form-group, #multipayee_transfer_v2 .row-space-mb > .col-9 .form-group, #multipayee_transfer_v2 .row-space-mb > .col .form-group {
  margin-bottom: 0px;
}

#multipayee_transfer_v2 .grid-contain-space-x-md {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px !important;
  margin-right: -10px !important;
}

#multipayee_transfer_v2 .grid-contain-space-x-md > .grid-item-space {
  padding-right: 10px;
  padding-left: 10px;
}

#multipayee_transfer_v2 .grid-contain-space-x-lg {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

#multipayee_transfer_v2 .grid-contain-space-x-lg > .grid-item-space {
  padding-right: 15px;
  padding-left: 15px;
}

#multipayee_transfer_v2 .grid-contain-space-x-xl {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px !important;
  margin-right: -20px !important;
}

#multipayee_transfer_v2 .grid-contain-space-x-xl > .grid-item-space {
  padding-right: 20px;
  padding-left: 20px;
}

#multipayee_transfer_v2 .action-row-space {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -15px !important;
}

#multipayee_transfer_v2 .action-row-space > .form-group {
  padding: 10px 10px;
  margin-bottom: 0px;
}

#multipayee_transfer_v2 .border-bottom-1 {
  border-bottom: 1px solid rgba(45, 95, 178, 0.35);
}

#multipayee_transfer_v2 .btn.left-icon-btn {
  padding-left: 60px;
}

#multipayee_transfer_v2 .btn.back-arrow-btn {
  position: relative;
  /* background-size: 12px;
      background-position: right 12px center; */
}

#multipayee_transfer_v2 .btn.back-arrow-btn::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 15px;
  top: 11.5px;
  left: 24px;
  z-index: 1;
  background-image: url("../img/arrow_left_icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#multipayee_transfer_v2 .move-money-icon {
  width: 37px;
}

#multipayee_transfer_v2 .pay-your-bills-icon {
  width: 41px;
}

#multipayee_transfer_v2 .saved-recipient-icon {
  width: 43px;
}

#multipayee_transfer_v2 .scheduled-icon {
  width: 40px;
}

#multipayee_transfer_v2 .right-arrow-icon {
  width: 10px;
  height: 15px;
}

#multipayee_transfer_v2 .right-arrow-lg-icon {
  width: 14px;
}

#multipayee_transfer_v2 .calendar-icon {
  width: 15px;
}

#multipayee_transfer_v2 .calendar-lg-icon {
  width: 20px;
}

#multipayee_transfer_v2 .calendar-circle-icon {
  width: 19px;
}

#multipayee_transfer_v2 .repeating-transfer-icon {
  width: 16px;
}

#multipayee_transfer_v2 .right-arrow-circle-icon {
  width: 19px;
}

#multipayee_transfer_v2 .close-circle-icon {
  width: 19px;
}

#multipayee_transfer_v2 .tick-circle-white-icon {
  width: 30px;
}

#multipayee_transfer_v2 .tick-circle-green-icon {
  width: 19px;
}

#multipayee_transfer_v2 .share-icon {
  width: 19px;
}

#multipayee_transfer_v2 .print-icon {
  width: 19px;
}

#multipayee_transfer_v2 .error-message-cross-icon {
  width: 19px;
  height: 19px;
}

#multipayee_transfer_v2 .info-icon {
  width: 19px;
  height: 19px;
}

#multipayee_transfer_v2 .pagination {
  border-radius: 0px;
  padding: 30px 0px;
}

#multipayee_transfer_v2 .pagination .page-item .page-link {
  padding: 0px 0px;
  margin: 0px 10px;
  border-style: none;
  border-bottom: 1px solid rgba(45, 95, 178, 0.35);
}

#multipayee_transfer_v2 .pagination .page-item .arrow-link {
  border-bottom-style: none;
}

#multipayee_transfer_v2 .pagination .page-item.active .page-link {
  background-color: transparent;
  color: #2a2a2a;
  border-bottom-style: none;
}

#multipayee_transfer_v2 .alert {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 8px;
}

#multipayee_transfer_v2 .alert .alert-contain-content {
  display: flex;
  align-items: center;
}

#multipayee_transfer_v2 .alert .close {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.8);
  opacity: 1;
  margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
  #multipayee_transfer_v2 .alert-close-wrap {
    justify-content: space-between;
  }
  #multipayee_transfer_v2 .alert-close-wrap .close {
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  #multipayee_transfer_v2 .alert-close-wrap {
    flex-direction: column;
    align-items: start;
  }
  #multipayee_transfer_v2 .alert-close-wrap .error-message-cross-icon {
    display: none;
  }
  #multipayee_transfer_v2 .alert-close-wrap .close {
    margin-top: 10px;
  }
}

#multipayee_transfer_v2 .alert-close-wrap .close {
  position: relative;
  padding: 0px;
  white-space: nowrap;
}

#multipayee_transfer_v2 .success-bg-color {
  background-color: green !important;
}

#multipayee_transfer_v2 .input-search {
  padding-left: 47px;
  background: url(../img/search_blue_icon.png) no-repeat;
  background-size: 19px 18px;
  background-position: 12px center;
}

#multipayee_transfer_v2 .olb_select_link {
  padding: 0.375rem 0.25rem;
}

#multipayee_transfer_v2 .olb_select_link > a {
  padding: 2.5px 5px;
  font-size: 1rem;
  line-height: 14px;
  margin: 2.5px;
  border-radius: 4px;
}

#multipayee_transfer_v2 .olb_select_link.right-column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#multipayee_transfer_v2 .olb_select_link.left-column {
  display: flex;
  flex-direction: column;
}

#multipayee_transfer_v2 .olb_select_link.right-row {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

#multipayee_transfer_v2 .olb_select_link_img {
  margin-right: 10px;
}

#multipayee_transfer_v2 .acc-row {
  border-radius: 5px;
  width: 100%;
  padding: 6px 6px;
}

#multipayee_transfer_v2 .acc-row .acc-details .acc-type {
  display: block;
  font-size: 1rem;
  line-height: 21px;
  color: #76767e;
}

#multipayee_transfer_v2 .acc-row .acc-details .ft_business_name {
  color: #76767e;
}

#multipayee_transfer_v2 .acc-row .acc-number-amount-col {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin-top: 3px;
}

#multipayee_transfer_v2 .acc-row .acc-number-amount-col .acc-number {
  width: calc(100% - 150px);
  width: 100px;
  color: #76767e;
  display: flex;
}

#multipayee_transfer_v2 .acc-row .acc-number-amount-col .acc-amount {
  width: 150px;
  width: calc(100% - 100px);
  text-align: right;
  align-self: flex-end;
  color: #76767e;
}

#multipayee_transfer_v2 .acc-row .acc-number-amount-col .ft_business_name {
  color: #76767e;
}

#multipayee_transfer_v2 .acc-row.saving-acc-row {
  border-left: 10px solid #20E1CD;
}

#multipayee_transfer_v2 .acc-row.checking-acc-row {
  border-left: 10px solid #95D4EA;
}

#multipayee_transfer_v2 .acc-row.moneymarket-acc-row {
  border-left: 10px solid #FBCBB9;
}

#multipayee_transfer_v2 .acc-row.acc-row-border {
  border-left-width: 10px;
}

#multipayee_transfer_v2 li .acc-row .acc-number {
  width: 75px !important;
}

#multipayee_transfer_v2 li .acc-row .acc-amount {
  width: calc(100% - 75px) !important;
}

#multipayee_transfer_v2 .reci-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: -8px;
}

#multipayee_transfer_v2 .reci-row .reci-round-col {
  width: 46px;
  padding: 7px 8px;
}

#multipayee_transfer_v2 .reci-row .reci-round-col .reci-round {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 2px 10px #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}

#multipayee_transfer_v2 .reci-row .reci-details-col {
  width: calc(100% - 46px);
  padding: 8px;
  color: #76767e;
}

#multipayee_transfer_v2 .reci-row .reci-details-col .reci-name {
  font-size: 1rem;
  line-height: 21px;
  margin-bottom: 3px;
  word-wrap: break-word;
}

#multipayee_transfer_v2 .reci-row .reci-details-col .reci-details-para-row {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

#multipayee_transfer_v2 .reci-row .reci-details-col .reci-details-para-row .reci-details-para-primary {
  width: calc(100% - 150px);
}

#multipayee_transfer_v2 .reci-row .reci-details-col .reci-details-para-row .reci-details-para-secondary {
  width: 150px;
  text-align: right;
  align-self: flex-end;
}

#multipayee_transfer_v2 .reci-row .reci-details-col .reci-details-para {
  color: #76767e;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#multipayee_transfer_v2 .step-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

#multipayee_transfer_v2 .step-row::after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  border-radius: 4px;
  border-bottom: 4px solid #D5D6D7;
}

#multipayee_transfer_v2 .step-row .step-col {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  font-weight: 400;
}

#multipayee_transfer_v2 .step-row .step-col > span {
  padding: 4px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
}

#multipayee_transfer_v2 .step-row .step-col:first-child > span {
  padding-left: 0px;
}

#multipayee_transfer_v2 .step-row .step-col.active {
  font-weight: 700;
}

#multipayee_transfer_v2 .step-row .step-col.active::after {
  content: '';
  border-bottom: 4px solid #151F6D;
  border-radius: 4px;
  z-index: 1;
  position: relative;
  display: block;
}

#multipayee_transfer_v2 .step-row .step-col.success {
  font-weight: 700;
}

#multipayee_transfer_v2 .step-row .step-col.success::after {
  content: '';
  border-bottom: 4px solid green;
  border-radius: 4px;
  z-index: 1;
  position: relative;
  display: block;
}

#multipayee_transfer_v2 .step-row .step-col.errors_block {
  font-weight: 700;
}

#multipayee_transfer_v2 .step-row .step-col.errors_block::after {
  content: '';
  border-bottom: 4px solid #DF1724;
  border-radius: 4px;
  z-index: 1;
  position: relative;
  display: block;
}

#multipayee_transfer_v2 .step-row .step-col.pending_block {
  font-weight: 700;
}

#multipayee_transfer_v2 .step-row .step-col.pending_block::after {
  content: '';
  border-bottom: 4px solid #FFF5EA;
  border-radius: 4px;
  z-index: 1;
  position: relative;
  display: block;
}

#multipayee_transfer_v2 .step-row .step-col:not(:first-child).active::after {
  margin-left: -4px;
}

#multipayee_transfer_v2 .font-color-red {
  color: red;
}

#multipayee_transfer_v2 .recipients-header {
  padding: 20px;
  border-radius: inherit;
  background-color: #F6F6F9;
}

#multipayee_transfer_v2 .recipients-body {
  padding: 20px;
}

#multipayee_transfer_v2 .recipients-body .acc-row {
  border-left-width: 8.33px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
}

#multipayee_transfer_v2 .recipients-header-row {
  align-items: center;
}

#multipayee_transfer_v2 .recipients-header-details {
  display: flex;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  width: 100%;
}

#multipayee_transfer_v2 .recipients-header-details .acc-row {
  border-left-width: 4px;
}

#multipayee_transfer_v2 .recipients-header-details .acc-row .acc-details {
  width: 100%;
}

#multipayee_transfer_v2 .recipients-header-details .reci-row {
  width: auto;
}

#multipayee_transfer_v2 .recipients-header-details .recipients-header-type {
  padding-left: 10px;
  padding-right: 10px;
}

#multipayee_transfer_v2 .recipients-header-details .recipients-header-arrow {
  padding-left: 10px;
  padding-right: 10px;
}

#multipayee_transfer_v2 .recipients-header-details .recipients-header-name {
  padding-left: 10px;
  padding-right: 10px;
}

#multipayee_transfer_v2 .bank-logo-box {
  border-radius: 6px;
  border: 1px solid #9BA0A3;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  height: 90px;
}

#multipayee_transfer_v2 .bank-logo-box:hover {
  box-shadow: 0px 1px 10px rgba(148, 148, 158, 0.352819);
}

#multipayee_transfer_v2 .bank-logo-box .bank-logo-img {
  max-height: 100%;
}

#multipayee_transfer_v2 .review-transfer-contain .acc-row, #multipayee_transfer_v2 .finish-transfer-contain .acc-row {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-left-width: 11.25px;
  padding: 6px 10px 9px;
  min-height: 80px;
}

#multipayee_transfer_v2 .review-transfer-contain .acc-row .acc-number-amount-col .acc-amount, #multipayee_transfer_v2 .finish-transfer-contain .acc-row .acc-number-amount-col .acc-amount {
  text-align: left;
}

#multipayee_transfer_v2 .review-transfer-contain .single_transfer_review .acc-row, #multipayee_transfer_v2 .finish-transfer-contain .single_transfer_review .acc-row {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 5px;
  position: relative;
  background-color: #F6F6F9;
  padding: 10px 10px 10px;
  min-height: 80px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
}

#multipayee_transfer_v2 .review-transfer-contain .single_transfer_review .acc-row .acc-number-amount-col .acc-amount, #multipayee_transfer_v2 .finish-transfer-contain .single_transfer_review .acc-row .acc-number-amount-col .acc-amount {
  text-align: right;
}

#multipayee_transfer_v2 .mask_number {
  color: rgba(0, 0, 0, 0.8);
}

#multipayee_transfer_v2 .single_transfer_review .reci-contain {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 5px;
  position: relative;
  background-color: #F6F6F9;
  padding: 10px 10px 10px;
  min-height: 80px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
}

#multipayee_transfer_v2.is_buisness_banking .single_transfer_review .reci-contain,
#multipayee_transfer_v2.is_buisness_banking .review-transfer-contain .single_transfer_review .acc-row,
#multipayee_transfer_v2.is_buisness_banking .finish-transfer-contain .single_transfer_review .acc-row {
  min-height: 90px;
}

#multipayee_transfer_v2 .single_transfer_review .reci-contain .reci-row {
  width: auto;
}

#multipayee_transfer_v2 .grey-sm-box {
  padding: 2px 5px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}

#multipayee_transfer_v2 .grey-md-box {
  padding: 5px 10px;
  border-radius: 8px;
  background-color: #FFFFFF;
}

#multipayee_transfer_v2 .recipients-list-item .box_shadow_for_payee {
  padding-top: 7px !important;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
  border-radius: 6px;
}

#multipayee_transfer_v2 .recipients-list-item a {
  color: #2a2a2a;
}

#multipayee_transfer_v2 .recipients-list-item .avatar-new {
  font-size: 0.875rem;
  line-height: 16px;
}

#multipayee_transfer_v2 .recipients-list-item .avatar-new .widgetAcronym {
  left: 50%;
}

#multipayee_transfer_v2 .recipients-list-item .information-tag {
  font-size: 0.875rem;
  line-height: 16px;
  color: #76767e;
}

#multipayee_transfer_v2 .coundown-timer {
  display: flex;
  justify-content: center;
}

#multipayee_transfer_v2 .coundown-timer .coundown-span {
  min-width: 45px;
}

#multipayee_transfer_v2 input.error {
  border: 1px solid #DF1724 !important;
}

#multipayee_transfer_v2 select.error + .styledSelect {
  border: 1px solid #DF1724 !important;
}

.input-group-prepend-error .input-group-text {
  border: 1px solid #DF1724 !important;
}

#multipayee_transfer_v2 span.error {
  margin-top: 5px;
  display: inline-block;
}

/*#multipayee_transfer_v2 .jcf-select .jcf-select-opener{
    width: 36px;
  }
  #multipayee_transfer_v2 .icon-arrow-down:before{
    content: "";
        position: absolute;
        width: 15px;
        height: 10px;;
        //top:14px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 1;
        background-image: url("../img/dropdown_arrow_icon.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
  }
  #multipayee_transfer_v2 .datepicker_common_icon{
    background: #fff url($Calendar_icon) no-repeat scroll right 8px center/21px 17px !important;
  }*/
#multipayee_transfer_v2 .transaction-review-outter-box {
  background-color: #FFFFFF;
  border-radius: 15px;
}

#multipayee_transfer_v2 .transaction-review-inner-box {
  border-radius: 20px;
}

#multipayee_transfer_v2 .transaction-status-outter-box {
  border-radius: 15px;
}

#multipayee_transfer_v2 .transaction-status-outter-box.error_block {
  border-radius: 15px;
}

#multipayee_transfer_v2 .transaction-status-outter-box.pending_block {
  border-radius: 15px;
}

#multipayee_transfer_v2 .transaction-status-inner-box {
  background-color: #FFFFFF;
  border-radius: 20px;
}

#multipayee_transfer_v2 #successfully-paid-text {
  font-size: 18px;
  font-weight: 800;
  fill: rgba(0, 0, 0, 0.1);
}

#multipayee_transfer_v2 #transaction_status_ammount_text {
  font-size: 36px;
  font-weight: 800;
  fill: rgba(0, 0, 0, 0.1);
}

#multipayee_transfer_v2 #transaction_status_labels .trasaction_from_label, #multipayee_transfer_v2 #transaction_status_labels .transaction_to_label {
  font-size: 1rem;
  font-weight: "normal";
}

#multipayee_transfer_v2 #transaction_status_labels .trsanction_remark_label {
  font-size: 1rem;
  font-weight: "normal";
  fill: #76767e;
}

#multipayee_transfer_v2 .transaction_status_source_account_box {
  background-color: #FFFFFF;
  color: #2a2a2a;
  width: 226px;
  height: 64px;
}

#multipayee_transfer_v2 .transaction_block_body {
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 12px 30px;
  position: relative;
}

#multipayee_transfer_v2 .transaction-block-body {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 12px 15px;
  position: relative;
  background-color: #FFFFFF;
}

#multipayee_transfer_v2 .transaction-successfull-block-body {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 12px 30px;
  position: relative;
  background-color: #E7EFF3;
  font-size: 16px;
}

#multipayee_transfer_v2 .transaction-failed-block-body {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 12px 30px;
  position: relative;
  background-color: #FFFFFF;
  font-size: 16px;
}

#multipayee_transfer_v2 .transaction-in-progress-block-body {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 12px 30px;
  position: relative;
  background-color: #FFFFFF;
  font-size: 16px;
}

#multipayee_transfer_v2 .transaction_id_block_body {
  width: 100%;
  border-radius: 10px;
  padding: 12px 15px;
  position: relative;
}

#multipayee_transfer_v2 .transaction_account_number {
  font-size: 0.875rem;
}

#multipayee_transfer_v2 .trasnaction_status_label {
  cursor: pointer;
}

#multipayee_transfer_v2 .transaction-final-outter-box {
  background-color: green;
  border-radius: 15px;
}

#multipayee_transfer_v2 #copiedIndicator {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  background-color: #E7EFF3;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-weight: 800;
}

#multipayee_transfer_form_v2 .display-4.text-muted {
  color: #999999 !important;
  font-weight: 700 !important;
  padding-left: 0 !important;
}

#multipayee_transfer_form_v2 .custom-checkbox-label-padding {
  display: inline-block;
  line-height: 1.4;
}

#multipayee_transfer_form_v2 .option-styling-radio label:not(.jcf-label-active) {
  border-radius: 20px;
  padding: 2px 8px 2px 8px;
  border: 1px solid #dddddd;
  cursor: pointer;
}

#multipayee_transfer_form_v2 .option-styling-radio label:is(.jcf-label-active) {
  background: #151F6D;
  border-radius: 20px;
  padding: 2px 8px 2px 8px;
  border: 1px solid #dddddd;
  cursor: pointer;
}

#multipayee_transfer_form_v2 .form-check-label.jcf-label-active {
  color: #ffffff;
}

#multipayee_transfer_form_v2 img.olb_option_recieve_money_img {
  vertical-align: text-bottom;
}

#multipayee_transfer_form_v2 img.olb_option_send_money_img {
  vertical-align: text-bottom;
}

#multipayee_transfer_form_v2 .option-styling-radio .form-check-label span.jcf-radio {
  display: none;
}

#multipayee_transfer_v2 .cutoff_message_box {
  background-color: #F6F6F9;
  border-radius: 10px;
}

@media screen and (min-width: 1200px) {
  #multipayee_transfer_v2 .text-right-xl {
    text-align: right !important;
  }
}

#multipayee_transfer_v2 .min-height-55 {
  min-height: 55px !important;
}

#fundTransfer .payment-list-button {
  position: relative;
}

#fundTransfer .payment-list-button .bg-warning {
  right: 0px;
  border-radius: 0px 4px 0px 0px;
}

.review-transfer-contain .reci-row .reci-details-col .reci-details-para .reci-details-para-name {
  width: auto;
}

.review-transfer-contain .acc-details {
  width: 100%;
}

#multipayee_transfer_v2 .text_color {
  color: rgba(0, 0, 0, 0.8);
}

#multipayee_transfer_v2 .transaction_id .text_color, #add_recipient .text_color {
  color: #151F6D;
}

/****************** Multifund Transfer v2 ends *****************/
#sso_privacy .mb-30 {
  margin-bottom: 30px;
}

#sso_privacy .mb-40 {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  #sso_privacy.error-pageView {
    text-align: center;
  }
}

#sso_privacy .row {
  align-items: center;
}

#sso_privacy .error-content h1 {
  font-size: 58px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

#sso_privacy .error-content p {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  max-width: 417px;
}

#sso_privacy .error-content p strong {
  font-family: Nunito Sans;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

#sso_privacy .error-content .btn {
  border-radius: 100px;
  height: 60px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
  max-width: 400px;
}

@media screen and (max-width: 767px) {
  #sso_privacy .error-content p {
    margin-left: auto;
    margin-right: auto;
  }
  #sso_privacy .error-content .btn {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  #sso_privacy .error-img-col {
    order: 2;
    text-align: right;
  }
}

#sso_privacy .error-img {
  max-width: 100%;
}

@media screen and (max-width: 1920px) {
  #sso_privacy .error-img {
    max-width: 483px;
  }
}

@media screen and (max-width: 767px) {
  #sso_privacy .error-img {
    max-width: 300px;
  }
}

.ux2 #qft_widget .styledSelect {
  border-radius: 0px !important;
  background-color: #FFFFFF !important;
  color: #2a2a2a;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important;
  height: 40px;
  padding: 10px 4px 4px 0px !important;
}

.ux2 #qft_widget .jcf-select-text {
  color: #2a2a2a !important;
  margin-left: 0px !important;
}

.ux2 #qft_widget .icon-arrow-down:before {
  color: rgba(0, 0, 0, 0.24) !important;
  font-size: 20px !important;
}

.ux2 #qft_widget label {
  color: #76767e !important;
  font-weight: 400;
}

#run_template #fund_transfer_start_date {
  max-width: 200px;
}

body.ux2.ux2-dark-mode #fundTransfer .flow2_card .flow2_card_description {
  color: #999999;
  font-size: 1rem;
  font-weight: 400;
}

body.ux2.ux2-dark-mode #multipayee_transfer_v2 .review-transfer-contain .acc-row, body.ux2.ux2-dark-mode #multipayee_transfer_v2 .finish-transfer-contain .acc-row {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-left-width: 11.25px;
  padding: 6px 10px 9px;
  min-height: 80px;
}

body.ux2.ux2-dark-mode #multipayee_transfer_v2 .review-transfer-contain .acc-row .acc-number-amount-col .acc-amount, body.ux2.ux2-dark-mode #multipayee_transfer_v2 .finish-transfer-contain .acc-row .acc-number-amount-col .acc-amount {
  text-align: left;
}

body.ux2.ux2-dark-mode #multipayee_transfer_v2 .review-transfer-contain .single_transfer_review .acc-row, body.ux2.ux2-dark-mode #multipayee_transfer_v2 .finish-transfer-contain .single_transfer_review .acc-row {
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  margin-bottom: 5px;
  position: relative;
  background-color: #F6F6F9;
  padding: 10px 10px 10px;
  min-height: 80px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
}

body.ux2.ux2-dark-mode #multipayee_transfer_v2 .review-transfer-contain .single_transfer_review .acc-row .acc-number-amount-col .acc-amount, body.ux2.ux2-dark-mode #multipayee_transfer_v2 .finish-transfer-contain .single_transfer_review .acc-row .acc-number-amount-col .acc-amount {
  text-align: right;
}

body.ux2.ux2-dark-mode #multipayee_transfer_form_v2 .option-styling-radio label:is(.jcf-label-active) {
  background: #151F6D;
  border-radius: 20px;
  padding: 2px 8px 2px 8px;
  border: 1px solid #2a2a2a;
  cursor: pointer;
}

body.ux2.ux2-dark-mode #multipayee_transfer_form_v2 .form-check-label.jcf-label-active {
  color: #2a2a2a;
}

body.ux2.ux2-dark-mode .mfa .para, body.ux2.ux2-dark-mode .otp_enhancement_blade .para, body.ux2.ux2-dark-mode .otp_required .para, body.ux2.ux2-dark-mode .forgot_pwd_3 .para, body.ux2.ux2-dark-mode .contact_info .para, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .para {
  opacity: 0.8;
}

body.ux2.ux2-dark-mode .mfa .select-otp-channel-row .select-otp-channel-col, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col, body.ux2.ux2-dark-mode .otp_required .select-otp-channel-row .select-otp-channel-col, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col, body.ux2.ux2-dark-mode .contact_info .select-otp-channel-row .select-otp-channel-col, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col {
  padding-top: 15px;
  padding-bottom: 15px;
}

body.ux2.ux2-dark-mode .mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, body.ux2.ux2-dark-mode .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, body.ux2.ux2-dark-mode .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box {
  display: block;
  padding: 26px 15px;
  border-radius: 8px;
  border: 2px solid #D5D6D7;
}

body.ux2.ux2-dark-mode .mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, body.ux2.ux2-dark-mode .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, body.ux2.ux2-dark-mode .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-box-inside {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}

body.ux2.ux2-dark-mode .mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, body.ux2.ux2-dark-mode .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, body.ux2.ux2-dark-mode .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-icon {
  padding-left: 5px;
  padding-right: 5px;
  width: 30px;
}

body.ux2.ux2-dark-mode .mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, body.ux2.ux2-dark-mode .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, body.ux2.ux2-dark-mode .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-text {
  padding-left: 5px;
  padding-right: 5px;
  width: calc(100% - 48px);
}

body.ux2.ux2-dark-mode .mfa .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, body.ux2.ux2-dark-mode .otp_required .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, body.ux2.ux2-dark-mode .contact_info .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-channel-row .select-otp-channel-col .select-otp-channel-box .select-otp-channel-arrow {
  padding-left: 5px;
  padding-right: 5px;
  width: 18px;
}

body.ux2.ux2-dark-mode .mfa .select-otp-dest-row .select-otp-dest-col, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col, body.ux2.ux2-dark-mode .otp_required .select-otp-dest-row .select-otp-dest-col, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col, body.ux2.ux2-dark-mode .contact_info .select-otp-dest-row .select-otp-dest-col, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col {
  padding-top: 15px;
}

body.ux2.ux2-dark-mode .mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, body.ux2.ux2-dark-mode .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, body.ux2.ux2-dark-mode .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box {
  display: block;
  padding: 26px 15px;
  border-radius: 8px;
  border: 2px solid #D5D6D7;
}

body.ux2.ux2-dark-mode .mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, body.ux2.ux2-dark-mode .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, body.ux2.ux2-dark-mode .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}

body.ux2.ux2-dark-mode .mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, body.ux2.ux2-dark-mode .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, body.ux2.ux2-dark-mode .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-text {
  padding-left: 5px;
  padding-right: 5px;
  width: calc(100% - 18px);
}

body.ux2.ux2-dark-mode .mfa .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, body.ux2.ux2-dark-mode .otp_required .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, body.ux2.ux2-dark-mode .contact_info .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-otp-dest-row .select-otp-dest-col .select-otp-dest-box .select-otp-dest-box-inside .select-otp-dest-arrow {
  padding-left: 5px;
  padding-right: 5px;
  width: 18px;
}

body.ux2.ux2-dark-mode .mfa .left-icon, body.ux2.ux2-dark-mode .otp_enhancement_blade .left-icon, body.ux2.ux2-dark-mode .otp_required .left-icon, body.ux2.ux2-dark-mode .forgot_pwd_3 .left-icon, body.ux2.ux2-dark-mode .contact_info .left-icon, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .left-icon {
  margin-right: 10px;
}

body.ux2.ux2-dark-mode .mfa .link-text, body.ux2.ux2-dark-mode .otp_enhancement_blade .link-text, body.ux2.ux2-dark-mode .otp_required .link-text, body.ux2.ux2-dark-mode .forgot_pwd_3 .link-text, body.ux2.ux2-dark-mode .contact_info .link-text, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .link-text {
  color: rgba(0, 0, 0, 0.8);
}

body.ux2.ux2-dark-mode .mfa .otp-mail-no, body.ux2.ux2-dark-mode .otp_enhancement_blade .otp-mail-no, body.ux2.ux2-dark-mode .otp_required .otp-mail-no, body.ux2.ux2-dark-mode .forgot_pwd_3 .otp-mail-no, body.ux2.ux2-dark-mode .contact_info .otp-mail-no, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .otp-mail-no {
  border-radius: 8px;
  background-color: #F6F6F9;
  padding: 10px;
}

body.ux2.ux2-dark-mode .mfa .otp-container .otp-number-input, body.ux2.ux2-dark-mode .otp_enhancement_blade .otp-container .otp-number-input, body.ux2.ux2-dark-mode .otp_required .otp-container .otp-number-input, body.ux2.ux2-dark-mode .forgot_pwd_3 .otp-container .otp-number-input, body.ux2.ux2-dark-mode .contact_info .otp-container .otp-number-input, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .otp-container .otp-number-input {
  background-color: #0c0117;
  color: #B9B6BC;
}

body.ux2.ux2-dark-mode .mfa .link-label-border-bottom, body.ux2.ux2-dark-mode .otp_enhancement_blade .link-label-border-bottom, body.ux2.ux2-dark-mode .otp_required .link-label-border-bottom, body.ux2.ux2-dark-mode .forgot_pwd_3 .link-label-border-bottom, body.ux2.ux2-dark-mode .contact_info .link-label-border-bottom, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .link-label-border-bottom {
  border-bottom: 1px solid #151F6D;
}

body.ux2.ux2-dark-mode .mfa .select-another-channel-wrap, body.ux2.ux2-dark-mode .otp_enhancement_blade .select-another-channel-wrap, body.ux2.ux2-dark-mode .otp_required .select-another-channel-wrap, body.ux2.ux2-dark-mode .forgot_pwd_3 .select-another-channel-wrap, body.ux2.ux2-dark-mode .contact_info .select-another-channel-wrap, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .select-another-channel-wrap {
  display: inline-block;
}

body.ux2.ux2-dark-mode .mfa .send-code-again-wrap, body.ux2.ux2-dark-mode .otp_enhancement_blade .send-code-again-wrap, body.ux2.ux2-dark-mode .otp_required .send-code-again-wrap, body.ux2.ux2-dark-mode .forgot_pwd_3 .send-code-again-wrap, body.ux2.ux2-dark-mode .contact_info .send-code-again-wrap, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .send-code-again-wrap {
  display: inline-block;
}

@media (max-width: 575px) {
  body.ux2.ux2-dark-mode .mfa .form-check-input, body.ux2.ux2-dark-mode .otp_enhancement_blade .form-check-input, body.ux2.ux2-dark-mode .otp_required .form-check-input, body.ux2.ux2-dark-mode .forgot_pwd_3 .form-check-input, body.ux2.ux2-dark-mode .contact_info .form-check-input, body.ux2.ux2-dark-mode #sub_user_enroll .enterOtpContainer .form-check-input {
    margin-left: 0px;
  }
}

body.ux2.ux2-dark-mode #multipayee_transfer_v2 .transaction-status-outter-box.error_block {
  background-color: rgba(202, 16, 50, 0.2);
}

#dashboard .dashboard_div_total .ux2-font-size-20,
#dashboard .dashboard_div_total .ux2-font-size-amount-20 {
  color: #ffffff !important;
  font-weight: 400;
}

#dashboard .dashboard_div_total #dashboard_text_total_dues_text,
#dashboard .dashboard_div_total #dashboard_text_total_balance_text {
  color: rgba(255, 255, 255, 0.7) !important;
}

#card-control .card-overlay .dropdown, #card_details .card-overlay .dropdown {
  margin-right: -6px;
}

#card-control .card-overlay .dropdown .mainTabDropdownLink, #card_details .card-overlay .dropdown .mainTabDropdownLink {
  padding-right: 6px;
}

#default_mfa .form-check .form-check-label {
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  #notification .ux2-notification-time {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    float: right;
    text-align: left !important;
  }
}

.ux2 #sub_user_enroll .enroll_head p {
  line-height: 1.5rem;
}

#credit_score_widget {
  /* carosel indicator and nav css */
  /* Adjust carousel slides */
}

#credit_score_widget #savvymoney {
  margin-bottom: 40px;
}

#credit_score_widget #savvymoney-score {
  display: inline-flex;
  transition: all ease .3s;
}

#credit_score_widget #savvymoney-score:hover {
  background-position: right 10px center;
}

#credit_score_widget #savvymoney-score #savvymoney-progress {
  position: relative;
  margin: 10px 20px 0 20px;
  float: left;
  text-align: center;
}

#credit_score_widget #savvymoney-score #savvymoney-progress .barOverflow {
  /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden;
  /* Comment this line to understand the trick */
  width: 200px;
  height: 100px;
  max-width: 100%;
  /* Half circle (overflow) */
  margin-bottom: -14px;
  /* bring the numbers up */
  background-image: url("../img/progress-credit-score.svg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#credit_score_widget #savvymoney-score #savvymoney-progress .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  max-width: 100%;
  /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url("../img/progress-credit-score-indicator.svg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

#credit_score_widget #savvymoney-score #savvymoney-progress #score {
  font-size: 40px;
  font-weight: 800;
  color: #222222;
  position: absolute;
  top: 75%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
}

#credit_score_widget #savvymoney-score #savvymoney-progress .score-as-percent {
  display: none;
}

#credit_score_widget .savvymoney-data-info .creditscore-data-common {
  font-size: 16px;
}

#credit_score_widget #savvymoney-offers-list .list-heading {
  font-size: 16px;
  color: #231F20;
}

#credit_score_widget #savvymoney-offers-list .list-content {
  font-size: 14px;
  line-height: 18.23px;
  overflow-wrap: break-word;
}

#credit_score_widget .savvymoney-data-info .points-text {
  color: #1cb5a6;
  font-weight: 800;
}

#credit_score_widget .savvymoney-data-info .points-text-nagative {
  color: #FF0000;
  font-weight: 800;
}

#credit_score_widget .savvymoney-data-info .points-text-no-change {
  font-weight: 800;
}

#credit_score_widget #savvymoney-offers-list .list-items {
  width: 100%;
  height: 150px;
}

#credit_score_widget #savvymoney-offers-list .offers-img {
  max-height: 3vw;
  max-width: 3vw;
}

#credit_score_widget #savvymoney-offers-list .carousel__button {
  transform: translateY(-50%);
  border: 0;
  border-radius: 10px;
  background-color: #D9D9D9;
  cursor: pointer;
  transition: all 0.2s ease-in;
  margin-top: 3px;
  display: inline-block;
  /* Ensure buttons are visible */
}

#credit_score_widget #savvymoney-offers-list .carousel__button:hover {
  background-color: #fed7de;
  border-radius: 20px;
}

#credit_score_widget #savvymoney-offers-list .carousel__button--right {
  transform: translateY(-50%) rotate(180deg);
}

#credit_score_widget #savvymoney-offers-list .carousel__nav {
  display: flex;
  justify-content: center;
  padding: 20px 0 0 0;
  gap: 1rem;
}

#credit_score_widget #savvymoney-offers-list .carousel__indicator {
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

#credit_score_widget #savvymoney-offers-list .carousel__indicator.current-slide {
  background: #2E60B5;
}

#credit_score_widget #savvymoney-offers-list li {
  list-style: none;
}

#credit_score_widget #savvymoney-offers-list .carousel__button .is-hidden {
  display: none;
}

#credit_score_widget #savvymoney-offers-list .carousel__button img {
  margin-top: -1px;
  height: 12px;
  width: 12px;
}

#credit_score_widget #savvymoney-creditscore-widget .creditscore-icons {
  height: 25px;
  width: 25px;
}

#credit_score_widget #creditscore-error-content .error-card, #credit_score_widget #offers-error-content .error-card {
  background-color: #EED6DA;
  /* Light pink background */
  color: #856268;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
}

#credit_score_widget #creditscore-error-content .error-card img, #credit_score_widget #offers-error-content .error-card img {
  max-width: 100px;
  /* Limit the image size */
  margin-bottom: 20px;
  /* Space between image and text */
}

#credit_score_widget #creditscore-error-content .savvymoney-error-message, #credit_score_widget #offers-error-content .savvymoney-error-message {
  font-size: 16px;
  font-weight: 700;
}

#credit_score_widget #savvymoney-offers-list {
  overflow: hidden;
  /* Optional: hides overflow, can be removed */
}

#credit_score_widget .carousel__track-container {
  background: #F2F2F2;
  display: flex;
  /* Use flex to manage layout */
  flex-direction: column;
  /* Stack items vertically */
  border-radius: 10px;
  transition: height 0.3s ease;
  /* Smooth height transitions */
}

#credit_score_widget .carousel__track {
  display: flex;
  /* Align slides horizontally */
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.4s ease-in-out;
  /* Smooth sliding effect */
}

#credit_score_widget .carousel__slide {
  min-width: 100%;
  /* Ensure slides take full width */
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  /* Smooth fade effect */
}

#credit_score_widget .carousel__slide.current-slide {
  opacity: 1;
  /* Show slide */
  transition: opacity 0.5s ease-in-out;
  /* Smooth transition for fade */
}

#card-control .loc_add_icon {
  display: inline-block;
  /* Makes the element respect width/height */
  width: 20px;
  /* Set a fixed width for the icon */
  height: 20px;
  /* Set a fixed height for the icon */
  background-image: url("../img/add_dark.svg");
  /* Default image */
  background-size: contain;
  /* Scales the image to fit */
  background-repeat: no-repeat;
  /* Prevents tiling of the image */
  background-position: center;
  /* Centers the image */
  transition: background-image 0.3s ease-in-out;
  /* Smooth transition */
}

#card-control a:hover .loc_add_icon {
  background-image: url("../img/add.svg");
  /* Hover image */
}

#user_migration_choose_login_credentials .password-field-icon, #login_credentials_update_success .password-field-icon {
  float: right;
  margin-right: 15px;
  color: #2a2a2a;
  cursor: pointer;
  position: inherit;
}

#user_migration_choose_login_credentials .fa-eye-slash, #login_credentials_update_success .fa-eye-slash {
  position: static;
  margin-top: 0px;
  padding-top: 0px !important;
}

#user_migration_choose_login_credentials .fa-eye, #login_credentials_update_success .fa-eye {
  margin-top: 0px;
}

#user_migration_choose_login_credentials .assistance_text_color, #login_credentials_update_success .assistance_text_color {
  color: #949598;
}

#multi_account_payee_details .pull-money-toggle-yes {
  padding: 6px 10px 6px 10px;
  background: #151F6D;
  border-radius: 8px;
}

#multi_account_payee_details .pull-money-toggle-yes .alert-success, #multi_account_payee_details .pull-money-toggle-yes .alert-danger {
  padding: 10px;
  border-radius: 5px;
}

#multi_account_payee_details .recipient-verification-popup {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: #FFFFFF;
  border-radius: 10px;
}

#custom_account_grouping .section {
  background-color: #FAFAFA;
  border-radius: 8px;
}

#custom_account_grouping .order-arrow-up {
  background-image: url("../img/order-arrow-up.svg");
  background-repeat: no-repeat;
}

#custom_account_grouping .order-arrow-down {
  background-image: url("../img/order-arrow-down.svg");
  background-repeat: no-repeat;
}

#custom_account_grouping .account_grouping_add_section {
  background-image: url("../img/account_grouping_add_section.svg");
  background-repeat: no-repeat;
}

#fast_cash_loan_details_section .fast_cash_loan_amount, #fast_cash_loan_details_section .annual_percentage_rate, #fast_cash_loan_details_section .term_length {
  max-width: 96%;
}

#fast_cash_loan_details_section .life_and_disability_insurance_container {
  background: #ebebeb;
  border-radius: 8px;
}

#fast_cash_loan_details_section .life_and_disability_insurance_container .life_insurance_section_desc, #fast_cash_loan_details_section .life_and_disability_insurance_container .life_and_disability_insurance_section_desc, #fast_cash_loan_details_section .life_and_disability_insurance_container .life_and_disability_insurance_section_cost {
  color: #2a2a2a;
}

#fast_cash_loan_details_section .calculate-loan-button-container {
  justify-items: end;
}

#fast_cash_loan_details_section .submit-loan-button-container {
  justify-items: end;
}

#fast_cash_loan_disclosure_section .disclosure {
  background: #ebebeb;
  border-radius: 8px;
}

#fast_cash_loan_select_accounts .select_deposit_account_tile, #fast_cash_loan_select_accounts .select_auto_payment_account_tile {
  border: 1px rgba(118, 118, 118, 0.2) solid;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
}

#fast_cash_loan_select_accounts .selected_account_tile {
  background-color: rgba(113, 44, 134, 0.1);
}

#fast_cash_loan_select_accounts .fast_cash_loan_membership_select_dropdown .form-group {
  border: 1px solid #000000;
  border-radius: 5px;
}

#fast_cash_loan_success .fast_cash_account_name {
  margin-left: -18px;
}

#fast_cash_loan_success .loan_amount_container span {
  background: #ebebeb;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  display: block;
}

#fast_cash_loan_success .new_available_balance {
  background: #ebebeb;
  padding: 8px;
  border-radius: 8px;
}

#fast_cash_loan_app_not_eligible .fast_cash_loan_not_eligible_title {
  background: #ebebeb;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  display: block;
}

#fast_cash_loan_app_not_eligible .apply-for-loan-button-container {
  background: rgba(113, 44, 134, 0.1);
  border-radius: 8px;
}

#fast_cash_loan_app_steps_container .fast_cash_loan_app_steps {
  color: #712c86 !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #712c86 !important;
  position: relative;
  z-index: 1;
}

#fast_cash_loan_app_steps_container .fast_cash_loan_app_steps span {
  color: #FFFFFF;
  padding-top: 2px;
}

#fast_cash_loan_app_steps_container .fast_cash_loan_app_steps p {
  color: #FFFFFF !important;
}

#fast_cash_loan_app_steps_container .fast_cash_loan_app_steps_inactive {
  color: #767676;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #767676;
  position: relative;
  z-index: 1;
}

#fast_cash_loan_app_steps_container .fast_cash_loan_app_steps_inactive span {
  color: #000000;
  padding-top: 2px;
}

#fast_cash_loan_app_steps_container .fast_cash_loan_app_steps_inactive p {
  color: #FFFFFF;
}

#fast_cash_loan_app_steps_container .progress_bar_loan, #fast_cash_loan_app_steps_container .progress_bar_disclosure, #fast_cash_loan_app_steps_container .progress_bar_account, #fast_cash_loan_app_steps_container .progress_bar_e_sign {
  border-radius: 5px;
  background: #767676 !important;
  height: 6px;
  margin-top: 11px;
  position: relative;
  z-index: 0;
  margin-left: -60px;
  margin-right: -60px;
  width: 100px;
}

#fast_cash_loan_app_steps_container .progress_bar_loan_inactive, #fast_cash_loan_app_steps_container .progress_bar_disclosure_inactive, #fast_cash_loan_app_steps_container .progress_bar_account_inactive, #fast_cash_loan_app_steps_container .progress_bar_e_sign_inactive {
  border-radius: 5px;
  background: #000000;
  height: 6px;
  margin-top: 11px;
  position: relative;
  z-index: 0;
  margin-left: -60px;
  margin-right: -60px;
  width: 100px;
}

#cards_sdk .card-sdk-container {
  height: auto;
  min-height: 100vh;
}

#cards_sdk .loaded {
  padding: 0;
  background-color: transparent;
  border: none;
}

@media (min-width: 576px) and (max-width: 991px) {
  #firstlogin_info .enroll-bottom-border .card-columns {
    column-count: 2 !important;
  }
}

#run_template_form .recipientlist_background_none {
  background: none;
}

#multi_account_payee_details .alert-success a, #multi_account_payee_details .alert-danger a {
  text-decoration: underline;
}

#multi_account_payee_details .verify-account {
  line-height: 1em;
}

#tax_information #tax_information_summary_container .tax_information_summary {
  border-radius: 8px;
}

#tax_information #share_information_table .tax_table, #tax_information #loan_information_table .tax_table {
  border-collapse: separate;
  border-radius: 8px;
}

#tax_information #share_information_table .tax_table tr, #tax_information #loan_information_table .tax_table tr {
  text-align: left;
}

#tax_information #share_information_table .tax_table th, #tax_information #share_information_table .tax_table tr, #tax_information #share_information_table .tax_table td, #tax_information #loan_information_table .tax_table th, #tax_information #loan_information_table .tax_table tr, #tax_information #loan_information_table .tax_table td {
  border-bottom: 1px solid #dee2e6 !important;
  border-top: none !important;
}

#tax_information #share_information_table .tax_table tr:last-child td, #tax_information #loan_information_table .tax_table tr:last-child td {
  border-bottom: none !important;
}

.olbselect {
  position: relative;
  height: 3.125rem;
  min-height: 96px;
  background-color: #FFFFFF;
  width: 100%;
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
  .olbselect {
    min-height: 115px;
  }
}

.olbselect > .olbselect__display {
  width: 100%;
  min-height: 2rem;
  min-height: 96px;
  align-items: center;
  border: solid 0.01rem #D5D6D7;
  cursor: pointer;
  text-align: left;
  background-color: #FFFFFF;
  padding-right: 40px;
  background-image: url("../img/dropdown_arrow_white_icon.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 12px center;
  padding: 0rem 0rem;
  border-radius: 6px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
  border-style: none;
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
  .olbselect > .olbselect__display {
    min-height: 115px;
  }
}

.olbselect > .olbselect__display.error {
  border: 1px solid #DF1724;
}

.olbselect > .olbselect__display:not(.display_selected) {
  background-color: #151F6D;
}

.olbselect > .olbselect__display:not(.display_selected) > span {
  padding: 12px 40px 12px 14.5px;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 19px;
  min-height: 50px;
  opacity: 1;
  width: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
}

.olbselect > .olbselect__display:not(.display_selected) > span small {
  font-size: 1rem;
  line-height: 19px;
  font-weight: 700;
}

.olbselect > .olbselect__display:not(.display_selected) > span .olbselect__display_icons {
  margin-right: 10px;
}

.olbselect > .olbselect__display .acc-row {
  padding: 10px 10px !important;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 96px;
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
  .olbselect > .olbselect__display .acc-row {
    min-height: 115px;
  }
}

.olbselect > .olbselect__display .acc-row > .acc-details {
  width: 100%;
}

.olbselect > .olbselect__display .reci-row {
  margin: 0px !important;
}

.olbselect > .olbselect__display .reci-row .reci-round-col {
  padding: 9px 8px !important;
}

.olbselect > .olbselect__display .reci-row .reci-details-col {
  padding: 10px 8px !important;
}

.olbselect > .olbselect__display.display_selected {
  padding-right: 40px;
  background-image: url("../img/dropdown_icon.svg");
  padding-right: 0px;
  background-image: none;
  background-size: 19px;
}

.olbselect > .olbselect__display > span {
  opacity: .65;
  -webkit-user-select: none;
  user-select: none;
}

.olbselect > .olbselect__display[aria-disabled=true] {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: .5;
}

.olbselect > .olbselect__hidden {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border: none;
  color: transparent;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
}

.olbselect > .olbselect__menu {
  flex-direction: column;
  position: absolute;
  display: none;
  border: none;
  z-index: 1;
  width: 100%;
  top: 100%;
  border-radius: 8px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.352819);
  background-color: white;
}

.olbselect.reverse > .olbselect__menu {
  top: unset;
  bottom: 2.5rem;
}

.olbselect.open > .olbselect__display {
  border-radius: .25rem .25rem 0 0;
}

.olbselect.reverse.open > .olbselect__display {
  border-radius: 0 0 .25rem .25rem;
}

.olbselect.open > .olbselect__display ~ .olbselect__menu {
  display: flex;
}

.olbselect.reverse > .olbselect__menu {
  flex-direction: column-reverse;
}

.olbselect > .olbselect__menu > .olbselect__list {
  display: flex;
  flex-direction: column;
  max-height: 20rem;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  border: solid 0.01rem #D5D6D7;
  border-radius: 0 0 .25rem .25rem;
  border-style: none;
}

.olbselect.reverse > .olbselect__menu > .olbselect__list {
  border-radius: .25rem .25rem 0 0;
}

.olbselect__list > .olbselect__noresult {
  padding: .5rem 1rem;
  pointer-events: none;
  opacity: .65;
}

.olbselect__list .olbselect__group {
  display: block;
  width: 100%;
  font-weight: 600;
  padding: .5rem 1rem;
}

.olbselect > .olbselect__menu .olbselect__group {
  font-size: 0.875rem;
  line-height: 16px;
  font-weight: 700;
  padding: 0.25rem 1.25rem;
  color: #76767e;
}

.olbselect--option {
  overflow: auto;
  min-height: 2rem;
  max-width: 100%;
  padding: .5rem 1rem;
}

.olbselect__list > .olbselect--option:last-child {
  border-radius: 0 0 .25rem .25rem;
}

.olbselect--option * {
  cursor: default;
  color: inherit;
}

.olbselect--option.focus {
  background-color: #FFFFFF;
}

.olbselect--option.selected {
  color: #FFFFFF;
  background-color: #EE8500;
}

.olbselect--option.focus.selected {
  color: #FFFFFF;
  background-color: #EE8500;
}

.olbselect--option.selected small {
  color: #ebebeb !important;
}

.olbselect--option.disabled > * {
  opacity: .5;
}

.olbselect--option > .olbselect--option__img {
  float: left;
  height: 2rem;
  margin: .125rem 1rem 0 0;
}

.olbselect--option .olbselect--option__body {
  display: inline-block;
  clear: both;
}

.olbselect--option .olbselect--option__body span {
  display: block;
  margin-top: .1rem;
  color: inherit;
}

.olbselect--option .olbselect--option__img + .olbselect--option__body span {
  margin-top: .5rem;
}

.olbselect--option > .olbselect--option__body small {
  display: block;
  margin-top: .2rem;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option {
  padding: 0.375rem 0.50rem;
  overflow: initial;
  min-height: auto;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus {
  background-color: #E7EDF3;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus:hover .acc-row .acc-details .acc-type,
.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus:hover .acc-row .acc-number-amount-col .acc-number,
.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus:hover .acc-row .acc-number-amount-col .acc-amount {
  color: #151F6D !important;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus.selected, .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected {
  background-color: #151F6D;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus.selected .acc-row .acc-details .acc-type,
.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus.selected .acc-row .acc-number-amount-col .acc-number,
.olbselect > .olbselect__menu .olbselect__list .olbselect--option.focus.selected .acc-row .acc-number-amount-col .acc-amount, .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected .acc-row .acc-details .acc-type,
.olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected .acc-row .acc-number-amount-col .acc-number,
.olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected .acc-row .acc-number-amount-col .acc-amount {
  color: #ffffff !important;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option .olbselect--option__body {
  width: 100%;
}

.olbselect > .olbselect__menu .olbselect__list .olbselect--option .olbselect--option__body > .small {
  width: 100%;
}

.olbselect__search {
  padding-left: 47px;
  background: url("../img/search_blue_icon.svg") no-repeat;
  background-size: 19px 18px;
  background-position: 10px center;
  width: calc(100% - 17px);
  margin: 0.5rem 0.50rem;
}

@media screen and (max-width: 1280px) {
  .olbselect__search {
    padding-left: 31px;
    padding-right: 8px;
    background-position: right 8px center;
  }
}

.ux2 .olbselect__search {
  padding-left: 40px;
}

.olb_select_pagination {
  padding: 1rem 1.25rem;
  margin: -2.5px -2.5px;
}

.olb_select_pagination > a {
  margin: 2.5px;
}

.oneline_textlimit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.olbselect--option .tooltip_text_v2 {
  color: #FFFFFF;
}

.view_all_recipients_icon {
  padding-right: 20px;
  background: url("../img/resize.svg") no-repeat;
  background-size: 15px 15px;
  background-position: right center;
}

.acc-row .mask_number {
  position: relative;
  z-index: 100;
  display: none;
  color: rgba(0, 0, 0, 0.8);
}

.acc-row .fa {
  margin-left: 10px;
}

.acc-row .fa.fa-eye-slash {
  position: relative;
}

.acc-row .olbselect-change-row {
  text-align: right;
  margin-top: 3px;
  display: none;
}

.olbselect__display .acc-row .acc-number-amount-col .acc-number .mask_number {
  display: block;
}

.olbselect__display .acc-row .olbselect-change-row {
  display: block;
}

.reci-row .reci-details-col .mask_number {
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 100;
  display: none;
}

.reci-row .reci-details-col .fa.fa-eye-slash {
  position: relative;
}

.reci-row .reci-details-col .instant-pay-row {
  display: flex;
  align-items: center;
}

.reci-row .reci-details-col .reci-details-para .reci-details-para-name {
  width: 100%;
}

.reci-row .reci-details-col .reci-details-para .reci-details-para-number {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.reci-row .olbselect-change-row {
  width: 100%;
  text-align: right;
  display: none;
  padding: 0px 8px 8px !important;
}

.olbselect--option .olbselect--option__body span.instant-label {
  display: inline-block;
  margin-right: 4px;
}

.olbselect--option .olbselect--option__body .reci-row .reci-details-col .reci-details-para {
  display: block !important;
}

.olbselect--option .olbselect--option__body .reci-row span {
  display: inline-block;
}

.instant-icon {
  margin-right: 8px;
}

.reci-details-para-number-text {
  margin-right: 8px;
}

.olbselect__display .reci-details-col .mask_number {
  display: block;
}

.olbselect__display .olbselect-change-row {
  display: block;
}

.olbselect__display .instant-label {
  display: none;
}

.review-transfer-wrap .acc-row .acc-number-amount-col .acc-number .mask_number {
  display: block;
}

.review-transfer-wrap .reci-details-col .mask_number {
  display: block;
}

.olbselect > .olbselect__menu .olbselect__list .label-eye-conatin {
  width: 100%;
}

.olbselect > .olbselect__display .label-eye-conatin {
  display: inline-flex;
}

/*second dropdown*/
.reci-acc-body {
  display: inline-block;
  clear: both;
  width: 100%;
}

.reci-acc-body small {
  display: block;
}

.reci-acc-body small .reci-acc-row {
  border-radius: 5px;
  width: 100%;
  padding: 6px 6px;
}

.moneymarket-reci-acc-row {
  border-left: 10px solid #F6B9A9;
}

.saving-reci-acc-row {
  border-left: 10px solid #20E1CD;
}

.checking-reci-acc-row {
  border-left: 10px solid #0187A9;
}

.reci-acc-details {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.reci-acc-details .reci-acc-logo {
  width: calc(100% - 150px);
}

.reci-acc-logo-img {
  height: 38px;
}

.reci-acc-details .reci-acc-number {
  width: 150px;
  text-align: right;
  align-self: flex-end;
  font-size: 0.875rem;
  line-height: 16px;
}

/*acc select style */
.dropdown__list-item {
  padding: 6px 8px;
  cursor: pointer;
}

.dropdown__list-item.selected {
  background-color: rgba(34, 69, 127, 0.5);
  color: #FFFFFF;
}

.dropdown__list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  border-radius: 8px;
  box-shadow: 0px 1px 10px rgba(45, 95, 178, 0.35);
  background-color: #FFFFFF;
  display: none;
}

.dropdown__list.open {
  display: block;
}

body.ux2.ux2-dark-mode .olbselect > .olbselect__display:not(.display_selected) {
  background-color: #151F6D;
}

body.ux2.ux2-dark-mode .olbselect > .olbselect__display:not(.display_selected) > span {
  color: #2a2a2a;
}

body.ux2.ux2-dark-mode .olbselect > .olbselect__menu {
  background-color: #0f0f10;
}

body.ux2.ux2-dark-mode .dropdown__list {
  background-color: #0f0f10;
}

body.ux2.ux2-dark-mode .dropdown__list .dropdown__list-item.focus {
  background-color: #35383B;
}

.is_buisness_banking .olbselect, .is_buisness_banking .olbselect > .olbselect__display, .is_buisness_banking .olbselect > .olbselect__display .acc-row {
  height: 120px;
  min-height: 120px;
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
  .is_buisness_banking .olbselect, .is_buisness_banking .olbselect > .olbselect__display, .is_buisness_banking .olbselect > .olbselect__display .acc-row {
    min-height: 120px;
  }
}

#multipayee_transfer_v2.other_member .olbselect--option .label-eye-conatin {
  display: none !important;
}

/*
reset the UI
*/
/*** padding remover ***/
.container, .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-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, .col {
  padding-left: 0;
  padding-right: 0;
  min-height: 0px;
}

.row {
  margin: 0px;
}

.margin-0 {
  margin: 0px;
}

.overflow-hidden {
  overflow: hidden;
}

.clear-both {
  clear: both;
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.padding-top-10 {
  padding-top: 10px;
}

.font-size-18 {
  font-size: 18px;
}

.border-radius-5 {
  border-radius: 5px;
}

.site-font-size {
  font-size: 1rem !important;
}

.ul_list_style_none {
  list-style-type: none;
}

.word-break-word {
  word-break: break-word;
}

.border-dashed {
  border-style: dashed;
}

p, div {
  outline: none;
}

.table thead th {
  border: none;
}

.width-100 {
  width: 100%;
}

.width-auto {
  width: auto !important;
}

.cursor-pointer, .transaction_icon, .open_brick_url, .secondary_btn, .link-as-button {
  cursor: pointer;
}

.border_radius_5 {
  border-radius: 5px;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-right-40 {
  padding-right: 40px;
}

.width-12 {
  width: 12px;
}

.margin-left-20 {
  margin-left: 20px;
}

.width-auto {
  width: auto !important;
}

.underline {
  text-decoration: underline;
}

.bold-the-content {
  font-weight: 700 !important;
}

.font-size-11px {
  font-size: 11px;
}

.width-unset {
  width: unset !important;
}

.ml_open_new_account {
  background-color: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}

.loan-form-section .error {
  color: red;
  line-height: 1.5;
  font-size: 1rem;
}

#co_applicant_occupation_duration_mon-error, #applicant_occupation_duration_mon-error, #cvv_label-error {
  white-space: nowrap;
}

.firstsection {
  border-bottom: 2px solid #D5D6D7;
}

.secondsection {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.border-selected {
  border: 1.5px solid #0187A9;
}

.coapplicant, .property_div,
#reference_information, .error_div,
.cc_terms, .vl_term {
  display: none;
}

#cc_loan_information, #open_new_account ul {
  margin: 0;
}

#cc_loan_information ul.dashed, .open_new_account ul.dashed {
  list-style-type: none;
  padding: 0px;
  font-size: 13px;
}

.open_new_account ul {
  line-height: 1.2rem;
  font-size: 11px;
}

.open_new_account .navigation-block ul li {
  padding: 0 !important;
}

.open_new_account .navigation-block ul li span {
  margin-right: 0.8rem !important;
}

.navigation-avatar {
  background-color: #D8D8D8;
  position: relative;
  color: #FFFFFF;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 2.7;
  font-size: 0.875rem;
  font-weight: 800;
  border: 1px solid #D5D6D7;
}

.navigation-avatar.active {
  background-color: #FFFFFF;
  color: green;
  border: 2px solid #11807B;
}

.navigation-avatar.completed {
  background-color: #227F70;
  color: #FFFFFF;
  border: 2px solid #11807B;
}

.navigation-step {
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

.navigation-text {
  font-weight: 800;
  text-align: center;
}

.navigation-border {
  border-left: 3px solid #D5D6D7;
  height: 25px;
  position: relative;
  left: 50%;
}

.navigation-border-completed {
  border-left: 3px solid #11807B !important;
}

.sub-navigation-active {
  border: 1px solid #11807B !important;
  background-color: #FFFFFF !important;
  padding: 1px !important;
}

.sub-navigation-completed {
  background-color: #227F70 !important;
}

.navigation-block {
  border: 1px solid #D5D6D7;
  border-radius: 4px;
  margin: 0px 20px 5px;
}

.navigation-block ul li {
  border-radius: 2px;
  list-style: none;
  margin: 10px 12px;
  padding: 0px 10px;
}

.navigation-block ul li span {
  background-color: #D8D8D8;
  margin-right: 1rem !important;
  padding: 2px;
}

#apply_for_loans .card {
  width: 90%;
}

#apply_for_loans .card img {
  padding: 25%;
}

#employment_details .jcf-select-text {
  margin: auto;
}

#loan_success label {
  font-weight: 800;
}

.credit_line_all p {
  font-size: 0.875rem;
}

.loan_amount {
  background-color: #D8D8D8;
  border-radius: .5rem;
}

#he .property_div {
  display: block !important;
}

#he #reference_information, #pl #reference_information {
  display: block !important;
}

#vl .vl_term {
  display: block;
}

#confirmation_modal .modal_dialog {
  max-width: 600px;
}

label.inline {
  display: inline !important;
}

#loan_submit_ssuccess .btn-secondary, #loan_submit_ssuccess .btn-primary {
  padding: 8px 15px 5px 15px !important;
}

#review_loan_personal_information .mask_unmask .mask {
  font-size: 15px !important;
}

#review_loan_personal_information .fa-eye-slash, #default_data .fa-eye-slash {
  position: inherit;
}

@media screen and (max-width: 600px) {
  .datepicker tr {
    border-bottom: none;
    display: table-row;
  }
  .datepicker td {
    display: table-cell;
    padding-left: 1px;
  }
}

#pl .custom-row, #vl .custom-row, #cc .custom-row, #he .custom-row, #xa .custom-row {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important;
}

#pl .custom-row > .col-lg-1, #pl .custom-row > .col-lg-10, #pl .custom-row > .col-lg-11, #pl .custom-row > .col-lg-12, #pl .custom-row > .col-lg-2, #pl .custom-row > .col-lg-3, #pl .custom-row > .col-lg-4, #pl .custom-row > .col-lg-5, #pl .custom-row > .col-lg-6, #pl .custom-row > .col-lg-7, #pl .custom-row > .col-lg-8, #pl .custom-row > .col-lg-9, #pl .custom-row > .col-md-1, #pl .custom-row > .col-md-10, #pl .custom-row > .col-md-11, #pl .custom-row > .col-md-12, #pl .custom-row > .col-md-2, #pl .custom-row > .col-md-3, #pl .custom-row > .col-md-4, #pl .custom-row > .col-md-5, #pl .custom-row > .col-md-6, #pl .custom-row > .col-md-7, #pl .custom-row > .col-md-8, #pl .custom-row > .col-md-9, #pl .custom-row > .col-sm-1, #pl .custom-row > .col-sm-10, #pl .custom-row > .col-sm-11, #pl .custom-row > .col-sm-12, #pl .custom-row > .col-sm-2, #pl .custom-row > .col-sm-3, #pl .custom-row > .col-sm-4, #pl .custom-row > .col-sm-5, #pl .custom-row > .col-sm-6, #pl .custom-row > .col-sm-7, #pl .custom-row > .col-sm-8, #pl .custom-row > .col-sm-9, #pl .custom-row > .col-xs-1, #pl .custom-row > .col-xs-10, #pl .custom-row > .col-xs-11, #pl .custom-row > .col-xs-12, #pl .custom-row > .col-xs-2, #pl .custom-row > .col-xs-3, #pl .custom-row > .col-xs-4, #pl .custom-row > .col-xs-5, #pl .custom-row > .col-xs-6, #pl .custom-row > .col-xs-7, #pl .custom-row > .col-xs-8, #pl .custom-row > .col-xs-9, #pl .custom-row > .col, #vl .custom-row > .col-lg-1, #vl .custom-row > .col-lg-10, #vl .custom-row > .col-lg-11, #vl .custom-row > .col-lg-12, #vl .custom-row > .col-lg-2, #vl .custom-row > .col-lg-3, #vl .custom-row > .col-lg-4, #vl .custom-row > .col-lg-5, #vl .custom-row > .col-lg-6, #vl .custom-row > .col-lg-7, #vl .custom-row > .col-lg-8, #vl .custom-row > .col-lg-9, #vl .custom-row > .col-md-1, #vl .custom-row > .col-md-10, #vl .custom-row > .col-md-11, #vl .custom-row > .col-md-12, #vl .custom-row > .col-md-2, #vl .custom-row > .col-md-3, #vl .custom-row > .col-md-4, #vl .custom-row > .col-md-5, #vl .custom-row > .col-md-6, #vl .custom-row > .col-md-7, #vl .custom-row > .col-md-8, #vl .custom-row > .col-md-9, #vl .custom-row > .col-sm-1, #vl .custom-row > .col-sm-10, #vl .custom-row > .col-sm-11, #vl .custom-row > .col-sm-12, #vl .custom-row > .col-sm-2, #vl .custom-row > .col-sm-3, #vl .custom-row > .col-sm-4, #vl .custom-row > .col-sm-5, #vl .custom-row > .col-sm-6, #vl .custom-row > .col-sm-7, #vl .custom-row > .col-sm-8, #vl .custom-row > .col-sm-9, #vl .custom-row > .col-xs-1, #vl .custom-row > .col-xs-10, #vl .custom-row > .col-xs-11, #vl .custom-row > .col-xs-12, #vl .custom-row > .col-xs-2, #vl .custom-row > .col-xs-3, #vl .custom-row > .col-xs-4, #vl .custom-row > .col-xs-5, #vl .custom-row > .col-xs-6, #vl .custom-row > .col-xs-7, #vl .custom-row > .col-xs-8, #vl .custom-row > .col-xs-9, #vl .custom-row > .col, #cc .custom-row > .col-lg-1, #cc .custom-row > .col-lg-10, #cc .custom-row > .col-lg-11, #cc .custom-row > .col-lg-12, #cc .custom-row > .col-lg-2, #cc .custom-row > .col-lg-3, #cc .custom-row > .col-lg-4, #cc .custom-row > .col-lg-5, #cc .custom-row > .col-lg-6, #cc .custom-row > .col-lg-7, #cc .custom-row > .col-lg-8, #cc .custom-row > .col-lg-9, #cc .custom-row > .col-md-1, #cc .custom-row > .col-md-10, #cc .custom-row > .col-md-11, #cc .custom-row > .col-md-12, #cc .custom-row > .col-md-2, #cc .custom-row > .col-md-3, #cc .custom-row > .col-md-4, #cc .custom-row > .col-md-5, #cc .custom-row > .col-md-6, #cc .custom-row > .col-md-7, #cc .custom-row > .col-md-8, #cc .custom-row > .col-md-9, #cc .custom-row > .col-sm-1, #cc .custom-row > .col-sm-10, #cc .custom-row > .col-sm-11, #cc .custom-row > .col-sm-12, #cc .custom-row > .col-sm-2, #cc .custom-row > .col-sm-3, #cc .custom-row > .col-sm-4, #cc .custom-row > .col-sm-5, #cc .custom-row > .col-sm-6, #cc .custom-row > .col-sm-7, #cc .custom-row > .col-sm-8, #cc .custom-row > .col-sm-9, #cc .custom-row > .col-xs-1, #cc .custom-row > .col-xs-10, #cc .custom-row > .col-xs-11, #cc .custom-row > .col-xs-12, #cc .custom-row > .col-xs-2, #cc .custom-row > .col-xs-3, #cc .custom-row > .col-xs-4, #cc .custom-row > .col-xs-5, #cc .custom-row > .col-xs-6, #cc .custom-row > .col-xs-7, #cc .custom-row > .col-xs-8, #cc .custom-row > .col-xs-9, #cc .custom-row > .col, #he .custom-row > .col-lg-1, #he .custom-row > .col-lg-10, #he .custom-row > .col-lg-11, #he .custom-row > .col-lg-12, #he .custom-row > .col-lg-2, #he .custom-row > .col-lg-3, #he .custom-row > .col-lg-4, #he .custom-row > .col-lg-5, #he .custom-row > .col-lg-6, #he .custom-row > .col-lg-7, #he .custom-row > .col-lg-8, #he .custom-row > .col-lg-9, #he .custom-row > .col-md-1, #he .custom-row > .col-md-10, #he .custom-row > .col-md-11, #he .custom-row > .col-md-12, #he .custom-row > .col-md-2, #he .custom-row > .col-md-3, #he .custom-row > .col-md-4, #he .custom-row > .col-md-5, #he .custom-row > .col-md-6, #he .custom-row > .col-md-7, #he .custom-row > .col-md-8, #he .custom-row > .col-md-9, #he .custom-row > .col-sm-1, #he .custom-row > .col-sm-10, #he .custom-row > .col-sm-11, #he .custom-row > .col-sm-12, #he .custom-row > .col-sm-2, #he .custom-row > .col-sm-3, #he .custom-row > .col-sm-4, #he .custom-row > .col-sm-5, #he .custom-row > .col-sm-6, #he .custom-row > .col-sm-7, #he .custom-row > .col-sm-8, #he .custom-row > .col-sm-9, #he .custom-row > .col-xs-1, #he .custom-row > .col-xs-10, #he .custom-row > .col-xs-11, #he .custom-row > .col-xs-12, #he .custom-row > .col-xs-2, #he .custom-row > .col-xs-3, #he .custom-row > .col-xs-4, #he .custom-row > .col-xs-5, #he .custom-row > .col-xs-6, #he .custom-row > .col-xs-7, #he .custom-row > .col-xs-8, #he .custom-row > .col-xs-9, #he .custom-row > .col, #xa .custom-row > .col-lg-1, #xa .custom-row > .col-lg-10, #xa .custom-row > .col-lg-11, #xa .custom-row > .col-lg-12, #xa .custom-row > .col-lg-2, #xa .custom-row > .col-lg-3, #xa .custom-row > .col-lg-4, #xa .custom-row > .col-lg-5, #xa .custom-row > .col-lg-6, #xa .custom-row > .col-lg-7, #xa .custom-row > .col-lg-8, #xa .custom-row > .col-lg-9, #xa .custom-row > .col-md-1, #xa .custom-row > .col-md-10, #xa .custom-row > .col-md-11, #xa .custom-row > .col-md-12, #xa .custom-row > .col-md-2, #xa .custom-row > .col-md-3, #xa .custom-row > .col-md-4, #xa .custom-row > .col-md-5, #xa .custom-row > .col-md-6, #xa .custom-row > .col-md-7, #xa .custom-row > .col-md-8, #xa .custom-row > .col-md-9, #xa .custom-row > .col-sm-1, #xa .custom-row > .col-sm-10, #xa .custom-row > .col-sm-11, #xa .custom-row > .col-sm-12, #xa .custom-row > .col-sm-2, #xa .custom-row > .col-sm-3, #xa .custom-row > .col-sm-4, #xa .custom-row > .col-sm-5, #xa .custom-row > .col-sm-6, #xa .custom-row > .col-sm-7, #xa .custom-row > .col-sm-8, #xa .custom-row > .col-sm-9, #xa .custom-row > .col-xs-1, #xa .custom-row > .col-xs-10, #xa .custom-row > .col-xs-11, #xa .custom-row > .col-xs-12, #xa .custom-row > .col-xs-2, #xa .custom-row > .col-xs-3, #xa .custom-row > .col-xs-4, #xa .custom-row > .col-xs-5, #xa .custom-row > .col-xs-6, #xa .custom-row > .col-xs-7, #xa .custom-row > .col-xs-8, #xa .custom-row > .col-xs-9, #xa .custom-row > .col {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

@media (max-width: 768px) {
  #pl .custom-row [class*="col-"], #vl .custom-row [class*="col-"], #cc .custom-row [class*="col-"], #he .custom-row [class*="col-"], #xa .custom-row [class*="col-"] {
    margin-bottom: 0px;
  }
}

#pl .custom-row-mb > .col-lg-1, #pl .custom-row-mb > .col-lg-10, #pl .custom-row-mb > .col-lg-11, #pl .custom-row-mb > .col-lg-12, #pl .custom-row-mb > .col-lg-2, #pl .custom-row-mb > .col-lg-3, #pl .custom-row-mb > .col-lg-4, #pl .custom-row-mb > .col-lg-5, #pl .custom-row-mb > .col-lg-6, #pl .custom-row-mb > .col-lg-7, #pl .custom-row-mb > .col-lg-8, #pl .custom-row-mb > .col-lg-9, #pl .custom-row-mb > .col-md-1, #pl .custom-row-mb > .col-md-10, #pl .custom-row-mb > .col-md-11, #pl .custom-row-mb > .col-md-12, #pl .custom-row-mb > .col-md-2, #pl .custom-row-mb > .col-md-3, #pl .custom-row-mb > .col-md-4, #pl .custom-row-mb > .col-md-5, #pl .custom-row-mb > .col-md-6, #pl .custom-row-mb > .col-md-7, #pl .custom-row-mb > .col-md-8, #pl .custom-row-mb > .col-md-9, #pl .custom-row-mb > .col-sm-1, #pl .custom-row-mb > .col-sm-10, #pl .custom-row-mb > .col-sm-11, #pl .custom-row-mb > .col-sm-12, #pl .custom-row-mb > .col-sm-2, #pl .custom-row-mb > .col-sm-3, #pl .custom-row-mb > .col-sm-4, #pl .custom-row-mb > .col-sm-5, #pl .custom-row-mb > .col-sm-6, #pl .custom-row-mb > .col-sm-7, #pl .custom-row-mb > .col-sm-8, #pl .custom-row-mb > .col-sm-9, #pl .custom-row-mb > .col-xs-1, #pl .custom-row-mb > .col-xs-10, #pl .custom-row-mb > .col-xs-11, #pl .custom-row-mb > .col-xs-12, #pl .custom-row-mb > .col-xs-2, #pl .custom-row-mb > .col-xs-3, #pl .custom-row-mb > .col-xs-4, #pl .custom-row-mb > .col-xs-5, #pl .custom-row-mb > .col-xs-6, #pl .custom-row-mb > .col-xs-7, #pl .custom-row-mb > .col-xs-8, #pl .custom-row-mb > .col-xs-9, #pl .custom-row-mb > .col, #vl .custom-row-mb > .col-lg-1, #vl .custom-row-mb > .col-lg-10, #vl .custom-row-mb > .col-lg-11, #vl .custom-row-mb > .col-lg-12, #vl .custom-row-mb > .col-lg-2, #vl .custom-row-mb > .col-lg-3, #vl .custom-row-mb > .col-lg-4, #vl .custom-row-mb > .col-lg-5, #vl .custom-row-mb > .col-lg-6, #vl .custom-row-mb > .col-lg-7, #vl .custom-row-mb > .col-lg-8, #vl .custom-row-mb > .col-lg-9, #vl .custom-row-mb > .col-md-1, #vl .custom-row-mb > .col-md-10, #vl .custom-row-mb > .col-md-11, #vl .custom-row-mb > .col-md-12, #vl .custom-row-mb > .col-md-2, #vl .custom-row-mb > .col-md-3, #vl .custom-row-mb > .col-md-4, #vl .custom-row-mb > .col-md-5, #vl .custom-row-mb > .col-md-6, #vl .custom-row-mb > .col-md-7, #vl .custom-row-mb > .col-md-8, #vl .custom-row-mb > .col-md-9, #vl .custom-row-mb > .col-sm-1, #vl .custom-row-mb > .col-sm-10, #vl .custom-row-mb > .col-sm-11, #vl .custom-row-mb > .col-sm-12, #vl .custom-row-mb > .col-sm-2, #vl .custom-row-mb > .col-sm-3, #vl .custom-row-mb > .col-sm-4, #vl .custom-row-mb > .col-sm-5, #vl .custom-row-mb > .col-sm-6, #vl .custom-row-mb > .col-sm-7, #vl .custom-row-mb > .col-sm-8, #vl .custom-row-mb > .col-sm-9, #vl .custom-row-mb > .col-xs-1, #vl .custom-row-mb > .col-xs-10, #vl .custom-row-mb > .col-xs-11, #vl .custom-row-mb > .col-xs-12, #vl .custom-row-mb > .col-xs-2, #vl .custom-row-mb > .col-xs-3, #vl .custom-row-mb > .col-xs-4, #vl .custom-row-mb > .col-xs-5, #vl .custom-row-mb > .col-xs-6, #vl .custom-row-mb > .col-xs-7, #vl .custom-row-mb > .col-xs-8, #vl .custom-row-mb > .col-xs-9, #vl .custom-row-mb > .col, #cc .custom-row-mb > .col-lg-1, #cc .custom-row-mb > .col-lg-10, #cc .custom-row-mb > .col-lg-11, #cc .custom-row-mb > .col-lg-12, #cc .custom-row-mb > .col-lg-2, #cc .custom-row-mb > .col-lg-3, #cc .custom-row-mb > .col-lg-4, #cc .custom-row-mb > .col-lg-5, #cc .custom-row-mb > .col-lg-6, #cc .custom-row-mb > .col-lg-7, #cc .custom-row-mb > .col-lg-8, #cc .custom-row-mb > .col-lg-9, #cc .custom-row-mb > .col-md-1, #cc .custom-row-mb > .col-md-10, #cc .custom-row-mb > .col-md-11, #cc .custom-row-mb > .col-md-12, #cc .custom-row-mb > .col-md-2, #cc .custom-row-mb > .col-md-3, #cc .custom-row-mb > .col-md-4, #cc .custom-row-mb > .col-md-5, #cc .custom-row-mb > .col-md-6, #cc .custom-row-mb > .col-md-7, #cc .custom-row-mb > .col-md-8, #cc .custom-row-mb > .col-md-9, #cc .custom-row-mb > .col-sm-1, #cc .custom-row-mb > .col-sm-10, #cc .custom-row-mb > .col-sm-11, #cc .custom-row-mb > .col-sm-12, #cc .custom-row-mb > .col-sm-2, #cc .custom-row-mb > .col-sm-3, #cc .custom-row-mb > .col-sm-4, #cc .custom-row-mb > .col-sm-5, #cc .custom-row-mb > .col-sm-6, #cc .custom-row-mb > .col-sm-7, #cc .custom-row-mb > .col-sm-8, #cc .custom-row-mb > .col-sm-9, #cc .custom-row-mb > .col-xs-1, #cc .custom-row-mb > .col-xs-10, #cc .custom-row-mb > .col-xs-11, #cc .custom-row-mb > .col-xs-12, #cc .custom-row-mb > .col-xs-2, #cc .custom-row-mb > .col-xs-3, #cc .custom-row-mb > .col-xs-4, #cc .custom-row-mb > .col-xs-5, #cc .custom-row-mb > .col-xs-6, #cc .custom-row-mb > .col-xs-7, #cc .custom-row-mb > .col-xs-8, #cc .custom-row-mb > .col-xs-9, #cc .custom-row-mb > .col, #he .custom-row-mb > .col-lg-1, #he .custom-row-mb > .col-lg-10, #he .custom-row-mb > .col-lg-11, #he .custom-row-mb > .col-lg-12, #he .custom-row-mb > .col-lg-2, #he .custom-row-mb > .col-lg-3, #he .custom-row-mb > .col-lg-4, #he .custom-row-mb > .col-lg-5, #he .custom-row-mb > .col-lg-6, #he .custom-row-mb > .col-lg-7, #he .custom-row-mb > .col-lg-8, #he .custom-row-mb > .col-lg-9, #he .custom-row-mb > .col-md-1, #he .custom-row-mb > .col-md-10, #he .custom-row-mb > .col-md-11, #he .custom-row-mb > .col-md-12, #he .custom-row-mb > .col-md-2, #he .custom-row-mb > .col-md-3, #he .custom-row-mb > .col-md-4, #he .custom-row-mb > .col-md-5, #he .custom-row-mb > .col-md-6, #he .custom-row-mb > .col-md-7, #he .custom-row-mb > .col-md-8, #he .custom-row-mb > .col-md-9, #he .custom-row-mb > .col-sm-1, #he .custom-row-mb > .col-sm-10, #he .custom-row-mb > .col-sm-11, #he .custom-row-mb > .col-sm-12, #he .custom-row-mb > .col-sm-2, #he .custom-row-mb > .col-sm-3, #he .custom-row-mb > .col-sm-4, #he .custom-row-mb > .col-sm-5, #he .custom-row-mb > .col-sm-6, #he .custom-row-mb > .col-sm-7, #he .custom-row-mb > .col-sm-8, #he .custom-row-mb > .col-sm-9, #he .custom-row-mb > .col-xs-1, #he .custom-row-mb > .col-xs-10, #he .custom-row-mb > .col-xs-11, #he .custom-row-mb > .col-xs-12, #he .custom-row-mb > .col-xs-2, #he .custom-row-mb > .col-xs-3, #he .custom-row-mb > .col-xs-4, #he .custom-row-mb > .col-xs-5, #he .custom-row-mb > .col-xs-6, #he .custom-row-mb > .col-xs-7, #he .custom-row-mb > .col-xs-8, #he .custom-row-mb > .col-xs-9, #he .custom-row-mb > .col, #xa .custom-row-mb > .col-lg-1, #xa .custom-row-mb > .col-lg-10, #xa .custom-row-mb > .col-lg-11, #xa .custom-row-mb > .col-lg-12, #xa .custom-row-mb > .col-lg-2, #xa .custom-row-mb > .col-lg-3, #xa .custom-row-mb > .col-lg-4, #xa .custom-row-mb > .col-lg-5, #xa .custom-row-mb > .col-lg-6, #xa .custom-row-mb > .col-lg-7, #xa .custom-row-mb > .col-lg-8, #xa .custom-row-mb > .col-lg-9, #xa .custom-row-mb > .col-md-1, #xa .custom-row-mb > .col-md-10, #xa .custom-row-mb > .col-md-11, #xa .custom-row-mb > .col-md-12, #xa .custom-row-mb > .col-md-2, #xa .custom-row-mb > .col-md-3, #xa .custom-row-mb > .col-md-4, #xa .custom-row-mb > .col-md-5, #xa .custom-row-mb > .col-md-6, #xa .custom-row-mb > .col-md-7, #xa .custom-row-mb > .col-md-8, #xa .custom-row-mb > .col-md-9, #xa .custom-row-mb > .col-sm-1, #xa .custom-row-mb > .col-sm-10, #xa .custom-row-mb > .col-sm-11, #xa .custom-row-mb > .col-sm-12, #xa .custom-row-mb > .col-sm-2, #xa .custom-row-mb > .col-sm-3, #xa .custom-row-mb > .col-sm-4, #xa .custom-row-mb > .col-sm-5, #xa .custom-row-mb > .col-sm-6, #xa .custom-row-mb > .col-sm-7, #xa .custom-row-mb > .col-sm-8, #xa .custom-row-mb > .col-sm-9, #xa .custom-row-mb > .col-xs-1, #xa .custom-row-mb > .col-xs-10, #xa .custom-row-mb > .col-xs-11, #xa .custom-row-mb > .col-xs-12, #xa .custom-row-mb > .col-xs-2, #xa .custom-row-mb > .col-xs-3, #xa .custom-row-mb > .col-xs-4, #xa .custom-row-mb > .col-xs-5, #xa .custom-row-mb > .col-xs-6, #xa .custom-row-mb > .col-xs-7, #xa .custom-row-mb > .col-xs-8, #xa .custom-row-mb > .col-xs-9, #xa .custom-row-mb > .col {
  margin-bottom: 20px;
}

#pl .custom-row-mb-md, #vl .custom-row-mb-md, #cc .custom-row-mb-md, #he .custom-row-mb-md, #xa .custom-row-mb-md {
  margin-bottom: -10px !important;
}

#pl .custom-row-mb-md > .col-lg-1, #pl .custom-row-mb-md > .col-lg-10, #pl .custom-row-mb-md > .col-lg-11, #pl .custom-row-mb-md > .col-lg-12, #pl .custom-row-mb-md > .col-lg-2, #pl .custom-row-mb-md > .col-lg-3, #pl .custom-row-mb-md > .col-lg-4, #pl .custom-row-mb-md > .col-lg-5, #pl .custom-row-mb-md > .col-lg-6, #pl .custom-row-mb-md > .col-lg-7, #pl .custom-row-mb-md > .col-lg-8, #pl .custom-row-mb-md > .col-lg-9, #pl .custom-row-mb-md > .col-md-1, #pl .custom-row-mb-md > .col-md-10, #pl .custom-row-mb-md > .col-md-11, #pl .custom-row-mb-md > .col-md-12, #pl .custom-row-mb-md > .col-md-2, #pl .custom-row-mb-md > .col-md-3, #pl .custom-row-mb-md > .col-md-4, #pl .custom-row-mb-md > .col-md-5, #pl .custom-row-mb-md > .col-md-6, #pl .custom-row-mb-md > .col-md-7, #pl .custom-row-mb-md > .col-md-8, #pl .custom-row-mb-md > .col-md-9, #pl .custom-row-mb-md > .col-sm-1, #pl .custom-row-mb-md > .col-sm-10, #pl .custom-row-mb-md > .col-sm-11, #pl .custom-row-mb-md > .col-sm-12, #pl .custom-row-mb-md > .col-sm-2, #pl .custom-row-mb-md > .col-sm-3, #pl .custom-row-mb-md > .col-sm-4, #pl .custom-row-mb-md > .col-sm-5, #pl .custom-row-mb-md > .col-sm-6, #pl .custom-row-mb-md > .col-sm-7, #pl .custom-row-mb-md > .col-sm-8, #pl .custom-row-mb-md > .col-sm-9, #pl .custom-row-mb-md > .col-xs-1, #pl .custom-row-mb-md > .col-xs-10, #pl .custom-row-mb-md > .col-xs-11, #pl .custom-row-mb-md > .col-xs-12, #pl .custom-row-mb-md > .col-xs-2, #pl .custom-row-mb-md > .col-xs-3, #pl .custom-row-mb-md > .col-xs-4, #pl .custom-row-mb-md > .col-xs-5, #pl .custom-row-mb-md > .col-xs-6, #pl .custom-row-mb-md > .col-xs-7, #pl .custom-row-mb-md > .col-xs-8, #pl .custom-row-mb-md > .col-xs-9, #pl .custom-row-mb-md > .col, #vl .custom-row-mb-md > .col-lg-1, #vl .custom-row-mb-md > .col-lg-10, #vl .custom-row-mb-md > .col-lg-11, #vl .custom-row-mb-md > .col-lg-12, #vl .custom-row-mb-md > .col-lg-2, #vl .custom-row-mb-md > .col-lg-3, #vl .custom-row-mb-md > .col-lg-4, #vl .custom-row-mb-md > .col-lg-5, #vl .custom-row-mb-md > .col-lg-6, #vl .custom-row-mb-md > .col-lg-7, #vl .custom-row-mb-md > .col-lg-8, #vl .custom-row-mb-md > .col-lg-9, #vl .custom-row-mb-md > .col-md-1, #vl .custom-row-mb-md > .col-md-10, #vl .custom-row-mb-md > .col-md-11, #vl .custom-row-mb-md > .col-md-12, #vl .custom-row-mb-md > .col-md-2, #vl .custom-row-mb-md > .col-md-3, #vl .custom-row-mb-md > .col-md-4, #vl .custom-row-mb-md > .col-md-5, #vl .custom-row-mb-md > .col-md-6, #vl .custom-row-mb-md > .col-md-7, #vl .custom-row-mb-md > .col-md-8, #vl .custom-row-mb-md > .col-md-9, #vl .custom-row-mb-md > .col-sm-1, #vl .custom-row-mb-md > .col-sm-10, #vl .custom-row-mb-md > .col-sm-11, #vl .custom-row-mb-md > .col-sm-12, #vl .custom-row-mb-md > .col-sm-2, #vl .custom-row-mb-md > .col-sm-3, #vl .custom-row-mb-md > .col-sm-4, #vl .custom-row-mb-md > .col-sm-5, #vl .custom-row-mb-md > .col-sm-6, #vl .custom-row-mb-md > .col-sm-7, #vl .custom-row-mb-md > .col-sm-8, #vl .custom-row-mb-md > .col-sm-9, #vl .custom-row-mb-md > .col-xs-1, #vl .custom-row-mb-md > .col-xs-10, #vl .custom-row-mb-md > .col-xs-11, #vl .custom-row-mb-md > .col-xs-12, #vl .custom-row-mb-md > .col-xs-2, #vl .custom-row-mb-md > .col-xs-3, #vl .custom-row-mb-md > .col-xs-4, #vl .custom-row-mb-md > .col-xs-5, #vl .custom-row-mb-md > .col-xs-6, #vl .custom-row-mb-md > .col-xs-7, #vl .custom-row-mb-md > .col-xs-8, #vl .custom-row-mb-md > .col-xs-9, #vl .custom-row-mb-md > .col, #cc .custom-row-mb-md > .col-lg-1, #cc .custom-row-mb-md > .col-lg-10, #cc .custom-row-mb-md > .col-lg-11, #cc .custom-row-mb-md > .col-lg-12, #cc .custom-row-mb-md > .col-lg-2, #cc .custom-row-mb-md > .col-lg-3, #cc .custom-row-mb-md > .col-lg-4, #cc .custom-row-mb-md > .col-lg-5, #cc .custom-row-mb-md > .col-lg-6, #cc .custom-row-mb-md > .col-lg-7, #cc .custom-row-mb-md > .col-lg-8, #cc .custom-row-mb-md > .col-lg-9, #cc .custom-row-mb-md > .col-md-1, #cc .custom-row-mb-md > .col-md-10, #cc .custom-row-mb-md > .col-md-11, #cc .custom-row-mb-md > .col-md-12, #cc .custom-row-mb-md > .col-md-2, #cc .custom-row-mb-md > .col-md-3, #cc .custom-row-mb-md > .col-md-4, #cc .custom-row-mb-md > .col-md-5, #cc .custom-row-mb-md > .col-md-6, #cc .custom-row-mb-md > .col-md-7, #cc .custom-row-mb-md > .col-md-8, #cc .custom-row-mb-md > .col-md-9, #cc .custom-row-mb-md > .col-sm-1, #cc .custom-row-mb-md > .col-sm-10, #cc .custom-row-mb-md > .col-sm-11, #cc .custom-row-mb-md > .col-sm-12, #cc .custom-row-mb-md > .col-sm-2, #cc .custom-row-mb-md > .col-sm-3, #cc .custom-row-mb-md > .col-sm-4, #cc .custom-row-mb-md > .col-sm-5, #cc .custom-row-mb-md > .col-sm-6, #cc .custom-row-mb-md > .col-sm-7, #cc .custom-row-mb-md > .col-sm-8, #cc .custom-row-mb-md > .col-sm-9, #cc .custom-row-mb-md > .col-xs-1, #cc .custom-row-mb-md > .col-xs-10, #cc .custom-row-mb-md > .col-xs-11, #cc .custom-row-mb-md > .col-xs-12, #cc .custom-row-mb-md > .col-xs-2, #cc .custom-row-mb-md > .col-xs-3, #cc .custom-row-mb-md > .col-xs-4, #cc .custom-row-mb-md > .col-xs-5, #cc .custom-row-mb-md > .col-xs-6, #cc .custom-row-mb-md > .col-xs-7, #cc .custom-row-mb-md > .col-xs-8, #cc .custom-row-mb-md > .col-xs-9, #cc .custom-row-mb-md > .col, #he .custom-row-mb-md > .col-lg-1, #he .custom-row-mb-md > .col-lg-10, #he .custom-row-mb-md > .col-lg-11, #he .custom-row-mb-md > .col-lg-12, #he .custom-row-mb-md > .col-lg-2, #he .custom-row-mb-md > .col-lg-3, #he .custom-row-mb-md > .col-lg-4, #he .custom-row-mb-md > .col-lg-5, #he .custom-row-mb-md > .col-lg-6, #he .custom-row-mb-md > .col-lg-7, #he .custom-row-mb-md > .col-lg-8, #he .custom-row-mb-md > .col-lg-9, #he .custom-row-mb-md > .col-md-1, #he .custom-row-mb-md > .col-md-10, #he .custom-row-mb-md > .col-md-11, #he .custom-row-mb-md > .col-md-12, #he .custom-row-mb-md > .col-md-2, #he .custom-row-mb-md > .col-md-3, #he .custom-row-mb-md > .col-md-4, #he .custom-row-mb-md > .col-md-5, #he .custom-row-mb-md > .col-md-6, #he .custom-row-mb-md > .col-md-7, #he .custom-row-mb-md > .col-md-8, #he .custom-row-mb-md > .col-md-9, #he .custom-row-mb-md > .col-sm-1, #he .custom-row-mb-md > .col-sm-10, #he .custom-row-mb-md > .col-sm-11, #he .custom-row-mb-md > .col-sm-12, #he .custom-row-mb-md > .col-sm-2, #he .custom-row-mb-md > .col-sm-3, #he .custom-row-mb-md > .col-sm-4, #he .custom-row-mb-md > .col-sm-5, #he .custom-row-mb-md > .col-sm-6, #he .custom-row-mb-md > .col-sm-7, #he .custom-row-mb-md > .col-sm-8, #he .custom-row-mb-md > .col-sm-9, #he .custom-row-mb-md > .col-xs-1, #he .custom-row-mb-md > .col-xs-10, #he .custom-row-mb-md > .col-xs-11, #he .custom-row-mb-md > .col-xs-12, #he .custom-row-mb-md > .col-xs-2, #he .custom-row-mb-md > .col-xs-3, #he .custom-row-mb-md > .col-xs-4, #he .custom-row-mb-md > .col-xs-5, #he .custom-row-mb-md > .col-xs-6, #he .custom-row-mb-md > .col-xs-7, #he .custom-row-mb-md > .col-xs-8, #he .custom-row-mb-md > .col-xs-9, #he .custom-row-mb-md > .col, #xa .custom-row-mb-md > .col-lg-1, #xa .custom-row-mb-md > .col-lg-10, #xa .custom-row-mb-md > .col-lg-11, #xa .custom-row-mb-md > .col-lg-12, #xa .custom-row-mb-md > .col-lg-2, #xa .custom-row-mb-md > .col-lg-3, #xa .custom-row-mb-md > .col-lg-4, #xa .custom-row-mb-md > .col-lg-5, #xa .custom-row-mb-md > .col-lg-6, #xa .custom-row-mb-md > .col-lg-7, #xa .custom-row-mb-md > .col-lg-8, #xa .custom-row-mb-md > .col-lg-9, #xa .custom-row-mb-md > .col-md-1, #xa .custom-row-mb-md > .col-md-10, #xa .custom-row-mb-md > .col-md-11, #xa .custom-row-mb-md > .col-md-12, #xa .custom-row-mb-md > .col-md-2, #xa .custom-row-mb-md > .col-md-3, #xa .custom-row-mb-md > .col-md-4, #xa .custom-row-mb-md > .col-md-5, #xa .custom-row-mb-md > .col-md-6, #xa .custom-row-mb-md > .col-md-7, #xa .custom-row-mb-md > .col-md-8, #xa .custom-row-mb-md > .col-md-9, #xa .custom-row-mb-md > .col-sm-1, #xa .custom-row-mb-md > .col-sm-10, #xa .custom-row-mb-md > .col-sm-11, #xa .custom-row-mb-md > .col-sm-12, #xa .custom-row-mb-md > .col-sm-2, #xa .custom-row-mb-md > .col-sm-3, #xa .custom-row-mb-md > .col-sm-4, #xa .custom-row-mb-md > .col-sm-5, #xa .custom-row-mb-md > .col-sm-6, #xa .custom-row-mb-md > .col-sm-7, #xa .custom-row-mb-md > .col-sm-8, #xa .custom-row-mb-md > .col-sm-9, #xa .custom-row-mb-md > .col-xs-1, #xa .custom-row-mb-md > .col-xs-10, #xa .custom-row-mb-md > .col-xs-11, #xa .custom-row-mb-md > .col-xs-12, #xa .custom-row-mb-md > .col-xs-2, #xa .custom-row-mb-md > .col-xs-3, #xa .custom-row-mb-md > .col-xs-4, #xa .custom-row-mb-md > .col-xs-5, #xa .custom-row-mb-md > .col-xs-6, #xa .custom-row-mb-md > .col-xs-7, #xa .custom-row-mb-md > .col-xs-8, #xa .custom-row-mb-md > .col-xs-9, #xa .custom-row-mb-md > .col {
  padding-bottom: 10px;
}

#pl .custom-row-my-md, #vl .custom-row-my-md, #cc .custom-row-my-md, #he .custom-row-my-md, #xa .custom-row-my-md {
  margin-top: -10px;
  margin-bottom: -10px;
}

#pl .custom-row-my-md > .col-lg-1, #pl .custom-row-my-md > .col-lg-10, #pl .custom-row-my-md > .col-lg-11, #pl .custom-row-my-md > .col-lg-12, #pl .custom-row-my-md > .col-lg-2, #pl .custom-row-my-md > .col-lg-3, #pl .custom-row-my-md > .col-lg-4, #pl .custom-row-my-md > .col-lg-5, #pl .custom-row-my-md > .col-lg-6, #pl .custom-row-my-md > .col-lg-7, #pl .custom-row-my-md > .col-lg-8, #pl .custom-row-my-md > .col-lg-9, #pl .custom-row-my-md > .col-md-1, #pl .custom-row-my-md > .col-md-10, #pl .custom-row-my-md > .col-md-11, #pl .custom-row-my-md > .col-md-12, #pl .custom-row-my-md > .col-md-2, #pl .custom-row-my-md > .col-md-3, #pl .custom-row-my-md > .col-md-4, #pl .custom-row-my-md > .col-md-5, #pl .custom-row-my-md > .col-md-6, #pl .custom-row-my-md > .col-md-7, #pl .custom-row-my-md > .col-md-8, #pl .custom-row-my-md > .col-md-9, #pl .custom-row-my-md > .col-sm-1, #pl .custom-row-my-md > .col-sm-10, #pl .custom-row-my-md > .col-sm-11, #pl .custom-row-my-md > .col-sm-12, #pl .custom-row-my-md > .col-sm-2, #pl .custom-row-my-md > .col-sm-3, #pl .custom-row-my-md > .col-sm-4, #pl .custom-row-my-md > .col-sm-5, #pl .custom-row-my-md > .col-sm-6, #pl .custom-row-my-md > .col-sm-7, #pl .custom-row-my-md > .col-sm-8, #pl .custom-row-my-md > .col-sm-9, #pl .custom-row-my-md > .col-xs-1, #pl .custom-row-my-md > .col-xs-10, #pl .custom-row-my-md > .col-xs-11, #pl .custom-row-my-md > .col-xs-12, #pl .custom-row-my-md > .col-xs-2, #pl .custom-row-my-md > .col-xs-3, #pl .custom-row-my-md > .col-xs-4, #pl .custom-row-my-md > .col-xs-5, #pl .custom-row-my-md > .col-xs-6, #pl .custom-row-my-md > .col-xs-7, #pl .custom-row-my-md > .col-xs-8, #pl .custom-row-my-md > .col-xs-9, #pl .custom-row-my-md > .col, #vl .custom-row-my-md > .col-lg-1, #vl .custom-row-my-md > .col-lg-10, #vl .custom-row-my-md > .col-lg-11, #vl .custom-row-my-md > .col-lg-12, #vl .custom-row-my-md > .col-lg-2, #vl .custom-row-my-md > .col-lg-3, #vl .custom-row-my-md > .col-lg-4, #vl .custom-row-my-md > .col-lg-5, #vl .custom-row-my-md > .col-lg-6, #vl .custom-row-my-md > .col-lg-7, #vl .custom-row-my-md > .col-lg-8, #vl .custom-row-my-md > .col-lg-9, #vl .custom-row-my-md > .col-md-1, #vl .custom-row-my-md > .col-md-10, #vl .custom-row-my-md > .col-md-11, #vl .custom-row-my-md > .col-md-12, #vl .custom-row-my-md > .col-md-2, #vl .custom-row-my-md > .col-md-3, #vl .custom-row-my-md > .col-md-4, #vl .custom-row-my-md > .col-md-5, #vl .custom-row-my-md > .col-md-6, #vl .custom-row-my-md > .col-md-7, #vl .custom-row-my-md > .col-md-8, #vl .custom-row-my-md > .col-md-9, #vl .custom-row-my-md > .col-sm-1, #vl .custom-row-my-md > .col-sm-10, #vl .custom-row-my-md > .col-sm-11, #vl .custom-row-my-md > .col-sm-12, #vl .custom-row-my-md > .col-sm-2, #vl .custom-row-my-md > .col-sm-3, #vl .custom-row-my-md > .col-sm-4, #vl .custom-row-my-md > .col-sm-5, #vl .custom-row-my-md > .col-sm-6, #vl .custom-row-my-md > .col-sm-7, #vl .custom-row-my-md > .col-sm-8, #vl .custom-row-my-md > .col-sm-9, #vl .custom-row-my-md > .col-xs-1, #vl .custom-row-my-md > .col-xs-10, #vl .custom-row-my-md > .col-xs-11, #vl .custom-row-my-md > .col-xs-12, #vl .custom-row-my-md > .col-xs-2, #vl .custom-row-my-md > .col-xs-3, #vl .custom-row-my-md > .col-xs-4, #vl .custom-row-my-md > .col-xs-5, #vl .custom-row-my-md > .col-xs-6, #vl .custom-row-my-md > .col-xs-7, #vl .custom-row-my-md > .col-xs-8, #vl .custom-row-my-md > .col-xs-9, #vl .custom-row-my-md > .col, #cc .custom-row-my-md > .col-lg-1, #cc .custom-row-my-md > .col-lg-10, #cc .custom-row-my-md > .col-lg-11, #cc .custom-row-my-md > .col-lg-12, #cc .custom-row-my-md > .col-lg-2, #cc .custom-row-my-md > .col-lg-3, #cc .custom-row-my-md > .col-lg-4, #cc .custom-row-my-md > .col-lg-5, #cc .custom-row-my-md > .col-lg-6, #cc .custom-row-my-md > .col-lg-7, #cc .custom-row-my-md > .col-lg-8, #cc .custom-row-my-md > .col-lg-9, #cc .custom-row-my-md > .col-md-1, #cc .custom-row-my-md > .col-md-10, #cc .custom-row-my-md > .col-md-11, #cc .custom-row-my-md > .col-md-12, #cc .custom-row-my-md > .col-md-2, #cc .custom-row-my-md > .col-md-3, #cc .custom-row-my-md > .col-md-4, #cc .custom-row-my-md > .col-md-5, #cc .custom-row-my-md > .col-md-6, #cc .custom-row-my-md > .col-md-7, #cc .custom-row-my-md > .col-md-8, #cc .custom-row-my-md > .col-md-9, #cc .custom-row-my-md > .col-sm-1, #cc .custom-row-my-md > .col-sm-10, #cc .custom-row-my-md > .col-sm-11, #cc .custom-row-my-md > .col-sm-12, #cc .custom-row-my-md > .col-sm-2, #cc .custom-row-my-md > .col-sm-3, #cc .custom-row-my-md > .col-sm-4, #cc .custom-row-my-md > .col-sm-5, #cc .custom-row-my-md > .col-sm-6, #cc .custom-row-my-md > .col-sm-7, #cc .custom-row-my-md > .col-sm-8, #cc .custom-row-my-md > .col-sm-9, #cc .custom-row-my-md > .col-xs-1, #cc .custom-row-my-md > .col-xs-10, #cc .custom-row-my-md > .col-xs-11, #cc .custom-row-my-md > .col-xs-12, #cc .custom-row-my-md > .col-xs-2, #cc .custom-row-my-md > .col-xs-3, #cc .custom-row-my-md > .col-xs-4, #cc .custom-row-my-md > .col-xs-5, #cc .custom-row-my-md > .col-xs-6, #cc .custom-row-my-md > .col-xs-7, #cc .custom-row-my-md > .col-xs-8, #cc .custom-row-my-md > .col-xs-9, #cc .custom-row-my-md > .col, #he .custom-row-my-md > .col-lg-1, #he .custom-row-my-md > .col-lg-10, #he .custom-row-my-md > .col-lg-11, #he .custom-row-my-md > .col-lg-12, #he .custom-row-my-md > .col-lg-2, #he .custom-row-my-md > .col-lg-3, #he .custom-row-my-md > .col-lg-4, #he .custom-row-my-md > .col-lg-5, #he .custom-row-my-md > .col-lg-6, #he .custom-row-my-md > .col-lg-7, #he .custom-row-my-md > .col-lg-8, #he .custom-row-my-md > .col-lg-9, #he .custom-row-my-md > .col-md-1, #he .custom-row-my-md > .col-md-10, #he .custom-row-my-md > .col-md-11, #he .custom-row-my-md > .col-md-12, #he .custom-row-my-md > .col-md-2, #he .custom-row-my-md > .col-md-3, #he .custom-row-my-md > .col-md-4, #he .custom-row-my-md > .col-md-5, #he .custom-row-my-md > .col-md-6, #he .custom-row-my-md > .col-md-7, #he .custom-row-my-md > .col-md-8, #he .custom-row-my-md > .col-md-9, #he .custom-row-my-md > .col-sm-1, #he .custom-row-my-md > .col-sm-10, #he .custom-row-my-md > .col-sm-11, #he .custom-row-my-md > .col-sm-12, #he .custom-row-my-md > .col-sm-2, #he .custom-row-my-md > .col-sm-3, #he .custom-row-my-md > .col-sm-4, #he .custom-row-my-md > .col-sm-5, #he .custom-row-my-md > .col-sm-6, #he .custom-row-my-md > .col-sm-7, #he .custom-row-my-md > .col-sm-8, #he .custom-row-my-md > .col-sm-9, #he .custom-row-my-md > .col-xs-1, #he .custom-row-my-md > .col-xs-10, #he .custom-row-my-md > .col-xs-11, #he .custom-row-my-md > .col-xs-12, #he .custom-row-my-md > .col-xs-2, #he .custom-row-my-md > .col-xs-3, #he .custom-row-my-md > .col-xs-4, #he .custom-row-my-md > .col-xs-5, #he .custom-row-my-md > .col-xs-6, #he .custom-row-my-md > .col-xs-7, #he .custom-row-my-md > .col-xs-8, #he .custom-row-my-md > .col-xs-9, #he .custom-row-my-md > .col, #xa .custom-row-my-md > .col-lg-1, #xa .custom-row-my-md > .col-lg-10, #xa .custom-row-my-md > .col-lg-11, #xa .custom-row-my-md > .col-lg-12, #xa .custom-row-my-md > .col-lg-2, #xa .custom-row-my-md > .col-lg-3, #xa .custom-row-my-md > .col-lg-4, #xa .custom-row-my-md > .col-lg-5, #xa .custom-row-my-md > .col-lg-6, #xa .custom-row-my-md > .col-lg-7, #xa .custom-row-my-md > .col-lg-8, #xa .custom-row-my-md > .col-lg-9, #xa .custom-row-my-md > .col-md-1, #xa .custom-row-my-md > .col-md-10, #xa .custom-row-my-md > .col-md-11, #xa .custom-row-my-md > .col-md-12, #xa .custom-row-my-md > .col-md-2, #xa .custom-row-my-md > .col-md-3, #xa .custom-row-my-md > .col-md-4, #xa .custom-row-my-md > .col-md-5, #xa .custom-row-my-md > .col-md-6, #xa .custom-row-my-md > .col-md-7, #xa .custom-row-my-md > .col-md-8, #xa .custom-row-my-md > .col-md-9, #xa .custom-row-my-md > .col-sm-1, #xa .custom-row-my-md > .col-sm-10, #xa .custom-row-my-md > .col-sm-11, #xa .custom-row-my-md > .col-sm-12, #xa .custom-row-my-md > .col-sm-2, #xa .custom-row-my-md > .col-sm-3, #xa .custom-row-my-md > .col-sm-4, #xa .custom-row-my-md > .col-sm-5, #xa .custom-row-my-md > .col-sm-6, #xa .custom-row-my-md > .col-sm-7, #xa .custom-row-my-md > .col-sm-8, #xa .custom-row-my-md > .col-sm-9, #xa .custom-row-my-md > .col-xs-1, #xa .custom-row-my-md > .col-xs-10, #xa .custom-row-my-md > .col-xs-11, #xa .custom-row-my-md > .col-xs-12, #xa .custom-row-my-md > .col-xs-2, #xa .custom-row-my-md > .col-xs-3, #xa .custom-row-my-md > .col-xs-4, #xa .custom-row-my-md > .col-xs-5, #xa .custom-row-my-md > .col-xs-6, #xa .custom-row-my-md > .col-xs-7, #xa .custom-row-my-md > .col-xs-8, #xa .custom-row-my-md > .col-xs-9, #xa .custom-row-my-md > .col {
  padding-top: 10px;
  padding-bottom: 10px;
}

#pl .custom-row-mx-md, #vl .custom-row-mx-md, #cc .custom-row-mx-md, #he .custom-row-mx-md, #xa .custom-row-mx-md {
  margin-left: -10px;
  margin-right: -10px;
}

#pl .custom-row-mx-md > .col-lg-1, #pl .custom-row-mx-md > .col-lg-10, #pl .custom-row-mx-md > .col-lg-11, #pl .custom-row-mx-md > .col-lg-12, #pl .custom-row-mx-md > .col-lg-2, #pl .custom-row-mx-md > .col-lg-3, #pl .custom-row-mx-md > .col-lg-4, #pl .custom-row-mx-md > .col-lg-5, #pl .custom-row-mx-md > .col-lg-6, #pl .custom-row-mx-md > .col-lg-7, #pl .custom-row-mx-md > .col-lg-8, #pl .custom-row-mx-md > .col-lg-9, #pl .custom-row-mx-md > .col-md-1, #pl .custom-row-mx-md > .col-md-10, #pl .custom-row-mx-md > .col-md-11, #pl .custom-row-mx-md > .col-md-12, #pl .custom-row-mx-md > .col-md-2, #pl .custom-row-mx-md > .col-md-3, #pl .custom-row-mx-md > .col-md-4, #pl .custom-row-mx-md > .col-md-5, #pl .custom-row-mx-md > .col-md-6, #pl .custom-row-mx-md > .col-md-7, #pl .custom-row-mx-md > .col-md-8, #pl .custom-row-mx-md > .col-md-9, #pl .custom-row-mx-md > .col-sm-1, #pl .custom-row-mx-md > .col-sm-10, #pl .custom-row-mx-md > .col-sm-11, #pl .custom-row-mx-md > .col-sm-12, #pl .custom-row-mx-md > .col-sm-2, #pl .custom-row-mx-md > .col-sm-3, #pl .custom-row-mx-md > .col-sm-4, #pl .custom-row-mx-md > .col-sm-5, #pl .custom-row-mx-md > .col-sm-6, #pl .custom-row-mx-md > .col-sm-7, #pl .custom-row-mx-md > .col-sm-8, #pl .custom-row-mx-md > .col-sm-9, #pl .custom-row-mx-md > .col-xs-1, #pl .custom-row-mx-md > .col-xs-10, #pl .custom-row-mx-md > .col-xs-11, #pl .custom-row-mx-md > .col-xs-12, #pl .custom-row-mx-md > .col-xs-2, #pl .custom-row-mx-md > .col-xs-3, #pl .custom-row-mx-md > .col-xs-4, #pl .custom-row-mx-md > .col-xs-5, #pl .custom-row-mx-md > .col-xs-6, #pl .custom-row-mx-md > .col-xs-7, #pl .custom-row-mx-md > .col-xs-8, #pl .custom-row-mx-md > .col-xs-9, #pl .custom-row-mx-md > .col, #vl .custom-row-mx-md > .col-lg-1, #vl .custom-row-mx-md > .col-lg-10, #vl .custom-row-mx-md > .col-lg-11, #vl .custom-row-mx-md > .col-lg-12, #vl .custom-row-mx-md > .col-lg-2, #vl .custom-row-mx-md > .col-lg-3, #vl .custom-row-mx-md > .col-lg-4, #vl .custom-row-mx-md > .col-lg-5, #vl .custom-row-mx-md > .col-lg-6, #vl .custom-row-mx-md > .col-lg-7, #vl .custom-row-mx-md > .col-lg-8, #vl .custom-row-mx-md > .col-lg-9, #vl .custom-row-mx-md > .col-md-1, #vl .custom-row-mx-md > .col-md-10, #vl .custom-row-mx-md > .col-md-11, #vl .custom-row-mx-md > .col-md-12, #vl .custom-row-mx-md > .col-md-2, #vl .custom-row-mx-md > .col-md-3, #vl .custom-row-mx-md > .col-md-4, #vl .custom-row-mx-md > .col-md-5, #vl .custom-row-mx-md > .col-md-6, #vl .custom-row-mx-md > .col-md-7, #vl .custom-row-mx-md > .col-md-8, #vl .custom-row-mx-md > .col-md-9, #vl .custom-row-mx-md > .col-sm-1, #vl .custom-row-mx-md > .col-sm-10, #vl .custom-row-mx-md > .col-sm-11, #vl .custom-row-mx-md > .col-sm-12, #vl .custom-row-mx-md > .col-sm-2, #vl .custom-row-mx-md > .col-sm-3, #vl .custom-row-mx-md > .col-sm-4, #vl .custom-row-mx-md > .col-sm-5, #vl .custom-row-mx-md > .col-sm-6, #vl .custom-row-mx-md > .col-sm-7, #vl .custom-row-mx-md > .col-sm-8, #vl .custom-row-mx-md > .col-sm-9, #vl .custom-row-mx-md > .col-xs-1, #vl .custom-row-mx-md > .col-xs-10, #vl .custom-row-mx-md > .col-xs-11, #vl .custom-row-mx-md > .col-xs-12, #vl .custom-row-mx-md > .col-xs-2, #vl .custom-row-mx-md > .col-xs-3, #vl .custom-row-mx-md > .col-xs-4, #vl .custom-row-mx-md > .col-xs-5, #vl .custom-row-mx-md > .col-xs-6, #vl .custom-row-mx-md > .col-xs-7, #vl .custom-row-mx-md > .col-xs-8, #vl .custom-row-mx-md > .col-xs-9, #vl .custom-row-mx-md > .col, #cc .custom-row-mx-md > .col-lg-1, #cc .custom-row-mx-md > .col-lg-10, #cc .custom-row-mx-md > .col-lg-11, #cc .custom-row-mx-md > .col-lg-12, #cc .custom-row-mx-md > .col-lg-2, #cc .custom-row-mx-md > .col-lg-3, #cc .custom-row-mx-md > .col-lg-4, #cc .custom-row-mx-md > .col-lg-5, #cc .custom-row-mx-md > .col-lg-6, #cc .custom-row-mx-md > .col-lg-7, #cc .custom-row-mx-md > .col-lg-8, #cc .custom-row-mx-md > .col-lg-9, #cc .custom-row-mx-md > .col-md-1, #cc .custom-row-mx-md > .col-md-10, #cc .custom-row-mx-md > .col-md-11, #cc .custom-row-mx-md > .col-md-12, #cc .custom-row-mx-md > .col-md-2, #cc .custom-row-mx-md > .col-md-3, #cc .custom-row-mx-md > .col-md-4, #cc .custom-row-mx-md > .col-md-5, #cc .custom-row-mx-md > .col-md-6, #cc .custom-row-mx-md > .col-md-7, #cc .custom-row-mx-md > .col-md-8, #cc .custom-row-mx-md > .col-md-9, #cc .custom-row-mx-md > .col-sm-1, #cc .custom-row-mx-md > .col-sm-10, #cc .custom-row-mx-md > .col-sm-11, #cc .custom-row-mx-md > .col-sm-12, #cc .custom-row-mx-md > .col-sm-2, #cc .custom-row-mx-md > .col-sm-3, #cc .custom-row-mx-md > .col-sm-4, #cc .custom-row-mx-md > .col-sm-5, #cc .custom-row-mx-md > .col-sm-6, #cc .custom-row-mx-md > .col-sm-7, #cc .custom-row-mx-md > .col-sm-8, #cc .custom-row-mx-md > .col-sm-9, #cc .custom-row-mx-md > .col-xs-1, #cc .custom-row-mx-md > .col-xs-10, #cc .custom-row-mx-md > .col-xs-11, #cc .custom-row-mx-md > .col-xs-12, #cc .custom-row-mx-md > .col-xs-2, #cc .custom-row-mx-md > .col-xs-3, #cc .custom-row-mx-md > .col-xs-4, #cc .custom-row-mx-md > .col-xs-5, #cc .custom-row-mx-md > .col-xs-6, #cc .custom-row-mx-md > .col-xs-7, #cc .custom-row-mx-md > .col-xs-8, #cc .custom-row-mx-md > .col-xs-9, #cc .custom-row-mx-md > .col, #he .custom-row-mx-md > .col-lg-1, #he .custom-row-mx-md > .col-lg-10, #he .custom-row-mx-md > .col-lg-11, #he .custom-row-mx-md > .col-lg-12, #he .custom-row-mx-md > .col-lg-2, #he .custom-row-mx-md > .col-lg-3, #he .custom-row-mx-md > .col-lg-4, #he .custom-row-mx-md > .col-lg-5, #he .custom-row-mx-md > .col-lg-6, #he .custom-row-mx-md > .col-lg-7, #he .custom-row-mx-md > .col-lg-8, #he .custom-row-mx-md > .col-lg-9, #he .custom-row-mx-md > .col-md-1, #he .custom-row-mx-md > .col-md-10, #he .custom-row-mx-md > .col-md-11, #he .custom-row-mx-md > .col-md-12, #he .custom-row-mx-md > .col-md-2, #he .custom-row-mx-md > .col-md-3, #he .custom-row-mx-md > .col-md-4, #he .custom-row-mx-md > .col-md-5, #he .custom-row-mx-md > .col-md-6, #he .custom-row-mx-md > .col-md-7, #he .custom-row-mx-md > .col-md-8, #he .custom-row-mx-md > .col-md-9, #he .custom-row-mx-md > .col-sm-1, #he .custom-row-mx-md > .col-sm-10, #he .custom-row-mx-md > .col-sm-11, #he .custom-row-mx-md > .col-sm-12, #he .custom-row-mx-md > .col-sm-2, #he .custom-row-mx-md > .col-sm-3, #he .custom-row-mx-md > .col-sm-4, #he .custom-row-mx-md > .col-sm-5, #he .custom-row-mx-md > .col-sm-6, #he .custom-row-mx-md > .col-sm-7, #he .custom-row-mx-md > .col-sm-8, #he .custom-row-mx-md > .col-sm-9, #he .custom-row-mx-md > .col-xs-1, #he .custom-row-mx-md > .col-xs-10, #he .custom-row-mx-md > .col-xs-11, #he .custom-row-mx-md > .col-xs-12, #he .custom-row-mx-md > .col-xs-2, #he .custom-row-mx-md > .col-xs-3, #he .custom-row-mx-md > .col-xs-4, #he .custom-row-mx-md > .col-xs-5, #he .custom-row-mx-md > .col-xs-6, #he .custom-row-mx-md > .col-xs-7, #he .custom-row-mx-md > .col-xs-8, #he .custom-row-mx-md > .col-xs-9, #he .custom-row-mx-md > .col, #xa .custom-row-mx-md > .col-lg-1, #xa .custom-row-mx-md > .col-lg-10, #xa .custom-row-mx-md > .col-lg-11, #xa .custom-row-mx-md > .col-lg-12, #xa .custom-row-mx-md > .col-lg-2, #xa .custom-row-mx-md > .col-lg-3, #xa .custom-row-mx-md > .col-lg-4, #xa .custom-row-mx-md > .col-lg-5, #xa .custom-row-mx-md > .col-lg-6, #xa .custom-row-mx-md > .col-lg-7, #xa .custom-row-mx-md > .col-lg-8, #xa .custom-row-mx-md > .col-lg-9, #xa .custom-row-mx-md > .col-md-1, #xa .custom-row-mx-md > .col-md-10, #xa .custom-row-mx-md > .col-md-11, #xa .custom-row-mx-md > .col-md-12, #xa .custom-row-mx-md > .col-md-2, #xa .custom-row-mx-md > .col-md-3, #xa .custom-row-mx-md > .col-md-4, #xa .custom-row-mx-md > .col-md-5, #xa .custom-row-mx-md > .col-md-6, #xa .custom-row-mx-md > .col-md-7, #xa .custom-row-mx-md > .col-md-8, #xa .custom-row-mx-md > .col-md-9, #xa .custom-row-mx-md > .col-sm-1, #xa .custom-row-mx-md > .col-sm-10, #xa .custom-row-mx-md > .col-sm-11, #xa .custom-row-mx-md > .col-sm-12, #xa .custom-row-mx-md > .col-sm-2, #xa .custom-row-mx-md > .col-sm-3, #xa .custom-row-mx-md > .col-sm-4, #xa .custom-row-mx-md > .col-sm-5, #xa .custom-row-mx-md > .col-sm-6, #xa .custom-row-mx-md > .col-sm-7, #xa .custom-row-mx-md > .col-sm-8, #xa .custom-row-mx-md > .col-sm-9, #xa .custom-row-mx-md > .col-xs-1, #xa .custom-row-mx-md > .col-xs-10, #xa .custom-row-mx-md > .col-xs-11, #xa .custom-row-mx-md > .col-xs-12, #xa .custom-row-mx-md > .col-xs-2, #xa .custom-row-mx-md > .col-xs-3, #xa .custom-row-mx-md > .col-xs-4, #xa .custom-row-mx-md > .col-xs-5, #xa .custom-row-mx-md > .col-xs-6, #xa .custom-row-mx-md > .col-xs-7, #xa .custom-row-mx-md > .col-xs-8, #xa .custom-row-mx-md > .col-xs-9, #xa .custom-row-mx-md > .col {
  padding-left: 10px;
  padding-right: 10px;
}

#pl .custom-row-my-sm, #vl .custom-row-my-sm, #cc .custom-row-my-sm, #he .custom-row-my-sm, #xa .custom-row-my-sm {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

#pl .custom-row-my-sm > .col-lg-1, #pl .custom-row-my-sm > .col-lg-10, #pl .custom-row-my-sm > .col-lg-11, #pl .custom-row-my-sm > .col-lg-12, #pl .custom-row-my-sm > .col-lg-2, #pl .custom-row-my-sm > .col-lg-3, #pl .custom-row-my-sm > .col-lg-4, #pl .custom-row-my-sm > .col-lg-5, #pl .custom-row-my-sm > .col-lg-6, #pl .custom-row-my-sm > .col-lg-7, #pl .custom-row-my-sm > .col-lg-8, #pl .custom-row-my-sm > .col-lg-9, #pl .custom-row-my-sm > .col-md-1, #pl .custom-row-my-sm > .col-md-10, #pl .custom-row-my-sm > .col-md-11, #pl .custom-row-my-sm > .col-md-12, #pl .custom-row-my-sm > .col-md-2, #pl .custom-row-my-sm > .col-md-3, #pl .custom-row-my-sm > .col-md-4, #pl .custom-row-my-sm > .col-md-5, #pl .custom-row-my-sm > .col-md-6, #pl .custom-row-my-sm > .col-md-7, #pl .custom-row-my-sm > .col-md-8, #pl .custom-row-my-sm > .col-md-9, #pl .custom-row-my-sm > .col-sm-1, #pl .custom-row-my-sm > .col-sm-10, #pl .custom-row-my-sm > .col-sm-11, #pl .custom-row-my-sm > .col-sm-12, #pl .custom-row-my-sm > .col-sm-2, #pl .custom-row-my-sm > .col-sm-3, #pl .custom-row-my-sm > .col-sm-4, #pl .custom-row-my-sm > .col-sm-5, #pl .custom-row-my-sm > .col-sm-6, #pl .custom-row-my-sm > .col-sm-7, #pl .custom-row-my-sm > .col-sm-8, #pl .custom-row-my-sm > .col-sm-9, #pl .custom-row-my-sm > .col-xs-1, #pl .custom-row-my-sm > .col-xs-10, #pl .custom-row-my-sm > .col-xs-11, #pl .custom-row-my-sm > .col-xs-12, #pl .custom-row-my-sm > .col-xs-2, #pl .custom-row-my-sm > .col-xs-3, #pl .custom-row-my-sm > .col-xs-4, #pl .custom-row-my-sm > .col-xs-5, #pl .custom-row-my-sm > .col-xs-6, #pl .custom-row-my-sm > .col-xs-7, #pl .custom-row-my-sm > .col-xs-8, #pl .custom-row-my-sm > .col-xs-9, #pl .custom-row-my-sm > .col, #vl .custom-row-my-sm > .col-lg-1, #vl .custom-row-my-sm > .col-lg-10, #vl .custom-row-my-sm > .col-lg-11, #vl .custom-row-my-sm > .col-lg-12, #vl .custom-row-my-sm > .col-lg-2, #vl .custom-row-my-sm > .col-lg-3, #vl .custom-row-my-sm > .col-lg-4, #vl .custom-row-my-sm > .col-lg-5, #vl .custom-row-my-sm > .col-lg-6, #vl .custom-row-my-sm > .col-lg-7, #vl .custom-row-my-sm > .col-lg-8, #vl .custom-row-my-sm > .col-lg-9, #vl .custom-row-my-sm > .col-md-1, #vl .custom-row-my-sm > .col-md-10, #vl .custom-row-my-sm > .col-md-11, #vl .custom-row-my-sm > .col-md-12, #vl .custom-row-my-sm > .col-md-2, #vl .custom-row-my-sm > .col-md-3, #vl .custom-row-my-sm > .col-md-4, #vl .custom-row-my-sm > .col-md-5, #vl .custom-row-my-sm > .col-md-6, #vl .custom-row-my-sm > .col-md-7, #vl .custom-row-my-sm > .col-md-8, #vl .custom-row-my-sm > .col-md-9, #vl .custom-row-my-sm > .col-sm-1, #vl .custom-row-my-sm > .col-sm-10, #vl .custom-row-my-sm > .col-sm-11, #vl .custom-row-my-sm > .col-sm-12, #vl .custom-row-my-sm > .col-sm-2, #vl .custom-row-my-sm > .col-sm-3, #vl .custom-row-my-sm > .col-sm-4, #vl .custom-row-my-sm > .col-sm-5, #vl .custom-row-my-sm > .col-sm-6, #vl .custom-row-my-sm > .col-sm-7, #vl .custom-row-my-sm > .col-sm-8, #vl .custom-row-my-sm > .col-sm-9, #vl .custom-row-my-sm > .col-xs-1, #vl .custom-row-my-sm > .col-xs-10, #vl .custom-row-my-sm > .col-xs-11, #vl .custom-row-my-sm > .col-xs-12, #vl .custom-row-my-sm > .col-xs-2, #vl .custom-row-my-sm > .col-xs-3, #vl .custom-row-my-sm > .col-xs-4, #vl .custom-row-my-sm > .col-xs-5, #vl .custom-row-my-sm > .col-xs-6, #vl .custom-row-my-sm > .col-xs-7, #vl .custom-row-my-sm > .col-xs-8, #vl .custom-row-my-sm > .col-xs-9, #vl .custom-row-my-sm > .col, #cc .custom-row-my-sm > .col-lg-1, #cc .custom-row-my-sm > .col-lg-10, #cc .custom-row-my-sm > .col-lg-11, #cc .custom-row-my-sm > .col-lg-12, #cc .custom-row-my-sm > .col-lg-2, #cc .custom-row-my-sm > .col-lg-3, #cc .custom-row-my-sm > .col-lg-4, #cc .custom-row-my-sm > .col-lg-5, #cc .custom-row-my-sm > .col-lg-6, #cc .custom-row-my-sm > .col-lg-7, #cc .custom-row-my-sm > .col-lg-8, #cc .custom-row-my-sm > .col-lg-9, #cc .custom-row-my-sm > .col-md-1, #cc .custom-row-my-sm > .col-md-10, #cc .custom-row-my-sm > .col-md-11, #cc .custom-row-my-sm > .col-md-12, #cc .custom-row-my-sm > .col-md-2, #cc .custom-row-my-sm > .col-md-3, #cc .custom-row-my-sm > .col-md-4, #cc .custom-row-my-sm > .col-md-5, #cc .custom-row-my-sm > .col-md-6, #cc .custom-row-my-sm > .col-md-7, #cc .custom-row-my-sm > .col-md-8, #cc .custom-row-my-sm > .col-md-9, #cc .custom-row-my-sm > .col-sm-1, #cc .custom-row-my-sm > .col-sm-10, #cc .custom-row-my-sm > .col-sm-11, #cc .custom-row-my-sm > .col-sm-12, #cc .custom-row-my-sm > .col-sm-2, #cc .custom-row-my-sm > .col-sm-3, #cc .custom-row-my-sm > .col-sm-4, #cc .custom-row-my-sm > .col-sm-5, #cc .custom-row-my-sm > .col-sm-6, #cc .custom-row-my-sm > .col-sm-7, #cc .custom-row-my-sm > .col-sm-8, #cc .custom-row-my-sm > .col-sm-9, #cc .custom-row-my-sm > .col-xs-1, #cc .custom-row-my-sm > .col-xs-10, #cc .custom-row-my-sm > .col-xs-11, #cc .custom-row-my-sm > .col-xs-12, #cc .custom-row-my-sm > .col-xs-2, #cc .custom-row-my-sm > .col-xs-3, #cc .custom-row-my-sm > .col-xs-4, #cc .custom-row-my-sm > .col-xs-5, #cc .custom-row-my-sm > .col-xs-6, #cc .custom-row-my-sm > .col-xs-7, #cc .custom-row-my-sm > .col-xs-8, #cc .custom-row-my-sm > .col-xs-9, #cc .custom-row-my-sm > .col, #he .custom-row-my-sm > .col-lg-1, #he .custom-row-my-sm > .col-lg-10, #he .custom-row-my-sm > .col-lg-11, #he .custom-row-my-sm > .col-lg-12, #he .custom-row-my-sm > .col-lg-2, #he .custom-row-my-sm > .col-lg-3, #he .custom-row-my-sm > .col-lg-4, #he .custom-row-my-sm > .col-lg-5, #he .custom-row-my-sm > .col-lg-6, #he .custom-row-my-sm > .col-lg-7, #he .custom-row-my-sm > .col-lg-8, #he .custom-row-my-sm > .col-lg-9, #he .custom-row-my-sm > .col-md-1, #he .custom-row-my-sm > .col-md-10, #he .custom-row-my-sm > .col-md-11, #he .custom-row-my-sm > .col-md-12, #he .custom-row-my-sm > .col-md-2, #he .custom-row-my-sm > .col-md-3, #he .custom-row-my-sm > .col-md-4, #he .custom-row-my-sm > .col-md-5, #he .custom-row-my-sm > .col-md-6, #he .custom-row-my-sm > .col-md-7, #he .custom-row-my-sm > .col-md-8, #he .custom-row-my-sm > .col-md-9, #he .custom-row-my-sm > .col-sm-1, #he .custom-row-my-sm > .col-sm-10, #he .custom-row-my-sm > .col-sm-11, #he .custom-row-my-sm > .col-sm-12, #he .custom-row-my-sm > .col-sm-2, #he .custom-row-my-sm > .col-sm-3, #he .custom-row-my-sm > .col-sm-4, #he .custom-row-my-sm > .col-sm-5, #he .custom-row-my-sm > .col-sm-6, #he .custom-row-my-sm > .col-sm-7, #he .custom-row-my-sm > .col-sm-8, #he .custom-row-my-sm > .col-sm-9, #he .custom-row-my-sm > .col-xs-1, #he .custom-row-my-sm > .col-xs-10, #he .custom-row-my-sm > .col-xs-11, #he .custom-row-my-sm > .col-xs-12, #he .custom-row-my-sm > .col-xs-2, #he .custom-row-my-sm > .col-xs-3, #he .custom-row-my-sm > .col-xs-4, #he .custom-row-my-sm > .col-xs-5, #he .custom-row-my-sm > .col-xs-6, #he .custom-row-my-sm > .col-xs-7, #he .custom-row-my-sm > .col-xs-8, #he .custom-row-my-sm > .col-xs-9, #he .custom-row-my-sm > .col, #xa .custom-row-my-sm > .col-lg-1, #xa .custom-row-my-sm > .col-lg-10, #xa .custom-row-my-sm > .col-lg-11, #xa .custom-row-my-sm > .col-lg-12, #xa .custom-row-my-sm > .col-lg-2, #xa .custom-row-my-sm > .col-lg-3, #xa .custom-row-my-sm > .col-lg-4, #xa .custom-row-my-sm > .col-lg-5, #xa .custom-row-my-sm > .col-lg-6, #xa .custom-row-my-sm > .col-lg-7, #xa .custom-row-my-sm > .col-lg-8, #xa .custom-row-my-sm > .col-lg-9, #xa .custom-row-my-sm > .col-md-1, #xa .custom-row-my-sm > .col-md-10, #xa .custom-row-my-sm > .col-md-11, #xa .custom-row-my-sm > .col-md-12, #xa .custom-row-my-sm > .col-md-2, #xa .custom-row-my-sm > .col-md-3, #xa .custom-row-my-sm > .col-md-4, #xa .custom-row-my-sm > .col-md-5, #xa .custom-row-my-sm > .col-md-6, #xa .custom-row-my-sm > .col-md-7, #xa .custom-row-my-sm > .col-md-8, #xa .custom-row-my-sm > .col-md-9, #xa .custom-row-my-sm > .col-sm-1, #xa .custom-row-my-sm > .col-sm-10, #xa .custom-row-my-sm > .col-sm-11, #xa .custom-row-my-sm > .col-sm-12, #xa .custom-row-my-sm > .col-sm-2, #xa .custom-row-my-sm > .col-sm-3, #xa .custom-row-my-sm > .col-sm-4, #xa .custom-row-my-sm > .col-sm-5, #xa .custom-row-my-sm > .col-sm-6, #xa .custom-row-my-sm > .col-sm-7, #xa .custom-row-my-sm > .col-sm-8, #xa .custom-row-my-sm > .col-sm-9, #xa .custom-row-my-sm > .col-xs-1, #xa .custom-row-my-sm > .col-xs-10, #xa .custom-row-my-sm > .col-xs-11, #xa .custom-row-my-sm > .col-xs-12, #xa .custom-row-my-sm > .col-xs-2, #xa .custom-row-my-sm > .col-xs-3, #xa .custom-row-my-sm > .col-xs-4, #xa .custom-row-my-sm > .col-xs-5, #xa .custom-row-my-sm > .col-xs-6, #xa .custom-row-my-sm > .col-xs-7, #xa .custom-row-my-sm > .col-xs-8, #xa .custom-row-my-sm > .col-xs-9, #xa .custom-row-my-sm > .col {
  padding-top: 5px;
  padding-bottom: 5px;
}

#pl .form-group-child-mb-0 > .form-group, #vl .form-group-child-mb-0 > .form-group, #cc .form-group-child-mb-0 > .form-group, #he .form-group-child-mb-0 > .form-group, #xa .form-group-child-mb-0 > .form-group {
  margin-bottom: 0px;
}

#pl .custom-pt-10, #vl .custom-pt-10, #cc .custom-pt-10, #he .custom-pt-10, #xa .custom-pt-10 {
  padding-top: 10px !important;
}

#pl .custom-mb-20, #vl .custom-mb-20, #cc .custom-mb-20, #he .custom-mb-20, #xa .custom-mb-20 {
  margin-bottom: 20px !important;
}

#pl .custom-mb-30, #vl .custom-mb-30, #cc .custom-mb-30, #he .custom-mb-30, #xa .custom-mb-30 {
  margin-bottom: 30px !important;
}

#pl .custom-my-20, #vl .custom-my-20, #cc .custom-my-20, #he .custom-my-20, #xa .custom-my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

#pl .custom-content-add-row, #vl .custom-content-add-row, #cc .custom-content-add-row, #he .custom-content-add-row, #xa .custom-content-add-row {
  display: flex;
  flex-wrap: wrap;
}

#pl .custom-content-add-row .custom-content-col, #vl .custom-content-add-row .custom-content-col, #cc .custom-content-add-row .custom-content-col, #he .custom-content-add-row .custom-content-col, #xa .custom-content-add-row .custom-content-col {
  width: calc(100% - 82px);
}

#pl .custom-content-add-row .custom-add-col, #vl .custom-content-add-row .custom-add-col, #cc .custom-content-add-row .custom-add-col, #he .custom-content-add-row .custom-add-col, #xa .custom-content-add-row .custom-add-col {
  width: 82px;
  display: flex;
  justify-content: flex-end;
}

#pl .custom-add-row, #vl .custom-add-row, #cc .custom-add-row, #he .custom-add-row, #xa .custom-add-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -5px;
  margin-right: -5px;
}

#pl .custom-add-row .custom-add-text, #vl .custom-add-row .custom-add-text, #cc .custom-add-row .custom-add-text, #he .custom-add-row .custom-add-text, #xa .custom-add-row .custom-add-text {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .custom-add-row .add-only-circle-img, #vl .custom-add-row .add-only-circle-img, #cc .custom-add-row .add-only-circle-img, #he .custom-add-row .add-only-circle-img, #xa .custom-add-row .add-only-circle-img {
  margin-left: 5px;
  margin-right: 5px;
  width: 19px;
  height: 19px;
}

#pl .custom-add-row .add-circle-link, #vl .custom-add-row .add-circle-link, #cc .custom-add-row .add-circle-link, #he .custom-add-row .add-circle-link, #xa .custom-add-row .add-circle-link {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .custom-add-row .add-circle-link .add-circle-img, #vl .custom-add-row .add-circle-link .add-circle-img, #cc .custom-add-row .add-circle-link .add-circle-img, #he .custom-add-row .add-circle-link .add-circle-img, #xa .custom-add-row .add-circle-link .add-circle-img {
  width: 19px;
  height: 19px;
}

#pl .custom-add-row .remove-circle-link, #pl .custom-add-row .remove-circle-static, #vl .custom-add-row .remove-circle-link, #vl .custom-add-row .remove-circle-static, #cc .custom-add-row .remove-circle-link, #cc .custom-add-row .remove-circle-static, #he .custom-add-row .remove-circle-link, #he .custom-add-row .remove-circle-static, #xa .custom-add-row .remove-circle-link, #xa .custom-add-row .remove-circle-static {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .custom-add-row .remove-circle-link .remove-circle-img, #pl .custom-add-row .remove-circle-static .remove-circle-img, #vl .custom-add-row .remove-circle-link .remove-circle-img, #vl .custom-add-row .remove-circle-static .remove-circle-img, #cc .custom-add-row .remove-circle-link .remove-circle-img, #cc .custom-add-row .remove-circle-static .remove-circle-img, #he .custom-add-row .remove-circle-link .remove-circle-img, #he .custom-add-row .remove-circle-static .remove-circle-img, #xa .custom-add-row .remove-circle-link .remove-circle-img, #xa .custom-add-row .remove-circle-static .remove-circle-img {
  width: 19px;
  height: 19px;
}

#pl .custom-add-row .tick-circle-link, #pl .custom-add-row .tick-circle-static, #vl .custom-add-row .tick-circle-link, #vl .custom-add-row .tick-circle-static, #cc .custom-add-row .tick-circle-link, #cc .custom-add-row .tick-circle-static, #he .custom-add-row .tick-circle-link, #he .custom-add-row .tick-circle-static, #xa .custom-add-row .tick-circle-link, #xa .custom-add-row .tick-circle-static {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .custom-add-row .tick-circle-link .tick-circle-img, #pl .custom-add-row .tick-circle-static .tick-circle-img, #vl .custom-add-row .tick-circle-link .tick-circle-img, #vl .custom-add-row .tick-circle-static .tick-circle-img, #cc .custom-add-row .tick-circle-link .tick-circle-img, #cc .custom-add-row .tick-circle-static .tick-circle-img, #he .custom-add-row .tick-circle-link .tick-circle-img, #he .custom-add-row .tick-circle-static .tick-circle-img, #xa .custom-add-row .tick-circle-link .tick-circle-img, #xa .custom-add-row .tick-circle-static .tick-circle-img {
  width: 19px;
  height: 19px;
}

#pl .custom-add-row .custom-added-text, #vl .custom-add-row .custom-added-text, #cc .custom-add-row .custom-added-text, #he .custom-add-row .custom-added-text, #xa .custom-add-row .custom-added-text {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .custom-add-row .custom-add-value, #vl .custom-add-row .custom-add-value, #cc .custom-add-row .custom-add-value, #he .custom-add-row .custom-add-value, #xa .custom-add-row .custom-add-value {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .percentage-row, #vl .percentage-row, #cc .percentage-row, #he .percentage-row, #xa .percentage-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

#pl .percentage-row .percenatge-label, #vl .percentage-row .percenatge-label, #cc .percentage-row .percenatge-label, #he .percentage-row .percenatge-label, #xa .percentage-row .percenatge-label {
  padding-left: 8px;
  padding-right: 8px;
  width: calc(100% - 51px);
}

#pl .percentage-row .percentage-value, #vl .percentage-row .percentage-value, #cc .percentage-row .percentage-value, #he .percentage-row .percentage-value, #xa .percentage-row .percentage-value {
  padding-left: 8px;
  padding-right: 8px;
  width: 51px;
}

#pl .minimum-amount-row, #vl .minimum-amount-row, #cc .minimum-amount-row, #he .minimum-amount-row, #xa .minimum-amount-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

#pl .minimum-amount-row .minimum-amount-label, #vl .minimum-amount-row .minimum-amount-label, #cc .minimum-amount-row .minimum-amount-label, #he .minimum-amount-row .minimum-amount-label, #xa .minimum-amount-row .minimum-amount-label {
  padding-left: 8px;
  padding-right: 8px;
  width: calc(100% - 65px);
}

#pl .minimum-amount-row .minimum-amount-value, #vl .minimum-amount-row .minimum-amount-value, #cc .minimum-amount-row .minimum-amount-value, #he .minimum-amount-row .minimum-amount-value, #xa .minimum-amount-row .minimum-amount-value {
  padding-left: 8px;
  padding-right: 8px;
  width: 65px;
}

#pl .certificate-bg, #vl .certificate-bg, #cc .certificate-bg, #he .certificate-bg, #xa .certificate-bg {
  background-color: #F6F6F9;
}

#pl .add-acc-row, #vl .add-acc-row, #cc .add-acc-row, #he .add-acc-row, #xa .add-acc-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

#pl .add-acc-row .add-acc-label, #vl .add-acc-row .add-acc-label, #cc .add-acc-row .add-acc-label, #he .add-acc-row .add-acc-label, #xa .add-acc-row .add-acc-label {
  width: calc(100% - 69px);
  padding-left: 8px;
  padding-right: 8px;
}

#pl .add-acc-row .add-acc-actions, #vl .add-acc-row .add-acc-actions, #cc .add-acc-row .add-acc-actions, #he .add-acc-row .add-acc-actions, #xa .add-acc-row .add-acc-actions {
  width: 69px;
  padding-left: 8px;
  padding-right: 8px;
}

#pl .add-acc-action-row, #vl .add-acc-action-row, #cc .add-acc-action-row, #he .add-acc-action-row, #xa .add-acc-action-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}

#pl .add-acc-action-row .edit-add-acc, #vl .add-acc-action-row .edit-add-acc, #cc .add-acc-action-row .edit-add-acc, #he .add-acc-action-row .edit-add-acc, #xa .add-acc-action-row .edit-add-acc {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .add-acc-action-row .edit-add-acc .edit-circle-img, #vl .add-acc-action-row .edit-add-acc .edit-circle-img, #cc .add-acc-action-row .edit-add-acc .edit-circle-img, #he .add-acc-action-row .edit-add-acc .edit-circle-img, #xa .add-acc-action-row .edit-add-acc .edit-circle-img {
  width: 19px;
  height: 19px;
}

#pl .add-acc-action-row .remove-add-acc, #vl .add-acc-action-row .remove-add-acc, #cc .add-acc-action-row .remove-add-acc, #he .add-acc-action-row .remove-add-acc, #xa .add-acc-action-row .remove-add-acc {
  margin-left: 5px;
  margin-right: 5px;
}

#pl .add-acc-action-row .remove-add-acc .remove-circle-img, #vl .add-acc-action-row .remove-add-acc .remove-circle-img, #cc .add-acc-action-row .remove-add-acc .remove-circle-img, #he .add-acc-action-row .remove-add-acc .remove-circle-img, #xa .add-acc-action-row .remove-add-acc .remove-circle-img {
  width: 19px;
  height: 19px;
}

#pl .font-size-16, #vl .font-size-16, #cc .font-size-16, #he .font-size-16, #xa .font-size-16 {
  font-size: 16px;
}

#cc .loan_amount {
  background-color: #F6F6F9;
}

.open_new_account #xa .navigation-block ul {
  line-height: 1.5;
  font-size: 1rem;
}

#pl .pl_description_field {
  height: 80px;
}

#vl .custom_error {
  color: red;
}

.ml_word_break {
  overflow-wrap: break-word;
}

/*
  ======================== Default  START==================
  */
.more_online_forms {
  background: url("../img/top_menu_image/Forms_icon_active.svg") no-repeat center;
  height: 40px;
  background-size: 32px !important;
}

.more_book_an_appointment {
  background: url("../img/top_menu_image/book_appointment_active.svg") no-repeat center;
  height: 40px;
  background-size: 32px !important;
}

.home_icon {
  background: url("../img/top_menu_image/Dashboard_icon_active.svg") no-repeat center;
  height: 40px;
  margin-left: 1px;
}

.accounts_icon {
  background: url("../img/top_menu_image/Accounts_Icon_active.svg") no-repeat center;
  height: 40px;
}

.fundtransfer_icon {
  background: url("../img/top_menu_image/Payments_icon_active.svg") no-repeat center;
  height: 40px;
}

.checks_icon {
  background: url("../img/top_menu_image/Checks_icon_active.svg") no-repeat center;
  height: 40px;
}

.cards_icon {
  background: url("../img/top_menu_image/Cards_icon_active.svg") no-repeat center;
  height: 40px;
}

.statements_icon, .estat_icon {
  background: url("../img/top_menu_image/Documents_icon_active.svg") no-repeat center;
  height: 40px;
}

.apply_for_loan_icon {
  background: url("../img/top_menu_image/Loans_icon_active.svg") no-repeat center;
  height: 40px;
}

.open_new_account_icon {
  background: url("../img/Open_new_account.svg") no-repeat center;
  height: 40px;
}

.forms_icon {
  background: url("../img/top_menu_image/Forms_icon_active.svg") no-repeat center;
  height: 30px;
}

.more_icon {
  background: url("../img/top_menu_image/More_icon_active.svg") no-repeat center;
  height: 40px;
}

.business_setting {
  background: url("../img/top_menu_image/Business_setting_icon_active.svg") no-repeat center;
  height: 40px;
}

.activity_since_login_icon {
  background: url("../img/top_menu_image/Activities_icon.svg") no-repeat center;
  height: 40px;
}

.billpay_icon {
  background: url("../img/top_menu_image/pay_bills_icon_active.svg") no-repeat center;
  height: 40px;
}

.pfm_icon {
  background: url("../img/top_menu_image/Financial_tools_icon.svg") no-repeat center;
  height: 40px;
}

.mortgage_icon {
  background: url("../img/top_menu_image/pay_bills_icon_mortgage.svg") no-repeat center;
  height: 40px;
}

/*
  ======================== Default  ENDS==================
  */
/*
  ======================== Default Active STARTS==================
  */
.left-side-bar .sactive .more_online_forms {
  background: url("../img/hover_top_menu_image/Forms_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .more_book_an_appointment {
  background: url("../img/hover_top_menu_image/book_appointment_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .home_icon {
  background: url("../img/hover_top_menu_image/Dashboard_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .accounts_icon {
  background: url("../img/hover_top_menu_image/Accounts_Icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .fundtransfer_icon {
  background: url("../img/hover_top_menu_image/Payments_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .checks_icon {
  background: url("../img/hover_top_menu_image/Checks_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .cards_icon {
  background: url("../img/hover_top_menu_image/Cards_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .statements_icon, .left-side-bar .sactive .estat_icon {
  background: url("../img/hover_top_menu_image/Documents_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .apply_for_loan_icon {
  background: url("../img/hover_top_menu_image/Loans_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .open_new_account_icon {
  background: url("../img/hover_more_menu_image/Open_new_account.svg") no-repeat center !important;
}

.left-side-bar .sactive .forms_icon {
  background: url("../img/hover_top_menu_image/Forms_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .more_icon {
  background: url("../img/hover_top_menu_image/More_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .business_setting {
  background: url("../img/hover_top_menu_image/Business_setting_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .activity_since_login_icon {
  background: url("../img/hover_top_menu_image/Activities_icon.svg") no-repeat center !important;
}

.left-side-bar .sactive .billpay_icon {
  background: url("../img/hover_top_menu_image/pay_bills_icon_active.svg") no-repeat center !important;
}

.left-side-bar .sactive .pfm_icon {
  background: url("../img/hover_more_menu_image/Financial_tools_icon.svg") no-repeat center !important;
}

.left-side-bar .sactive .mortgage_icon {
  background: url("../img/hover_top_menu_image/pay_bills_icon_mortgage.svg") no-repeat center !important;
}

/*
  ======================== Default Active ENDS==================
  */
/*
  ========================On Hover   START==================
  */
.top-main-menu .left-side-bar-icon:hover .more_online_forms {
  background: url("../img/hover_top_menu_image/Forms_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .more_book_an_appointment {
  background: url("../img/hover_top_menu_image/book_appointment_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .home_icon {
  background: url("../img/hover_top_menu_image/Dashboard_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .accounts_icon {
  background: url("../img/hover_top_menu_image/Accounts_Icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .fundtransfer_icon {
  background: url("../img/hover_top_menu_image/Payments_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .checks_icon {
  background: url("../img/hover_top_menu_image/Checks_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .cards_icon {
  background: url("../img/hover_top_menu_image/Cards_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .statements_icon, .top-main-menu .left-side-bar-icon:hover .estat_icon {
  background: url("../img/hover_top_menu_image/Documents_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .apply_for_loan_icon {
  background: url("../img/hover_top_menu_image/Loans_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .open_new_account_icon {
  background: url("../img/hover_more_menu_image/Open_new_account.svg") no-repeat center !important;
}

.top-main-menu .left-side-bar-icon:hover .forms_icon {
  background: url("../img/hover_top_menu_image/Forms_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .more_icon {
  background: url("../img/hover_top_menu_image/More_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .business_setting {
  background: url("../img/hover_top_menu_image/Business_setting_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .activity_since_login_icon {
  background: url("../img/hover_top_menu_image/Activities_icon.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .billpay_icon {
  background: url("../img/hover_top_menu_image/pay_bills_icon_active.svg") no-repeat center;
}

.top-main-menu .left-side-bar-icon:hover .pfm_icon {
  background: url("../img/hover_more_menu_image/Financial_tools_icon.svg") no-repeat center;
  height: 40px;
}

.top-main-menu .left-side-bar-icon:hover .mortgage_icon {
  background: url("../img/hover_top_menu_image/pay_bills_icon_mortgage.svg") no-repeat center;
}

/*
  ========================On Hover   ENDS==================
  */
/*
  ========================Dark Mode Default  STARTS==================
  */
/*
  ========================Dark Mode Default  ENDS==================
  */
/*
  ========================Dark Mode On Hover   START==================
  */
body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .more_online_forms {
  background: url("../img/hover_top_menu_image/Forms_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .more_book_an_appointment {
  background: url("../img/hover_top_menu_image/book_appointment_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .home_icon {
  background: url("../img/hover_top_menu_image/Dashboard_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .accounts_icon {
  background: url("../img/hover_top_menu_image/Accounts_Icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .fundtransfer_icon {
  background: url("../img/hover_top_menu_image/Payments_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .checks_icon {
  background: url("../img/hover_top_menu_image/Checks_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .cards_icon {
  background: url("../img/hover_top_menu_image/Cards_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .statements_icon, body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .estat_icon {
  background: url("../img/hover_top_menu_image/Documents_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .apply_for_loan_icon {
  background: url("../img/hover_top_menu_image/Loans_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .open_new_account_icon {
  background: url("../img/hover_more_menu_image/Open_new_account.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .forms_icon {
  background: url("../img/hover_top_menu_image/Forms_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .more_icon {
  background: url("../img/hover_top_menu_image/More_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .business_setting {
  background: url("../img/hover_top_menu_image/Business_setting_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .activity_since_login_icon {
  background: url("../img/hover_top_menu_image/Activities_icon.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .billpay_icon {
  background: url("../img/hover_top_menu_image/pay_bills_icon_active.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .pfm_icon {
  background: url("../img/hover_more_menu_image/Financial_tools_icon.svg") no-repeat center !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar-icon:hover .mortgage_icon {
  background: url("../img/hover_top_menu_image/pay_bills_icon_mortgage.svg") no-repeat center !important;
}

/*
  ========================On Hover   ENDS==================
  */
/*
  ======================== Default  START==================
  */
.more_rates {
  background: url("../img/default_more_menu_image/RatesIcon.svg") no-repeat center;
}

.more_ira_service {
  background: url("../img/default_more_menu_image/Ira_Service_icon.svg") no-repeat center;
}

.more_mortgage_application {
  background: url("../img/default_more_menu_image/Mortgage_Application_icon.svg") no-repeat center;
}

.more_quick_pay {
  background: url("../img/default_more_menu_image/Quick_Pay_icon.svg") no-repeat center;
}

.more_rates_and_charges {
  background: url("../img/header_notifications.svg") no-repeat center;
}

.more_mortgage_center {
  background: url("../img/default_more_menu_image/mortgage_icon.svg") no-repeat center;
}

.more_mortgage_center_redirect_url {
  background: url("../img/default_more_menu_image/mortgage_icon.svg") no-repeat center;
}

.more_sub_user_list {
  background: url("../img/default_more_menu_image/User_Management_icon.svg") no-repeat center;
}

.more_commercial_activity {
  background: url("../img/default_more_menu_image/commercial_activity_icon.svg") no-repeat center;
}

.more_approval_settings {
  background: url("../img/default_more_menu_image/approval_settings_icon.svg") no-repeat center;
}

.more_loan_calculator_tax_info {
  background: url("../img/new_tax_information_icon.svg") no-repeat center;
}

.more_credit_card_login {
  background: url("../img/Credit_card_login.svg") no-repeat center;
}

.more_elan_credit_card {
  background: url("../img/elan_credit_card.svg") no-repeat center;
}

.more_credit_card_ecs {
  background: url("../img/default_more_menu_image/credit_card_ecs.svg") no-repeat center;
}

.more_apply_loans_form {
  background: url("../img/apply_for_loan_icon.svg") no-repeat center;
}

.more_knowledge_base {
  background: url("../img/knowledge_base_icon.svg") no-repeat center;
}

.more_request_check_copies {
  background: url("../img/more_request_check_icon.svg") no-repeat center;
}

.more_myoffers {
  background: url("../img/my_offers_icon.svg") no-repeat center;
}

.more_refer_a_friend {
  background: url("../img/refer_a_friend_icon.svg") no-repeat center;
}

.more_notifications {
  background: url("../img/default_more_menu_image/header_notifications_v2.svg") no-repeat center;
}

.more_user_id_password {
  background: url("../img/default_more_menu_image/user_and_password_icon.svg") no-repeat center;
}

.more_role_management {
  background: url("../img/default_more_menu_image/role_management_icon.svg") no-repeat center;
}

.more_personal_information {
  background: url("../img/default_more_menu_image/personal_information_icon.svg") no-repeat center;
}

.more_business_information {
  background: url("../img/business_information_icon.svg") no-repeat center;
}

.more_business_address {
  background: url("../img/business_information_icon.svg") no-repeat center;
}

.more_accounts_memberships {
  background: url("../img/default_more_menu_image/Accounts_and_Memberships_icon.svg") no-repeat center;
}

.more_new_account {
  background: url("../img/New_Account_icon.svg") no-repeat center;
}

.more_new_account_open {
  background: url("../img/New_Account_icon.svg") no-repeat center;
}

.more_new_membership {
  background: url("../img/default_more_menu_image/New_Membership_icon.svg") no-repeat center;
}

.more_travel_notice {
  background: url("../img/default_more_menu_image/Travel_Notice_icon.svg") no-repeat center;
}

.more_fast_cash_loan_app {
  background: url("../img/default_more_menu_image/fast_cash_loan_app_icon.svg") no-repeat center;
}

.more_delegate_access {
  background: url("../img/default_more_menu_image/Delegate_Access_icon.svg") no-repeat center;
}

.more_fico_score {
  background: url("../img/FICO_Score_Icon.svg") no-repeat center;
  position: relative;
}

.more_e_documents {
  background: url("../img/Documents_icon.svg") no-repeat center;
}

.more_voice_banking {
  background: url("../img/Voice_Banking_icon.svg") no-repeat center;
}

.more_feedback {
  background: url("../img/Feedback_Icon.svg") no-repeat center;
}

.more_alert_settings {
  background: url("../img/default_more_menu_image/alert_settings_icon.svg") no-repeat center;
}

.more_round_up_saving {
  background: url("../img/default_more_menu_image/round_up_to_savings_icon.svg") no-repeat center;
}

.more_approvals {
  background: url("../img/default_more_menu_image/Approval_Requests_icon.svg") no-repeat center;
}

.more_pfm {
  background: url("../img/default_more_menu_image/Financial_tools_icon.svg") no-repeat center;
}

.more_apply_online {
  background: url("../img/Loans_icon.svg") no-repeat center;
}

.more_reports {
  background: url("../img/default_more_menu_image/reports.svg") no-repeat center;
}

.more_skip_a_pay {
  background: url("../img/default_more_menu_image/Skip-a-Pay-Icon.svg") no-repeat center;
}

.more_card_hub {
  background: url("../img/default_more_menu_image/card_hub.svg") no-repeat center;
}

.more_stop_check {
  background: url("../img/default_more_menu_image/stop_check_icon.svg") no-repeat center;
}

.more_check_reorder {
  background: url("../img/default_more_menu_image/Checks_icon_more_section.svg") no-repeat center;
}

.more_activate_card_operations {
  background: url("../img/default_more_menu_image/Cards_icon.svg") no-repeat center;
}

.more_apply_for_loans {
  background: url("../img/default_more_menu_image/Loans_icon_v2.svg") no-repeat center;
}

.more_apply_for_loan_sync1_sso {
  background: url("../img/consumer_loan_icon.svg") no-repeat center;
}

.more_apply_home_loans {
  background: url("../img/Loans_icon.svg") no-repeat center;
}

.more_block_card_operations {
  background: url("../img/default_more_menu_image/Cards_icon.svg") no-repeat center;
}

.more_mortgage {
  background: url("../img/pay_bills_icon.svg") no-repeat center;
}

.more_courtesy_pay {
  background: url("../img/Courtesy_pay_icon.svg") no-repeat center;
}

.more_direct_deposit_form {
  background: url("../img/Direct_deposit_form_icon.svg") no-repeat center;
}

.more_cash_please {
  background: url("../img/Cash_please_icon.svg") no-repeat center;
}

.more_apply_for_mortgage {
  background: url("../img/default_more_menu_image/Mortgage_loan_icon.svg") no-repeat center;
}

.more_bill_pay {
  background: url("../img/bill_pay_icon.svg") no-repeat center;
}

.more_security_center {
  background: url("../img/more_security_center_icon.svg") no-repeat center;
}

.more_contact_us {
  background: url("../img/more_contact_us_icon.svg") no-repeat center;
}

.more_about {
  background: url("../img/more_about_icon.svg") no-repeat center;
}

.more_today_auto_rates {
  background: url("../img/more_today_auto_rates_icon.svg") no-repeat center;
}

.more_apply {
  background: url("../img/apply_loan_icon.svg") no-repeat center;
}

.more_disclosure {
  background: url("../img/more_disclosure_icon.svg") no-repeat center;
}

.more_turbo_tax {
  background: url("../img/more_turbo_tax_icon.svg") no-repeat center;
}

.more_quicken {
  background: url("../img/more_turbo_tax_icon.svg") no-repeat center;
}

.more_financial_education_blog {
  background: url("../img/financial_education_icon.svg") no-repeat center;
}

.more_health_savings_account {
  background: url("../img/hsa_account_icon.svg") no-repeat center;
}

.more_ira_account {
  background: url("../img/ira_account_icon.svg") no-repeat center;
}

.more_home_loan {
  background: url("../img/apply_loan_icon.svg") no-repeat center;
}

.more_auto_loan {
  background: url("../img/apply_loan_icon.svg") no-repeat center;
}

.more_personal {
  background: url("../img/apply_loan_icon.svg") no-repeat center;
}

.more_check_request {
  background: url("../img/default_more_menu_image/Checks_icon.svg") no-repeat center;
}

.more_check_deposit_sso {
  background: url("../img/default_more_menu_image/Checks_icon.svg") no-repeat center;
}

.more_credit_score {
  background: url("../img/default_more_menu_image/credit_score.svg") no-repeat center;
}

.more_account_settings {
  background: url("../img/default_more_menu_image/Account_Alerts.svg") no-repeat center;
}

.more_general_settings {
  background: url("../img/default_more_menu_image/General_Alerts.svg") no-repeat center;
}

.more_do-not_didturb_settings {
  background: url("../img/default_more_menu_image/Do_Not_Disturb.svg") no-repeat center;
}

.more_memberships {
  background: url("../img/default_more_menu_image/Membership_Settings.svg") no-repeat center;
}

.more_password {
  background: url("../img/password_icon.svg") no-repeat center;
}

.more_one-time_passcode {
  background: url("../img/default_more_menu_image/One_Time_Passcode.svg") no-repeat center;
}

.more_manage_devices {
  background: url("../img/default_more_menu_image/Manage_Devices.svg") no-repeat center;
}

.more_recent_activities {
  background: url("../img/default_more_menu_image/Recent_Activities.svg") no-repeat center;
}

.more_open_new_account {
  background: url("../img/Open_new_account.svg") no-repeat center;
}

.more_digital_banking_demo {
  background: url("../img/online_banking_demo.svg") no-repeat center;
}

.more_helpdesk {
  background: url("../img/more_helpdesk.svg") no-repeat center;
}

.more_loan_calculator_tax_info {
  background: url("../img/Loan_calculator_icon.svg") no-repeat center;
}

.more_real_estate_loans {
  background: url("../img/Loans_icon_v2.svg") no-repeat center;
}

.more_tax_info {
  background: url("../img/Tax_information_icon.svg") no-repeat center;
}

.more_atm_branch_locations {
  background: url("../img/atm_branch_locator.svg") no-repeat center;
}

.more_online_forms {
  background: url("../img/default_more_menu_image/Forms_icon_active.svg") no-repeat center;
}

.more_cards_service {
  background: url("../img/default_more_menu_image/Cards_icon.svg") no-repeat center;
}

.more_ice_encompass_loan_application {
  background: url("../img/default_more_menu_image/loan_application.svg") no-repeat center;
}

.more_lockbox_tmr {
  background: url("../img/default_more_menu_image/Lockbox.svg") no-repeat center;
}

.more_rewards_sso {
  background: url("../img/default_more_menu_image/Rewards_points_icon.svg") no-repeat center;
}

.more_deposit_management {
  background: url("../img/default_more_menu_image/wealth_management.svg") no-repeat center;
}

.more_tax_info {
  background: url("../img/Tax_information_icon.svg") no-repeat center;
}

/*
  ========================On Hover Default END==================
  */
.overlay-icons:hover .more_rates {
  background: url("../img/hover_more_menu_image/RatesIcon.svg") no-repeat center;
}

.overlay-icons:hover .more_ira_service {
  background: url("../img/hover_more_menu_image/Ira_Service_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_mortgage_application {
  background: url("../img/hover_more_menu_image/Mortgage_Application_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_quick_pay {
  background: url("../img/hover_more_menu_image/Quick_Pay_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_tax_info {
  background: url("../img/hover_more_menu_image/Tax_information_icon.svg") no-repeat center;
}

.overlay-icons:hover .information-tag {
  color: #FFFFFF;
}

.overlay-icons:hover .overlay-icon-text-color {
  color: #ffffff;
}

.overlay-icons:hover .more_credit_card_ecs {
  background: url("../img/hover_more_menu_image/credit_card_ecs.svg") no-repeat center;
}

.overlay-icons:hover .more_stop_check {
  background: url("../img/hover_more_menu_image/stop_check_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_new_membership {
  background: url("../img/hover_more_menu_image/New_Membership_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_new_account {
  background: url("../img/hover_more_menu_image/New_Account_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_travel_notice {
  background: url("../img/hover_more_menu_image/Travel_Notice_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_fast_cash_loan_app {
  background: url("../img/hover_more_menu_image/fast_cash_loan_app_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_delegate_access {
  background: url("../img/default_more_menu_image/Delegate_Access_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_delegate_access {
  background: url("../img/hover_more_menu_image/Delegate_Access_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_check_reorder {
  background: url("../img/hover_more_menu_image/Checks_icon_more_section.svg") no-repeat center;
}

.overlay-icons:hover .more_notifications {
  background: url("../img/hover_more_menu_image/header_notifications_v2.svg") no-repeat center;
}

.overlay-icons:hover .more_apply_for_loans {
  background: url("../img/hover_more_menu_image/Loans_icon_v2.svg") no-repeat center;
}

.overlay-icons:hover .more_apply_for_loan_sync1_sso {
  background: url("../img/hover_more_menu_image/consumer_loan_icon_dt_hover.svg") no-repeat center;
}

.overlay-icons:hover .more_sub_user_list {
  background: url("../img/hover_more_menu_image/User_Management_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_user_id_password {
  background: url("../img/hover_more_menu_image/user_and_password_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_e_documents {
  background: url("../img/hover_more_menu_image/Documents_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_role_management {
  background: url("../img/hover_more_menu_image/role_management_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_password {
  background: url("../img/hover_more_menu_image/password_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_online_forms {
  background: url("../img/hover_more_menu_image/Forms_icon_active.svg") no-repeat center;
}

.overlay-icons:hover .more_cards_service {
  background: url("../img/hover_more_menu_image/Cards_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_approvals {
  background: url("../img/hover_more_menu_image/Approval_Requests_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_one-time_passcode {
  background: url("../img/hover_more_menu_image/One_Time_Passcode.svg") no-repeat center;
}

.overlay-icons:hover .more_skip_a_pay {
  background: url("../img/hover_more_menu_image/Skip-a-Pay-Icon.svg") no-repeat center;
}

.overlay-icons:hover .more_card_hub {
  background: url("../img/hover_more_menu_image/card_hub.svg") no-repeat center;
}

.overlay-icons:hover .more_approval_settings {
  background: url("../img/hover_more_menu_image/approval_settings_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_manage_devices {
  background: url("../img/hover_more_menu_image/Manage_Devices.svg") no-repeat center;
}

.overlay-icons:hover .more_pfm {
  background: url("../img/hover_more_menu_image/Financial_tools_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_commercial_activity {
  background: url("../img/hover_more_menu_image/commercial_activity_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_recent_activities {
  background: url("../img/hover_more_menu_image/Recent_Activities.svg") no-repeat center;
}

.overlay-icons:hover .more_memberships {
  background: url("../img/hover_more_menu_image/Membership_Settings.svg") no-repeat center;
}

.overlay-icons:hover .more_credit_score {
  background: url("../img/hover_more_menu_image/credit_score.svg") no-repeat center;
}

.overlay-icons:hover .more_reports {
  background: url("../img/hover_more_menu_image/reports.svg") no-repeat center;
}

.overlay-icons:hover .more_accounts_memberships {
  background: url("../img/hover_more_menu_image/Accounts_and_Memberships_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_check_request {
  background: url("../img/hover_more_menu_image/Checks_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_check_deposit_sso {
  background: url("../img/hover_more_menu_image/Checks_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_personal_information {
  background: url("../img/hover_more_menu_image/personal_information_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_account_settings {
  background: url("../img/hover_more_menu_image/Account_Alerts.svg") no-repeat center;
}

.overlay-icons:hover .more_general_settings {
  background: url("../img/hover_more_menu_image/General_Alerts.svg") no-repeat center;
}

.overlay-icons:hover .more_do-not_didturb_settings {
  background: url("../img/hover_more_menu_image/Do_Not_Disturb.svg") no-repeat center;
}

.overlay-icons:hover .more_alert_settings {
  background: url("../img/hover_more_menu_image/alert_settings_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_round_up_saving {
  background: url("../img/hover_more_menu_image/round_up_to_savings_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_open_new_account {
  background: url("../img/hover_more_menu_image/Open_new_account.svg") no-repeat center;
}

.overlay-icons:hover .more_ice_encompass_loan_application {
  background: url("../img/hover_more_menu_image/loan_application.svg") no-repeat center;
}

.overlay-icons:hover .more_lockbox_tmr {
  background: url("../img/hover_more_menu_image/Lockbox.svg") no-repeat center;
}

.overlay-icons:hover .more_rewards_sso {
  background: url("../img/hover_more_menu_image/Rewards_points_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_tax_info {
  background: url("../img/hover_more_menu_image/Tax_information_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_apply_for_mortgage {
  background: url("../img/hover_more_menu_image/Mortgage_loan_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_mortgage {
  background: url("../img/hover_more_menu_image/pay_bills_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_deposit_management {
  background: url("../img/hover_more_menu_image/wealth_management.svg") no-repeat center;
}

.overlay-icons:hover .more_real_estate_loans {
  background: url("../img/Loans_icon_v2.svg") no-repeat center;
}

/*
  ========================Dark Mode Default START==================
  */
/*
  ========================Dark Mode Default ENDS==================
  */
/*
  ========================Dark Mode On Hover START==================
  */
body.ux2.ux2-dark-mode .overlay-icons:hover .information-tag {
  color: rgba(0, 0, 0, 0.8);
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_tax_info {
  background: url("../img/hover_more_menu_image/Tax_information_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .overlay-icon-text-color {
  color: #ffffff;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_credit_card_ecs {
  background: url("../img/hover_more_menu_image/credit_card_ecs.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_stop_check {
  background: url("../img/hover_more_menu_image/stop_check_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_new_membership {
  background: url("../img/hover_more_menu_image/New_Membership_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_new_account {
  background: url("../img/hover_more_menu_image/New_Account_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_travel_notice {
  background: url("../img/hover_more_menu_image/Travel_Notice_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_fast_cash_loan_app {
  background: url("../img/hover_more_menu_image/fast_cash_loan_app_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_check_reorder {
  background: url("../img/hover_more_menu_image/Checks_icon_more_section.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_notifications {
  background: url("../img/hover_more_menu_image/header_notifications_v2.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_sub_user_list {
  background: url("../img/hover_more_menu_image/User_Management_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_user_id_password {
  background: url("../img/hover_more_menu_image/user_and_password_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_e_documents {
  background: url("../img/hover_more_menu_image/Documents_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_role_management {
  background: url("../img/hover_more_menu_image/role_management_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_password {
  background: url("../img/hover_more_menu_image/password_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_online_forms {
  background: url("../img/hover_more_menu_image/Forms_icon_active.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_cards_service {
  background: url("../img/hover_more_menu_image/Cards_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_approvals {
  background: url("../img/hover_more_menu_image/Approval_Requests_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_one-time_passcode {
  background: url("../img/hover_more_menu_image/One_Time_Passcode.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_skip_a_pay {
  background: url("../img/hover_more_menu_image/Skip-a-Pay-Icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_card_hub {
  background: url("../img/hover_more_menu_image/card_hub.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_approval_settings {
  background: url("../img/hover_more_menu_image/approval_settings_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_manage_devices {
  background: url("../img/hover_more_menu_image/Manage_Devices.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_pfm {
  background: url("../img/hover_more_menu_image/Financial_tools_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_commercial_activity {
  background: url("../img/hover_more_menu_image/commercial_activity_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_recent_activities {
  background: url("../img/hover_more_menu_image/Recent_Activities.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_memberships {
  background: url("../img/hover_more_menu_image/Membership_Settings.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_credit_score {
  background: url("../img/hover_more_menu_image/credit_score.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_reports {
  background: url("../img/hover_more_menu_image/reports.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_accounts_memberships {
  background: url("../img/hover_more_menu_image/Accounts_and_Memberships_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_check_request {
  background: url("../img/hover_more_menu_image/Checks_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_check_deposit_sso {
  background: url("../img/hover_more_menu_image/Checks_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_personal_information {
  background: url("../img/hover_more_menu_image/personal_information_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_account_settings {
  background: url("../img/hover_more_menu_image/Account_Alerts.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_general_settings {
  background: url("../img/hover_more_menu_image/General_Alerts.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_do-not_didturb_settings {
  background: url("../img/hover_more_menu_image/Do_Not_Disturb.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_alert_settings {
  background: url("../img/hover_more_menu_image/alert_settings_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_round_up_saving {
  background: url("../img/hover_more_menu_image/round_up_to_savings_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_open_new_account {
  background: url("../img/hover_more_menu_image/Open_new_account.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_rewards_sso {
  background: url("../img/hover_more_menu_image/Rewards_points_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_deposit_management {
  background: url("../img/hover_more_menu_image/wealth_management.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_real_estate_loans {
  background: url("../img/Loans_icon_v2.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_icons {
  height: 24px;
  background-size: contain;
}

/*
  ========================Dark Mode On ENDS START==================
  */
.more_icons {
  height: 24px;
  background-size: contain !important;
}

.footerMarginRight {
  margin-right: 10px !important;
}

body.ux2.ux2-dark-mode .is_deposit, .is_deposit {
  color: #FFFFFF  !important;
}

body.ux2.ux2-dark-mode .is_withdrawal, .is_withdrawal {
  color: #FF0000  !important;
}

.is_withdrawal {
  color: #FF0000  !important;
}

.is_deposit {
  color: #000000  !important;
}

.is_loan_past_due {
  color: #FF0000 !important;
}

#mobileAppPrompt .openAppContainer a {
  font-size: 12px !important;
}

@media (max-width: 576px) {
  #account_summary .drop-more-menu,
  #account_details .see-more-div.ux2-text-nowrap {
    display: none !important;
  }
}

.video_call_us:hover, .chat_with_us:hover, .view_faq:hover {
  color: #FFFFFF !important;
}

.ux2-dark-mode .searchBar #header_search {
  color: #FFFFFF !important;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar .sactive .side_menu_name {
  color: #FFFFFF;
}

body.alpaca {
  background-image: url(../img/backdrop.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

body.alpaca.ux2-dark-mode {
  background-image: url(../img/darktheme/backdrop-dark.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

body.ux2.ux2-dark-mode .top-main-menu .left-side-bar .sactive .side_menu_name {
  color: #000000 !important;
}

body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected.disabled {
  background-color: #151F6D !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected.disabled .olbselect--option__body,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected.disabled span.main-title {
  color: #ffffff !important;
}

body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) {
  background-color: #ffffff !important;
  color: #2a2a2a !important;
}

body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) .acc-row .acc-details .acc-type,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) .acc-row .acc-number-amount-col .acc-number,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) .acc-row .acc-number-amount-col .acc-amount,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) .own_account_member_masking_source,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) .mask_number i,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) span,
body.ux2-dark-mode .olbselect > .olbselect__menu .olbselect__list .olbselect--option.selected:not(.disabled) div {
  color: #2a2a2a !important;
}

.ux2-dark-mode .alert-danger b {
  color: #000000 !important;
}

.more_new_account {
  background: url("../img/New_Account_icon.svg") no-repeat center;
}

.more_mortgage {
  background: url("../img/default_more_menu_image/Mortgage_loan_icon.svg") no-repeat center;
}

.more_mortage_loan {
  background: url("../img/default_more_menu_image/mortgage_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_new_account {
  background: url("../img/hover_more_menu_image/New_Account_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_mortgage {
  background: url("../img/hover_more_menu_image/Mortgage_loan_icon.svg") no-repeat center;
}

.overlay-icons:hover .more_mortage_loan {
  background: url("../img/hover_more_menu_image/mortgage_icon.svg") no-repeat center;
}

body.ux2.ux2-dark-mode .overlay-icons:hover .more_new_account {
  background: url("../img/hover_more_menu_image/New_Account_icon.svg") no-repeat center;
}

@media (min-width: 576px) and (max-width: 767px) {
  .searchLabel {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .searchLabel {
    display: none;
  }
}

@media (max-width: 575px) {
  .searchLabel {
    display: none;
  }
}

#run_template_form .row.block-body .col-lg-12.mb-0 {
  color: black !important;
}

body.ux2-dark-mode #run_template_form .row.block-body .col-lg-12.mb-0 {
  color: white !important;
}

body.ux2.ux2-dark-mode img.footerInlineDisplay.footer_social {
  filter: none !important;
}

body.ux2.ux2-dark-mode .trusted-device-inner-container-1 {
  flex-direction: column;
  background: none;
  border-radius: 16px;
  overflow: hidden;
  background: url("../img/Trusted_device_ellipse_2.svg"), url("../img/Trusted_device_ellipse_1.svg");
  background-position: right top, right top;
  background-repeat: no-repeat, no-repeat;
  background-color: none !important;
  background-size: 35% 65%,50% 62%;
}

.ux2.ux2-dark-mode #trusted_device_success_box {
  background: none !important;
  width: 70%;
  padding: 10px;
  margin-left: 20%;
  border-radius: 10px;
  font: 400 14px Nunito Sans;
}

.switch_account_overlay .switch-user-block:hover {
  border: 1px solid #2a2a2a;
  background-color: #ffffff;
  color: #000000;
}

.ux2.ux2-dark-mode .switch_account_overlay .switch-user-block:hover {
  border: 1px solid #FFFFFF;
  background-color: #000000;
  color: #FFFFFF;
}

#sub_user_reset_password .ux2-login-toggle-password .fa-eye-slash {
  position: relative !important;
}

#success_popup .micro_animation_success_message_content a,
#success_popup .micro_animation_success_message_content a:hover {
  color: #151F6D !important;
}

.ux2-dark-mode .ux2-payment-img {
  filter: brightness(1) invert(0) !important;
}

.footerMarginTop {
  margin-top: 10px !important;
}

.footerMarginBottom {
  margin-bottom: 10px !important;
}

.footerPolicy {
  line-height: 18px !important;
}

/*# sourceMappingURL=app.css.map */