/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/slick-carousel/slick/slick.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/slick-carousel/slick/slick-theme.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.0b80f665935ef7de.gif') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;

  src: url('slick.25572f22d77029da.eot');
  src: url('slick.25572f22d77029da.eot?#iefix') format('embedded-opentype'), url('slick.653a4cbba6e1a2b3.woff') format('woff'), url('slick.6aa1ee46202fac6e.ttf') format('truetype'), url('slick.f895cfdf693e6229.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;

  opacity: .75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}

.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: .25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}

.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}

.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
  width: 100%;
}

.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}

.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  border-radius: 4px;
  border-color: #ddd;
}

.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}

.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}

.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}

@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }

  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0');
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"
}

.fa-won:before,
.fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/*!
 * Bootstrap  v5.2.3 (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)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd
}

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

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25
}

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

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

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

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

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

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

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

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

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

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

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

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

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

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

ol,
ul {
  padding-left: 2rem
}

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

ol ol,
ol ul,
ul ol,
ul ul {
  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,
small {
  font-size: .875em
}

.mark,
mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: var(--bs-link-color);
  text-decoration: underline
}

a:hover {
  color: var(--bs-link-hover-color)
}

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

code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

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

code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

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

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

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

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

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

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

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

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

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

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

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

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

output {
  display: inline-block
}

iframe {
  border: 0
}

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

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

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

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.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: .5rem
}

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

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

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer::before {
  content: "— "
}

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

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: .375rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

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

.figure-caption {
  font-size: .875em;
  color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

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

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

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

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

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

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

.col-auto {
  flex: 0 0 auto;
  width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.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%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xxl-0 {
    margin-left: 0
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .5rem .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: 2px solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
  border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color)
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

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

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

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

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

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

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

.form-control-plaintext:focus {
  outline: 0
}

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

.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  margin-inline-end: .5rem
}

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

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
  border-radius: .375rem
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px)
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

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

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

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

.form-select:disabled {
  background-color: #e9ecef
}

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

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

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

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

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

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

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

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

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

.form-range:disabled {
  pointer-events: none
}

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

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

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: 1px 0
}

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

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
  z-index: 5
}

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

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .375rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #198754
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, .9);
  border-radius: .375rem
}

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

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

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

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

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

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .375rem
}

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

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

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

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

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

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

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem
}

.btn-group-sm>.btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem
}

.fade {
  transition: opacity .15s linear
}

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

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

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

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

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

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

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

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

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

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

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

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

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

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

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

.dropstart .dropdown-toggle::after {
  display: none
}

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

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

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

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

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

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

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

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

.btn-group {
  border-radius: .375rem
}

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

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

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

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

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

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

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

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .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-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

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

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

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: 0 0;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg)
}

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

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

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

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

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

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

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

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

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

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .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
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .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
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .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
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .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-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

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

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

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

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

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

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

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

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

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

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

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x)
}

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

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

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

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius)
}

.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: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

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

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0
}

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

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@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-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    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-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-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, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
  display: none
}

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

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

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

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
  color: #06357a
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
  color: #34383c
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
  color: #0c4128
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
  color: #04414d
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
  color: #523e02
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
  color: #6a1a21
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
  color: #4f5050
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
  color: #101214
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition)
}

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

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

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

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

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

.list-group-numbered>.list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.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: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color)
}

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

.list-group-item+.list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width)
}

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

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  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: var(--bs-list-group-border-width);
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

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

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

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

.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

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

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #084298;
  background-color: #bacbe6
}

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

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #41464b;
  background-color: #cbccce
}

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

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #0f5132;
  background-color: #bcd0c7
}

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

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #055160;
  background-color: #badce3
}

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

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #664d03;
  background-color: #e6dbb9
}

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

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #842029;
  background-color: #dfc2c4
}

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

.list-group-item-light {
  color: #636464;
  background-color: #fefefe
}

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

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

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #141619;
  background-color: #bebebf
}

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

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: .5
}

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

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
  opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: .25
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x)
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .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 {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

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

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

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

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  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: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height)
}

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

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  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: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-end>.popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg)
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color)
}

.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 .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  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: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

.spinner-border,
.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:575.98px) {

  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none
  }
}

@media (max-width:575.98px) {

  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:767.98px) {

  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none
  }
}

@media (max-width:767.98px) {

  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:991.98px) {

  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none
  }
}

@media (max-width:991.98px) {

  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1199.98px) {

  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none
  }
}

@media (max-width:1199.98px) {

  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1399.98px) {

  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none
  }
}

@media (max-width:1399.98px) {

  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}

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

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible
}

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

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

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

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

.placeholder.btn::before {
  display: inline-block;
  content: ""
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: #0d6efd !important
}

.link-primary:focus,
.link-primary:hover {
  color: #0a58ca !important
}

.link-secondary {
  color: #6c757d !important
}

.link-secondary:focus,
.link-secondary:hover {
  color: #565e64 !important
}

.link-success {
  color: #198754 !important
}

.link-success:focus,
.link-success:hover {
  color: #146c43 !important
}

.link-info {
  color: #0dcaf0 !important
}

.link-info:focus,
.link-info:hover {
  color: #3dd5f3 !important
}

.link-warning {
  color: #ffc107 !important
}

.link-warning:focus,
.link-warning:hover {
  color: #ffcd39 !important
}

.link-danger {
  color: #dc3545 !important
}

.link-danger:focus,
.link-danger:hover {
  color: #b02a37 !important
}

.link-light {
  color: #f8f9fa !important
}

.link-light:focus,
.link-light:hover {
  color: #f9fafb !important
}

.link-dark {
  color: #212529 !important
}

.link-dark:focus,
.link-dark:hover {
  color: #1a1e21 !important
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.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
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.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
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !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
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
  --bs-border-width: 1px
}

.border-2 {
  --bs-border-width: 2px
}

.border-3 {
  --bs-border-width: 3px
}

.border-4 {
  --bs-border-width: 4px
}

.border-5 {
  --bs-border-width: 5px
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.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
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !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
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.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-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
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !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
}

.justify-content-evenly {
  justify-content: space-evenly !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
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

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

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, .5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-gradient {
  background-image: var(--bs-gradient) !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
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !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
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !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
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !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
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !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
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !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
  }

  .d-print-none {
    display: none !important
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./Features/VeriChannel.FWCU.Web/Content/scss/vendors/fuelux/css/fuelux.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Fuel UX v3.17.0 
 * Copyright 2012-2018 ExactTarget
 * Licensed under the BSD-3-Clause license (https://github.com/ExactTarget/fuelux/blob/master/LICENSE)
 */

@charset "UTF-8";

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

@font-face {
  font-family: "fuelux";
  src: url('fuelux.a8bbaafb0c537690.eot');
  src: url('fuelux.a8bbaafb0c537690.eot?#iefix') format("embedded-opentype"), url('fuelux.1c977c2f3160b506.woff') format("woff"), url('fuelux.4bab6fdd495c29be.ttf') format("truetype"), url('fuelux.26a4dd6cf93811d4.svg#fuelux') format("svg");
  font-weight: normal;
  font-style: normal;
}

.fuelux [class^="fueluxicon-"]:before,
.fuelux [class*=" fueluxicon-"]:before {
  font-family: "fuelux", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fuelux .fueluxicon-loader-full:before {
  content: "\e000";
}

.fuelux .fueluxicon-loader-1:before {
  content: "\e001";
}

.fuelux .fueluxicon-loader-2:before {
  content: "\e002";
}

.fuelux .fueluxicon-loader-3:before {
  content: "\e003";
}

.fuelux .fueluxicon-loader-4:before {
  content: "\e004";
}

.fuelux .fueluxicon-loader-5:before {
  content: "\e005";
}

.fuelux .fueluxicon-loader-6:before {
  content: "\e006";
}

.fuelux .fueluxicon-loader-7:before {
  content: "\e007";
}

.fuelux .fueluxicon-loader-8:before {
  content: "\e008";
}

.fuelux .fueluxicon-bullet:before {
  content: "\e009";
}

.fuelux .radio-inline,
.fuelux .checkbox-inline {
  padding-left: 0;
}

.fuelux .radio-inline.highlight,
.fuelux .checkbox-inline.highlight {
  left: -8px;
}

.fuelux .radio-inline label,
.fuelux .checkbox-inline label {
  margin-bottom: 0;
}

label.fuelux .radio:hover:before,
label.fuelux .checkbox:hover:before,
label.fuelux .radio-inline:hover:before,
label.fuelux .checkbox-inline:hover:before,
.input-label.fuelux .radio:hover:before,
.input-label.fuelux .checkbox:hover:before,
.input-label.fuelux .radio-inline:hover:before,
.input-label.fuelux .checkbox-inline:hover:before,
.fuelux .radio label:hover:before,
.fuelux .checkbox label:hover:before,
.fuelux .radio-inline label:hover:before,
.fuelux .checkbox-inline label:hover:before,
.fuelux .radio .input-label:hover:before,
.fuelux .checkbox .input-label:hover:before,
.fuelux .radio-inline .input-label:hover:before,
.fuelux .checkbox-inline .input-label:hover:before {
  box-shadow: inset 0px 0px 2px 1px rgba(91, 157, 217, 0.7), 0px 0px 5px 0px rgba(91, 157, 217, 0.7);
}

.fuelux .radio label,
.fuelux .checkbox label,
.fuelux .radio-inline label,
.fuelux .checkbox-inline label,
.fuelux .radio .input-label,
.fuelux .checkbox .input-label,
.fuelux .radio-inline .input-label,
.fuelux .checkbox-inline .input-label,
label.fuelux .radio,
label.fuelux .checkbox,
label.fuelux .radio-inline,
label.fuelux .checkbox-inline {
  cursor: pointer;
  font-weight: normal;
}

.fuelux .radio.highlight input[type="checkbox"]:not(.sr-only)~label,
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only)~label,
.fuelux .radio-inline.highlight input[type="checkbox"]:not(.sr-only)~label,
.fuelux .checkbox-inline.highlight input[type="checkbox"]:not(.sr-only)~label,
.fuelux .radio.highlight input[type="radio"]:not(.sr-only)~label,
.fuelux .checkbox.highlight input[type="radio"]:not(.sr-only)~label,
.fuelux .radio-inline.highlight input[type="radio"]:not(.sr-only)~label,
.fuelux .checkbox-inline.highlight input[type="radio"]:not(.sr-only)~label {
  padding: 4px;
  border-radius: 4px;
}

.fuelux .radio.highlight input[type="checkbox"]:not(.sr-only):checked~label,
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only):checked~label,
.fuelux .radio-inline.highlight input[type="checkbox"]:not(.sr-only):checked~label,
.fuelux .checkbox-inline.highlight input[type="checkbox"]:not(.sr-only):checked~label,
.fuelux .radio.highlight input[type="radio"]:not(.sr-only):checked~label,
.fuelux .checkbox.highlight input[type="radio"]:not(.sr-only):checked~label,
.fuelux .radio-inline.highlight input[type="radio"]:not(.sr-only):checked~label,
.fuelux .checkbox-inline.highlight input[type="radio"]:not(.sr-only):checked~label {
  background-color: #e6e6e6;
  opacity: 1;
  z-index: 0;
}

.fuelux .radio input[type="checkbox"]:not(.sr-only),
.fuelux .checkbox input[type="checkbox"]:not(.sr-only),
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only),
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only),
.fuelux .radio input[type="radio"]:not(.sr-only),
.fuelux .checkbox input[type="radio"]:not(.sr-only),
.fuelux .radio-inline input[type="radio"]:not(.sr-only),
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  /* for keyboard tabbing */
}

.fuelux .radio input[type="checkbox"]:not(.sr-only)~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)~label,
.fuelux .radio input[type="radio"]:not(.sr-only)~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only)~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)~label {
  padding-left: 0;
}

.fuelux .radio input[type="checkbox"]:not(.sr-only)~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only)~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only)~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)~label:before {
  font-family: "Glyphicons Halflings", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  border: 1px solid #aaaaaa;
  color: #FFF;
  font-size: 9px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin-top: 0;
  margin-bottom: -2px;
  cursor: pointer;
  display: inline-block;
  text-align: left;
  z-index: 2;
  content: "";
}

.fuelux .radio input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .radio input[type="radio"]:not(.sr-only):active~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus~label {
  color: #333333;
  color: #39b3d7;
  cursor: pointer;
}

.fuelux .radio input[type="checkbox"]:not(.sr-only):active~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):active~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active~label:before,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus~label:before {
  box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;

}

.fuelux .radio input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active~label,
.fuelux .radio input[type="radio"]:not(.sr-only):active~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus~label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):active~label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active~label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active~label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):active~label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active~label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active~label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus~label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus~label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus~label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus~label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus~label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus~label:hover {
  color: #333333;
  cursor: pointer;
}

.fuelux .radio input[type="checkbox"]:not(.sr-only):active:hover~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active:hover~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active:hover~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active:hover~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):checked:hover~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked:hover~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked:hover~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):checked:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked:hover~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):active:hover~label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active:hover~label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active:hover~label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover~label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover~label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active:hover~label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):checked:hover~label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked:hover~label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked:hover~label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover~label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):checked:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover~label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked:hover~label:hover {
  color: #333333;
  cursor: pointer;
}

.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled="disabled"]~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled]~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled]~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled]~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled]~label,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled]~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled]~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled]~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled]~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):disabled~label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):disabled~label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):disabled~label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):disabled~label,
.fuelux .radio input[type="radio"]:not(.sr-only):disabled~label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):disabled~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):disabled~label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):disabled~label,
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled="disabled"]~label:before,
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled]~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled]~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled]~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled]~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled]~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled]~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled]~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled]~label:before,
.fuelux .radio input[type="checkbox"]:not(.sr-only):disabled~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):disabled~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):disabled~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):disabled~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):disabled~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):disabled~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):disabled~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):disabled~label:before {
  color: #333333;
  opacity: .65;
  cursor: not-allowed !important;

  box-shadow: none;
}

.fuelux .radio input[type="checkbox"]:not(.sr-only):checked~label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked~label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):checked~label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):checked~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked~label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked~label:before {
  background: #39b3d7;
  border-color: #39b3d7;
}

.fuelux .radio.highlight:before,
.fuelux .checkbox.highlight:before,
.fuelux .radio-inline.highlight:before,
.fuelux .checkbox-inline.highlight:before {
  left: 4px;
  top: 7px;
}

.fuelux .radio.highlight input[type="checkbox"]:not(.sr-only)~label,
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only)~label,
.fuelux .radio.highlight input[type="radio"]:not(.sr-only)~label,
.fuelux .checkbox.highlight input[type="radio"]:not(.sr-only)~label {
  left: -8px;
  position: relative;
}

.fuelux .radio-inline,
.fuelux .checkbox-inline {
  padding-left: 0;
}

.fuelux .radio-inline:before,
.fuelux .checkbox-inline:before {
  left: 0;
  top: 3px;
}

.fuelux .checkbox.multiline,
.fuelux .radio.multiline {
  float: left;
  margin-left: 15px;
}

.fuelux .checkbox.multiline~.control-label,
.fuelux .radio.multiline~.control-label {
  float: left;
  width: 80%;
  margin-left: 10px;
  text-align: left;
}

.fuelux .checkbox.multiline~.control-label>label,
.fuelux .radio.multiline~.control-label>label {
  font-weight: normal;
  cursor: pointer;
}

.fuelux .form-group.required .control-label:before {
  content: '*';
  color: #a94442;
  margin-right: 5px;
}

.fuelux .checkbox {
  /* for keyboard tabbing */
}

.fuelux .checkbox.highlight+.checkbox.highlight {
  margin-top: -5px;
}

.fuelux .checkbox.highlight label.checkbox-custom {
  padding: 4px 4px 4px 24px;
}

.fuelux .checkbox.highlight.checked label.checkbox-custom,
.fuelux .checkbox.highlight label.checked.checkbox-custom {
  background: #e6e6e6;
  border-radius: 4px;
}

.fuelux .checkbox input[type="checkbox"]:focus+.checkbox-label,
.fuelux .checkbox input[type="checkbox"]:hover+.checkbox-label,
.fuelux .checkbox .checkbox-label:hover {
  color: #999999;
}

.fuelux .checkbox input[type="checkbox"]:disabled:focus+.checkbox-label,
.fuelux .checkbox input[type="checkbox"]:disabled:hover+.checkbox-label,
.fuelux .checkbox.disabled label:hover {
  color: inherit;
}

.fuelux .form-horizontal .checkbox-inline {
  padding-top: 0;
}

.fuelux .input-group-addon.checkbox-custom {
  margin-bottom: 0;
  cursor: pointer;
  padding-left: 24px;
}

.fuelux .input-group-addon.checkbox-custom input[type=checkbox] {
  position: absolute;
  margin-left: -24px;
}

.fuelux .input-group-addon.checkbox-custom:before {
  left: 11px;
  top: 9px;
}

.fuelux .checkbox-custom {
  position: relative;
  /* for keyboard tabbing */
  /* for keyboard tabbing */
  /* for keyboard tabbing */
}

.fuelux .checkbox-custom:before {
  font-family: "Glyphicons Halflings", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: #FFF;
  content: " ";
  font-size: 9px;
  height: 14px;
  left: 0px;
  padding: 1px 0 0 1px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.fuelux .checkbox-custom:active:before,
.fuelux .checkbox-custom:focus:before {
  color: #5B9DD9;
  cursor: pointer;
  box-shadow: inset 0px 0px 2px 1px #5B9DD9, 0px 0px 5px 0px #5B9DD9;
}

.fuelux .checkbox-custom.highlight:before {
  left: 4px;
  top: 6px;
}

.fuelux .checkbox-custom.checked:before {
  background: #39b3d7;
  border-color: #39b3d7;
  content: "\e013";
}

.fuelux .checkbox-custom.disabled {
  cursor: not-allowed;
  opacity: .65;
}

.fuelux .checkbox-custom.disabled:before {
  cursor: not-allowed;
  opacity: .65;
}

.fuelux .checkbox-custom.checkbox-inline:before {
  left: 0;
  top: 3px;
}

.fuelux .checkbox-custom.checkbox-inline.highlight {
  padding: 4px 4px 4px 24px;
  left: -4px;
}

.fuelux .checkbox-custom.checkbox-inline.highlight:before {
  left: 4px;
  top: 7px;
}

.fuelux .checkbox-custom.checkbox-inline.highlight.checked {
  background: #e6e6e6;
  border-radius: 4px;
}

.fuelux .checkbox-custom input[type="checkbox"]:focus+.checkbox-label {
  color: #999999;
}

.fuelux .checkbox-custom input[type="checkbox"]+.checkbox-label.truncate {
  display: inherit;
  line-height: 14px;
  margin-top: 3px;
  margin-bottom: -3px;
}

.fuelux label.checkbox-custom.checkbox-inline {
  padding-left: 20px;
}

.fuelux .checkbox input[type="checkbox"]:not(.sr-only)~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)~label:before {
  border-radius: 4px;
  z-index: 1;
}

.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked~label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked~label:before {
  color: white;
  content: "\e013";
  line-height: 1em;
  padding-left: 1px;
  font-size: 8px;
  padding-top: 2px;
}

.fuelux .checkbox.hightlight+.checkbox-inline.highlight,
.fuelux .checkbox-inline.hightlight+.checkbox-inline.highlight {
  margin-left: -14px;
}

.fuelux .checkbox.hightlight+.checkbox-inline.highlight.checkbox-custom,
.fuelux .checkbox-inline.hightlight+.checkbox-inline.highlight.checkbox-custom {
  margin-left: 0px;
}

.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only)~label {
  left: -4px;
}

.fuelux .radio {
  /* for keyboard tabbing */
}

.fuelux .radio.highlight {
  padding: 4px;
  margin: 0 0 5px 0;
}

.fuelux .radio.highlight+.radio.highlight {
  margin-top: -9px;
}

.fuelux .radio.highlight label.radio-custom {
  left: -8px;
  padding: 4px 4px 4px 24px;
  border-radius: 4px;
}

.fuelux .radio.highlight label.radio-custom:before {
  left: 5px;
  top: 7px;
}

.fuelux .radio.highlight label.radio-custom:after {
  left: 9px;
  top: 11px;
}

.fuelux .radio.highlight.checked label.radio-custom,
.fuelux .radio.highlight label.radio-custom.checked {
  background: #e6e6e6;
  border-radius: 4px;
}

.fuelux .radio input[type="radio"]:focus+.radio-label,
.fuelux .radio input[type="radio"]:hover+.radio-label,
.fuelux .radio .radio-label:hover {
  color: #999999;
}

.fuelux .form-horizontal .radio-inline {
  padding-top: 0;
}

.fuelux .input-group-addon.radio-custom.radio-inline:before {
  left: 11px;
  top: 9px;
}

.fuelux .input-group-addon.radio-custom.radio-inline:after {
  left: 15px;
  top: 13px;
}

.fuelux .radio-custom {
  position: relative;
  /* for keyboard tabbing */
  /* for keyboard tabbing */
}

.fuelux .radio-custom .highlight {
  padding: 4px;
  margin: 0 0 5px 0;
}

.fuelux .radio-custom .highlight.checked {
  background: #e6e6e6;
  border-radius: 4px;
}

.fuelux .radio-custom:after {
  background: transparent;
  border-radius: 6px;
  content: " ";
  height: 6px;
  left: 4px;
  position: absolute;
  top: 7px;
  width: 6px;
}

.fuelux .radio-custom:before {
  border: 1px solid #aaaaaa;
  border-radius: 14px;
  content: " ";
  height: 14px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.fuelux .radio-custom.checked:after {
  background: #FFF;
}

.fuelux .radio-custom.checked:before {
  background: #39b3d7;
  border-color: #39b3d7;
}

.fuelux .radio-custom.disabled {
  cursor: not-allowed;
  opacity: .65;
}

.fuelux .radio-custom.disabled:after {
  cursor: not-allowed;
}

.fuelux .radio-custom.disabled:before {
  cursor: not-allowed;
  opacity: .65;
}

.fuelux .radio-custom.radio-inline:after {
  left: 4px;
  top: 7px;
}

.fuelux .radio-custom.radio-inline:before {
  left: 0;
  top: 3px;
}

.fuelux .radio-custom.radio-inline.highlight {
  left: -3px;
  padding: 4px 4px 4px 24px;
}

.fuelux .radio-custom.radio-inline.highlight:after {
  left: 8px;
  top: 11px;
}

.fuelux .radio-custom.radio-inline.highlight:before {
  left: 4px;
  top: 7px;
}

.fuelux .radio-custom.radio-inline.highlight.checked {
  background: #e6e6e6;
  border-radius: 4px;
}

.fuelux .radio-custom input[type="radio"]:focus+.radio-label {
  color: #999999;
}

.fuelux .radio-custom input[type="radio"]+.radio-label.truncate {
  display: inherit;
  line-height: 14px;
  margin-top: 3px;
  margin-bottom: -3px;
}

.fuelux label.radio-custom.radio-inline {
  padding-left: 20px;
}

.fuelux .radio input[type="radio"]:not(.sr-only),
.fuelux .radio-inline input[type="radio"]:not(.sr-only) {
  /* for keyboard tabbing */
  /* for keyboard tabbing */
}

.fuelux .radio input[type="radio"]:not(.sr-only)~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)~label:before {
  border-radius: 8px;
  z-index: 1;
}

.fuelux .radio input[type="radio"]:not(.sr-only):checked~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked~label:before {
  background: #39b3d7;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 12+ */
  /* IE10+ */
  background: radial-gradient(ellipse at center, #FFF 0%, #FFF 40%, #39b3d7 41%, #39b3d7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#39b3d7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

.fuelux .radio input[type="radio"]:not(.sr-only):hover~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):hover~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):active~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus~label:before {
  box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;
}

.fuelux .radio input[type="radio"]:not(.sr-only):active:hover~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover~label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover~label:before {
  outline-color: none;
  outline-offset: 0;
  outline-style: none;
  outline-width: 0;
  cursor: default;
}

.fuelux .radio input[type="radio"]:not(.sr-only):active:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover~label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover~label,
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover~label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover~label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover~label:hover {
  color: #333333;
  cursor: default;
}

.fuelux .combobox.disabled .input-group-btn {
  cursor: not-allowed;
}

.fuelux .combobox input::-ms-clear {
  display: none;
}

.fuelux .combobox .dropdown-menu>li.selected>a {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.fuelux .combobox .dropdown-menu>li>em {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.fuelux .datepicker-calendar {
  padding: 16px 16px 0;
  min-height: 262px;
}

.fuelux .datepicker-calendar button {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.fuelux .datepicker-calendar-days {
  height: 182px;
  margin: 10px 0 12px;
  width: 100%;
  /* for spacing */
}

.fuelux .datepicker-calendar-days thead {
  border-bottom: 1px solid #cccccc;
}

.fuelux .datepicker-calendar-days tbody:before {
  color: transparent;
  content: "\200C";
  display: block;
  line-height: 3px;
  visibility: hidden;
}

.fuelux .datepicker-calendar-days td,
.fuelux .datepicker-calendar-days th {
  font-size: 14px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  width: 14.29%;
}

.fuelux .datepicker-calendar-days td b,
.fuelux .datepicker-calendar-days td button {
  color: #333333;
  display: inline-block;
  font-weight: normal;
  height: 30px;
  text-decoration: none;
  width: 30px;
}

.fuelux .datepicker-calendar-days td b {
  line-height: 30px;
}

.fuelux .datepicker-calendar-days td span {
  display: block;
  border-radius: 4px;
}

.fuelux .datepicker-calendar-days td span:hover {
  background: #f5f5f5;
  text-decoration: none;
}

.fuelux .datepicker-calendar-days td.current-day span {
  border: 1px solid #333333;
}

.fuelux .datepicker-calendar-days td.last-month,
.fuelux .datepicker-calendar-days td.next-month {
  background: #d5d5d5;
}

.fuelux .datepicker-calendar-days td.last-month.first,
.fuelux .datepicker-calendar-days td.next-month.first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-left: 1px;
}

.fuelux .datepicker-calendar-days td.last-month.last,
.fuelux .datepicker-calendar-days td.next-month.last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-right: 1px;
}

.fuelux .datepicker-calendar-days td.past b,
.fuelux .datepicker-calendar-days td.past button {
  color: #999999;
}

.fuelux .datepicker-calendar-days td.restricted b,
.fuelux .datepicker-calendar-days td.restricted button {
  cursor: no-drop;
  position: relative;
}

.fuelux .datepicker-calendar-days td.restricted b:before,
.fuelux .datepicker-calendar-days td.restricted button:before {
  border-top: 1px solid #e9322d;
  bottom: 0;
  content: " ";
  display: block;
  left: 5px;
  position: absolute;
  right: 5px;
  top: 50%;
}

.fuelux .datepicker-calendar-days td.restricted b:hover,
.fuelux .datepicker-calendar-days td.restricted button:hover {
  background: none;
}

.fuelux .datepicker-calendar-days td.selected span {
  background: #eeeeee;
}

.fuelux .datepicker-calendar-days td.selected span:hover {
  background: #dddddd;
}

.fuelux .datepicker-calendar-days td.selected b,
.fuelux .datepicker-calendar-days td.selected button {
  color: #878787;
}

.fuelux .datepicker-calendar-days td.selected.current-day {
  box-shadow: 0 0 0 1px #FFF offset;
}

.fuelux .datepicker-calendar-days td.selected.current-day b,
.fuelux .datepicker-calendar-days td.selected.current-day button {
  color: #222222;
}

.fuelux .datepicker-calendar-days td.selected.current-day span:hover b,
.fuelux .datepicker-calendar-days td.selected.current-day span:hover button {
  border-color: #0f5f9f;
}

.fuelux .datepicker-calendar-days th {
  font-weight: bold;
  height: 22px;
  vertical-align: top;
}

.fuelux .datepicker-calendar-header {
  *zoom: 1;
}

.fuelux .datepicker-calendar-header:before,
.fuelux .datepicker-calendar-header:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .datepicker-calendar-header:after {
  clear: both;
}

.fuelux .datepicker-calendar-header button {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.fuelux .datepicker-calendar-header .title {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 174px;
  color: #222222;
  font-size: 20px;
  line-height: 30px;
  text-decoration: underline;
  vertical-align: middle;
}

.fuelux .datepicker-calendar-header .title:hover {
  color: #0f5f9f;
  text-decoration: underline;
}

.fuelux .datepicker-calendar-header .title.disabled {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.fuelux .datepicker-calendar-header .title .month {
  display: inline;
  margin: 0;
  padding: 0;
}

.fuelux .datepicker-calendar-header .title .month span {
  display: none;
}

.fuelux .datepicker-calendar-header .title .month span.current {
  display: inline;
}

.fuelux .datepicker-calendar-header .next,
.fuelux .datepicker-calendar-header .prev {
  background: #666666;
  background-clip: padding-box;
  border-radius: 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  text-align: center;
  width: 30px;
}

.fuelux .datepicker-calendar-header .next span.glyphicon,
.fuelux .datepicker-calendar-header .prev span.glyphicon {
  color: #FFF;
  font-size: 16px;
  line-height: 30px;
}

.fuelux .datepicker-calendar-header .next:hover,
.fuelux .datepicker-calendar-header .prev:hover {
  background: #0f5f9f;
}

.fuelux .datepicker-calendar-header .next {
  float: right;
}

.fuelux .datepicker-calendar-header .next span.glyphicon {
  line-height: 28px;
}

.fuelux .datepicker-calendar-footer {
  background: #e6e6e6;
  background-clip: padding-box;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #cccccc;
  height: 30px;
  margin: 0 -16px;
  padding: 4px 14px;
}

.fuelux .datepicker-calendar-footer .datepicker-today {
  color: #333333;
  font-size: 14px;
  text-decoration: underline;
}

.fuelux .datepicker-calendar-footer .datepicker-today:hover {
  color: #1b75bb;
  text-decoration: underline;
}

.fuelux .datepicker-calendar-footer .datepicker-today.disabled {
  color: #878787;
  cursor: default;
  pointer-events: none;
}

.fuelux .datepicker-calendar-footer .datepicker-today.disabled:hover {
  color: #878787;
}

.fuelux .datepicker-calendar-wrapper {
  border: 1px solid #757575;
  min-height: 20px;
  padding: 0;
  width: 300px;
}

.fuelux .datepicker-wheels {
  display: none;
}

.fuelux .datepicker-wheels ul button {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.fuelux .datepicker-wheels-footer {
  background: #e6e6e6;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #cccccc;
  clear: both;
}

.fuelux .datepicker-wheels-footer .datepicker-wheels-back {
  display: block;
  color: #222222;
  float: left;
  line-height: 22px;
  border: 0;
  background-color: transparent;
}

.fuelux .datepicker-wheels-footer .datepicker-wheels-back:hover {
  color: #1b75bb;
}

.fuelux .datepicker-wheels-footer .datepicker-wheels-select {
  float: right;
  background-color: transparent;
  color: #5B9DD9;
}

.fuelux .datepicker-wheels-footer .datepicker-wheels-select:hover {
  color: #1b75bb;
}

.fuelux .datepicker-wheels-month,
.fuelux .datepicker-wheels-year {
  float: left;
  width: 50%;
}

.fuelux .datepicker-wheels-month ul,
.fuelux .datepicker-wheels-year ul {
  height: 217px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  text-align: center;
}

.fuelux .datepicker-wheels-month ul li,
.fuelux .datepicker-wheels-year ul li {
  margin: 4px 0;
}

.fuelux .datepicker-wheels-month ul li button,
.fuelux .datepicker-wheels-year ul li button {
  width: 100%;
  text-align: center;
  color: #454545;
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.fuelux .datepicker-wheels-month ul li button:hover,
.fuelux .datepicker-wheels-year ul li button:hover {
  background: #d9edf7;
  text-decoration: none;
}

.fuelux .datepicker-wheels-month ul li.selected button,
.fuelux .datepicker-wheels-year ul li.selected button {
  background: #1b75bb;
  color: #FFF;
}

.fuelux .datepicker-wheels-month ul li.selected button:hover,
.fuelux .datepicker-wheels-year ul li.selected button:hover {
  background: #0f5f9f;
}

.fuelux .datepicker-wheels-month .header,
.fuelux .datepicker-wheels-year .header {
  background: #e6e6e6;
  background-clip: padding-box;
  border-bottom: 1px solid #cccccc;
  border-radius: 4px 0 0 0;
  color: #222222;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

.fuelux .datepicker-wheels-month.full,
.fuelux .datepicker-wheels-year.full {
  border-left: 0;
  width: 100%;
}

.fuelux .datepicker-wheels-month.full .header,
.fuelux .datepicker-wheels-year.full .header {
  border-radius: 4px 4px 0 0;
}

.fuelux .datepicker-wheels-year {
  border-left: 1px solid #cccccc;
  float: right;
}

.fuelux .datepicker-wheels-year .header {
  border-radius: 0 4px 0 0;
}

.fuelux .datepicker input::-ms-clear {
  display: none;
}

.fuelux .infinitescroll {
  overflow-y: auto;
}

.fuelux .infinitescroll .infinitescroll-end {
  clear: both;
  font-style: italic;
  padding: 6px;
  text-align: center;
}

.fuelux .infinitescroll .infinitescroll-load {
  clear: both;
  padding: 6px;
}

.fuelux .infinitescroll .infinitescroll-load button {
  padding: 5px 12px;
  width: 100%;
}

.fuelux .infinitescroll .infinitescroll-load .loader {
  font-size: 32px;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}

.fuelux .dropUp,
.fuelux .dropup {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.fuelux .loader {
  height: 64px;
  font-size: 64px;
  position: relative;
  width: 64px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgd2lkdGg9IjU0cHgiIGhlaWdodD0iNTRweCIgdmlld0JveD0iNSA1IDU0IDU0IiBpZD0ibG9hZGVyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbD0iIzE1ODllZSI+PGcgaWQ9InNwaW5uZXItbWVkaXVtIj48ZyBpZD0iT3ZhbC0zNSI+PGNpcmNsZSBpZD0iVG9wIiBjeD0iMjciIGN5PSI2IiByPSI1Ij48L2NpcmNsZT48Y2lyY2xlIGlkPSJUb3BSaWdodCIgY3g9IjQ4IiBjeT0iMTciIHI9IjUiPjwvY2lyY2xlPjxjaXJjbGUgaWQ9IkJvdHRvbVJpZ2h0IiBjeD0iNDgiIGN5PSIzNiIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBpZD0iQm90dG9tIiBjeD0iMjciIGN5PSI0OCIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBpZD0iQm90dG9tTGVmdCIgY3g9IjYiIGN5PSIzNiIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBpZD0iVG9wTGVmdCIgY3g9IjYiIGN5PSIxNyIgcj0iNSI+PC9jaXJjbGU+PC9nPjwvZz48L2c+PGFuaW1hdGVNb3Rpb24geGxpbms6aHJlZj0iI1RvcCIgcGF0aD0iTSAwIDAgViAtNSBaIiBkdXI9Ii4yNXMiIGJlZ2luPSIwczsgVG9wTGVmdEFuaW0uZW5kIiBpZD0iVG9wQW5pbSIgLz48YW5pbWF0ZU1vdGlvbiB4bGluazpocmVmPSIjVG9wUmlnaHQiIHBhdGg9Ik0gMCAwIEwgNSAtNSBaIiBkdXI9Ii4yNXMiIGJlZ2luPSJUb3BBbmltLmVuZCIgaWQ9IlRvcFJpZ2h0QW5pbSIgLz48YW5pbWF0ZU1vdGlvbiB4bGluazpocmVmPSIjQm90dG9tUmlnaHQiIHBhdGg9Ik0gMCAwIEwgNSA1IFoiIGR1cj0iLjI1cyIgYmVnaW49IlRvcFJpZ2h0QW5pbS5lbmQiIGlkPSJCb3R0b21SaWdodEFuaW0iIC8+PGFuaW1hdGVNb3Rpb24geGxpbms6aHJlZj0iI0JvdHRvbSIgcGF0aD0iTSAwIDAgViA1IFoiIGR1cj0iLjI1cyIgYmVnaW49IkJvdHRvbVJpZ2h0QW5pbS5lbmQiIGlkPSJCb3R0b21BbmltIiAvPjxhbmltYXRlTW90aW9uIHhsaW5rOmhyZWY9IiNCb3R0b21MZWZ0IiBwYXRoPSJNIDAgMCBMIC01IDUgWiIgZHVyPSIuMjVzIiBiZWdpbj0iQm90dG9tQW5pbS5lbmQiIGlkPSJCb3R0b21MZWZ0QW5pbSIgLz48YW5pbWF0ZU1vdGlvbiB4bGluazpocmVmPSIjVG9wTGVmdCIgcGF0aD0iTSAwIDAgTCAtNSAtNSBaIiBkdXI9Ii4yNXMiIGJlZ2luPSJCb3R0b21MZWZ0QW5pbS5lbmQiIGlkPSJUb3BMZWZ0QW5pbSIgLz48L3N2Zz4=");
  background-size: contain;
}

.fuelux .pillbox {
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  cursor: text;
  padding: 3px;
}

.fuelux .pillbox[data-readonly] {
  border: 1px solid transparent;
}

.fuelux .pillbox[data-readonly].truncate .pillbox-input-wrap {
  display: inline-block;
}

.fuelux .pillbox[data-readonly].truncate .pillbox-input-wrap.truncated {
  display: none;
}

.fuelux .pillbox[data-readonly].truncate .pillbox-more {
  display: inline;
}

.fuelux .pillbox[data-readonly] .pill span.glyphicon-close {
  display: none;
}

.fuelux .pillbox[data-readonly] .pillbox-add-item {
  display: none;
}

.fuelux .pillbox[data-readonly] .pillbox-input-wrap {
  display: none;
}

.fuelux .pillbox[data-readonly] .pillbox-input-wrap button.dropdown-toggle {
  display: none;
}

.fuelux .pillbox.pills-editable .pill-group .pill span {
  cursor: text;
}

.fuelux .pillbox.pills-editable .pill-group .pill span.glyphicon-close {
  cursor: pointer;
}

.fuelux .pillbox>.pill-group {
  margin: 0;
  padding: 0;
  width: 100%;
}

.fuelux .pillbox>.pill-group>.pill {
  margin: 2px;
  cursor: default;
  float: left;
  word-break: break-all;
}

.fuelux .pillbox>.pill-group>.pill.pillbox-highlight {
  outline: 1px dotted #999999;
}

.fuelux .pillbox>.pill-group>.pill.truncated {
  display: none;
}

.fuelux .pillbox>.pill-group>.pill .pillbox-list-edit {
  border: none;
  color: #333333;
  font-weight: normal;
  border-radius: 2px;
}

.fuelux .pillbox>.pill-group>.pill .pillbox-list-edit:focus {

  border: none;
}

.fuelux .pillbox>.pill-group>.pill .glyphicon-close {
  cursor: pointer;
  top: -1px;
  left: 2px;
}

.fuelux .pillbox>.pill-group>.pill .glyphicon-close:before {
  content: " \00d7";
}

.fuelux .pillbox>.pill-group>.pill .glyphicon-close:hover {
  opacity: .4;
}

.fuelux .pillbox .pillbox-input-wrap {
  position: relative;
  margin: 4px 0 3px 3px;
  float: left;
}

.fuelux .pillbox .pillbox-input-wrap.editing {
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 2px 0 3px 3px;
}

.fuelux .pillbox .pillbox-input-wrap.editing input.pillbox-add-item {
  border-radius: 4px;
  color: #333333;
  height: 32px;
}

.fuelux .pillbox .pillbox-add-item {
  border: none;
  box-shadow: none;
}

.fuelux .pillbox .pillbox-add-item:focus {

  border: none;
}

.fuelux .pillbox .pillbox-more {
  cursor: pointer;
  display: none;
  line-height: 30px;
}

.fuelux .pillbox .suggest {
  max-height: 166px;
  overflow-y: auto;
}

.fuelux .pillbox .suggest>li {
  white-space: nowrap;
  cursor: pointer;
  padding: 3px 20px;
}

.fuelux .pillbox .suggest>li.pillbox-suggest-sel {
  background-color: #eeeeee;
}

.fuelux .pillbox .suggest>li:hover {
  background-color: #eeeeee;
}

.fuelux .pillbox input::-ms-clear {
  display: none;
}

.fuelux .placard {
  display: inline-block;
  position: relative;
}

.fuelux .placard[data-ellipsis="true"].showing div.placard-field,
.fuelux .placard[data-ellipsis="true"].showing input.placard-field {
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
}

.fuelux .placard[data-ellipsis="true"] div.placard-field,
.fuelux .placard[data-ellipsis="true"] input.placard-field {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fuelux .placard[data-ellipsis="true"] div.placard-field::-ms-clear,
.fuelux .placard[data-ellipsis="true"] input.placard-field::-ms-clear {
  display: none;
}

.fuelux .placard[data-ellipsis="true"] div.placard-field[data-textarea] {
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
}

.fuelux .placard[data-ellipsis="true"] textarea.placard-field[readonly] {
  overflow: hidden;
}

.fuelux .placard.showing .placard-footer,
.fuelux .placard.showing .placard-header,
.fuelux .placard.showing .placard-popup {
  display: block;
  z-index: 1;
}

.fuelux .placard.showing div.placard-field,
.fuelux .placard.showing input.placard-field,
.fuelux .placard.showing textarea.placard-field {
  background: #FFF;
  border: 1px solid #cccccc;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

.fuelux .placard div.placard-field,
.fuelux .placard input.placard-field,
.fuelux .placard textarea.placard-field {
  resize: none;
}

.fuelux .placard div.placard-field[readonly],
.fuelux .placard input.placard-field[readonly],
.fuelux .placard textarea.placard-field[readonly] {
  background: #FFF;
  cursor: auto;
}

.fuelux .placard div.placard-field[readonly].glass,
.fuelux .placard input.placard-field[readonly].glass,
.fuelux .placard textarea.placard-field[readonly].glass {
  background: none;
}

.fuelux .placard div.placard-field[readonly].glass:hover,
.fuelux .placard input.placard-field[readonly].glass:hover,
.fuelux .placard textarea.placard-field[readonly].glass:hover {
  background: #d9edf7;
  cursor: pointer;
}

.fuelux .placard div.placard-field:focus,
.fuelux .placard input.placard-field:focus,
.fuelux .placard textarea.placard-field:focus {
  border: 1px solid #cccccc;
  box-shadow: none;
}

.fuelux .placard div.placard-field {
  width: 168px;
  overflow: auto;
}

.fuelux .placard div.placard-field[data-textarea] {
  height: 54px;
}

.fuelux .placard-cancel {
  font-size: 12px;
  margin-right: 4px;
  vertical-align: middle;
}

.fuelux .placard-footer,
.fuelux .placard-header {
  display: none;
  left: 0;
  line-height: 1;
  position: absolute;
  right: 0;
}

.fuelux .placard-footer {
  padding: 4px 0 8px 0;
  text-align: right;
  top: 100%;
}

.fuelux .placard-header {
  bottom: 100%;
  padding: 8px 0 4px 0;
}

.fuelux .placard-header h1,
.fuelux .placard-header h2,
.fuelux .placard-header h3,
.fuelux .placard-header h4,
.fuelux .placard-header h5,
.fuelux .placard-header h6 {
  margin: 0;
}

.fuelux .placard-popup {
  background: #d9edf7;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  bottom: -8px;
  box-shadow: 0 0 0 1px #FFF inset;
  display: none;
  left: -8px;
  position: absolute;
  right: -8px;
  top: -8px;
}

.fuelux .placard .glass {
  background: transparent;
  border: 1px solid #FFF;
  box-shadow: none;
}

.fuelux .placard .glass:hover {
  background: #d9edf7;
  border-color: #5B9DD9;
  cursor: pointer;
}

.fuelux .placard .glass:hover[disabled] {
  background: transparent;
  border-color: #FFF;
  cursor: not-allowed;
}

.fuelux .placard .glass:focus {
  background: #FFF;
  border-color: #5B9DD9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 8px rgba(91, 157, 217, 0.6);
  cursor: auto;
}

.fuelux .placard .glass:focus[disabled] {
  background: transparent;
  border-color: #FFF;
  cursor: not-allowed;
}

.fuelux .placard .glass[disabled] {
  cursor: not-allowed;
}

.fuelux .repeater {
  border: 1px solid #dddddd;
  border-radius: 4px;
  /*
		 * reinforce spacing around control buttons
		 */
}

.fuelux .repeater-canvas.scrolling {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fuelux .repeater-header,
.fuelux .repeater-footer {
  background: #fafafa;
  min-height: 50px;
  padding: 8px;
  *zoom: 1;
}

.fuelux .repeater-header:before,
.fuelux .repeater-footer:before,
.fuelux .repeater-header:after,
.fuelux .repeater-footer:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .repeater-header:after,
.fuelux .repeater-footer:after {
  clear: both;
}

.fuelux .repeater-header-left,
.fuelux .repeater-footer-left {
  float: left;
}

.fuelux .repeater-header-right,
.fuelux .repeater-footer-right {
  float: right;
}

@media (max-width: 625px) {

  .fuelux .repeater-header-left,
  .fuelux .repeater-footer-left,
  .fuelux .repeater-header-right,
  .fuelux .repeater-footer-right {
    float: none;
    *zoom: 1;
  }

  .fuelux .repeater-header-left:before,
  .fuelux .repeater-footer-left:before,
  .fuelux .repeater-header-right:before,
  .fuelux .repeater-footer-right:before,
  .fuelux .repeater-header-left:after,
  .fuelux .repeater-footer-left:after,
  .fuelux .repeater-header-right:after,
  .fuelux .repeater-footer-right:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .fuelux .repeater-header-left:after,
  .fuelux .repeater-footer-left:after,
  .fuelux .repeater-header-right:after,
  .fuelux .repeater-footer-right:after {
    clear: both;
  }

  .fuelux .repeater-header-left,
  .fuelux .repeater-footer-left {
    margin-bottom: 8px;
  }
}

.fuelux .repeater-header {
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.fuelux .repeater-footer {
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fuelux .repeater-loader {
  display: none;
  left: 50%;
  position: absolute;
  margin: -32px 0 0 -32px;
  top: 50%;
}

.fuelux .repeater-viewport {
  min-height: 80px;
  position: relative;
}

.fuelux .repeater-pagination label {
  font-weight: normal;
}

.fuelux .repeater-pagination .repeater-primaryPaging {
  display: none;
  vertical-align: middle;
  width: 116px;
}

.fuelux .repeater-pagination .repeater-primaryPaging.active {
  display: inline-block;
}

.fuelux .repeater-pagination .repeater-primaryPaging ul.dropdown-menu {
  min-width: 116px;
}

.fuelux .repeater-pagination .repeater-secondaryPaging {
  display: none;
  width: 82px;
}

.fuelux .repeater-pagination .repeater-secondaryPaging.active {
  display: inline-block;
}

.fuelux .repeater-search {
  float: left;
  width: 200px;
}

.fuelux .repeater-title {
  display: block;
  float: left;
  line-height: 34px;
  margin-right: 10px;
}

.fuelux .repeater-itemization .selectlist,
.fuelux .repeater-filters,
.fuelux .repeater-secondaryPaging,
.fuelux .repeater-primaryPaging,
.fuelux .repeater-next,
.fuelux .repeater-prev {
  margin: auto 0.3em;
}

.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable:hover td,
.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable.hovered td {
  background: #fff;
}

.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-select-checkbox {
  cursor: not-allowed;
}

.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table thead tr th.sortable,
.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table thead tr th .repeater-list-heading.sortable {
  background: #fafafa;
  cursor: auto;
}

.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable:hover.selected td,
.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable.hovered.selected td {
  background: #eee;
}

.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable:hover td,
.fuelux .repeater[data-viewtype="list"].disabled .repeater-canvas .repeater-list .repeater-list-wrapper table tbody tr.selectable.hovered td {
  background: #fff;
  cursor: auto;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling {
  overflow: visible;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling .repeater-list {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.scrolling .repeater-list-wrapper {
  height: 100%;
  overflow: auto;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list {
  position: relative;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table {
  margin-bottom: 0;
  width: 100%;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td {
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-top: none;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td:first-child {
  border-left: none;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td.sorted {
  background: #fafafa;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody td.truncate {
  display: inherit;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr:focus {
  outline: 1px dotted #dddddd;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.empty td {
  border-bottom: none;
  font-size: 14px;
  font-style: italic;
  padding: 20px;
  text-align: center;
  width: 100%;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selectable:hover td,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selectable.hovered td {
  background: #f5f5f5;
  cursor: pointer;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selectable .checkbox-custom:before {
  margin-top: -4px;
  top: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selected td {
  background: #eeeeee;
  color: #333333;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table tbody tr.selected td:first-child {
  padding-left: 30px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th {
  background: #fafafa;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid transparent;
  border-top: none;
  color: rgba(0, 0, 0, 0);
  line-height: 1.42857;
  padding: 8px;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th:first-child {
  border-left: none;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th:first-child .header-checkbox {
  width: 37px;
  padding-left: 12px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th:first-child .header-checkbox .checkbox-inline:before {
  top: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th.sortable:hover,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th.sortable.sorted {
  background: #f5f5f5;
  cursor: pointer;
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th.sorted span.glyphicon {
  display: block;
  visibility: hidden;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th span.glyphicon {
  display: none;
  float: right;
  margin-top: 2px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list table thead>tr>th .actions-hidden {
  visibility: hidden;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-check {
  display: inline-block;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: top;
  width: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-check span.glyphicon {
  left: -22px;
  position: absolute;
  top: 2px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading {
  background: #fafafa;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-top: none;
  color: #333333;
  line-height: 1.42857;
  margin-left: -9px;
  padding: 8px;
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.shifted {
  margin-left: -1px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.shifted {
    margin-left: 0;
  }
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.sortable:hover,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.sortable.sorted {
  background: #f5f5f5;
  cursor: pointer;
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading.sortable.sorted span.glyphicon {
  display: block;
  visibility: visible;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas .repeater-list-heading span.glyphicon {
  display: none;
  float: right;
  margin-top: 2px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled {
  overflow: auto;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list-wrapper {
  overflow: visible;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list .frozen-column-wrapper {
  position: absolute;
  z-index: 2;
  left: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list .frozen-thead-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list .frozen-thead-wrapper table {
  border-right: 1px solid #dddddd;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table {
  table-layout: fixed;
  word-wrap: break-word;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen {
  border-right: 1px solid #dddddd;
  z-index: 2;
  background: #FFF;
  border-collapse: collapse;
  table-layout: fixed;
  float: left;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen td,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen th {
  border-collapse: collapse;
  word-wrap: break-word;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen .repeater-frozen-heading {
  background: #fafafa;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.frozen-enabled .repeater-list table.table-frozen .repeater-frozen-heading.shifted {
  left: -1px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled {
  overflow: auto;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list-wrapper {
  overflow: visible;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper {
  position: absolute;
  z-index: 2;
  right: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table {
  table-layout: fixed;
  word-wrap: break-word;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions {
  border-left: 1px solid #dddddd;
  z-index: 2;
  border-collapse: collapse;
  table-layout: fixed;
  float: right;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr {
  border-left: 1px solid #dddddd;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.empty-heading {
  background: transparent;
  border-left: 1px solid transparent;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.empty-heading th {
  background: transparent;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td {
  background: #FFF;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable:hover td,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable.hovered td {
  background: #f5f5f5;
  cursor: pointer;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selectable .checkbox-custom:before {
  margin-top: -4px;
  top: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selected td {
  background: #eeeeee;
  color: #333333;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selected td:first-child {
  padding-left: 30px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th {
  border-collapse: collapse;
  word-wrap: break-word;
  padding-bottom: 5px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td .btn-group,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .btn-group {
  width: 100%;
  text-align: center;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr td .btn-group .btn,
.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .btn-group .btn {
  float: none;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr.selected td:first-child {
  padding-left: 8px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 7px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .repeater-list-heading {
  padding: 8px 0 7px;
  border-left: 1px solid #fafafa;
  margin-left: -9px;
  width: 100%;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .repeater-list-heading .glyphicon {
  display: inline-block;
  float: none;
  margin-top: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-column-wrapper table.table-actions .caret {
  margin-left: 0;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list .actions-thead-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list table {
  table-layout: fixed;
  word-wrap: break-word;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list table thead tr th:last-child .repeater-list-heading {
  border-left: 1px solid transparent;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions {
  background-color: #FFF;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr {
  background-color: transparent;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr.empty-heading {
  border-left: 1px solid #fafafa;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr th {
  padding-bottom: 8px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.actions-enabled .repeater-list.ie-9 .actions-column-wrapper table.table-actions tr td {
  padding-bottom: 6px;
  line-height: 1.39;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list thead tr:first-child .header-checkbox {
  width: 37px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list thead tr:first-child .header-checkbox .checkbox {
  margin: 0 4px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list tbody tr .body-checkbox {
  left: 4px;
  top: -3px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled .repeater-list tr.selected td:first-child {
  padding-left: 8px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-canvas.multi-select-enabled.actions-enabled .repeater-list .actions-column-wrapper table.table-actions tr th .repeater-list-heading {
  border-left: 1px solid #dddddd;
}

.fuelux .repeater[data-viewtype="list"] .repeater-loader {
  margin-top: -12px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-loader.noHeader {
  margin-top: -32px;
}

.fuelux .repeater[data-viewtype="list"] .repeater-viewport {
  overflow: hidden;
}

.fuelux .repeater[data-viewtype="list"] .actions-wrapper {
  z-index: 10;
  text-align: right;
}

.fuelux .repeater.disabled .repeater-thumbnail.selectable:hover {
  background: #fff;
  cursor: auto;
}

.fuelux .repeater.disabled .repeater-thumbnail.selectable.selected:hover {
  background: #eeeeee;
}

.fuelux .repeater-thumbnail {
  border: 1px solid #dddddd;
  color: #666666;
  float: left;
  font-size: 14px;
  min-height: 110px;
  min-width: 100px;
  margin: 8px 7px;
  text-align: center;
}

.fuelux .repeater-thumbnail img {
  display: block;
  margin-top: 10px;
  margin-bottom: 3px;
}

.fuelux .repeater-thumbnail-cont {
  height: 100%;
  overflow-y: auto;
  padding: 6px;
  width: 100%;
}

.fuelux .repeater-thumbnail-cont.align-center,
.fuelux .repeater-thumbnail-cont.align-justify,
.fuelux .repeater-thumbnail-cont.align-left,
.fuelux .repeater-thumbnail-cont.align-right {
  position: relative;
  font-size: 0.1px;
}

.fuelux .repeater-thumbnail-cont.align-center:after,
.fuelux .repeater-thumbnail-cont.align-justify:after,
.fuelux .repeater-thumbnail-cont.align-left:after,
.fuelux .repeater-thumbnail-cont.align-right:after {
  display: inline-block;
  width: 100%;
  content: '';
}

.fuelux .repeater-thumbnail-cont.align-center .infinitescroll-end,
.fuelux .repeater-thumbnail-cont.align-justify .infinitescroll-end,
.fuelux .repeater-thumbnail-cont.align-left .infinitescroll-end,
.fuelux .repeater-thumbnail-cont.align-right .infinitescroll-end,
.fuelux .repeater-thumbnail-cont.align-center .infinitescroll-load,
.fuelux .repeater-thumbnail-cont.align-justify .infinitescroll-load,
.fuelux .repeater-thumbnail-cont.align-left .infinitescroll-load,
.fuelux .repeater-thumbnail-cont.align-right .infinitescroll-load {
  display: inline-block;
  width: 100%;
}

.fuelux .repeater-thumbnail-cont.align-center .repeater-thumbnail,
.fuelux .repeater-thumbnail-cont.align-justify .repeater-thumbnail,
.fuelux .repeater-thumbnail-cont.align-left .repeater-thumbnail,
.fuelux .repeater-thumbnail-cont.align-right .repeater-thumbnail {
  display: inline-block;
  float: none;
  font-size: 14px;
}

.fuelux .repeater-thumbnail-cont.align-center .repeater-thumbnail:after,
.fuelux .repeater-thumbnail-cont.align-justify .repeater-thumbnail:after,
.fuelux .repeater-thumbnail-cont.align-left .repeater-thumbnail:after,
.fuelux .repeater-thumbnail-cont.align-right .repeater-thumbnail:after {
  content: ' ';
}

.fuelux .repeater-thumbnail-cont.align-center {
  text-align: center;
}

.fuelux .repeater-thumbnail-cont.align-justify {
  text-align: justify;
}

.fuelux .repeater-thumbnail-cont.align-left {
  text-align: left;
}

.fuelux .repeater-thumbnail-cont.align-right {
  text-align: right;
}

.fuelux .repeater-thumbnail-cont div.empty {
  font-size: 14px;
  font-style: italic;
  padding: 14px 10px 20px;
  text-align: center;
}

.fuelux .repeater-thumbnail-cont .selectable:hover {
  background: #f5f5f5;
  cursor: pointer;
}

.fuelux .repeater-thumbnail-cont .selectable.selected {
  background: #eeeeee;
}

.fuelux .repeater-thumbnail-cont .selectable.selected:hover {
  background: #dddddd;
}

.fuelux .spinbox {
  display: inline-block;
  position: relative;
}

.fuelux .spinbox.digits-3 {
  width: 60px;
}

.fuelux .spinbox.disabled .spinbox-buttons {
  cursor: not-allowed;
}

.fuelux .spinbox .spinbox-input {
  float: left;
  /* Magic number */
  padding: 0px 25px 0px 7px;
}

.fuelux .spinbox .spinbox-input::-ms-clear {
  display: none;
}

.fuelux .spinbox .btn {
  position: relative;
  width: 20px;
  height: 13px;
  padding-top: 0;
  padding-right: 9px;
  padding-left: 9px;
  overflow-y: hidden;
}

.fuelux .spinbox .btn.disabled {
  cursor: not-allowed;
}

.fuelux .spinbox .spinbox-buttons {
  position: absolute;
  height: 28px;
  width: 20px;
  right: 2px;
}

.fuelux .spinbox .spinbox-up {
  padding: 0 0 14px 1px;
  top: 2px;
}

.fuelux .spinbox .spinbox-up .glyphicon-chevron-up {
  position: relative;
  top: 0px;
}

.fuelux .spinbox .btn-group>.btn.spinbox-up {
  border-top-right-radius: 4px;
}

.fuelux .spinbox .spinbox-down {
  padding: 0 0 8px 1px;
  top: 2px;
  height: 15px;
  border-bottom-left-radius: 4px;
}

.fuelux .spinbox .spinbox-down .glyphicon-chevron-down {
  position: relative;
  left: 0;
  top: 0;
}

.fuelux .spinbox input::-ms-clear {
  display: none;
}

.fuelux .scheduler {
  /* -------------------------------
		START DATE/TIME
	------------------------------- */
  /* -------------------------------
		TIMEZONE
	------------------------------- */
  /* -------------------------------
		REPEAT PANELS
	------------------------------- */
  /* -------------------------------
	END
	------------------------------- */
}

.fuelux .scheduler .row {
  margin-bottom: 10px;
}

.fuelux .scheduler .row.no-margin {
  margin-bottom: 0px;
}

.fuelux .scheduler .control-label {
  min-width: 7em;
}

.fuelux .scheduler .inline-form-text {
  float: left;
  line-height: 27px;
  margin-top: 4px;
}

.fuelux .scheduler .form-group {
  margin-bottom: 0px;
}

.fuelux .scheduler .start-datetime .form-group {
  margin-left: 0;
}

.fuelux .scheduler .start-datetime .combobox {
  max-width: 9em;
}

.fuelux .scheduler .start-datetime .combobox .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.fuelux .scheduler .start-datetime .dropdown {
  float: left;
  margin: 0 10px 0 0;
}

.fuelux .scheduler .timezone-container .input-group {
  max-width: 20em;
}

.fuelux .scheduler .timezone-container .dropdown-label {
  height: 18px;
  white-space: nowrap;
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fuelux .scheduler .timezone-container .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.fuelux .scheduler .repeat-panel {
  margin-left: 0;
}

.fuelux .scheduler .repeat-panel label {
  font-weight: normal;
}

.fuelux .scheduler .repeat-panel .radio {
  margin-right: 10px;
}

.fuelux .scheduler .repeat-panel .form-group {
  margin-left: 0;
}

.fuelux .scheduler .repeat-interval {
  margin-left: 0;
  *zoom: 1;
}

.fuelux .scheduler .repeat-interval:before,
.fuelux .scheduler .repeat-interval:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .scheduler .repeat-interval:after {
  clear: both;
}

.fuelux .scheduler .repeat-interval .form-group {
  margin-left: 0;
}

.fuelux .scheduler .repeat-interval .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.fuelux .scheduler .repeat-interval .repeat-every-panel {
  float: left;
}

.fuelux .scheduler .repeat-interval .repeat-every-panel .repeat-every-pretext {
  padding: 0 10px;
}

.fuelux .scheduler .repeat-interval .repeat-every-panel .spinbox {
  float: left;
  margin-right: 10px;
}

.fuelux .scheduler .repeat-interval .repeat-every-panel .spinbox input {
  margin-bottom: 0;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-date {
  margin-top: 10px;
  *zoom: 1;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-date:before,
.fuelux .scheduler .repeat-monthly .repeat-monthly-date:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-date:after {
  clear: both;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-date .selectlist {
  margin-left: 5px;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-day {
  margin-top: 10px;
  *zoom: 1;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-day:before,
.fuelux .scheduler .repeat-monthly .repeat-monthly-day:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .scheduler .repeat-monthly .repeat-monthly-day:after {
  clear: both;
}

.fuelux .scheduler .repeat-monthly .month-days {
  margin-left: 10px;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-date {
  margin-top: 10px;
  *zoom: 1;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-date:before,
.fuelux .scheduler .repeat-yearly .repeat-yearly-date:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-date:after {
  clear: both;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-date .year-month-day {
  margin-left: 10px;
}

.fuelux .scheduler .repeat-yearly .year-month-days {
  margin-left: 10px;
}

.fuelux .scheduler .repeat-yearly .year-month {
  margin-left: 10px;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-day {
  margin-top: 10px;
  *zoom: 1;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-day:before,
.fuelux .scheduler .repeat-yearly .repeat-yearly-day:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-day:after {
  clear: both;
}

.fuelux .scheduler .repeat-yearly .repeat-yearly-day .repeat-yearly-day-text {
  margin-left: 10px;
}

.fuelux .scheduler .repeat-weekly.repeat-days-of-the-week {
  margin-top: 10px;
  *zoom: 1;
}

.fuelux .scheduler .repeat-weekly.repeat-days-of-the-week:before,
.fuelux .scheduler .repeat-weekly.repeat-days-of-the-week:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .scheduler .repeat-weekly.repeat-days-of-the-week:after {
  clear: both;
}

.fuelux .scheduler .repeat-weekly button:not(.active) {
  background-color: #FFF;
}

.fuelux .scheduler .repeat-weekly .btn-group.disabled {
  position: relative;
  opacity: 0.65;
}

.fuelux .scheduler .repeat-weekly .btn-group.disabled:before {
  background: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.fuelux .scheduler .selectlist {
  float: left;
}

.fuelux .scheduler label.radio {
  float: left;
  line-height: 27px;
}

.fuelux .scheduler label.radio input {
  margin-top: 8px;
}

.fuelux .scheduler .repeat-end .end-after {
  float: left;
  display: inline-block;
  margin-right: 10px;
}

.fuelux .scheduler .repeat-end .form-group {
  margin-left: 0;
}

.fuelux .scheduler .repeat-end .end-option-panel {
  padding-left: 10px;
}

.fuelux .scheduler .repeat-end .selectlist {
  min-width: 100%;
}

.fuelux .scheduler .repeat-end .selectlist button,
.fuelux .scheduler .repeat-end .selectlist ul {
  min-width: 100%;
}

.fuelux .scheduler input::-ms-clear {
  display: none;
}

.fuelux .search.disabled .input-group-btn {
  cursor: not-allowed;
}

.fuelux .search input::-ms-clear {
  display: none;
}

.fuelux .selectlist.disabled {
  cursor: not-allowed;
}

.fuelux .selectlist .selected-label {
  overflow: hidden;
  min-width: 2em;
}

.fuelux .selectlist .dropdown-menu {
  min-width: inherit;
  overflow-y: auto;
}

.fuelux .selectlist .btn.dropdown-toggle {
  text-align: left;
  padding-right: 28px;
}

.fuelux .selectlist .btn.dropdown-toggle .caret {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
}

.fuelux .button-sizer,
.fuelux .selectlist-sizer {
  display: inline-block;
  position: absolute;
  visibility: hidden;
  top: 0;
  float: left;
}

.fuelux .button-sizer .selectlist,
.fuelux .selectlist-sizer .selectlist {
  display: block !important;
}

.fuelux .button-sizer .dropdown-menu,
.fuelux .selectlist-sizer .dropdown-menu {
  display: block;
  min-width: inherit;
}

.fuelux .button-sizer .selected-label,
.fuelux .selectlist-sizer .selected-label {
  width: auto !important;
}

.fuelux .picker {
  display: inline-block;
  position: relative;
}

.fuelux .picker[data-ellipsis="true"].showing input.picker-field {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.fuelux .picker[data-ellipsis="true"] input.picker-field {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fuelux .picker[data-ellipsis="true"] input.picker-field::-ms-clear {
  display: none;
}

.fuelux .picker[data-ellipsis="true"] textarea.picker-field[readonly] {
  overflow: hidden;
}

.fuelux .picker.showing .picker-footer,
.fuelux .picker.showing .picker-header,
.fuelux .picker.showing .picker-popup {
  display: block;
  z-index: 1;
}

.fuelux .picker.showing input.picker-field,
.fuelux .picker.showing textarea.picker-field {
  background: #FFF;
  border: 1px solid #cccccc;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

.fuelux .picker input.picker-field,
.fuelux .picker textarea.picker-field {
  resize: none;
}

.fuelux .picker input.picker-field[readonly],
.fuelux .picker textarea.picker-field[readonly] {
  background: #FFF;
  cursor: auto;
}

.fuelux .picker input.picker-field[readonly].glass,
.fuelux .picker textarea.picker-field[readonly].glass {
  background: none;
}

.fuelux .picker input.picker-field[readonly].glass:hover,
.fuelux .picker textarea.picker-field[readonly].glass:hover {
  background: #d9edf7;
  cursor: pointer;
}

.fuelux .picker input.picker-field:focus,
.fuelux .picker textarea.picker-field:focus {
  border: 1px solid #cccccc;
  box-shadow: none;
}

.fuelux .picker-cancel {
  font-size: 12px;
  margin-right: 4px;
  vertical-align: middle;
}

.fuelux .picker-footer,
.fuelux .picker-header {
  display: none;
  left: 0;
  line-height: 1;
  right: 0;
}

.fuelux .picker-footer {
  padding: 8px 10px 8px 0;
  text-align: right;
  bottom: 0;
  position: absolute;
}

.fuelux .picker-header {
  height: 31px;
  padding: 8px 0 0px 10px;
}

.fuelux .picker-header h1,
.fuelux .picker-header h2,
.fuelux .picker-header h3,
.fuelux .picker-header h4,
.fuelux .picker-header h5,
.fuelux .picker-header h6 {
  margin: 0;
}

.fuelux .picker-popup {
  background: #d9edf7;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #FFF inset;
  display: none;
  position: absolute;
  padding-left: 6px;
  padding-right: 6px;
  height: 234px;
  width: 350px;
  margin: 4px 0;
}

.fuelux .picker .picker-body.well {
  background-color: #fff;
  overflow: scroll;
  padding: 0;
  height: 165px;
}

.fuelux .picker .tree {
  border: none;
}

.fuelux .picker .glass {
  background: transparent;
  border: 1px solid #FFF;
  box-shadow: none;
}

.fuelux .picker .glass:hover {
  background: #d9edf7;
  border-color: #5B9DD9;
  cursor: pointer;
}

.fuelux .picker .glass:hover[disabled] {
  background: transparent;
  border-color: #FFF;
  cursor: not-allowed;
}

.fuelux .picker .glass:focus {
  background: #FFF;
  border-color: #5B9DD9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75), 0 0 8px rgba(91, 157, 217, 0.6);
  cursor: auto;
}

.fuelux .picker .glass:focus[disabled] {
  background: transparent;
  border-color: #FFF;
  cursor: not-allowed;
}

.fuelux .picker .glass[disabled] {
  cursor: not-allowed;
}

.fuelux .tree {
  border: 1px solid #999999;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 15px 0 15px;
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
  list-style: none;
}

.fuelux .tree *:focus {}

.fuelux .tree :focus>.tree-branch-header .tree-label,
.fuelux .tree :focus>button .tree-label {

  text-decoration: underline;
}

.fuelux .tree button:focus {
  color: #999999;
}

.fuelux .tree ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.fuelux .tree li {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.fuelux .tree .tree-loader {
  margin-left: 65px;
}

.fuelux .tree>.tree-loader {
  margin-left: 50px;
}

.fuelux .tree .tree-open>.tree-branch-header .glyphicon-play {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  position: relative;
}

.fuelux .tree [data-children=false]>.tree-branch-header .icon-caret:before {
  content: '\00a0';
}

.fuelux .tree .tree-branch .tree-branch-header {
  position: relative;
  border-radius: 6px;
  white-space: nowrap;
}

.fuelux .tree .tree-branch .tree-branch-header .tree-branch-name:hover {
  color: #999999;
}

.fuelux .tree .tree-branch .tree-branch-header .glyphicon-play {
  font-size: 10px;
  padding-right: 5px;
  padding-left: 7px;
}

.fuelux .tree .tree-branch .tree-branch-header .glyphicon-play:before {
  position: relative;
  top: -2px;
}

.fuelux .tree .tree-branch .tree-branch-header .tree-branch-name {
  white-space: nowrap;
  border-radius: 6px;
  background-color: transparent;
  border: 0;
}

.fuelux .tree .tree-branch .tree-branch-header label {
  font-weight: normal;
  padding-left: 3px;
  margin-bottom: 0;
  cursor: pointer;
}

.fuelux .tree .tree-branch .tree-branch-children {
  margin-left: 14px;
}

.fuelux .tree .tree-branch[haschildren='false'] .icon-caret,
.fuelux .tree .tree-branch[data-has-children='false'] .icon-caret {
  visibility: hidden;
}

.fuelux .tree .tree-item,
.fuelux .tree .tree-overflow {
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  margin-left: 26px;
}

.fuelux .tree .tree-item .tree-item-name,
.fuelux .tree .tree-overflow .tree-item-name,
.fuelux .tree .tree-item .tree-overflow-name,
.fuelux .tree .tree-overflow .tree-overflow-name {
  white-space: nowrap;
  border-radius: 6px;
  background-color: transparent;
  border: 0;
}

.fuelux .tree .tree-item .tree-overflow-name .tree-label,
.fuelux .tree .tree-overflow .tree-overflow-name .tree-label {
  margin-left: 15px;
  color: #0088cc;
}

.fuelux .tree .tree-item .tree-item-name:hover,
.fuelux .tree .tree-overflow .tree-item-name:hover,
.fuelux .tree .tree-item .tree-overflow-name:hover,
.fuelux .tree .tree-overflow .tree-overflow-name:hover {
  color: #999999;
}

.fuelux .tree .tree-item.tree-selected .tree-item-name,
.fuelux .tree .tree-overflow.tree-selected .tree-item-name {
  background-color: #eeeeee;
  color: #333333;
}

.fuelux .tree .tree-item label,
.fuelux .tree .tree-overflow label {
  font-weight: normal;
  padding-left: 7px;
  margin-bottom: 0;
  cursor: pointer;
}

.fuelux .tree .icon-caret:hover+.tree-branch-name {
  color: #999999;
}

.fuelux .tree.tree-folder-select .tree-branch .icon-caret {
  background-color: transparent;
  border: 0;
}

.fuelux .tree.tree-folder-select .tree-branch .icon-caret:hover {
  cursor: pointer;
  color: #999999;
}

.fuelux .tree.tree-folder-select .tree-branch>.tree-branch-name {
  padding: 1px 5px 0 5px;
  border-radius: 6px;
}

.fuelux .tree.tree-folder-select .tree-branch>.tree-branch-name.tree-selected {
  background-color: #eeeeee;
}

.fuelux .tree.tree-folder-select .tree-branch.tree-selected>.tree-branch-header .tree-branch-name {
  background-color: #eeeeee;
}

.fuelux .tree.tree-folder-select .tree-branch.tree-selected>.tree-branch-header .tree-branch-name:hover {
  background-color: #eeeeee;
}

.fuelux .truncate .tree .tree-branch-header .tree-branch-name,
.fuelux .truncate .tree .tree-item .tree-item-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fuelux .wizard {
  *zoom: 1;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  background-color: #fafafa;
  position: relative;
  min-height: 48px;
}

.fuelux .wizard:before,
.fuelux .wizard:after {
  display: table;
  content: "";
  line-height: 0;
}

.fuelux .wizard:after {
  clear: both;
}

.fuelux .wizard.no-steps-container {
  overflow: hidden;
}

.fuelux .wizard .steps-container {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.fuelux .wizard>ul.steps,
.fuelux .wizard>.steps-container>ul.steps {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  width: 999999px;
}

.fuelux .wizard>ul.steps.previous-disabled li.complete,
.fuelux .wizard>.steps-container>ul.steps.previous-disabled li.complete {
  cursor: default;
}

.fuelux .wizard>ul.steps.previous-disabled li.complete:hover,
.fuelux .wizard>.steps-container>ul.steps.previous-disabled li.complete:hover {
  background: #f5f5f5;
  color: #468847;
  cursor: default;
}

.fuelux .wizard>ul.steps.previous-disabled li.complete:hover .chevron:before,
.fuelux .wizard>.steps-container>ul.steps.previous-disabled li.complete:hover .chevron:before {
  border-left-color: #f5f5f5;
}

.fuelux .wizard>ul.steps li,
.fuelux .wizard>.steps-container>ul.steps li {
  float: left;
  margin: 0;
  padding: 0 20px 0 30px;
  height: 46px;
  line-height: 46px;
  position: relative;
  background: #eeeeee;
  color: #999999;
  font-size: 16px;
  cursor: not-allowed;
}

.fuelux .wizard>ul.steps li>.has-secondary-text,
.fuelux .wizard>.steps-container>ul.steps li>.has-secondary-text {
  display: inline;
}

.fuelux .wizard>ul.steps li>.has-secondary-text>h4,
.fuelux .wizard>.steps-container>ul.steps li>.has-secondary-text>h4 {
  display: inline;
  font-size: 16px;
  font-weight: normal;
}

.fuelux .wizard>ul.steps li>.has-secondary-text>small,
.fuelux .wizard>.steps-container>ul.steps li>.has-secondary-text>small {
  display: none;
}

.fuelux .wizard>ul.steps li .chevron,
.fuelux .wizard>.steps-container>ul.steps li .chevron {
  border: 24px solid transparent;
  border-left: 14px solid #d4d4d4;
  border-right: 0;
  display: block;
  position: absolute;
  right: -14px;
  top: 0;
  z-index: 1;
}

.fuelux .wizard>ul.steps li .chevron:before,
.fuelux .wizard>.steps-container>ul.steps li .chevron:before {
  border: 24px solid transparent;
  border-left: 14px solid #eeeeee;
  border-right: 0;
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: -24px;
}

.fuelux .wizard>ul.steps li.complete,
.fuelux .wizard>.steps-container>ul.steps li.complete {
  background: #f5f5f5;
  color: #468847;
}

.fuelux .wizard>ul.steps li.complete:hover,
.fuelux .wizard>.steps-container>ul.steps li.complete:hover {
  background: #e2eaee;
  cursor: pointer;
}

.fuelux .wizard>ul.steps li.complete:hover .chevron:before,
.fuelux .wizard>.steps-container>ul.steps li.complete:hover .chevron:before {
  border-left: 14px solid #e2eaee;
}

.fuelux .wizard>ul.steps li.complete .chevron:before,
.fuelux .wizard>.steps-container>ul.steps li.complete .chevron:before {
  border-left: 14px solid #f5f5f5;
}

.fuelux .wizard>ul.steps li.active,
.fuelux .wizard>.steps-container>ul.steps li.active {
  background: #eef7fb;
  color: #3a87ad;
  cursor: default;
}

.fuelux .wizard>ul.steps li.active .chevron:before,
.fuelux .wizard>.steps-container>ul.steps li.active .chevron:before {
  border-left: 14px solid #eef7fb;
}

.fuelux .wizard>ul.steps li.active .badge,
.fuelux .wizard>.steps-container>ul.steps li.active .badge {
  background-color: #3a87ad;
}

.fuelux .wizard>ul.steps li .badge,
.fuelux .wizard>.steps-container>ul.steps li .badge {
  margin-right: 8px;
}

.fuelux .wizard>ul.steps li .badge-success,
.fuelux .wizard>.steps-container>ul.steps li .badge-success {
  background-color: #468847;
}

.fuelux .wizard>ul.steps li:first-child,
.fuelux .wizard>.steps-container>ul.steps li:first-child {
  border-radius: 4px 0 0 0;
  padding-left: 20px;
}

.fuelux .wizard.rtl {
  direction: rtl;
}

.fuelux .wizard.rtl>ul.steps,
.fuelux .wizard.rtl>.steps-container>ul.steps {
  right: 0;
  left: auto;
  float: right;
}

.fuelux .wizard.rtl>ul.steps.previous-disabled li.complete:hover .chevron:before,
.fuelux .wizard.rtl>.steps-container>ul.steps.previous-disabled li.complete:hover .chevron:before {
  border-right-color: #f5f5f5;
}

.fuelux .wizard.rtl>ul.steps li,
.fuelux .wizard.rtl>.steps-container>ul.steps li {
  float: right;
}

.fuelux .wizard.rtl>ul.steps li .chevron,
.fuelux .wizard.rtl>.steps-container>ul.steps li .chevron {
  right: auto;
  left: -14px;
  border-right: 14px solid #cccccc;
  border-left: 0;
}

.fuelux .wizard.rtl>ul.steps li .chevron:before,
.fuelux .wizard.rtl>.steps-container>ul.steps li .chevron:before {
  right: auto;
  left: 1px;
  border-right: 14px solid #eeeeee;
  border-left: 0;
}

.fuelux .wizard.rtl>ul.steps li.active .chevron:before,
.fuelux .wizard.rtl>.steps-container>ul.steps li.active .chevron:before {
  border-right: 14px solid #eef7fb;
}

.fuelux .wizard.rtl>ul.steps li.complete .chevron:before,
.fuelux .wizard.rtl>.steps-container>ul.steps li.complete .chevron:before {
  border-right: 14px solid #f5f5f5;
}

.fuelux .wizard.rtl>ul.steps li.complete:hover .chevron:before,
.fuelux .wizard.rtl>.steps-container>ul.steps li.complete:hover .chevron:before {
  border-right: 14px solid #e2eaee;
  border-left: none;
}

.fuelux .wizard.rtl>ul.steps li .badge,
.fuelux .wizard.rtl>.steps-container>ul.steps li .badge {
  margin-left: 8px;
}

.fuelux .wizard.rtl>.actions {
  right: auto;
  left: 0;
  float: left;
  border-left: none;
  border-right: 1px solid #d4d4d4;
  border-radius: 4px 0 0 0;
}

.fuelux .wizard.rtl>.actions .btn-prev span {
  margin-left: 5px;
  margin-right: 0;
}

.fuelux .wizard.rtl>.actions .btn-next span {
  margin-left: 0;
  margin-right: 5px;
}

.fuelux .wizard>.actions {
  z-index: 1000;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  background-color: #e6e6e6;
  border-left: 1px solid #d4d4d4;
  border-radius: 0 4px 0 0;
}

.fuelux .wizard>.actions a {
  line-height: 45px;
  font-size: 12px;
  margin-right: 8px;
}

.fuelux .wizard>.actions .btn-prev[disabled] {
  cursor: not-allowed;
}

.fuelux .wizard>.actions .btn-prev span {
  margin-right: 5px;
}

.fuelux .wizard>.actions .btn-next[disabled] {
  cursor: not-allowed;
}

.fuelux .wizard>.actions .btn-next span {
  margin-left: 5px;
}

.fuelux .wizard .step-content {
  border-top: 1px solid #cccccc;
  padding: 10px;
  float: left;
  width: 100%;
}

.fuelux .wizard .step-content .step-pane {
  display: none;
}

.fuelux .wizard .step-content>.active {
  display: block;
}

.fuelux .wizard .step-content>.active .btn-group .active {
  display: inline-block;
}

.fuelux .wizard.complete>.actions .btn-next .glyphicon {
  display: none;
}

.fuelux .serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.fuelux .monospace {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.fuelux .text-sm {
  font-size: 14px * 0.85;
}

.fuelux .text-lg {
  font-size: 14px * 1.25;
}

.fuelux .padding-xs {
  padding: 5px;
}

.fuelux .padding-xs-horizontal {
  padding: 0 5px;
}

.fuelux .padding-xs-vertical {
  padding: 5px 0;
}

.fuelux .padding-xs-top {
  padding-top: 5px;
}

.fuelux .padding-xs-bottom {
  padding-bottom: 5px;
}

.fuelux .padding-xs-left {
  padding-left: 5px;
}

.fuelux .padding-xs-right {
  padding-right: 5px;
}

.fuelux .padding-sm {
  padding: 10px;
}

.fuelux .padding-sm-horizontal {
  padding: 0 10px;
}

.fuelux .padding-sm-vertical {
  padding: 10px 0;
}

.fuelux .padding-sm-top {
  padding-top: 10px;
}

.fuelux .padding-sm-bottom {
  padding-bottom: 10px;
}

.fuelux .padding-sm-left {
  padding-left: 10px;
}

.fuelux .padding-sm-right {
  padding-right: 10px;
}

.fuelux .padding-md {
  padding: 15px;
}

.fuelux .padding-md-horizontal {
  padding: 0 15px;
}

.fuelux .padding-md-vertical {
  padding: 15px 0;
}

.fuelux .padding-md-top {
  padding-top: 15px;
}

.fuelux .padding-md-bottom {
  padding-bottom: 15px;
}

.fuelux .padding-md-left {
  padding-left: 15px;
}

.fuelux .padding-md-right {
  padding-right: 15px;
}

.fuelux .padding-lg {
  padding: 20px;
}

.fuelux .padding-lg-horizontal {
  padding: 0 20px;
}

.fuelux .padding-lg-vertical {
  padding: 20px 0;
}

.fuelux .padding-lg-top {
  padding-top: 20px;
}

.fuelux .padding-lg-bottom {
  padding-bottom: 20px;
}

.fuelux .padding-lg-left {
  padding-left: 20px;
}

.fuelux .padding-lg-right {
  padding-right: 20px;
}

.fuelux .margin-xs {
  margin: 5px;
}

.fuelux .margin-xs-horizontal {
  margin: 0 5px;
}

.fuelux .margin-xs-vertical {
  margin: 5px 0;
}

.fuelux .margin-xs-top {
  margin-top: 5px;
}

.fuelux .margin-xs-bottom {
  margin-bottom: 5px;
}

.fuelux .margin-xs-left {
  margin-left: 5px;
}

.fuelux .margin-xs-right {
  margin-right: 5px;
}

.fuelux .margin-sm {
  margin: 10px;
}

.fuelux .margin-sm-horizontal {
  margin: 0 10px;
}

.fuelux .margin-sm-vertical {
  margin: 10px 0;
}

.fuelux .margin-sm-top {
  margin-top: 10px;
}

.fuelux .margin-sm-bottom {
  margin-bottom: 10px;
}

.fuelux .margin-sm-left {
  margin-left: 10px;
}

.fuelux .margin-sm-right {
  margin-right: 10px;
}

.fuelux .margin-md {
  margin: 15px;
}

.fuelux .margin-md-horizontal {
  margin: 0 15px;
}

.fuelux .margin-md-vertical {
  margin: 15px 0;
}

.fuelux .margin-md-top {
  margin-top: 15px;
}

.fuelux .margin-md-bottom {
  margin-bottom: 15px;
}

.fuelux .margin-md-left {
  margin-left: 15px;
}

.fuelux .margin-md-right {
  margin-right: 15px;
}

.fuelux .margin-lg {
  margin: 20px;
}

.fuelux .margin-lg-horizontal {
  margin: 0 20px;
}

.fuelux .margin-lg-vertical {
  margin: 20px 0;
}

.fuelux .margin-lg-top {
  margin-top: 20px;
}

.fuelux .margin-lg-bottom {
  margin-bottom: 20px;
}

.fuelux .margin-lg-left {
  margin-left: 20px;
}

.fuelux .margin-lg-right {
  margin-right: 20px;
}

.fuelux .data-label {
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 2px;
  text-shadow: 0 1px #FFF;
  color: #666666;
}

.fuelux .data-value {
  font-size: 14px;
}

.fuelux .section-heading {
  font-size: 16px;
  color: #333333;
  margin: 0 0 10px;
  padding: 0;
  text-shadow: 0 1px #FFF;
}

.fuelux .truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple {
  overflow: hidden;
  position: relative
}

.mat-ripple:not(:empty) {
  transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0)
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
  transition: none
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

textarea.cdk-textarea-autosize {
  resize: none
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
  position: relative
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus::before {
  content: ""
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
  position: relative
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus::before {
  content: ""
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

html {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04)
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ffd740
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87)
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #673ab7
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #673ab7
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ffd740
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ffd740
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ffd740
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ffd740
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87)
}

.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)
}

.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)
}

.mat-theme-loaded-marker {
  display: none
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54)
}

.mat-mdc-card {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #673ab7;
  --mdc-linear-progress-track-color: rgba(103, 58, 183, 0.25)
}

@keyframes mdc-linear-progress-buffering {}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(103, 58, 183, 0.25);
  background-color: var(--mdc-linear-progress-track-color, rgba(103, 58, 183, 0.25))
}

@media(forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(103, 58, 183, 0.25)'/%3E%3C/svg%3E")
  }
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(103, 58, 183, 0.25);
  background-color: var(--mdc-linear-progress-track-color, rgba(103, 58, 183, 0.25))
}

.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ffd740;
  --mdc-linear-progress-track-color: rgba(255, 215, 64, 0.25)
}

@keyframes mdc-linear-progress-buffering {}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(255, 215, 64, 0.25);
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 215, 64, 0.25))
}

@media(forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 215, 64, 0.25)'/%3E%3C/svg%3E")
  }
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(255, 215, 64, 0.25);
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 215, 64, 0.25))
}

.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25)
}

@keyframes mdc-linear-progress-buffering {}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(244, 67, 54, 0.25);
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25))
}

@media(forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
  }
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(244, 67, 54, 0.25);
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25))
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em
}

html {
  --mdc-filled-text-field-caret-color: #673ab7;
  --mdc-filled-text-field-focus-active-indicator-color: #673ab7;
  --mdc-filled-text-field-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #673ab7;
  --mdc-outlined-text-field-focus-outline-color: #673ab7;
  --mdc-outlined-text-field-focus-label-text-color: rgba(103, 58, 183, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight)
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, .87)
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, .54)
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(103, 58, 183, .87)
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(255, 215, 64, .87)
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, .38)
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ffd740;
  --mdc-filled-text-field-focus-active-indicator-color: #ffd740;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 215, 64, 0.87);
  --mdc-outlined-text-field-caret-color: #ffd740;
  --mdc-outlined-text-field-focus-outline-color: #ffd740;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 215, 64, 0.87)
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid rgba(0, 0, 0, 0)
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0)
}

.mat-mdc-form-field-infix {
  min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87)
}

html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 215, 64, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87)
}

html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87)
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400
}

html {
  --mat-autocomplete-background-color: white
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6)
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #673ab7;
  --mdc-chip-elevated-disabled-container-color: #673ab7;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #ffd740;
  --mdc-chip-elevated-disabled-container-color: #ffd740;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87)
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #5e35b1;
  --mdc-switch-selected-handle-color: #5e35b1;
  --mdc-switch-selected-hover-state-layer-color: #5e35b1;
  --mdc-switch-selected-pressed-state-layer-color: #5e35b1;
  --mdc-switch-selected-focus-handle-color: #311b92;
  --mdc-switch-selected-hover-handle-color: #311b92;
  --mdc-switch-selected-pressed-handle-color: #311b92;
  --mdc-switch-selected-focus-track-color: #9575cd;
  --mdc-switch-selected-hover-track-color: #9575cd;
  --mdc-switch-selected-pressed-track-color: #9575cd;
  --mdc-switch-selected-track-color: #9575cd;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0
}

.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
  color: rgba(0, 0, 0, .38)
}

.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #ffb300;
  --mdc-switch-selected-handle-color: #ffb300;
  --mdc-switch-selected-hover-state-layer-color: #ffb300;
  --mdc-switch-selected-pressed-state-layer-color: #ffb300;
  --mdc-switch-selected-focus-handle-color: #ff6f00;
  --mdc-switch-selected-hover-handle-color: #ff6f00;
  --mdc-switch-selected-pressed-handle-color: #ff6f00;
  --mdc-switch-selected-focus-track-color: #ffd54f;
  --mdc-switch-selected-hover-track-color: #ffd54f;
  --mdc-switch-selected-pressed-track-color: #ffd54f;
  --mdc-switch-selected-track-color: #ffd54f
}

.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-weight: 400
}

.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-body2-text-transform, inherit)
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #673ab7;
  --mdc-radio-selected-hover-icon-color: #673ab7;
  --mdc-radio-selected-icon-color: #673ab7;
  --mdc-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffd740;
  --mdc-radio-selected-hover-icon-color: #ffd740;
  --mdc-radio-selected-icon-color: #ffd740;
  --mdc-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6
}

.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #673ab7;
  --mdc-slider-focus-handle-color: #673ab7;
  --mdc-slider-hover-handle-color: #673ab7;
  --mdc-slider-active-track-color: #673ab7;
  --mdc-slider-inactive-track-color: #673ab7;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-mdc-slider-ripple-color: #673ab7;
  --mat-mdc-slider-hover-ripple-color: rgba(103, 58, 183, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(103, 58, 183, 0.2)
}

.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #ffd740;
  --mdc-slider-focus-handle-color: #ffd740;
  --mdc-slider-hover-handle-color: #ffd740;
  --mdc-slider-active-track-color: #ffd740;
  --mdc-slider-inactive-track-color: #ffd740;
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: #ffd740;
  --mat-mdc-slider-ripple-color: #ffd740;
  --mat-mdc-slider-hover-ripple-color: rgba(255, 215, 64, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(255, 215, 64, 0.2)
}

.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mat-mdc-slider-ripple-color: #f44336;
  --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #673ab7;
  --mdc-radio-selected-hover-icon-color: #673ab7;
  --mdc-radio-selected-icon-color: #673ab7;
  --mdc-radio-selected-pressed-icon-color: #673ab7
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffd740;
  --mdc-radio-selected-hover-icon-color: #ffd740;
  --mdc-radio-selected-icon-color: #ffd740;
  --mdc-radio-selected-pressed-icon-color: #ffd740
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #673ab7;
  --mdc-checkbox-selected-hover-icon-color: #673ab7;
  --mdc-checkbox-selected-icon-color: #673ab7;
  --mdc-checkbox-selected-pressed-icon-color: #673ab7;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #673ab7;
  --mdc-checkbox-selected-hover-state-layer-color: #673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #ffd740;
  --mdc-checkbox-selected-hover-icon-color: #ffd740;
  --mdc-checkbox-selected-icon-color: #ffd740;
  --mdc-checkbox-selected-pressed-icon-color: #ffd740;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffd740;
  --mdc-checkbox-selected-hover-state-layer-color: #ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #673ab7
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #673ab7
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Roboto, sans-serif;
  letter-spacing: .009375em
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12)
}

html {
  --mat-paginator-container-size: 56px
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #673ab7;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #673ab7;
  --mat-tab-header-active-ripple-color: #673ab7;
  --mat-tab-header-inactive-ripple-color: #673ab7;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #673ab7;
  --mat-tab-header-active-hover-label-text-color: #673ab7;
  --mat-tab-header-active-focus-indicator-color: #673ab7;
  --mat-tab-header-active-hover-indicator-color: #673ab7
}

.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ffd740;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ffd740;
  --mat-tab-header-active-ripple-color: #ffd740;
  --mat-tab-header-inactive-ripple-color: #ffd740;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ffd740;
  --mat-tab-header-active-hover-label-text-color: #ffd740;
  --mat-tab-header-active-focus-indicator-color: #ffd740;
  --mat-tab-header-active-hover-indicator-color: #ffd740
}

.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #673ab7;
  --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ffd740;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87)
}

.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #ffd740;
  --mdc-checkbox-selected-hover-icon-color: #ffd740;
  --mdc-checkbox-selected-icon-color: #ffd740;
  --mdc-checkbox-selected-pressed-icon-color: #ffd740;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffd740;
  --mdc-checkbox-selected-hover-state-layer-color: #ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #673ab7;
  --mdc-checkbox-selected-hover-icon-color: #673ab7;
  --mdc-checkbox-selected-icon-color: #673ab7;
  --mdc-checkbox-selected-pressed-icon-color: #673ab7;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #673ab7;
  --mdc-checkbox-selected-hover-state-layer-color: #673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, .38)
}

html {
  --mdc-checkbox-state-layer-size: 40px
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #673ab7
}

.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ffd740
}

.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #673ab7;
  --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ffd740;
  --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #673ab7;
  --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ffd740;
  --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12)
}

.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #673ab7
}

.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ffd740
}

.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12)
}

.mat-mdc-button,
.mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #673ab7;
  --mat-mdc-button-ripple-color: rgba(103, 58, 183, 0.1)
}

.mat-mdc-button.mat-accent,
.mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #ffd740;
  --mat-mdc-button-ripple-color: rgba(255, 215, 64, 0.1)
}

.mat-mdc-button.mat-warn,
.mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)
}

.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)
}

.mat-mdc-raised-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)
}

.mat-mdc-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1)
}

.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1)
}

.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1)
}

.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #673ab7;
  --mat-mdc-button-persistent-ripple-color: #673ab7;
  --mat-mdc-button-ripple-color: rgba(103, 58, 183, 0.1)
}

.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ffd740;
  --mat-mdc-button-persistent-ripple-color: #ffd740;
  --mat-mdc-button-ripple-color: rgba(255, 215, 64, 0.1)
}

.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)
}

.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: .12
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)
}

.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)
}

.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)
}

.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38)
}

.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #673ab7;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #ffd740;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ffd740
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12)
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #673ab7
}

.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #ffd740
}

.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336
}

.mat-badge {
  position: relative
}

.mat-badge.mat-badge {
  overflow: visible
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  font-weight: var(--mat-badge-text-weight, 600)
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color)
}

.mat-badge-hidden .mat-badge-content {
  display: none
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none
}

.mat-badge-content.mat-badge-active {
  transform: none
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  font-size: var(--mat-badge-small-size-text-size, 9px)
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  font-size: var(--mat-badge-large-size-text-size, 24px)
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px
}

html {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38)
}

.mat-badge-accent {
  --mat-badge-background-color: #ffd740;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87)
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0
}

html {
  --mat-standard-button-toggle-height: 48px
}

html {
  --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, sans-serif
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(103, 58, 183, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87)
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 215, 64, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 215, 64, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ffd740
}

.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12)
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54)
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px
}

html {
  --mat-icon-color: inherit
}

.mat-icon.mat-primary {
  --mat-icon-color: #673ab7
}

.mat-icon.mat-accent {
  --mat-icon-color: #ffd740
}

.mat-icon.mat-warn {
  --mat-icon-color: #f44336
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6)
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffd740;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87)
}

html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
  --mat-stepper-header-height: 72px
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400
}

.mat-sort-header-arrow {
  color: #757575
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87)
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffd740;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87)
}

.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500
}

.mat-tree {
  background: #fff
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, .87)
}

.mat-tree-node {
  min-height: 48px
}

.mat-tree {
  font-family: Roboto, sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px Roboto, sans-serif;
  margin: 0 0 12px
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px Roboto, sans-serif;
  margin: 0 0 12px
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  font-family: Roboto, sans-serif;
  letter-spacing: .0071428571em
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  letter-spacing: .0178571429em
}

.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  letter-spacing: .0333333333em
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font-size: 96px;
  font-weight: 300;
  line-height: 96px;
  font-family: Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
  font-family: Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 50px;
  font-family: Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-builders/custom-webpack/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./Features/VeriChannel.FWCU.Web/Content/scss/main.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*--colors-primary-50: #F0F9FF;
  --colors-primary-100: #D6E5F9;
  --colors-primary-200: #ADCAF3;
  --colors-primary-300: #83B0EE;
  --colors-primary-400: #5A89E8;
  --colors-primary-500: #316CE2;
  --colors-primary-600: #295CC1;
  --colors-primary-700: #214CA0;
  --colors-primary-800: #193B80;
  --colors-primary-900: #16336F;
  --colors-primary-950: #122B5E;

  --colors-secondary-50: #F7FAF0;
  --colors-secondary-100: #F2F7E8;
  --colors-secondary-200: #EEF5E1;
  --colors-secondary-300: #E6EFD1;
  --colors-secondary-400: #DDEAC2;
  --colors-secondary-500: #D5E5B3;
  --colors-secondary-600: #BCCE97;
  --colors-secondary-700: #A4B77B;
  --colors-secondary-800: #8BA05F;
  --colors-secondary-900: #738943;
  --colors-secondary-950: #5A7227;*/
  --colors-slate-50: #E3E7E9;
  --colors-slate-100: #CDD2D7;
  --colors-slate-200: #A1AAB1;
  --colors-slate-300: #74818C;
  --colors-slate-400: #485966;
  --colors-slate-500: #1C3041;
  --colors-slate-600: #162634;
  --colors-slate-700: #111D27;
  --colors-slate-800: #0B131A;
  --colors-slate-900: #080E14;
  --colors-slate-950: #030507;
  --colors-cloud-50: #FFFFFF;
  --colors-cloud-100: #F9F8F6;
  --colors-cloud-200: #F7F5F3;
  --colors-cloud-300: #F3F1EC;
  --colors-cloud-400: #EFECE6;
  --colors-cloud-500: #EBE7E0;
  --colors-cloud-600: #CFC9BF;
  --colors-cloud-700: #B2AB9E;
  --colors-cloud-800: #968D7E;
  --colors-cloud-900: #796F5D;
  --colors-cloud-950: #5D513C;
  --colors-red-50: #FDF1F1;
  --colors-red-100: #FBE0E0;
  --colors-red-200: #F9C6C6;
  --colors-red-300: #F39E9E;
  --colors-red-400: #E96666;
  --colors-red-500: #CB2525;
  --colors-red-600: #A52D2D;
  --colors-red-700: #8D2424;
  --colors-red-800: #732222;
  --colors-red-900: #602121;
  --colors-red-950: #340D0D;
  --colors-green-50: #ECFDF5;
  --colors-green-100: #D1FAE5;
  --colors-green-200: #A7F3D0;
  --colors-green-300: #6EE7B7;
  --colors-green-400: #34D399;
  --colors-green-500: #10B981;
  --colors-green-600: #059669;
  --colors-green-700: #047857;
  --colors-green-800: #065F46;
  --colors-green-900: #064E3B;
  --colors-green-950: #022C22;
  --colors-yellow-100: #FFF9D9;
  --colors-yellow-200: #FFF0B2;
  --colors-yellow-300: #FBDD83;
  --colors-yellow-400: #F9D15A;
  --colors-yellow-500: #F8B931;
  --colors-yellow-600: #E6A008;
  --colors-yellow-700: #AC7806;
  --colors-yellow-800: #735004;
  --colors-yellow-900: #392802;
  --colors-truecolors-white: #FFFFFF;
  --colors-truecolors-black: #000000;
  --colors-truecolors-semitransparent: #00000090;
  /*NEW*/
  --colors-primary-50: #D7E9FF;
  --colors-primary-100: #AFD2FF;
  --colors-primary-200: #87BBFF;
  --colors-primary-300: #5FA5FF;
  --colors-primary-400: #378FFF;
  --colors-primary-500: #0F78FF;
  --colors-primary-600: #0067E6;
  --colors-primary-700: #004FB4;
  --colors-primary-800: #003B87;
  --colors-primary-900: #00275A;
  --colors-primary-950: #00142D;
  --colors-secondary-50: #FFE3D1;
  --colors-secondary-100: #FFC6A3;
  --colors-secondary-200: #FFAA76;
  --colors-secondary-300: #FF8E48;
  --colors-secondary-400: #FF721A;
  --colors-secondary-500: #EB5A00;
  --colors-secondary-600: #C44B00;
  --colors-secondary-700: #9D3C00;
  --colors-secondary-800: #762D00;
  --colors-secondary-900: #4E1E00;
  --colors-secondary-950: #270F00;
  --colors-gray-50: #E6E6E6;
  --colors-gray-100: #CCCCCC;
  --colors-gray-200: #B3B3B3;
  --colors-gray-300: #999999;
  --colors-gray-400: #808080;
  --colors-gray-500: #666666;
  --colors-gray-600: #555555;
  --colors-gray-700: #444444;
  --colors-gray-800: #333333;
  --colors-gray-900: #222222;
  --colors-gray-950: #111111;
  --colors-off-white-50: #FEFDFD;
  --colors-off-white-100: #FCFBFA;
  --colors-off-white-200: #FBF9F8;
  --colors-off-white-300: #F9F7F5;
  --colors-off-white-400: #F7F3EF;
  --colors-off-white-500: #F6F3F0;
  --colors-off-white-600: #D8CABD;
  --colors-off-white-700: #B9A28B;
  --colors-off-white-800: #98795B;
  --colors-off-white-900: #65513D;
  --colors-off-white-950: #33281E;
  --colors-red-50: #FCDDE1;
  --colors-red-100: #F9BAC3;
  --colors-red-200: #F698A4;
  --colors-red-300: #F37686;
  --colors-red-400: #F05368;
  --colors-red-500: #ED314A;
  --colors-red-600: #DB132E;
  --colors-red-700: #AF0F25;
  --colors-red-800: #840B1B;
  --colors-red-900: #580812;
  --colors-red-950: #2C0409;
  --colors-green-50: #C4FFED;
  --colors-green-100: #89FFDB;
  --colors-green-200: #4EFFC9;
  --colors-green-300: #13FFB6;
  --colors-green-400: #00D795;
  --colors-green-500: #009C6C;
  --colors-green-600: #00825A;
  --colors-green-700: #006848;
  --colors-green-800: #004E36;
  --colors-green-900: #003424;
  --colors-green-950: #022C22;
  --colors-black-white-white: #FFFFFF;
  --colors-black-white-black: #000000;
  --content-content-blue: var(--colors-primary-500);
  --content-content-on-blue: var(--colors-off-white-500);
  --content-content-off-white: var(--colors-off-white-500);
  --content-content-on-off-white: var(--colors-gray-500);
  --content-content-on-disabled: var(--colors-gray-800);
  --content-content-orange: var(--colors-secondary-500);
  --content-content-on-orange: var(--colors-off-white-500);
  --content-content-gray: var(--colors-gray-500);
  --content-content-black: var(--colors-black-white-black);
  --content-content-white: var(--colors-black-white-white);
  --content-content-on-gray: var(--colors-off-white-500);
  --content-content-error: var(--colors-red-500);
  --content-content-on-error: var(--colors-off-white-500);
  --content-content-success: var(--colors-green-500);
  --surface-surface-blue: var(--colors-primary-500);
  --surface-surface-blue-subdued: var(--colors-primary-50);
  --surface-surface-blue-hover: var(--colors-primary-600);
  --surface-surface-blue-press: var(--colors-primary-600);
  --surface-surface-off-white: var(--colors-off-white-500);
  --surface-surface-bg: var(--colors-off-white-500);
  --surface-surface-off-white-subdued: var(--colors-off-white-100);
  --surface-surface-off-white-hover: var(--colors-gray-50);
  --surface-surface-off-white-press: var(--colors-gray-50);
  --surface-surface-orange: var(--colors-secondary-500);
  --surface-surface-orange-subdued: var(--colors-secondary-50);
  --surface-surface-orange-hover: var(--colors-secondary-600);
  --surface-surface-orange-press: var(--colors-secondary-600);
  --surface-surface-gray: var(--colors-gray-500);
  --surface-surface-gray-subdued: var(--colors-gray-100);
  --surface-surface-gray-hover: var(--colors-gray-600);
  --surface-surface-gray-press: var(--colors-gray-600);
  --surface-surface-disabled: var(--colors-gray-50);
  --surface-surface-error: var(--colors-red-500);
  --surface-surface-error-subdued: var(--colors-red-50);
  --surface-surface-error-hover: var(--colors-red-600);
  --surface-surface-error-press: var(--colors-red-600);
  --surface-surface-success: var(--colors-green-500);
  --surface-surface-success-subdued: var(--colors-green-10);
  --surface-surface-success-hover: var(--colors-green-600);
  --surface-surface-success-press: var(--colors-green-600);
  --surface-surface-overlay: #000000BF;
  --border-border-blue: var(--colors-primary-500);
  --border-border-orange: var(--colors-secondary-500);
  --border-border-off-white: var(--colors-off-white-500);
  --border-border-gray: var(--colors-gray-500);
  --border-border-gray-secondary: var(--colors-gray-200);
  --border-border-success: var(--colors-green-500);
  --border-border-error: var(--colors-red-500);
  --border-border-disabled: var(--colors-gray-200);
  /*OLD*/
  --content-content-primary: var(--colors-primary-500);
  --content-content-on-primary: var(--colors-cloud-500);
  --content-content-cloud: var(--colors-cloud-50);
  --content-content-on-cloud: var(--colors-slate-500);
  --content-content-secondary: var(--colors-secondary-500);
  --content-content-on-secondary: var(--colors-slate-500);
  --content-content-slate: var(--colors-slate-500);
  --content-content-on-slate: var(--colors-cloud-500);
  --content-content-error: var(--colors-red-500);
  --content-content-on-error: var(--colors-cloud-500);
  --content-content-success: var(--colors-green-500);
  --content-content-foreground: var(--colors-truecolors-white);
  --surface-surface-primary: var(--colors-primary-500);
  --surface-surface-primary-subdued: var(--colors-primary-100);
  --surface-surface-primary-hover: var(--colors-primary-600);
  --surface-surface-primary-press: var(--colors-primary-600);
  --surface-surface-cloud: var(--colors-cloud-50);
  --surface-surface-cloud-subdued: var(--colors-cloud-100);
  --surface-surface-cloud-hover: var(--colors-cloud-600);
  --surface-surface-cloud-press: var(--colors-cloud-600);
  --surface-surface-secondary: var(--colors-secondary-500);
  --surface-surface-secondary-subdued: var(--colors-secondary-400);
  --surface-surface-secondary-hover: var(--colors-secondary-600);
  --surface-surface-secondary-press: var(--colors-secondary-600);
  --surface-surface-slate: var(--colors-slate-500);
  --surface-surface-slate-subdued: var(--colors-slate-100);
  --surface-surface-slate-hover: var(--colors-slate-600);
  --surface-surface-slate-press: var(--colors-slate-600);
  --surface-surface-overlay: #000000BF;
  --border-border-primary: var(--colors-primary-500);
  --border-border-primary-light: var(--colors-primary-100);
  --border-border-primary-dark: var(--colors-primary-300);
  --border-border-secondary: var(--colors-secondary-500);
  --border-border-cloud: var(--colors-cloud-500);
  --border-border-slate: var(--colors-slate-500);
  --border-border-slate-light: var(--colors-slate-100);
  --border-border-slate-secondary: var(--colors-slate-100);
  --border-border-success: var(--colors-green-500);
  --border-border-error: var(--colors-red-500);
  --surface-surface-foreground: var(--colors-truecolors-white);
  --surface-surface-background: var(--colors-primary-50);
  --surface-surface-warning-subdued: var(--colors-yellow-100);
  --border-border-warning: var(--colors-yellow-500);
  --sizing-sizing-4: 4px;
  --sizing-sizing-8: 8px;
  --sizing-sizing-10: 10px;
  --sizing-sizing-12: 12px;
  --sizing-sizing-16: 16px;
  --sizing-sizing-20: 20px;
  --sizing-sizing-24: 24px;
  --sizing-sizing-28: 28px;
  --sizing-sizing-32: 32px;
  --sizing-sizing-36: 36px;
  --sizing-sizing-40: 40px;
  --sizing-sizing-44: 44px;
  --sizing-sizing-48: 48px;
  --sizing-sizing-52: 52px;
  --sizing-sizing-56: 56px;
  --sizing-sizing-60: 60px;
  --sizing-sizing-64: 64px;
  --sizing-sizing-68: 68px;
  --sizing-sizing-72: 72px;
  --sizing-sizing-76: 76px;
  --sizing-sizing-80: 80px;
  --sizing-sizing-84: 84px;
  --sizing-sizing-88: 88px;
  --sizing-sizing-92: 92px;
  --sizing-sizing-96: 96px;
  --sizing-sizing-100: 100px;
  --sizing-sizing-104: 104px;
  --sizing-sizing-108: 108px;
  --sizing-sizing-112: 112px;
  --sizing-sizing-116: 116px;
  --sizing-sizing-120: 120px;
  --sizing-sizing-124: 124px;
  --sizing-sizing-128: 128px;
  --sizing-sizing-132: 132px;
  --sizing-sizing-136: 136px;
  --sizing-sizing-140: 140px;
  --sizing-sizing-144: 144px;
  --radius-radius-2xs: var(--sizing-sizing-4);
  --radius-radius-xs: var(--sizing-sizing-8);
  --radius-radius-sm: var(--sizing-sizing-12);
  --radius-radius-md: var(--sizing-sizing-16);
  --radius-radius-lg: var(--sizing-sizing-24);
  --radius-radius-xl: var(--sizing-sizing-32);
  --radius-radius-2xl: var(--sizing-sizing-48);
  --radius-radius-3xl: var(--sizing-sizing-64);
  --radius-radius-pill: 500px;
  --radius-radius-none: 0;
  --spacing-4xs: var(--sizing-sizing-4);
  --spacing-3xs: var(--sizing-sizing-8);
  --spacing-2xs: var(--sizing-sizing-12);
  --spacing-xs: var(--sizing-sizing-16);
  --spacing-sm: var(--sizing-sizing-20);
  --spacing-md: var(--sizing-sizing-24);
  --spacing-lg: var(--sizing-sizing-32);
  --spacing-xl: var(--sizing-sizing-40);
  --spacing-2xl: var(--sizing-sizing-48);
  --spacing-3xl: var(--sizing-sizing-56);
  --spacing-4xl: var(--sizing-sizing-64);
  --spacing-5xl: var(--sizing-sizing-80);
  --spacing-6xl: var(--sizing-sizing-96);
  --spacing-7xl: var(--sizing-sizing-112);
  --spacing-8xl: var(--sizing-sizing-128);
}

:root {
  /* Base Variables */
  --base-font-family: "ArticulatCF-Normal";
  --secondary-font-family: "Recent-Grotesk";
  --font-awesome-font-family: "FontAwesome", sans-serif;
  --base-font-size: 14px;
  --base-line-height: 20px;
  --base-font-weight: 400;
  --base-text-color: var(--content-content-black);
  --body-bg-color: var(--surface-surface-bg);
  --layout-header-desktop-height: 112px;
  --layout-header-mobile-height: 62px;
  --app-loading-bar-color: var(--surface-surface-primary);
  --main-header-background-color: var(--body-bg-color);
  --main-header-links-color: var(--content-content-slate);
  --main-header-links-border-bottom-width: 2px;
  --main-header-links-border-bottom-color: var(--border-border-slate);
  --main-header-links-font-weight: 500;
  --main-header-links-font-family: var(--base-font-family);
  --main-header-links-hover-color: var(--content-content-primary);
  --main-header-links-active-font-weight: 700;
  --submenu-background-color: var(--surface-surface-foreground);
  --submenu-border-color: var(--border-border-slate-light);
  --submenu-border-width: 1px;
  --submenu-border-radius: var(--radius-radius-md);
  --submenu-tooltip-background-color: var(--border-border-slate-light);
  --submenu-item-border-radius: var(--radius-radius-xs);
  --submenu-item-hover-background: var(--surface-surface-cloud-subdued);
  --submenu-item-hover-color: var(--content-content-primary);
  --submenu-item-font-family: var(--base-font-family);
  --submenu-item-font-weight: 600;
  --submenu-item-color: var(--content-content-black);
  --submenu-item-icon-background-color: var(--surface-surface-primary);
  --submenu-item-icon-border-radius: var(--radius-radius-xs);
  --profile-menu-name-text-color: var(--content-content-on-cloud);
  --profile-menu-circle-background-color: var(--colors-truecolors-black);
  --profile-menu-circle-text-color: var(--content-content-white);
  --profile-menu-mobile-title-color: var(--content-content-on-cloud);
  --profile-menu-mobile-title-font-weight: var(--content-content-on-cloud);
  --profile-menu-mobile-title-font-family: var(--base-font-family);
  --last-login-border-radius: var(--radius-radius-xs);
  --last-login-border-color: var(--border-border-slate-light);
  --footer-mobile-background-color: var(--surface-surface-foreground);
  --footer-mobile-border-color: var(--border-border-primary-light);
  --footer-mobile-content-color: var(--content-content-slate);
  --footer-mobile-link-color: var(--content-content-primary);
  --footer-mobile-link-seperator-color: var(--content-content-slate);
  --footer-desktop-background-color: var(--surface-surface-slate);
  --footer-desktop-content-color: var(--content-content-foreground);
  --footer-desktop-seperator-color: var(--border-border-cloud);
  --footer-desktop-link-color: var(--content-content-foreground);
  --footer-desktop-link-seperator-color: var(--border-border-cloud);
  --mobile-menu-background-color: var(--surface-surface-foreground);
  --mobile-menu-links-color: var(--content-content-slate);
  --mobile-menu-links-active-color: var(--content-content-black);
  --mobile-menu-links-active-icon-color: var(--content-content-primary);
  --mobile-menu-modal-links-background-color: var(--surface-surface-slate);
  --mobile-menu-modal-links-text-color: var(--content-content-black);
  /* Btn Variables */
  --btn-height: 56px;
  --btn-radius: var(--radius-radius-2xs);
  --btn-font-size: 16px;
  --btn-font-weight: 600;
  --btn-line-height: 16px;
  --btn-letter-spacing: 0.01px;
  --btn-disabled-opacity: 1;
  --btn-sm-font-size: 12px;
  --btn-sm-height: 32px;
  --btn-sm-padding: 4px 5px;
  --btn-sm-radius: 4px;
  --btn-sm-weight: 500;
  --btn-left-icon-width: 24px;
  --btn-left-icon-height: 24px;
  --btn-left-icon-margin-right: 12px;
  --btn-dark-text-color: var(--content-content-foreground);
  --btn-dark-text-hover-color: var(--content-content-foreground);
  --btn-dark-bg-color: var(--surface-surface-slate);
  --btn-dark-border-color: var(--surface-surface-slate);
  --btn-dark-bg-hover-color: var(--surface-surface-primary);
  --btn-dark-border-hover-color: var(--surface-surface-primary);
  --btn-primary-text-color: var(--content-content-foreground);
  --btn-primary-text-hover-color: var(--content-content-foreground);
  --btn-primary-bg-color: var(--content-content-black);
  --btn-primary-border-color: transparent;
  --btn-primary-bg-hover-color: var(--color-custom-blue);
  --btn-primary-border-hover-color: transparent;
  --btn-secondary-text-color: var(--content-content-on-secondary);
  --btn-secondary-text-hover-color: var(--content-content-on-secondary);
  --btn-secondary-bg-color: var(--surface-surface-secondary);
  --btn-secondary-border-color: transparent;
  --btn-secondary-bg-hover-color: var(--surface-surface-secondary-hover);
  --btn-secondary-border-hover-color: transparent;
  --btn-outline-text-color: var(--content-content-black);
  --btn-outline-text-hover-color: var(--content-content-white);
  --btn-outline-bg-color: var(--btn-outline-transaprent-bg-color);
  --btn-outline-border-color: var(--content-content-black);
  --btn-outline-bg-hover-color: var(--color-custom-blue);
  --btn-outline-border-hover-color: transparent;
  --btn-outline-transaprent-text-color: var(--surface-surface-foreground);
  --btn-outline-transaprent-text-hover-color: var(--surface-surface-foreground);
  --btn-outline-transaprent-bg-color: transparent;
  --btn-outline-transaprent-border-color: var(--colors-off-white-500);
  --btn-outline-transaprent-bg-hover-color: transparent;
  --btn-outline-transaprent-border-hover-color: transparent;
  /* Radio Variables */
  --radio-box-background-color: var(--content-content-white);
  --radio-box-border-color: var(--border-border-gray-secondary);
  --radio-box-border-radius: var(--radius-radius-2xs);
  --radio-box-border-width: 1px;
  --radio-box-hover-bg: rgba(from var(--surface-surface-off-white) r g b / .12);
  --radio-box-checked-border-color: var(--border-border-blue);
  --radio-box-min-height: var(--sizing-sizing-56);
  --radio-box-padding: var(--spacing-xs) var(--spacing-2xs);
  --radio-circle-border-color: var(--border-border-blue);
  --radio-circle-border-width: 2px;
  --radio-circle-height: 20px;
  --radio-circle-width: 20px;
  --radio-circle-radius: 50%;
  --radio-circle-selected-background-color: var(--surface-surface-foreground);
  --radio-circle-selected-border-width: 6px;
  --radio-label-color: var(--content-content-black);
  --radio-label-font-size: var(--base-font-size);
  --radio-label-font-weight: var(--base-font-weight);
  --radio-label-line-height: var(--base-line-height);
  --radio-list-horizontal-gap: var(--spacing-md);
  /* Checkbox Variables */
  --checkbox-shape-background-color: var(--surface-surface-foreground);
  --checkbox-shape-border-radius: 4px;
  --checkbox-shape-height: 20px;
  --checkbox-shape-width: 20px;
  --checkbox-border-color: var(--border-border-primary);
  --checkbox-border-width: 2px;
  --checkbox-box-bg: var(--surface-surface-foreground);
  --checkbox-box-border-color: var(--border-border-gray-secondary);
  --checkbox-box-border-width: 1px;
  --checkbox-box-hover-bg: rgba(from var(--surface-surface-primary) r g b / .12);
  --checkbox-box-checked-border-color: var(--border-border-primary);
  --checkbox-box-min-height: var(--sizing-sizing-56);
  --checkbox-box-radius: var(--radius-radius-2xs);
  --checkbox-text-color: var(--content-content-black);
  --checkbox-text-font-weight: 400;
  --checkbox-text-line-height: 24px;
  --checkbox-text-size: 16px;
  /* Switch */
  --switch-default-background-color: var(--border-border-disabled);
  --switch-active-background-color: var(--surface-surface-primary);
  --switch-circle-background-color: var(--surface-surface-cloud-subdued);
  --switch-circle-hover-background-color: var(--colors-cloud-300);
  --switch-title-color: var(--content-content-on-cloud);
  --switch-title-line-height: var(--base-line-height);
  --switch-title-font-size: var(--base-font-size);
  --switch-title-font-weight: var(--base-font-weight);
  --switch-disabled-background-color: var(--surface-surface-disabled);
  --switch-circle-disabled-background-color: var(--content-content-on-slate);
  /* Input Variables */
  --form-group-label-text-color: var(--content-content-on-cloud);
  --form-group-label-helpertext: var(--colors-slate-300);
  --input-field-height: var(--sizing-sizing-56);
  --input-field-border-radius: var(--radius-radius-2xs);
  --input-field-border-width: 1px;
  --input-field-border-color: var(--border-border-gray-secondary);
  --input-field-font-size: 16px;
  --input-field-font-weight: 600;
  --input-field-text-color: var(--colors-truecolors-black);
  --input-field-background-color: var(--surface-surface-foreground);
  --input-field-readonly-background-color: var(--colors-primary-50);
  --input-field-focus-border-color: var(--content-content-black);
  --input-field-focus-border-width: 2px;
  --input-field-disabled-background-color: var(--colors-off-white-500);
  --input-field-disabled-text-color: var(--content-content-on-cloud);
  --input-field-disabled-border-color: var(--border-border-disabled);
  --input-field-error-message-text-color: var(--content-content-error);
  --input-field-error-placeholder-text-color: var(--content-content-error);
  --input-field-error-text-color: var(--content-content-error);
  --input-field-error-border-color: var(--border-border-error);
  --input-field-otp-timer-box-height: var(--sizing-sizing-48);
  --input-field-otp-timer-box-width: var(--sizing-sizing-48);
  --floating-placeholder-color: var(--content-content-gray);
  --floating-placeholder-font-weight: 400;
  --floating-placeholder-fontsize: 14px;
  --floating-placeholder-line-height: 20px;
  /* Combobox Variables */
  --combobox-dropdownarea-background-color: var(--surface-surface-foreground);
  --combobox-options-border-color: var(--border-border-gray-secondary);
  --combobox-options-border-radius: var(--radius-radius-2xs);
  --combobox-options-border-width: 1px;
  --combobox-options-hover-text-color: var(--content-content-on-cloud);
  --combobox-options-hover-background-color: var(--surface-surface-off-white-hover);
  --combobox-options-hover-border-color: var(--colors-green-500);
  --combobox-options-text-color: var(--content-content-on-cloud);
  --combobox-selected-value-color: var(--content-content-on-cloud);
  --combobox-selected-background-color: var(--surface-surface-success-subdued);
  /* Datepicker */
  --datepicker-width: 366px;
  --datepicker-border-radius: var(--radius-radius-2xs);
  --datepicker-min-height: 360px;
  --datepicker-background-color: var(--surface-surface-foreground);
  --datepicker-border-color: var(--border-border-blue);
  --datepicker-date-text-color: var(--colors-truecolors-black);
  --datepicker-active-date-background-color: var(--border-border-blue);
  --datepicker-active-date-text-color: var(--content-content-on-primary);
  --datepicker-weekdays-title-color: var(--colors-truecolors-black);
  --datepicker-box-shadow: 0px 4px 14px #00000033;
  /* Alerts Colors */
  --alert-title-color: var(--content-content-black);
  --alert-title-font-family: var(--base-font-family);
  --alert-title-font-weight: 600;
  --alert-text-color: var(--content-content-black);
  --alert-text-font-family: var(--base-font-family);
  --alert-text-font-weight: 400;
  --alert-border-radius: var(--radius-radius-2xs);
  --alert-error-background-color: var(--surface-surface-error-subdued);
  --alert-error-border-color: var(--border-border-error);
  --alert-error-icon-bg: var(--surface-surface-error);
  --alert-warning-background-color: var(--surface-surface-warning-subdued);
  --alert-warning-border-color: var(--border-border-warning);
  --alert-warning-icon-bg: var(--alert-warning-border-color);
  --alert-info-background-color: var(--surface-surface-blue-subdued);
  --alert-info-border-color: var(--content-content-blue);
  --alert-info-icon-bg: var(--colors-secondary-700);
  --alert-success-background-color: var(--surface-surface-success-subdued);
  --alert-success-border-color: var(--border-border-success);
  --alert-success-icon-bg: var(--surface-surface-success);
  /* Password strength bar colors */
  --password-strength-low: var(--colors-red-500);
  --password-strength-medium: #E49803;
  --password-strength-high: var(--colors-green-500);
  /* Tabs Component */
  --tabs-btn-active-color: var(--colors-primary-800);
  --tabs-btn-bar-active-color: var(--surface-surface-primary);
  --tabs-btn-bar-border-color: var(--border-border-slate-secondary);
  --tabs-btn-bar-border-height: 6px;
  --tabs-btn-bar-border-width: 1px;
  --tabs-btn-font-size: 18px;
  --tabs-btn-font-weight: bold;
  --tabs-btn-line-height: 27px;
  --tabs-btn-neutral-color: var(--colors-primary-950);
  --selectable-button-list-wrapper-bg: var(--surface-surface-slate);
  --selectable-button-list-wrapper-radius: var(--radius-radius-sm);
  --selectable-button-list-default-font-color: var(--content-content-on-slate);
  --selectable-button-list-selected-bg: var(--surface-surface-secondary);
  --selectable-button-list-selected-font-color: var(--content-content-on-secondary);
  --selectable-button-list-selected-border-radius: var(--radius-radius-xs);
  /* Steps Component */
  --steps-line-color: var(--border-border-slate-light);
  --steps-item-background-color: var(--surface-surface-off-white);
  --steps-item-text-color: var(--content-content-on-cloud);
  --steps-item-border-color: var(--border-border-slate-light);
  --steps-item-border-width: 1px;
  --active-steps-item-background-color: var(--steps-defualt-bg);
  --active-steps-item-border-color: var(---steps-defualt-bg);
  --active-steps-item-text-color: var(--content-content-on-blue);
  --complete-steps-item-background-color: var(--steps-defualt-bg);
  --complete-steps-item-border-color: var(--steps-defualt-bg);
  --login-pages-background-color: var(--surface-surface-bg);
  --login-page-forgot-links-color: var(--content-content-white);
  --login-page-bottom-links-color: var(--content-content-white);
  --information-item-seperator-color: var(--colors-gray-200);
  --information-item-title-color: var(--content-content-black);
  --information-item-value-color: var(--content-content-black);
  --widget-border-width: 1px;
  --widget-seperator-width: 1px;
  --widget-border-radius-1: var(--radius-radius-xs);
  --widget-border-radius-2: var(--radius-radius-2xs);
  --widget-icon-circle-background-color: var(--surface-surface-blue);
  --widget-icon-circle-icon-color: var(--content-content-secondary);
  --widget-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  --white-widget-background-color: var(--surface-surface-foreground);
  --white-widget-border-color: var(--border-border-gray-secondary);
  --white-widget-seperator-color: var(--border-border-slate-light);
  --default-color-on-white-widget: var(--content-content-black);
  --primary-color-on-white-widget: var(--content-content-primary);
  --dark-widget-background-color: var(--surface-surface-slate);
  --dark-widget-seperator-color: var(--border-border-cloud);
  --default-color-on-dark-widget: var(--content-content-on-slate);
  --primary-color-on-dark-widget: var(--content-content-secondary);
  --primary-section-background-color: var(--surface-surface-primary);
  --primary-section-title-color: var(--content-content-foreground);
  --primary-section-title-font-family: var(--secondary-font-family);
  --primary-section-title-font-weight: 700;
  --dark-section-background-color: var(--surface-surface-slate);
  --default-color-on-dark-section: var(--content-content-foreground);
  --quick-action-background-color: var(--surface-surface-foreground);
  --quick-action-border-radius: 4px;
  --quick-action-border-radius-mobile: 500px;
  --quick-action-border-color: var(--content-content-black);
  --quick-action-border-width: 1px;
  --quick-action-text-color: var(--content-content-black);
  --quick-action-text-font: var(--base-font-family);
  --quick-action-text-font-size: 12px;
  --quick-action-text-font-weight: 400;
  --quick-action-text-line-height: 14px;
  --cra-widget-background-color: var(--surface-surface-foreground);
  --cra-widget-border-color: var(--border-border-primary-light);
  --cra-widget-border-width: 1px;
  --cra-widget-border-radius: var(--radius-radius-sm);
  --cra-widget-seperator-color: var(--border-border-slate-light);
  --cra-widget-seperator-width: 1px;
  --cra-widget-account-title-color: var(--content-content-on-cloud);
  --cra-widget-beneficiary-name-color: var(--content-content-on-cloud);
  --cra-widget-account-boxes-background-color: var(--surface-surface-cloud-subdued);
  --cra-widget-account-boxes-border-radius: 12px;
  --cra-widget-account-boxes-text-color: var(--content-content-slate);
  --cra-widget-add-account-link-color: var(--content-content-on-cloud);
  --cra-widget-add-account-icon-bg-color: var(--content-content-primary);
  --mobile-transaction-history-height: calc(100vh - 157px - var(--safe-area-inset-top));
  --mobile-transaction-history-overflow-y: auto;
  --mobile-body-view-transaction-overflow: hidden;
}

:root {
  --floating-placeholder-active-transalteY: -7px;
  --floating-placeholder-fixed-top-position: 27px;
  --input-field-filled-padding-top: 26px;
  --input-field-filled-padding-bottom: 5px;
  --input-field-line-height: 24px;
  --input-field-label-left-position: 16px;
  --input-field-neutral-padding-bottom: 16px;
  --input-field-neutral-padding-left: 16px;
  --input-field-neutral-padding-right: 16px;
  --input-field-neutral-padding-top: 16px;
  --input-field-right-icon-padding: 40px;
  --input-field-focus-outline-width: 1px;
  --input-phone-field-padding-start: 37px;
  --floating-placeholder-padding-right: 5px;
  --floating-placeholder-top-position: 13px;
  --phone-number-prefix-placeholder-left-position: 32px;
  --textarea-padding-bottom: 5px;
  --textarea-padding-top: 16px;
  --timer-default-stroke-width: 2.2;
  --steps-defualt-bg: var(--colors-green-600);
  --colors-green-10: #E6F6F1;
  --subvalue-color-on-white-widget: var(--content-content-gray);
  --datepicker-highlight-date-background-color: var(--surface-surface-off-white-hover);
  --footer-desktop-hover-link-color: var(--color-custom-blue);
  --surface-surface-bo-bg: #EFE7DE;
  --color-custom-blue: #073C7F;
  --border-border-black: var(--content-content-black);
  --filter-icon-dark-blue: brightness(0) saturate(100%) invert(13%) sepia(48%) saturate(4695%) hue-rotate(206deg) brightness(96%) contrast(94%);
}

/* Mixins */
/* Functions */
/* margin & padding helpers */
.m-t-auto {
  margin-top: autopx !important;
}

.p-t-auto {
  padding-top: autopx !important;
}

.m-b-auto {
  margin-bottom: autopx !important;
}

.p-b-auto {
  padding-bottom: autopx !important;
}

.m-l-auto {
  margin-left: autopx !important;
}

.p-l-auto {
  padding-left: autopx !important;
}

.m-r-auto {
  margin-right: autopx !important;
}

.p-r-auto {
  padding-right: autopx !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

/* end of margin & padding helpers */
.p-l-0 {
  padding-left: 0px;
}

.p-l-1 {
  padding-left: 1px;
}

.p-l-2 {
  padding-left: 2px;
}

.p-l-3 {
  padding-left: 3px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-6 {
  padding-left: 6px;
}

.p-l-7 {
  padding-left: 7px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-l-9 {
  padding-left: 9px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-11 {
  padding-left: 11px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-l-13 {
  padding-left: 13px;
}

.p-l-14 {
  padding-left: 14px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-l-17 {
  padding-left: 17px;
}

.p-l-18 {
  padding-left: 18px;
}

.p-l-19 {
  padding-left: 19px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-21 {
  padding-left: 21px;
}

.p-l-22 {
  padding-left: 22px;
}

.p-l-23 {
  padding-left: 23px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-l-26 {
  padding-left: 26px;
}

.p-l-27 {
  padding-left: 27px;
}

.p-l-28 {
  padding-left: 28px;
}

.p-l-29 {
  padding-left: 29px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-l-31 {
  padding-left: 31px;
}

.p-l-32 {
  padding-left: 32px;
}

.p-l-33 {
  padding-left: 33px;
}

.p-l-34 {
  padding-left: 34px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-l-36 {
  padding-left: 36px;
}

.p-l-37 {
  padding-left: 37px;
}

.p-l-38 {
  padding-left: 38px;
}

.p-l-39 {
  padding-left: 39px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-l-41 {
  padding-left: 41px;
}

.p-l-42 {
  padding-left: 42px;
}

.p-l-43 {
  padding-left: 43px;
}

.p-l-44 {
  padding-left: 44px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-l-46 {
  padding-left: 46px;
}

.p-l-47 {
  padding-left: 47px;
}

.p-l-48 {
  padding-left: 48px;
}

.p-l-49 {
  padding-left: 49px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-l-51 {
  padding-left: 51px;
}

.p-l-52 {
  padding-left: 52px;
}

.p-l-53 {
  padding-left: 53px;
}

.p-l-54 {
  padding-left: 54px;
}

.p-l-55 {
  padding-left: 55px;
}

.p-l-56 {
  padding-left: 56px;
}

.p-l-57 {
  padding-left: 57px;
}

.p-l-58 {
  padding-left: 58px;
}

.p-l-59 {
  padding-left: 59px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-l-61 {
  padding-left: 61px;
}

.p-l-62 {
  padding-left: 62px;
}

.p-l-63 {
  padding-left: 63px;
}

.p-l-64 {
  padding-left: 64px;
}

.p-l-65 {
  padding-left: 65px;
}

.p-l-66 {
  padding-left: 66px;
}

.p-l-67 {
  padding-left: 67px;
}

.p-l-68 {
  padding-left: 68px;
}

.p-l-69 {
  padding-left: 69px;
}

.p-l-70 {
  padding-left: 70px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-r-1 {
  padding-right: 1px;
}

.p-r-2 {
  padding-right: 2px;
}

.p-r-3 {
  padding-right: 3px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-6 {
  padding-right: 6px;
}

.p-r-7 {
  padding-right: 7px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-r-9 {
  padding-right: 9px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-11 {
  padding-right: 11px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-r-13 {
  padding-right: 13px;
}

.p-r-14 {
  padding-right: 14px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-r-17 {
  padding-right: 17px;
}

.p-r-18 {
  padding-right: 18px;
}

.p-r-19 {
  padding-right: 19px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-21 {
  padding-right: 21px;
}

.p-r-22 {
  padding-right: 22px;
}

.p-r-23 {
  padding-right: 23px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-r-26 {
  padding-right: 26px;
}

.p-r-27 {
  padding-right: 27px;
}

.p-r-28 {
  padding-right: 28px;
}

.p-r-29 {
  padding-right: 29px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-r-31 {
  padding-right: 31px;
}

.p-r-32 {
  padding-right: 32px;
}

.p-r-33 {
  padding-right: 33px;
}

.p-r-34 {
  padding-right: 34px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-r-36 {
  padding-right: 36px;
}

.p-r-37 {
  padding-right: 37px;
}

.p-r-38 {
  padding-right: 38px;
}

.p-r-39 {
  padding-right: 39px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-41 {
  padding-right: 41px;
}

.p-r-42 {
  padding-right: 42px;
}

.p-r-43 {
  padding-right: 43px;
}

.p-r-44 {
  padding-right: 44px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-r-46 {
  padding-right: 46px;
}

.p-r-47 {
  padding-right: 47px;
}

.p-r-48 {
  padding-right: 48px;
}

.p-r-49 {
  padding-right: 49px;
}

.p-r-50 {
  padding-right: 50px;
}

.p-r-51 {
  padding-right: 51px;
}

.p-r-52 {
  padding-right: 52px;
}

.p-r-53 {
  padding-right: 53px;
}

.p-r-54 {
  padding-right: 54px;
}

.p-r-55 {
  padding-right: 55px;
}

.p-r-56 {
  padding-right: 56px;
}

.p-r-57 {
  padding-right: 57px;
}

.p-r-58 {
  padding-right: 58px;
}

.p-r-59 {
  padding-right: 59px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-r-61 {
  padding-right: 61px;
}

.p-r-62 {
  padding-right: 62px;
}

.p-r-63 {
  padding-right: 63px;
}

.p-r-64 {
  padding-right: 64px;
}

.p-r-65 {
  padding-right: 65px;
}

.p-r-66 {
  padding-right: 66px;
}

.p-r-67 {
  padding-right: 67px;
}

.p-r-68 {
  padding-right: 68px;
}

.p-r-69 {
  padding-right: 69px;
}

.p-r-70 {
  padding-right: 70px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-b-1 {
  padding-bottom: 1px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.p-b-3 {
  padding-bottom: 3px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.p-b-7 {
  padding-bottom: 7px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-b-9 {
  padding-bottom: 9px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-b-11 {
  padding-bottom: 11px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.p-b-13 {
  padding-bottom: 13px;
}

.p-b-14 {
  padding-bottom: 14px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-b-17 {
  padding-bottom: 17px;
}

.p-b-18 {
  padding-bottom: 18px;
}

.p-b-19 {
  padding-bottom: 19px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-b-21 {
  padding-bottom: 21px;
}

.p-b-22 {
  padding-bottom: 22px;
}

.p-b-23 {
  padding-bottom: 23px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-b-26 {
  padding-bottom: 26px;
}

.p-b-27 {
  padding-bottom: 27px;
}

.p-b-28 {
  padding-bottom: 28px;
}

.p-b-29 {
  padding-bottom: 29px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-b-31 {
  padding-bottom: 31px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.p-b-33 {
  padding-bottom: 33px;
}

.p-b-34 {
  padding-bottom: 34px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-b-36 {
  padding-bottom: 36px;
}

.p-b-37 {
  padding-bottom: 37px;
}

.p-b-38 {
  padding-bottom: 38px;
}

.p-b-39 {
  padding-bottom: 39px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-b-41 {
  padding-bottom: 41px;
}

.p-b-42 {
  padding-bottom: 42px;
}

.p-b-43 {
  padding-bottom: 43px;
}

.p-b-44 {
  padding-bottom: 44px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-b-46 {
  padding-bottom: 46px;
}

.p-b-47 {
  padding-bottom: 47px;
}

.p-b-48 {
  padding-bottom: 48px;
}

.p-b-49 {
  padding-bottom: 49px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-b-51 {
  padding-bottom: 51px;
}

.p-b-52 {
  padding-bottom: 52px;
}

.p-b-53 {
  padding-bottom: 53px;
}

.p-b-54 {
  padding-bottom: 54px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.p-b-56 {
  padding-bottom: 56px;
}

.p-b-57 {
  padding-bottom: 57px;
}

.p-b-58 {
  padding-bottom: 58px;
}

.p-b-59 {
  padding-bottom: 59px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-b-61 {
  padding-bottom: 61px;
}

.p-b-62 {
  padding-bottom: 62px;
}

.p-b-63 {
  padding-bottom: 63px;
}

.p-b-64 {
  padding-bottom: 64px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.p-b-66 {
  padding-bottom: 66px;
}

.p-b-67 {
  padding-bottom: 67px;
}

.p-b-68 {
  padding-bottom: 68px;
}

.p-b-69 {
  padding-bottom: 69px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-t-1 {
  padding-top: 1px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-t-3 {
  padding-top: 3px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-t-6 {
  padding-top: 6px;
}

.p-t-7 {
  padding-top: 7px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-t-9 {
  padding-top: 9px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-t-11 {
  padding-top: 11px;
}

.p-t-12 {
  padding-top: 12px;
}

.p-t-13 {
  padding-top: 13px;
}

.p-t-14 {
  padding-top: 14px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-t-17 {
  padding-top: 17px;
}

.p-t-18 {
  padding-top: 18px;
}

.p-t-19 {
  padding-top: 19px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-t-21 {
  padding-top: 21px;
}

.p-t-22 {
  padding-top: 22px;
}

.p-t-23 {
  padding-top: 23px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-t-26 {
  padding-top: 26px;
}

.p-t-27 {
  padding-top: 27px;
}

.p-t-28 {
  padding-top: 28px;
}

.p-t-29 {
  padding-top: 29px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-t-31 {
  padding-top: 31px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-t-33 {
  padding-top: 33px;
}

.p-t-34 {
  padding-top: 34px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-t-36 {
  padding-top: 36px;
}

.p-t-37 {
  padding-top: 37px;
}

.p-t-38 {
  padding-top: 38px;
}

.p-t-39 {
  padding-top: 39px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-t-41 {
  padding-top: 41px;
}

.p-t-42 {
  padding-top: 42px;
}

.p-t-43 {
  padding-top: 43px;
}

.p-t-44 {
  padding-top: 44px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-t-46 {
  padding-top: 46px;
}

.p-t-47 {
  padding-top: 47px;
}

.p-t-48 {
  padding-top: 48px;
}

.p-t-49 {
  padding-top: 49px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-t-51 {
  padding-top: 51px;
}

.p-t-52 {
  padding-top: 52px;
}

.p-t-53 {
  padding-top: 53px;
}

.p-t-54 {
  padding-top: 54px;
}

.p-t-55 {
  padding-top: 55px;
}

.p-t-56 {
  padding-top: 56px;
}

.p-t-57 {
  padding-top: 57px;
}

.p-t-58 {
  padding-top: 58px;
}

.p-t-59 {
  padding-top: 59px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-t-61 {
  padding-top: 61px;
}

.p-t-62 {
  padding-top: 62px;
}

.p-t-63 {
  padding-top: 63px;
}

.p-t-64 {
  padding-top: 64px;
}

.p-t-65 {
  padding-top: 65px;
}

.p-t-66 {
  padding-top: 66px;
}

.p-t-67 {
  padding-top: 67px;
}

.p-t-68 {
  padding-top: 68px;
}

.p-t-69 {
  padding-top: 69px;
}

.p-t-70 {
  padding-top: 70px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-l-1 {
  margin-left: 1px;
}

.m-l-2 {
  margin-left: 2px;
}

.m-l-3 {
  margin-left: 3px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-l-7 {
  margin-left: 7px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-l-9 {
  margin-left: 9px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-11 {
  margin-left: 11px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-l-13 {
  margin-left: 13px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-l-17 {
  margin-left: 17px;
}

.m-l-18 {
  margin-left: 18px;
}

.m-l-19 {
  margin-left: 19px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-21 {
  margin-left: 21px;
}

.m-l-22 {
  margin-left: 22px;
}

.m-l-23 {
  margin-left: 23px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-l-26 {
  margin-left: 26px;
}

.m-l-27 {
  margin-left: 27px;
}

.m-l-28 {
  margin-left: 28px;
}

.m-l-29 {
  margin-left: 29px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-l-31 {
  margin-left: 31px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-l-33 {
  margin-left: 33px;
}

.m-l-34 {
  margin-left: 34px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-l-36 {
  margin-left: 36px;
}

.m-l-37 {
  margin-left: 37px;
}

.m-l-38 {
  margin-left: 38px;
}

.m-l-39 {
  margin-left: 39px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-l-41 {
  margin-left: 41px;
}

.m-l-42 {
  margin-left: 42px;
}

.m-l-43 {
  margin-left: 43px;
}

.m-l-44 {
  margin-left: 44px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-l-46 {
  margin-left: 46px;
}

.m-l-47 {
  margin-left: 47px;
}

.m-l-48 {
  margin-left: 48px;
}

.m-l-49 {
  margin-left: 49px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-51 {
  margin-left: 51px;
}

.m-l-52 {
  margin-left: 52px;
}

.m-l-53 {
  margin-left: 53px;
}

.m-l-54 {
  margin-left: 54px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-l-56 {
  margin-left: 56px;
}

.m-l-57 {
  margin-left: 57px;
}

.m-l-58 {
  margin-left: 58px;
}

.m-l-59 {
  margin-left: 59px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-l-61 {
  margin-left: 61px;
}

.m-l-62 {
  margin-left: 62px;
}

.m-l-63 {
  margin-left: 63px;
}

.m-l-64 {
  margin-left: 64px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-l-66 {
  margin-left: 66px;
}

.m-l-67 {
  margin-left: 67px;
}

.m-l-68 {
  margin-left: 68px;
}

.m-l-69 {
  margin-left: 69px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-r-1 {
  margin-right: 1px;
}

.m-r-2 {
  margin-right: 2px;
}

.m-r-3 {
  margin-right: 3px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-6 {
  margin-right: 6px;
}

.m-r-7 {
  margin-right: 7px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-r-9 {
  margin-right: 9px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-11 {
  margin-right: 11px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-r-13 {
  margin-right: 13px;
}

.m-r-14 {
  margin-right: 14px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-r-17 {
  margin-right: 17px;
}

.m-r-18 {
  margin-right: 18px;
}

.m-r-19 {
  margin-right: 19px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-21 {
  margin-right: 21px;
}

.m-r-22 {
  margin-right: 22px;
}

.m-r-23 {
  margin-right: 23px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-r-26 {
  margin-right: 26px;
}

.m-r-27 {
  margin-right: 27px;
}

.m-r-28 {
  margin-right: 28px;
}

.m-r-29 {
  margin-right: 29px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-31 {
  margin-right: 31px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-r-33 {
  margin-right: 33px;
}

.m-r-34 {
  margin-right: 34px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-r-36 {
  margin-right: 36px;
}

.m-r-37 {
  margin-right: 37px;
}

.m-r-38 {
  margin-right: 38px;
}

.m-r-39 {
  margin-right: 39px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-41 {
  margin-right: 41px;
}

.m-r-42 {
  margin-right: 42px;
}

.m-r-43 {
  margin-right: 43px;
}

.m-r-44 {
  margin-right: 44px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-r-46 {
  margin-right: 46px;
}

.m-r-47 {
  margin-right: 47px;
}

.m-r-48 {
  margin-right: 48px;
}

.m-r-49 {
  margin-right: 49px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-r-51 {
  margin-right: 51px;
}

.m-r-52 {
  margin-right: 52px;
}

.m-r-53 {
  margin-right: 53px;
}

.m-r-54 {
  margin-right: 54px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-r-56 {
  margin-right: 56px;
}

.m-r-57 {
  margin-right: 57px;
}

.m-r-58 {
  margin-right: 58px;
}

.m-r-59 {
  margin-right: 59px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-r-61 {
  margin-right: 61px;
}

.m-r-62 {
  margin-right: 62px;
}

.m-r-63 {
  margin-right: 63px;
}

.m-r-64 {
  margin-right: 64px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-r-66 {
  margin-right: 66px;
}

.m-r-67 {
  margin-right: 67px;
}

.m-r-68 {
  margin-right: 68px;
}

.m-r-69 {
  margin-right: 69px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-b-1 {
  margin-bottom: 1px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.m-b-3 {
  margin-bottom: 3px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-6 {
  margin-bottom: 6px;
}

.m-b-7 {
  margin-bottom: 7px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-b-9 {
  margin-bottom: 9px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-11 {
  margin-bottom: 11px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.m-b-13 {
  margin-bottom: 13px;
}

.m-b-14 {
  margin-bottom: 14px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-b-17 {
  margin-bottom: 17px;
}

.m-b-18 {
  margin-bottom: 18px;
}

.m-b-19 {
  margin-bottom: 19px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-21 {
  margin-bottom: 21px;
}

.m-b-22 {
  margin-bottom: 22px;
}

.m-b-23 {
  margin-bottom: 23px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-26 {
  margin-bottom: 26px;
}

.m-b-27 {
  margin-bottom: 27px;
}

.m-b-28 {
  margin-bottom: 28px;
}

.m-b-29 {
  margin-bottom: 29px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-31 {
  margin-bottom: 31px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.m-b-33 {
  margin-bottom: 33px;
}

.m-b-34 {
  margin-bottom: 34px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-36 {
  margin-bottom: 36px;
}

.m-b-37 {
  margin-bottom: 37px;
}

.m-b-38 {
  margin-bottom: 38px;
}

.m-b-39 {
  margin-bottom: 39px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-41 {
  margin-bottom: 41px;
}

.m-b-42 {
  margin-bottom: 42px;
}

.m-b-43 {
  margin-bottom: 43px;
}

.m-b-44 {
  margin-bottom: 44px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-b-46 {
  margin-bottom: 46px;
}

.m-b-47 {
  margin-bottom: 47px;
}

.m-b-48 {
  margin-bottom: 48px;
}

.m-b-49 {
  margin-bottom: 49px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-51 {
  margin-bottom: 51px;
}

.m-b-52 {
  margin-bottom: 52px;
}

.m-b-53 {
  margin-bottom: 53px;
}

.m-b-54 {
  margin-bottom: 54px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-b-56 {
  margin-bottom: 56px;
}

.m-b-57 {
  margin-bottom: 57px;
}

.m-b-58 {
  margin-bottom: 58px;
}

.m-b-59 {
  margin-bottom: 59px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-b-61 {
  margin-bottom: 61px;
}

.m-b-62 {
  margin-bottom: 62px;
}

.m-b-63 {
  margin-bottom: 63px;
}

.m-b-64 {
  margin-bottom: 64px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-b-66 {
  margin-bottom: 66px;
}

.m-b-67 {
  margin-bottom: 67px;
}

.m-b-68 {
  margin-bottom: 68px;
}

.m-b-69 {
  margin-bottom: 69px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-t-1 {
  margin-top: 1px;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-3 {
  margin-top: 3px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-6 {
  margin-top: 6px;
}

.m-t-7 {
  margin-top: 7px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-9 {
  margin-top: 9px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-11 {
  margin-top: 11px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-t-13 {
  margin-top: 13px;
}

.m-t-14 {
  margin-top: 14px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-17 {
  margin-top: 17px;
}

.m-t-18 {
  margin-top: 18px;
}

.m-t-19 {
  margin-top: 19px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-21 {
  margin-top: 21px;
}

.m-t-22 {
  margin-top: 22px;
}

.m-t-23 {
  margin-top: 23px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-26 {
  margin-top: 26px;
}

.m-t-27 {
  margin-top: 27px;
}

.m-t-28 {
  margin-top: 28px;
}

.m-t-29 {
  margin-top: 29px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-31 {
  margin-top: 31px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-t-33 {
  margin-top: 33px;
}

.m-t-34 {
  margin-top: 34px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-t-36 {
  margin-top: 36px;
}

.m-t-37 {
  margin-top: 37px;
}

.m-t-38 {
  margin-top: 38px;
}

.m-t-39 {
  margin-top: 39px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-41 {
  margin-top: 41px;
}

.m-t-42 {
  margin-top: 42px;
}

.m-t-43 {
  margin-top: 43px;
}

.m-t-44 {
  margin-top: 44px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-t-46 {
  margin-top: 46px;
}

.m-t-47 {
  margin-top: 47px;
}

.m-t-48 {
  margin-top: 48px;
}

.m-t-49 {
  margin-top: 49px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-51 {
  margin-top: 51px;
}

.m-t-52 {
  margin-top: 52px;
}

.m-t-53 {
  margin-top: 53px;
}

.m-t-54 {
  margin-top: 54px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-t-56 {
  margin-top: 56px;
}

.m-t-57 {
  margin-top: 57px;
}

.m-t-58 {
  margin-top: 58px;
}

.m-t-59 {
  margin-top: 59px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-61 {
  margin-top: 61px;
}

.m-t-62 {
  margin-top: 62px;
}

.m-t-63 {
  margin-top: 63px;
}

.m-t-64 {
  margin-top: 64px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-t-66 {
  margin-top: 66px;
}

.m-t-67 {
  margin-top: 67px;
}

.m-t-68 {
  margin-top: 68px;
}

.m-t-69 {
  margin-top: 69px;
}

.m-t-70 {
  margin-top: 70px;
}

.row {
  --bs-gutter-x: 3rem;
}

.row> :not(:where([class^=col-], [class*=" col-"])) {
  flex-shrink: unset;
  width: unset;
  max-width: unset;
  padding-right: unset;
  padding-left: unset;
  margin-top: unset;
}

.dropdown-toggle::after {
  content: none;
  border: 0;
  margin: 0;
}

:where([class^=col-], [class*=" col-"]) {
  position: relative;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

label {
  margin-bottom: 0.5rem;
}

a {
  text-decoration: none;
}

nav ul li a {
  position: relative;
}

@media (min-width: 992px) {
  body.vcaas-mobile-body #mainview .content .content-inner.col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}

.select2-container .select2-choice,
.select2-selection {
  display: block;
  position: relative;
}

.select2-container .select2-choice .select2-arrow,
.select2-selection__arrow {
  display: inline-block;
  width: 34px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid var(--colors-slate-100);
  background: var(--colors-cloud-300);
}

.select2-results {
  max-height: 200px;
  padding: 0;
  margin: 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
}

.select2-results__options {
  padding: 0;
  margin: 0;
  list-style: none;
}

.select2-drop,
.select2-dropdown {
  margin-top: -1px;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: var(--colors-truecolors-white);
  color: var(--colors-truecolors-black);
  border: 1px solid var(--colors-slate-100);
  border-top: 0;
  left: 0;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.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;
}

.placeholder {
  display: unset;
  min-height: unset;
  vertical-align: unset;
  cursor: unset;
  background-color: unset;
  opacity: unset;
}

/* Clockpicker scss added back */
/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
 */
.clockpicker-popover {
  position: fixed;
}

.clockpicker .input-group-addon {
  cursor: pointer;
}

.clockpicker-moving {
  cursor: move;
}

.clockpicker-align-left.popover>.arrow {
  left: 25px;
}

.clockpicker-align-top.popover>.arrow {
  top: 17px;
}

.clockpicker-align-right.popover>.arrow {
  left: auto;
  right: 25px;
}

.clockpicker-align-bottom.popover>.arrow {
  top: auto;
  bottom: 6px;
}

.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}

.clockpicker-popover .popover-title span {
  cursor: pointer;
}

.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px;
}

.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.clockpicker-canvas,
.clockpicker-dial {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px;
}

.clockpicker-minutes {
  visibility: hidden;
}

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer;
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: #c0e5f7;
  background-color: rgba(0, 149, 221, 0.25);
}

.clockpicker-button {
  background-image: none;
  background-color: #fff;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 10px 0;
}

.clockpicker-button:hover {
  background-image: none;
  background-color: #ebebeb;
}

.clockpicker-dial {
  transition: transform 350ms, opacity 350ms;
}

.clockpicker-dial-out {
  opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out {
  transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
  transform: scale(0.8, 0.8);
}

.clockpicker-canvas {
  transition: opacity 175ms;
}

.clockpicker-canvas-out {
  opacity: 0.25;
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
  stroke: none;
  fill: #0095dd;
}

.clockpicker-canvas-bg {
  stroke: none;
  fill: #c0e5f7;
}

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25);
}

.clockpicker-canvas line {
  stroke: #0095dd;
  stroke-width: 1;
  stroke-linecap: round;
}

/*!
 * Colorpicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  cursor: crosshair;
  float: left;
}

.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
}

.colorpicker-alpha,
.colorpicker-hue {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

.colorpicker-alpha i,
.colorpicker-hue i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker-alpha {
  display: none;
}

.colorpicker {
  zoom: 1;
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 120px;
  margin-top: 1px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.colorpicker:after {
  clear: both;
}

.colorpicker:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.colorpicker:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.colorpicker div {
  position: relative;
}

.colorpicker.alpha {
  min-width: 140px;
}

.colorpicker.alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

html.vcaas-mobile-app {
  font-size: 62.5%;
  width: 100vw;
}

html.vcaas-mobile-app a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

html.vcaas-mobile-app body {
  font-family: var(--base-font-family);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  font-weight: var(--base-font-weight);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

html.vcaas-mobile-app body .just-line-break {
  white-space: pre-line !important;
}

html.vcaas-mobile-app body .input-group-prepend {
  height: 48px;
}

html.vcaas-mobile-app body .graphik-text-normal-14-blue {
  color: var(--content-content-on-cloud);
}

html.vcaas-mobile-app body .graphik-text-medium-14-blue {
  letter-spacing: 0px;
  color: var(--colors-primary-950);
  font-weight: 500 !important;
}

html.vcaas-mobile-app body .graphik-text-medium-14-midblue {
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
  font-weight: 500 !important;
}

html.vcaas-mobile-app body .graphik-text-bold-14-input-color {
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

html.vcaas-mobile-app body .graphik-text-normal-14-black {
  letter-spacing: 0px;
  color: var(--base-text-color);
}

html.vcaas-mobile-app body .graphik-text-medium-14-black {
  letter-spacing: 0px;
  color: var(--base-text-color);
  font-weight: 400 !important;
}

html.vcaas-mobile-app body .graphik-text-bold-14-black {
  letter-spacing: 0px;
  color: var(--base-text-color);
}

html.vcaas-mobile-app body .graphik-text-medium-new-14-black {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  color: var(--base-text-color);
}

html.vcaas-mobile-app body .nunito-text-bold-20-blue {
  font-size: 20px;
  line-height: 23px;
  font-weight: 900;
  letter-spacing: -0.3px;
  color: var(--colors-primary-950);
}

html.vcaas-mobile-app body .nunito-text-bold-26-blue-2 {
  font-size: 26px;
  line-height: 26px;
  font-weight: 900;
  letter-spacing: -0.39px;
  color: var(--colors-primary-950);
}

html.vcaas-mobile-app body .no-transactions-found {
  margin: 16px 0 0 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0px var(--spacing-xs) var(--spacing-3xs) var(--spacing-xs);
  gap: var(--spacing-xs);
}

html.vcaas-mobile-app body .no-transactions-found .no-transaction-image img {
  width: 100px;
}

html.vcaas-mobile-app body .no-transactions-found .no-transaction-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--content-content-on-cloud);
}

html.vcaas-mobile-app body .no-transactions-found .no-transaction-description {
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

html.vcaas-mobile-app body .no-transactions-found.no-height {
  height: auto;
}

html.vcaas-mobile-app body .no-request-found-column {
  display: block !important;
}

html.vcaas-mobile-app body .no-request-message-text {
  color: var(--content-content-cloud) !important;
}

html.vcaas-mobile-app body .no-request-message-label {
  background-color: var(--surface-surface-slate) !important;
}

html.vcaas-mobile-app body .no-account-row .no-account-title {
  font-size: 22px;
  line-height: 25px;
  font-weight: 900;
  letter-spacing: 0px;
  color: var(--colors-primary-900);
}

html.vcaas-mobile-app body .no-account-row .no-account-description {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

html.vcaas-mobile-app body .height-auto-m-b-24 {
  height: auto !important;
  margin-bottom: 24px;
}

html.vcaas-mobile-app body .full-width {
  max-width: initial !important;
  width: 100% !important;
}

html.vcaas-mobile-app body .page-top-title {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

html.vcaas-mobile-app body .cursor-pointer {
  cursor: pointer !important;
}

html.vcaas-mobile-app body .text-medium-roboto {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: var(--colors-primary-950);
  font-weight: 500 !important;
  cursor: pointer !important;
}

html.vcaas-mobile-app body .text-link-medium-roboto {
  text-decoration: underline;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: var(--colors-primary-950);
  font-weight: 500 !important;
  cursor: pointer !important;
}

html.vcaas-mobile-app body .separator-top {
  border-top: 1px solid var(--border-border-slate-secondary) !important;
}

html.vcaas-mobile-app body .separator-bottom {
  border-bottom: 1px solid var(--border-border-slate-secondary) !important;
}

html.vcaas-mobile-app body .text-graphik-normal-14 {
  letter-spacing: 0px;
  color: var(--base-text-color);
}

html.vcaas-mobile-app [role=main] p,
html.vcaas-mobile-app [role=main] h1,
html.vcaas-mobile-app [role=main] h2,
html.vcaas-mobile-app [role=main] h3,
html.vcaas-mobile-app [role=main] h4,
html.vcaas-mobile-app [role=main] h5,
html.vcaas-mobile-app [role=main] h6 {
  letter-spacing: 0;
  cursor: default;
}

html.vcaas-mobile-app * {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

vc-passwordtextbox.ng-dirty.ng-invalid .vc-validation-error {
  margin-top: 4px;
  color: var(--input-field-error-message-text-color);
  font-size: 12px;
  line-height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-size: 16.4px;
  position: relative;
  text-align: left;
}

vc-passwordtextbox.ng-dirty.ng-invalid .vc-validation-error:before {
  content: "\f06a";
  font: normal normal normal 14px/1 var(--font-awesome-font-family);
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

vc-passwordtextbox.ng-dirty.ng-invalid #errorLocation+.vc-validation-error {
  margin-top: 4px;
}

vc-passwordtextbox.ng-dirty.ng-invalid .strength-bar-visible+#errorLocation+.vc-validation-error {
  margin-top: 18px;
}

.ng-dirty.ng-invalid+.vc-validation-error {
  margin-top: 4px;
  color: var(--input-field-error-message-text-color);
  font-size: 12px;
  line-height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-size: 16.4px;
  position: relative;
  text-align: left;
}

.ng-dirty.ng-invalid+.vc-validation-error:before {
  content: "\f06a";
  font: normal normal normal 14px/1 var(--font-awesome-font-family);
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.ng-dirty.ng-invalid .vc-textbox .form-control {
  border: 2px solid var(--input-field-error-border-color) !important;
}

.ng-dirty.ng-invalid .vc-textbox .form-control::placeholder {
  color: var(--input-field-error-placeholder-text-color) !important;
}

.ng-dirty.ng-invalid .form-control~.floatingPlaceholder {
  color: var(--input-field-error-placeholder-text-color) !important;
}

.ng-dirty.ng-invalid .mat-datepicker-input.form-control {
  border: 2px solid var(--input-field-error-border-color) !important;
}

.ng-dirty.ng-invalid .select2-selection {
  border: 2px solid var(--input-field-error-border-color) !important;
}

.ng-dirty.ng-invalid .select2-selection .select2-selection__placeholder,
.ng-dirty.ng-invalid .select2-selection .custom-combobox-placeholder {
  color: var(--input-field-error-placeholder-text-color) !important;
}

.combobox-invalid .select2-container .select2-dropdown.select2-dropdown--below {
  border-color: var(--input-field-error-border-color) !important;
}

[scrollable] {
  touch-action: none;
  overflow: hidden;
}

.required:after {
  color: var(--content-content-error);
  content: "*";
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0.4rem;
  font-size: 1.4rem;
}

.app-intro-first-level .required:after {
  content: none;
}

.table tr.active td {
  background-color: var(--colors-primary-950) !important;
  color: var(--colors-truecolors-white);
}

.row:after,
.smart-rtl .row:before {
  content: none;
  display: table;
}

.dropdown-toggle,
.dropdown-menu.show {
  -webkit-user-select: auto;
  user-select: auto;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.align-items-center {
  align-items: center;
}

.padding-top-2rem {
  padding-top: 2rem;
}

.account-card-non-registered {
  overflow-x: hidden;
}

.account-opening-row {
  position: relative;
}

.account-opening-row .account-opening-radio-row {
  padding: 0px !important;
  margin: auto;
}

.account-opening-row .account-opening-radiobutton-list {
  padding: 15px;
}

.account-opening-row .info-column {
  position: static;
}

.account-opening-row .account-opening-info-column {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-icons {
  background: url('images/icons-solid.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-sack-dollar {
  background: url('images/sack-dollar-solid.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-flag-alt {
  background: url('images/flag-alt.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-golf-club {
  background: url('images/golf-club.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-store-alt {
  background: url('images/store-alt-solid.svg');
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-car-alt {
  background: url('images/car-alt-solid.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-money-bill-transfer {
  background: url('images/money-bill-transfer.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-money-check-dollar {
  background: url('images/money-check-dollar.svg');
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-direction-row {
  flex-direction: row !important;
}

.login-intro .ng-dirty.ng-invalid+.vc-validation-error,
.login-intro vc-passwordtextbox.ng-dirty.ng-invalid .vc-validation-error {
  margin-top: 4px;
  color: var(--colors-black-white-white);
  font-size: 12px;
  line-height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-size: 16.4px;
  position: relative;
  border-radius: var(--radius-radius-2xs);
  padding: var(--spacing-4xs);
}

.login-intro .ng-dirty.ng-invalid+.vc-validation-error::before,
.login-intro vc-passwordtextbox.ng-dirty.ng-invalid .vc-validation-error::before {
  display: none !important;
}

ngx-loading-bar .ngx-bar {
  background-color: var(--app-loading-bar-color) !important;
}

.my-test {
  background-color: rgba(from var(--colors-slate-900) r g b/0.8);
}

.icon-tag-card {
  background: url('images/icon-tag-card.svg') no-repeat center;
  display: block;
  width: 20px;
  height: 11px;
}

.icon-money-in {
  background: url('images/money-in-icon.svg') no-repeat center;
  display: block;
  width: 20px;
  height: 20px;
}

.icon-money-out {
  background: url('images/money-out-icon.svg') no-repeat center;
  display: block;
  width: 20px;
  height: 20px;
}

.icon-payment {
  background: url('images/payment-icon.svg') no-repeat center;
  display: block;
  width: 20px;
  height: 20px;
}

.icon-money-transfer {
  background: url('images/money-transfer-icon.svg') no-repeat center;
  display: block;
  width: 20px;
  height: 20px;
}

.vc-validation-error {
  display: none;
}

.ng-dirty.ng-invalid .vc-validation-error {
  display: initial;
  color: var(--input-field-error-message-text-color);
}

.right-bottom,
.right-bottom:active {
  position: absolute;
  right: 20px;
  bottom: 10px;
  top: initial;
  text-align: right;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  z-index: 1113;
}

.truncate-text-dots {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fade-scroll {
  width: 100%;
  height: 49px;
  z-index: 99;
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, transparent, var(--surface-surface-cloud));
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7) center center no-repeat;
  background-size: 10rem 10rem;
  backdrop-filter: blur(8px) !important;
  z-index: 1113;
}

.overlay+vc-circularspinner.spinner-loader {
  z-index: 1113;
}

.flow-name {
  color: var(--content-content-primary);
  font-size: 24px;
  line-height: 33px;
  font-weight: normal;
}

.flow-helper-text {
  font-size: 12px;
  line-height: 17px;
  display: block;
}

.max-vh-60 {
  max-height: 60vh !important;
}

.bg-primary-gradient {
  background: transparent var(--surface-surface-primary) 0% 0% no-repeat padding-box;
}

.text-primary-color {
  color: var(--colors-primary-950) !important;
}

.text-secondary-color {
  color: var(--content-content-primary);
}

.text-tertiary-color {
  color: var(--content-content-on-cloud);
}

.text-helper-color {
  color: var(--information-item-value-color);
}

.text-dark-color {
  color: var(--content-content-on-cloud);
}

.text-dark-gray {
  color: var(--colors-slate-400);
}

.text-red-color {
  color: var(--colors-red-500);
}

.text-light-gray-color {
  color: var(--colors-slate-300);
}

.text-gray {
  color: var(--colors-slate-100);
}

.text-black {
  color: var(--colors-truecolors-black);
}

.text-xxs-font-size {
  font-size: 10px;
}

.text-xs-font-size {
  font-size: 11px;
}

.text-sm-font-size {
  font-size: 12px;
}

.text-def-font-size {
  font-size: 13px;
}

.text-14-font-size {
  font-size: 14px;
}

.text-md-font-size {
  font-size: 16px;
}

.text-lg-font-size {
  font-size: 18px;
}

.text-xl-font-size {
  font-size: 20px;
}

.text-xxl-font-size {
  font-size: 24px;
}

.text-web-title-font-size {
  font-size: 15px;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 600 !important;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-0 {
  opacity: 0;
}

.disabled-link {
  opacity: 0.5;
  pointer-events: none;
}

.text-underline {
  text-decoration: underline;
}

.unselectable-element {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.base-background-wrapper {
  border: 1px solid var(--border-border-primary-light);
  border-radius: 6px;
  background: var(--surface-surface-foreground);
}

.base-background-wrapper .dashboard-bottom-content {
  padding-top: 28px;
  padding-bottom: 24px;
}

.flex-scroll-content {
  flex-grow: 1;
}

.mr-12 {
  margin-right: 12px !important;
}

@media (min-width: 768px) {
  .desktop-big-font-size .form-control:placeholder-shown+.floatingPlaceholder {
    font-size: 18px;
    top: 50%;
  }
}

.p-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.m-t--62 {
  margin-top: -62px !important;
}

@media (max-width: 767px) {
  .position-fixed-bottom {
    position: fixed;
    width: 100%;
    bottom: calc(75px + var(--safe-area-inset-bottom));
  }

  .sm-m-b-12 {
    margin-bottom: 12px;
  }
}

.m-r-60 {
  margin-right: 60px;
}

.font-beem-18-700-dark {
  color: var(--base-text-color);
  font-family: var(--secondary-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 1px;
}

.font-24-700-dark {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.font-graphik-500-16-24 {
  color: var(--content-content-on-cloud);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media (min-width: 768px) {
  .w-1296 {
    width: 1296px;
  }

  .w-620 {
    width: 620px;
  }

  .overflow-inherit {
    overflow: inherit !important;
  }
}

.cloud-box {
  border-radius: var(--widget-border-radius-2);
  background: var(--white-widget-background-color);
  border: var(--widget-border-width) solid var(--white-widget-border-color);
}

.cloud-box vc-information-item+vc-information-item .information-content {
  border-top-width: var(--widget-seperator-width);
  border-top-color: var(--white-widget-seperator-color);
}

.cloud-box .information-item-title,
.cloud-box .information-item-value {
  color: var(--default-color-on-white-widget) !important;
}

.text-xs {
  font-size: 12px !important;
  line-height: 16px;
}

.text-sm {
  font-size: 14px !important;
  line-height: 20px;
}

.text-base {
  font-size: 16px !important;
  line-height: 24px;
}

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

.text-right {
  text-align: end;
}

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

.no-padding {
  padding: 0 !important;
}

.width-80pc {
  width: 80%;
}

.flip-y {
  transform: scaleY(-1);
}

.line-height {
  line-height: 24px;
}

.float-right {
  float: right;
}

.overflow-wrap-bw {
  overflow-wrap: break-word;
}

.overflow-wrap-any {
  overflow-wrap: anywhere;
}

/******* Articulat CF *******/
@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Normal.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Heavy.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-DemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-ExtraLight.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Bold.woff2') format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-ExtraBold.woff2') format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ArticulatCF-Normal";
  src: url('fonts/ArticulatCF-Thin.woff2') format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/******* Recent Grotesk *******/
@font-face {
  font-family: "Recent-Grotesk";
  src: url('fonts/RecentGrotesk-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Recent-Grotesk";
  src: url('fonts/RecentGrotesk-Black.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Recent-Grotesk";
  src: url('fonts/RecentGrotesk-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Recent-Grotesk";
  src: url('fonts/RecentGrotesk-Ultra.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Recent-Grotesk";
  src: url('fonts/RecentGrotesk-Regular.woff2') format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Recent-Grotesk";
  src: url('fonts/RecentGrotesk-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --layout-zoom-level: 1;
  --tablet-right-panel-width: 250px;
}

body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .tablet-footer {
  display: none !important;
}

.skip-content {
  position: fixed;
  height: var(--btn-height) !important;
  border-radius: var(--btn-radius) !important;
  font-size: var(--btn-font-size) !important;
  line-height: var(--btn-line-height) !important;
  font-weight: var(--btn-font-weight) !important;
  transition: none !important;
  padding: var(--spacing-md) !important;
  text-decoration: none !important;
  width: auto;
  margin: 0;
  display: flex !important;
  text-align: center;
  justify-content: center;
  box-shadow: none !important;
  align-items: center;
  color: var(--btn-primary-text-color);
  background: var(--content-content-black);
  border-color: var(--btn-primary-border-color);
  -webkit-tap-highlight-color: transparent;
  z-index: 9999;
  top: -9999px;
  left: -9999px;
}

.skip-content:focus-visible {
  top: 6px;
  left: 6px;
}

@media (min-width: 768px) {

  .wight-panel-right,
  vc-selectablebuttonlist,
  .grid-account-transaction,
  .pendingApproval-widget .corporate-pendingapproval-widget,
  .AccountlistWrap,
  .common-confirm,
  .manage-corporate-user-role-transaction .delegateGroup-list .delegate-group,
  .no-pending-transaction-found,
  vc-datagrid .datagrid,
  .cheques-information,
  .no-payee-found,
  .view-cra-accounts .cra-account-type-wrapper,
  .beneficiary-list,
  .profile-grid,
  .custom-dropdown-list-gridsystem,
  .general-information-box,
  .manage-corporate-user-role-transaction-step2,
  .delegateuser-information,
  .delegate-management-wrapper,
  .approval-transaction-wrap,
  .transactions-grid,
  .interac-pending-list-transaction vc-datagrid,
  .home-bottom-campaign img,
  .right-panel-campaign img,
  .holding-list-container,
  .investment-account-detail .detail-container vc-information-container,
  .custom-executed-screen .result-view .desktop-confirm-result,
  .bill-payment-gridsystem .information-content,
  .resultview-wrap vc-resultview,
  .more-menu-popup.open-account-sub-menu.sub-menu .menu-item-card .menu-item,
  .card,
  .account-card-component,
  .open-another-account-tile,
  .common-execute-page.error-component,
  .account-detail-transaction .detail-container vc-information-container,
  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row,
  .information-container-box,
  .interac-contact-list .contact-list-row,
  .consolidated-list,
  .interac-pending-detail-item,
  .wight-panel-right {
    border-radius: var(--radius-radius-2xs);
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  #mainview .top-head-section {
    gap: var(--spacing-sm);
  }

  #mainview .top-head-section header {
    min-width: 295px;
    max-width: 295px;
  }

  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .header-left-side,
  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .search-left-side,
  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .quick-actions {
    margin: 0 var(--spacing-sm);
  }

  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .search-left-side {
    width: calc(100% - var(--spacing-sm) * 2);
  }

  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .navbar .nav-link-item {
    padding: 0 var(--spacing-sm);
    font-size: 18px !important;
  }

  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .navbar .menu-navbar-content-link {
    padding-left: var(--spacing-2xl);
  }

  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .navbar .menu-navbar-content__text:has(vc-imagebutton) .menu-title-container {
    padding-right: var(--spacing-2xl);
  }

  #mainview .top-head-section header .dbas-header.header-web .nav-left-side .navbar vc-imagebutton a {
    right: var(--spacing-md);
  }

  #mainview .top-head-section header .header-right-side {
    right: var(--spacing-sm);
  }

  #mainview #containerView .content-inner-panels {
    padding-right: 0;
    gap: var(--spacing-sm);
  }

  #mainview #containerView .content-inner-panels .content-inner-right-panel {
    min-width: 280px;
    max-width: 280px;
    width: 100%;
  }

  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-right: var(--spacing-sm) !important;
  }

  #mainview:not(.login-masterview) .content-inner-panels {
    gap: 0;
  }

  #mainview:not(.login-masterview) .content-inner-panels .content-inner-left-panel {
    max-width: calc(100vw - (305px + var(--spacing-md) * 2));
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) {
    gap: var(--spacing-sm);
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    max-width: calc(100vw - (580px + var(--spacing-md) * 3));
  }
}

@media (min-width: 1200px) {
  body.login-screen {
    zoom: 0;
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard {
    max-width: initial !important;
  }

  header {
    width: 380px;
  }

  .header-right-side {
    right: 40px;
  }

  .carouselAccount {
    width: 968px;
    zoom: 0;
  }

  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-right: var(--spacing-xl);
  }

  .top-head-section {
    gap: var(--spacing-xl);
  }

  .content-inner-panels {
    gap: var(--spacing-xl);
    flex-wrap: initial;
  }

  .content-inner-panels .content-inner-left-panel {
    width: 100% !important;
  }

  .content-inner-panels .content-inner-right-panel {
    min-width: 350px;
    max-width: 350px;
  }

  .nav-left-side {
    width: 380px;
    zoom: 0;
  }

  .home-bottom-campaign {
    zoom: 0;
  }

  .right-panel-campaign {
    zoom: 0;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer .cdic-link {
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: underline !important;
    margin-top: 8px !important;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer p {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer p.sec-para {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer h3 {
    font-size: 20px;
    line-height: 28px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer h4 {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer .contact-row {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer .contact-row .day {
    min-width: 120px;
  }

  .login-screen .login-masterview {
    min-height: auto !important;
  }

  .login-screen .login-masterview .outer-content.content {
    min-height: auto !important;
    max-height: none !important;
  }

  .login-screen .login-masterview .app-intro-web {
    height: 100vh;
  }

  .login-screen .login-masterview .app-intro-web:has(.login-column) {
    height: auto;
  }

  .wight-panel-right,
  vc-selectablebuttonlist,
  .grid-account-transaction,
  .pendingApproval-widget .corporate-pendingapproval-widget,
  .AccountlistWrap,
  .common-confirm,
  .manage-corporate-user-role-transaction .delegateGroup-list .delegate-group,
  .no-pending-transaction-found,
  vc-datagrid .datagrid,
  .cheques-information,
  .no-payee-found,
  .view-cra-accounts .cra-account-type-wrapper,
  .beneficiary-list,
  .profile-grid,
  .custom-dropdown-list-gridsystem,
  .general-information-box,
  .manage-corporate-user-role-transaction-step2,
  .delegateuser-information,
  .delegate-management-wrapper,
  .approval-transaction-wrap,
  .transactions-grid,
  .interac-pending-list-transaction vc-datagrid,
  .home-bottom-campaign img,
  .right-panel-campaign img,
  .holding-list-container,
  .investment-account-detail .detail-container vc-information-container,
  .custom-executed-screen .result-view .desktop-confirm-result,
  .bill-payment-gridsystem .information-content,
  .resultview-wrap vc-resultview,
  .more-menu-popup.open-account-sub-menu.sub-menu .menu-item-card .menu-item,
  .card,
  .account-card-component,
  .open-another-account-tile,
  .common-execute-page.error-component,
  .account-detail-transaction .detail-container vc-information-container,
  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row,
  .information-container-box,
  .interac-contact-list .contact-list-row,
  .consolidated-list,
  .interac-pending-detail-item,
  .wight-panel-right {
    border-radius: var(--radius-radius-sm);
  }
}

@media (min-width: 1200px) and (max-width: 1440px) {
  #mainview:not(.login-masterview) .content-inner-panels {
    gap: 0;
  }

  #mainview:not(.login-masterview) .content-inner-panels .content-inner-left-panel {
    max-width: calc(100vw - (380px + var(--spacing-xl) * 2));
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) {
    gap: var(--spacing-xl);
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    max-width: calc(100vw - (730px + var(--spacing-xl) * 3));
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  #mainview:not(.login-masterview) .content-inner-panels {
    gap: 0;
  }

  #mainview:not(.login-masterview) .content-inner-panels .content-inner-left-panel {
    max-width: calc(100vw - (380px + var(--spacing-2xl) * 2));
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) {
    gap: var(--spacing-xl);
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    width: 500px;
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    max-width: calc(100vw - (730px + var(--spacing-2xl) * 3));
  }

  .top-head-section {
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1850px) {
  #mainview:not(.login-masterview) .content-inner-panels .content-inner-right-panel {
    width: 500px;
  }

  #mainview:not(.login-masterview) .content-inner-panels .content-inner-left-panel {
    max-width: calc(100vw - (500px + var(--spacing-2xl) * 2));
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    width: 500px;
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    max-width: calc(100vw - (850px + var(--spacing-2xl) * 3));
  }
}

@media (min-width: 1920px) {
  .top-head-section {
    gap: var(--spacing-4xl);
  }

  #mainview:not(.login-masterview) .content-inner-panels {
    gap: 0;
  }

  #mainview:not(.login-masterview) .content-inner-panels .content-inner-left-panel {
    max-width: 1300px;
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) {
    gap: calc(var(--spacing-4xl) * var(--layout-zoom-level));
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    min-width: 500px;
    max-width: 500px;
    margin-right: 0 !important;
  }

  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    max-width: 727px;
  }

  .nav-left-side {
    width: 500px;
  }
}

@media (min-width: 1921px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard {
    max-width: initial !important;
  }

  header {
    width: auto;
  }

  .header-right-side {
    right: var(--spacing-4xl);
  }

  .carouselAccount {
    zoom: var(--layout-zoom-level);
  }

  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-right: calc(64px * var(--layout-zoom-level));
  }

  .top-head-section {
    gap: calc(var(--spacing-4xl) * var(--layout-zoom-level));
  }

  .content-inner-panels {
    gap: calc(var(--spacing-4xl) * var(--layout-zoom-level));
    justify-content: center;
  }

  .content-inner-panels .content-inner-left-panel,
  .content-inner-panels .content-inner-right-panel {
    width: 100%;
    zoom: var(--layout-zoom-level);
  }

  .nav-left-side {
    width: 500px;
    zoom: var(--layout-zoom-level);
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer .footer-column {
    zoom: var(--layout-zoom-level);
  }

  .header-right-side .align-items-center,
  .dashboard-account-title-wrapper,
  .tile-settings {
    zoom: var(--layout-zoom-level);
  }

  .login-screen .login-masterview {
    min-height: auto !important;
  }

  .login-screen .login-masterview .outer-content.content {
    min-height: auto !important;
    max-height: none !important;
  }

  .login-screen .login-masterview .outer-content.content .login-column .first-login {
    zoom: var(--layout-zoom-level);
  }

  vc-modalpopup .modal-document-class {
    zoom: var(--layout-zoom-level);
  }

  body>.custom-tooltip>.tooltip-content {
    zoom: var(--layout-zoom-level);
  }

  .dbas-header.header-web {
    flex-direction: column;
  }

  body>.select2-container.select2-container--default.select2-container--open .select2-dropdown {
    zoom: var(--layout-zoom-level);
  }

  body>.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below {
    margin-top: calc(1rem * var(--layout-zoom-level) - 2px) !important;
  }

  vc-announcement-widget {
    zoom: var(--layout-zoom-level);
  }

  .mat-datepicker-popup .mat-datepicker-content {
    zoom: var(--layout-zoom-level);
  }

  .wight-panel-right,
  vc-selectablebuttonlist,
  .grid-account-transaction,
  .pendingApproval-widget .corporate-pendingapproval-widget,
  .AccountlistWrap,
  .common-confirm,
  .manage-corporate-user-role-transaction .delegateGroup-list .delegate-group,
  .no-pending-transaction-found,
  vc-datagrid .datagrid,
  .cheques-information,
  .no-payee-found,
  .view-cra-accounts .cra-account-type-wrapper,
  .beneficiary-list,
  .profile-grid,
  .custom-dropdown-list-gridsystem,
  .general-information-box,
  .manage-corporate-user-role-transaction-step2,
  .delegateuser-information,
  .delegate-management-wrapper,
  .approval-transaction-wrap,
  .transactions-grid,
  .interac-pending-list-transaction vc-datagrid,
  .home-bottom-campaign img,
  .right-panel-campaign img,
  .holding-list-container,
  .investment-account-detail .detail-container vc-information-container,
  .custom-executed-screen .result-view .desktop-confirm-result,
  .bill-payment-gridsystem .information-content,
  .resultview-wrap vc-resultview,
  .more-menu-popup.open-account-sub-menu.sub-menu .menu-item-card .menu-item,
  .card,
  .account-card-component,
  .open-another-account-tile,
  .common-execute-page.error-component,
  .account-detail-transaction .detail-container vc-information-container,
  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row,
  .information-container-box,
  .interac-contact-list .contact-list-row,
  .consolidated-list,
  .interac-pending-detail-item,
  .wight-panel-right {
    border-radius: var(--radius-radius-sm);
  }

  body.session-expired .content-inner-panels {
    justify-content: center !important;
  }

  #mainview.login-masterview .outer-content.content .content-inner.content-flow {
    zoom: var(--layout-zoom-level);
  }
}

@media (min-width: 1850px) and (max-width: 2000px) {
  body.login-screen {
    zoom: 0;
  }

  header {
    width: 500px;
  }

  .header-right-side {
    right: 64px;
  }

  .carouselAccount {
    zoom: 0;
  }

  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-right: var(--spacing-2xl);
  }

  .nav-left-side {
    width: 500px;
    zoom: 0;
  }

  .home-bottom-campaign {
    zoom: 0;
  }

  .right-panel-campaign {
    zoom: 0;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer p {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer p.sec-para {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer h3 {
    font-size: 20px;
    line-height: 28px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer h4 {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer .contact-row {
    font-size: 16px;
    line-height: 24px;
  }

  vc-uiviewfooter .footer-desktop .footer-wrapper .footer .contact-row .day {
    min-width: 120px;
  }

  .header-right-side .align-items-center,
  .dashboard-account-title-wrapper,
  .tile-settings,
  .dashboard-wrapper .grid-account-transaction,
  .wight-panel-right,
  .content-inner-scroll-area,
  .content-header,
  .flow-navigation {
    zoom: 0;
  }

  .login-screen .login-masterview {
    min-height: auto !important;
  }

  .login-screen .login-masterview .outer-content.content {
    min-height: auto !important;
    max-height: none !important;
  }

  .login-screen .login-masterview .app-intro-web {
    height: 100vh;
  }

  .wight-panel-right,
  vc-selectablebuttonlist,
  .grid-account-transaction,
  .pendingApproval-widget .corporate-pendingapproval-widget,
  .AccountlistWrap,
  .common-confirm,
  .manage-corporate-user-role-transaction .delegateGroup-list .delegate-group,
  .no-pending-transaction-found,
  vc-datagrid .datagrid,
  .cheques-information,
  .no-payee-found,
  .view-cra-accounts .cra-account-type-wrapper,
  .beneficiary-list,
  .profile-grid,
  .custom-dropdown-list-gridsystem,
  .general-information-box,
  .manage-corporate-user-role-transaction-step2,
  .delegateuser-information,
  .delegate-management-wrapper,
  .approval-transaction-wrap,
  .transactions-grid,
  .interac-pending-list-transaction vc-datagrid,
  .home-bottom-campaign img,
  .right-panel-campaign img,
  .holding-list-container,
  .investment-account-detail .detail-container vc-information-container,
  .custom-executed-screen .result-view .desktop-confirm-result,
  .bill-payment-gridsystem .information-content,
  .resultview-wrap vc-resultview,
  .more-menu-popup.open-account-sub-menu.sub-menu .menu-item-card .menu-item,
  .card,
  .account-card-component,
  .open-another-account-tile,
  .common-execute-page.error-component,
  .account-detail-transaction .detail-container vc-information-container,
  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row,
  .information-container-box,
  .interac-contact-list .contact-list-row,
  .consolidated-list,
  .interac-pending-detail-item,
  .wight-panel-right {
    border-radius: var(--radius-radius-xs);
  }
}

@media (max-width: 766.98px) {

  .wight-panel-right,
  vc-selectablebuttonlist,
  .grid-account-transaction,
  .pendingApproval-widget .corporate-pendingapproval-widget,
  .AccountlistWrap,
  .common-confirm,
  .manage-corporate-user-role-transaction .delegateGroup-list .delegate-group,
  .no-pending-transaction-found,
  vc-datagrid .datagrid,
  .cheques-information,
  .no-payee-found,
  .view-cra-accounts .cra-account-type-wrapper,
  .beneficiary-list,
  .profile-grid,
  .custom-dropdown-list-gridsystem,
  .general-information-box,
  .manage-corporate-user-role-transaction-step2,
  .delegateuser-information,
  .delegate-management-wrapper,
  .approval-transaction-wrap,
  .transactions-grid,
  .interac-pending-list-transaction vc-datagrid,
  .home-bottom-campaign img,
  .right-panel-campaign img,
  .holding-list-container,
  .investment-account-detail .detail-container vc-information-container,
  .custom-executed-screen .result-view .desktop-confirm-result,
  .bill-payment-gridsystem .information-content,
  .resultview-wrap vc-resultview,
  .more-menu-popup.open-account-sub-menu.sub-menu .menu-item-card .menu-item,
  .card,
  .open-another-account-tile,
  .common-execute-page.error-component,
  .account-detail-transaction .detail-container vc-information-container,
  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row,
  .information-container-box,
  .interac-contact-list .contact-list-row,
  .consolidated-list,
  .interac-pending-detail-item,
  .wight-panel-right {
    border-radius: var(--radius-radius-2xs);
  }
}

@media (max-width: 766.98px) {

  html.vcaas-mobile-app,
  body.vcaas-mobile-body {
    height: 100%;
  }

  html.vcaas-mobile-app {
    height: 100%;
    display: flex;
  }

  body.vcaas-mobile-body {
    overflow-x: hidden;
    width: 100vw;
    position: inherit;
    height: 100%;
    background-color: var(--colors-truecolors-white) !important;
  }

  body.vcaas-mobile-body ngx-loading-bar.loading-bar-fixed>div>div {
    top: var(--safe-area-inset-top) !important;
  }

  body.vcaas-mobile-body [role=main] {
    overflow: inherit;
    background: var(--body-bg-color);
    min-height: -webkit-fill-available;
    overflow-x: hidden;
    max-width: 100vw;
  }

  body.vcaas-mobile-body [role=main]:has(vc-loginmaster-uiview) {
    background: var(--login-pages-background-color);
  }

  body.vcaas-mobile-body [role=main]::before {
    content: "";
    padding-top: var(--safe-area-inset-top);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #313130;
    z-index: 9999;
  }

  body.vcaas-mobile-body [role=main]>header {
    padding-top: var(--safe-area-inset-top);
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    background: var(--surface-surface-cloud);
  }

  body.vcaas-mobile-body [role=main]>header nav.navbar {
    position: static !important;
  }

  body.vcaas-mobile-body [role=main]>header:has(.dropdown.show) {
    z-index: 1104;
  }

  body.vcaas-mobile-body [role=main]:not(.login-masterview) {
    display: flex;
    flex-direction: column;
  }

  body.vcaas-mobile-body [role=main]:not(.login-masterview) #containerView {
    min-height: auto;
    flex: 1;
  }

  body.vcaas-mobile-body.login-screen [role=main]::before {
    background: transparent;
  }

  body.vcaas-mobile-body:not(.menu-popup-active) .retail-landing::before {
    background: var(--body-bg-color) !important;
  }

  body.vcaas-mobile-body .mobile-m-b-24 {
    margin-bottom: 24px;
  }

  body.vcaas-mobile-body:not(.session-expired) vc-masterflow-uiview {
    padding-top: var(--layout-header-mobile-height) !important;
  }

  body.vcaas-mobile-body.executed-screen:not(.has-information-container) .content-inner {
    justify-content: center !important;
  }

  body.vcaas-mobile-body vc-masterflow-uiview {
    display: flex;
    padding-bottom: calc(95px + var(--safe-area-inset-bottom)) !important;
    flex: 1;
    flex-wrap: wrap;
  }

  vc-loginmaster-uiview body.vcaas-mobile-body vc-masterflow-uiview {
    padding-top: 0;
    padding-bottom: 0;
  }

  body.vcaas-mobile-body vc-masterflow-uiview .content-inner .flow-navigation {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 0;
  }

  body.vcaas-mobile-body .content {
    height: 100%;
  }

  body.vcaas-mobile-body #mainview #containerView {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: -webkit-fill-available;
  }

  body.vcaas-mobile-body #mainview .content {
    display: flex;
    flex-direction: column;
    flex: auto;
    width: 100%;
    height: auto;
  }

  body.vcaas-mobile-body #mainview .content .content-inner {
    flex: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: inherit;
    padding-bottom: 26px;
  }

  body.vcaas-mobile-body #mainview .content .content-inner.flow-enabled {
    height: calc(100% - 56px);
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-remaining-approval-panel {
    text-align: center;
    align-items: center;
    min-height: 40px;
    background: var(--colors-slate-50) 0% 0% no-repeat padding-box;
    font: normal normal bold 14px/20px var(--base-font-family);
    color: var(--colors-primary-900);
    margin-left: 23.5px;
    margin-right: 23.5px;
    padding-top: 10px;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-step-text {
    padding: 0px 16px 0px;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-step-text p {
    font-size: 16px;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-step-text p.s-Confirm {
    padding-left: 0;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-info-text {
    padding: 16px 16px 0px 16px;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-info-text p {
    margin: 10px 0;
    text-align: left;
    font: normal normal normal 14px/20px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--base-text-color);
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-info-text p.s-Confirm {
    padding-left: 0;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-footer-text {
    padding: 0 16px 0;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-footer-text p {
    padding: 0 15px;
    text-align: left;
    font: normal normal bold 12px/16px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--content-content-on-cloud);
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-footer-text p.s-Confirm {
    padding-left: 0;
  }

  body.vcaas-mobile-body #mainview .content .content-inner .txn-step-text+.txn-info-text {
    padding: 0px 16px;
  }

  body.vcaas-mobile-body #mainview.login-masterview {
    display: flex;
    flex-direction: row;
    overflow: inherit;
  }

  body.vcaas-mobile-body #mainview.login-masterview .otp-content {
    padding: 20px;
    margin-top: 10px;
  }

  body.vcaas-mobile-body #mainview.login-masterview vc-flownavigation.flow-navigation:not(:has(> *)) {
    display: none !important;
  }

  body.vcaas-mobile-body #mainview.login-masterview vc-flownavigation.flow-navigation:has(.flownav-btn-wrapper-div:first-child):not(:has(.flow-nav-inside-secs)):not(:has(.flownav-has-infoitems)) {
    display: none !important;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView {
    justify-content: center;
    min-height: auto;
    flex: 1;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView .result-panel {
    margin-top: 16px !important;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview vc-otpmanager .customer-onboarding-otp .otp-contact-mobile {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content {
    flex: 1;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content {
    align-items: center;
    flex: 1;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .txn-step-text p {
    text-align: left;
    font: normal normal bold 18px/24px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--colors-primary-800);
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .txn-step-text p.s-Confirm {
    padding-left: 0;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .txn-info-text p {
    margin-bottom: 0;
    font: normal normal normal 14px/20px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--base-text-color);
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .txn-info-text p.s-Confirm {
    padding-left: 0;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .txn-step-text,
  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .txn-info-text {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-loginmaster-uiview>.outer-content>.inner-content .inner-custom-header .dbas-header {
    top: var(--safe-area-inset-top) !important;
  }

  body.vcaas-mobile-body #mainview.login-masterview #containerView vc-flownavigation.flow-navigation {
    padding-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  body.vcaas-mobile-body #mainview.login-masterview>header {
    position: relative;
    padding-top: 0;
    border-bottom: 0;
  }

  body.vcaas-mobile-body #mainview.login-masterview>header vc-uiviewheader>div {
    min-height: 0;
    max-height: 63px;
    border-bottom: 1px solid var(--colors-primary-100);
    margin-bottom: 10px;
  }

  body.vcaas-mobile-body #mainview.login-masterview>header vc-uiviewheader>div nav {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    margin-top: var(--safe-area-inset-top);
    height: auto;
  }

  body.vcaas-mobile-body #mainview.login-masterview vc-flowotp {
    overflow-x: hidden;
  }

  body.vcaas-mobile-body .login-masterview {
    height: 100%;
  }

  body.vcaas-mobile-body .login-masterview .inner-content,
  body.vcaas-mobile-body .login-masterview .outer-content {
    height: 100%;
  }

  body.vcaas-mobile-body .login-masterview .outer-content.header-disabled {
    padding-top: 0;
  }

  body.vcaas-mobile-body .login-masterview .inner-content,
  body.vcaas-mobile-body .login-masterview .outer-content {
    display: flex;
    flex-direction: column;
  }

  body.vcaas-mobile-body .login-masterview .inner-content.login-first-level,
  body.vcaas-mobile-body .login-masterview .outer-content.login-first-level {
    flex-direction: row;
    align-items: flex-start;
  }

  body.vcaas-mobile-body .login-masterview .inner-content ng-component,
  body.vcaas-mobile-body .login-masterview .outer-content ng-component {
    flex: 1 0 auto;
    width: 100%;
    display: flex;
    margin: auto;
  }

  body.vcaas-mobile-body .login-masterview .top-head-section:has(.member-migration-outer-content)>header {
    display: none !important;
  }

  body.vcaas-mobile-body .login-masterview .top-head-section:has(.MemberMigrationAuthentication-result.result-view)>.header-content {
    display: none !important;
  }

  body.vcaas-mobile-body .login-masterview .top-head-section:has(.MemberMigrationAuthentication-result.result-view) #containerView vc-loginmaster-uiview {
    padding-top: 0 !important;
  }

  body.vcaas-mobile-body .login-masterview .top-head-section:has(.MemberMigrationAuthentication-result.result-view) #containerView vc-loginmaster-uiview vc-gridsystem {
    padding-left: 15px;
    padding-right: 15px;
  }

  body.vcaas-mobile-body .login-masterview .top-head-section:has(.MemberMigrationAuthentication-result.result-view) #containerView vc-loginmaster-uiview vc-gridsystem.common-execute-page {
    padding-bottom: 20px;
  }

  body.vcaas-mobile-body .login-masterview .top-head-section:has(.MemberMigrationAuthentication-result.result-view) #containerView vc-loginmaster-uiview vc-gridsystem.common-execute-page vc-resultview {
    padding-top: 0;
  }

  .break-xs {
    word-break: break-word;
  }
}

@media (min-width: 767px) {

  html.vcaas-mobile-app,
  body.vcaas-mobile-body {
    min-height: 100%;
    width: inherit;
  }

  body.vcaas-mobile-body [role=main] {
    background: var(--body-bg-color);
    min-height: calc(100vh - 112px);
  }

  body.vcaas-mobile-body .login-masterview {
    background: var(--colors-slate-50);
  }

  body.vcaas-mobile-body .login-masterview .login-content .flow-navigation.flow-before-login {
    margin-left: 0;
    margin-right: 0;
  }

  body.vcaas-mobile-body .login-masterview #containerView vc-masterflow-uiview {
    min-height: 100vh;
    padding-top: 0;
  }

  body.vcaas-mobile-body .login-masterview #containerView vc-masterflow-uiview .content-inner-wrapper {
    padding-bottom: 0;
  }

  body.vcaas-mobile-body #containerView {
    min-height: calc(100vh - 112px);
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    margin-bottom: var(--spacing-2xl);
  }

  body.vcaas-mobile-body #containerView vc-masterflow-uiview {
    flex: auto;
  }

  body.vcaas-mobile-body #containerView vc-masterflow-uiview:has(.error-component) {
    display: flex;
    flex-direction: column;
  }

  body.vcaas-mobile-body #containerView vc-uiviewfooter {
    margin-top: auto;
  }

  body.vcaas-mobile-body .callcenter-masterview vc-masterflow-uiview {
    padding-top: 0 !important;
  }

  body.vcaas-mobile-body vc-masterflow-uiview {
    display: block;
    padding-bottom: 0 !important;
  }

  body.vcaas-mobile-body vc-masterflow-uiview .content-detail-column {
    padding-right: 0;
  }

  body.vcaas-mobile-body vc-masterflow-uiview .content-detail-column:not(:first-child) {
    margin-top: 32px;
  }

  body.vcaas-mobile-body vc-masterflow-uiview .content-detail-column .ellipse-green {
    position: absolute;
    right: -17px;
    top: -27px;
  }

  body.vcaas-mobile-body vc-masterflow-uiview .content-detail-column .ellipse-gray-big {
    position: absolute;
    margin-top: -35px;
    left: 8px;
  }

  body.vcaas-mobile-body vc-masterflow-uiview .content-detail-column .ellipse-gray-small {
    position: absolute;
    right: 0;
    top: 42px;
  }

  vc-loginmaster-uiview body.vcaas-mobile-body vc-masterflow-uiview {
    padding-top: 0;
    padding-bottom: 0;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop {
    z-index: 999;
    display: flex;
    width: 100%;
    background: var(--content-content-white, #fff) !important;
    padding: var(--spacing-2xl) !important;
    justify-content: center;
    overflow: inherit;
    padding-left: 0;
    padding-right: 0;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper {
    margin: auto;
    width: 100%;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: var(--footer-desktop-content-color);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .footer-column {
    padding: 0 12px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .footer-column img {
    height: auto;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer h3,
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer h4,
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer p {
    margin: 8px 0;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer h3 {
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-style: normal;
    font-weight: 500;
    margin-bottom: var(--spacing-xs);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer h4 {
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-style: normal;
    font-weight: 600;
    margin-top: var(--spacing-3xs);
    margin-bottom: var(--spacing-4xs);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer p,
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .p-link {
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-style: normal;
    font-weight: 400;
    display: block;
    margin-top: var(--spacing-3xs);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer p.sec-para,
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .p-link.sec-para {
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-style: normal;
    font-weight: 400;
    margin-top: var(--spacing-3xs);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer p:hover,
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .p-link:hover {
    color: var(--footer-desktop-hover-link-color);
    cursor: pointer;
    text-decoration: underline;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer p.not-clickable,
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .p-link.not-clickable {
    color: var(--content-content-black);
    cursor: default;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .contact-row {
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-style: normal;
    font-weight: 400;
    margin-top: var(--spacing-3xs);
    display: flex;
    gap: 24px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer a {
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: var(--spacing-3xs);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .social-icons {
    display: flex;
    gap: 10px;
    margin-top: -8px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .social-icons a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: var(--radius-radius-2xs);
    background: var(--content-content-blue);
    margin-top: 0;
    margin-bottom: 24px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer .social-icons a:hover {
    background: var(--color-custom-blue);
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer-icons a {
    flex-grow: 1;
    margin: 0px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer-icons img {
    width: 100%;
    height: auto;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper hr {
    border-color: var(--footer-desktop-seperator-color);
    width: 100%;
    margin: 15px 0 20px 0;
    opacity: 1;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer-bottom {
    text-align: center;
    color: var(--colors-slate-200);
    font-size: 14px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop .footer-wrapper .footer-bottom a {
    color: var(--colors-slate-200);
    text-decoration: none;
    margin: 0 10px;
  }

  body.vcaas-mobile-body vc-uiviewfooter .text-items-button {
    color: var(--footer-desktop-link-seperator-color);
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    justify-content: flex-end;
  }

  body.vcaas-mobile-body vc-uiviewfooter .text-items-button vc-linkbutton {
    padding-left: 0;
  }

  body.vcaas-mobile-body vc-uiviewfooter .text-items-button vc-linkbutton span {
    font: normal normal 500 14px/20px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--footer-desktop-link-color);
  }

  body.vcaas-mobile-body vc-uiviewfooter .text-item vc-label span {
    font: normal normal 500 14px/20px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--footer-desktop-content-color);
  }

  body.vcaas-mobile-body vc-uiviewfooter hr.line-footer {
    border-top: 2px solid var(--border-border-cloud);
    margin: 0;
  }

  body.vcaas-mobile-body vc-uiviewfooter .bottom-footer {
    padding: 20px 0 var(--spacing-xl) 0;
  }

  body.vcaas-mobile-body:has(.login-masterview) .select2-container>.select2-dropdown .select2-results>.select2-results__options {
    max-height: 296px;
  }

  #mainview .content {
    width: 100%;
    margin: auto;
  }

  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-bottom: 0;
    padding-top: 0;
  }

  #mainview .content.RetailLanding .content-inner-wrapper vc-flownavigation .row {
    padding: 0;
  }

  #mainview .content .callcenter-page {
    justify-content: left;
  }

  #mainview .content .content-inner-wrapper.content-sub-page>.col-9 {
    min-width: 610px;
  }

  #mainview .content .content-inner-wrapper.content-sub-page>.col-9.col-12 {
    min-width: inherit;
    margin-right: auto;
  }

  #mainview .content .content-inner-wrapper.content-sub-page>.col-3 {
    min-width: 290px;
  }

  #mainview .content .content-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  #mainview .content .content-inner.content-dashboard {
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
    display: block;
  }

  #mainview .content .content-inner.content-flow {
    padding: 0;
    border-radius: 6px;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper {
    display: flex;
    width: 100%;
    flex: 1;
    flex-direction: column;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area {
    height: auto;
    max-width: 100%;
    flex: none;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-remaining-approval-panel {
    text-align: center;
    align-items: center;
    height: 40px;
    background: var(--colors-slate-50) 0% 0% no-repeat padding-box;
    font: normal normal bold 14px/20px var(--base-font-family);
    color: var(--colors-primary-900);
    margin-left: 23.5px;
    margin-right: 23.5px;
    padding-top: 10px;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-step-text {
    padding: 24px 25px 0;
    color: var(--content-content-black);
    font-family: var(--base-font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-step-text.masterflow {
    padding-bottom: 8px;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-step-text.masterflow+.txn-info-text {
    padding-top: 8px;
    padding-bottom: 4px;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-step-text p {
    text-align: left;
    font: normal normal 600 20px/24px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--base-text-color);
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-step-text p.s-Confirm {
    padding-left: 0;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-info-text {
    padding: 24px 0px 0px 0px;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-info-text p {
    margin-bottom: 0;
    font: normal normal normal 14px/20px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--base-text-color);
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-info-text p.s-Confirm {
    padding-left: 0;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-footer-text {
    padding: 0 50px 0;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-footer-text p {
    padding: 0 15px;
    text-align: left;
    font: normal normal bold 12px/16px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--content-content-on-cloud);
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-footer-text p.s-Confirm {
    padding-left: 0;
  }

  #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-step-text~.txn-info-text {
    padding: 0 50px;
  }

  #mainview .content .content-inner.content-flow ng-component {
    flex: 1;
    overflow: unset;
  }

  #mainview .content .content-inner ng-component {
    flex: 1;
    overflow: hidden;
  }

  #mainview .content .content-copyright {
    height: 37px;
    font-size: 12px;
    font-weight: 600;
    padding-top: 9px;
    padding-bottom: 13px;
    display: flex;
  }

  #mainview .outer-content.content {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    min-height: 100vh;
    max-height: 100vh;
  }

  #mainview .outer-content.content.header-disabled {
    padding-top: 0;
  }

  #mainview .outer-content.member-migration-outer-content {
    overflow-y: auto;
    justify-content: center;
  }

  #mainview .outer-content.member-migration-outer-content .navs-container {
    display: none;
  }

  #mainview .outer-content.member-migration-outer-content .content-inner.content-flow {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    background: none !important;
  }

  #mainview .outer-content.member-migration-outer-content .content-inner.content-flow .content-inner-scroll-wrapper {
    background: none;
  }

  #mainview .outer-content.member-migration-outer-content .content-inner.content-flow vc-gridsystem {
    padding-top: 0;
    margin-bottom: 12px;
  }

  #mainview .outer-content .member-migration-auth-start,
  #mainview .outer-content .member-migration-auth-confirm {
    padding: 0;
    max-width: 416px;
  }

  #mainview .outer-content .member-migration-auth-start .infoHeader,
  #mainview .outer-content .member-migration-auth-confirm .infoHeader {
    color: var(--content-content-on-cloud);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--base-font-family);
  }

  #mainview .outer-content .member-migration-auth-start .infoHeader.member-migration-header,
  #mainview .outer-content .member-migration-auth-confirm .infoHeader.member-migration-header {
    font-family: var(--secondary-font-family) !important;
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    display: block;
    text-align: center;
  }

  #mainview .outer-content .member-migration-auth-start .infoMessage,
  #mainview .outer-content .member-migration-auth-confirm .infoMessage {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--content-content-on-cloud);
  }

  #mainview .outer-content .member-migration-auth-start .beemLogo,
  #mainview .outer-content .member-migration-auth-confirm .beemLogo {
    text-align: center;
  }

  #mainview .outer-content .member-migration-auth-start vc-textbox,
  #mainview .outer-content .member-migration-auth-confirm vc-textbox {
    position: relative;
  }

  #mainview .outer-content .member-migration-auth-start vc-textbox vc-information,
  #mainview .outer-content .member-migration-auth-confirm vc-textbox vc-information {
    right: 17px;
  }

  #mainview .outer-content .member-migration-auth-start .form-group,
  #mainview .outer-content .member-migration-auth-confirm .form-group {
    min-height: 56px;
    margin-bottom: 12px !important;
  }

  #mainview .outer-content .member-migration-auth-start .vc-textbox .form-control:disabled,
  #mainview .outer-content .member-migration-auth-start .vc-textbox .floatingPlaceholder,
  #mainview .outer-content .member-migration-auth-confirm .vc-textbox .form-control:disabled,
  #mainview .outer-content .member-migration-auth-confirm .vc-textbox .floatingPlaceholder {
    color: rgba(51, 51, 51, 0.75) !important;
  }

  #mainview .outer-content .member-migration-auth-start .vc-textbox .form-control:disabled,
  #mainview .outer-content .member-migration-auth-confirm .vc-textbox .form-control:disabled {
    background-color: var(--surface-surface-disabled) !important;
  }

  #mainview .outer-content .flow-navigation.flow-before-login>.row {
    padding: 0 !important;
    flex-direction: column;
    row-gap: var(--spacing-xs);
  }

  #mainview .outer-content .flow-navigation.flow-before-login>.row .btn {
    margin-bottom: 0;
  }

  #mainview .outer-content .flow-navigation.flow-before-login>.row .btn.mobile-secondary-button {
    color: var(--content-content-slate);
    border-color: var(--border-border-slate) !important;
  }

  #mainview.login-masterview {
    height: 100%;
    padding: 0;
  }

  #mainview.login-masterview .top-head-section {
    display: inherit;
  }

  #mainview.login-masterview .inner-content,
  #mainview.login-masterview .outer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #mainview.login-masterview .inner-content ng-component,
  #mainview.login-masterview .outer-content ng-component {
    flex: 1;
  }

  #mainview.login-masterview .outer-content.content {
    overflow: auto;
    max-height: auto;
  }

  #mainview.login-masterview #containerView {
    max-height: 100%;
    min-height: 100%;
    height: 100%;
  }
}

.login-content .content-inner .content-inner-scroll-wrapper {
  display: block !important;
  padding-bottom: 0 !important;
  background: none;
}

.content-header {
  border-radius: 6px 6px 0 0;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  padding-top: 0;
}

.content-header.header-helpbox {
  display: flex;
  justify-content: center;
}

.content-header .header-title {
  width: 100%;
  padding: 0 0 0 0px;
  text-align: center;
  height: 47px;
  color: var(--base-text-color);
  font-family: var(--secondary-font-family);
  font-size: 36px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.content-header .flow-nav-back img {
  position: absolute;
  left: -76%;
  top: 3px;
}

.content-header .transaction-helpbox-dropdown {
  position: absolute;
  right: 28px;
  top: 0;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content {
  overflow-y: auto;
  justify-content: center;
  padding-bottom: 24px;
}

@media (min-width: 767px) {
  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content {
    max-height: inherit;
  }
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .navs-container {
  display: none;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .navs-container>.navbar .header-content {
  display: none !important;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .login-logo.login-page-logo {
  max-width: 260px;
  display: block;
  margin-top: 37px;
  margin-bottom: 39px;
  margin-left: auto;
  margin-right: auto;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .login-logo-wrapper a:focus-visible {
  outline: none;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .enrollment-heading {
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 48px;
  display: block;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .enrollment-heading .header {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .existing-member-info-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 12px;
  display: block;
  text-align: center;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .existing-member-info-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .enrollment-footer-login {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .enrollment-footer-login .back-to-login {
  text-decoration: underline;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .content-inner.content-flow {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  background: none !important;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .content-inner.content-flow .content-inner-scroll-wrapper {
  background: none;
}

body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .content-inner.content-flow vc-gridsystem {
  padding-top: 0;
  margin-bottom: 0;
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content {
    justify-content: flex-start;
    height: auto;
    flex: none;
  }

  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .inner-content {
    flex: none;
    height: auto;
  }

  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .inner-content>ng-component {
    margin-bottom: 0;
    height: auto;
    flex: none;
    margin-top: 0;
  }

  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .inner-content vc-flownavigation.flow-navigation {
    margin-top: 0;
  }

  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .inner-content vc-flownavigation.flow-navigation .btn {
    margin-top: 0 !important;
  }

  body.vcaas-mobile-body #mainview .outer-content.member-migration-outer-content .login-logo.login-page-logo {
    height: 33px;
    margin-bottom: 76px;
  }
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-grid {
    padding-top: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm {
  padding: 0;
  max-width: 416px;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .infoHeader,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .infoHeader {
  color: var(--content-content-on-cloud);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: var(--base-font-family);
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .infoHeader.member-migration-header,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .infoHeader.member-migration-header {
  font-family: var(--base-font-family) !important;
  font-size: 24px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  margin-bottom: 24px;
}

@media (max-width: 766.98px) {

  body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .infoHeader.member-migration-header,
  body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .infoHeader.member-migration-header {
    margin-bottom: 16px;
  }
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .infoMessage,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .infoMessage {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-content-on-cloud);
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .beemLogo,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .beemLogo {
  text-align: center;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start vc-textbox,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm vc-textbox {
  position: relative;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start vc-textbox vc-information,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm vc-textbox vc-information {
  right: 17px;
  position: absolute;
  top: 18px;
  height: 20px;
  display: block;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start vc-textbox vc-information img,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm vc-textbox vc-information img {
  display: block;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .form-group,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .form-group {
  min-height: 56px;
  margin-bottom: 12px !important;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .vc-textbox .form-control:disabled,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .vc-textbox .floatingPlaceholder,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .vc-textbox .form-control:disabled,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .vc-textbox .floatingPlaceholder {
  color: rgba(51, 51, 51, 0.75) !important;
}

body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-start .vc-textbox .form-control:disabled,
body.vcaas-mobile-body #mainview .outer-content .member-migration-auth-confirm .vc-textbox .form-control:disabled {
  background-color: var(--surface-surface-disabled) !important;
}

@media (max-width: 766.98px) {

  body.vcaas-mobile-body.login-screen,
  body.vcaas-mobile-body:has(.app-intro-first-level) {
    padding-top: 0 !important;
  }

  body.vcaas-mobile-body.login-screen .top-head-section,
  body.vcaas-mobile-body:has(.app-intro-first-level) .top-head-section {
    min-height: 100vh;
  }

  body.vcaas-mobile-body.login-screen .login-masterview,
  body.vcaas-mobile-body.login-screen .top-head-section,
  body.vcaas-mobile-body:has(.app-intro-first-level) .login-masterview,
  body.vcaas-mobile-body:has(.app-intro-first-level) .top-head-section {
    background: transparent !important;
  }

  body.vcaas-mobile-body.login-screen #containerView,
  body.vcaas-mobile-body:has(.app-intro-first-level) #containerView {
    background: url('../img/login-bg-mobile.jpg') no-repeat !important;
    background-size: cover !important;
    padding-top: var(--safe-area-inset-top);
  }

  body.vcaas-mobile-body:not(.login-screen) vc-loginmaster-uiview {
    padding-top: var(--layout-header-mobile-height) !important;
  }
}

.otp-invalid {
  position: fixed;
  left: 0px;
  min-width: 100vw;
}

.otp-invalid-phone {
  position: fixed;
  bottom: 30px;
  left: 0px;
  min-width: 100vw;
}

.w-100 {
  width: 100% !important;
}

.r-m-t-0 .result-panel {
  margin-top: 0 !important;
}

.flow-otp-enabled {
  display: block !important;
  padding: 15px !important;
  min-width: 100vw !important;
  position: relative !important;
}

@media (min-width: 1024.02px) and (max-width: 1199.98px) and (orientation: portrait) {
  body.vcaas-mobile-body .footer-desktop .text-item {
    padding: 0;
  }

  body.vcaas-mobile-body .footer-desktop .text-item vc-linkbutton span {
    font-size: 13px !important;
  }

  body.vcaas-mobile-body .footer-desktop .text-items-button {
    padding-right: 0;
  }

  body.vcaas-mobile-body .footer-desktop .text-items-button vc-linkbutton span {
    padding-left: 15px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  body.vcaas-mobile-body .flex-scroll-content .dashboard-detail-column,
  body.vcaas-mobile-body .flex-scroll-content vc-contentdetail-contactus {
    padding: 24px 50px;
    border: 0 !important;
    display: flex !important;
    flex-direction: column;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-contentdetail-contactus {
    padding-top: 0;
    padding-bottom: 0;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-contentdetail-contactus>.content-detail-column>.d-flex.justify-content-space-between {
    justify-content: flex-start;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-contentdetail-contactus>.content-detail-column>.d-flex.justify-content-space-between vc-imagebutton+vc-imagebutton {
    margin-left: 7px;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-campaignview.hide-tablet {
    display: none !important;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-campaignview.show-tablet {
    display: block !important;
    padding: 0 50px;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-campaignview.show-tablet .slick-track vc-gridrow.row {
    text-align: center;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-secure-label {
    display: flex !important;
    flex-direction: column;
    padding: 24px 50px;
  }

  body.vcaas-mobile-body #mainview .content .content-inner.flow-enabled>vc-flownavigation {
    margin-top: auto;
  }
}

@media screen and (min-width: 992px) {

  body.vcaas-mobile-body .flex-scroll-content .dashboard-detail-column,
  body.vcaas-mobile-body .flex-scroll-content vc-contentdetail-contactus {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-campaignview.show-tablet {
    display: none !important;
  }

  body.vcaas-mobile-body .flex-scroll-content vc-secure-label {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }
}

body .text-title-light-1 {
  font: normal normal bold 14px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
  text-transform: uppercase;
}

body .text-description-light-1 {
  font: normal normal normal 12px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

body .outer-content.customer-onboarding .content-inner {
  max-width: 975px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content {
  display: flex;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .txn-step-text.step-Confirmation {
  padding: 24px 34px 0 !important;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .dashboard-detail-column {
  border-left: 1px solid var(--colors-primary-100);
  margin-top: 70px;
  padding-top: 30px;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .dashboard-detail-column .dashboard-content-detail-padding-bottom {
  padding-top: 20px;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .dashboard-detail-column .profile-secure span {
  display: block;
  background: url('images/padlock.png') no-repeat left top;
  padding-left: 40px;
  background-size: 30px auto;
  min-height: 30px;
  padding-top: 6px;
  margin-top: 30px;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .dashboard-detail-column .profile-secure-description span {
  display: block;
  padding-left: 40px;
  min-height: 30px;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .dashboard-detail-column .customer-onboarding-start-deposit-guarantee {
  margin: 20px 0;
  flex-direction: column;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .dashboard-detail-column .customer-onboarding-start-deposit-guarantee>vc-gridcolumn {
  max-width: 100%;
  width: 100%;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .onboarding-flow-content {
  padding-left: 0;
}

body .outer-content.customer-onboarding .content-inner .customer-onboarding-content .onboarding-flow-content:not(.isExecuteStep) vc-uiviewheader {
  display: block;
  margin-right: -340px;
  margin-bottom: 15px;
}

body .outer-content.customer-onboarding .onboarding-footer {
  padding: 0 0 10px;
  max-width: 975px;
  width: 100%;
  margin: -10px auto 0;
  background-color: var(--colors-slate-50);
}

body .outer-content.customer-onboarding .onboarding-footer:before,
body .outer-content.customer-onboarding .onboarding-footer:after {
  content: "";
  display: block;
  clear: both;
}

body .outer-content.customer-onboarding .onboarding-footer a {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  float: left;
  position: relative;
}

body .outer-content.customer-onboarding .onboarding-footer a+a {
  margin-left: 30px;
}

body .outer-content.customer-onboarding .onboarding-footer a+a:before {
  content: "|";
  position: absolute;
  left: -15px;
  top: 0;
}

@media (max-width: 766.98px) {
  body .outer-content.customer-onboarding .onboarding-footer {
    max-width: 100%;
    padding: 10px 5px;
    text-align: center;
    margin-top: 0;
  }

  body .outer-content.customer-onboarding .onboarding-footer a,
  body .outer-content.customer-onboarding .onboarding-footer a+a {
    float: none;
    margin: 4px 8px;
    display: inline-block;
  }

  body .outer-content.customer-onboarding .onboarding-footer a:before,
  body .outer-content.customer-onboarding .onboarding-footer a+a:before {
    left: -9px;
    top: -1px;
  }
}

body .outer-content.customer-onboarding vc-breadcrumb {
  width: 100%;
}

body div.customer-onboarding-personalinformation .confirm-title-header {
  border-bottom: 2px solid var(--colors-primary-950);
  margin-bottom: 25px;
  margin-left: 0px;
  margin-right: 0px;
}

body div.customer-onboarding-personalinformation .confirm-title-header vc-gridcolumn {
  padding-left: 0;
  padding-right: 0;
}

body div.customer-onboarding-personalinformation .confirm-title-header vc-gridcolumn .fa {
  font-weight: bold;
  font-size: 27px;
  color: var(--colors-primary-900);
}

body div.customer-onboarding-personalinformation .confirm-title-header vc-label span {
  color: var(--content-content-on-cloud);
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

body div.customer-onboarding-confirmation .confirm-title-header {
  border-bottom: 2px solid var(--colors-primary-950);
  margin-top: 20px;
  height: 35px;
}

body div.customer-onboarding-confirmation .confirm-title-header vc-gridcolumn {
  padding-left: 0;
  padding-right: 0;
}

body div.customer-onboarding-confirmation .confirm-title-header vc-gridcolumn .fa {
  font-weight: bold;
  font-size: 27px;
  color: var(--colors-primary-900);
}

body div.customer-onboarding-confirmation .confirm-title-header vc-label span {
  color: var(--content-content-on-cloud);
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

body div.customer-onboarding-confirmation .confirm-information-item>vc-gridcolumn {
  padding-left: 0;
  padding-right: 0;
}

body div.customer-onboarding-confirmation .confirm-information-item>vc-gridcolumn>vc-information-item {
  padding-left: 0;
  padding-right: 0;
}

body div.customer-onboarding-confirmation .confirm-information-item>vc-gridcolumn+vc-gridcolumn {
  border-top: 1px solid var(--colors-slate-100);
}

body div.customer-onboarding-confirmation .confirm-detail {
  margin-top: 44px;
  margin-bottom: 8px;
}

body div.customer-onboarding-confirmation .confirm-detail span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--content-content-slate);
}

@media (max-width: 766.98px) {
  body div.customer-onboarding-confirmation>vc-gridrow {
    margin-left: 0;
    margin-right: 0;
  }
}

body .login-content .content-flow {
  background: none !important;
  height: auto !important;
  flex: initial !important;
  flex-direction: row !important;
  border-radius: 10px;
  border: none !important;
  max-width: 416px;
}

@media (min-width: 767px) {
  body .login-content .content-flow.flow-enabled {
    max-width: 478px;
  }

  body .login-content .content-flow .otp-check {
    max-width: 378px;
  }
}

@media (min-width: 767px) {

  body .login-content .content-flow .txn-footer-text,
  body .login-content .content-flow vc-gridsystem {
    padding-left: 0;
    padding-right: 0;
  }
}

body .login-content .content-flow .header-left-side {
  width: auto !important;
}

@media (min-width: 767px) {
  body .login-content .content-flow .flow-nav-back {
    position: absolute;
    left: 0 !important;
  }
}

body .termsConditions {
  padding: 20px 0;
}

body .termsConditions .checkbox {
  align-items: flex-start;
}

body .termsConditions .checkbox input[type=checkbox].checkbox+.checkbox-view {
  margin-right: 5px;
}

body .termsConditions .checkbox vc-label span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.displayNone {
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 0 !important;
}

@media (max-height: 660px) {
  body .login-masterview .inner-content.login-first-level {
    align-items: normal !important;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  body .login-content .content-flow {
    height: 100% !important;
    align-items: center;
    align-content: center;
    justify-content: center;
  }

  .otp-login .first-otp {
    margin: auto !important;
  }
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

@media (width: 375px) and (height: 812px),
(width: 414px) and (height: 896px) {
  body.vcaas-mobile-body vc-masterflow-uiview {
    padding-bottom: 110px !important;
  }
}

.photo-catch {
  align-items: center;
  display: flex;
  justify-content: space-between !important;
}

@media (max-width: 766.98px) {
  .position-inherit-menu vc-masterflow-uiview {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 767px) {

  .InteracContactListTransaction vc-flownavigation vc-information-item vc-button a,
  .InteracContactListTransaction vc-flownavigation vc-information-item [vc-view-host] {
    margin-top: 0;
  }
}

@media (max-width: 766.98px) {
  .UpdatePersonalInformationTransaction ng-component {
    display: flex;
    flex-direction: column;
  }
}

.align-items-flex-end {
  align-items: flex-end;
}

body.ie.vcaas-mobile-body #mainView .outer-content {
  height: 1px;
}

@media all and (-ms-high-contrast: none) {
  body.vcaas-mobile-body #mainview .content .content-inner {
    flex: 1 0 auto;
    min-width: 100%;
    min-height: 100vh;
  }
}

.edit-icon-size-onboarding {
  font-size: 20px !important;
}

vc-login-master-uiview vc-otp-manager {
  position: absolute !important;
}

@media (min-width: 767px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView {
    background: var(--login-pages-background-color);
    background-image: url('../img/login-bg-desktop.jpg');
    background-size: cover;
    margin-bottom: 0px;
    min-height: 100vh;
  }

  body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView .login-column {
    min-height: 100vh;
  }
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview header {
    display: none;
  }

  body.vcaas-mobile-body.login-screen #mainview.login-masterview nav {
    display: none;
  }

  body.vcaas-mobile-body.login-screen #mainview.login-masterview .login-page-logo {
    margin-bottom: 76px;
  }
}

.login-masterview .dbas-header {
  background: var(--login-pages-background-color);
}

.top-head-section {
  display: flex;
  background-image: url('../img/logo-bg-large.svg');
  background-color: var(--body-bg-color);
  background-repeat: no-repeat;
  background-position: center 300px;
  background-size: 85%;
}

.top-head-section .header-left-container {
  display: none;
}

@media (max-width: 766.98px) {
  .top-head-section {
    background-position: -575px 280px;
    background-size: 1500px;
  }
}

@media (max-width: 766.98px) {
  .top-head-section {
    flex: 1;
    flex-direction: column;
    gap: 0px;
  }

  #mainview:not(.retail-landing) .top-head-section {
    background-image: none;
  }
}

@media (min-width: 767px) {
  .top-head-section {
    min-height: 100vh;
  }
}

@media (min-width: 767px) {
  .homeDashboard .top-head-section {
    background-position: 92px 445px;
    background-size: 67%;
  }
}

#mainview .content.RetailLanding .content-inner-wrapper {
  margin: auto;
}

@media (max-width: 1919px) {
  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-right: var(--spacing-xl);
  }
}

#mainview .content.RetailLanding .content-inner-wrapper .content-inner-panels {
  margin-top: auto;
  margin-left: 0px;
  padding-right: 0;
  margin-right: 0;
}

@media (max-width: 766.98px) {

  body.vcaas-mobile-body.web-ios .login-masterview .inner-content.login-first-level,
  body.vcaas-mobile-body.web-ios .login-masterview .outer-content.login-first-level {
    display: block;
  }
}

.mobile-footer .footer-column {
  padding: 0 12px;
}

@media screen and (min-width: 575px) and (max-width: 1024px) {
  .mobile-footer .footer-column {
    padding: 0 16px;
  }
}

.mobile-footer .footer-column img {
  height: auto;
}

.mobile-footer .footer-column+.footer-column {
  margin-top: 16px;
}

.mobile-footer h3,
.mobile-footer h4,
.mobile-footer p {
  margin: 8px 0;
}

.mobile-footer h3 {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: 500;
  margin-bottom: var(--spacing-xs);
  font-size: 20px;
  line-height: 28px;
}

.mobile-footer h4 {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: 600;
  margin-top: var(--spacing-3xs);
  margin-bottom: var(--spacing-4xs);
  font-size: 16px;
  line-height: 24px;
}

.mobile-footer p,
.mobile-footer .mobile-foot-link {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: 400;
  margin-top: var(--spacing-3xs);
  font-size: 16px;
  line-height: 24px;
}

.mobile-footer p.sec-para,
.mobile-footer .mobile-foot-link.sec-para {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: 400;
  margin-top: var(--spacing-3xs);
}

.mobile-footer p:hover,
.mobile-footer .mobile-foot-link:hover {
  color: var(--footer-desktop-hover-link-color);
  cursor: pointer;
}

.mobile-footer p.not-clickable,
.mobile-footer .mobile-foot-link.not-clickable {
  color: var(--content-content-black);
  cursor: default;
}

.mobile-footer p.sec-para,
.mobile-footer .mobile-foot-link.sec-para {
  font-size: 16px;
  line-height: 24px;
}

.mobile-footer .mobile-foot-link {
  display: inline-block;
}

.mobile-footer .contact-row {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: 400;
  margin-top: var(--spacing-3xs);
  display: flex;
  gap: 24px;
  font-size: 16px;
  line-height: 24px;
}

.mobile-footer .contact-row .day {
  min-width: 120px;
}

.mobile-footer a {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: var(--spacing-3xs);
}

.mobile-footer .social-icons {
  display: flex;
  gap: 10px;
  margin-top: -8px;
}

.mobile-footer .social-icons a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: var(--radius-radius-2xs);
  background: var(--content-content-blue);
  margin-top: 0;
  margin-bottom: 24px;
}

.mobile-footer .footer-icons {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.mobile-footer .footer-icons a {
  flex-grow: 1;
  margin: 0px;
}

.mobile-footer .footer-icons img {
  width: 100%;
  height: auto;
}

@media (min-width: 767px) {
  .common-execute-page:not(.error-component) .execute-btns-width>vc-gridcolumn:only-child:not(.information-item-btn-not-single):not(.information-item-cont-not-single) {
    max-width: 50%;
    margin-inline-start: auto;
  }
}

@media (max-width: 766.98px) {
  .common-execute-page:not(.error-component) .execute-btns-width .common-execute-information-button .information-container {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 767px) {
  .information-item-btn-not-single:only-child .information-container .information-item-has-button:not(:only-child) {
    width: auto;
    flex-basis: 0;
    flex-grow: 1;
  }
}

/* #region remaining-approval */
.remaining-approval-panel {
  border: 1px solid var(--border-border-slate);
  border-radius: 4px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 766.98px) {
  .remaining-approval-panel {
    margin-left: 16px;
    margin-right: 16px;
  }
}

/* #endregion remaining-approval */
@media (max-width: 766.98px) {
  .common-execute-transaction-details {
    padding-right: 16px;
    padding-left: 16px;
  }
}

html {
  scroll-behavior: auto !important;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView {
  background-position: center;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
  content: "";
  background: linear-gradient(180deg, rgba(150, 150, 150, 0.77) -3.76%, rgba(197, 197, 197, 0.81) 19.92%, rgba(35, 35, 35, 0.9) 62.09%, rgba(0, 0, 0, 0.67) 100%);
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.5;
}

@media screen and (max-width: 1024px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.76) -1.61%, rgba(255, 255, 255, 0.89) 15.63%, rgba(35, 35, 35, 0.89) 42.82%, rgba(0, 0, 0, 0.67) 100%);
  }
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) {
  background: none !important;
  background-color: var(--body-bg-color) !important;
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) {
    padding-top: calc(var(--safe-area-inset-top) * 2);
  }
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background):before {
  display: none !important;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-first-level .login-intro .enrollment-heading {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 48px;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-first-level .login-intro .enrollment-login-footer a span {
  color: var(--colors-truecolors-black);
  text-decoration: inherit;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-first-level .login-intro .login-logo-wrapper {
  max-width: 260px;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-web .login-column .login-intro .enrollment-heading {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 36px;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-web .login-column .login-intro .enrollment-login-footer a span {
  color: var(--colors-truecolors-black);
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-web .login-column .login-intro .login-logo-wrapper {
  max-width: 260px;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .app-intro-web .login-column .login-intro .login-logo-wrapper a:focus-visible {
  outline: none;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .already-setup-password-text {
  color: var(--colors-truecolors-black) !important;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .existing-member-info-container {
  background: none;
  text-align: center;
  border: 0;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .existing-member-info-container span {
  color: var(--colors-truecolors-black) !important;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .existing-member-info-container .existing-member-info-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 16px;
  display: block;
}

@media (min-width: 767px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .existing-member-info-container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:has(.disable-background) .vc-validation-error {
  color: var(--input-field-error-message-text-color);
}

@media screen and (max-width: 1024px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview .login-page-logo {
    max-width: 263px;
  }
}

body.vcaas-mobile-body .top-head-section nav.dbas-header.header-web .nav-shadow {
  display: none !important;
}

@media (min-width: 767px) and (max-width: 1024px) {
  body.vcaas-mobile-body .header-right-side {
    right: 24px;
  }

  body.vcaas-mobile-body .header-right-side .logon-info-text {
    display: none;
  }

  body.vcaas-mobile-body .header-right-side .logon-info-text.tablet-view {
    display: block !important;
  }

  body.vcaas-mobile-body .header-right-side .logon-info-text>span {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
  }

  body.vcaas-mobile-body #mainview[role=main] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper .content-inner-panels {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper .carouselAccount {
    max-width: calc(100vw - var(--spacing-md) * 2);
    width: 100vw;
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper .carouselAccount .slick-slide {
    width: 316px;
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper .carouselAccount .slick-slide .account-card-component {
    border-radius: var(--radius-radius-xs);
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper .carouselAccount .slick-arrow {
    top: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .content-inner-wrapper .carouselAccount .slick-arrow.slick-next {
    transform: none;
  }

  body.vcaas-mobile-body #mainview[role=main] .content.RetailLanding .tile-settings {
    margin-top: var(--spacing-3xs);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView {
    min-height: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
    gap: var(--spacing-md);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels .content-inner-left-panel {
    min-width: calc(100vw - var(--spacing-md) * 2);
    max-width: calc(100vw - var(--spacing-md) * 2);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    min-width: calc(100vw - (var(--spacing-md) * 3 + var(--tablet-right-panel-width)));
    max-width: calc(100vw - (var(--spacing-md) * 3 + var(--tablet-right-panel-width)));
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    min-width: var(--tablet-right-panel-width);
    max-width: var(--tablet-right-panel-width);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel vc-marketingoffer {
    display: none !important;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right {
    padding: var(--spacing-2xs) var(--spacing-xs) var(--spacing-xs);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-heading {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: var(--spacing-2xs);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-heading-wrap:has(.viewlink-hd) {
    padding-right: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-heading-wrap:has(.viewlink-hd) .widget-heading {
    padding-right: 80px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-nav vc-linkbutton .iconic-btn span {
    font-size: 14px !important;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-nav vc-linkbutton .iconic-btn::after {
    top: 50%;
    transform: translateY(-50%);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-nav vc-linkbutton i {
    width: 28px;
    height: 28px;
    background-size: 16px 16px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .transaction-member {
    font-size: 14px;
    line-height: 20px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-transaction .widget-transaction-panel {
    padding: var(--spacing-3xs);
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-transaction .widget-transaction-panel .transaction-heading {
    font-size: 14px;
    line-height: 20px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-transaction .widget-transaction-panel ul li {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-transaction .widget-transaction-panel .widget-transaction-recurring-icon img {
    width: 16px;
    height: 16px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right .widget-transaction-type vc-label.heading-type {
    display: block;
    padding-right: 80px;
    line-height: 20px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right.useful-links-widget .useful-link-item .link-content .link-title {
    font-size: 14px;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel .wight-panel-right.useful-links-widget .useful-link-item:last-child {
    padding-bottom: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center !important;
    max-width: 114px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: -10px;
    gap: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView ul.slick-dots li {
    transform: none !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .slick-dots-container {
    margin-left: 0;
    margin-right: 0;
    margin-top: var(--spacing-xs);
    padding: 0 var(--spacing-2xs);
    width: auto;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .slick-dots-container ul.slick-dots {
    bottom: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .common-execute-page .execute-btns-width {
    --bs-gutter-x: 2.4rem;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .common-execute-page .execute-btns-width>vc-gridcolumn:has(.hide-download-buttons) {
    display: none !important;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .common-execute-page .resultview-wrap .left-resultview {
    margin-top: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] #containerView .flow-navigation>.row {
    --bs-gutter-x: 2.4rem;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop {
    padding: 0 !important;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .row {
    margin: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .row vc-gridcolumn {
    margin: 0 !important;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper {
    padding-top: 24px;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer {
    flex-wrap: wrap;
    padding: 0 40px 24px;
    justify-content: space-between;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column {
    padding: 0;
    max-width: 25%;
    text-align: left;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column.social-column,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column.cdic-column {
    display: none !important;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column:nth-child(4) {
    max-width: 260px;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column a {
    font-size: 14px;
    line-height: 20px;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column h3 {
    font-size: 20px;
    line-height: 28px;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column span.day,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column span.hours {
    font-size: 14px;
    line-height: 20px;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column span.day {
    min-width: 120px;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column .contact-row {
    gap: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer {
    display: flex !important;
    gap: 0 72px;
    border-top: 1px solid #B3B3B3;
    margin-top: 24px;
    padding-top: 24px;
    justify-content: space-between;
    width: 100%;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .social,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .cdic,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app {
    display: flex;
    justify-content: flex-start;
    max-width: inherit;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .social .social-icons,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .cdic .social-icons,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app .social-icons {
    margin-top: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .social .social-icons a,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .cdic .social-icons a,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app .social-icons a {
    margin-bottom: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .cdic {
    flex-direction: column;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .cdic .cdic-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: underline;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .cdic .contact-row {
    margin-top: 0;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .social>div,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app>div {
    display: flex;
    flex-direction: column;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .social>div h3,
  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app>div h3 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app .footer-icons {
    flex-direction: column;
  }

  body.vcaas-mobile-body #mainview[role=main] vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app .footer-icons img {
    max-width: 124px;
    width: auto;
  }

  body.vcaas-mobile-body .top-head-section {
    min-height: 0;
    flex: auto;
  }

  body.vcaas-mobile-body .top-head-section header {
    background: none;
    width: 0;
  }

  body.vcaas-mobile-body .top-head-section header nav.navbar .header-left-side.header-logo {
    display: none !important;
  }

  body.vcaas-mobile-body .top-head-section header nav.navbar .nav-left-side {
    display: none;
    position: absolute;
    left: 0;
    top: 96px;
    bottom: 0;
    border-radius: 0 var(--radius-radius-md) 0 0;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 16px 12px 32px 0 rgba(0, 0, 0, 0.25);
    border-radius: 0;
    z-index: 2;
    overflow: auto;
    width: 424px;
  }

  body.vcaas-mobile-body .top-head-section header nav.navbar.menu-active~.nav-shadow {
    display: block !important;
    position: fixed;
    top: 96px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface-surface-overlay, rgba(0, 0, 0, 0.75));
    backdrop-filter: blur(4px);
    z-index: 99;
  }

  body.vcaas-mobile-body .top-head-section header nav.navbar.menu-active .nav-left-side {
    display: flex;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    display: flex !important;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container img {
    max-height: 30px;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container .menu-toggle {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container .menu-toggle img {
    width: 24px;
  }

  body.vcaas-mobile-body:has(nav.menu-active) {
    overflow: hidden;
  }
}

@media screen and (width: 1024px) {
  body.vcaas-mobile-body .header-right-side {
    right: 40px;
  }

  body.vcaas-mobile-body .header-right-side .logon-info-text {
    display: block;
  }

  body.vcaas-mobile-body .header-right-side .logon-info-text.tablet-view {
    display: none !important;
  }

  body.vcaas-mobile-body .header-right-side .logon-info-text>span {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
  }

  body.vcaas-mobile-body #mainview .content.RetailLanding .content-inner-wrapper {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }

  body.vcaas-mobile-body #mainview .content.RetailLanding .content-inner-wrapper .content-inner-panels {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.vcaas-mobile-body #mainview .content.RetailLanding .content-inner-wrapper .carouselAccount {
    max-width: calc(100vw - (var(--spacing-xl) * 2 + 40px));
    width: 100vw;
  }

  body.vcaas-mobile-body #mainview .content.RetailLanding .content-inner-wrapper .carouselAccount .slick-slide {
    width: 316px;
  }

  body.vcaas-mobile-body #mainview .content.RetailLanding .content-inner-wrapper .carouselAccount .slick-slide .account-card-component {
    border-radius: var(--radius-radius-xs);
  }

  body.vcaas-mobile-body #mainview .content.RetailLanding .tile-settings {
    margin-top: var(--spacing-xs) !important;
  }

  body.vcaas-mobile-body #mainview #containerView .content-inner-panels {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
    gap: var(--spacing-xl);
  }

  body.vcaas-mobile-body #mainview #containerView .content-inner-panels .content-inner-left-panel {
    min-width: calc(100vw - var(--spacing-xl) * 2);
    max-width: calc(100vw - var(--spacing-xl) * 2);
  }

  body.vcaas-mobile-body #mainview #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-left-panel {
    min-width: calc(100vw - (var(--spacing-xl) * 3 + 300px));
    max-width: calc(100vw - (var(--spacing-xl) * 3 + 300px));
  }

  body.vcaas-mobile-body #mainview #containerView .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    min-width: 300px;
    max-width: 300px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer {
    padding: 0 24px 24px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column:nth-child(4) {
    max-width: 292px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column a {
    font-size: 16px;
    line-height: 24px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column h3 {
    font-size: 20px;
    line-height: 28px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column span.day,
  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column span.hours {
    font-size: 14px;
    line-height: 20px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .footer-column span.day {
    min-width: 130px;
    max-width: 130px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .social>div h3,
  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app>div h3 {
    font-size: 20px;
    line-height: 28px;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app .footer-icons {
    flex-direction: row;
  }

  body.vcaas-mobile-body #mainview vc-uiviewfooter vc-gridsystem.footer-desktop .footer-wrapper .footer .tablet-footer .app .footer-icons img {
    max-width: 140px;
    width: auto;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container {
    left: 40px;
    gap: 24px;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container img {
    max-height: 32px;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container .menu-toggle {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
  }

  body.vcaas-mobile-body .top-head-section header .header-left-container .menu-toggle img {
    width: 24px;
  }
}

.word-break-all {
  word-break: break-word;
}

@supports (padding-top: constant(safe-area-inset-top)) {
  html.vcaas-mobile-app {
    --safe-area-inset-top: constant(safe-area-inset-top);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body.smart-style-2 {
    background: var(--body-bg-color);
    padding-top: var(--safe-area-inset-top);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .login-masterview {
    padding-bottom: calc(var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup.ios-safe-area .menu-header {
    padding-top: calc(12px + var(--safe-area-inset-top));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup.ios-safe-area .menu-items {
    padding-top: calc(var(--safe-area-inset-top));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup.ios-safe-area .modal-result-content>span.select2-container {
    padding-top: calc(var(--safe-area-inset-top) - 8px);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .enrollment-intro {
    top: var(--safe-area-inset-top);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .finance-calculators-wrapper {
    padding-bottom: var(--safe-area-inset-bottom);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .chatbot-iframe {
    padding-bottom: calc(32px + var(--safe-area-inset-bottom)) !important;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-masterflow-uiview {
    padding-bottom: calc(62px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .menu-more-modal.modal-wrapper,
  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .modal-full {
    bottom: var(--safe-area-inset-bottom);
    padding-bottom: 66px;
  }

  @media (max-width: 766.98px) {

    html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .menu-more-modal.modal-wrapper,
    html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .modal-full {
      height: 100%;
    }
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .modal-full.full-view {
    bottom: var(--safe-area-inset-bottom);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .modal-full {
    bottom: 0;
    padding-bottom: calc(95px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .new-beneficiary-button {
    bottom: calc(66px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .dropdown-menu.term-calculator {
    bottom: calc(72px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .new-calculator-button,
  html.vcaas-mobile-app body.vcaas-mobile-body .new-chatbot-button {
    bottom: calc(13px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .finance-calculator {
    padding-bottom: calc(75px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body.mobile-camera-background {
    background-size: 100% var(--safe-area-inset-top) !important;
    background-repeat: no-repeat !important;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body.mobile-camera-background [role=main] {
    background: transparent;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .exchange-rate-wrapper {
    height: calc(100vh - (340px + var(--safe-area-inset-top) + var(--safe-area-inset-bottom)));
  }

  html.vcaas-mobile-app .camera-flash-effect {
    top: calc(52px + var(--safe-area-inset-top));
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  html.vcaas-mobile-app {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body.smart-style-2 {
    background: var(--body-bg-color);
    padding-top: var(--safe-area-inset-top);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .login-masterview {
    padding-bottom: calc(var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .finance-calculators-wrapper {
    padding-bottom: var(--safe-area-inset-bottom);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .chatbot-iframe {
    padding-bottom: calc(32px + var(--safe-area-inset-bottom)) !important;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-masterflow-uiview {
    padding-bottom: calc(54px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup.ios-safe-area .menu-header {
    padding-top: calc(12px + var(--safe-area-inset-top));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup.ios-safe-area .menu-items {
    padding-top: calc(var(--safe-area-inset-top));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup.ios-safe-area .modal-result-content>span.select2-container {
    padding-top: calc(var(--safe-area-inset-top) - 8px);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .menu-more-modal.modal-wrapper,
  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .modal-full {
    bottom: 0;
    padding-bottom: calc(95px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .more-menu-popup .modal-full.full-view {
    bottom: var(--safe-area-inset-bottom);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .new-beneficiary-button {
    bottom: calc(66px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .dropdown-menu.term-calculator {
    bottom: calc(72px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .new-calculator-button,
  html.vcaas-mobile-app body.vcaas-mobile-body .new-chatbot-button {
    bottom: calc(13px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .finance-calculator {
    padding-bottom: calc(75px + var(--safe-area-inset-bottom));
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .enrollment-intro {
    top: var(--safe-area-inset-top);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body.mobile-camera-background {
    background-size: 100% var(--safe-area-inset-top) !important;
    background-repeat: no-repeat !important;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body.mobile-camera-background [role=main] {
    background: transparent;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body .exchange-rate-wrapper {
    height: calc(100vh - (340px + var(--safe-area-inset-top) + var(--safe-area-inset-bottom)));
  }

  html.vcaas-mobile-app .camera-flash-effect {
    top: calc(52px + var(--safe-area-inset-top));
  }
}

vc-list-container vc-gridrow:not(:last-of-type) {
  padding-bottom: 0;
}

#iframe-header {
  z-index: 10 !important;
}

#iframe-header img {
  max-width: 170px;
}

.live-chat-iframe {
  position: fixed;
  padding-top: var(--safe-area-inset-top);
  z-index: 1;
  background: var(--colors-truecolors-white);
  top: 0;
  width: 100vw;
  height: calc(100vh - 80px);
  border: none !important;
  margin-top: 60px;
  margin-bottom: 20px;
}

vc-gridrow .vc-gridrow-header {
  color: var(--base-text-color);
  font-size: 16px;
  font-weight: 600;
  margin-top: 21px;
  margin-bottom: 9px;
  margin-right: 12px;
  margin-left: 14px;
  width: 100%;
}

@media (max-width: 766.98px) {
  .typeMenu .col-4 .balance-value {
    font-size: 12px;
  }

  .mAlertsColumns .accounts-list {
    font-size: 12px;
  }
}

vc-gridsystem {
  width: 100%;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

vc-gridsystem>div {
  min-height: 0;
}

@media (max-width: 766.98px) {
  vc-gridsystem {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 20px;
  }

  vc-gridsystem vc-gridsystem {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  vc-gridsystem {
    padding-top: 16px;
  }
}

vc-selectablebuttonlist {
  background: var(--content-content-white);
  display: flex;
  padding: var(--spacing-4xs);
  justify-content: center;
  align-items: center;
  /*
  vc-gridcolumn.col-4:nth-child(1) {
      padding-right: 8px !important;
  }

  vc-gridcolumn.col-4:nth-child(2) {
      padding-left: 4px !important;
      padding-right: 4px !important;
  }

  vc-gridcolumn.col-4:nth-child(3) {
      padding-left: 8px !important;
  }

  vc-gridcolumn.col-6:nth-child(1) {
      padding-right: 20px !important;
  }

  vc-gridcolumn.col-6:nth-child(2) {
      padding-left: 20px !important;
  }

  &.header-tabs-mobile {
      .default {
          background: none !important;
          color: var(--colors-primary-300) !important;
      }

      .selected {
          background: none !important;
          color: var(--colors-primary-900) !important;
      }

      vc-gridcolumn.col-6:nth-child(1),
      .col-6:nth-child(2) {
          padding: 0 !important;

          label {
              border: none !important;
          }
      }
  }*/
  /*   .child-tab {
    @include if-child-count ()
  } */
}

vc-selectablebuttonlist .list-wrapper {
  margin-left: 0;
  margin-right: 0;
  flex-grow: 1;
}

vc-selectablebuttonlist div {
  width: 30%;
  flex-grow: 0;
}

vc-selectablebuttonlist vc-gridcolumn .default {
  color: var(--selectable-button-list-default-font-color);
  font-size: 13px;
  font-weight: 500;
  background: none;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

vc-selectablebuttonlist vc-gridcolumn .selectable-button {
  text-align: center;
  cursor: pointer;
  display: flex;
  margin: var(--spacing-3xs);
  justify-content: center;
  align-items: center;
  background: var(--content-content-white);
  color: var(--content-content-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: inherit;
  padding: 2px 0;
}

vc-selectablebuttonlist vc-gridcolumn .selected {
  border: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 1px solid var(--content-content-orange);
}

vc-selectablebuttonlist vc-gridcolumn label {
  margin-bottom: 0;
}

vc-selectablebuttonlist.header-tabs-view {
  width: 161px;
  background: transparent;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  margin-bottom: 0px;
}

vc-selectablebuttonlist.header-tabs-view>.list-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}

vc-selectablebuttonlist.header-tabs-view .selectable-button {
  height: 25px;
  line-height: 25px;
  border-radius: 0;
}

vc-selectablebuttonlist.header-tabs-view .default {
  color: var(--content-content-on-cloud);
  font: normal normal 800 22px/30px var(--base-font-family);
}

vc-selectablebuttonlist.header-tabs-view .selected {
  font: normal normal 800 22px/30px var(--base-font-family);
  color: var(--content-content-on-cloud);
}

.vc-gridsystem-header {
  margin-bottom: 28px;
  margin-right: 15px;
  margin-left: 15px;
  text-align: center;
}

h3.vc-gridsystem-header {
  position: relative;
  width: 100%;
  font-size: 2.6rem;
  font-weight: 500;
  margin: 1.5rem;
}

h2.vc-gridsystem-header {
  position: relative;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
}

.chart-common {
  margin: auto;
  width: 25rem;
  height: 25rem;
  margin-bottom: 3rem;
}

.performance-detail-charts {
  height: 30rem;
}

vc-map #pac-input {
  background-color: var(--surface-surface-cloud);
  font-family: var(--base-font-family);
  font-size: 1.5rem;
  font-weight: 300;
  padding: 0 1.1rem 0 1.3rem;
  text-overflow: ellipsis;
  width: 44rem;
  position: absolute;
  top: 45rem;
  left: 0.45rem;
}

.modal-footer {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.modal-footer> :not(:last-child) {
  margin-right: 1.5rem !important;
}

vc-list-container {
  position: relative;
}

vc-column-chart #column-container div {
  width: 100% !important;
}

vc-column-chart svg {
  width: 100%;
}

.calendar-view {
  background: var(--surface-surface-cloud);
  width: 300px;
  height: auto;
  margin: auto;
}

.calendar-view .fc-header-toolbar {
  padding: 1rem;
  flex-wrap: wrap;
  display: flex;
}

.calendar-view .fc-center {
  display: flex;
}

.calendar-view .fc-left {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.calendar-view .fc .fc-toolbar>*>* {
  margin-left: 0;
  flex: 1;
  float: none;
}

.calendar-view .fc-weekGridButton-button,
.calendar-view .fc-monthGridButton-button,
.calendar-view .fc-nextButton-button {
  margin-left: 0.75em !important;
}

.calendar {
  margin: auto;
  height: 100%;
  background: var(--surface-surface-cloud);
}

.capture-photo-container {
  border: 3px dashed var(--colors-cloud-600);
  width: 100%;
  height: 28rem;
  margin: auto;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1rem;
}

.capture-photo-container .photo-placeholder-text {
  font-size: 2.4rem;
  color: "var(--colors-slate-400)";
  margin-top: 2rem;
}

.login-text {
  color: var(--colors-slate-300);
}

.login-button {
  border: 0;
}

.result-panel {
  text-align: left;
  font-size: 13px;
  letter-spacing: 0;
  margin: 24px 0px 0 0px;
}

@media (min-width: 767px) {
  .result-panel {
    margin: 24px 0px 0 0px;
  }
}

@media (max-width: 766.98px) {
  .result-panel {
    margin: 16px;
  }
}

.result-panel .alert {
  margin-bottom: 0;
}

.result-panel .alert-success {
  background: var(--alert-success-background-color);
  border: 1px solid var(--alert-success-border-color);
}

.result-panel .alert-info {
  background: var(--alert-info-background-color);
  border: 1px solid var(--alert-info-border-color);
}

.result-panel .alert-title {
  color: var(--alert-title-color);
  font-family: var(--alert-title-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--alert-title-font-weight);
  line-height: 24px;
  letter-spacing: 1px;
  display: flex;
  margin-bottom: 4px;
}

.result-panel .cell {
  word-break: break-word;
}

.result-panel .icon-alert {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  /* Prevent the icon from shrinking */
  margin-right: 12px;
  border-radius: 100%;
}

.result-panel .alert-danger,
.result-panel .alert-success,
.result-panel .alert-info,
.result-panel .alert-warning {
  font-family: var(--alert-text-font-family);
  font-size: 14px;
  line-height: 20px;
  color: var(--alert-text-color);
  border-radius: var(--alert-border-radius);
  padding: var(--spacing-2xs);
  font-weight: var(--alert-text-font-weight);
  display: flex;
  align-items: flex-start;
}

.result-panel #linkButton {
  text-decoration: underline;
  color: var(--alert-text-color);
}

@media (min-width: 767px) {
  .modal-body .result-panel {
    margin-inline: 0;
    margin-top: 0;
  }
}

@media (min-width: 767px) {
  .login-content .result-panel {
    margin: 24px 0 0 0;
  }

  .login-content.member-migration-outer-content .result-panel {
    margin-bottom: 24px !important;
  }
}

.error-component .error-component-image {
  max-width: 300px;
  width: 100%;
}

.error-component .error-component-message {
  font: normal normal normal 18px/24px var(--base-font-family);
  color: var(--content-content-on-cloud);
}

@media (max-width: 1024px) and (orientation: portrait) {
  .result-view vc-gridcolumn.primary-text-area .primary-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  .result-view {
    padding-top: 0;
  }

  .result-view .result-view-detail {
    padding-left: 30px;
    padding-right: 30px;
  }

  .result-view vc-gridcolumn.primary-text-area .primary-text {
    line-height: 28px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .result-view vc-gridcolumn.primary-text-area .primary-title-mobile {
    margin-bottom: 20px;
    display: block;
    line-height: 42px;
  }

  .result-view .result-view-detail vc-contactus>vc-gridsystem {
    padding-bottom: 0;
  }
}

.result-view .title-column {
  padding-top: 32px;
}

.result-view .w-100.row {
  width: auto !important;
}

.absolute {
  position: absolute !important;
}

@media (max-width: 991.98px) and (orientation: portrait) {
  .error-component .result-view {
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .error-component .result-view .primary-text {
    display: block;
    word-wrap: break-word;
  }
}

vc-contactus vc-gridsystem vc-gridcolumn {
  flex-basis: auto;
}

vc-contactus vc-gridsystem .call-us-label {
  color: var(--colors-primary-950);
}

.customer-dashboard ng-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.customer-dashboard ng-component vc-dashboardcontainer {
  display: flex;
  flex: 1;
  min-height: 0;
}

.customer-dashboard .dashboard-column>* {
  min-height: 0;
}

.customer-dashboard .dashboard-column vc-customercontactdetails .vb-tile-item-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.information-container-header {
  font: normal normal bold 15px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
  margin-top: 24px;
  margin-bottom: 24px;
  display: inline-block;
  width: 100%;
}

#mainview.login-masterview vc-masterflow-uiview .common-execute-page.inner-app {
  top: 0;
}

.common-execute-page {
  text-align: center;
  padding-bottom: 20px;
  height: 100%;
  margin: auto;
}

@media (max-width: 991.98px) and (orientation: portrait) {
  .common-execute-page {
    padding-bottom: 0;
  }
}

.common-execute-page .secondary-text-area {
  margin-top: 15px;
  color: var(--colors-truecolors-white);
}

.common-execute-page .secondary-text-area.has-error-text vc-label strong:first-child {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
  line-height: normal;
  letter-spacing: 1px;
}

.common-execute-page .secondary-text-area.has-error-text vc-label strong:first-child+br {
  display: none !important;
}

.common-execute-page .common-execute-page-resultview-column .result-view>vc-gridcolumn:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.common-execute-page .common-execute-page-resultview-column .result-view .title-column {
  padding-top: unset;
}

.common-execute-page.inner-app {
  position: fixed;
  top: var(--layout-header-mobile-height);
  bottom: 0;
  height: auto;
  z-index: 1040;
  background: var(--surface-surface-primary) url('images/img-illustration-login.png') no-repeat center bottom;
  background-size: contain;
}

.common-execute-page.inner-app .content-wrapper {
  margin-top: 78px;
}

.common-execute-page.inner-app .primary-text-area {
  margin-top: 25px;
}

.common-execute-page.inner-app .action-button-area {
  flex: auto;
  margin-bottom: 138px;
}

vc-loginmaster-uiview .common-execute-page {
  width: 100%;
}

@media (min-width: 767px) {
  vc-loginmaster-uiview .common-execute-page .primary-text-area {
    margin-top: 25px;
  }
}

vc-loginmaster-uiview .common-execute-page .action-button-area {
  flex: auto;
  margin-bottom: 138px;
}

.common-execute-page .success-img {
  max-width: 300px;
  width: 100%;
}

@media (max-width: 766.98px) {
  .common-execute-page .success-img {
    max-width: 181px;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .common-execute-page .information-item-row {
    justify-content: flex-end;
    margin-top: 24px;
  }
}

.common-execute-page .information-container vc-gridcolumn:nth-child(1) {
  padding-left: 0;
  text-align: left;
  font: normal normal normal 14px/20px var(--base-font-family);
  color: var(--base-text-color);
}

.common-execute-page .information-container vc-gridcolumn:nth-child(2) {
  padding-right: 0;
  text-align: right;
  font: normal normal bold 14px/20px var(--base-font-family);
  color: var(--base-text-color);
}

.common-execute-page .information-container vc-information-item:last-child .information-content {
  border-bottom: none !important;
}

.common-execute-page .primary-text-area .primary-text {
  font: normal normal normal 16px/24px var(--base-font-family);
  color: var(--content-content-black);
}

.common-execute-page .primary-text-area .primary-title {
  text-align: center;
  font: normal normal 900 56px/60px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-slate);
  display: block;
  margin-top: -10px;
  margin-bottom: 30px;
  text-transform: lowercase;
}

.common-execute-page .primary-text-area .primary-title:first-letter {
  text-transform: uppercase;
}

.common-execute-page .primary-text-area .primary-title-mobile {
  text-align: center;
  font: normal normal 900 40px/54px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-slate);
  text-transform: lowercase;
}

.common-execute-page .primary-text-area .primary-title-mobile:first-letter {
  text-transform: uppercase;
}

.common-execute-page .result-view>vc-gridcolumn+vc-gridcolumn .primary-text-area .primary-text {
  word-break: break-word;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .common-execute-page .custom-execute-buttons {
    flex-direction: column;
    align-items: center;
  }

  .common-execute-page .custom-execute-buttons .vc-button {
    width: 100%;
  }

  .common-execute-page .custom-execute-buttons .vc-button:not(:last-child) {
    margin-bottom: 16px;
  }
}

.confirm-content-title {
  display: block;
}

.confirm-content-title:first-child {
  margin-bottom: 1.6rem;
  margin-top: 3.4rem;
  font-weight: 600;
  font-size: 2.4rem;
}

vc-information-item.one-item .information-content {
  border-top: 1px solid var(--border-border-slate-secondary);
  padding-top: 12px;
}

.information-content {
  padding-bottom: 12px;
  padding-top: 12px;
}

vc-information-item+vc-information-item .information-content {
  border-top: 1px solid var(--information-item-seperator-color);
  align-items: center;
}

vc-information-item .single-line {
  white-space: nowrap !important;
}

vc-information-item .single-line.information-item-value {
  min-width: inherit;
}

.information-item-title {
  color: var(--information-item-title-color);
  font: normal normal 400 16px/24px var(--base-font-family);
  padding-right: 5px;
  text-align: left;
}

@media (max-width: 766.98px) {
  .information-item-title {
    font: normal normal 400 14px/20px var(--base-font-family);
  }
}

.information-text-tool-tip {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: var(--spacing-3xs);
}

.information-text-tool-tip vc-imagebutton a img {
  top: 0;
}

.information-item-value {
  color: var(--information-item-value-color) !important;
  text-align: right;
  font: normal normal 600 16px/24px var(--base-font-family);
}

@media (max-width: 766.98px) {
  .information-item-value {
    font: normal normal 600 14px/20px var(--base-font-family);
  }
}

.bill-payment-transaction .information-item-title {
  padding-left: 15px;
}

.bill-payment-transaction .information-item-value {
  padding-right: 15px;
}

.information-container vc-information-item {
  margin: 0;
  padding: 0;
}

@media (max-width: 766.98px) {
  .information-container vc-information-item {
    width: 100%;
  }

  .information-container vc-information-item .information-content .information-item-title {
    text-align: left;
    white-space: nowrap;
  }
}

.information-item-list-2 .information-title-2 {
  font: normal normal normal 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

.information-item-list-2 vc-containerrow .form-group {
  margin-bottom: 32px;
  margin-top: 12px;
  height: auto;
}

.information-item-list-2 vc-containerrow .form-group vc-information-container {
  overflow-y: auto;
  max-height: 272px;
  display: block;
}

.information-item-list-2 vc-containerrow .form-group vc-information-container vc-information-item .information-content {
  border-bottom: none !important;
  margin-bottom: 0;
  padding-bottom: 4px;
}

.information-item-list-2 vc-containerrow .form-group vc-information-container vc-information-item .information-content .information-item-title {
  font: normal normal normal 14px/20px var(--base-font-family);
  font-weight: 500 !important;
  letter-spacing: 0px;
  color: var(--base-text-color);
}

.information-item-list-2 vc-containerrow .form-group vc-information-container vc-information-item .information-content .information-item-value {
  font: normal normal bold 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

.information-item-list-2 vc-containerrow .form-group vc-information-container vc-information-item:last-child .information-content {
  padding-bottom: 12px;
}

.bill-payment-gridsystem.payee-list-visible .vc-validation-error {
  display: none;
}

.bill-payment-gridsystem .payee-list-nickname {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.bill-payment-gridsystem .payee-list-account-number {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
  margin-top: 4px;
}

.bill-payment-gridsystem .add-new-payee {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.bill-payment-gridsystem .add-new-payee .fa-plus {
  font-size: 12px;
  margin-right: 2px !important;
}

.bill-payment-gridsystem vc-information-item {
  padding: 0;
}

.bill-payment-gridsystem vc-information-item .information-item-title {
  display: none !important;
}

.bill-payment-gridsystem vc-information-item .information-item-value {
  font-size: 16px !important;
}

.bill-payment-gridsystem .information-content {
  border-bottom: none;
  background: var(--content-content-white);
  margin: 0px;
  padding: 16px 16px;
  padding-bottom: 0px;
}

@media (max-width: 766.98px) {
  .bill-payment-gridsystem .information-content {
    box-shadow: none;
    padding: 12px 12px;
    padding-bottom: 0px;
  }
}

.bill-payment-gridsystem .information-content:not(:last-child) {
  margin-bottom: 12px;
}

.bill-payment-gridsystem .information-content vc-gridcolumn {
  padding: 0px;
}

.bill-payment-gridsystem .selected-bills-title-sec {
  margin-bottom: 16px;
}

.box-model pdf-viewer canvas {
  width: 100% !important;
}

ng2-pdf-viewer-container {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.logoutgrid .table-responsive {
  max-height: 60vh;
}

.logoutgrid .table-responsive table {
  margin-bottom: 0 !important;
}

.logoutgrid tbody {
  display: block;
  max-height: 17vh;
  overflow-x: hidden;
  overflow-y: scroll;
  white-space: nowrap;
}

@media (max-width: 766.98px) {
  .logoutgrid tbody {
    display: block;
    max-height: 22vh;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: nowrap;
  }
}

.logoutgrid thead,
.logoutgrid tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.timer-text {
  font-family: var(--base-font-family);
  text-anchor: middle;
  font-weight: bold;
  font-size: 10px;
  fill: var(--colors-truecolors-black);
}

.timer-subtitle {
  font-family: var(--base-font-family);
  text-anchor: middle;
  fill: var(--colors-truecolors-black);
  display: block;
  font-size: 4px;
  font-weight: 600;
}

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
  height: 200px;
  background-size: contain;
  margin-top: 36px;
  margin-bottom: 36px;
}

.circle-point {
  stroke-linecap: butt;
  transform-origin: center;
  transition: 1s linear all;
}

.single-chart {
  width: 200px;
  height: 200px;
  margin: auto;
  justify-content: space-around;
}

.circular-chart {
  display: block;
}

.auto-list {
  display: flex;
}

.auto-list a {
  justify-content: left;
  flex: 1;
}

.auto-list img {
  width: 19px;
  padding-right: 10px;
}

.circle-bg {
  fill: none;
  stroke: var(--surface-surface-primary);
  stroke-width: var(--timer-default-stroke-width);
}

.circle-point {
  fill: var(--surface-surface-success);
  transition: all 0.1s ease 0s;
}

.warning-class .circle-bg {
  stroke: var(--alert-warning-background-color) !important;
}

.warning-class .timer {
  color: var(--content-content-error) !important;
}

.warning-class .circle-point {
  fill: var(--alert-warning-border-color) !important;
}

.timer-animate .circle {
  transition-delay: 0;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: linear;
}

.timer-animate .circle-point {
  transition-delay: 0;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: linear;
}

.alert-class .circle-bg {
  stroke: var(--surface-surface-error) !important;
}

.alert-class .timer {
  color: var(--colors-truecolors-black) !important;
}

.alert-class .circle-point {
  fill: var(--colors-red-700) !important;
}

.none-animation .circle-point {
  transition: none !important;
}

.none-animation .circle {
  transition: none !important;
}

.circle {
  fill: none;
  stroke-width: var(--timer-default-stroke-width);
  -webkit-animation-duration: 1s;
  -webkit-animation-name: progress;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-name: inherit;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0% 100%;
  }
}

.circular-chart.orange .circle {
  stroke: var(--colors-cloud-500);
}

@media (min-width: 767px) {

  .circle,
  .circle-bg {
    stroke-width: 2;
  }
}

vc-grid-view .table thead .vc-datatable-thead-tr,
vc-datagrid .table thead .vc-datatable-thead-tr {
  background: var(--surface-surface-foreground);
  color: var(--colors-primary-900);
  font-size: 13px;
}

vc-grid-view .table thead .vc-datatable-thead-tr th,
vc-datagrid .table thead .vc-datatable-thead-tr th {
  border-color: var(--colors-slate-100);
  border-width: 1px;
  border-top-color: var(--colors-slate-100);
}

vc-grid-view .table tbody tr+tr,
vc-datagrid .table tbody tr+tr {
  border-top: 1px solid var(--border-border-slate-light);
}

vc-grid-view .table tbody tr td.date,
vc-datagrid .table tbody tr td.date {
  padding-left: 0 !important;
  padding-right: 0 !important;
  vertical-align: middle;
  width: 32px;
}

vc-grid-view .table tbody tr td.date>div,
vc-datagrid .table tbody tr td.date>div {
  padding-right: 8px;
}

vc-grid-view .table tbody tr td.date>div .text-date,
vc-datagrid .table tbody tr td.date>div .text-date {
  font: normal normal 800 12px/13px var(--base-font-family);
  white-space: pre;
  text-transform: uppercase;
}

vc-grid-view .table tbody tr td.date>div .text-green,
vc-datagrid .table tbody tr td.date>div .text-green {
  font: normal normal 800 12px/13px var(--base-font-family);
  color: var(--content-content-primary);
  text-transform: uppercase;
  text-align: center;
}

vc-grid-view .table tbody tr td.date>div .text-blue,
vc-datagrid .table tbody tr td.date>div .text-blue {
  font: normal normal 800 12px/13px var(--base-font-family);
  color: var(--content-content-on-cloud);
  text-align: center;
}

vc-grid-view .table tbody tr td.all,
vc-datagrid .table tbody tr td.all {
  vertical-align: middle;
}

vc-grid-view .table tbody tr td.single-line,
vc-datagrid .table tbody tr td.single-line {
  white-space: nowrap !important;
}

vc-grid-view .table tbody tr td .text-bold,
vc-datagrid .table tbody tr td .text-bold {
  font: normal normal bold 14px/20px var(--base-font-family);
  color: var(--base-text-color);
  font-weight: bold !important;
}

vc-grid-view .table tbody tr td .text-bold.one-item-end,
vc-grid-view .table tbody tr td .text-light.one-item-end,
vc-datagrid .table tbody tr td .text-bold.one-item-end,
vc-datagrid .table tbody tr td .text-light.one-item-end {
  display: flex;
  align-items: center;
  align-content: center;
  height: 40px;
  justify-content: flex-end;
}

vc-grid-view .table tbody tr td .text-light,
vc-datagrid .table tbody tr td .text-light {
  font: normal normal normal 14px/20px var(--base-font-family);
  color: var(--base-text-color) !important;
  font-weight: 400 !important;
}

vc-grid-view .table tbody tr td.amount,
vc-datagrid .table tbody tr td.amount {
  vertical-align: middle;
  padding-right: 12px !important;
}

vc-grid-view .table tbody tr td.amount .text-bold,
vc-datagrid .table tbody tr td.amount .text-bold {
  font: normal normal 900 14px/20px var(--base-font-family);
  color: var(--base-text-color) !important;
  padding-right: 0px !important;
}

vc-grid-view .table tbody tr td.icon-row,
vc-datagrid .table tbody tr td.icon-row {
  padding-right: 0px !important;
  width: 24px;
  vertical-align: middle;
}

vc-grid-view .table tbody tr td.icon-row a,
vc-datagrid .table tbody tr td.icon-row a {
  margin-top: -8px !important;
  padding: 0px !important;
  background: none !important;
  box-shadow: none !important;
  left: 0;
  top: 0;
  position: revert;
  display: block;
}

vc-grid-view .table tbody tr td.icon-row a .icon-right-arrow,
vc-datagrid .table tbody tr td.icon-row a .icon-right-arrow {
  background: url('images/acc-arrow-dark.svg');
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  background-size: contain;
  margin-left: -16px;
}

@media (max-width: 1024px) and (orientation: portrait) {

  vc-grid-view .table tbody tr td.icon-row,
  vc-datagrid .table tbody tr td.icon-row {
    position: relative;
    width: 12px;
    padding: 0 !important;
  }

  vc-grid-view .table tbody tr td.icon-row+.vb-expand-column,
  vc-datagrid .table tbody tr td.icon-row+.vb-expand-column {
    display: none;
  }

  vc-grid-view .table tbody tr td.icon-row a,
  vc-datagrid .table tbody tr td.icon-row a {
    margin-top: 0 !important;
    height: 100%;
    position: absolute;
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    left: 0;
  }

  vc-grid-view .table tbody tr td.icon-row a .icon-right-arrow,
  vc-datagrid .table tbody tr td.icon-row a .icon-right-arrow {
    position: relative;
    margin: 0 !important;
  }
}

vc-grid-view .table tbody tr td.word-break,
vc-datagrid .table tbody tr td.word-break {
  word-break: break-word;
}

vc-grid-view vc-radiobutton,
vc-datagrid vc-radiobutton {
  display: block;
}

vc-grid-view vc-radiobutton .custom-control.custom-radio.custom-control-inline,
vc-datagrid vc-radiobutton .custom-control.custom-radio.custom-control-inline {
  margin: 0;
  padding: 0;
}

vc-grid-view vc-radiobutton .custom-control-label::before,
vc-grid-view vc-radiobutton .custom-control-label::after,
vc-datagrid vc-radiobutton .custom-control-label::before,
vc-datagrid vc-radiobutton .custom-control-label::after {
  top: -13px;
  left: 5px;
}

vc-datagrid .table tbody tr+tr {
  border-top: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

vc-datagrid .table tbody tr td.amount .text-bold {
  color: var(--default-color-on-white-widget) !important;
}

.event-none {
  pointer-events: none !important;
}

vc-accounthistory,
.transaction-history-accountntxnhistory {
  padding-top: 0px;
}

@media (max-width: 1024px) and (orientation: portrait) {

  vc-accounthistory vc-grid-view .table tbody tr td,
  vc-accounthistory vc-datagrid .table tbody tr td,
  .transaction-history-accountntxnhistory vc-grid-view .table tbody tr td,
  .transaction-history-accountntxnhistory vc-datagrid .table tbody tr td {
    word-break: break-word;
  }
}

vc-accounthistory .account-transaction-history-seperator,
.transaction-history-accountntxnhistory .account-transaction-history-seperator {
  width: 17px;
  height: 0px;
  border-bottom: 1px solid var(--colors-slate-100);
  transform: rotate(90deg);
  flex: none;
  order: 1;
  flex-grow: 0;
  padding: 4px;
  margin-left: 50%;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) {
  width: 100%;
  margin: 0;
  overflow-x: hidden;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) .col-sm-12 {
  position: initial;
  padding: 0;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) .vb-expand-column:not(:last-child) {
  display: none;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) thead th {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
  padding-right: 21px;
  padding-left: 2px !important;
  vertical-align: middle;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) thead th.sorting_disabled {
  padding-right: 21px !important;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) thead th.vb-expand-column {
  background: none;
}

body:not(.backoffice) .dataTables_wrapper .row:not(:first-child):not(:last-child) thead .sorting_desc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right 10px;
}

body:not(.backoffice) .dataTables_wrapper .row:not(:first-child):not(:last-child) thead .sorting_asc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right 10px;
}

body:not(.backoffice) .dataTables_wrapper .row:not(:first-child):not(:last-child) thead .sorting {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right 10px;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr td {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  border: 0;
}

@media (min-width: 767px) {
  .dataTables_wrapper .row:not(:first-child):not(:last-child) tr td {
    padding-left: 2px;
  }

  .dataTables_wrapper .row:not(:first-child):not(:last-child) tr td.icon-wrapper {
    padding-right: 8px;
  }
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr td.child:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: var(--colors-truecolors-white);
  top: 50%;
  left: -6px;
  box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%) rotate(-225deg);
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr td.text-right,
.dataTables_wrapper .row:not(:first-child):not(:last-child) tr td.text-end {
  white-space: nowrap;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .parent {
  position: relative;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .child {
  padding: 0;
  position: absolute;
  height: auto;
  width: 75%;
  transform: translateY(-50%) translateY(-25px);
  left: 70px;
  z-index: 400;
  padding-left: 20px !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .dtr-details {
  display: flex;
  flex-wrap: wrap;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .dtr-details li:nth-child(even):not(:last-child) {
  border-left: 1px solid var(--colors-slate-50);
  padding-left: 10px;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .dtr-details li:last-child {
  width: 100%;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .dtr-details li {
  width: 50%;
  padding: 0.5em 0;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .dtr-details li .dtr-title {
  display: unset;
  min-width: 0;
}

.dataTables_wrapper .row:not(:first-child):not(:last-child) tr .dtr-details li .dtr-data {
  float: right;
  margin-right: 10px;
  white-space: normal;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr td:first-child:before,
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr th:first-child:before {
  top: 9px;
  left: 4px;
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  background: url('images/add_ico.png') no-repeat center center !important;
  color: initial;
  border: 0;
  box-shadow: none;
  content: no-open-quote;
  background-color: var(--surface-surface-primary);
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent td:first-child:before,
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr.parent th:first-child:before {
  background: url('images/delete_ico.png') no-repeat center center !important;
}

.tooltipCss {
  font-size: 24px;
  margin-left: 7px;
  position: absolute;
}

.execute-card-view {
  background-color: var(--colors-truecolors-white);
  border: 1px solid var(--colors-cloud-400);
  max-width: 1250px;
  margin: auto;
  height: 80%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.execute-card-view .success-img {
  max-width: 216px;
  width: 100%;
  height: auto;
}

.execute-card-view .primary-text {
  font-size: 34px;
  line-height: 47px;
  color: var(--colors-slate-400);
}

@media (max-width: 766.98px) {
  .execute-card-view .primary-text {
    font-size: 18px;
    line-height: 28px;
  }
}

.execute-card-view .secondary-text {
  color: var(--colors-slate-200);
  font-size: 26px;
  line-height: 46px;
}

@media (max-width: 766.98px) {
  .execute-card-view .secondary-text {
    font-size: 16px;
    line-height: 26px;
  }
}

.execute-card-view .secondary-text .title {
  text-align: right !important;
}

.execute-card-view .secondary-text .value {
  margin-left: 10px;
  text-align: left !important;
}

signature-pad canvas {
  border: 1px solid var(--colors-primary-100);
}

.widget-title {
  font-weight: 500;
  font-size: var(--base-font-size);
  margin-bottom: 1rem;
  color: var(--colors-primary-950);
  line-height: 19px;
}

.widget-container {
  position: relative;
  background: var(--colors-truecolors-white) 0% 0% no-repeat padding-box;
  border-right: 1px solid var(--border-border-slate);
  border-left: 1px solid var(--border-border-slate);
  border-bottom: 1px solid var(--border-border-slate);
  border-top: 3px solid var(--colors-primary-950);
}

.iban-textbox {
  display: flex;
}

.iban-textbox .iban {
  align-self: center;
  margin-right: 1rem;
}

.data-list table.has-columns-hidden .row-detail ul.row-detail-list>li>span {
  text-align: left;
}

vc-menu .menu {
  height: calc(100vh - 56px);
  position: fixed;
  top: 56px;
}

vc-menu .sidebar-menu {
  border-right: 1px solid var(--border-border-slate);
}

@media (max-width: 766.98px) {
  vc-menu .sidebar-menu {
    display: none;
  }
}

vc-menu .sidebar-menu .inner-menu {
  background-color: var(--colors-cloud-50);
  height: 100%;
  width: 202px;
}

vc-menu .sidebar-menu.toggled .inner-menu {
  width: 58px;
  padding-top: 56px;
}

vc-menu .sidebar-menu.toggled .inner-menu .menu-item-title,
vc-menu .sidebar-menu.toggled .inner-menu .collapse,
vc-menu .sidebar-menu.toggled .inner-menu .menu-searchbox {
  display: none;
  transition: none;
  opacity: 0;
}

vc-menu .sidebar-menu-mobile {
  background-color: rgba(from var(--colors-slate-900) r g b/0.8);
}

vc-menu .sidebar-menu-mobile .inner-menu-mobile {
  background-color: var(--colors-cloud-50);
  width: 0;
  height: 100%;
  border-right: 1px solid var(--border-border-slate);
}

vc-menu .sidebar-menu-mobile.show {
  transition: all 0.3s ease;
}

vc-menu .sidebar-menu-mobile.show .inner-menu-mobile {
  width: 280px;
}

@media (min-width: 767px) {
  vc-menu .sidebar-menu-mobile {
    display: none !important;
  }

  .modal-backdrop vc-menu .sidebar-menu-mobile {
    display: none;
  }
}

vc-menu .menu-item-title,
vc-menu .collapse {
  transition: none;
}

vc-menu .menu-searchbox {
  display: flex;
  padding-left: 18px;
  padding-right: 18px;
  height: 56px;
  align-items: center;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  color: var(--colors-primary-950);
}

vc-menu .menu-item {
  display: flex;
}

vc-menu .menu-item:hover img,
vc-menu .menu-item:active img {
  filter: invert(100%) saturate(0%) brightness(100%) contrast(300%);
}

vc-menu .menu-item:hover a,
vc-menu .menu-item:active a {
  color: var(--colors-truecolors-white);
  text-decoration: none;
  background-color: var(--colors-primary-950);
}

vc-menu .sub-menu-items:hover {
  background-color: var(--colors-primary-50);
  color: var(--colors-primary-950);
}

vc-menu .panel-heading {
  width: 100%;
}

vc-menu .panel-heading .menu-item {
  color: var(--colors-slate-400);
  font-size: var(--btn-font-size);
  font-weight: 500;
  line-height: 36px;
  padding-left: 18px;
  padding-right: 18px;
  height: 36px;
}

vc-menu .panel-heading img {
  margin-right: 12px;
  margin-top: -3px;
}

vc-menu .panel-heading .sub-menu-items {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 7px;
  padding-bottom: 7px;
}

vc-menu .panel-title a:hover,
vc-menu .panel-title a:active {
  text-decoration: none;
}

vc-menu .dropdown-container.is-open>ul {
  max-height: calc(100vh - 200px);
  overflow: auto;
}

vc-menu .dropdown-container.is-open>ul::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
  margin: 2px 2px 2px 0;
}

vc-menu .dropdown-container.is-open>ul::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}

vc-menu .dropdown-container.is-open>ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
  background-color: rgb(236, 236, 236);
}

vc-exportdocument .account-details-btn {
  margin-bottom: 10px;
}

.dashboard-container {
  max-height: 300px;
  overflow: hidden auto;
}

.dashboard-container vc-dashboardproductitem:last-child .dashboard-product-item {
  border-bottom: 0;
}

.dashboard-product-item {
  justify-content: space-between;
  display: flex;
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 12.5px;
  padding-top: 12.5px;
  font-size: 13px;
  border-bottom: 1px solid var(--border-border-slate);
}

.product-image {
  width: 48px;
  height: 48px;
  margin-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-border-slate);
  border-radius: 50%;
}

.product-primary-header {
  color: var(--colors-truecolors-black);
  margin-right: 10px;
}

.product-primary-header {
  margin-bottom: 0;
}

.value-primary-header {
  font-weight: normal;
  line-height: 14px;
  display: block;
}

.value-sub-header {
  color: var(--colors-primary-950);
  font-size: 18px;
  line-height: 24px;
}

.dashboard-footer-wrapper {
  background-color: var(--surface-surface-slate);
  height: 106px;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-top: 12px;
  color: var(--colors-truecolors-white);
}

.dashboard-footer-wrapper .action-header {
  font-size: 16px;
  line-height: 22px;
}

.dashboard-footer-wrapper .action-sub-header {
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}

.dashboard-footer-wrapper .action-button {
  text-transform: uppercase;
  color: var(--colors-truecolors-white);
  font-size: 12px;
  line-height: 17px;
}

.dashboard-footer-wrapper .action-button :hover {
  text-decoration: none;
}

.subcampaign-2 {
  background: var(--surface-surface-primary) url('images/summary-footer-action1.svg');
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 100%;
}

.subcampaign-1 {
  background: var(--colors-primary-900) url('images/summary-footer-action2.svg');
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 100%;
}

.dashboard-carousel-prev {
  background: var(--colors-truecolors-white) url('images/arrow-left.svg') no-repeat center;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 24px;
  top: 7px;
}

.dashboard-carousel-next {
  background: var(--colors-truecolors-white) url('images/arrow-right.svg') no-repeat center;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 7px;
}

.application-request-state-wrapper {
  margin: 9px 10px;
}

.application-request-state-wrapper .app-request-state-title {
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 5px;
  display: block;
}

.otp-password {
  flex: 1;
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.otp-password:first-child {
  padding-left: 0 !important;
}

.otp-password:last-child {
  padding-right: 0 !important;
}

.otp-password .otp-password-input {
  font-size: 16px !important;
  padding: 0 !important;
  background-color: var(--colors-off-white-500) !important;
  color: var(--colors-truecolors-black) !important;
  text-align: center;
  max-width: var(--input-field-otp-timer-box-width) !important;
  max-height: var(--input-field-otp-timer-box-height) !important;
  border-radius: var(--radius-radius-xs) !important;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
}

.otp-password-wrapper vc-textbox .vc-textbox {
  display: flex;
  justify-content: center;
}

button.otp-password-toggle-btn {
  border: 1px solid #bbb !important;
  margin-left: 3px;
  padding: 0;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-radius-xs);
  flex-shrink: 0;
}

button.otp-password-toggle-btn:focus-visible i {
  outline: 2px solid black;
  outline-offset: -8px;
}

button.otp-password-toggle-btn .password-icon {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
}

button.otp-password-toggle-btn .password-icon.fa-eye,
button.otp-password-toggle-btn .password-icon.fa-eye-slash {
  font-size: 0;
  background: url('../img/View.svg') no-repeat center;
  background-size: 22px auto;
  width: 22px;
  height: 22px;
}

button.otp-password-toggle-btn .password-icon.fa-eye-slash {
  background: url('../img/View-slash.svg') no-repeat center;
  background-size: 22px auto;
}

.flow-navigation {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  margin-left: 24px;
  margin-bottom: 0;
  z-index: 2;
}

.flow-navigation.d-block {
  display: block !important;
}

.flow-navigation .flow-nav-backward,
.flow-navigation .flow-nav-forward {
  display: block;
  width: 100%;
}

@media (max-width: 766.98px) {
  .flow-navigation>div.row {
    margin: 0;
  }

  .flow-navigation .flow-nav-forward {
    margin-top: 0 !important;
  }

  .flow-navigation .flow-nav-backward {
    margin-bottom: 12px;
    margin-top: 16px;
  }
}

.flow-navigation .btn i {
  display: none;
}

.flow-navigation .btn span {
  padding-left: 10px;
  padding-right: 10px;
}

.onboarding-agreement {
  width: 100%;
  height: 500px;
  border: none;
}

.account-list-transaction .account-balance-wrapper {
  padding-top: 30px;
}

@media (min-width: 767px) {
  .account-list-transaction .account-list-added-space-top {
    margin-top: 56px;
  }
}

vc-breadcrumb {
  z-index: 9;
}

@media (max-width: 766.98px) {
  vc-breadcrumb {
    padding: 0 16px;
  }
}

vc-loadingskeleton {
  width: 100%;
}

vc-loadingskeleton .skeleton-wrapper {
  width: 100%;
  justify-content: space-between;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 16px;
}

vc-loadingskeleton .skeleton-wrapper.skeleton-wrapper-card {
  justify-content: start;
  gap: 64px;
}

vc-loadingskeleton .skeleton-wrapper .loading-skeleton {
  background: var(--colors-primary-50);
  height: 15px;
  margin-bottom: 5px;
}

vc-loadingskeleton .skeleton-wrapper .loading-skeleton.loading-skeleton-card {
  width: 291px;
  height: 194px;
  border-radius: 8px;
}

@media (max-width: 766.98px) {
  .home-transaction-skeleton-mobile {
    display: flex;
    flex-direction: row;
    width: max-content;
  }
}

vc-campaignview .slick-dots {
  margin-top: 1rem;
  bottom: auto !important;
}

@media (min-width: 767px) {
  vc-campaignview .slick-dots {
    margin-top: 0;
    bottom: 0px !important;
  }
}

vc-campaignview .slick-dots li {
  margin: 0 4px;
  width: 8px;
  height: 8px;
  font-size: 0;
  background: var(--surface-surface-cloud-press);
  border-radius: 50%;
}

vc-campaignview .slick-dots li.slick-active {
  background: var(--surface-surface-primary);
}

vc-campaignview .slick-dots li button {
  display: none;
}

vc-campaignview .slick-dotted.slick-slider {
  margin-bottom: 25px;
}

vc-captcha-generator .captcha-box-mobile-img {
  padding: 0 !important;
  -webkit-user-select: none;
  user-select: none;
  width: 119px;
  height: 58px;
}

vc-captcha-generator .captcha-field {
  position: relative;
  display: flex;
}

vc-captcha-generator .captcha-field vc-textbox {
  flex: 1;
}

vc-captcha-generator .captcha-field .captcha-buttons {
  display: flex;
  position: relative;
  min-width: 119px;
  max-width: 119px;
  flex: 1;
  margin-left: 5px;
}

vc-captcha-generator .captcha-field .captcha-buttons iframe {
  height: 58px;
  width: 119px;
  margin-right: 1px;
  padding: 0;
}

vc-captcha-generator .captcha-field .captcha-buttons iframe body {
  margin: 0;
  padding: 0;
}

vc-captcha-generator .captcha-field .captcha-buttons .refresh-captcha-link {
  display: block;
  padding: 0;
  border-radius: 0;
  position: absolute;
  right: 131px;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: url('images/captcha-refresh.svg') no-repeat center;
  background-size: 24px auto;
}

vc-captcha-generator .captcha-field .captcha-buttons .refresh-captcha-link img {
  display: none;
}

vc-processingloader .process-loader {
  height: 100%;
  padding-top: 64px;
  padding-bottom: 66px;
  position: fixed;
  top: 0;
  z-index: 100;
  bottom: 0;
  background: var(--surface-surface-primary) url('images/img-illustration-login.png') no-repeat center bottom;
  background-size: 100% 138px;
}

vc-processingloader .process-loader .loader-content-wrapper {
  text-align: center;
  height: 100%;
}

vc-circularspinner.spinner-loader {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1106;
  zoom: 0.9;
}

vc-circularspinner.quickViewSpinner-loader {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1101;
  zoom: 0.5;
}

vc-circularspinner .loader {
  position: relative;
  width: 80px;
}

vc-circularspinner .duo {
  height: 20px;
  width: 50px;
  background: hsla(0, 0%, 0%, 0);
  position: absolute;
}

vc-circularspinner .duo,
vc-circularspinner .dot {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

vc-circularspinner .duo1 {
  left: 0;
}

vc-circularspinner .duo2 {
  left: 30px;
}

vc-circularspinner .dot {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: var(--btn-secondary-bg-color);
  position: absolute;
  box-shadow: 0 0 7px 3px rgba(34, 34, 34, 0.1);
}

vc-circularspinner .dot-a {
  left: 0px;
}

vc-circularspinner .dot-b {
  right: 0px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes onOff {
  0% {
    opacity: 0;
  }

  49% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

vc-circularspinner .duo1 {
  animation-name: spin;
}

vc-circularspinner .duo2 {
  animation-name: spin;
  animation-direction: reverse;
}

vc-circularspinner .duo2 .dot-b {
  animation-name: onOff;
}

vc-circularspinner .duo1 .dot-a {
  opacity: 0;
  animation-name: onOff;
  animation-direction: reverse;
}

vc-containerrow .form-group {
  margin-bottom: 0px;
}

vc-containerrow .form-group:not(.height-unset) {
  height: auto;
}

vc-containerrow .form-group vc-information {
  position: absolute;
  right: 28px;
  z-index: 98;
}

vc-containerrow .form-group vc-corporate-rolelistdropdown vc-information,
vc-containerrow .form-group vc-accountlistcombo vc-information,
vc-containerrow .form-group vc-enum-dropdown vc-information,
vc-containerrow .form-group vc-corporateuser-list-dropdown vc-information,
vc-containerrow .form-group vc-transactionlist-dropdown vc-information,
vc-containerrow .form-group vc-investmentaccountlistcombo vc-information,
vc-containerrow .form-group vc-goalcategorylist vc-information {
  top: 45px !important;
}

vc-containerrow .form-group .radio-button-list {
  height: auto !important;
  margin-top: -24px !important;
  margin-bottom: 8px !important;
}

vc-containerrow .form-group vc-passwordtextbox vc-information {
  top: 40px;
}

vc-containerrow .form-group vc-textarea vc-information {
  top: 19px;
}

vc-containerrow .form-group vc-datepicker .input-group.information .datepicker-button-group .datepicker-input-button:not(.clear-button) {
  padding-right: 30px;
}

vc-containerrow .form-group vc-datepicker vc-information {
  top: 18px;
  right: 13px;
}

vc-containerrow .form-group vc-radiobuttonlist vc-information,
vc-containerrow .form-group vc-radiobutton vc-information {
  top: -2px;
  right: 0;
  position: relative;
}

vc-containerrow .form-group vc-maskedtextbox vc-information {
  top: 19px;
}

vc-containerrow .form-group vc-corporate-rolelistdropdown .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-accountlistcombo .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-combobox .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-enum-dropdown .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-corporateuser-list-dropdown .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-transactionlist-dropdown .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-textbox .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-investmentaccountlistcombo .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-investmentholdinglistcombo .information-combo .account-list-dropdown-selection .amount,
vc-containerrow .form-group vc-goalcategorylist .information-combo .account-list-dropdown-selection .amount {
  margin-right: 46px !important;
}

vc-containerrow .form-group vc-corporate-rolelistdropdown vc-information,
vc-containerrow .form-group vc-accountlistcombo vc-information,
vc-containerrow .form-group vc-combobox vc-information,
vc-containerrow .form-group vc-enum-dropdown vc-information,
vc-containerrow .form-group vc-corporateuser-list-dropdown vc-information,
vc-containerrow .form-group vc-transactionlist-dropdown vc-information,
vc-containerrow .form-group vc-textbox vc-information,
vc-containerrow .form-group vc-investmentaccountlistcombo vc-information,
vc-containerrow .form-group vc-investmentholdinglistcombo vc-information,
vc-containerrow .form-group vc-goalcategorylist vc-information {
  top: 18px;
}

vc-containerrow .form-group vc-combobox vc-information {
  inset-inline-end: 44px;
}

vc-containerrow .form-group vc-moneytextbox vc-information {
  top: 28px;
  right: 10px;
}

vc-containerrow .form-group.has-label>vc-information {
  top: -1px;
  right: auto;
  margin-left: 0.75rem;
  line-height: 18px;
}

vc-containerrow .form-group.has-label vc-textbox vc-information {
  top: 49px;
}

vc-containerrow .form-group.radio-button-list:not(.height-unset) {
  height: auto !important;
}

vc-containerrow .form-group.combobox-form-group .select2-selection__arrow {
  right: 32px;
}

vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__arrow {
  width: 40px;
}

vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__arrow.hidden-select-arrow {
  display: none;
}

vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__rendered .account-list-dropdown-selection>div {
  flex: auto;
  width: auto;
}

@media (max-width: 766.98px) {
  vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__rendered .account-list-dropdown-selection>div:first-child {
    overflow: hidden;
  }

  vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__rendered .account-list-dropdown-selection>div:first-child .placeholder {
    max-width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__rendered .account-list-dropdown-selection>div.amount {
    padding-right: 20px;
  }
}

vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__rendered .account-list-dropdown-selection>div:first-child .alias {
  font-weight: 400 !important;
}

vc-cardexpirydate .form-control.datepicker {
  z-index: 19;
}

vc-cardexpirydate .form-control[readonly] {
  background: var(--surface-surface-cloud) !important;
}

.chatbot-iframe {
  margin-top: -46px;
}

vc-fileupload .dropzone-area {
  border: 1px dashed var(--colors-slate-200);
  border-radius: 4px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

vc-fileupload .dropzone-area.locked {
  display: none;
}

vc-fileupload .dropzone-remove-button {
  width: 24px;
  height: 24px;
  background: var(--surface-surface-primary) url('images/icon-close.svg') 28px no-repeat center center;
  border: none;
  position: absolute;
  border-radius: 50%;
  top: -10px;
  right: -11px;
  z-index: 20;
}

.mobile-camera-background {
  background: transparent !important;
}

.mobile-camera-background vc-breadcrumb {
  display: none;
}

.mobile-camera-background vc-masterflow-uiview {
  padding-bottom: 20px;
}

.text-external-link {
  font: normal normal normal 14px/20px var(--base-font-family) !important;
  letter-spacing: 0px !important;
  color: var(--surface-surface-slate) !important;
  margin-top: 25px;
}

vc-transactionhelpview .transactionhelp-content,
vc-information .transactionhelp-content {
  color: var(--colors-slate-300);
}

vc-transactionhelpview .transactionhelp-content .transaction-title,
vc-information .transactionhelp-content .transaction-title {
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
  text-align: center;
}

vc-transactionhelpview .transactionhelp-content .help-content,
vc-information .transactionhelp-content .help-content {
  text-align: center;
  font: normal normal normal 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

vc-transactionhelpview vc-button a,
vc-information vc-button a {
  max-width: revert !important;
}

vc-transactionhelpbox .dropdown.show.transaction-helpbox-dropdown {
  /* Styling for second triangle (border) */
}

vc-transactionhelpbox .dropdown.show.transaction-helpbox-dropdown:after,
vc-transactionhelpbox .dropdown.show.transaction-helpbox-dropdown:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 15px solid var(--surface-surface-cloud);
  bottom: -22px;
  content: "";
  right: 8px;
  position: absolute;
  z-index: 1002;
}

vc-transactionhelpbox .dropdown.show.transaction-helpbox-dropdown:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 16px solid;
  border-bottom-color: var(--colors-cloud-400);
  bottom: -22px;
  right: 6px;
  z-index: 1001;
}

vc-transactionhelpbox .dropdown-menu {
  margin-top: 27px;
  margin-left: 12px;
  border: 1px solid var(--colors-cloud-400);
  border-radius: 3px;
  width: 350px;
  max-height: 450px;
  overflow: hidden auto;
  background: var(--colors-truecolors-white);
}

vc-transactionhelpbox .header-info-mobile {
  display: flex;
  width: 24px !important;
  float: right;
}

vc-information .transactionhelp-content {
  font-weight: 600;
  padding: 20px;
}

vc-information .transactionhelp-content .help-content {
  font-size: 12px;
  font-weight: 500;
}

vc-information .dropdown.show.transaction-helpbox-dropdown {
  /* Styling for second triangle (border) */
}

vc-information .dropdown.show.transaction-helpbox-dropdown:after,
vc-information .dropdown.show.transaction-helpbox-dropdown:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 10px solid var(--surface-surface-cloud);
  bottom: -10px;
  content: "";
  right: 10px;
  position: absolute;
  z-index: 1002;
}

vc-information .dropdown.show.transaction-helpbox-dropdown:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid;
  border-bottom-color: var(--colors-cloud-400);
  bottom: -10px;
  right: 8px;
  z-index: 1001;
}

vc-information .dropdown-menu {
  margin-top: 10px;
  margin-left: 12px;
  border: 1px solid var(--colors-cloud-400);
  border-radius: 3px;
  min-width: 250px;
  max-height: 450px;
  overflow: hidden auto;
  background: var(--colors-truecolors-white);
}

.select-checkbox {
  display: none;
}

vc-listview .list-view-wrapper {
  border: 1px solid var(--colors-slate-100);
  border-radius: 4px;
  padding-top: 9px;
  min-height: 170px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  max-height: 500px;
  overflow: hidden auto;
}

vc-listview .list-view-wrapper.full-height {
  height: 100%;
  max-height: 50vh;
}

vc-listview .list-view {
  display: flex;
  flex: 0 !important;
  align-items: baseline;
  justify-content: space-between;
  padding: 10px 23px;
  color: var(--colors-primary-900);
  border-bottom: 1px solid var(--colors-slate-100);
}

vc-listview .list-view.selected {
  background: var(--colors-primary-50) url('images/icon-check-orange.svg') no-repeat center right 12px;
}

vc-listview .list-view .item-text {
  display: block;
  font-weight: 600;
}

vc-timepicker .input-group-addon {
  padding: 0;
}

.flow-otp-modal .modal-body {
  padding: 0;
}

.flow-otp-modal .modal-body .otp-modal-content {
  margin: 0;
  padding: 24px;
}

vc-passwordtextbox .password-strength-input input.form-control.strength-enabled {
  padding-right: 58px !important;
}

vc-passwordtextbox .password-strength-input+.strength-text {
  position: absolute;
  top: 70px;
  width: calc(100% - 30px);
  right: 16px;
  text-align: right;
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

vc-passwordtextbox .rules-bar-wrapper {
  margin-top: 7px;
}

vc-passwordtextbox .rules-bar-wrapper ul {
  list-style: none;
  padding: 0;
}

vc-passwordtextbox .rules-bar-wrapper ul li {
  padding-top: 5px;
}

vc-passwordtextbox .rules-bar-wrapper ul li img {
  height: 16px;
  width: 16px;
}

vc-passwordtextbox .rules-bar-wrapper ul li span {
  padding-left: 10px;
  color: var(--content-content-on-cloud);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

vc-passwordtextbox .strength-bar-wrapper {
  position: absolute;
  top: 65px;
  right: 15px;
  left: 15px;
  height: 3px;
  background: var(--border-border-slate-secondary);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

vc-passwordtextbox .strength-bar-item {
  height: 100%;
  width: 32.5%;
  transition: background-color 0.2s, visibility 0.1s;
}

vc-passwordtextbox .strength-bar-item-weak.active {
  background: var(--password-strength-low);
}

vc-passwordtextbox .strength-bar-item-medium.active {
  background: var(--password-strength-medium);
}

vc-passwordtextbox .strength-bar-item-strong.active {
  background: var(--password-strength-high);
}

vc-textbox .rules-bar-wrapper {
  margin-top: 11px;
}

vc-textbox .rules-bar-wrapper ul {
  list-style: none;
  padding: 0;
}

vc-textbox .rules-bar-wrapper ul li {
  padding-top: 5px;
}

vc-textbox .rules-bar-wrapper ul li img {
  height: 16px;
  width: 16px;
}

vc-textbox .rules-bar-wrapper ul li span {
  padding-left: 10px;
  color: var(--content-content-on-cloud);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

vc-transactionhelpview .transactionhelp-content {
  padding: 0;
}

vc-upcomingtransactionsview .upcoming-transactions {
  margin-top: 70px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-list {
  padding: 0 !important;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-list .main-title {
  font: normal normal 800 16px/22px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
  margin-bottom: 20px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-list .title {
  font: normal normal bold 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-list .value {
  font: normal normal normal 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--surface-surface-slate);
  margin-bottom: 12px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-dots {
  bottom: auto !important;
  margin-top: 12px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-prev,
vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-next {
  top: -20px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-prev::before,
vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-next::before {
  width: 12.5px;
  height: 12.5px;
  transform: none;
  margin-top: 0px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-prev {
  transform: rotate(180deg);
  margin-top: -10px;
}

vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-prev.slick-disabled,
vc-upcomingtransactionsview .upcoming-transactions vc-carousel .slick-next.slick-disabled {
  display: block !important;
}

@media (min-width: 767px) {
  ng-component>vc-gridsystem:first-child {
    overflow: inherit;
  }

  .flow-navigation {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media (min-width: 767px) and (max-width: 766.98px) {
  .flow-navigation {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 767px) {
  .flow-navigation:not(.flow-before-login) {
    text-align: right;
  }

  .flow-navigation:not(.flow-before-login) .flow-nav-backward.dbas-btn,
  .flow-navigation:not(.flow-before-login) .flow-nav-forward.dbas-btn {
    display: inline-block;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100%;
  }

  .flow-navigation>.row {
    flex-direction: row;
    justify-content: center;
    padding-top: 24px;
    flex-wrap: inherit;
    gap: 24px;
  }

  .flow-navigation>.row>div,
  .flow-navigation>.row>vc-information-item {
    flex: 1;
  }

  .flow-navigation>.row>div .btn,
  .flow-navigation>.row>vc-information-item .btn {
    margin-bottom: 0;
  }

  .flow-navigation.flow-before-login>.row {
    padding-bottom: 24px;
  }

  vc-campaignview .slick-list,
  vc-campaignview .slick-track {
    height: 100%;
    padding: 0 !important;
    margin-bottom: 25px;
  }

  vc-campaignview .slick-list vc-gridrow.row,
  vc-campaignview .slick-track vc-gridrow.row {
    align-items: center;
  }

  vc-campaignview .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  vc-campaignview .campaignview-wrapper {
    height: 100%;
  }

  vc-campaignview .campaignview-wrapper vc-carousel {
    height: 100%;
    display: block;
  }

  vc-campaignview .campaignview-wrapper .campaign-card-wrapper {
    height: 100%;
    margin: 0;
  }

  .content .slick-dots li button:before {
    opacity: 1;
    color: var(--surface-surface-primary);
  }

  .content .slick-dots li.slick-active button:before {
    content: url('images/icon-slider-active-dot.svg');
    height: 6px;
  }

  .slick-dots li {
    margin: 0 -5px;
  }

  .slick-dots li button:before {
    opacity: 1;
    color: var(--surface-surface-primary);
  }

  vc-selectablebuttonlist.header-tabs-web {
    margin: 0 5px 8px 5px;
    border: 0;
    padding: 0 33% 0 33%;
  }

  vc-selectablebuttonlist.header-tabs-web>.list-wrapper {
    border: 0;
    border-radius: 4px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px !important;
  }

  vc-selectablebuttonlist.header-tabs-web .selectable-button {
    height: auto;
    font: normal normal 800 22px/1 var(--base-font-family) !important;
  }

  vc-selectablebuttonlist.header-tabs-web .default {
    background: transparent;
    color: var(--colors-primary-900);
    border: 0 !important;
    opacity: 0.8;
    font: normal normal 800 22px/30px var(--base-font-family);
  }

  vc-selectablebuttonlist.header-tabs-web .selected {
    border: 0;
    font-size: 15px;
    background: transparent;
    opacity: 1;
  }

  .common-execute-page {
    padding-top: 0px;
  }

  .login-masterview .common-execute-page .d-flex.flex-column {
    background: none;
    padding: 0;
  }

  .common-execute-page .success-img {
    margin-top: 40px;
  }
}

@media (min-width: 767px) {
  .otp-password .otp-password-input {
    padding: 0 !important;
    font: caption;
  }

  vc-exportdocument .account-details-btn {
    margin-left: 10px;
  }
}

@media (max-width: 766.98px) {
  vc-cardviewwithcarousel vc-carousel .slick-list {
    padding: 0px 16px !important;
  }

  .flow-navigation {
    margin-top: 24px;
  }

  .flow-navigation>.row {
    flex-direction: column;
    align-items: center;
  }

  .flow-navigation>.row>div,
  .flow-navigation>.row>vc-information-item {
    padding: 0;
    flex: 1;
    width: 100%;
  }

  .flow-navigation>.row>div .btn,
  .flow-navigation>.row>vc-information-item .btn {
    margin: 0 0 12px 0;
    /*width: calc(100vw - 48px);*/
    max-width: 100%;
  }
}

@media screen and (min-width: 512px) and (max-width: 992px) {
  .common-execute-page .desktop-result-image-column {
    display: none !important;
  }

  .common-execute-page .desktop-confirm-result {
    max-width: 100%;
    flex-basis: auto;
  }
}

.customer-onboarding .result-view .information-container .information-content {
  justify-content: center !important;
}

.data-list table.has-columns-hidden span.responsiveExpander:before {
  color: var(--colors-primary-950) !important;
}

vc-uiviewheader>div>nav {
  display: flex !important;
  align-items: flex-start !important;
  position: absolute !important;
}

vc-selectablebuttonlist.dashboard {
  margin-top: 16px;
  width: 212px;
}

vc-selectablebuttonlist.dashboard.header-tabs-view .selectable-button {
  border: 0;
}

.hide-account-menu>* {
  height: 0 !important;
  opacity: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.account-list-gridsystem {
  width: 100%;
}

.account-list-gridsystem .account-list .account-list-row {
  border-bottom: 1px solid var(--border-border-slate-secondary);
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.account-list-gridsystem .account-list .account-list-row .account-list-desc {
  display: inline-flex;
  align-items: center;
}

.account-list-gridsystem .account-list .account-list-row .account-list-nickname {
  font: normal normal 16px/19px var(--base-font-family);
  color: var(--base-text-color);
  display: block;
}

@media (max-width: 766.98px) {
  .account-list-gridsystem .account-list .account-list-row .account-list-nickname {
    font: normal normal 13px/19px var(--base-font-family);
    color: var(--base-text-color);
    display: block;
  }
}

.account-list-gridsystem .account-list .account-list-row .account-list-balance {
  font: normal normal bold 16px/19px var(--base-font-family);
  color: var(--base-text-color);
  display: block;
}

.account-list-gridsystem .account-list .account-list-row .account-list-account-number {
  font: normal normal normal 14px/19px var(--base-font-family);
  color: var(--base-text-color);
  display: block;
}

.account-list-gridsystem .account-list .account-list-row .account-list-selection-column {
  padding-right: 0px !important;
  text-align: right !important;
}

.account-list-gridsystem .account-list .account-list-row .account-list-selection-column vc-checkbox label {
  display: block !important;
  text-align: right;
}

.account-list-gridsystem .account-list .account-list-row .account-list-selection-column vc-checkbox label .checkbox-view {
  margin-right: -8px !important;
}

.account-list-gridsystem .account-list .account-list-row .account-list-selection-column vc-radiobutton .custom-radio {
  margin-right: -18px !important;
}

.account-list-gridsystem .account-list .account-list-row.account-list-row-no-border {
  border-bottom: none;
}

.account-list-gridsystem .account-list-search-and-done {
  display: flex;
  justify-content: flex-end;
}

.account-list-gridsystem .account-list-search-and-done vc-imagebutton {
  float: left;
  display: flex;
  width: 44px;
}

.account-list-gridsystem .account-list-search-and-done vc-button {
  display: flex;
}

.account-list-gridsystem .account-list-search-and-done vc-button a {
  min-width: 72px !important;
  height: 27px !important;
  width: 72px !important;
  margin: 0;
}

.payee-list-gridsystem {
  width: 100%;
}

.payee-list-gridsystem .payee-list .payee-list-row {
  border-bottom: 1px solid var(--border-border-slate-secondary);
  padding-bottom: 10px;
  padding-top: 10px;
  align-items: center;
}

.payee-list-gridsystem .payee-list .payee-list-row .payee-list-nickname {
  font: normal normal bold 16px/19px var(--base-font-family);
  color: var(--base-text-color);
  display: block;
}

.payee-list-gridsystem .payee-list .payee-list-row .payee-list-account-number {
  font: normal normal normal 14px/19px var(--base-font-family);
  color: var(--base-text-color);
  display: block;
}

.payee-list-gridsystem .payee-list .payee-list-row .payee-list-selection-column {
  padding-right: 0px !important;
  text-align: right !important;
}

.payee-list-gridsystem .payee-list .payee-list-row .payee-list-selection-column vc-checkbox label {
  display: block !important;
  text-align: right;
}

.payee-list-gridsystem .payee-list .payee-list-row .payee-list-selection-column vc-checkbox label .checkbox-view {
  margin-right: -8px !important;
}

.payee-list-gridsystem .payee-list .payee-list-row .payee-list-selection-column vc-radiobutton .custom-radio {
  margin-right: -18px !important;
}

.payee-list-gridsystem .payee-list .payee-list-row.payee-list-row-no-border {
  border-bottom: none;
}

.payee-list-gridsystem .payee-list-search-and-done {
  display: flex;
  justify-content: flex-end;
}

.payee-list-gridsystem .payee-list-search-and-done vc-imagebutton {
  float: left;
  display: flex;
  width: 44px;
}

.payee-list-gridsystem .payee-list-search-and-done vc-button {
  display: flex;
}

.payee-list-gridsystem .payee-list-search-and-done vc-button a {
  min-width: 72px !important;
  height: 27px !important;
  width: 72px !important;
  margin: 0;
}

.custom-dropdown-list-gridsystem {
  width: 100%;
  background-color: var(--white-widget-background-color);
  padding: 0 var(--spacing-md) !important;
  margin-top: 18px;
  margin-bottom: 24px;
}

@media (max-width: 766.98px) {
  .custom-dropdown-list-gridsystem {
    box-shadow: none;
  }
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item+.custom-dropdown-list-item {
  border-top: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row {
  padding: 16px;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row vc-imagebutton img {
  width: 30px;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row vc-imagebutton a {
  font-size: 0;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .selection-column {
  padding-right: 0px !important;
  text-align: right !important;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .selection-column vc-checkbox label {
  display: block !important;
  text-align: right;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .selection-column vc-checkbox label .checkbox-view {
  margin-right: -8px !important;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .selection-column vc-radiobutton .custom-radio {
  margin-right: -18px !important;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .selection-column vc-radiobutton .custom-radio .custom-control-label::after,
.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .selection-column vc-radiobutton .custom-radio .custom-control-label::before {
  margin-top: -12px !important;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .title-column {
  display: flex;
  align-items: center;
}

.custom-dropdown-list-gridsystem .custom-dropdown-list-item .custom-dropdown-list-row .title-column vc-label {
  font: normal normal bold 16px/21px var(--base-font-family);
  color: var(--default-color-on-white-widget);
  text-align: left;
}

.accountTxnExport vc-exportdocument .custom-dropdown-list-gridsystem vc-gridrow.custom-dropdown-list-item .custom-dropdown-list-row>vc-gridcolumn {
  padding-top: 15px;
  padding-bottom: 15px;
}

.accountTxnExport vc-exportdocument .custom-dropdown-list-gridsystem vc-gridrow.custom-dropdown-list-item .custom-dropdown-list-row>vc-gridcolumn vc-radiobutton .custom-radio .custom-control-label::before,
.accountTxnExport vc-exportdocument .custom-dropdown-list-gridsystem vc-gridrow.custom-dropdown-list-item .custom-dropdown-list-row>vc-gridcolumn vc-radiobutton .custom-radio .custom-control-label::after {
  margin-top: 0 !important;
}

.backoffice vc-containerrow .form-group {
  height: auto;
}

.backoffice vc-flownavigation .row {
  padding-top: 1rem;
}

.backoffice vc-flownavigation .flow-nav-backward {
  background-color: transparent !important;
  border-color: var(--colors-slate-300);
  color: var(--colors-slate-300) !important;
}

.backoffice div.configurationParameterDescriptionColumn {
  max-width: 200px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.backoffice div.resourceListColumnBreakWord {
  max-width: 350px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.backoffice td.resourceListColumnBreakWord {
  word-break: break-word;
}

.transferRate-label {
  height: auto !important;
  margin-bottom: 0 !important;
}

.transferRate-label vc-information-item {
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--border-border-slate-secondary);
  background: var(--surface-surface-cloud-subdued);
}

.transferRate-label vc-information-item .information-content {
  border-bottom: none;
  justify-content: start !important;
}

.transferRate-label vc-information-item .information-content .information-item-title {
  color: var(--colors-truecolors-black);
  font-weight: 600;
  font-size: 12px;
}

.transferRate-label vc-information-item .information-content .information-item-value {
  font-size: 12px;
  font-weight: 400;
}

vc-gridsystem.common-confirm .information-container-header {
  margin-bottom: 5px;
}

.common-confirm vc-paymentlistconfirm .information-content,
.common-execute-page vc-paymentlistconfirm .information-content {
  border-bottom: none;
  padding-bottom: 6px;
}

.common-confirm vc-paymentlistconfirm .payment-list,
.common-execute-page vc-paymentlistconfirm .payment-list {
  border-bottom: 1px solid var(--white-widget-seperator-color);
  margin-bottom: 12px;
}

.common-confirm vc-paymentlistconfirm .payment-list:last-child,
.common-execute-page vc-paymentlistconfirm .payment-list:last-child {
  border-bottom: none !important;
}

.common-confirm vc-paymentlistconfirm .d-flex.flex-column,
.common-execute-page vc-paymentlistconfirm .d-flex.flex-column {
  padding-bottom: 0px;
}

.common-confirm.bill-payment-transaction .content-wrapper,
.common-execute-page.bill-payment-transaction .content-wrapper {
  margin-top: 0px !important;
}

.preview-estatement-collapse .vc-gridrow-header {
  color: var(--default-color-on-white-widget) !important;
}

.preview-estatement-collapse .row.collapse,
.preview-estatement-collapse .row.collapsing {
  margin: 0;
  width: 100%;
  -webkit-border-bottom-right-radius: var(--widget-border-radius-2);
  -webkit-border-bottom-left-radius: var(--widget-border-radius-2);
  -moz-border-radius-bottomright: var(--widget-border-radius-2);
  -moz-border-radius-bottomleft: var(--widget-border-radius-2);
  border-bottom-right-radius: var(--widget-border-radius-2);
  border-bottom-left-radius: var(--widget-border-radius-2);
  background: var(--content-content-white);
  border-top: 0px;
}

.preview-estatement-collapse .row.collapse vc-gridcolumn vc-label.statement-item-label span,
.preview-estatement-collapse .row.collapsing vc-gridcolumn vc-label.statement-item-label span {
  cursor: pointer;
  color: var(--default-color-on-white-widget);
  display: inline-block;
  font: normal normal bold 14px/13px var(--base-font-family);
  padding-bottom: 2px;
}

.preview-estatement-collapse .row.collapse vc-gridcolumn vc-label.statement-item-label.statement-downloaded span,
.preview-estatement-collapse .row.collapsing vc-gridcolumn vc-label.statement-item-label.statement-downloaded span {
  color: var(--colors-secondary-600);
}

.preview-estatement-collapse .row.collapse vc-gridcolumn vc-label.statement-empty-label span,
.preview-estatement-collapse .row.collapsing vc-gridcolumn vc-label.statement-empty-label span {
  color: var(--default-color-on-white-widget);
  display: inline-block;
  font: normal normal bold 14px/13px var(--base-font-family);
  padding-bottom: 2px;
}

.preview-estatement-collapse .collapsed-wrap {
  border-color: var(--white-widget-seperator-color);
}

.preview-estatement-collapse .vc-gridrow-header-wrapper {
  /*border-radius: 4px;
  background-color: var(--colors-primary-900);*/
  margin-top: 12px;
  -webkit-border-top-left-radius: var(--widget-border-radius-2);
  -webkit-border-top-right-radius: var(--widget-border-radius-2);
  -moz-border-radius-topleft: var(--widget-border-radius-2);
  -moz-border-radius-topright: var(--widget-border-radius-2);
  border-top-left-radius: var(--widget-border-radius-2);
  border-top-right-radius: var(--widget-border-radius-2);
  background: var(--content-content-white);
  border-bottom: 0px;
}

.preview-estatement-collapse .vc-gridrow-header-wrapper .vc-gridrow-header {
  padding: 20px 12px;
  margin: 0;
}

.preview-estatement-collapse .vc-gridrow-header-wrapper .vc-gridrow-header::before {
  content: " ";
  background: url('images/icon-minus-white.svg') no-repeat center bottom;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 27px;
  margin-top: -10px;
  cursor: pointer;
}

.preview-estatement-collapse .vc-gridrow-header-wrapper.collapsed {
  border-radius: var(--radius-radius-2xs);
}

.preview-estatement-collapse .vc-gridrow-header-wrapper.collapsed .vc-gridrow-header {
  padding: 20px 12px;
  color: var(--default-color-on-white-widget);
}

.preview-estatement-collapse .vc-gridrow-header-wrapper.collapsed .vc-gridrow-header::before {
  content: " ";
  background: url('images/icon-plus-blue.svg') no-repeat center bottom;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 26px;
  margin-top: -2px;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  ng-component>vc-gridsystem:first-child {
    height: auto !important;
  }

  vc-gridsystem.beneficiary-list-transaction {
    padding-top: 0px !important;
  }

  vc-gridsystem.beneficiary-list-transaction>.d-flex {
    display: inline !important;
  }

  vc-gridsystem.logout-transaction-gridsystem.desktop {
    height: 100% !important;
  }

  vc-gridsystem.common-execute-page.error-component vc-createservicerequest vc-gridsystem>.d-flex {
    display: inline !important;
  }

  vc-grid-view .table-responsive,
  vc-datagrid .table-responsive {
    overflow-x: hidden;
  }

  vc-resultview {
    width: 100%;
    position: relative;
  }
}

.ui-datepicker-current {
  min-height: 32px;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

vc-linkbutton a span {
  color: var(--content-content-primary);
}

vc-label.security-details-label {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  color: var(--colors-primary-950);
}

.custom-livechat .LPMcontainer.LPMoverlay {
  display: none !important;
}

vc-secure-label vc-gridrow {
  padding-right: 18px;
  padding-top: 2px;
  padding-bottom: 30px;
}

@media (max-width: 766.98px) {
  vc-contentdetail-contactus {
    display: block;
    padding: 0 18px;
  }

  vc-contentdetail-contactus .content-detail-column {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }

  vc-contentdetail-contactus .content-detail-column:nth-child(2) {
    margin-top: 56px !important;
    width: auto;
    max-width: auto;
    padding: 0 !important;
  }

  vc-secure-label {
    display: block;
  }

  vc-secure-label vc-gridrow {
    text-align: center;
  }

  .LPMcontainer.LPMoverlay {
    display: none !important;
  }

  .lp_desktop .lp-window-root>.lp_floating {
    margin-bottom: 35px !important;
  }

  .live-chat-menu {
    display: flex !important;
  }

  .log-out-menu {
    display: flex !important;
  }
}

@media (min-width: 767px) {
  .LPMcontainer.LPMoverlay {
    margin: auto 10px 70px auto !important;
  }

  .live-chat-menu {
    display: none !important;
  }

  .log-out-menu {
    display: none !important;
  }
}

.maintenance-popup .modal-content-class {
  height: 100vh !important;
}

.maintenance-popup .modal-content-class .modal-body {
  max-height: none !important;
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100vh;
}

.connection-popup .modal-backdrop {
  z-index: 1105 !important;
}

.connection-popup .modal {
  z-index: 1110 !important;
}

.connection-popup .modal-content-class .modal-body .btn-action {
  margin-bottom: 0 !important;
}

.header-image-letter {
  background-color: var(--profile-menu-circle-background-color);
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  position: relative;
  color: var(--profile-menu-circle-text-color);
  margin-left: 12px;
}

@media (min-width: 767px) {
  .header-image-letter {
    padding: 6px;
  }
}

@media (max-width: 766.98px) {
  .header-image-letter {
    padding: 8px 4px;
  }
}

.header-image-letter span {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 766.98px) {
  .header-image-letter span {
    width: 22px;
    height: 14px;
  }
}

.secure-image-letter {
  border-radius: var(--radius-radius-pill);
  background: var(--surface-surface-error);
  cursor: pointer;
  padding: 2px;
  height: 16px;
  width: 16px;
  position: relative;
  top: 5px;
  margin-left: -9px;
  text-align: center;
}

.secure-image-letter span {
  color: var(--content-content-cloud) !important;
  text-align: center !important;
  font-family: var(--base-font-family) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
  position: relative;
  top: -5px;
  /*width: 8px;
  height: 7px !important;
  display: flex;
  font-size: 8px !important;
  align-items: center;
  justify-content: center;*/
}

.secure-menu-letter {
  background-color: var(--surface-surface-error);
  cursor: pointer;
  font-size: 13px !important;
  padding: 2px;
  border-radius: 50%;
  border: solid 1px;
  height: 14px;
  position: absolute;
  top: -6px;
  right: 21px;
  color: var(--colors-truecolors-white);
}

.secure-menu-letter span {
  width: 8px;
  height: 7px !important;
  display: flex;
  font-size: 8px !important;
  align-items: center;
  justify-content: center;
}

.header-image-first {
  background-color: var(--surface-surface-primary);
  cursor: pointer;
  font-size: 35px;
  padding: 36px;
  border-radius: 50%;
  position: relative;
  top: 35px;
  color: var(--colors-truecolors-white);
}

.header-image-first span {
  display: inline-block;
  padding-top: 2px;
}

.mobile-secondary-button {
  background: transparent !important;
  border-color: var(--border-border-primary) !important;
}

.biometric-image {
  height: 120px;
}

.enable-password {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.enable-password vc-gridcolumn .biometric-login {
  font-size: 15px !important;
}

.enable-firstlevel-button {
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--colors-primary-100);
}

.enable-firstlevel-button .header-left-side {
  width: 100%;
}

.enable-firstlevel-button .icon-back {
  margin-top: 2px !important;
}

.enable-firstlevel-button .header-center {
  padding: 0 !important;
}

.enable-firstlevel-button span {
  font-size: 17px;
}

.common-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.55);
}

.profile-header {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

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

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-17 {
  font-size: 17px;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-30 {
  font-size: 30px;
}

.alter-label-1 {
  font: normal normal 800 16px/22px var(--base-font-family);
  letter-spacing: -0.19px;
  color: var(--colors-primary-950);
}

.alter-label-2 {
  font: normal normal 800 16px/16px var(--base-font-family);
  letter-spacing: -0.16px;
  color: var(--colors-primary-950);
}

.icon-buttons-wrapper vc-imagebutton span {
  width: auto !important;
}

.hidden-view {
  display: none !important;
}

vc-accounthistory .no-transactions-found-landing-page .landing-page-no-transaction-text {
  font: normal normal normal 16px/22px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-white-widget);
  opacity: 1;
}

vc-accounthistory .no-transactions-found-landing-page .landing-page-all-transactions-title {
  font: normal normal 800 20px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-primary);
  opacity: 1;
}

.account-detail-transaction .card-container {
  overflow-x: hidden;
}

.card-button-accesibility {
  position: absolute;
  top: 31px;
  left: calc(50% - 150px);
  width: 300px;
  height: 150px;
  opacity: 0;
  z-index: -999;
}

vc-accountquickactionbuttons {
  display: flex;
  flex: 1;
}

vc-accountquickactionbuttons vc-div vc-imagebutton {
  width: 25%;
}

@media (max-width: 766.98px) {
  vc-accountquickactionbuttons vc-div vc-imagebutton {
    width: auto;
  }
}

@media (min-width: 767px) {
  vc-accountquickactionbuttons vc-div vc-imagebutton a:hover {
    background: var(--color-custom-blue);
  }

  vc-accountquickactionbuttons vc-div vc-imagebutton a:hover img {
    filter: brightness(0) invert(1);
  }

  vc-accountquickactionbuttons vc-div vc-imagebutton a:hover span {
    color: var(--content-content-white);
  }
}

@media screen and (min-width: 512px) and (max-width: 991.98px) {
  .dashboard.accounts-wrapper vc-accountquickactionbuttons vc-div {
    max-width: 380px !important;
    margin-right: 20px;
  }
}

@media (min-width: 361px) {
  .dashboard.accounts-wrapper vc-accountquickactionbuttons vc-div vc-imagebutton {
    width: 99px;
  }
}

@media (min-width: 361px) and (max-width: 991.98px) {
  .dashboard.accounts-wrapper vc-accountquickactionbuttons .transfer-money-button {
    width: auto !important;
  }
}

@media (max-width: 360px) {
  .account-detail-transaction vc-accountquickactionbuttons vc-div vc-imagebutton:not(:last-child) {
    width: 25%;
  }

  .account-detail-transaction vc-accountquickactionbuttons vc-div vc-imagebutton .icon-button-circular {
    width: 75px;
    height: 75px;
  }

  .account-detail-transaction vc-accountquickactionbuttons vc-div .acc-action-btns {
    gap: 2vw !important;
  }
}

@media (max-width: 766.98px) {
  .account-detail-transaction vc-accountquickactionbuttons vc-div {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    margin: auto;
    padding: 0 !important;
  }
}

vc-investmentaccountquickactionbuttons {
  display: flex;
  flex: 1;
}

vc-investmentaccountquickactionbuttons vc-div vc-imagebutton a:hover {
  background: var(--color-custom-blue);
  border-color: var(--color-custom-blue);
}

vc-investmentaccountquickactionbuttons vc-div vc-imagebutton a:hover img {
  filter: brightness(0) invert(1);
}

vc-investmentaccountquickactionbuttons vc-div vc-imagebutton a:hover span {
  color: var(--content-content-white);
}

@media screen and (min-width: 512px) and (max-width: 991.98px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div {
    max-width: 380px !important;
    margin-right: 20px;
  }
}

@media (min-width: 361px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div vc-imagebutton {
    width: 99px;
  }
}

@media (min-width: 361px) and (max-width: 991.98px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons .transfer-money-button {
    width: auto !important;
  }
}

@media (max-width: 766.98px) {
  .account-detail-transaction vc-investmentaccountquickactionbuttons vc-div {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    margin: auto;
    padding: 0 !important;
  }
}

.accounts-wrapper .slick-prev {
  left: 50%;
  right: auto !important;
  margin-left: -180px;
  z-index: 10;
}

.accounts-wrapper .slick-prev::before {
  background-image: url('images/acc-arrow-light.svg');
  transform: rotate(180deg);
}

@media screen and (min-width: 375px) {
  .accounts-wrapper .slick-prev {
    margin-left: -48.5%;
  }
}

@media screen and (min-width: 440px) {
  .accounts-wrapper .slick-prev {
    margin-left: -46.5%;
  }
}

@media screen and (min-width: 575px) {
  .accounts-wrapper .slick-prev {
    margin-left: -210px;
  }
}

@media screen and (max-width: 320px) {
  .accounts-wrapper .slick-prev {
    margin-left: -160px;
  }
}

.accounts-wrapper .slick-next {
  right: 50%;
  left: auto !important;
  margin-right: -180px;
  z-index: 10;
}

.accounts-wrapper .slick-next::before {
  background-image: url('images/acc-arrow-light.svg');
}

@media screen and (min-width: 375px) {
  .accounts-wrapper .slick-next {
    margin-right: -48.5%;
  }
}

@media screen and (min-width: 440px) {
  .accounts-wrapper .slick-next {
    margin-right: -46.5%;
  }
}

@media screen and (min-width: 575px) {
  .accounts-wrapper .slick-next {
    margin-right: -210px;
  }
}

@media screen and (max-width: 320px) {
  .accounts-wrapper .slick-next {
    margin-right: -160px;
  }
}

@media (min-width: 512px) and (max-width: 1024px) and (orientation: portrait) {
  .col-4.left-panel.subpage {
    display: none !important;
  }

  body.vcaas-mobile-body #mainview .content .content-inner.content-flow {
    margin-left: auto;
    margin-right: auto;
  }
}

.terms-conditions vc-label,
.terms-conditions span {
  display: inline;
}

.locknblock .card-list-menu .slick-next {
  left: auto;
  right: 0;
}

.locknblock .card-list-menu vc-gridcolumn {
  position: relative;
}

.locknblock .card-list-menu vc-gridcolumn.col-md-1 {
  padding: 0;
}

@media (max-width: 766.98px) {
  .locknblock .card-list-menu .slick-next {
    left: auto;
    right: 3%;
    z-index: 900;
  }

  .locknblock .card-list-menu vc-gridrow.row vc-gridcolumn.col-md-1 {
    min-width: 60px;
    max-width: 60px;
  }

  .locknblock .card-list-menu vc-gridrow.row vc-gridcolumn.col-md-11 {
    flex: 1;
    padding: 0;
  }
}

.locknblock .form-group {
  min-height: 0;
  padding: 0;
  margin: 0 !important;
}

.locknblock .form-group .onoffswitch-container,
.locknblock .form-group .onoffswitch {
  margin: 0;
}

.min-w-100 {
  min-width: 100px;
}

.return-button {
  margin-top: 30px;
}

.return-button-text {
  margin-top: 20px;
}

.return-button-text .button-text {
  text-transform: none !important;
}

@media (max-width: 766.98px) {
  .BiometricAuthenticationManagementTransaction #mainView .content .content-inner {
    height: 100%;
  }
}

.device-row-right,
.device-row-right vc-label,
.device-row-right vc-label span {
  text-align: right;
  font-weight: bold;
}

.combobox-with-image {
  display: inline;
}

.combobox-with-image img {
  padding-right: 8px;
  height: 22px;
}

@media (max-width: 766.98px) {
  .select2-container--open .combobox-with-image {
    display: flex;
    align-items: center;
  }
}

.geographicIPConfiguration .alert-column {
  padding: 0;
}

.geographicIPConfiguration .alert-column .alert-info {
  margin-bottom: 30px !important;
  background: var(--alert-info-background-color);
  border: 1px solid var(--alert-info-border-color);
  font: normal normal normal 12px/15px var(--base-font-family);
  color: var(--colors-primary-900);
  border-radius: 4px;
  padding: 12px;
  font-weight: 500;
}

.geographicIPConfiguration .alert-column .alert-warning {
  margin-bottom: 30px !important;
  background: var(--alert-warning-background-color);
  border: 1px solid var(--alert-warning-border-color);
  font: normal normal normal 12px/15px var(--base-font-family);
  color: var(--colors-primary-900);
  border-radius: 4px;
  padding: 12px;
  font-weight: 500;
}

.geographicIPConfiguration .alert-column .alert-content {
  min-height: auto !important;
}

.unread-message-indicator {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: var(--colors-red-300);
  top: 0;
  right: 0;
  border-radius: 50%;
  z-index: 1051;
  border: 1px solid white;
}

.alert-information-component {
  padding: 0 3rem 3rem 3rem !important;
}

vc-customeronboarding-personelinformation vc-maskedtextbox .floatingPlaceholder.maskHolder {
  left: 16px !important;
}

.edit-icon-size-onboarding {
  font-weight: 20px !important;
}

.onboarding-address-textbox {
  border: 1px solid var(--colors-slate-100) !important;
  min-height: 58px !important;
  padding: 0 !important;
  padding-top: 10px !important;
  margin: 0px !important;
  background-color: var(--colors-truecolors-white);
}

.onboarding-disabled-address-textbox {
  background-color: var(--colors-truecolors-white) !important;
  padding: 20px 30px 0px 15px !important;
}

.onboarding-address-textbox-clear-icon {
  width: 24px;
  font-size: 0;
  background: url('images/menu-close-button.svg') no-repeat center;
  background-size: 24px auto;
  height: 40px;
  right: 5px !important;
  cursor: pointer !important;
}

.onboarding-cdic-logo {
  width: 140px;
}

.m-w-95 {
  min-width: 95%;
}

.bottom-seperator {
  border-bottom: 1px solid var(--colors-primary-100);
}

.standard-margin-top {
  margin-top: 12px !important;
}

.standard-padding-top {
  padding-top: 12px !important;
}

.standard-margin-left {
  margin-left: 12px !important;
}

.standard-padding-left {
  padding-left: 12px !important;
}

.standard-margin-right {
  margin-right: 12px !important;
}

.standard-padding-right {
  padding-right: 12px !important;
}

.standard-margin-bottom {
  margin-bottom: 12px !important;
}

.standard-padding-bottom {
  padding-bottom: 12px !important;
}

.standard-over-margin-top {
  margin-top: 18px !important;
}

.standard-over-padding-top {
  padding-top: 18px !important;
}

.standard-over-margin-left {
  margin-left: 18px !important;
}

.standard-over-padding-left {
  padding-left: 18px !important;
}

.standard-over-margin-right {
  margin-right: 18px !important;
}

.standard-over-padding-right {
  padding-right: 18px !important;
}

.standard-over-margin-bottom {
  margin-bottom: 18px !important;
}

.standard-over-padding-bottom {
  padding-bottom: 18px !important;
}

.standard-double-margin-top {
  margin-top: 24px !important;
}

.standard-double-padding-top {
  padding-top: 24px !important;
}

.standard-double-margin-left {
  margin-left: 24px !important;
}

.standard-double-padding-left {
  padding-left: 24px !important;
}

.standard-double-margin-right {
  margin-right: 24px !important;
}

.standard-double-padding-right {
  padding-right: 24px !important;
}

.standard-double-margin-bottom {
  margin-bottom: 24px !important;
}

.standard-double-padding-bottom {
  padding-bottom: 24px !important;
}

.dashboard-content-detail-margin-top {
  margin-top: 32px !important;
}

.dashboard-content-detail-padding-top {
  padding-top: 32px !important;
}

.dashboard-content-detail-margin-left {
  margin-left: 32px !important;
}

.dashboard-content-detail-padding-left {
  padding-left: 32px !important;
}

.dashboard-content-detail-margin-right {
  margin-right: 32px !important;
}

.dashboard-content-detail-padding-right {
  padding-right: 32px !important;
}

.dashboard-content-detail-margin-bottom {
  margin-bottom: 32px !important;
}

.dashboard-content-detail-padding-bottom {
  padding-bottom: 32px !important;
}

.adobe-analytics-cookiepolicy-container {
  z-index: 999;
  display: flex;
  width: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: inherit;
}

.adobe-analytics-cookiepolicy-container .cookiepolicy .featurescontainer .cmp-container,
.adobe-analytics-cookiepolicy-container .cookiepolicy .cmp-container,
.adobe-analytics-cookiepolicy-container .featurescontainer .cookiepolicy .cmp-container {
  background-color: var(--colors-truecolors-white);
  box-shadow: 0 0 8px var(--colors-primary-900);
  padding-top: 20px;
  padding-bottom: 30px;
  margin: 0;
  width: 100%;
  border-top-left-radius: 9pt;
  border-top-right-radius: 9pt;
}

.icon-wrapper {
  vertical-align: middle !important;
  width: 35px;
}

.icon-wrapper.icon-wrapper-dropdown {
  min-width: 50px !important;
  width: 50px !important;
}

.icon-wrapper .icon-circle {
  border-radius: 100%;
  height: 35px;
  width: 35px;
  max-width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colors-secondary-400);
  color: var(--colors-primary-950);
}

.icon-wrapper .icon-circle-dashed {
  border: 1.4px solid var(--colors-primary-200);
  border-radius: 100%;
  height: 35px;
  width: 35px;
  max-width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colors-primary-50);
  color: var(--colors-primary-200);
  border-style: dashed;
}

.icon-wrapper .icon-payments-list {
  border: 1.4px solid var(--colors-primary-200);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  max-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colors-primary-50);
  color: var(--colors-primary-200);
  border-style: dashed;
}

.budget-list-name {
  font: normal normal normal 18px/19px var(--base-font-family);
  letter-spacing: 0px;
  font-weight: 700;
  color: var(--content-content-on-cloud);
}

.iphone_icon-image {
  width: 15px !important;
  margin-left: 10px !important;
}

.watch_icon-image {
  width: 15px !important;
  margin-left: 10px !important;
}

@media (max-width: 766.98px) {
  vc-gridsystem.noncloanapplication-gridsystem {
    padding-top: 0px;
  }
}

vc-gridrow.dragging {
  background-color: var(--colors-truecolors-white) !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 15px;
  right: 15px;
}

.rowPlaceholder.quickViewAccountListPlaceHolder {
  min-height: 60px;
  margin-top: 1rem;
}

@media (max-width: 766.98px) {
  .white-box {
    margin: 0 16px 16px;
    padding: 6px 16px;
    background-color: var(--colors-truecolors-white);
    border-radius: var(--radius-radius-sm);
  }
}

.view-all {
  width: 90px;
  height: 46px;
  background: url('images/view-all.svg') no-repeat center;
  background-size: contain;
  margin: 8px 0 8px auto;
}

.view-all .btn {
  font-size: 14px;
  font-weight: 600;
  background: none;
  line-height: 20px;
  border: 0;
  padding: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  padding-left: 12px;
  box-shadow: none;
  color: var(--content-content-on-slate);
}

.view-all .btn:not(:disabled):not(.disabled):active {
  box-shadow: none;
}

.view-all .btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.view-all .btn:not(:disabled):not(.disabled).active {
  box-shadow: none;
}

.view-all .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

.view-all .btn:focus,
.view-all .btn.focus {
  box-shadow: none;
}

.view-all .btn .btn:not(:disabled):not(.disabled):active:focus,
.view-all .btn .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

vc-datagrid .datagrid {
  display: flex;
  flex-direction: column;
  background: var(--white-widget-background-color);
}

vc-datagrid .datagrid:not(:empty) {
  padding: var(--spacing-xs) var(--spacing-md);
}

@media (max-width: 766.98px) {
  vc-datagrid .datagrid:not(:empty) {
    padding: var(--spacing-xs);
  }
}

vc-datagrid .datagrid .table {
  color: var(--default-color-on-white-widget);
  margin-bottom: 0px;
}

vc-datagrid .datagrid .icon-wrapper .icon-circle-dashed {
  border: inherit;
  max-width: inherit;
  color: var(--widget-icon-circle-icon-color);
  border-radius: var(--radius-radius-pill);
  background: var(--widget-icon-circle-background-color);
  width: 40px;
  height: 40px;
}

vc-datagrid .datagrid .table tbody tr td .text-light {
  font-weight: 400 !important;
  color: var(--subvalue-color-on-white-widget) !important;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  line-height: 16.8px;
}

vc-datagrid .datagrid .table tbody tr td .text-bold {
  color: var(--default-color-on-white-widget);
  text-overflow: ellipsis;
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 16.2px;
  margin: var(--spacing-4xs, 4px) 0;
}

vc-datagrid .datagrid .table tbody tr td.amount {
  padding-right: 0px !important;
}

vc-datagrid .datagrid .table tbody tr td.amount .text-light {
  font-weight: 400 !important;
  color: var(--default-color-on-white-widget) !important;
  font-family: var(--base-font-family);
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  opacity: 0.8;
  margin-bottom: 0;
}

vc-datagrid .datagrid .table tbody tr td.amount .text-bold {
  color: var(--default-color-on-white-widget);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 20px;
}

.result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text {
  position: relative;
  width: 196px;
  height: 169px;
  display: flex;
  justify-content: center;
  z-index: 0;
  margin: auto;
  flex-direction: column;
  align-items: center;
}

.result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text .member-header {
  padding-top: 30px;
}

.result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text .member-title {
  font-size: 16px;
  display: block;
  margin-top: 34px;
  color: var(--content-content-on-primary);
  font-weight: 500;
  line-height: 24px;
  font-family: var(--base-font-family);
}

.result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text.hasSuccessResult {
  margin-bottom: 15px;
}

.result-view vc-gridcolumn.primary-text-area .primary-text.error-shapes {
  display: flex;
  justify-content: center;
  z-index: 0;
  margin: auto;
  margin-bottom: 32px;
  flex-direction: column;
  align-items: center;
}

.result-view vc-gridcolumn.primary-text-area .primary-text.error-shapes .member-header {
  padding-top: 30px;
}

.result-view vc-gridcolumn.primary-text-area .primary-text.error-shapes .member-title {
  font-size: 16px;
  display: block;
  margin-top: 34px;
  color: var(--content-content-on-primary);
  font-weight: 500;
  line-height: 24px;
  font-family: var(--base-font-family);
}

.result-view .desktop-confirm-result,
.result-view .result-view-detail {
  flex: auto;
}

@media (max-width: 766.98px) {

  .result-view .desktop-confirm-result,
  .result-view .result-view-detail {
    padding: 0 var(--spacing-xs);
    max-width: 100% !important;
    flex: 100%;
    width: 100vw;
  }
}

.result-view .desktop-confirm-result .information-container vc-information-item,
.result-view .result-view-detail .information-container vc-information-item {
  position: relative;
}

.result-view .desktop-confirm-result .information-container vc-information-item .information-content,
.result-view .result-view-detail .information-container vc-information-item .information-content {
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--white-widget-background-color);
  padding: var(--spacing-2xs) 0 0;
}

.result-view .desktop-confirm-result .information-container vc-information-item .information-content .information-item-title,
.result-view .result-view-detail .information-container vc-information-item .information-content .information-item-title {
  line-height: 16px;
  padding-right: 0;
  text-align: left;
}

.result-view .desktop-confirm-result .information-container vc-information-item .information-content .information-item-value,
.result-view .result-view-detail .information-container vc-information-item .information-content .information-item-value {
  text-align: left;
}

@media (max-width: 766.98px) {

  .result-view .desktop-confirm-result .information-container vc-information-item .information-content .information-item-value,
  .result-view .result-view-detail .information-container vc-information-item .information-content .information-item-value {
    text-align: right;
  }
}

.result-view .desktop-confirm-result .information-container vc-information-item:first-child>.information-content,
.result-view .result-view-detail .information-container vc-information-item:first-child>.information-content {
  border-top-left-radius: var(--radius-radius-sm);
  border-top-right-radius: var(--radius-radius-sm);
}

.result-view .desktop-confirm-result .information-container vc-information-item:first-child:last-child>.information-content.d-none,
.result-view .result-view-detail .information-container vc-information-item:first-child:last-child>.information-content.d-none {
  display: none !important;
}

.result-view .desktop-confirm-result .information-container vc-information-item:last-child>.information-content,
.result-view .result-view-detail .information-container vc-information-item:last-child>.information-content {
  border-bottom-left-radius: var(--radius-radius-sm);
  border-bottom-right-radius: var(--radius-radius-sm);
  padding-bottom: var(--spacing-2xs);
}

.result-view .desktop-confirm-result .information-container vc-information-item:last-child>.information-content.d-none,
.result-view .result-view-detail .information-container vc-information-item:last-child>.information-content.d-none {
  display: block !important;
  border-top: 0;
  padding-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 24px;
}

.result-view .desktop-confirm-result .information-container vc-information-item:last-child>.information-content.d-none:before,
.result-view .result-view-detail .information-container vc-information-item:last-child>.information-content.d-none:before {
  display: none;
}

.result-view .desktop-confirm-result .information-container vc-information-item:last-child>.information-content.d-none>div,
.result-view .result-view-detail .information-container vc-information-item:last-child>.information-content.d-none>div {
  display: none !important;
}

.result-view .desktop-confirm-result .information-container vc-information-item+vc-information-item .information-content,
.result-view .result-view-detail .information-container vc-information-item+vc-information-item .information-content {
  margin-top: 12px;
}

.result-view .desktop-confirm-result .information-container vc-information-item+vc-information-item .information-content:before,
.result-view .result-view-detail .information-container vc-information-item+vc-information-item .information-content:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 12px;
  background-color: var(--white-widget-background-color);
}

.announcement-item-inside {
  display: flex;
  align-items: center;
}

.announcement-item-wrap {
  position: relative;
  background: var(--surface-surface-blue-subdued);
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--content-content-blue);
  padding: var(--spacing-2xs);
}

.announcement-item-wrap .announcement-description p {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-content-black);
  margin: 0px;
}

@media (max-width: 766.98px) {
  .announcement-item-wrap .announcement-description p {
    padding-right: 0px;
  }
}

.announcement-item-wrap vc-imagebutton {
  position: absolute;
  right: 14px;
  top: 14px;
}

.announcement-item-wrap vc-imagebutton a {
  display: inline-block;
  border-radius: 50%;
  outline-offset: 3px;
  font-size: 0;
  line-height: 1;
}

.announcement-item-wrap vc-image {
  margin-right: 12px;
  margin-top: -1px;
  margin-bottom: auto;
}

.announcement-content__toggle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-content-black);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  border: 0;
  margin-top: 24px;
  display: none;
}

.announcement-content__toggle:hover {
  color: var(--content-content-black);
}

.announcement-content__toggle::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask-image: url('images/chevron-up.svg');
  mask-image: url('images/chevron-up.svg');
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto;
  mask-size: auto;
  margin-left: 6px;
  position: relative;
  top: 2px;
}

.announcement-content__toggle.collapsed::after {
  transform: scaleY(-1);
}

.announcement-content {
  --announcement-line-height: 20px;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--announcement-line-height);
  letter-spacing: 0px;
  color: var(--content-content-black);
}

.announcement-content.content-spacing-remove {
  max-height: var(--announcement-line-height);
  overflow: hidden;
}

.announcement-content.content-spacing-remove .announcement-content__inside>* {
  margin-bottom: 0 !important;
}

.announcement-content:has(.announcement-readmore) .announcement-content__inside {
  padding-right: 6px;
}

.announcement-content p,
.announcement-content ul,
.announcement-content ol {
  margin-bottom: var(--announcement-line-height);
}

.announcement-content ul li::marker {
  font-size: 10px;
}

.announcement-content p:last-child {
  display: inline;
}

.announcement-content p,
.announcement-content ul,
.announcement-content li,
.announcement-content .announcement-readmore {
  font-family: inherit;
  letter-spacing: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.announcement-content .announcement-readmore {
  font-weight: 600;
  color: var(--content-content-black);
  display: none;
}

.announcement-content .announcement-readmore a {
  text-decoration: underline;
  transition-duration: 0s;
}

.announcement-content .announcement-readmore a:hover {
  text-decoration: none;
}

.announcement-content .announcement-readmore a:hover span,
.announcement-content .announcement-readmore a:hover span:hover {
  text-decoration: none;
}

.announcement-content .announcement-readmore a,
.announcement-content .announcement-readmore span {
  color: inherit;
}

.announcement-content__inside> :last-child {
  margin-bottom: 0;
}

.allow-collapsing .announcement-content:not(.details-expanded) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--mobile-line-limit);
  overflow: hidden;
}

@media (min-width: 993px) {
  .allow-collapsing .announcement-content:not(.details-expanded) {
    -webkit-line-clamp: var(--desktop-line-limit);
  }
}

.allow-collapsing .details-expanded .announcement-readmore {
  display: inline-block;
}

.allow-collapsing .announcement-content__toggle {
  display: inline-block;
}

.disable-collapsing .announcement-readmore {
  display: inline-block;
}

.announcement-close-btn vc-imagebutton {
  font-size: 0;
  line-height: 1;
}

.announcement-close-btn a {
  margin: 0;
}

.announcement-close-btn img {
  width: 18px !important;
}

.collapsed-wrap {
  padding: 0;
  border-bottom: 1px solid var(--border-border-slate-light);
}

.collapsed-wrap:last-child {
  border-bottom: none;
}

.collapsed-wrap vc-gridrow {
  padding: 0px;
  align-items: center;
}

.collapsed-wrap vc-gridrow>vc-gridcolumn {
  padding: 0px;
  margin: 16px 0;
}

.collapsed-wrap img {
  width: 32px !important;
}

.info-alert {
  margin: 0px;
  border-radius: var(--radius-radius-sm);
  border: 1px solid var(--colors-secondary-700);
  background: var(--surface-surface-secondary-subdued);
  display: flex;
  align-items: center;
  padding: var(--spacing-2xs);
  margin-bottom: 24px;
}

.info-alert .info-alert-label {
  font-family: var(--secondary-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 1px;
  color: var(--content-content-slate);
  display: block;
  margin-bottom: 4px;
}

.info-alert .info-alert-text {
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--content-content-slate);
  display: block;
}

.alert-danger {
  margin: 0px;
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--border-border-error);
  background: var(--surface-surface-error-subdued);
  display: flex;
  align-items: center;
  padding: var(--spacing-2xs);
  margin-bottom: 24px;
}

.alert-danger .alert-label {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  color: var(--content-content-black);
  display: block;
  margin-bottom: 4px;
}

.alert-danger .alert-text {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-content-black);
  display: block;
}

.alert-danger .customAlertMessage {
  padding-left: 0px;
}

.alert-warning {
  margin: 0px;
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--content-content-orange);
  background: var(--surface-surface-orange-subdued);
  display: flex;
  align-items: center;
  padding: var(--spacing-2xs);
  margin-bottom: 24px;
}

.alert-warning .alert-label {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  color: var(--content-content-black);
  display: block;
  margin-bottom: 4px;
}

.alert-warning .alert-text {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-content-black);
  display: block;
}



.answererror {

border: 2px solid red !important;

}

.alert-warning .customAlertMessage {
  padding-left: 0px;
}

.accessModal ng-component .d-flex vc-gridrow>vc-gridcolumn.col-12 {
  padding: 0 5px;
}

@media (max-width: 766.98px) {
  .accessModal .common-confirm {
    margin-left: -5px !important;
  }
}

.accessModal .flow-navigation {
  margin-top: 0px;
}

.bar-chart-initial-width {
  height: 500px;
}

.zero-fox-beacon-img {
  position: absolute;
  width: 1px;
  height: 1px;
}

.capture-image-comp-icon {
  max-width: 400px;
  max-height: 200px;
}

.login-img-select-mw {
  max-width: 200px;
}

.typeMenu.typeSwitch {
  margin-bottom: 12px;
  padding: 12px !important;
  background-color: white;
  border-bottom: none !important;
  cursor: auto !important;
  border-radius: 4px;
}

.typeMenu.typeSwitch vc-switchview {
  line-height: 0;
}

.typeMenu.typeSwitch vc-switchview .onoffswitch-container {
  margin-top: 0;
}

.typeMenu.typeSwitch vc-switchview .onoffswitch-container .onoffswitch {
  margin: 0;
}

.typeMenu.typeSwitch vc-gridcolumn {
  align-items: center;
  display: flex;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.typeMenu.typeSwitch vc-gridcolumn .balance-value {
  font-size: var(--base-font-size);
  font-weight: 500px;
  line-height: var(--base-line-height);
}

.input-icon.percent-icon {
  width: 58px;
  height: 58px;
  right: 0px;
  text-align: center;
  top: 0;
  padding-top: 35px;
}

.information-container-with-box>vc-information-item:first-child {
  border-top-left-radius: var(--widget-border-radius-2);
  border-top-right-radius: var(--widget-border-radius-2);
  border-top: var(--widget-border-width) solid var(--white-widget-border-color);
}

.information-container-with-box>vc-information-item:last-child {
  border-bottom-left-radius: var(--widget-border-radius-2);
  border-bottom-right-radius: var(--widget-border-radius-2);
  border-bottom: var(--widget-border-width) solid var(--white-widget-border-color);
}

.information-container-with-box vc-information-item {
  padding-inline: 16px !important;
  background-color: var(--white-widget-background-color);
  border-left: var(--widget-border-width) solid var(--white-widget-border-color);
  border-right: var(--widget-border-width) solid var(--white-widget-border-color);
}

.information-container-with-box vc-information-item+vc-information-item .information-content {
  border-width: var(--widget-seperator-width);
  border-color: var(--white-widget-seperator-color);
}

.information-container-with-box .information-item-title,
.information-container-with-box .information-item-value {
  color: var(--default-color-on-white-widget) !important;
}

.circular-check-list {
  color: var(--content-content-on-cloud);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 0;
  padding: 0;
}

.circular-check-list li {
  list-style: none;
  padding-inline-start: 24px;
  position: relative;
}

.circular-check-list li::before {
  line-height: 1;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  content: url('images/checkbox-circle-filled.svg');
}

.common-execute-page vc-resultview .information-container .information-item-title,
.common-execute-page vc-resultview .information-container .information-item-value {
  color: var(--default-color-on-white-widget) !important;
}

.common-execute-page vc-resultview .information-container>vc-information-item {
  background-color: var(--white-widget-background-color);
}

@media (max-width: 766.98px) {
  .common-execute-page vc-resultview .information-container>vc-information-item {
    background-color: transparent;
  }
}

.common-execute-page vc-resultview .information-container>vc-information-item:last-child:has(.dbas-btn) {
  background: none;
  border: none;
  padding: 0 !important;
}

.common-execute-page vc-resultview .information-container>vc-information-item:last-child:has(.dbas-btn) .information-content {
  border-left: var(--widget-border-width) solid var(--white-widget-border-color);
  border-right: var(--widget-border-width) solid var(--white-widget-border-color);
  border-bottom: var(--widget-border-width) solid var(--white-widget-border-color) !important;
}

@media (max-width: 766.98px) {
  .common-execute-page vc-resultview .information-container .information-content {
    background-color: transparent !important;
  }
}

@media (max-width: 766.98px) {
  .common-execute-page vc-resultview .information-container .information-content:before {
    display: none !important;
  }
}

.common-execute-page vc-resultview .information-container .information-item-title {
  text-transform: lowercase;
}

.common-execute-page vc-resultview .information-container .information-item-title::first-letter {
  text-transform: uppercase;
}

.biometric-user-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-3xs, 8px);
  width: 100%;
  margin: var(--spacing-md, 24px) auto 24px;
  justify-content: center;
  flex-direction: column;
}

.biometric-user-info .biometric-image {
  height: inherit;
  text-align: inherit;
  padding-top: 0;
  margin-bottom: 0;
}

.biometric-user-info .biometric-image img {
  width: 110px !important;
  height: 110px !important;
  border: 2px solid var(--surface-surface-off-white) !important;
  border-radius: 50%;
}

.biometric-user-info .biometric-image .header-image-first {
  background-color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  border-radius: var(--radius-radius-pill);
  width: 110px;
  height: 110px;
  position: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  padding: 0;
  cursor: pointer;
}

.biometric-user-info .biometric-image .header-image-first .header-image-first span {
  display: inline-block;
  padding-top: 2px;
}

.biometric-user-info .biometric-user-name {
  padding-top: 0;
}

.biometric-user-info .biometric-user-name vc-label {
  font-family: var(--secondary-font-family);
  color: var(--content-content-white);
  font-size: 32px;
  font-weight: 700;
  line-height: 28px;
  display: block;
  text-transform: uppercase;
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-2xs);
}

.biometric-user-info .biometric-user-name .business-name {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: var(--spacing-4xs);
  text-transform: none;
}

.biometric-user-info .biometric-user-name .changeuser-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  text-underline-position: from-font;
}

.biometric-user-info .biometric-user-name .changeuser-text span {
  color: #fff;
}

.signup-mobile-btn {
  width: 100% !important;
  margin-left: 1px !important;
}

.login-title-shape {
  display: none;
}

.nav-left-side {
  display: flex;
  padding: var(--spacing-2xl) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2xl);
  align-self: stretch;
  border-radius: 0 var(--radius-radius-md) 0 0;
  top: 0;
  left: 0;
}

.nav-left-side .navbar {
  flex-direction: column;
  gap: var(--spacing-4xs) !important;
}

.nav-left-side .navbar .menu-container {
  display: block;
  width: 100%;
}

.nav-left-side .navbar .nav-link-item {
  color: var(--content-content-white) !important;
  font-family: var(--base-font-family) !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400;
  line-height: 28px !important;
  width: 100%;
  justify-content: space-between !important;
  padding: 0 var(--spacing-2xl);
  border-bottom: none !important;
  border-left: 6px solid transparent;
}

.nav-left-side .navbar .nav-link-item.active {
  border-bottom: none !important;
}

.nav-left-side .navbar .nav-link-item:hover,
.nav-left-side .navbar .nav-link-item.active {
  background: var(--content-content-on-gray);
  color: var(--content-content-black) !important;
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  border-left: 6px solid var(--content-content-orange);
}

.nav-left-side .navbar .nav-link-item:hover vc-label,
.nav-left-side .navbar .nav-link-item.active vc-label {
  color: var(--content-content-black) !important;
}

.nav-left-side .navbar .nav-link-item:hover::after,
.nav-left-side .navbar .nav-link-item.active::after {
  filter: invert(0);
}

.nav-left-side .navbar .nav-link-item:focus vc-label {
  color: var(--content-content-black) !important;
}

.nav-left-side .navbar .nav-link-item::after {
  filter: invert(1);
}

.nav-left-side .header-left-side {
  width: calc(100% - 96px);
  margin: 0 var(--spacing-2xl);
}

.nav-left-side .search-left-side {
  width: calc(100% - 96px);
  margin: 0 var(--spacing-2xl);
  position: relative;
}

.nav-left-side .search-left-side input {
  background: transparent !important;
  color: var(--content-content-on-gray) !important;
  font-family: var(--base-font-family) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.nav-left-side .search-left-side input::placeholder {
  color: var(--content-content-on-gray) !important;
}

.nav-left-side .search-left-side vc-imagebutton {
  position: absolute;
  right: 18px;
  top: 18px;
}

.nav-left-side .search-left-side vc-imagebutton .search-button {
  width: 20px !important;
}

.nav-left-side .menu-separator-left {
  width: calc(100% - 96px);
  margin: 0 var(--spacing-2xl);
  height: 1px;
  background: var(--content-content-on-gray);
}

.nav-left-side .quick-actions {
  margin: 0 var(--spacing-2xl);
}

.nav-left-side .quick-actions vc-label {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: var(--spacing-md);
  display: block;
}

.nav-left-side .quick-actions img {
  width: auto !important;
}

.nav-left-side .quick-actions a {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.nav-left-side .quick-actions a span {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  padding-left: var(--spacing-2xs);
}

.content-inner-panels {
  display: flex;
  padding-right: var(--spacing-4xl);
  margin-top: 120px;
}

@media (max-width: 1919px) {
  .content-inner-panels {
    padding-right: var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }
}

@media (max-width: 1440px) {
  .content-inner-panels {
    padding-right: var(--spacing-xl);
    gap: var(--spacing-xl);
  }
}

@media (max-width: 766.98px) {
  .content-inner-panels {
    margin-top: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }
}

.content-inner-panels .content-inner-left-panel {
  flex-grow: 1;
  margin-bottom: 40px;
}

@media (max-width: 766.98px) {
  .content-inner-panels .content-inner-left-panel {
    width: 100% !important;
  }
}

.content-inner-panels .content-inner-right-panel {
  margin-top: 70px;
}

.icon-manage-contact {
  background: url('images/icon-manage-contact.svg');
}

.icon-send-money-limits {
  background: url('images/icon-send-money-limits.svg');
}

.icon-autodeposit {
  background: url('images/icon-autodeposit.svg');
}

.icon-calendar {
  background: url('images/icon-calendar.svg');
}

.icon-pending {
  background: url('images/icon-pending.svg');
}

.icon-receipt {
  background: url('images/icon-receipt.svg');
}

.icon-edit {
  background: url('images/icon-edit.svg');
}

.icon-void {
  background: url('images/icon-void.svg');
}

.icon-statement-filled {
  background: url('images/icon-statement-filled.svg');
}

.icon-cheque-solid {
  background: url('images/icon-cheque-solid.svg');
}

.icon-limits {
  background: url('images/icon-limits.svg');
}

.icon-edit-white {
  background: url('images/icon-edit-white.svg');
}

.icon-statements {
  background: url('images/icon-statements.svg');
}

.icon-external {
  background: url('images/icon-external-url.svg');
}

.icon-white-calendar {
  background: url('images/icon-white-calendar.svg');
}

.icon-investment {
  background: url('images/icon-investment.svg');
  filter: brightness(0) invert(1);
}

.icon-money-bag {
  background: url('images/icon-investment-white.svg');
}

.icon-manage-payee {
  background: url('images/icon-manage-payee.svg');
}

.icon-deposit-white {
  background: url('images/icon-deposit-white.svg');
}

.icon-pay-bills-white {
  background: url('images/icon-pay-bills-white.svg');
}

.icon-transfer-white {
  background: url('images/icon-transfer-white.svg');
}

.icon-send-money-white {
  background: url('images/icon-send-money-white.svg');
}

.icon-login-white {
  background: url('images/icon-login-white.svg');
}

.icon-eye-white {
  background: url('images/icon-eye-white.svg');
}

.icon-switch-user {
  background: url('images/icon-switch-user.svg');
}

.icon-trash-white {
  background: url('images/icon-trash-white.svg');
}

.icon-rewards {
  background: url('images/icon-rewards.svg');
}

.icon-payment-solid {
  background: url('images/icon-payment-solid.svg');
}

.icon-credit-card {
  background: url('images/icon-credit-card.svg');
}

.icon-collabria-login {
  background: url('images/icon-collabria-login.svg');
}

.icon-apple-wallet {
  background: url('images/icon-apple-wallet.svg');
}

.icon-unlink-blue {
  background: url('images/icon-unlink-blue.svg');
}

.viewlink-btn {
  position: absolute;
  top: 4px;
  right: 0px;
  color: var(--content-content-blue, #0f78ff);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding-right: 20px;
}

.viewlink-btn::after {
  background: url('images/icon-chevron-blue.svg') no-repeat center center;
  filter: none;
  content: " ";
  width: 15px;
  height: 15px;
  right: 0px;
  position: absolute;
  top: 3px;
}

.viewlink-btn:hover span {
  color: var(--color-custom-blue);
  text-decoration: underline;
}

.viewlink-btn:hover::after {
  filter: invert(11%) sepia(96%) saturate(2350%) hue-rotate(205deg) brightness(60%) contrast(100%);
}

.position-initial {
  position: initial !important;
}

.btn-main-comp {
  display: inline-block;
  font-size: 0;
  line-height: 1;
}

.btn-main-comp .main-icon {
  width: 32px;
  height: 26px;
  display: inline-block;
  -webkit-mask-image: url('images/icon-envelope.svg');
  mask-image: url('images/icon-envelope.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: currentColor;
}

.btn-main-comp a {
  color: var(--colors-primary-500);
  outline-offset: 1px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

@media (pointer: fine) and (hover: hover) {
  .btn-main-comp a:hover {
    color: var(--color-custom-blue);
  }
}

.btn-main-comp a:not(:disabled):not(.disabled):active,
.btn-main-comp a:not(:disabled):not(.disabled).active {
  color: var(--color-custom-blue);
}

.btn-mail {
  width: 24px !important;
  height: 24px;
}

.header-right-side {
  display: flex;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  z-index: 1;
  top: 24px;
}

@media (max-width: 1919px) {
  .header-right-side {
    right: 46px;
  }
}

@media (max-width: 766.98px) {
  .header-right-side {
    position: static;
    align-items: center;
    display: none;
    margin-top: 8px;
  }
}

@media (min-width: 767px) {
  .common-execute-page.error-component {
    background: var(--content-content-white);
    max-width: 100%;
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .common-execute-page.error-component .content-wrapper {
    padding: 0 var(--spacing-lg);
  }

  .common-execute-page.error-component .content-wrapper .has-error-text {
    color: var(--content-content-black);
    text-align: center;
    font-family: var(--base-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

  .common-execute-page.error-component .content-wrapper .has-error-text strong {
    font-family: var(--base-font-family);
    color: var(--content-content-black);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    display: block;
  }
}

@media (max-width: 766.98px) {
  .common-execute-page.error-component {
    height: calc(100vh - (115px + var(--safe-area-inset-bottom)));
  }

  .common-execute-page.error-component>div.d-flex.flex-column {
    height: 100%;
  }

  .common-execute-page.error-component>div.d-flex.flex-column .content-wrapper {
    height: 100%;
  }

  .common-execute-page.error-component>div.d-flex.flex-column .content-wrapper vc-resultview>vc-gridrow {
    height: 100%;
  }
}

.common-execute-page.error-component vc-label {
  word-wrap: break-word;
}

.common-execute-page.error-component vc-label span {
  word-wrap: break-word;
}

@media (min-width: 767px) {
  .session-expired .error-component {
    max-width: 368px;
  }
}

.session-expired #containerView {
  margin-bottom: 0px !important;
}

.session-expired .content-inner {
  padding-bottom: 0px !important;
}

.session-expired #mainview[role=main] {
  background: url('images/bg-vector.svg') var(--body-bg-color) no-repeat;
  background-size: cover;
  background-position-y: 100px;
}

.session-expired #mainview[role=main] .top-head-section {
  background: none;
  min-height: 100vh;
}

@media (min-width: 767px) {
  .error-page-active .login-masterview .error-component {
    max-width: 368px;
  }

  .error-page-active .login-masterview .error-component .desktop-confirm-result {
    flex: initial;
  }
}

.error-page-active .content-wrapper {
  padding: 0px !important;
}

.error-page-active #containerView {
  margin-bottom: 0px !important;
}

.grid-account-transaction {
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .grid-account-transaction {
    padding: var(--spacing-xs) var(--spacing-xs);
    margin-bottom: 16px;
  }
}

.grid-account-transaction .grid-heading-wrap {
  position: relative;
}

.grid-account-transaction .grid-heading-wrap .btn-sm {
  position: absolute;
  right: 0;
  top: 0;
}

.grid-account-transaction .grid-heading {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: var(--spacing-2xs);
  display: block;
  margin-top: 6px;
}

@media (max-width: 766.98px) {
  .grid-account-transaction .grid-heading {
    font-size: 16px;
    margin-top: 0px;
    padding-bottom: 14px;
  }
}

.grid-account-transaction .dashboard-account-combo {
  margin: var(--spacing-md) 0;
  display: block;
}

.grid-account-transaction .grid-account-nav vc-linkbutton .iconic-btn {
  margin-top: var(--spacing-xs);
  position: relative;
  display: flex !important;
  align-items: center;
  gap: var(--spacing-2xs);
}

.grid-account-transaction .grid-account-nav vc-linkbutton .iconic-btn::after {
  background: url('images/icon-widget-arrow-grey.svg') no-repeat center center;
  filter: none;
  content: " ";
  width: 15px;
  height: 15px;
  right: 0px;
  position: absolute;
  top: 14px;
}

.grid-account-transaction .grid-account-nav vc-linkbutton .iconic-btn span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.grid-account-transaction .grid-account-nav vc-linkbutton i {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  margin-left: 0px;
  background-color: var(--surface-surface-blue);
  border-radius: var(--radius-radius-pill);
}

.grid-account-transaction .transaction-wrap {
  margin-top: var(--spacing-sm);
}

.grid-account-transaction .transaction-wrap .transaction-date {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 20px;
  display: block;
}

.grid-account-transaction .transaction-wrap .transaction-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--radius-radius-2xs);
}

.grid-account-transaction .transaction-wrap .transaction-panel ul {
  width: 100%;
  padding: 0px;
  margin: 0;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li {
  display: flex;
  justify-content: space-between;
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: var(--spacing-2xs);
  margin-bottom: var(--spacing-2xs);
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type {
  display: flex;
  width: 100%;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details {
  flex-direction: column;
  display: flex;
}

@media (max-width: 766.98px) {
  .grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details {
    max-width: 60%;
  }
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details .transaction-name {
  overflow: hidden;
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding-right: 50px;
}

@media (max-width: 766.98px) {
  .grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details .transaction-name {
    padding-right: 10px;
    word-break: break-word;
  }
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details .transaction-channel {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
  padding: var(--spacing-4xs) 0 0;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount {
  margin-left: auto;
  align-items: center;
  display: flex;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount .amounts {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount .amounts .running-balance {
  font-size: 14px;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount .transaction-amount-text {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount vc-imagebutton a:has(.transaction-button) {
  margin-left: var(--spacing-3xs);
  outline: none !important;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount vc-imagebutton a:has(.transaction-button):focus-visible {
  outline: none !important;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount vc-imagebutton a:has(.transaction-button):focus-visible .transaction-button {
  outline: 2px solid var(--content-content-black);
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount .transaction-button {
  width: 16px;
  height: 16px;
  outline-offset: 2px;
}

.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount vc-imagebutton {
  margin-top: -3px;
}

.grid-account-transaction .transaction-wrap:last-child ul li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-date {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
  display: block;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--radius-radius-2xs);
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul {
  width: 100%;
  padding: 0px;
  margin: 0;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li {
  display: flex;
  justify-content: space-between;
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-type {
  display: flex;
  width: 100%;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-type .transaction-type-details {
  flex-direction: column;
  display: flex;
}

@media (max-width: 766.98px) {
  .grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-type .transaction-type-details {
    max-width: 60%;
  }
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-type .transaction-type-details .transaction-name {
  overflow: hidden;
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding-right: 10px;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-type .transaction-type-details .transaction-channel {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
  padding: var(--spacing-4xs) 0 0;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount {
  margin-left: auto;
  align-items: center;
  display: flex;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount .amounts {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount .amounts .running-balance {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
  padding: var(--spacing-4xs) 0 0;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount .transaction-amount-text {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount vc-imagebutton a:has(.transaction-button) {
  margin-left: var(--spacing-3xs);
  outline: none !important;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount vc-imagebutton a:has(.transaction-button):focus-visible {
  outline: none !important;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount vc-imagebutton a:has(.transaction-button):focus-visible .transaction-button {
  outline: 2px solid var(--content-content-black);
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount .transaction-button {
  width: 16px;
  height: 16px;
  outline-offset: 2px;
}

.grid-account-transaction .transaction-wrap-cheque .transaction-panel ul li .transaction-amount vc-imagebutton {
  margin-top: -3px;
}

.grid-account-transaction .transaction-wrap-cheque:last-child ul li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

@media (max-width: 766.98px) {
  .grid-account-transaction .no-record-found {
    padding: 20px 0;
  }
}

.grid-statement {
  padding: var(--spacing-xs) var(--spacing-xs);
  border-radius: var(--radius-radius-xs);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .grid-statement {
    margin-bottom: 16px;
    padding: var(--spacing-xs);
    box-shadow: none;
  }
}

.grid-statement .statement-wrap {
  margin-top: var(--spacing-sm);
}

.grid-statement .statement-wrap .statement-date {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 20px;
  display: block;
}

.grid-statement .statement-wrap .statement-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--radius-radius-2xs);
}

.grid-statement .statement-wrap .statement-panel ul {
  width: 100%;
  padding: 0px;
  margin: 0;
}

.grid-statement .statement-wrap .statement-panel ul li {
  display: flex;
  justify-content: space-between;
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: var(--spacing-2xs);
  margin-bottom: var(--spacing-2xs);
}

.grid-statement .statement-wrap .statement-panel ul li .statement-type {
  display: flex;
  width: 100%;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-type .statement-type-details {
  flex-direction: column;
  display: flex;
  justify-content: center;
}

@media (max-width: 766.98px) {
  .grid-statement .statement-wrap .statement-panel ul li .statement-type .statement-type-details {
    max-width: 60%;
  }
}

.grid-statement .statement-wrap .statement-panel ul li .statement-type .statement-type-details .statement-name {
  overflow: hidden;
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-type .statement-type-details .statement-channel {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
  padding: var(--spacing-4xs) 0 0;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-amount {
  margin-left: auto;
  align-items: center;
  display: flex;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-amount .amounts {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-amount .amounts .running-balance {
  font-size: 14px;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-amount .statement-amount-text {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
}

.grid-statement .statement-wrap .statement-panel ul li .statement-amount .statement-button {
  width: 24px;
  height: 24px;
  margin-left: var(--spacing-3xs);
  margin-top: -3px;
}

.grid-statement .statement-wrap:last-child ul li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.statement-history-wrapper {
  width: 100%;
}

.quick-actions-mobile {
  margin: 0 var(--spacing-xs) var(--spacing-md) var(--spacing-xs);
}

.quick-actions-mobile vc-label {
  color: var(--content-content-black);
  font-family: var(--secondary-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: var(--spacing-md);
  display: block;
  letter-spacing: 1px;
}

.quick-actions-mobile img {
  width: auto !important;
  filter: invert(1);
}

.quick-actions-mobile a {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xs);
}

.quick-actions-mobile a span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding-left: var(--spacing-2xs);
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .content-inner-panels .content-inner-right-panel {
  margin-top: 0px;
  margin-right: 0;
}

.header-right-side:not(.RetailLanding) {
  display: flex;
}

@media (max-width: 766.98px) {
  .retail-landing .header-center {
    text-align: left !important;
  }
}

.common-confirm {
  background: var(--content-content-white);
  padding: var(--spacing-2xs) 24px var(--spacing-sm) 24px;
  margin: var(--spacing-xs) 0 var(--spacing-md);
}

@media (max-width: 766.98px) {
  .common-confirm {
    background: transparent;
    box-shadow: none;
    padding: 0 16px;
  }
}

.common-confirm .information-item-title {
  min-width: 40%;
  max-width: 40%;
  color: var(--information-item-title-color);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: lowercase;
}

.common-confirm .information-item-title::first-letter {
  text-transform: uppercase;
}

@media (max-width: 766.98px) {
  .common-confirm .information-item-title {
    font-size: 14px;
    line-height: 20px;
  }
}

.common-confirm .information-item-value {
  color: var(--information-item-value-color);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 766.98px) {
  .common-confirm .information-item-value {
    font-size: 14px;
    line-height: 20px;
  }
}

.txn-step-text:not(.commonconfirm) p {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-top: 24px !important;
  margin-bottom: 0px !important;
}

.txn-info-text:not(.commonconfirm) p {
  margin: 16px 0 !important;
}

@media (max-width: 767px) {
  .txn-info-text.txt-tg1:not(.commonconfirm) p {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }

  .txn-info-text.txt-tg1.txt-tg-1--last p {
    margin-bottom: 0 !important;
  }

  .txn-info-text.txt-tg1.txt-tg-1--first {
    margin-top: 3px !important;
  }

  .txn-step-text.mob-top-title p {
    margin-top: 18px !important;
  }
}

.resultview-wrap {
  display: flex;
  gap: var(--spacing-4xl);
  margin: 0;
  margin-top: 24px;
}

@media (max-width: 1919px) {
  .resultview-wrap {
    gap: var(--spacing-2xl);
  }
}

@media (max-width: 766.98px) {
  .resultview-wrap {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
}

.resultview-wrap .left-resultview {
  flex-grow: 1;
  width: 680px !important;
  margin-top: 24px;
}

@media (max-width: 1919px) {
  .resultview-wrap .left-resultview {
    width: 560px !important;
  }
}

@media (max-width: 766.98px) {
  .resultview-wrap .left-resultview {
    width: 100% !important;
    margin-top: 0px;
  }
}

.resultview-wrap .right-resultview-sidebar {
  width: 450px;
  margin-top: 70px;
  text-align: left;
}

@media (max-width: 1919px) {
  .resultview-wrap .right-resultview-sidebar {
    width: 350px;
  }
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right {
  padding: var(--spacing-2xs) 24px var(--spacing-xs) 24px;
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-heading-wrap {
  position: relative;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-heading {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: var(--spacing-2xs);
  display: block;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-nav vc-linkbutton .iconic-btn {
  margin-top: var(--spacing-xs);
  position: relative;
  display: flex !important;
  align-items: center;
  gap: var(--spacing-2xs);
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-nav vc-linkbutton .iconic-btn::after {
  background: url('images/icon-widget-arrow-grey.svg') no-repeat center center;
  filter: none;
  content: " ";
  width: 15px;
  height: 15px;
  right: 0px;
  position: absolute;
  top: 14px;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-nav vc-linkbutton .iconic-btn span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-nav vc-linkbutton i {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  margin-left: 0px;
  background-color: var(--surface-surface-blue);
  border-radius: var(--radius-radius-pill);
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-transaction {
  margin-top: var(--spacing-xs, 16px);
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-transaction .transaction-heading {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-transaction .widget-transaction-panel {
  display: flex;
  padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--radius-radius-2xs);
  background: #f7f3ef;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-transaction .widget-transaction-panel ul {
  width: 100%;
  padding: 0px;
  margin: 0;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-transaction .widget-transaction-panel ul li {
  display: flex;
  justify-content: space-between;
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.resultview-wrap .right-resultview-sidebar .wight-panel-right .widget-transaction .widget-transaction-panel ul li:first-child {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: var(--spacing-2xs);
  margin-bottom: var(--spacing-2xs);
}

.resultview-wrap vc-resultview {
  padding: var(--spacing-md, 24px);
  background: var(--content-content-white);
  display: block;
  margin-bottom: var(--spacing-md);
}

@media (max-width: 766.98px) {
  .resultview-wrap vc-resultview {
    background: transparent;
    box-shadow: none;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    padding-bottom: var(--spacing-lg, 32px);
  }
}

.resultview-wrap .information-container vc-information-item .information-content {
  flex-direction: row !important;
}

@media (min-width: 767px) {
  .resultview-wrap .information-container vc-information-item .information-content {
    justify-content: flex-start !important;
    align-items: center !important;
  }
}

.resultview-wrap .information-container vc-information-item .information-content .information-item-title {
  width: 40%;
}

@media (min-width: 767px) {
  .resultview-wrap .information-container vc-information-item .information-content .information-item-title+div {
    width: 70%;
  }
}

.resultview-wrap .information-container vc-information-item:last-child .information-content {
  padding-bottom: 0px !important;
}

.custom-execute-buttons {
  margin: 0;
}

.wight-panel-right {
  padding: var(--spacing-2xs) 24px var(--spacing-xs) 24px;
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .wight-panel-right {
    padding: 0px;
    box-shadow: none;
  }
}

.wight-panel-right .widget-heading-wrap {
  position: relative;
}

.wight-panel-right .widget-heading {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: 15px;
  padding-top: 4px;
  display: block;
  margin-bottom: var(--spacing-xs);
}

.wight-panel-right .widget-nav vc-linkbutton .iconic-btn {
  margin-top: var(--spacing-xs);
  position: relative;
  display: flex !important;
  align-items: center;
  gap: var(--spacing-2xs);
}

.wight-panel-right .widget-nav vc-linkbutton .iconic-btn:hover i {
  background-color: var(--color-custom-blue);
}

.wight-panel-right .widget-nav vc-linkbutton .iconic-btn::after {
  background: url('images/icon-widget-arrow-grey.svg') no-repeat center center;
  filter: none;
  content: " ";
  width: 15px;
  height: 15px;
  right: 0px;
  position: absolute;
  top: 14px;
}

.wight-panel-right .widget-nav vc-linkbutton .iconic-btn span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.wight-panel-right .widget-nav vc-linkbutton i {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  margin-left: 0px;
  background-color: var(--surface-surface-blue);
  border-radius: var(--radius-radius-pill);
  position: relative;
}

.wight-panel-right .widget-nav vc-linkbutton i:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 50%;
}

.wight-panel-right .transaction-member {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
  display: block;
}

.wight-panel-right .widget-transaction {
  margin-bottom: var(--spacing-xs, 16px);
}

.wight-panel-right .widget-transaction .widget-transaction-panel {
  display: flex;
  padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--radius-radius-2xs);
  background: #f7f3ef;
}

.wight-panel-right .widget-transaction .widget-transaction-panel .arrow-right {
  background: url('images/icon-widget-arrow-grey.svg') no-repeat center center;
  filter: none;
  content: " ";
  width: 16px;
  height: 18px;
  left: unset;
  margin-left: 8px;
  margin-top: 1px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel .widget-transaction-clickable:hover {
  cursor: pointer;
}

.wight-panel-right .widget-transaction .widget-transaction-panel .widget-transaction-recurring-icon {
  flex: 1;
  margin-left: 10px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel .widget-transaction-recurring-icon img {
  height: 21px;
  width: 21px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel .transaction-heading {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel ul {
  width: 100%;
  padding: 0px;
  margin: 0;
}

.wight-panel-right .widget-transaction .widget-transaction-panel ul .widget-heading-acc-names {
  flex-direction: column !important;
}

.wight-panel-right .widget-transaction .widget-transaction-panel ul .widget-heading-acc-names .widget-transaction-acc-from {
  padding-bottom: 8px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel ul .widget-heading-acc-names .widget-transaction-acc-to {
  padding-top: 8px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel ul li {
  display: flex;
  justify-content: space-between;
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.wight-panel-right .widget-transaction .widget-transaction-panel ul li:first-child {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: var(--spacing-2xs);
  margin-bottom: var(--spacing-2xs);
  position: relative;
  border-bottom: 1px solid var(--border-border-gray-secondary) !important;
}

.wight-panel-right .widget-heading-wrap {
  position: relative;
  padding: 0px;
}

.wight-panel-right .widget-heading-wrap:has(.viewlink-hd) {
  padding-right: 80px;
}

.wight-panel-right .widget-heading-wrap vc-label.heading-type {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.42px;
}

.wight-panel-right .widget-heading-wrap .viewlink-hd {
  position: absolute;
  top: 8px;
  right: 0px;
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-right: 20px;
}

.wight-panel-right .widget-heading-wrap .viewlink-hd::after {
  background: url('images/icon-chevron-blue.svg') no-repeat center center;
  content: " ";
  width: 15px;
  height: 15px;
  right: 0px;
  position: absolute;
  top: 3px;
}

.wight-panel-right .widget-heading-wrap .viewlink-hd:hover::after {
  filter: invert(11%) sepia(96%) saturate(2350%) hue-rotate(205deg) brightness(60%) contrast(100%);
}

.wight-panel-right .widget-transaction-type {
  position: relative;
  padding: 0px;
  margin-bottom: 16px;
}

.wight-panel-right .widget-transaction-type vc-label.heading-type {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.42px;
}

.wight-panel-right .widget-transaction-type .viewlink-hd {
  position: absolute;
  top: 0px;
  right: 0px;
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-right: 20px;
}

.wight-panel-right .widget-transaction-type .viewlink-hd::after {
  background: url('images/icon-chevron-blue.svg') no-repeat center center;
  content: " ";
  width: 15px;
  height: 15px;
  right: 0px;
  position: absolute;
  top: 3px;
}

.wight-panel-right .no-scheduled {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 332px;
  margin: 0 auto;
  padding: var(--spacing-xl) 0;
  gap: var(--spacing-xs);
}

.wight-panel-right .no-scheduled .no-scheduled-message {
  color: var(--content-content-black, #000);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

vc-information-item .information-content {
  justify-content: flex-start !important;
}

@media (max-width: 766.98px) {
  vc-information-item .information-content {
    justify-content: space-between !important;
  }
}

vc-information-item .information-content.justify-content-between {
  justify-content: space-between !important;
}

vc-information-item .information-item-title {
  width: 40%;
}

@media (max-width: 766.98px) {
  vc-information-item .information-item-title {
    width: auto;
  }
}

.search-row {
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--border-border-gray-secondary);
  background: var(--content-content-white);
  margin: 0 0 var(--spacing-md);
  padding: var(--spacing-2xs);
  align-items: center;
}

.search-row .search-address-pop {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.search-row vc-gridcolumn {
  padding: 0px;
}

.search-row .search-clear {
  position: absolute;
  right: 0;
}

.search-row a:focus-visible .search-clear {
  outline: -webkit-focus-ring-color auto 1px;
  border-radius: 50%;
}

.p-link {
  cursor: pointer;
}

.lottie-animation svg {
  width: 600px !important;
  height: 600px !important;
}

@media (max-width: 766.98px) {
  .lottie-animation svg {
    width: 400px !important;
    height: 400px !important;
  }
}

.tooltip-close-btn {
  background: url('icon-close-modal.2e73e501ad356d18.svg') no-repeat !important;
  width: 24px;
  height: 24px;
}

.tooltip-close-btn img {
  display: none !important;
}

.fixed-bottom {
  z-index: 1110;
}

.center-menu {
  padding-bottom: 30px;
}

.center-menu ul {
  padding-left: 0px;
}

.center-menu ul li {
  margin-bottom: var(--spacing-xs);
  padding-right: 55px;
  gap: var(--spacing-2xs);
  position: relative;
}

.center-menu ul li a {
  display: flex;
  flex-direction: column;
}

.center-menu ul li a .center-menu-title {
  color: var(--content-content-black, #000);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.center-menu ul li a .center-menu-text {
  color: var(--content-content-gray, #666);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.center-menu ul li a::after {
  background: url('images/icon-chevron-white.svg') no-repeat center center;
  background-size: contain;
  filter: brightness(0.3);
  content: " ";
  width: 9px;
  height: 16px;
  right: 0px;
  position: absolute;
  top: 50%;
  transform: translate(-50%);
}

.center-menu ul li i.center-menu-icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  margin-left: 0px;
  background-color: var(--surface-surface-blue);
  border-radius: var(--radius-radius-pill);
  flex: none;
}

#menucenterpopupmodal {
  bottom: 84px;
  z-index: 1104;
}

#menucenterpopupmodal .modal-body {
  margin: 0;
  width: 100%;
}

.mb-center-bill-icon {
  background: url('images/icon-pay-bills-white.svg');
}

.mb-center-tax-icon {
  background: url('images/icon-tax.svg');
}

.mb-center-interac-icon {
  background: url('images/icon-interact.svg');
  background-color: transparent !important;
}

.mb-center-transfer-icon {
  background: url('images/icon-transfer-white.svg');
}

.mb-center-rdc-icon {
  background: url('images/icon-deposit-white.svg');
}

@media (max-width: 766.98px) {
  .select2-results__option:has(.select2-results__options--nested) {
    border: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
  }
}

.combobox-mobile-dropdown .select2-results__options--nested .select2-results__option {
  margin-top: var(--spacing-2xs) !important;
}

@media (max-width: 766.98px) {
  vc-uiviewfooter vc-menupopup nav {
    padding-bottom: 0 !important;
  }
}

.custom-executed-screen .result-view .desktop-confirm-result {
  background: #fff;
  display: block;
  margin-bottom: var(--spacing-md);
}

@media (min-width: 767px) {
  .custom-executed-screen .result-view .desktop-confirm-result {
    padding: var(--spacing-md, 24px);
  }
}

@media (max-width: 766.98px) {
  .custom-executed-screen .result-view .desktop-confirm-result {
    background: transparent;
    box-shadow: none;
    margin-top: 40px;
  }
}

.custom-executed-screen .result-view .desktop-confirm-result .information-content {
  background-color: transparent !important;
}

.custom-executed-screen .result-view .desktop-confirm-result .information-content::before {
  display: none !important;
}

.custom-executed-screen .result-view .primary-text.bubble-text {
  color: var(--content-content-black);
  text-align: center;
  font-family: var(--base-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  width: auto !important;
  height: auto !important;
  margin-bottom: 0px !important;
}

.custom-execute-buttons.singlebutton .dbas-btn {
  max-width: 50%;
  margin-left: auto;
  min-width: 50%;
  float: right;
}

@media (min-width: 767px) {
  .custom-execute-buttons>vc-gridcolumn:first-child {
    padding-left: 0;
  }

  .custom-execute-buttons>vc-gridcolumn:last-child {
    padding-right: 0;
  }

  .custom-execute-buttons>vc-gridcolumn:only-child {
    width: 50%;
    margin-left: auto;
  }
}

@media (min-width: 767px) {
  .blll-pay-action-btns {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .blll-pay-action-btns>vc-gridcolumn {
    flex-shrink: 1;
  }

  .blll-pay-action-btns>vc-gridcolumn:not(:only-child) {
    flex-basis: 0;
    flex-grow: 1;
  }

  .blll-pay-action-btns>vc-gridcolumn:first-child {
    padding-left: 15px !important;
  }

  .blll-pay-action-btns>vc-gridcolumn:last-child {
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 766.98px) {
  .blll-pay-action-btns>vc-gridcolumn {
    width: 50%;
  }
}

vc-stepper input:focus {
  border-color: transparent !important;
  border-width: 0px !important;
  box-shadow: none !important;
}

.informative-text-area {
  display: flex;
  flex-direction: column;
}

.total-debit-amount {
  background-color: rgba(102, 102, 102, 0.1490196078);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 68px;
  justify-content: center;
  gap: 4px;
}

.total-debit-amount .total-amount-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.total-debit-amount .total-amount-amount {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.ViewScheduledTransactions .datagrid {
  padding-top: 0 !important;
}

.ViewScheduledTransactions table.table tr {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.ViewScheduledTransactions table.table tr td:nth-child(2) {
  flex-grow: 1;
}

@media (max-width: 766.98px) {
  .ViewScheduledTransactions table.table tr td:nth-child(2) {
    width: 50%;
  }
}

.custom-tab-selection.custom-radio {
  width: 100%;
  border-radius: var(--radius-radius-2xs, 4px);
  height: 32px;
}

@media (max-width: 766.98px) {
  .custom-tab-selection.custom-radio {
    border: none !important;
    min-height: auto !important;
    padding: 0 !important;
  }
}

.custom-tab-selection.custom-radio .custom-control-label {
  width: 100%;
  text-align: center;
  height: 32px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: var(--spacing-3xs, 8px) var(--spacing-md, 24px);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--content-content-black);
}

.custom-tab-selection.custom-radio .custom-control-label::before {
  border-radius: var(--radius-radius-2xs, 4px);
  width: 100% !important;
  height: 32px !important;
  border: 1px solid var(--border-border-black) !important;
  background: transparent !important;
  left: 0;
  top: 0 !important;
  transform: translateY(0);
  padding: var(--spacing-3xs, 8px) var(--spacing-md, 24px);
}

.custom-tab-selection.custom-radio .custom-control-label:hover {
  background: var(--color-custom-blue);
  border-radius: var(--radio-box-border-radius);
  color: var(--content-content-white);
}

.custom-tab-selection.custom-radio .custom-control-input:checked~.custom-control-label::before {
  width: 100% !important;
  height: 32px !important;
  border-width: 1px !important;
}

.custom-tab-selection .custom-control-input:checked+.custom-control-label {
  background: var(--content-content-black) !important;
  border-radius: var(--radius-radius-2xs);
  color: var(--content-content-white);
}

.ng-invalid .custom-tab-selection .custom-control-label {
  color: var(--content-content-error);
}

.ng-invalid .custom-tab-selection .custom-control-label::before {
  border: 1px solid var(--input-field-error-border-color) !important;
}

@media (min-width: 767px) {
  .account-restriction-list-selection .account-info-row {
    display: flex;
    gap: 16px;
  }
}

@media (min-width: 767px) {
  .payee-list-confirm-button {
    padding: 30px 18px 0px 18px;
  }
}

@media (max-width: 766.98px) {
  .payee-list-confirm-button {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    padding: 24px;
  }
}

.custom-radio:has(.custom-control-input:checked) {
  border-color: var(--border-border-blue);
}

@media (min-width: 767px) {
  .otp-login-wrap.modal-document-class {
    width: 400px;
  }

  .otp-login-wrap .modal-header-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: var(--spacing-xs);
  }

  .otp-login-wrap .timer-warning {
    color: var(--content-content-error) !important;
  }
}

.InteracRequestMoneyTransaction-result .transaction-details {
  padding-top: 5px !important;
}

.alert-error .icon-alert {
  background-color: var(--content-content-error);
}

.corporate-pendingapproval-widget .transaction-wrap .transaction-date {
  margin-bottom: 12px;
}

.alert-danger .icon-alert {
  background: var(--alert-error-icon-bg);
}

.btn-cheque-capture {
  flex-direction: row-reverse;
  gap: 12px;
}

.btn-cheque-capture img {
  margin-top: -4px;
}

.cheque-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.btn-delete-photo-inline {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.btn-delete-photo-inline:hover {
  background: transparent !important;
  opacity: 0.7;
}

.btn-delete-photo-inline img {
  width: 24px !important;
  height: 24px !important;
}

#interac-request-money-contact-combo_listbox,
#interac-send-money-contact-combo_listbox {
  /* li {
          padding-left: 15px !important;
      } */
}

@media (min-width: 767px) {

  #interac-request-money-contact-combo_listbox,
  #interac-send-money-contact-combo_listbox {
    padding: 0 12px 0 20px;
  }
}

@media (max-width: 766.98px) {

  #interac-request-money-contact-combo_listbox li.select2-results__option--highlighted>div~div:after,
  #interac-send-money-contact-combo_listbox li.select2-results__option--highlighted>div~div:after {
    content: none;
    display: none;
  }
}

.information-container-box {
  display: block;
  background: var(--content-content-white);
  margin-bottom: 24px;
}

.information-container-box .information-item-title {
  font-weight: 600;
}

.information-container-box .information-item-value {
  font-weight: 400;
}

@media (min-width: 767px) {
  .general-information-box {
    padding: var(--spacing-2xs) 24px var(--spacing-xs) 24px;
    background: var(--content-content-white);
    margin-bottom: var(--spacing-md);
    position: relative;
  }

  .general-information-box.py-small {
    padding-block: var(--spacing-4xs);
  }
}

.general-information-box.v-delegate {
  margin-bottom: var(--spacing-md);
}

@media (min-width: 767px) {
  .general-information-box.v-delegate {
    padding: var(--spacing-xs);
  }

  .general-information-box.v-delegate vc-information-item:first-child .information-content {
    padding-top: 0px;
  }

  .general-information-box.v-delegate vc-information-item:last-child .information-content {
    padding-bottom: 0px;
  }
}

vc-modalpopup .modal-body .image-info {
  display: none !important;
}

.payee-lastpayment-paymentinfo {
  text-align: end;
  padding-top: 4px;
  padding-bottom: 4px;
}

.payee-lastpayment-account {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
  margin-left: 4px;
}

.mail-wrapper {
  position: relative;
  display: inline-flex;
  margin-inline: 20px;
}

.mail-badge {
  position: absolute;
  bottom: -3px;
  right: -2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background-color: var(--surface-surface-error);
  color: var(--content-content-white);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.common-execute-page-resultview-column #linkButton {
  text-decoration: underline;
  cursor: pointer;
}

.result-view .warning-shapes {
  display: flex !important;
  justify-content: center !important;
  z-index: 0 !important;
  margin: auto !important;
  margin-bottom: 32px !important;
  flex-direction: column !important;
  align-items: center !important;
}

.custom-executed-screen .result-transaction-page {
  padding-top: 0px;
}

@media (pointer: fine) and (hover: hover) {
  vc-textbox:hover .password-icon {
    filter: var(--filter-icon-dark-blue);
  }
}

vc-textbox:not(:disabled):not(.disabled):active .password-icon,
vc-textbox:not(:disabled):not(.disabled).active .password-icon {
  filter: var(--filter-icon-dark-blue);
}

@media (pointer: fine) and (hover: hover) {
  vc-textbox button:hover img.tooltip-btn-img {
    filter: var(--filter-icon-dark-blue);
  }
}

vc-textbox button:not(:disabled):not(.disabled):active img.tooltip-btn-img,
vc-textbox button:not(:disabled):not(.disabled).active img.tooltip-btn-img {
  filter: var(--filter-icon-dark-blue);
}

@media (pointer: fine) and (hover: hover) {
  vc-textbox+button:hover .tooltip-btn-img {
    filter: var(--filter-icon-dark-blue);
  }
}

vc-textbox+button:not(:disabled):not(.disabled):active .tooltip-btn-img,
vc-textbox+button:not(:disabled):not(.disabled).active .tooltip-btn-img {
  filter: var(--filter-icon-dark-blue);
}

@media (pointer: fine) and (hover: hover) {
  vc-textbox .login-username-textbox-info-icon:hover img {
    filter: var(--filter-icon-dark-blue);
  }
}

vc-textbox .login-username-textbox-info-icon:not(:disabled):not(.disabled):active img,
vc-textbox .login-username-textbox-info-icon:not(:disabled):not(.disabled).active img {
  filter: var(--filter-icon-dark-blue);
}

@media (pointer: fine) and (hover: hover) {
  vc-radiobutton button:hover img.tooltip-btn-img {
    filter: var(--filter-icon-dark-blue);
  }
}

vc-radiobutton button:not(:disabled):not(.disabled):active img.tooltip-btn-img,
vc-radiobutton button:not(:disabled):not(.disabled).active img.tooltip-btn-img {
  filter: var(--filter-icon-dark-blue);
}

/*img.tooltip-btn-img {
    &:hover {
        filter: var(--filter-icon-dark-blue);
    }

}*/
.tooltip-btn {
  width: 24px;
  height: 24px;
  display: flex;
}

.tooltip-btn:hover {
  background: url('images/info-dark.svg') no-repeat center center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tooltip-btn:hover img.info-light {
  display: none !important;
}

a.learn-more .learn-more-icon {
  filter: brightness(0) saturate(100%);
}

a.learn-more:hover .learn-more-icon {
  filter: brightness(0) invert(1) !important;
}

.card {
  border: none;
}

vc-datepicker .mat-datepicker-toggle-active img {
  filter: var(--filter-icon-dark-blue);
}

.external-icon {
  display: inherit !important;
  text-decoration: underline !important;
  font-size: 16px !important;
  line-height: 24px !important;
  position: relative;
}

.external-icon:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('images/icon-links-blue.svg') no-repeat center center;
  background-size: 13px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.maskedcardNumber {
  position: relative;
  top: -8px;
}

.btn-password-toggle {
  background: transparent !important;
  border: none;
  padding: 0;
  display: flex;
}

.btn-password-toggle:focus-visible i {
  outline: 2px solid black;
  outline-offset: -8px;
  border-radius: 10px;
}

.mdc-icon-button:hover img {
  display: none;
}

.mdc-icon-button:hover .mat-icon {
  background: url('images/icon-calendar-dark.svg') no-repeat center center;
  width: 24px;
  height: 24px;
  transform: scale(1.2);
}

.mdc-icon-button:active .mat-icon {
  background: url('images/icon-calendar-dark.svg') no-repeat center center;
}

.account-subnumber {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 28px;
  max-width: none !important;
  display: block;
  padding-left: 0px;
}

.account-subnumber.card-detail-page-account-subnumber {
  line-height: 20px;
}

@media (max-width: 766.98px) {
  .account-subnumber {
    padding-left: 2px;
  }
}

@media (min-width: 767px) {
  .error-page-active.executed-screen #mainview.login-masterview {
    background-image: url('images/logo-bg-large.svg');
    background-color: var(--body-bg-color);
    background-repeat: no-repeat;
    background-size: 1286px;
    background-position-y: top 43px;
    background-position-x: center;
  }

  .error-page-active.executed-screen #mainview.login-masterview .error-component {
    max-width: 416px;
  }

  .error-page-active.executed-screen #mainview.login-masterview .top-head-section {
    background: none;
  }

  .error-page-active.executed-screen #mainview.login-masterview .content-target {
    margin: auto !important;
    padding-block: 50px;
  }

  .error-page-active.executed-screen #mainview.login-masterview .content-inner-panels {
    margin-top: 0 !important;
  }

  .error-page-active.executed-screen #mainview.login-masterview .content-wrapper {
    margin-inline: 0;
  }

  .error-page-active.executed-screen #mainview.login-masterview .error-button-center {
    margin-inline: -15px !important;
  }

  .error-page-active.executed-screen #mainview.login-masterview .error-sec-text-adjust {
    padding-inline: 12.5px;
    word-break: break-word;
  }

  .error-page-active.executed-screen #mainview.login-masterview .error-sec-text-adjust * {
    word-break: break-word;
  }
}

.no-home-data-right-placeholder {
  display: none;
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .home-account-list:not(.content-inner-panels) .no-home-data .investment-empty-state {
    margin-right: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1352px) {
  .home-account-list:not(.content-inner-panels) .no-home-data .investment-empty-state {
    margin-right: 15px !important;
    max-width: calc(100% - 15px);
  }
}

@media (min-width: 1353px) and (max-width: 1399px) {
  .home-account-list:not(.content-inner-panels) .no-home-data .investment-empty-state {
    max-width: 100%;
  }
}

@media (min-width: 1300px) {
  .carousel-container-column:has(vc-carousel:empty) {
    display: none;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1365px) {
  .carouselAccount {
    width: calc(100vw - 484px);
  }
}

@media screen and (min-width: 1367px) {
  .carousel-container-column {
    padding-right: 0;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1849px) {
  .carouselAccount {
    width: calc(100vw - 484px);
  }
}

@media screen and (min-width: 1850px) and (max-width: 1919px) {
  .carouselAccount {
    width: calc(100vw - 629px);
  }
}

@media (min-width: 1367px) {
  .home-account-list:has(.no-home-data) {
    display: flex;
    gap: var(--spacing-xl);
    flex-wrap: nowrap;
  }

  .no-home-data-right-placeholder {
    display: inline-flex;
    width: 332px;
    flex-shrink: 1;
  }

  .home-account-list .no-home-data {
    flex-grow: 1;
    width: 512px !important;
  }
}

@media (min-width: 1400px) {
  .home-account-list .no-home-data {
    padding-inline: 0 !important;
  }

  .home-account-list .no-home-data .investment-empty-state {
    margin-inline: 0 !important;
  }

  .home-account-list:has(.no-home-data-right-placeholder) {
    margin-inline: 0 !important;
  }
}

@media (min-width: 1400px) {
  .home-account-list:has(.no-home-data) {
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1850px) {
  .no-home-data-right-placeholder {
    width: 485px;
  }

  .home-account-list .no-home-data {
    width: 680px !important;
  }
}

@media (min-width: 1920px) {
  .home-account-list:has(.no-home-data) {
    gap: var(--spacing-4xl);
  }
}

@media (min-width: 1921px) {
  .no-home-data-right-placeholder {
    width: 485px;
    max-width: 500px;
    zoom: var(--layout-zoom-level);
  }

  home-account-list .no-home-data {
    zoom: var(--layout-zoom-level);
  }
}

@media (min-width: 2001px) {
  .home-account-list .no-home-data {
    width: 512px !important;
  }

  .no-home-data-right-placeholder {
    width: 100%;
  }

  .home-account-list:has(.no-home-data) {
    gap: calc(64px * var(--layout-zoom-level));
  }
}

.terms-conditions-row span,
.terms-conditions-row label {
  font-size: 16px !important;
  line-height: 24px !important;
  color: var(--content-content-black) !important;
}

.terms-conditions-row a span {
  text-decoration: underline !important;
  font-size: 16px !important;
  line-height: 24px !important;
  position: relative;
}

.terms-conditions-row a span:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('images/icon-links-blue.svg') no-repeat center center;
  background-size: 13px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.profile-mail-checkbox:has(input[type=checkbox]:disabled) input[type=checkbox].checkbox+.checkbox-view {
  --checkbox-shape-background-color: var(--colors-gray-200);
}

.profile-mail-checkbox:has(input[type=checkbox]:disabled) .checkbox-view {
  cursor: default;
}

.cheque-info-item .information-item-title {
  font-size: 0;
  visibility: hidden;
}

vc-payeelist:has(.select-custom-popup:focus) .payee-list-gridsystem {
  border: 2px solid var(--input-field-focus-border-color) !important;
  border-top: none !important;
}

.modal-filter-transactions .combobox-floating .select2-selection__rendered {
  top: 25px;
}

.information-success-container .information-content.d-flex.justify-content-between {
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0px 1000px var(--input-field-background-color) inset !important;
  -webkit-text-fill-color: inherit !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.authpage-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

@media (max-width: 766.98px) {
  .authpage-logo {
    display: none;
  }
}

.blue-edit-button a:hover {
  width: 20px;
  height: 20px;
  background: url('images/icon-edit-dark.svg') no-repeat center center;
  display: flex;
  background-size: contain;
}

.blue-edit-button a:hover img {
  display: none;
}

.no-payees-message {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
  margin-top: 16px;
  font-weight: 600;
}

vc-interactransferhistorygridrowactions .btn.circle:focus-visible {
  outline: none !important;
}

vc-interactransferhistorygridrowactions .btn.circle:focus-visible i {
  outline: 2px solid var(--content-content-black);
  outline-offset: 2px;
}

.dataTables_wrapper td.icon-row:has(.icon-right-arrow):focus-visible {
  outline: none !important;
}

.dataTables_wrapper td.icon-row:has(.icon-right-arrow):focus-visible i {
  outline: 2px solid var(--content-content-black);
  outline-offset: 2px;
}

.AccountlistWrap .vc-gridrow-header {
  padding: 20px 0px !important;
}

.avatar-upload-button .dbas-btn {
  margin: 0 !important;
}

.avatar-upload-button .dropzone {
  border: none;
  height: auto;
  min-height: auto;
  position: relative;
}

.avatar-upload-button .dropzone:has(.dz-preview) {
  padding-bottom: 152px;
}

.avatar-upload-button .dropzone .dropzone-remove-button {
  display: none;
}

.avatar-upload-button .dropzone .dz-preview {
  margin: 0;
  position: absolute;
  top: calc(var(--btn-height) + 16px);
  left: 50%;
  transform: translateX(-50%);
}

.avatar-upload-button .dropzone .dropzone-area {
  display: none !important;
  margin: 0;
  border: 0;
  padding: 0;
}

.avatar-upload-button .dropzone .dropzone-area img {
  display: none;
}

.avatar-upload-button .dropzone .dropzone-area .dz-image-preview {
  display: none;
}

.dbas-btn {
  height: var(--btn-height) !important;
  border-radius: var(--btn-radius) !important;
  font-size: var(--btn-font-size) !important;
  line-height: var(--btn-line-height) !important;
  font-weight: var(--btn-font-weight) !important;
  transition: all 0.3s ease !important;
  padding: 11px 5px !important;
  text-decoration: none !important;
  width: 100%;
  margin: auto;
  display: flex !important;
  text-align: center;
  justify-content: center;
  box-shadow: none !important;
  align-items: center;
}

@media (min-width: 767px) {
  vc-masterflow-uiview .dbas-btn {
    min-width: 130px;
  }
}

.dbas-btn:active {
  background-size: 100%;
  transition: background 0s;
}

.dbas-btn.btn-icon {
  padding: 13px 5px !important;
}

.dbas-btn.btn-md {
  min-width: 160px;
}

@media (max-width: 766.98px) {
  .dbas-btn.btn-small {
    width: 40%;
  }
}

.dbas-btn.btn-action {
  font-family: var(--base-font-family);
  font-size: var(--btn-font-size) !important;
  line-height: var(--btn-line-height) !important;
  font-weight: var(--btn-font-weight) !important;
  color: var(--btn-primary-text-color);
  background: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-border-color);
  -webkit-tap-highlight-color: transparent;
  /*
      @include media-breakpoint-up(md) {
      }
       @include media-breakpoint-down(md) {
          &:not(:disabled):not(.disabled):active,
          &:not(:disabled):not(.disabled).active {
              background-color: $background;
              border-color: $border;    
              color: $btn-color;
          }
      } */
  letter-spacing: var(--btn-letter-spacing);
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-action:hover {
    background: var(--btn-primary-bg-hover-color) !important;
    color: var(--btn-primary-text-hover-color) !important;
    border-color: var(--btn-primary-border-hover-color) !important;
  }
}

.dbas-btn.btn-action.disabled,
.dbas-btn.btn-action:disabled {
  opacity: var(--btn-disabled-opacity);
}

.dbas-btn.btn-action:not(:disabled):not(.disabled):active,
.dbas-btn.btn-action:not(:disabled):not(.disabled).active {
  background: var(--btn-primary-bg-hover-color) !important;
  color: var(--btn-primary-text-hover-color) !important;
  border-color: var(--btn-primary-border-hover-color) !important;
}

.show>.dbas-btn.btn-action.dropdown-toggle {
  background-color: var(--btn-primary-bg-hover-color);
  border-color: var(--btn-primary-border-hover-color);
}

.dbas-btn.btn-action.hover-none:focus {
  background: transparent !important;
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-action.hover-none:hover {
    background: transparent !important;
  }
}

.dbas-btn.btn-action.btn-logout .button-text i {
  filter: brightness(0) invert(1);
}

.dbas-btn.btn-primary {
  color: var(--btn-primary-text-color);
  background: var(--content-content-black);
  border-color: var(--btn-primary-border-color);
  -webkit-tap-highlight-color: transparent;
  /*
      @include media-breakpoint-up(md) {
      }
       @include media-breakpoint-down(md) {
          &:not(:disabled):not(.disabled):active,
          &:not(:disabled):not(.disabled).active {
              background-color: $background;
              border-color: $border;    
              color: $btn-color;
          }
      } */
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-primary:hover {
    background: var(--btn-primary-bg-hover-color) !important;
    color: var(--btn-primary-text-hover-color) !important;
    border-color: var(--btn-primary-border-hover-color) !important;
  }
}

.dbas-btn.btn-primary.disabled,
.dbas-btn.btn-primary:disabled {
  opacity: var(--btn-disabled-opacity);
}

.dbas-btn.btn-primary:not(:disabled):not(.disabled):active,
.dbas-btn.btn-primary:not(:disabled):not(.disabled).active {
  background: var(--btn-primary-bg-hover-color) !important;
  color: var(--btn-primary-text-hover-color) !important;
  border-color: var(--btn-primary-border-hover-color) !important;
}

.show>.dbas-btn.btn-primary.dropdown-toggle {
  background-color: var(--btn-primary-bg-hover-color);
  border-color: var(--btn-primary-border-hover-color);
}

.dbas-btn.btn-outline {
  color: var(--content-content-black);
  background: transparent;
  border-color: var(--content-content-black);
  -webkit-tap-highlight-color: transparent;
  /*
      @include media-breakpoint-up(md) {
      }
       @include media-breakpoint-down(md) {
          &:not(:disabled):not(.disabled):active,
          &:not(:disabled):not(.disabled).active {
              background-color: $background;
              border-color: $border;    
              color: $btn-color;
          }
      } */
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-outline:hover {
    background: #073C7F !important;
    color: var(--content-content-white) !important;
    border-color: #073C7F !important;
  }
}

.dbas-btn.btn-outline.disabled,
.dbas-btn.btn-outline:disabled {
  opacity: var(--btn-disabled-opacity);
}

.dbas-btn.btn-outline:not(:disabled):not(.disabled):active,
.dbas-btn.btn-outline:not(:disabled):not(.disabled).active {
  background: #073C7F !important;
  color: var(--content-content-white) !important;
  border-color: #073C7F !important;
}

.show>.dbas-btn.btn-outline.dropdown-toggle {
  background-color: #073C7F;
  border-color: var(--btn-outline-border-hover-color);
}

.dbas-btn.btn-outline .button-text i {
  filter: brightness(0);
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-outline:hover .button-text i {
    filter: brightness(0) invert(1);
  }
}

.dbas-btn.btn-outline-transparent {
  color: var(--btn-outline-transaprent-text-color);
  background: var(--btn-outline-transaprent-bg-color);
  border-color: var(--btn-outline-transaprent-border-color);
  -webkit-tap-highlight-color: transparent;
  /*
      @include media-breakpoint-up(md) {
      }
       @include media-breakpoint-down(md) {
          &:not(:disabled):not(.disabled):active,
          &:not(:disabled):not(.disabled).active {
              background-color: $background;
              border-color: $border;    
              color: $btn-color;
          }
      } */
  /* @include hover{
          background: var(--surface-surface-primary-hover) !important;
          color: var(--btn-outline-text-hover-color) !important;
          border-color: var(--btn-outline-border-hover-color) !important;
  } */
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-outline-transparent:hover {
    background: var(--surface-surface-primary-hover) !important;
    color: var(--btn-outline-text-hover-color) !important;
    border-color: var(--btn-outline-border-hover-color) !important;
  }
}

.dbas-btn.btn-outline-transparent.disabled,
.dbas-btn.btn-outline-transparent:disabled {
  opacity: var(--btn-disabled-opacity);
}

.dbas-btn.btn-outline-transparent:not(:disabled):not(.disabled):active,
.dbas-btn.btn-outline-transparent:not(:disabled):not(.disabled).active {
  background: var(--surface-surface-primary-hover) !important;
  color: var(--btn-outline-text-hover-color) !important;
  border-color: var(--btn-outline-border-hover-color) !important;
}

.show>.dbas-btn.btn-outline-transparent.dropdown-toggle {
  background-color: var(--btn-outline-transaprent-bg-hover-color);
  border-color: var(--btn-outline-transaprent-border-hover-color);
}

.dbas-btn.btn-teal {
  color: var(--btn-secondary-text-color);
  background: var(--btn-secondary-bg-color);
  border-color: var(--btn-secondary-border-color);
  -webkit-tap-highlight-color: transparent;
  /*
      @include media-breakpoint-up(md) {
      }
       @include media-breakpoint-down(md) {
          &:not(:disabled):not(.disabled):active,
          &:not(:disabled):not(.disabled).active {
              background-color: $background;
              border-color: $border;    
              color: $btn-color;
          }
      } */
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-teal:hover {
    background: var(--btn-secondary-bg-hover-color) !important;
    color: var(--btn-secondary-text-hover-color) !important;
    border-color: var(--btn-secondary-border-hover-color) !important;
  }
}

.dbas-btn.btn-teal.disabled,
.dbas-btn.btn-teal:disabled {
  opacity: var(--btn-disabled-opacity);
}

.dbas-btn.btn-teal:not(:disabled):not(.disabled):active,
.dbas-btn.btn-teal:not(:disabled):not(.disabled).active {
  background: var(--btn-secondary-bg-hover-color) !important;
  color: var(--btn-secondary-text-hover-color) !important;
  border-color: var(--btn-secondary-border-hover-color) !important;
}

.show>.dbas-btn.btn-teal.dropdown-toggle {
  background-color: var(--btn-secondary-bg-hover-color);
  border-color: var(--btn-secondary-border-hover-color);
}

.dbas-btn.btn-teal span.button-text .btn-icon-left.icon-plus-circle {
  background: url('images/icon-plus-circle-dark.svg');
}

.dbas-btn.btn-purple {
  color: var(--btn-primary-text-color);
  background: var(--surface-surface-primary);
  border-color: var(--btn-primary-border-color);
  -webkit-tap-highlight-color: transparent;
  /*
      @include media-breakpoint-up(md) {
      }
       @include media-breakpoint-down(md) {
          &:not(:disabled):not(.disabled):active,
          &:not(:disabled):not(.disabled).active {
              background-color: $background;
              border-color: $border;    
              color: $btn-color;
          }
      } */
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-purple:hover {
    background: var(--btn-primary-bg-hover-color) !important;
    color: var(--btn-primary-text-hover-color) !important;
    border-color: var(--btn-primary-border-hover-color) !important;
  }
}

.dbas-btn.btn-purple.disabled,
.dbas-btn.btn-purple:disabled {
  opacity: var(--btn-disabled-opacity);
}

.dbas-btn.btn-purple:not(:disabled):not(.disabled):active,
.dbas-btn.btn-purple:not(:disabled):not(.disabled).active {
  background: var(--btn-primary-bg-hover-color) !important;
  color: var(--btn-primary-text-hover-color) !important;
  border-color: var(--btn-primary-border-hover-color) !important;
}

.show>.dbas-btn.btn-purple.dropdown-toggle {
  background-color: var(--btn-primary-bg-hover-color);
  border-color: var(--btn-primary-border-hover-color);
}

@media (min-width: 1024.02px) and (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-purple:hover {
    background: var(--surface-surface-primary-hover) !important;
  }
}

.dbas-btn.btn-link {
  border: none;
  background: none;
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-link:hover {
    background: none !important;
    border: none !important;
    color: var(--colors-primary-950) !important;
  }
}

.dbas-btn.btn-link-black {
  color: var(--content-content-on-cloud);
  font-weight: 600 !important;
}

.dbas-btn.btn-link-black:focus {
  background: none !important;
  border: none !important;
  color: var(--content-content-on-cloud) !important;
}

@media (pointer: fine) and (hover: hover) {
  .dbas-btn.btn-link-black:hover {
    background: none !important;
    border: none !important;
    color: var(--content-content-on-cloud) !important;
  }
}

.dbas-btn.btn-sm {
  height: var(--btn-sm-height) !important;
  padding: var(--btn-sm-padding) !important;
  min-width: unset !important;
  border-radius: var(--btn-sm-radius) !important;
  display: inline-flex !important;
  font-size: var(--btn-sm-font-size) !important;
  font-weight: var(--btn-sm-weight) !important;
}

.dbas-btn.btn-sm.w-75 {
  width: 75px !important;
}

.dbas-btn.btn-sm.w-92 {
  width: 92px !important;
}

.dbas-btn.btn-sm-grid-action {
  font-size: var(--btn-sm-font-size) !important;
  height: 35px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  min-width: unset !important;
}

.dbas-btn.btn-small-main {
  display: inline-flex !important;
  height: var(--btn-sm-height) !important;
  padding: var(--spacing-3xs) var(--spacing-md) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--spacing-3xs) !important;
  flex-shrink: 0 !important;
  border-radius: var(--radius-radius-2xs) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 16px !important;
}

.dbas-btn span.button-text {
  display: flex;
  align-items: center;
}

.dbas-btn span.button-text .btn-icon-left {
  width: var(--btn-left-icon-width);
  height: var(--btn-left-icon-height);
  background-repeat: no-repeat;
  margin-right: var(--btn-left-icon-margin-right) !important;
  display: inline-block;
  transition: all 0.15s ease !important;
}

.dbas-btn span.button-text .btn-icon-left.icon-logout {
  background: url('images/icon-logout.svg');
}

.dbas-btn span.button-text .btn-icon-left.icon-save {
  background: url('images/icon-save.svg');
}

.dbas-btn span.button-text .btn-icon-left.icon-print {
  background: url('images/icon-print.svg');
}

.dbas-btn span.button-text .btn-icon-left.icon-save-blue {
  background: url('images/icon-save-blue.svg');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  filter: brightness(0) saturate(100%);
}

.dbas-btn span.button-text .btn-icon-left.icon-save-blue:active {
  background: url('images/icon-save-blue.svg');
  background-repeat: no-repeat;
}

@media (hover: hover) {
  .dbas-btn span.button-text .btn-icon-left.icon-save-blue:hover {
    background: url('images/icon-save-blue.svg');
    background-repeat: no-repeat;
  }
}

.dbas-btn span.button-text .btn-icon-left.icon-save-white {
  background: url('images/icon-save-white.svg');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
}

.dbas-btn span.button-text .btn-icon-left.icon-save-white:active {
  background: url('images/icon-save-white.svg');
  background-repeat: no-repeat;
}

@media (hover: hover) {
  .dbas-btn span.button-text .btn-icon-left.icon-save-white:hover {
    background: url('images/icon-save-white.svg');
    background-repeat: no-repeat;
  }
}

.dbas-btn span.button-text .btn-icon-left.icon-print-blue {
  background: url('images/icon-print-blue.svg');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  filter: brightness(0) saturate(100%);
}

.dbas-btn span.button-text .btn-icon-left.icon-print-blue:active {
  background: url('images/icon-print.svg');
  background-repeat: no-repeat;
}

@media (hover: hover) {
  .dbas-btn span.button-text .btn-icon-left.icon-print-blue:hover {
    background: url('images/icon-print.svg');
    background-repeat: no-repeat;
  }
}

.dbas-btn span.button-text .btn-icon-left.icon-plus-circle-green {
  background: url(/dist/images/icon-plus-circle-green.svg);
}

.dbas-btn span.button-text .btn-icon-left.icon-download-no-background {
  background: url(/dist/images/icon-download-no-background.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.dbas-btn span.button-text .btn-icon-left.icon-link {
  background: url('images/icon-link.svg');
  width: 25px;
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

.button-text {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

a {
  transition: all 0.3s ease 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

.btn,
a:link,
button {
  -webkit-tap-highlight-color: rgba(225, 225, 225, 0);
}

a.gridLinkButton {
  color: var(--content-content-on-cloud);
  text-decoration: underline;
}

a.gridLinkButton:hover {
  text-decoration: underline !important;
  color: var(--content-content-on-cloud);
}

vc-information-item vc-imagebutton label.text-link-medium-roboto {
  padding-right: 24px;
}

vc-information-item vc-imagebutton img {
  width: 20px;
  position: absolute;
  right: 0;
  top: 20%;
}

vc-information-item vc-imagebutton img+span {
  display: inline-block;
  padding-right: 30px;
}

.form-group.inlineRow .dbas-btn.btn-link {
  padding-top: 0 !important;
}

.half-button-right {
  width: 50% !important;
  float: right;
}

@media (max-width: 766.98px) {
  .half-button-right {
    width: 100% !important;
    float: none;
  }
}

.btn-add {
  display: flex;
  justify-content: flex-end;
  width: inherit;
  background: transparent;
  border: none;
  margin-top: 0px;
  margin-bottom: 0px;
  align-items: center;
  position: relative;
}

@media (max-width: 766.98px) {
  .btn-add {
    margin-bottom: 12px;
  }
}

.btn-add img {
  width: 24px !important;
  height: 24px;
  visibility: hidden;
}

.btn-add:hover {
  background: transparent !important;
  border-color: transparent !important;
}

.btn-add:hover::before {
  background: url('images/icon-plus-circle-hover.svg');
}

.btn-add:hover span {
  color: var(--color-custom-blue);
  text-decoration: underline;
}

.btn-add span {
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: var(--btn-font-size);
  font-style: normal;
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  padding-left: 12px;
}

.btn-add::before {
  background: url('images/icon-plus-circle.svg');
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
}

.btn-login-difr {
  color: var(--content-content-on-blue, #F6F3F0);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: var(--spacing-2xs) var(--spacing-md);
  margin-top: 16px;
  display: block;
}

@media (min-width: 767px) {
  .btn-execute-back {
    max-width: 50%;
    margin: 0 0 0 auto;
  }
}

.btn-open-calendar {
  margin-right: 4px;
}

.btn-open-calendar button:focus-visible {
  outline: 2px solid var(--content-content-black);
  border-radius: 3px;
  outline-offset: -1px;
}

.btn:focus-visible {
  outline: 3px solid var(--content-content-black);
  outline-offset: 2px;
}

@media (min-width: 1200px) and (max-width: 1380px) {
  .doc-remove-btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .doc-remove-btn span.button-text .btn-icon-left {
    margin-right: calc(var(--btn-left-icon-margin-right) - 4px) !important;
  }
}

.account-access-confirm-button.disabled {
  opacity: 0.5 !important;
}

.login-button:focus-visible {
  outline: 3px solid var(--content-content-black);
  outline-offset: 2px;
}

input[type=checkbox].checkbox,
input[type=radio].radiobox {
  opacity: 0;
  position: absolute;
  z-index: 20;
  width: 18px;
  height: 18px;
}

input[type=checkbox].checkbox:focus-visible~.checkbox-view,
input[type=radio].radiobox:focus-visible~.checkbox-view {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-radius: var(--input-field-border-radius) !important;
}

.login-screen input[type=checkbox].checkbox:focus-visible~.checkbox-view,
.login-screen input[type=radio].radiobox:focus-visible~.checkbox-view {
  outline-color: #fff;
}

.checkbox-inline {
  align-items: flex-start;
  display: flex;
  line-height: var(--checkbox-text-line-height);
}

.general-checkbox-wrap {
  display: flex;
  gap: 24px;
}

@media (max-width: 766.98px) {
  .general-checkbox-wrap vc-checkbox {
    width: 50%;
  }
}

.general-checkbox .checkbox-inline {
  align-items: flex-start;
  gap: var(--spacing-2xs);
}

@media (max-width: 766.98px) {
  .general-checkbox .checkbox-inline .checkbox-text {
    margin-right: 0 !important;
  }

  .general-checkbox .checkbox-inline .checkbox-text span {
    font-size: 16px;
    color: black;
    padding-top: 0 !important;
  }
}

.general-checkbox .checkbox-inline .checkbox-text {
  padding-inline-start: 0;
}

.checkbox input[type=checkbox].checkbox+.checkbox-view+.checkbox-text,
.checkbox-inline input[type=checkbox].checkbox+.checkbox-view+.checkbox-text {
  text-align: start;
  margin-right: 10px;
  margin-left: 0;
  font-style: normal;
  font-family: var(--base-font-family);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  font-weight: var(--base-font-weight);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

.checkbox-text.has-text {
  padding-inline-start: 12px;
}

.select-all .checkbox-text {
  padding-left: 15px !important;
}

label input[type=checkbox].checkbox:checked+.checkbox-view,
label:hover input[type=checkbox].checkbox:checked+.checkbox-view {
  background-image: url('../img/checkbox-checked-square.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  content: "";
  background-size: auto !important;
}

label input[type=checkbox].checkbox:checked+.checkbox-view,
label:hover input[type=checkbox].checkbox:checked+.checkbox-view,
label input[type=checkbox].checkbox+.checkbox-view,
label:hover input[type=checkbox].checkbox+.checkbox-view {
  border: var(--checkbox-border-width) solid var(--checkbox-border-color);
  padding: 2px;
  border-radius: var(--checkbox-shape-border-radius);
  width: var(--checkbox-shape-width);
  height: var(--checkbox-shape-height);
  min-width: var(--checkbox-shape-width);
  min-height: var(--checkbox-shape-height);
  color: var(--checkbox-shape-background-color);
  background-color: var(--checkbox-shape-background-color) !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .checkbox-text {
    max-width: 472px;
  }
}

.favourite-checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  left: -20px;
  top: -20px;
}

.favourite-checkbox label input[type=checkbox].checkbox+.checkbox-view,
.favourite-checkbox label:hover input[type=checkbox].checkbox+.checkbox-view {
  --checkbox-shape-width: 24px;
  --checkbox-shape-height: 23px;
  --checkbox-shape-background-color: var(--content-content-blue);
  --checkbox-border-width: 0;
  -webkit-mask-image: url('images/star-outline.svg') !important;
  mask-image: url('images/star-outline.svg') !important;
  padding: 0;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: none !important;
  cursor: pointer;
}

.favourite-checkbox:has(.checkbox:focus-visible) .checkbox-inline {
  outline: 2px solid var(--content-content-blue);
  outline-offset: 2px;
}

.favourite-checkbox:has(input[type=checkbox]:disabled) input[type=checkbox].checkbox+.checkbox-view {
  --checkbox-shape-background-color: var(--colors-gray-200);
}

.favourite-checkbox:has(input[type=checkbox]:disabled) .checkbox-view {
  cursor: default;
}

.favourite-checkbox label input[type=checkbox].checkbox:checked+.checkbox-view,
.favourite-checkbox label:hover input[type=checkbox].checkbox:checked+.checkbox-view {
  -webkit-mask-image: url('images/star-filled.svg') !important;
  mask-image: url('images/star-filled.svg') !important;
}

.favourite-checkbox .checkbox-inline {
  margin: 0;
}

.favourite-checkbox.sr-text-hide .checkbox-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

vc-checkbox:has(input[type=checkbox]:not(:disabled)) .checkbox-text,
vc-checkbox:has(input[type=checkbox]:not(:disabled)) .checkbox-children,
vc-checkbox:has(input[type=checkbox]:not(:disabled)) .checkbox-view,
vc-checkbox:has(input[type=checkbox]:not(:disabled)) .checkbox-inline,
vc-checkbox:has(input[type=checkbox]:not(:disabled)) input[type=checkbox] {
  cursor: pointer;
}

.cb-inline-mb-remove .checkbox-inline {
  margin-bottom: 0;
}

/* Mixins */
/* Functions */
/* margin & padding helpers */
.m-t-auto {
  margin-top: autopx !important;
}

.p-t-auto {
  padding-top: autopx !important;
}

.m-b-auto {
  margin-bottom: autopx !important;
}

.p-b-auto {
  padding-bottom: autopx !important;
}

.m-l-auto {
  margin-left: autopx !important;
}

.p-l-auto {
  padding-left: autopx !important;
}

.m-r-auto {
  margin-right: autopx !important;
}

.p-r-auto {
  padding-right: autopx !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

/* end of margin & padding helpers */
.p-l-0 {
  padding-left: 0px;
}

.p-l-1 {
  padding-left: 1px;
}

.p-l-2 {
  padding-left: 2px;
}

.p-l-3 {
  padding-left: 3px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-6 {
  padding-left: 6px;
}

.p-l-7 {
  padding-left: 7px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-l-9 {
  padding-left: 9px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-11 {
  padding-left: 11px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-l-13 {
  padding-left: 13px;
}

.p-l-14 {
  padding-left: 14px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-l-17 {
  padding-left: 17px;
}

.p-l-18 {
  padding-left: 18px;
}

.p-l-19 {
  padding-left: 19px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-21 {
  padding-left: 21px;
}

.p-l-22 {
  padding-left: 22px;
}

.p-l-23 {
  padding-left: 23px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-l-26 {
  padding-left: 26px;
}

.p-l-27 {
  padding-left: 27px;
}

.p-l-28 {
  padding-left: 28px;
}

.p-l-29 {
  padding-left: 29px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-l-31 {
  padding-left: 31px;
}

.p-l-32 {
  padding-left: 32px;
}

.p-l-33 {
  padding-left: 33px;
}

.p-l-34 {
  padding-left: 34px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-l-36 {
  padding-left: 36px;
}

.p-l-37 {
  padding-left: 37px;
}

.p-l-38 {
  padding-left: 38px;
}

.p-l-39 {
  padding-left: 39px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-l-41 {
  padding-left: 41px;
}

.p-l-42 {
  padding-left: 42px;
}

.p-l-43 {
  padding-left: 43px;
}

.p-l-44 {
  padding-left: 44px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-l-46 {
  padding-left: 46px;
}

.p-l-47 {
  padding-left: 47px;
}

.p-l-48 {
  padding-left: 48px;
}

.p-l-49 {
  padding-left: 49px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-l-51 {
  padding-left: 51px;
}

.p-l-52 {
  padding-left: 52px;
}

.p-l-53 {
  padding-left: 53px;
}

.p-l-54 {
  padding-left: 54px;
}

.p-l-55 {
  padding-left: 55px;
}

.p-l-56 {
  padding-left: 56px;
}

.p-l-57 {
  padding-left: 57px;
}

.p-l-58 {
  padding-left: 58px;
}

.p-l-59 {
  padding-left: 59px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-l-61 {
  padding-left: 61px;
}

.p-l-62 {
  padding-left: 62px;
}

.p-l-63 {
  padding-left: 63px;
}

.p-l-64 {
  padding-left: 64px;
}

.p-l-65 {
  padding-left: 65px;
}

.p-l-66 {
  padding-left: 66px;
}

.p-l-67 {
  padding-left: 67px;
}

.p-l-68 {
  padding-left: 68px;
}

.p-l-69 {
  padding-left: 69px;
}

.p-l-70 {
  padding-left: 70px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-r-1 {
  padding-right: 1px;
}

.p-r-2 {
  padding-right: 2px;
}

.p-r-3 {
  padding-right: 3px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-6 {
  padding-right: 6px;
}

.p-r-7 {
  padding-right: 7px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-r-9 {
  padding-right: 9px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-11 {
  padding-right: 11px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-r-13 {
  padding-right: 13px;
}

.p-r-14 {
  padding-right: 14px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-r-17 {
  padding-right: 17px;
}

.p-r-18 {
  padding-right: 18px;
}

.p-r-19 {
  padding-right: 19px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-21 {
  padding-right: 21px;
}

.p-r-22 {
  padding-right: 22px;
}

.p-r-23 {
  padding-right: 23px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-r-26 {
  padding-right: 26px;
}

.p-r-27 {
  padding-right: 27px;
}

.p-r-28 {
  padding-right: 28px;
}

.p-r-29 {
  padding-right: 29px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-r-31 {
  padding-right: 31px;
}

.p-r-32 {
  padding-right: 32px;
}

.p-r-33 {
  padding-right: 33px;
}

.p-r-34 {
  padding-right: 34px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-r-36 {
  padding-right: 36px;
}

.p-r-37 {
  padding-right: 37px;
}

.p-r-38 {
  padding-right: 38px;
}

.p-r-39 {
  padding-right: 39px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-41 {
  padding-right: 41px;
}

.p-r-42 {
  padding-right: 42px;
}

.p-r-43 {
  padding-right: 43px;
}

.p-r-44 {
  padding-right: 44px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-r-46 {
  padding-right: 46px;
}

.p-r-47 {
  padding-right: 47px;
}

.p-r-48 {
  padding-right: 48px;
}

.p-r-49 {
  padding-right: 49px;
}

.p-r-50 {
  padding-right: 50px;
}

.p-r-51 {
  padding-right: 51px;
}

.p-r-52 {
  padding-right: 52px;
}

.p-r-53 {
  padding-right: 53px;
}

.p-r-54 {
  padding-right: 54px;
}

.p-r-55 {
  padding-right: 55px;
}

.p-r-56 {
  padding-right: 56px;
}

.p-r-57 {
  padding-right: 57px;
}

.p-r-58 {
  padding-right: 58px;
}

.p-r-59 {
  padding-right: 59px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-r-61 {
  padding-right: 61px;
}

.p-r-62 {
  padding-right: 62px;
}

.p-r-63 {
  padding-right: 63px;
}

.p-r-64 {
  padding-right: 64px;
}

.p-r-65 {
  padding-right: 65px;
}

.p-r-66 {
  padding-right: 66px;
}

.p-r-67 {
  padding-right: 67px;
}

.p-r-68 {
  padding-right: 68px;
}

.p-r-69 {
  padding-right: 69px;
}

.p-r-70 {
  padding-right: 70px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-b-1 {
  padding-bottom: 1px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.p-b-3 {
  padding-bottom: 3px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.p-b-7 {
  padding-bottom: 7px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-b-9 {
  padding-bottom: 9px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-b-11 {
  padding-bottom: 11px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.p-b-13 {
  padding-bottom: 13px;
}

.p-b-14 {
  padding-bottom: 14px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-b-17 {
  padding-bottom: 17px;
}

.p-b-18 {
  padding-bottom: 18px;
}

.p-b-19 {
  padding-bottom: 19px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-b-21 {
  padding-bottom: 21px;
}

.p-b-22 {
  padding-bottom: 22px;
}

.p-b-23 {
  padding-bottom: 23px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-b-26 {
  padding-bottom: 26px;
}

.p-b-27 {
  padding-bottom: 27px;
}

.p-b-28 {
  padding-bottom: 28px;
}

.p-b-29 {
  padding-bottom: 29px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-b-31 {
  padding-bottom: 31px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.p-b-33 {
  padding-bottom: 33px;
}

.p-b-34 {
  padding-bottom: 34px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-b-36 {
  padding-bottom: 36px;
}

.p-b-37 {
  padding-bottom: 37px;
}

.p-b-38 {
  padding-bottom: 38px;
}

.p-b-39 {
  padding-bottom: 39px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-b-41 {
  padding-bottom: 41px;
}

.p-b-42 {
  padding-bottom: 42px;
}

.p-b-43 {
  padding-bottom: 43px;
}

.p-b-44 {
  padding-bottom: 44px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-b-46 {
  padding-bottom: 46px;
}

.p-b-47 {
  padding-bottom: 47px;
}

.p-b-48 {
  padding-bottom: 48px;
}

.p-b-49 {
  padding-bottom: 49px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-b-51 {
  padding-bottom: 51px;
}

.p-b-52 {
  padding-bottom: 52px;
}

.p-b-53 {
  padding-bottom: 53px;
}

.p-b-54 {
  padding-bottom: 54px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.p-b-56 {
  padding-bottom: 56px;
}

.p-b-57 {
  padding-bottom: 57px;
}

.p-b-58 {
  padding-bottom: 58px;
}

.p-b-59 {
  padding-bottom: 59px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-b-61 {
  padding-bottom: 61px;
}

.p-b-62 {
  padding-bottom: 62px;
}

.p-b-63 {
  padding-bottom: 63px;
}

.p-b-64 {
  padding-bottom: 64px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.p-b-66 {
  padding-bottom: 66px;
}

.p-b-67 {
  padding-bottom: 67px;
}

.p-b-68 {
  padding-bottom: 68px;
}

.p-b-69 {
  padding-bottom: 69px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-t-1 {
  padding-top: 1px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-t-3 {
  padding-top: 3px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-t-6 {
  padding-top: 6px;
}

.p-t-7 {
  padding-top: 7px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-t-9 {
  padding-top: 9px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-t-11 {
  padding-top: 11px;
}

.p-t-12 {
  padding-top: 12px;
}

.p-t-13 {
  padding-top: 13px;
}

.p-t-14 {
  padding-top: 14px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-t-17 {
  padding-top: 17px;
}

.p-t-18 {
  padding-top: 18px;
}

.p-t-19 {
  padding-top: 19px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-t-21 {
  padding-top: 21px;
}

.p-t-22 {
  padding-top: 22px;
}

.p-t-23 {
  padding-top: 23px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-t-26 {
  padding-top: 26px;
}

.p-t-27 {
  padding-top: 27px;
}

.p-t-28 {
  padding-top: 28px;
}

.p-t-29 {
  padding-top: 29px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-t-31 {
  padding-top: 31px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-t-33 {
  padding-top: 33px;
}

.p-t-34 {
  padding-top: 34px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-t-36 {
  padding-top: 36px;
}

.p-t-37 {
  padding-top: 37px;
}

.p-t-38 {
  padding-top: 38px;
}

.p-t-39 {
  padding-top: 39px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-t-41 {
  padding-top: 41px;
}

.p-t-42 {
  padding-top: 42px;
}

.p-t-43 {
  padding-top: 43px;
}

.p-t-44 {
  padding-top: 44px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-t-46 {
  padding-top: 46px;
}

.p-t-47 {
  padding-top: 47px;
}

.p-t-48 {
  padding-top: 48px;
}

.p-t-49 {
  padding-top: 49px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-t-51 {
  padding-top: 51px;
}

.p-t-52 {
  padding-top: 52px;
}

.p-t-53 {
  padding-top: 53px;
}

.p-t-54 {
  padding-top: 54px;
}

.p-t-55 {
  padding-top: 55px;
}

.p-t-56 {
  padding-top: 56px;
}

.p-t-57 {
  padding-top: 57px;
}

.p-t-58 {
  padding-top: 58px;
}

.p-t-59 {
  padding-top: 59px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-t-61 {
  padding-top: 61px;
}

.p-t-62 {
  padding-top: 62px;
}

.p-t-63 {
  padding-top: 63px;
}

.p-t-64 {
  padding-top: 64px;
}

.p-t-65 {
  padding-top: 65px;
}

.p-t-66 {
  padding-top: 66px;
}

.p-t-67 {
  padding-top: 67px;
}

.p-t-68 {
  padding-top: 68px;
}

.p-t-69 {
  padding-top: 69px;
}

.p-t-70 {
  padding-top: 70px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-l-1 {
  margin-left: 1px;
}

.m-l-2 {
  margin-left: 2px;
}

.m-l-3 {
  margin-left: 3px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-l-7 {
  margin-left: 7px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-l-9 {
  margin-left: 9px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-11 {
  margin-left: 11px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-l-13 {
  margin-left: 13px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-l-17 {
  margin-left: 17px;
}

.m-l-18 {
  margin-left: 18px;
}

.m-l-19 {
  margin-left: 19px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-21 {
  margin-left: 21px;
}

.m-l-22 {
  margin-left: 22px;
}

.m-l-23 {
  margin-left: 23px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-l-26 {
  margin-left: 26px;
}

.m-l-27 {
  margin-left: 27px;
}

.m-l-28 {
  margin-left: 28px;
}

.m-l-29 {
  margin-left: 29px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-l-31 {
  margin-left: 31px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-l-33 {
  margin-left: 33px;
}

.m-l-34 {
  margin-left: 34px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-l-36 {
  margin-left: 36px;
}

.m-l-37 {
  margin-left: 37px;
}

.m-l-38 {
  margin-left: 38px;
}

.m-l-39 {
  margin-left: 39px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-l-41 {
  margin-left: 41px;
}

.m-l-42 {
  margin-left: 42px;
}

.m-l-43 {
  margin-left: 43px;
}

.m-l-44 {
  margin-left: 44px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-l-46 {
  margin-left: 46px;
}

.m-l-47 {
  margin-left: 47px;
}

.m-l-48 {
  margin-left: 48px;
}

.m-l-49 {
  margin-left: 49px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-51 {
  margin-left: 51px;
}

.m-l-52 {
  margin-left: 52px;
}

.m-l-53 {
  margin-left: 53px;
}

.m-l-54 {
  margin-left: 54px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-l-56 {
  margin-left: 56px;
}

.m-l-57 {
  margin-left: 57px;
}

.m-l-58 {
  margin-left: 58px;
}

.m-l-59 {
  margin-left: 59px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-l-61 {
  margin-left: 61px;
}

.m-l-62 {
  margin-left: 62px;
}

.m-l-63 {
  margin-left: 63px;
}

.m-l-64 {
  margin-left: 64px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-l-66 {
  margin-left: 66px;
}

.m-l-67 {
  margin-left: 67px;
}

.m-l-68 {
  margin-left: 68px;
}

.m-l-69 {
  margin-left: 69px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-r-1 {
  margin-right: 1px;
}

.m-r-2 {
  margin-right: 2px;
}

.m-r-3 {
  margin-right: 3px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-6 {
  margin-right: 6px;
}

.m-r-7 {
  margin-right: 7px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-r-9 {
  margin-right: 9px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-11 {
  margin-right: 11px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-r-13 {
  margin-right: 13px;
}

.m-r-14 {
  margin-right: 14px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-r-17 {
  margin-right: 17px;
}

.m-r-18 {
  margin-right: 18px;
}

.m-r-19 {
  margin-right: 19px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-21 {
  margin-right: 21px;
}

.m-r-22 {
  margin-right: 22px;
}

.m-r-23 {
  margin-right: 23px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-r-26 {
  margin-right: 26px;
}

.m-r-27 {
  margin-right: 27px;
}

.m-r-28 {
  margin-right: 28px;
}

.m-r-29 {
  margin-right: 29px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-31 {
  margin-right: 31px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-r-33 {
  margin-right: 33px;
}

.m-r-34 {
  margin-right: 34px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-r-36 {
  margin-right: 36px;
}

.m-r-37 {
  margin-right: 37px;
}

.m-r-38 {
  margin-right: 38px;
}

.m-r-39 {
  margin-right: 39px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-41 {
  margin-right: 41px;
}

.m-r-42 {
  margin-right: 42px;
}

.m-r-43 {
  margin-right: 43px;
}

.m-r-44 {
  margin-right: 44px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-r-46 {
  margin-right: 46px;
}

.m-r-47 {
  margin-right: 47px;
}

.m-r-48 {
  margin-right: 48px;
}

.m-r-49 {
  margin-right: 49px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-r-51 {
  margin-right: 51px;
}

.m-r-52 {
  margin-right: 52px;
}

.m-r-53 {
  margin-right: 53px;
}

.m-r-54 {
  margin-right: 54px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-r-56 {
  margin-right: 56px;
}

.m-r-57 {
  margin-right: 57px;
}

.m-r-58 {
  margin-right: 58px;
}

.m-r-59 {
  margin-right: 59px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-r-61 {
  margin-right: 61px;
}

.m-r-62 {
  margin-right: 62px;
}

.m-r-63 {
  margin-right: 63px;
}

.m-r-64 {
  margin-right: 64px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-r-66 {
  margin-right: 66px;
}

.m-r-67 {
  margin-right: 67px;
}

.m-r-68 {
  margin-right: 68px;
}

.m-r-69 {
  margin-right: 69px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-b-1 {
  margin-bottom: 1px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.m-b-3 {
  margin-bottom: 3px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-6 {
  margin-bottom: 6px;
}

.m-b-7 {
  margin-bottom: 7px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-b-9 {
  margin-bottom: 9px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-11 {
  margin-bottom: 11px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.m-b-13 {
  margin-bottom: 13px;
}

.m-b-14 {
  margin-bottom: 14px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-b-17 {
  margin-bottom: 17px;
}

.m-b-18 {
  margin-bottom: 18px;
}

.m-b-19 {
  margin-bottom: 19px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-21 {
  margin-bottom: 21px;
}

.m-b-22 {
  margin-bottom: 22px;
}

.m-b-23 {
  margin-bottom: 23px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-26 {
  margin-bottom: 26px;
}

.m-b-27 {
  margin-bottom: 27px;
}

.m-b-28 {
  margin-bottom: 28px;
}

.m-b-29 {
  margin-bottom: 29px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-31 {
  margin-bottom: 31px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.m-b-33 {
  margin-bottom: 33px;
}

.m-b-34 {
  margin-bottom: 34px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-36 {
  margin-bottom: 36px;
}

.m-b-37 {
  margin-bottom: 37px;
}

.m-b-38 {
  margin-bottom: 38px;
}

.m-b-39 {
  margin-bottom: 39px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-41 {
  margin-bottom: 41px;
}

.m-b-42 {
  margin-bottom: 42px;
}

.m-b-43 {
  margin-bottom: 43px;
}

.m-b-44 {
  margin-bottom: 44px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-b-46 {
  margin-bottom: 46px;
}

.m-b-47 {
  margin-bottom: 47px;
}

.m-b-48 {
  margin-bottom: 48px;
}

.m-b-49 {
  margin-bottom: 49px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-51 {
  margin-bottom: 51px;
}

.m-b-52 {
  margin-bottom: 52px;
}

.m-b-53 {
  margin-bottom: 53px;
}

.m-b-54 {
  margin-bottom: 54px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-b-56 {
  margin-bottom: 56px;
}

.m-b-57 {
  margin-bottom: 57px;
}

.m-b-58 {
  margin-bottom: 58px;
}

.m-b-59 {
  margin-bottom: 59px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-b-61 {
  margin-bottom: 61px;
}

.m-b-62 {
  margin-bottom: 62px;
}

.m-b-63 {
  margin-bottom: 63px;
}

.m-b-64 {
  margin-bottom: 64px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-b-66 {
  margin-bottom: 66px;
}

.m-b-67 {
  margin-bottom: 67px;
}

.m-b-68 {
  margin-bottom: 68px;
}

.m-b-69 {
  margin-bottom: 69px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-t-1 {
  margin-top: 1px;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-3 {
  margin-top: 3px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-6 {
  margin-top: 6px;
}

.m-t-7 {
  margin-top: 7px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-9 {
  margin-top: 9px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-11 {
  margin-top: 11px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-t-13 {
  margin-top: 13px;
}

.m-t-14 {
  margin-top: 14px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-17 {
  margin-top: 17px;
}

.m-t-18 {
  margin-top: 18px;
}

.m-t-19 {
  margin-top: 19px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-21 {
  margin-top: 21px;
}

.m-t-22 {
  margin-top: 22px;
}

.m-t-23 {
  margin-top: 23px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-26 {
  margin-top: 26px;
}

.m-t-27 {
  margin-top: 27px;
}

.m-t-28 {
  margin-top: 28px;
}

.m-t-29 {
  margin-top: 29px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-31 {
  margin-top: 31px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-t-33 {
  margin-top: 33px;
}

.m-t-34 {
  margin-top: 34px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-t-36 {
  margin-top: 36px;
}

.m-t-37 {
  margin-top: 37px;
}

.m-t-38 {
  margin-top: 38px;
}

.m-t-39 {
  margin-top: 39px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-41 {
  margin-top: 41px;
}

.m-t-42 {
  margin-top: 42px;
}

.m-t-43 {
  margin-top: 43px;
}

.m-t-44 {
  margin-top: 44px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-t-46 {
  margin-top: 46px;
}

.m-t-47 {
  margin-top: 47px;
}

.m-t-48 {
  margin-top: 48px;
}

.m-t-49 {
  margin-top: 49px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-51 {
  margin-top: 51px;
}

.m-t-52 {
  margin-top: 52px;
}

.m-t-53 {
  margin-top: 53px;
}

.m-t-54 {
  margin-top: 54px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-t-56 {
  margin-top: 56px;
}

.m-t-57 {
  margin-top: 57px;
}

.m-t-58 {
  margin-top: 58px;
}

.m-t-59 {
  margin-top: 59px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-61 {
  margin-top: 61px;
}

.m-t-62 {
  margin-top: 62px;
}

.m-t-63 {
  margin-top: 63px;
}

.m-t-64 {
  margin-top: 64px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-t-66 {
  margin-top: 66px;
}

.m-t-67 {
  margin-top: 67px;
}

.m-t-68 {
  margin-top: 68px;
}

.m-t-69 {
  margin-top: 69px;
}

.m-t-70 {
  margin-top: 70px;
}

.dbas-footer {
  min-height: 70px;
  height: auto;
  background-color: var(--mobile-menu-background-color);
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  border-top: 1px solid var(--border-border-slate-secondary);
  border-radius: 10px 10px 0 0;
  box-shadow: 0px -10px 20px 8px rgba(0, 0, 0, 0.12);
}

@media (max-width: 766.98px) {
  .dbas-footer {
    border-top: 0;
  }
}

.dbas-footer .nav-link-item {
  height: 95px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: var(--mobile-menu-links-color);
  font-size: 14px;
  font-weight: 400;
  font-family: var(--base-font-family);
  line-height: 16px;
  box-sizing: border-box;
  padding-top: 24px;
  border-top: 0 solid transparent;
  gap: 4px;
}

.dbas-footer .nav-link-item .icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  min-height: 20px;
  width: 24px;
  height: 24px;
}

.dbas-footer .nav-link-item vc-label {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.dbas-footer .nav-link-item.active {
  color: var(--mobile-menu-links-active-color);
}

.dbas-footer .nav-link-item.active .icon {
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: invert(75%) sepia(97%) saturate(6600%) hue-rotate(2deg) brightness(94%) contrast(108%);
  background-color: transparent !important;
}

.dbas-footer .nav-link-item.active .icon-home {
  -webkit-mask-image: url('images/foot-menu-home-active.svg');
  mask-image: url('images/foot-menu-home-active.svg');
}

.dbas-footer .nav-link-item.active .icon-account {
  -webkit-mask-image: url('images/foot-menu-accounts-active.svg');
  mask-image: url('images/foot-menu-accounts-active.svg');
  -webkit-mask-size: auto;
  mask-size: auto;
}

.dbas-footer .nav-link-item.active .icon-cards {
  -webkit-mask-image: url('images/icon-cards-active.svg');
  mask-image: url('images/icon-cards-active.svg');
  background-image: url('../img/checkbox-checked-square.svg') !important;
}

.dbas-footer .nav-link-item.active .icon-send-money {
  -webkit-mask-image: url('images/icon-menu-transfer-white.svg');
  mask-image: url('images/icon-menu-transfer-white.svg');
}

.dbas-footer .nav-link-item.active .icon-transfer {
  -webkit-mask-image: url('images/foot-menu-transfers-active.svg');
  mask-image: url('images/foot-menu-transfers-active.svg');
}

.dbas-footer .nav-link-item.active .icon-security-settings {
  -webkit-mask-image: url('images/icon-security-settings-white.svg');
  mask-image: url('images/icon-security-settings-white.svg');
}

.dbas-footer .nav-link-item.active .icon-more {
  -webkit-mask-image: url('images/foot-menu-more-active.svg');
  mask-image: url('images/foot-menu-more-active.svg');
}

.dbas-footer .nav-link-item.active .icon-deposits {
  -webkit-mask-image: url('images/foot-menu-deposits-active.svg');
  mask-image: url('images/foot-menu-deposits-active.svg');
}

.dbas-footer .nav-link-item.active .icon-business {
  -webkit-mask-image: url('images/foot-menu-business-active.svg');
  mask-image: url('images/foot-menu-business-active.svg');
}

.dbas-footer .nav-link-item .icon-deposits {
  background-image: url('images/foot-menu-deposits.svg');
}

.dbas-footer .nav-link-item .icon-home {
  background-image: url('images/foot-menu-home.svg');
}

.dbas-footer .nav-link-item .icon-account {
  background-image: url('images/foot-menu-accounts.svg');
}

.dbas-footer .nav-link-item .icon-cards {
  background-image: url('images/icon-cards.svg');
}

.dbas-footer .nav-link-item .icon-send-money {
  background-image: url('images/icon-menu-transfer.svg');
}

.dbas-footer .nav-link-item .icon-security-settings {
  background-image: url('images/icon-security-settings.svg');
}

.dbas-footer .nav-link-item .icon-transfer {
  background-image: url('images/foot-menu-transfers.svg');
}

.dbas-footer .nav-link-item .icon-more {
  background-image: url('images/foot-menu-more.svg');
}

.dbas-footer .nav-link-item .icon-business {
  background-image: url('images/foot-menu-business.svg');
}

.dbas-footer .nav-link-item .icon-services {
  background-image: url('images/foot-menu-services.svg');
}

.dbas-footer .nav-link-item .mobile-center-menu {
  background-image: url('images/foot-mobile-center-menu.svg');
  background-color: var(--content-content-success);
  box-shadow: 0 20px 32px 0 rgba(0, 0, 0, 0.24);
  width: 70px;
  height: 68px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}

.dbas-footer .nav-item-icon {
  margin: 0 auto;
}

.dbas-footer-aside {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  align-items: flex-start;
  justify-content: normal;
}

@media (min-width: 768px) {
  .dbas-footer-aside {
    gap: var(--spacing-2xl);
  }

  .dbas-footer-aside>.menu-container.main-menu:nth-child(1) .dropdown-container {
    display: none !important;
  }

  .dbas-footer-aside>.menu-container.main-menu:nth-child(2) .dropdown-container {
    max-width: 250px;
  }
}

.dbas-footer-aside .nav-item-icon {
  margin: 0;
}

.dbas-footer-aside .nav-link-item {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  color: var(--main-header-links-color);
  white-space: normal;
  font: normal normal var(--main-header-links-font-weight) 20px/24px var(--main-header-links-font-family);
  border-bottom-style: solid;
  border-bottom-width: var(--main-header-links-border-bottom-width);
  border-bottom-color: transparent;
  cursor: pointer !important;
  min-height: 40px;
}

@media (min-width: 767px) {
  .dbas-footer-aside .nav-link-item {
    flex-direction: row;
    gap: var(--spacing-3xs);
  }

  .dbas-footer-aside .nav-link-item:after {
    content: url('images/acc-arrow-dark.svg');
    width: 16px;
    transform: rotate(90deg);
    border: 0;
    margin: 0;
    vertical-align: initial;
  }

  .dbas-footer-aside .nav-link-item.no-child-menu::after {
    display: none;
  }
}

.dbas-footer-aside .nav-link-item.no-child-menu {
  display: inline-flex !important;
}

.dbas-footer-aside .nav-link-item vc-label {
  padding-bottom: 0px;
}

.dbas-footer-aside .nav-link-item .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
}

.dbas-footer-aside .nav-link-item.active {
  border-bottom-color: var(--main-header-links-border-bottom-color);
}

.dbas-footer-aside .nav-link-item.has-focus vc-label,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active vc-label,
.dbas-footer-aside .nav-link-item:focus vc-label {
  color: var(--main-header-links-hover-color);
}

.dbas-footer-aside .nav-link-item.has-focus .icon-home,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-home,
.dbas-footer-aside .nav-link-item:focus .icon-home {
  background-image: url('images/icon-home-white.svg');
}

.dbas-footer-aside .nav-link-item.has-focus .icon-account,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-account,
.dbas-footer-aside .nav-link-item:focus .icon-account {
  background-image: url('images/icon-account-white.svg');
}

.dbas-footer-aside .nav-link-item.has-focus .icon-cards,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-cards,
.dbas-footer-aside .nav-link-item:focus .icon-cards {
  background-image: url('images/icon-cards-white.svg');
}

.dbas-footer-aside .nav-link-item.has-focus .icon-send-money,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-send-money,
.dbas-footer-aside .nav-link-item:focus .icon-send-money {
  background-image: url('images/icon-menu-transfer-white.svg');
}

.dbas-footer-aside .nav-link-item.has-focus .icon-transfer,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-transfer,
.dbas-footer-aside .nav-link-item:focus .icon-transfer {
  background-image: url('images/icon-send-money-white.svg');
}

.dbas-footer-aside .nav-link-item.has-focus .icon-security-settings,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-security-settings,
.dbas-footer-aside .nav-link-item:focus .icon-security-settings {
  background-image: url('images/icon-security-settings-white.svg');
}

.dbas-footer-aside .nav-link-item.has-focus .icon-more,
.dbas-footer-aside .nav-link-item:hover .dbas-footer-aside .nav-link-item.active .icon-more,
.dbas-footer-aside .nav-link-item:focus .icon-more {
  background-image: url('images/icon-more-white.svg');
}

.dbas-footer-aside .nav-link-item .icon-deposits {
  background-image: url('images/foot-menu-deposits.svg');
}

.dbas-footer-aside .nav-link-item .icon-home {
  background-image: url('images/foot-menu-home.svg');
}

.dbas-footer-aside .nav-link-item .icon-account {
  background-image: url('images/foot-menu-accounts.svg');
}

.dbas-footer-aside .nav-link-item .icon-cards {
  background-image: url('images/icon-cards.svg');
}

.dbas-footer-aside .nav-link-item .icon-send-money {
  background-image: url('images/icon-menu-transfer.svg');
}

.dbas-footer-aside .nav-link-item .icon-transfer {
  background-image: url('images/foot-menu-transfers.svg');
}

.dbas-footer-aside .nav-link-item .icon-more {
  background-image: url('images/foot-menu-more.svg');
}

.dbas-footer-aside .nav-link-item .icon-security-settings {
  background-image: url('images/icon-security-settings.svg');
}

.dbas-footer-aside .nav-link-item .icon-business {
  background-image: url('images/foot-menu-business.svg');
}

.dbas-footer-aside .nav-link-item:last-child {
  border: 0;
}

.menu-container {
  position: relative;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .menu-container:nth-child(2) .dropdown-container .dropdown-menu.menu-navbar.sub::before {
    left: 1.9rem;
  }
}

.menu-container .dropdown-menu {
  background-color: transparent !important;
}

.menu-container .collapse {
  margin-top: 10px;
}

.menu-container:has(.show) .expand::after {
  transform: rotate(270deg);
  position: relative;
  left: 5px;
}

.dropdown-container {
  position: absolute;
  display: none;
  z-index: 99;
  padding-top: 16px;
  width: 343px;
  left: auto;
  right: 0;
}

.dropdown-container:before {
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 8px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 12px 8px 12px;
  border-color: transparent transparent var(--border-border-slate-secondary) transparent;
  transform: rotate(0deg);
}

.dropdown-container .dropdown-menu.sub.menu-navbar {
  position: relative;
  display: block !important;
}

.dropdown-container .dropdown-menu.sub.menu-navbar .is-open>a {
  background-color: transparent !important;
}

.dropdown-container .dropdown-menu.sub.menu-navbar .is-open>a vc-imagebutton {
  transform: none !important;
}

.dropdown-container .dropdown-menu.sub.menu-navbar .is-open>a vc-imagebutton img {
  transform: rotate(90deg);
}

.dropdown-container .dropdown-menu.sub.menu-navbar .is-open>.dropdown-menu {
  display: block;
}

.dropdown.show .dropdown-container,
.dropdown-container.is-open {
  display: block;
}

.mobile-user-menu .header-right-image,
.mobile-user-menu .dropdown-container {
  z-index: 1051 !important;
}

.dropdown-menu.menu-navbar {
  left: 0;
  float: none;
  list-style: none;
  transition: width 0.5s ease;
  margin-top: 0px;
  position: static;
  display: block;
  background-color: transparent;
  border: none;
  padding: 0;
}

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

.dropdown-menu.menu-navbar.active {
  width: 372px;
  display: block;
}

.dropdown-menu.menu-navbar.sub::before {
  content: " ";
  position: absolute;
  top: -8px;
  left: calc(50% - 20px);
  width: 0;
  height: 0;
  border-bottom: 8px solid var(--submenu-tooltip-background-color);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  display: none;
}

.dropdown-menu.menu-navbar vc-imagebutton {
  transition: transform 0.2s linear;
}

.dropdown-menu.menu-navbar>.dropdown-menu {
  position: relative;
  left: 0;
  margin: 0;
  float: none;
  background: var(--colors-truecolors-white);
  border: none !important;
  box-shadow: none;
}

.dropdown-menu.menu-navbar>.dropdown-menu li>a {
  padding-left: 4.5rem;
}

.dropdown-menu.menu-navbar>.dropdown-menu.sub-child,
.dropdown-menu.menu-navbar>.dropdown-menu .sub-child-three {
  display: none;
}

.dropdown-menu.menu-navbar>.dropdown-menu.sub-child .menu-navbar-content__text vc-imagebutton {
  margin-top: -10px !important;
}

.dropdown-menu.menu-navbar .dropdown-menu.sub-child-three {
  position: relative;
  top: -6px;
  padding-left: 2.5rem;
  border: none;
  box-shadow: none;
}

.dropdown-menu.menu-navbar .menu-navbar-content {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}

.dropdown-menu.menu-navbar .menu-navbar-content a::after {
  display: none !important;
}

.dropdown-menu.menu-navbar .menu-navbar-content .menu-icon {
  width: 38px;
  height: 38px;
}

.dropdown-menu.menu-navbar .menu-navbar-content.is-open>a .menu-title {
  color: var(--content-content-white) !important;
}

.dropdown-menu.menu-navbar .menu-navbar-content.is-open>a vc-imagebutton img {
  transform: rotate(270deg);
}

.dropdown-menu.menu-navbar .menu-navbar-content.is-open>.dropdown-menu {
  display: block;
}

.dropdown-menu.menu-navbar .menu-navbar-content-link {
  display: flex;
  flex-basis: 100%;
  padding: 0;
  white-space: normal;
  background: none !important;
  align-items: center;
  min-height: 40px;
  padding-left: 70px;
  border-left: 6px solid transparent;
  cursor: pointer;
}

.dropdown-menu.menu-navbar .menu-navbar-content-link:hover {
  background: var(--content-content-on-gray) !important;
  color: var(--content-content-black) !important;
  border-left: 6px solid var(--content-content-orange);
}

.dropdown-menu.menu-navbar .menu-navbar-content-link:hover vc-label.menu-title {
  color: var(--content-content-black) !important;
}

.dropdown-menu.menu-navbar .menu-navbar-content-link:hover vc-imagebutton img {
  filter: invert(0);
}

.dropdown-menu.menu-navbar .menu-navbar-content-link.active {
  background: var(--content-content-on-gray) !important;
  color: var(--content-content-black) !important;
  border-left: 6px solid var(--content-content-orange);
}

.dropdown-menu.menu-navbar .menu-navbar-content-link.active vc-label.menu-title {
  color: var(--content-content-black) !important;
}

.dropdown-menu.menu-navbar .menu-navbar-content-link.secondlevel {
  padding-left: 95px;
}

.dropdown-menu.menu-navbar .menu-navbar-content__text.no-description vc-imagebutton {
  margin-top: -8px;
}

.dropdown-menu.menu-navbar vc-label span i {
  font-style: normal;
}

.dropdown-menu.menu-navbar vc-imagebutton {
  margin: 0;
}

.dropdown-menu.menu-navbar vc-imagebutton a {
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  top: 50%;
  position: absolute;
  right: 46px;
  transform: translateY(-50%);
}

.dropdown-menu.menu-navbar .menu-title {
  display: block;
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.dropdown-menu.menu-navbar .menu-title i {
  font-style: normal;
}

.dropdown-menu.menu-navbar .menu-new-menu {
  font: normal normal normal 14px var(--base-font-family);
  background-color: var(--colors-primary-900);
  color: var(--colors-truecolors-white);
  padding: 4px 6px 4px 6px;
  border-radius: 5px;
  margin-left: 10px;
}

.dropdown-menu.menu-navbar .menu-description {
  font: normal normal normal 14px/20px var(--base-font-family);
  color: var(--base-text-color);
  text-shadow: 0px 0px 12px rgba(from var(--colors-truecolors-black) r g b/0.12);
  display: block;
}

.dropdown-menu.menu-navbar .menu-navbar-header {
  display: inline-flex;
  align-items: center;
  padding: 20px;
  color: var(--content-content-primary);
  font-size: 15px;
  padding-left: 45px;
}

.dropdown-menu.menu-navbar .menu-navbar-header .menu-header-title {
  margin-left: 14px;
  white-space: nowrap;
}

.dropdown-submenu>.dropdown-menu {
  position: relative;
  display: none;
  left: 0;
  margin: 0;
  float: none;
  background: var(--colors-truecolors-white);
  border: none !important;
  box-shadow: none;
  padding: 0;
}

.dropdown-submenu>.dropdown-menu li>a {
  font-weight: 500;
  line-height: 20px;
  font-family: var(--base-font-family);
  min-height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: var(--sizing-sizing-96) !important;
}

.dropdown-submenu>.dropdown-menu li>a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: var(--submenu-item-icon-background-color);
  border-radius: var(--submenu-item-icon-border-radius);
  transform: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-image: none;
  display: none;
}

.dropdown-submenu>.dropdown-menu li>a.transfer-money::before {
  background-image: url('images/menu/menu-transfer-money.svg');
}

.dropdown-submenu>.dropdown-menu li>a.manage-recipient::before {
  background-image: url('images/menu/menu-manage-recipient.svg');
}

.dropdown-submenu>.dropdown-menu li>a.send-money::before {
  background-image: url('images/menu/menu-send-money.svg');
}

.dropdown-submenu>.dropdown-menu li>a.request-money::before {
  background-image: url('images/menu/menu-request-money.svg');
}

.dropdown-submenu>.dropdown-menu li>a.manage-contacts::before {
  background-image: url('images/menu/menu-manage-contacts.svg');
}

.dropdown-submenu>.dropdown-menu li>a.pending::before {
  background-image: url('images/menu/menu-pending.svg');
}

.dropdown-submenu>.dropdown-menu li>a.history::before {
  background-image: url('images/menu/menu-history.svg');
}

.dropdown-submenu>.dropdown-menu li>a.autodeposit-settings::before {
  background-image: url('images/menu/menu-autodeposit-settings.svg');
}

.dropdown-submenu>.dropdown-menu li>a.profile-settings::before {
  background-image: url('images/menu/menu-profile-settings.svg');
}

.dropdown-submenu>.dropdown-menu li>a.pay-bills::before {
  background-image: url('images/menu/menu-pay-bills.svg');
}

.dropdown-submenu>.dropdown-menu li>a.pay-business-taxes::before {
  background-image: url('images/menu/menu-pay-business-taxes.svg');
}

.dropdown-submenu>.dropdown-menu li>a.manage-payees::before {
  background-image: url('images/menu/menu-manage-payees.svg');
}

.dropdown-submenu>.dropdown-menu li>a.view-statement::before {
  background-image: url('images/menu/menu-view-statement.svg');
}

.dropdown-submenu>.dropdown-menu li>a.e-statement-subscription::before {
  background-image: url('images/menu/menu-e-statement-subscription.svg');
}

.dropdown-submenu>.dropdown-menu li>a.stop-single-cheque::before {
  background-image: url('images/menu/menu-stop-single-cheque.svg');
}

.dropdown-submenu>.dropdown-menu li>a.stop-series-cheques::before {
  background-image: url('images/menu/menu-stop-series-cheques.svg');
}

.dropdown-submenu>.dropdown-menu li>a.view-stop-cheques::before {
  background-image: url('images/menu/menu-view-stop-cheques.svg');
}

.dropdown-submenu>.dropdown-menu li>a.order-cheques::before {
  background-image: url('images/menu/menu-order-cheques.svg');
}

.dropdown-submenu>.dropdown-menu li>a.rates::before {
  background-image: url('images/menu/menu-rates.svg');
}

.dropdown-submenu>.dropdown-menu li>a.foreign-exchange-calculator::before {
  background-image: url('images/menu/menu-foreign-exchange-calculator.svg');
}

.dropdown-submenu>.dropdown-menu li>a.loan-calculator::before {
  background-image: url('images/menu/menu-loan-calculator.svg');
}

.dropdown-submenu>.dropdown-menu li>a.mortgage-calculator::before {
  background-image: url('images/menu/menu-mortgage-calculator.svg');
}

.dropdown-submenu>.dropdown-menu li>a.savings-calculator::before {
  background-image: url('images/menu/menu-savings-calculator.svg');
}

.dropdown-submenu>.dropdown-menu li>a.ask-an-expert::before {
  background-image: url('images/menu/menu-ask-an-expert.svg');
}

.dropdown-submenu>.dropdown-menu li>a.how-to::before {
  background-image: url('images/menu/menu-how-to.svg');
}

.dropdown-submenu>.dropdown-menu li>a.faq::before {
  background-image: url('images/menu/menu-faq.svg');
}

.dropdown-submenu>.dropdown-menu li>a.find-atm-branch::before {
  background-image: url('images/menu/menu-find-atm-branch.svg');
}

.dropdown-submenu>.dropdown-menu li>a.request-tracking::before {
  background-image: url('images/menu/menu-request-tracking.svg');
}

.dropdown-submenu>.dropdown-menu li>a.live-chat::before {
  background-image: url('images/menu/menu-live-chat.svg');
}

.dropdown-submenu>.dropdown-menu li>a.contact-us::before {
  background-image: url('images/menu/menu-contact-us.svg');
}

.dropdown-submenu>.dropdown-menu li>a.legal-privacy::before {
  background-image: url('images/menu/menu-legal-privacy.svg');
}

.dropdown-submenu-update-profile {
  padding: 0 76px;
}

.dropdown-submenu-update-profile a {
  height: 40px !important;
}

.icon-transfer+.menu-navbar {
  left: 24.3%;
}

.icon-transfer+.menu-navbar.sub::before {
  left: calc(50% - 18px);
}

.icon-more+.menu-navbar {
  left: 33%;
}

.icon-more+.menu-navbar.sub::before {
  right: 16px;
}

.dropdown-submenu .sub-child-three .menu-navbar-content-link {
  width: calc(100% + 5px);
}

.nav-link-background {
  border-radius: 50%;
  background: var(--colors-cloud-300);
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .menu-navbar .menu-navbar-content__text.no-description vc-imagebutton {
    margin-top: -32px !important;
  }

  .menu-navbar .menu-navbar-content__text {
    display: block !important;
  }

  .menu-navbar .dropdown-menu.sub-child .menu-navbar-content__text vc-imagebutton {
    margin-top: -32px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.vcaas-mobile-body vc-uiviewfooter vc-gridsystem.footer-desktop {
    justify-content: center;
    padding: 10px !important;
  }

  body.vcaas-mobile-body vc-uiviewfooter vc-gridsystem.footer-desktop vc-gridrow.row {
    flex-direction: column-reverse;
    flex-wrap: inherit;
  }

  body.vcaas-mobile-body vc-uiviewfooter vc-gridsystem.footer-desktop vc-gridrow.row vc-gridcolumn {
    flex: 1;
    max-width: 100%;
    padding: 0;
    text-align: center !important;
  }

  body.vcaas-mobile-body vc-uiviewfooter vc-gridsystem.footer-desktop vc-gridrow.row vc-gridcolumn:first-child {
    margin-top: 5px;
  }
}

.dropdown-submenu vc-imagebutton img {
  filter: invert(1);
  transform: rotate(90deg);
}

.dropdown-submenu a:hover .menu-title {
  color: var(--content-content-black);
}

.nav-link-item:has(.mobile-center-menu) {
  background: var(--content-content-white);
  position: relative;
  margin-top: -45px;
  border-radius: 100%;
  width: 90px !important;
  height: 68px !important;
  padding: 0;
  line-height: normal !important;
  display: block;
  padding-top: 10px !important;
}

@media (max-width: 766.98px) {
  .nav-link-item:has(.mobile-center-menu) {
    max-width: 90px;
  }
}

.dbas-footer .nav-link-item .mobile-center-menu+vc-label {
  width: 110px;
}

.expand[aria-expanded=true] {
  padding-right: 42px;
}

/* Mixins */
/* Functions */
/* margin & padding helpers */
.m-t-auto {
  margin-top: autopx !important;
}

.p-t-auto {
  padding-top: autopx !important;
}

.m-b-auto {
  margin-bottom: autopx !important;
}

.p-b-auto {
  padding-bottom: autopx !important;
}

.m-l-auto {
  margin-left: autopx !important;
}

.p-l-auto {
  padding-left: autopx !important;
}

.m-r-auto {
  margin-right: autopx !important;
}

.p-r-auto {
  padding-right: autopx !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

/* end of margin & padding helpers */
.p-l-0 {
  padding-left: 0px;
}

.p-l-1 {
  padding-left: 1px;
}

.p-l-2 {
  padding-left: 2px;
}

.p-l-3 {
  padding-left: 3px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-6 {
  padding-left: 6px;
}

.p-l-7 {
  padding-left: 7px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-l-9 {
  padding-left: 9px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-11 {
  padding-left: 11px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-l-13 {
  padding-left: 13px;
}

.p-l-14 {
  padding-left: 14px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-l-17 {
  padding-left: 17px;
}

.p-l-18 {
  padding-left: 18px;
}

.p-l-19 {
  padding-left: 19px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-21 {
  padding-left: 21px;
}

.p-l-22 {
  padding-left: 22px;
}

.p-l-23 {
  padding-left: 23px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-l-26 {
  padding-left: 26px;
}

.p-l-27 {
  padding-left: 27px;
}

.p-l-28 {
  padding-left: 28px;
}

.p-l-29 {
  padding-left: 29px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-l-31 {
  padding-left: 31px;
}

.p-l-32 {
  padding-left: 32px;
}

.p-l-33 {
  padding-left: 33px;
}

.p-l-34 {
  padding-left: 34px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-l-36 {
  padding-left: 36px;
}

.p-l-37 {
  padding-left: 37px;
}

.p-l-38 {
  padding-left: 38px;
}

.p-l-39 {
  padding-left: 39px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-l-41 {
  padding-left: 41px;
}

.p-l-42 {
  padding-left: 42px;
}

.p-l-43 {
  padding-left: 43px;
}

.p-l-44 {
  padding-left: 44px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-l-46 {
  padding-left: 46px;
}

.p-l-47 {
  padding-left: 47px;
}

.p-l-48 {
  padding-left: 48px;
}

.p-l-49 {
  padding-left: 49px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-l-51 {
  padding-left: 51px;
}

.p-l-52 {
  padding-left: 52px;
}

.p-l-53 {
  padding-left: 53px;
}

.p-l-54 {
  padding-left: 54px;
}

.p-l-55 {
  padding-left: 55px;
}

.p-l-56 {
  padding-left: 56px;
}

.p-l-57 {
  padding-left: 57px;
}

.p-l-58 {
  padding-left: 58px;
}

.p-l-59 {
  padding-left: 59px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-l-61 {
  padding-left: 61px;
}

.p-l-62 {
  padding-left: 62px;
}

.p-l-63 {
  padding-left: 63px;
}

.p-l-64 {
  padding-left: 64px;
}

.p-l-65 {
  padding-left: 65px;
}

.p-l-66 {
  padding-left: 66px;
}

.p-l-67 {
  padding-left: 67px;
}

.p-l-68 {
  padding-left: 68px;
}

.p-l-69 {
  padding-left: 69px;
}

.p-l-70 {
  padding-left: 70px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-r-1 {
  padding-right: 1px;
}

.p-r-2 {
  padding-right: 2px;
}

.p-r-3 {
  padding-right: 3px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-6 {
  padding-right: 6px;
}

.p-r-7 {
  padding-right: 7px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-r-9 {
  padding-right: 9px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-11 {
  padding-right: 11px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-r-13 {
  padding-right: 13px;
}

.p-r-14 {
  padding-right: 14px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-r-17 {
  padding-right: 17px;
}

.p-r-18 {
  padding-right: 18px;
}

.p-r-19 {
  padding-right: 19px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-21 {
  padding-right: 21px;
}

.p-r-22 {
  padding-right: 22px;
}

.p-r-23 {
  padding-right: 23px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-r-26 {
  padding-right: 26px;
}

.p-r-27 {
  padding-right: 27px;
}

.p-r-28 {
  padding-right: 28px;
}

.p-r-29 {
  padding-right: 29px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-r-31 {
  padding-right: 31px;
}

.p-r-32 {
  padding-right: 32px;
}

.p-r-33 {
  padding-right: 33px;
}

.p-r-34 {
  padding-right: 34px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-r-36 {
  padding-right: 36px;
}

.p-r-37 {
  padding-right: 37px;
}

.p-r-38 {
  padding-right: 38px;
}

.p-r-39 {
  padding-right: 39px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-41 {
  padding-right: 41px;
}

.p-r-42 {
  padding-right: 42px;
}

.p-r-43 {
  padding-right: 43px;
}

.p-r-44 {
  padding-right: 44px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-r-46 {
  padding-right: 46px;
}

.p-r-47 {
  padding-right: 47px;
}

.p-r-48 {
  padding-right: 48px;
}

.p-r-49 {
  padding-right: 49px;
}

.p-r-50 {
  padding-right: 50px;
}

.p-r-51 {
  padding-right: 51px;
}

.p-r-52 {
  padding-right: 52px;
}

.p-r-53 {
  padding-right: 53px;
}

.p-r-54 {
  padding-right: 54px;
}

.p-r-55 {
  padding-right: 55px;
}

.p-r-56 {
  padding-right: 56px;
}

.p-r-57 {
  padding-right: 57px;
}

.p-r-58 {
  padding-right: 58px;
}

.p-r-59 {
  padding-right: 59px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-r-61 {
  padding-right: 61px;
}

.p-r-62 {
  padding-right: 62px;
}

.p-r-63 {
  padding-right: 63px;
}

.p-r-64 {
  padding-right: 64px;
}

.p-r-65 {
  padding-right: 65px;
}

.p-r-66 {
  padding-right: 66px;
}

.p-r-67 {
  padding-right: 67px;
}

.p-r-68 {
  padding-right: 68px;
}

.p-r-69 {
  padding-right: 69px;
}

.p-r-70 {
  padding-right: 70px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-b-1 {
  padding-bottom: 1px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.p-b-3 {
  padding-bottom: 3px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.p-b-7 {
  padding-bottom: 7px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-b-9 {
  padding-bottom: 9px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-b-11 {
  padding-bottom: 11px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.p-b-13 {
  padding-bottom: 13px;
}

.p-b-14 {
  padding-bottom: 14px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-b-17 {
  padding-bottom: 17px;
}

.p-b-18 {
  padding-bottom: 18px;
}

.p-b-19 {
  padding-bottom: 19px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-b-21 {
  padding-bottom: 21px;
}

.p-b-22 {
  padding-bottom: 22px;
}

.p-b-23 {
  padding-bottom: 23px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-b-26 {
  padding-bottom: 26px;
}

.p-b-27 {
  padding-bottom: 27px;
}

.p-b-28 {
  padding-bottom: 28px;
}

.p-b-29 {
  padding-bottom: 29px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-b-31 {
  padding-bottom: 31px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.p-b-33 {
  padding-bottom: 33px;
}

.p-b-34 {
  padding-bottom: 34px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-b-36 {
  padding-bottom: 36px;
}

.p-b-37 {
  padding-bottom: 37px;
}

.p-b-38 {
  padding-bottom: 38px;
}

.p-b-39 {
  padding-bottom: 39px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-b-41 {
  padding-bottom: 41px;
}

.p-b-42 {
  padding-bottom: 42px;
}

.p-b-43 {
  padding-bottom: 43px;
}

.p-b-44 {
  padding-bottom: 44px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-b-46 {
  padding-bottom: 46px;
}

.p-b-47 {
  padding-bottom: 47px;
}

.p-b-48 {
  padding-bottom: 48px;
}

.p-b-49 {
  padding-bottom: 49px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-b-51 {
  padding-bottom: 51px;
}

.p-b-52 {
  padding-bottom: 52px;
}

.p-b-53 {
  padding-bottom: 53px;
}

.p-b-54 {
  padding-bottom: 54px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.p-b-56 {
  padding-bottom: 56px;
}

.p-b-57 {
  padding-bottom: 57px;
}

.p-b-58 {
  padding-bottom: 58px;
}

.p-b-59 {
  padding-bottom: 59px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-b-61 {
  padding-bottom: 61px;
}

.p-b-62 {
  padding-bottom: 62px;
}

.p-b-63 {
  padding-bottom: 63px;
}

.p-b-64 {
  padding-bottom: 64px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.p-b-66 {
  padding-bottom: 66px;
}

.p-b-67 {
  padding-bottom: 67px;
}

.p-b-68 {
  padding-bottom: 68px;
}

.p-b-69 {
  padding-bottom: 69px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-t-1 {
  padding-top: 1px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-t-3 {
  padding-top: 3px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-t-6 {
  padding-top: 6px;
}

.p-t-7 {
  padding-top: 7px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-t-9 {
  padding-top: 9px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-t-11 {
  padding-top: 11px;
}

.p-t-12 {
  padding-top: 12px;
}

.p-t-13 {
  padding-top: 13px;
}

.p-t-14 {
  padding-top: 14px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-t-17 {
  padding-top: 17px;
}

.p-t-18 {
  padding-top: 18px;
}

.p-t-19 {
  padding-top: 19px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-t-21 {
  padding-top: 21px;
}

.p-t-22 {
  padding-top: 22px;
}

.p-t-23 {
  padding-top: 23px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-t-26 {
  padding-top: 26px;
}

.p-t-27 {
  padding-top: 27px;
}

.p-t-28 {
  padding-top: 28px;
}

.p-t-29 {
  padding-top: 29px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-t-31 {
  padding-top: 31px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-t-33 {
  padding-top: 33px;
}

.p-t-34 {
  padding-top: 34px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-t-36 {
  padding-top: 36px;
}

.p-t-37 {
  padding-top: 37px;
}

.p-t-38 {
  padding-top: 38px;
}

.p-t-39 {
  padding-top: 39px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-t-41 {
  padding-top: 41px;
}

.p-t-42 {
  padding-top: 42px;
}

.p-t-43 {
  padding-top: 43px;
}

.p-t-44 {
  padding-top: 44px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-t-46 {
  padding-top: 46px;
}

.p-t-47 {
  padding-top: 47px;
}

.p-t-48 {
  padding-top: 48px;
}

.p-t-49 {
  padding-top: 49px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-t-51 {
  padding-top: 51px;
}

.p-t-52 {
  padding-top: 52px;
}

.p-t-53 {
  padding-top: 53px;
}

.p-t-54 {
  padding-top: 54px;
}

.p-t-55 {
  padding-top: 55px;
}

.p-t-56 {
  padding-top: 56px;
}

.p-t-57 {
  padding-top: 57px;
}

.p-t-58 {
  padding-top: 58px;
}

.p-t-59 {
  padding-top: 59px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-t-61 {
  padding-top: 61px;
}

.p-t-62 {
  padding-top: 62px;
}

.p-t-63 {
  padding-top: 63px;
}

.p-t-64 {
  padding-top: 64px;
}

.p-t-65 {
  padding-top: 65px;
}

.p-t-66 {
  padding-top: 66px;
}

.p-t-67 {
  padding-top: 67px;
}

.p-t-68 {
  padding-top: 68px;
}

.p-t-69 {
  padding-top: 69px;
}

.p-t-70 {
  padding-top: 70px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-l-1 {
  margin-left: 1px;
}

.m-l-2 {
  margin-left: 2px;
}

.m-l-3 {
  margin-left: 3px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-l-7 {
  margin-left: 7px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-l-9 {
  margin-left: 9px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-11 {
  margin-left: 11px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-l-13 {
  margin-left: 13px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-l-17 {
  margin-left: 17px;
}

.m-l-18 {
  margin-left: 18px;
}

.m-l-19 {
  margin-left: 19px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-21 {
  margin-left: 21px;
}

.m-l-22 {
  margin-left: 22px;
}

.m-l-23 {
  margin-left: 23px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-l-26 {
  margin-left: 26px;
}

.m-l-27 {
  margin-left: 27px;
}

.m-l-28 {
  margin-left: 28px;
}

.m-l-29 {
  margin-left: 29px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-l-31 {
  margin-left: 31px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-l-33 {
  margin-left: 33px;
}

.m-l-34 {
  margin-left: 34px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-l-36 {
  margin-left: 36px;
}

.m-l-37 {
  margin-left: 37px;
}

.m-l-38 {
  margin-left: 38px;
}

.m-l-39 {
  margin-left: 39px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-l-41 {
  margin-left: 41px;
}

.m-l-42 {
  margin-left: 42px;
}

.m-l-43 {
  margin-left: 43px;
}

.m-l-44 {
  margin-left: 44px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-l-46 {
  margin-left: 46px;
}

.m-l-47 {
  margin-left: 47px;
}

.m-l-48 {
  margin-left: 48px;
}

.m-l-49 {
  margin-left: 49px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-l-51 {
  margin-left: 51px;
}

.m-l-52 {
  margin-left: 52px;
}

.m-l-53 {
  margin-left: 53px;
}

.m-l-54 {
  margin-left: 54px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-l-56 {
  margin-left: 56px;
}

.m-l-57 {
  margin-left: 57px;
}

.m-l-58 {
  margin-left: 58px;
}

.m-l-59 {
  margin-left: 59px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-l-61 {
  margin-left: 61px;
}

.m-l-62 {
  margin-left: 62px;
}

.m-l-63 {
  margin-left: 63px;
}

.m-l-64 {
  margin-left: 64px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-l-66 {
  margin-left: 66px;
}

.m-l-67 {
  margin-left: 67px;
}

.m-l-68 {
  margin-left: 68px;
}

.m-l-69 {
  margin-left: 69px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-r-1 {
  margin-right: 1px;
}

.m-r-2 {
  margin-right: 2px;
}

.m-r-3 {
  margin-right: 3px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-6 {
  margin-right: 6px;
}

.m-r-7 {
  margin-right: 7px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-r-9 {
  margin-right: 9px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-11 {
  margin-right: 11px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-r-13 {
  margin-right: 13px;
}

.m-r-14 {
  margin-right: 14px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-r-17 {
  margin-right: 17px;
}

.m-r-18 {
  margin-right: 18px;
}

.m-r-19 {
  margin-right: 19px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-21 {
  margin-right: 21px;
}

.m-r-22 {
  margin-right: 22px;
}

.m-r-23 {
  margin-right: 23px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-r-26 {
  margin-right: 26px;
}

.m-r-27 {
  margin-right: 27px;
}

.m-r-28 {
  margin-right: 28px;
}

.m-r-29 {
  margin-right: 29px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-31 {
  margin-right: 31px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-r-33 {
  margin-right: 33px;
}

.m-r-34 {
  margin-right: 34px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-r-36 {
  margin-right: 36px;
}

.m-r-37 {
  margin-right: 37px;
}

.m-r-38 {
  margin-right: 38px;
}

.m-r-39 {
  margin-right: 39px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-41 {
  margin-right: 41px;
}

.m-r-42 {
  margin-right: 42px;
}

.m-r-43 {
  margin-right: 43px;
}

.m-r-44 {
  margin-right: 44px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-r-46 {
  margin-right: 46px;
}

.m-r-47 {
  margin-right: 47px;
}

.m-r-48 {
  margin-right: 48px;
}

.m-r-49 {
  margin-right: 49px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-r-51 {
  margin-right: 51px;
}

.m-r-52 {
  margin-right: 52px;
}

.m-r-53 {
  margin-right: 53px;
}

.m-r-54 {
  margin-right: 54px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-r-56 {
  margin-right: 56px;
}

.m-r-57 {
  margin-right: 57px;
}

.m-r-58 {
  margin-right: 58px;
}

.m-r-59 {
  margin-right: 59px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-r-61 {
  margin-right: 61px;
}

.m-r-62 {
  margin-right: 62px;
}

.m-r-63 {
  margin-right: 63px;
}

.m-r-64 {
  margin-right: 64px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-r-66 {
  margin-right: 66px;
}

.m-r-67 {
  margin-right: 67px;
}

.m-r-68 {
  margin-right: 68px;
}

.m-r-69 {
  margin-right: 69px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-b-1 {
  margin-bottom: 1px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.m-b-3 {
  margin-bottom: 3px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-6 {
  margin-bottom: 6px;
}

.m-b-7 {
  margin-bottom: 7px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-b-9 {
  margin-bottom: 9px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-11 {
  margin-bottom: 11px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.m-b-13 {
  margin-bottom: 13px;
}

.m-b-14 {
  margin-bottom: 14px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-b-17 {
  margin-bottom: 17px;
}

.m-b-18 {
  margin-bottom: 18px;
}

.m-b-19 {
  margin-bottom: 19px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-21 {
  margin-bottom: 21px;
}

.m-b-22 {
  margin-bottom: 22px;
}

.m-b-23 {
  margin-bottom: 23px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-26 {
  margin-bottom: 26px;
}

.m-b-27 {
  margin-bottom: 27px;
}

.m-b-28 {
  margin-bottom: 28px;
}

.m-b-29 {
  margin-bottom: 29px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-b-31 {
  margin-bottom: 31px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.m-b-33 {
  margin-bottom: 33px;
}

.m-b-34 {
  margin-bottom: 34px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-36 {
  margin-bottom: 36px;
}

.m-b-37 {
  margin-bottom: 37px;
}

.m-b-38 {
  margin-bottom: 38px;
}

.m-b-39 {
  margin-bottom: 39px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-b-41 {
  margin-bottom: 41px;
}

.m-b-42 {
  margin-bottom: 42px;
}

.m-b-43 {
  margin-bottom: 43px;
}

.m-b-44 {
  margin-bottom: 44px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-b-46 {
  margin-bottom: 46px;
}

.m-b-47 {
  margin-bottom: 47px;
}

.m-b-48 {
  margin-bottom: 48px;
}

.m-b-49 {
  margin-bottom: 49px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-b-51 {
  margin-bottom: 51px;
}

.m-b-52 {
  margin-bottom: 52px;
}

.m-b-53 {
  margin-bottom: 53px;
}

.m-b-54 {
  margin-bottom: 54px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-b-56 {
  margin-bottom: 56px;
}

.m-b-57 {
  margin-bottom: 57px;
}

.m-b-58 {
  margin-bottom: 58px;
}

.m-b-59 {
  margin-bottom: 59px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-b-61 {
  margin-bottom: 61px;
}

.m-b-62 {
  margin-bottom: 62px;
}

.m-b-63 {
  margin-bottom: 63px;
}

.m-b-64 {
  margin-bottom: 64px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-b-66 {
  margin-bottom: 66px;
}

.m-b-67 {
  margin-bottom: 67px;
}

.m-b-68 {
  margin-bottom: 68px;
}

.m-b-69 {
  margin-bottom: 69px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-t-1 {
  margin-top: 1px;
}

.m-t-2 {
  margin-top: 2px;
}

.m-t-3 {
  margin-top: 3px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-6 {
  margin-top: 6px;
}

.m-t-7 {
  margin-top: 7px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-9 {
  margin-top: 9px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-11 {
  margin-top: 11px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-t-13 {
  margin-top: 13px;
}

.m-t-14 {
  margin-top: 14px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-t-17 {
  margin-top: 17px;
}

.m-t-18 {
  margin-top: 18px;
}

.m-t-19 {
  margin-top: 19px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-21 {
  margin-top: 21px;
}

.m-t-22 {
  margin-top: 22px;
}

.m-t-23 {
  margin-top: 23px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-26 {
  margin-top: 26px;
}

.m-t-27 {
  margin-top: 27px;
}

.m-t-28 {
  margin-top: 28px;
}

.m-t-29 {
  margin-top: 29px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-31 {
  margin-top: 31px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-t-33 {
  margin-top: 33px;
}

.m-t-34 {
  margin-top: 34px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-t-36 {
  margin-top: 36px;
}

.m-t-37 {
  margin-top: 37px;
}

.m-t-38 {
  margin-top: 38px;
}

.m-t-39 {
  margin-top: 39px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-41 {
  margin-top: 41px;
}

.m-t-42 {
  margin-top: 42px;
}

.m-t-43 {
  margin-top: 43px;
}

.m-t-44 {
  margin-top: 44px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-t-46 {
  margin-top: 46px;
}

.m-t-47 {
  margin-top: 47px;
}

.m-t-48 {
  margin-top: 48px;
}

.m-t-49 {
  margin-top: 49px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-51 {
  margin-top: 51px;
}

.m-t-52 {
  margin-top: 52px;
}

.m-t-53 {
  margin-top: 53px;
}

.m-t-54 {
  margin-top: 54px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-t-56 {
  margin-top: 56px;
}

.m-t-57 {
  margin-top: 57px;
}

.m-t-58 {
  margin-top: 58px;
}

.m-t-59 {
  margin-top: 59px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-61 {
  margin-top: 61px;
}

.m-t-62 {
  margin-top: 62px;
}

.m-t-63 {
  margin-top: 63px;
}

.m-t-64 {
  margin-top: 64px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-t-66 {
  margin-top: 66px;
}

.m-t-67 {
  margin-top: 67px;
}

.m-t-68 {
  margin-top: 68px;
}

.m-t-69 {
  margin-top: 69px;
}

.m-t-70 {
  margin-top: 70px;
}

header {
  border-radius: 0 var(--radius-radius-md) 0 0;
  background: rgba(0, 0, 0, 0.8);
}

@media (max-width: 766.98px) {
  header {
    padding-top: var(--safe-area-inset-top);
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 101;
    width: 100%;
    background: none;
  }

  header .dbas-header {
    width: 100%;
    height: 62px;
    right: 0;
  }

  header .dbas-header .header-left-side .flow-nav-back {
    display: block;
  }
}

.navs-container {
  z-index: 1030;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .navs-container {
    padding: 0 15px;
  }
}

.corparate-label {
  margin-top: 4px !important;
}

.dbas-header {
  background: var(--body-bg-color) 0% 0% no-repeat padding-box;
  color: var(--surface-surface-cloud);
  z-index: 101;
}

.dbas-header .header-left-side vc-imagebutton {
  display: inline-flex;
}

.dbas-header .header-left-side .icon-back {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('images/arrow-left-back.svg');
  margin-top: 8px;
}

.dbas-header .header-left-side .mobile-main-icon {
  width: 130px;
}

.dbas-header .header-center {
  position: relative;
  font: bold 24px/24px var(--secondary-font-family);
  letter-spacing: 1px;
  color: var(--base-text-color);
  margin: auto;
  text-align: center;
}

@media (max-width: 766.98px) {
  .dbas-header .header-center {
    flex-grow: 1;
  }
}

.dbas-header .header-center.header-small-text {
  font-size: 18px;
  width: calc(100% - 120px);
}

@media (max-width: 350px) {
  .dbas-header .header-center.header-small-text {
    font-size: 17px;
  }
}

.dbas-header .header-center .mobile-main-logo {
  max-width: 135px;
}

.dbas-header .header-right-side .common-backdrop {
  z-index: auto;
}

.dbas-header .header-right-side img.header-right-image {
  height: 40px;
  width: 40px;
  margin-left: 12px !important;
}

.dbas-header .header-right-side .header-right-image {
  -webkit-user-select: auto;
  user-select: auto;
  border-radius: 50%;
  z-index: 1050;
}

.dbas-header .header-right-side.helpbox-active {
  width: 24px;
  align-items: center;
  align-content: center;
  height: 100%;
  display: none;
}

.dbas-header .header-right-side button,
.dbas-header .header-right-side button i {
  color: var(--content-content-slate);
  border: 0;
}

.dbas-header .header-right-side i {
  font-size: 18px;
}

.dbas-header .header-right-side vc-label.header-image-letter span {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--profile-menu-circle-text-color);
}

@media (max-width: 766.98px) {
  .dbas-header .header-right-side vc-label.header-image-letter span {
    font-family: var(--base-font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }
}

.dbas-header .header-right-side vc-label span {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (min-width: 767px) {
  .dbas-header .header-right-side vc-label span {
    font: normal normal 600 18px/28px var(--base-font-family);
    color: var(--submenu-item-color);
  }
}

.dbas-header .header-right-side vc-label.logon-info-text.tablet-view {
  display: none;
}

.dbas-header .header-right-side .header-right-side-buttons button.btn img {
  height: 21.5px;
}

.dbas-header .header-right-side .header-right-side-buttons button.btn vc-label.icon-label span {
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  margin-top: 3px;
}

.dbas-header .header-right-side .header-right-side-buttons button.btn:first-child img {
  width: 23.62px;
}

.dbas-header .header-right-side .header-right-side-buttons button.btn:nth-child(2) img {
  width: 21.5px;
}

.dbas-header .header-right-side .dropdown button.dropdown-toggle {
  align-items: center;
  line-height: 1;
  flex-direction: row-reverse;
}

.dbas-header .header-right-side .dropdown button.dropdown-toggle div.d-flex.flex-column {
  height: 100%;
  flex: 1;
  line-height: 1;
  margin-left: 8px;
}

.dbas-header .header-right-side .dropdown button.dropdown-toggle div.d-flex.flex-column vc-label {
  line-height: 1;
  display: inline-flex;
  flex: 1;
  align-items: center;
}

.dbas-header .header-right-side .dropdown button.dropdown-toggle div.d-flex.flex-column vc-label span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.dbas-header .header-right-side .dropdown .dropdown-container {
  top: 100%;
  left: auto;
  width: 343px;
  right: -15px;
  padding-top: 0;
}

.dbas-header .header-right-side .dropdown .dropdown-container.is-mobile {
  right: 0px;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub {
  padding: 0;
  margin: 0;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.messages .menu-navbar-content-link {
  margin-bottom: 16px;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.messages .menu-navbar-content-link img.messages-icon {
  width: 16px;
  margin: 0;
  align-self: center;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.logout {
  padding-top: 12px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.logout .menu-navbar-content-link {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  background-color: none !important;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.logout .menu-navbar-content-link i {
  font-style: normal;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.logout .menu-navbar-content-link .user-menu-text span {
  font: normal normal bold 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
  text-shadow: 0px 0px 12px rgba(from var(--colors-truecolors-black) r g b/0.12);
  text-transform: capitalize;
  opacity: 1;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.logout .menu-navbar-content-link img {
  width: auto;
  height: 21px;
  margin-right: 1rem;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.messages,
.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-submenu.menu-navbar-content.logout {
  background-color: none;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-title {
  position: relative;
  padding: 24px 24px 16px;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-title:before {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background-color: var(--content-content-on-cloud);
  opacity: 0.25;
  border-radius: var(--radius-radius-pill);
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-title vc-label span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: var(--profile-menu-mobile-title-color);
  font-weight: var(--profile-menu-mobile-title-font-weight);
  font-family: var(--profile-menu-mobile-title-font-family);
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-title vc-imagebutton a {
  right: 24px;
  top: 26px;
  line-height: 20px;
  height: 20px;
  transform: none;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-title vc-imagebutton a img {
  width: 20px;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub.is-mobile .dropdown-title+li>a.menu-navbar-content-link {
  margin-top: 0;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content {
  padding-top: 0px !important;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link {
  padding: 0;
  margin-top: 24px;
  position: relative;
  min-height: 40px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: var(--radius-radius-xs);
}

@media (max-width: 766.98px) {
  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link {
    min-height: 40px;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link>.menu-navbar-content__text {
    width: 100%;
  }
}

@media (min-width: 767px) {
  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link:hover {
    background-color: var(--submenu-item-hover-background) !important;
    color: var(--submenu-item-hover-color) !important;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link:hover vc-label span {
    color: var(--submenu-item-hover-color) !important;
  }
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section .user-menu-title {
  color: var(--content-content-slate);
  font: normal normal 600 14px/27px var(--base-font-family);
  letter-spacing: 0px;
  opacity: 1;
}

@media (max-width: 766.98px) {
  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section .user-menu-title {
    line-height: 20px;
    margin-bottom: 4px;
  }
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section img {
  margin-left: 12px;
  margin-top: 0.5rem;
  width: 8px;
  align-self: baseline;
  color: var(--content-content-on-cloud);
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section aside {
  width: auto;
  min-height: 0;
  height: auto;
  background: none;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section aside .user-menu-text {
  width: 171px;
  font: normal normal 400 12px/20px var(--base-font-family);
  color: var(--content-content-slate);
  letter-spacing: 0px;
  opacity: 1;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section aside>a.menu-navbar-content-link:after {
  content: "";
  display: block !important;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url('images/acc-arrow-dark.svg') no-repeat center;
  background-size: contain;
  border: 0;
  margin: 0;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section aside.logins {
  padding-top: 12px;
  padding-bottom: 0;
}

.dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-submenu.menu-navbar-content .menu-navbar-content-link section::before {
  left: 82.5%;
}

@media (max-width: 766.98px) {
  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .common-backdrop {
    background-color: rgba(0, 0, 0, 0.75) !important;
    opacity: 1 !important;
    backdrop-filter: blur(8px) !important;
    z-index: 2;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-toggle {
    z-index: 1;
    position: relative;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-container {
    width: auto !important;
    left: 16px !important;
    right: 16px !important;
    position: fixed;
    top: auto !important;
    bottom: 0 !important;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-container:before {
    display: none;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-container>ul.dropdown-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-container>ul.dropdown-menu:before {
    display: none;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-container>ul.dropdown-menu li .secure-menu-letter {
    position: relative;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin-left: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
  }

  .dbas-header .header-right-side .dropdown .dropdown-container .dropdown-menu.menu-navbar.sub .dropdown-container>ul.dropdown-menu li .secure-menu-letter span {
    font-size: 16px !important;
    font-weight: 500;
    font-family: var(--base-font-family);
    height: auto !important;
  }
}

.dbas-header .header-right-side .vb-logo {
  width: 26px !important;
  height: 22px !important;
}

@media (max-width: 766.98px) {
  .dbas-header {
    position: fixed !important;
    width: 100%;
    padding: var(--spacing-3xs) var(--spacing-xs);
  }

  .dbas-header .header-center:first-child {
    width: 100%;
    padding-left: 31px;
    padding-right: 26px;
  }

  .dbas-header .header-center:first-child+.header-right-side {
    position: absolute;
    right: 16px;
    top: 12px;
    margin-top: var(--safe-area-inset-top);
  }
}

@media (min-width: 767px) {
  .dbas-header.header-web {
    padding: 0;
    justify-content: space-between;
    background-color: transparent;
    position: static;
  }

  .login-masterview .dbas-header.header-web {
    height: 48px;
    background: none;
  }

  .dbas-header.header-web .header-content {
    max-width: 1336px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
  }

  .dbas-header.header-web .header-content .header-left-side {
    padding: 0;
  }

  .dbas-header.header-web.header-main-menu {
    height: auto;
    padding: 10px 0 7px 0;
    z-index: auto;
    display: block;
    width: 100%;
  }
}

@media (max-width: 366px) {
  .mobile-main-logo {
    max-width: 150px !important;
  }
}

.menu-arrow-down {
  width: 16px;
  transform: rotate(90deg);
  transition: transform 0.5s;
  display: none;
}

.dropdown.show .menu-arrow-down {
  transform: rotate(270deg);
}

.menu-separator {
  display: block;
  height: 16px;
  margin: 14px 12px 0 12px;
}

.menu-mail-box {
  padding-top: 10px;
}

@media (min-width: 768px) and (max-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) {
  #mainview header:empty {
    display: none !important;
  }
}

.last-login-content:not(:first-child) {
  margin-top: 12px !important;
}

.last-login-content:last-child {
  margin-bottom: 12px;
}

.last-login-content section.d-flex.flex-column {
  border: 1px solid var(--last-login-border-color);
  border-radius: var(--last-login-border-radius);
  padding: var(--spacing-3xs) var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs);
  width: 100%;
}

.icon-menu-new {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: var(--submenu-item-icon-border-radius);
  background: var(--submenu-item-icon-background-color);
  margin-right: 12px;
}

.icon-menu-new img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.main-menu .dropdown-container::before {
  border-bottom-color: var(--submenu-tooltip-background-color) !important;
}

.main-menu .dropdown-container .dropdown-menu.menu-navbar {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.main-menu .dropdown-container .dropdown-menu.menu-navbar .menu-navbar-content-link {
  margin: 0 10px;
  border-radius: var(--submenu-item-border-radius);
}

.main-menu .dropdown-container .dropdown-menu.menu-navbar .menu-navbar-content-link:hover {
  background: var(--submenu-item-hover-background) !important;
}

.main-menu .dropdown-container .dropdown-menu.menu-navbar .menu-navbar-content-link:hover .menu-title {
  color: var(--submenu-item-hover-color) !important;
}

.main-menu .dropdown-container .dropdown-menu.menu-navbar .menu-navbar-content-link vc-imagebutton.main-menu-arrow {
  margin-top: -6px;
  right: 10px;
}

.icon-eye {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-radius-2xs);
  background: var(--surface-surface-primary);
  position: relative;
  border: 0;
}

.icon-eye::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
  -webkit-mask-image: url('images/View.svg');
  mask-image: url('images/View.svg');
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto;
  mask-size: auto;
  background-color: var(--colors-black-white-white);
}

.icon-eye img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.icon-eye:hover {
  background: var(--color-custom-blue);
}

.btn-logout {
  display: flex;
  height: 32px !important;
  padding: var(--spacing-3xs) var(--spacing-md) !important;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-3xs);
  border-radius: var(--radius-radius-2xs);
}

.btn-logout .button-text {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.btn-logout .icon-logout {
  background: url('images/icon-logout-new.svg') !important;
  width: 16px !important;
  height: 16px !important;
  background-repeat: no-repeat !important;
  margin-right: var(--btn-left-icon-margin-right) !important;
  display: inline-block;
}

@media (max-width: 766.98px) {
  #mainview:not(.retail-landing) header .dbas-header {
    background: #313130;
    align-items: center !important;
    flex-wrap: nowrap;
  }

  #mainview:not(.retail-landing) header .dbas-header .header-left-side .icon-back {
    filter: brightness(0) invert(1);
    margin-top: 0;
  }

  #mainview:not(.retail-landing) header .dbas-header .header-center {
    color: #F6F3F0 !important;
    font-family: var(--base-font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    font-style: normal;
    text-align: center;
  }
}

.header-profile-image-btn {
  display: inline-flex;
  flex-shrink: 0;
}

.header-profile-image-btn a {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
  outline-offset: 3px;
}

.header-profile-image-btn img {
  height: inherit;
  width: inherit !important;
}

.header-name-initials {
  background-color: var(--profile-menu-circle-background-color);
  display: inline-flex;
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  color: var(--profile-menu-circle-text-color);
  outline-offset: 3px;
  flex-shrink: 0;
}

.header-name-initials:hover {
  background-color: var(--color-custom-blue);
  color: var(--profile-menu-circle-text-color);
}

@media (min-width: 1024px) {
  .header-name-initials {
    width: 40px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 767px) {
  .member-migration-outer-content .header-center.header-small-text {
    font-size: 24px !important;
    width: auto !important;
  }
}

.select2-container .select2-choice,
.select2-selection {
  display: block;
  padding: 0 8px;
  overflow: hidden;
  position: relative;
  border: var(--input-field-focus-border-width) solid var(--input-field-focus-border-color);
  white-space: nowrap;
  line-height: 32px;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

vc-gridrow.select-custom-popup {
  display: flex !important;
}

vc-branchlist .select2 .select2-selection,
vc-combobox .select2 .select2-selection,
vc-transactionlist-dropdown .select2 .select2-selection,
vc-channeltypelist .select2 .select2-selection,
vc-customertypes .select2 .select2-selection,
vc-enum-dropdown .select2 .select2-selection {
  min-height: var(--input-field-height) !important;
  line-height: var(--input-field-height) !important;
  border-width: var(--input-field-border-width) !important;
}

vc-branchlist .select2-container.select2-container--open>.selection>.select2-selection,
vc-combobox .select2-container.select2-container--open>.selection>.select2-selection,
vc-transactionlist-dropdown .select2-container.select2-container--open>.selection>.select2-selection,
vc-channeltypelist .select2-container.select2-container--open>.selection>.select2-selection,
vc-customertypes .select2-container.select2-container--open>.selection>.select2-selection,
vc-enum-dropdown .select2-container.select2-container--open>.selection>.select2-selection {
  padding: 0 13px !important;
}

.select2-container.select2-container--open .select2-dropdown {
  border-top: var(--input-field-focus-border-width) solid var(--border-border-gray-secondary) !important;
  border-left: var(--input-field-focus-border-width) solid var(--border-border-gray-secondary) !important;
  border-right: var(--input-field-focus-border-width) solid var(--border-border-gray-secondary) !important;
  border-bottom: var(--input-field-focus-border-width) solid var(--border-border-gray-secondary) !important;
  box-shadow: none !important;
  border-radius: 0px 0px var(--input-field-border-radius) var(--input-field-border-radius);
  z-index: 1105;
  overflow: hidden;
  margin-top: -6px;
  background: var(--combobox-dropdownarea-background-color);
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
  border-top-left-radius: var(--input-field-border-radius);
  border-top-right-radius: var(--input-field-border-radius);
}

@media (min-width: 992px) {
  .select2-container.select2-container--open .select2-dropdown {
    z-index: 1105;
  }
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--below {
  border-top: 0 solid var(--input-field-border-color) !important;
}

.select2-container.select2-container--open>.selection>.select2-selection {
  padding: 7px 16px !important;
}

.select2-container .select2-container--open .select2-selection,
.select2-container .select2-container-active .select2-choice,
.select2-container .select2-container-active .select2-choices {
  box-shadow: 0 6px 9px 1px rgba(0, 0, 0, 0.1) !important;
}

.select2-container .select2-results {
  margin: 0;
  max-height: none;
}

.select2-container .select2-results li {
  margin: 0;
  padding: 10px 4px 10px 16px;
  cursor: pointer;
  color: var(--combobox-options-text-color);
  letter-spacing: 0px;
  font: 600 14px/20px var(--base-font-family);
  text-align: left;
}

.select2-container .select2-results li.select2-results__option--highlighted {
  background: var(--combobox-options-hover-background-color);
  color: var(--combobox-options-hover-text-color);
}

@media (max-width: 766.98px) {
  .select2-container .select2-results li.select2-results__option--highlighted>div:after {
    content: url('../img/checkbox-checked.svg');
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
  }
}

@media (max-width: 991.98px) and (orientation: portrait) {
  .select2-container .select2-results li:first-child .account-holder {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
  }
}

.select2-container .select2-search {
  padding: 0 20px;
  margin-top: 26px;
  margin-bottom: 0;
  z-index: 999;
  position: relative;
  display: flex;
}

.select2-container .select2-search:before {
  display: none;
}

.select2-container .select2-search input {
  width: 100%;
  border-radius: var(--combobox-options-border-radius);
  border: 1px solid var(--border-border-slate);
  padding: var(--spacing-xs);
  position: relative;
  background: url('images/icon-search.svg') no-repeat calc(100% - 16px) center;
  background-size: 20px auto;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  color: var(--input-field-text-color);
  height: var(--input-field-height) !important;
}

.select2-container .select2-search--hide {
  display: none;
}

.combobox-floating .select2-selection {
  min-height: 62px !important;
}

.combobox-floating .select2-selection__placeholder {
  top: 50%;
  transform: translateY(-50%);
}

.combobox-floating .select2-selection__rendered {
  position: absolute;
  top: 28px;
  left: 14px;
  color: var(--content-content-black);
  font-family: var(--base-font-family) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.combobox-floating.selected-item .select2-selection__placeholder {
  top: 0px;
  left: -1px;
  font: normal normal normal 18px/21px var(--base-font-family) !important;
  color: var(--floating-placeholder-color) !important;
}

.select2 .select2-selection {
  border-radius: var(--input-field-border-radius) !important;
  min-height: var(--input-field-height) !important;
  line-height: var(--input-field-height) !important;
  border: var(--input-field-border-width) solid var(--input-field-border-color) !important;
  padding: 0 13px !important;
}

.select2 .select2-selection .select2-selection__rendered {
  text-align: left;
  font: var(--input-field-font-weight) 14px/20px var(--base-font-family);
  letter-spacing: 0px;
}

.select2 .select2-selection .select2-selection__arrow {
  border: none;
  background: url('images/acc-arrow-dark-dropdown.svg') no-repeat center center;
  filter: none;
  background-size: 16px;
  transform: rotate(0deg);
  width: 45px;
}

.select2 .select2-selection.select2-selection--multiple {
  height: auto !important;
  padding: 0 0 0 0.5rem !important;
}

.select2 .select2-selection.select2-selection--multiple .select2-search {
  padding: 0 !important;
}

.select2 .select2-selection.select2-selection--multiple .select2-search .select2-search__field {
  padding-left: 0.5rem;
}

.selected-item .select2 .select2-selection .select2-selection__rendered {
  max-width: calc(100% - 85px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.selected-item .select2 .select2-selection .select2-selection__rendered[title] {
  pointer-events: none;
}

.selected-item .select2 .select2-selection {
  min-height: var(--input-field-height) !important;
  line-height: calc(var(--input-field-height) - 2px) !important;
}

.selected-item .select2 .select2-selection__placeholder {
  top: 19px;
  left: 16px;
}

vc-accountlistcombo .selected-item .select2 .select2-selection,
vc-beneficiarycombobox .selected-item .select2 .select2-selection,
vc-investmentaccountlistcombo .selected-item .select2 .select2-selection,
vc-investmentholdinglistcombo .selected-item .select2 .select2-selection,
vc-goalcategorylist .selected-item .select2 .select2-selection {
  padding: var(--spacing-3xs) var(--spacing-xs) !important;
}

@media (max-width: 766.98px) {

  vc-accountlistcombo .selected-item .select2 .select2-selection,
  vc-beneficiarycombobox .selected-item .select2 .select2-selection,
  vc-investmentaccountlistcombo .selected-item .select2 .select2-selection,
  vc-investmentholdinglistcombo .selected-item .select2 .select2-selection,
  vc-goalcategorylist .selected-item .select2 .select2-selection {
    height: inherit;
  }
}

vc-accountlistcombo .select2-selection__placeholder,
vc-beneficiarycombobox .select2-selection__placeholder,
vc-investmentaccountlistcombo .select2-selection__placeholder,
vc-investmentholdinglistcombo .select2-selection__placeholder,
vc-goalcategorylist .select2-selection__placeholder {
  top: 19px;
  left: 16px;
}

vc-investmentholdinglistcombo .selected-item .select2 .select2-selection {
  min-height: 58px !important;
  line-height: 58px !important;
}

vc-investmentholdinglistcombo .selected-item .select2 .select2-selection__placeholder {
  top: 26px;
  left: 16px;
}

.select2-container--disabled .select2-selection.select2-selection--single {
  background-color: var(--input-field-disabled-background-color);
  color: var(--input-field-disabled-text-color) !important;
  border: var(--input-field-border-width) solid var(--input-field-disabled-border-color) !important;
}

.select2-container--disabled .select2-selection.select2-selection--single .select2-selection__placeholder {
  color: var(--floating-placeholder-color) !important;
}

.select2-selection.select2-selection--multiple {
  height: auto !important;
  padding: 0 0 0 0.5rem !important;
}

.select2-selection.select2-selection--multiple .select2-search {
  padding: 0 !important;
}

.select2-selection.select2-selection--multiple .select2-search .select2-search__field {
  padding-left: 0.5rem;
}

.menu-secure-box a {
  padding: 0;
  top: -9px;
}

/* start from here */
.select2-dropdown .account-list-dropdown-selection,
.select2-dropdown .beneficiary-list-dropdown-results,
.select2-dropdown .saved-bills-dropdown-results,
.select2-container .account-list-dropdown-selection,
.select2-container .beneficiary-list-dropdown-results,
.select2-container .saved-bills-dropdown-results {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 16px !important;
}

.select2-dropdown .account-list-dropdown-selection>div,
.select2-dropdown .beneficiary-list-dropdown-results>div,
.select2-dropdown .saved-bills-dropdown-results>div,
.select2-container .account-list-dropdown-selection>div,
.select2-container .beneficiary-list-dropdown-results>div,
.select2-container .saved-bills-dropdown-results>div {
  width: 100%;
  text-align: left;
}

.select2-dropdown .account-list-dropdown-selection .account-holder,
.select2-dropdown .account-list-dropdown-selection .beneficiary-nickname,
.select2-dropdown .beneficiary-list-dropdown-results .account-holder,
.select2-dropdown .beneficiary-list-dropdown-results .beneficiary-nickname,
.select2-dropdown .saved-bills-dropdown-results .account-holder,
.select2-dropdown .saved-bills-dropdown-results .beneficiary-nickname,
.select2-container .account-list-dropdown-selection .account-holder,
.select2-container .account-list-dropdown-selection .beneficiary-nickname,
.select2-container .beneficiary-list-dropdown-results .account-holder,
.select2-container .beneficiary-list-dropdown-results .beneficiary-nickname,
.select2-container .saved-bills-dropdown-results .account-holder,
.select2-container .saved-bills-dropdown-results .beneficiary-nickname {
  margin-bottom: 4px;
  color: var(--content-content-on-cloud);
  font-size: var(--base-font-size);
  font-weight: 600;
}

@media (max-width: 991.98x) and (orientation: portrait) {

  .select2-dropdown .account-list-dropdown-selection .account-holder,
  .select2-dropdown .account-list-dropdown-selection .beneficiary-nickname,
  .select2-dropdown .beneficiary-list-dropdown-results .account-holder,
  .select2-dropdown .beneficiary-list-dropdown-results .beneficiary-nickname,
  .select2-dropdown .saved-bills-dropdown-results .account-holder,
  .select2-dropdown .saved-bills-dropdown-results .beneficiary-nickname,
  .select2-container .account-list-dropdown-selection .account-holder,
  .select2-container .account-list-dropdown-selection .beneficiary-nickname,
  .select2-container .beneficiary-list-dropdown-results .account-holder,
  .select2-container .beneficiary-list-dropdown-results .beneficiary-nickname,
  .select2-container .saved-bills-dropdown-results .account-holder,
  .select2-container .saved-bills-dropdown-results .beneficiary-nickname {
    word-break: break-word;
  }
}

.select2-dropdown .account-list-dropdown-selection .account-type,
.select2-dropdown .beneficiary-list-dropdown-results .account-type,
.select2-dropdown .saved-bills-dropdown-results .account-type,
.select2-container .account-list-dropdown-selection .account-type,
.select2-container .beneficiary-list-dropdown-results .account-type,
.select2-container .saved-bills-dropdown-results .account-type {
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
  overflow: hidden;
  white-space: nowrap;
}

.select2-dropdown .account-list-dropdown-selection .account-type .separator,
.select2-dropdown .beneficiary-list-dropdown-results .account-type .separator,
.select2-dropdown .saved-bills-dropdown-results .account-type .separator,
.select2-container .account-list-dropdown-selection .account-type .separator,
.select2-container .beneficiary-list-dropdown-results .account-type .separator,
.select2-container .saved-bills-dropdown-results .account-type .separator {
  display: none !important;
}

.select2-dropdown .account-list-dropdown-selection .account-number,
.select2-dropdown .account-list-dropdown-selection .beneficiary-number,
.select2-dropdown .beneficiary-list-dropdown-results .account-number,
.select2-dropdown .beneficiary-list-dropdown-results .beneficiary-number,
.select2-dropdown .saved-bills-dropdown-results .account-number,
.select2-dropdown .saved-bills-dropdown-results .beneficiary-number,
.select2-container .account-list-dropdown-selection .account-number,
.select2-container .account-list-dropdown-selection .beneficiary-number,
.select2-container .beneficiary-list-dropdown-results .account-number,
.select2-container .beneficiary-list-dropdown-results .beneficiary-number,
.select2-container .saved-bills-dropdown-results .account-number,
.select2-container .saved-bills-dropdown-results .beneficiary-number {
  color: var(--combobox-options-text-color);
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  font-weight: 500 !important;
}

.select2-dropdown .account-list-dropdown-selection .account-image,
.select2-dropdown .account-list-dropdown-selection .bill-image,
.select2-dropdown .beneficiary-list-dropdown-results .account-image,
.select2-dropdown .beneficiary-list-dropdown-results .bill-image,
.select2-dropdown .saved-bills-dropdown-results .account-image,
.select2-dropdown .saved-bills-dropdown-results .bill-image,
.select2-container .account-list-dropdown-selection .account-image,
.select2-container .account-list-dropdown-selection .bill-image,
.select2-container .beneficiary-list-dropdown-results .account-image,
.select2-container .beneficiary-list-dropdown-results .bill-image,
.select2-container .saved-bills-dropdown-results .account-image,
.select2-container .saved-bills-dropdown-results .bill-image {
  margin-right: 14px;
}

.select2-dropdown .account-list-dropdown-selection .bill-image,
.select2-dropdown .beneficiary-list-dropdown-results .bill-image,
.select2-dropdown .saved-bills-dropdown-results .bill-image,
.select2-container .account-list-dropdown-selection .bill-image,
.select2-container .beneficiary-list-dropdown-results .bill-image,
.select2-container .saved-bills-dropdown-results .bill-image {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  min-height: 46px;
  max-height: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--colors-slate-100);
  margin-right: 19px;
}

.select2-dropdown .account-list-dropdown-selection .amount,
.select2-dropdown .beneficiary-list-dropdown-results .amount,
.select2-dropdown .saved-bills-dropdown-results .amount,
.select2-container .account-list-dropdown-selection .amount,
.select2-container .beneficiary-list-dropdown-results .amount,
.select2-container .saved-bills-dropdown-results .amount {
  text-align: right;
  font: normal normal normal 16px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--combobox-selected-value-color);
  font-weight: 600 !important;
}

@media screen and (max-width: 320px) {

  .select2-dropdown .account-list-dropdown-selection .amount,
  .select2-dropdown .beneficiary-list-dropdown-results .amount,
  .select2-dropdown .saved-bills-dropdown-results .amount,
  .select2-container .account-list-dropdown-selection .amount,
  .select2-container .beneficiary-list-dropdown-results .amount,
  .select2-container .saved-bills-dropdown-results .amount {
    font: normal normal normal 14px/19px var(--base-font-family);
  }
}

.select2-dropdown .account-list-dropdown-selection .saved-bill-nickname,
.select2-dropdown .beneficiary-list-dropdown-results .saved-bill-nickname,
.select2-dropdown .saved-bills-dropdown-results .saved-bill-nickname,
.select2-container .account-list-dropdown-selection .saved-bill-nickname,
.select2-container .beneficiary-list-dropdown-results .saved-bill-nickname,
.select2-container .saved-bills-dropdown-results .saved-bill-nickname {
  margin-bottom: 6px;
  color: var(--content-content-on-cloud);
  font-size: var(--base-font-size);
  font-weight: 600;
}

.select2-dropdown .account-list-dropdown-selection .saved-bill-billername,
.select2-dropdown .beneficiary-list-dropdown-results .saved-bill-billername,
.select2-dropdown .saved-bills-dropdown-results .saved-bill-billername,
.select2-container .account-list-dropdown-selection .saved-bill-billername,
.select2-container .beneficiary-list-dropdown-results .saved-bill-billername,
.select2-container .saved-bills-dropdown-results .saved-bill-billername {
  font-size: var(--base-font-size);
  margin-bottom: 6px;
  color: var(--colors-primary-900);
  font-weight: 600;
}

.select2-dropdown .account-list-dropdown-selection .saved-bill-payeetype,
.select2-dropdown .beneficiary-list-dropdown-results .saved-bill-payeetype,
.select2-dropdown .saved-bills-dropdown-results .saved-bill-payeetype,
.select2-container .account-list-dropdown-selection .saved-bill-payeetype,
.select2-container .beneficiary-list-dropdown-results .saved-bill-payeetype,
.select2-container .saved-bills-dropdown-results .saved-bill-payeetype {
  color: var(--content-content-slate);
  font-weight: 600;
  font-size: var(--base-font-size);
}

.select2-dropdown .account-list-dropdown-selection .saved-bill-payeeid,
.select2-dropdown .beneficiary-list-dropdown-results .saved-bill-payeeid,
.select2-dropdown .saved-bills-dropdown-results .saved-bill-payeeid,
.select2-container .account-list-dropdown-selection .saved-bill-payeeid,
.select2-container .beneficiary-list-dropdown-results .saved-bill-payeeid,
.select2-container .saved-bills-dropdown-results .saved-bill-payeeid {
  text-align: right;
  color: var(--content-content-slate);
  font-weight: 600;
  font-size: var(--base-font-size);
}

.select2-dropdown .account-list-dropdown-selection .number,
.select2-dropdown .beneficiary-list-dropdown-results .number,
.select2-dropdown .saved-bills-dropdown-results .number,
.select2-container .account-list-dropdown-selection .number,
.select2-container .beneficiary-list-dropdown-results .number,
.select2-container .saved-bills-dropdown-results .number {
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
  padding: 0;
}

.select2-dropdown .account-list-dropdown-selection .alias,
.select2-dropdown .beneficiary-list-dropdown-results .alias,
.select2-dropdown .saved-bills-dropdown-results .alias,
.select2-container .account-list-dropdown-selection .alias,
.select2-container .beneficiary-list-dropdown-results .alias,
.select2-container .saved-bills-dropdown-results .alias {
  font: normal normal normal 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-slate);
  font-weight: 600 !important;
  margin-top: 0;
}

.select2-dropdown .beneficiary-list-dropdown-selection,
.select2-container .beneficiary-list-dropdown-selection {
  line-height: 16px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-dropdown .beneficiary-list-dropdown-selection .beneficiary-nickname,
.select2-container .beneficiary-list-dropdown-selection .beneficiary-nickname {
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

.select2-dropdown .beneficiary-list-dropdown-selection .number-of-recipient,
.select2-container .beneficiary-list-dropdown-selection .number-of-recipient {
  font: normal normal medium 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-slate);
  font-weight: 500 !important;
}

.select2-dropdown .beneficiary-list-dropdown-selection .placeholder,
.select2-container .beneficiary-list-dropdown-selection .placeholder {
  font: 400 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

.select2-dropdown .account-list-dropdown-selection .account-holder,
.select2-container .account-list-dropdown-selection .account-holder {
  text-overflow: inherit !important;
  overflow: inherit !important;
  white-space: normal !important;
  width: auto !important;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: var(--content-content-on-cloud);
}

.select2-dropdown .account-list-dropdown-selection .account-type,
.select2-container .account-list-dropdown-selection .account-type {
  overflow: auto !important;
  white-space: normal !important;
  word-break: break-word;
  display: flex;
  flex-direction: column;
}

.select2-dropdown .account-list-dropdown-selection .account-type .seperator,
.select2-container .account-list-dropdown-selection .account-type .seperator {
  display: none;
}

.select2-dropdown .account-list-dropdown-selection .amount,
.select2-container .account-list-dropdown-selection .amount {
  white-space: nowrap;
  padding-right: 24px;
  margin-right: 0 !important;
}

@media (max-width: 766.98px) {

  .select2-dropdown .select2-results__options .account-list-dropdown-selection>div:first-child,
  .select2-container .select2-results__options .account-list-dropdown-selection>div:first-child {
    min-width: 60%;
  }
}

@media (min-width: 767px) {

  .select2-dropdown .select2-results__options .account-list-dropdown-selection .amount,
  .select2-container .select2-results__options .account-list-dropdown-selection .amount {
    padding-right: 0;
  }
}

li>.account-list-dropdown-selection,
li>.beneficiary-list-dropdown-results {
  padding: 0 20px 0 0px !important;
}

li>.saved-bills-dropdown-results {
  padding: 15px 32px 14px 15px !important;
}

.select2-results__option--highlighted .beneficiary-avatar {
  background-color: var(--colors-primary-900);
}

.beneficiary-list-dropdown-results .beneficiary-avatar {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  min-height: 46px;
  max-height: 46px;
  height: 46px;
  margin-right: 19px;
}

.beneficiary-list-dropdown-results .beneficiary-avatar span {
  font-size: 16px;
}

li>.beneficiary-list-dropdown-results {
  padding: 14px 5px 14px 16px !important;
}

.select2-selection {
  min-height: var(--input-field-height) !important;
  color: var(--combobox-selected-value-color) !important;
  font-weight: var(--input-field-font-weight) !important;
  font-size: var(--input-field-font-size) !important;
  border: var(--input-field-border-width) solid var(--input-field-border-color) !important;
}

.select2-selection:disabled {
  background-color: var(--input-field-disabled-background-color) !important;
}

.select2-container--open .select2-selection {
  box-shadow: none !important;
  border: var(--input-field-focus-border-width) solid var(--border-border-gray-secondary) !important;
}

.select2-container--open .select2-selection .select2-selection__arrow {
  transform: rotate(180deg);
}

.select2-selection.select2-selection--single {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: var(--input-field-background-color);
}

.fx-calculator .select2-selection.select2-selection--single {
  padding-left: 13px !important;
}

.select2.select2-container>.selection>.select2-selection.select2-selection--single:has(.select2-selection__clear) {
  padding-right: 50px !important;
}

.select2.select2-container>.selection>.select2-selection.select2-selection--single button.select2-selection__clear {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: #fff url('images/datepicker-close-button-dark.svg');
  border: 0;
  font-size: 0;
  border-radius: 50%;
}

.select2-selection__arrow b:before {
  display: none !important;
}

.select2-selection__placeholder {
  color: var(--floating-placeholder-color);
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  top: 17px;
}

@media (max-width: 766.98px) {
  .select2-selection__placeholder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 260px;
  }
}

select.native {
  -webkit-appearance: none;
  border-radius: 3px !important;
  min-height: var(--input-field-height) !important;
  line-height: var(--input-field-height) !important;
  color: var(--colors-primary-900);
  font-weight: 400 !important;
  font-size: var(--base-font-size) !important;
  border: var(--input-field-border-width) solid var(--input-field-border-color) !important;
  padding: 0 20px !important;
  width: 100%;
  background: url('images/icon-arrow-down.svg') no-repeat !important;
  background-position: right 10px center !important;
}

select.native:disabled {
  background-color: var(--input-field-disabled-text-color) !important;
}

select.native[readonly] {
  background-color: var(--input-field-disabled-text-color) !important;
}

.more-menu-popup.native-dropdown .modal {
  z-index: 1048;
}

.more-menu-popup.native-dropdown .modal-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}

.more-menu-popup.native-dropdown .modal-body .modal-result-content {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
}

.native-dropdown .modal-body {
  overflow: hidden;
  padding-bottom: 0;
}

.native-dropdown .modal-body .modal-result-content {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  overflow: auto;
}

.native-dropdown .modal-body .modal-result-content .select2-search:not(.select2-search--hide) {
  padding: 0;
  margin: 0 12px 16px 24px !important;
  display: block;
  width: auto;
}

.native-dropdown .modal-body .modal-result-content .select2-search:not(.select2-search--hide) input {
  height: 56px !important;
  padding-left: 30px;
  padding-bottom: 10px;
}

.native-dropdown .select2-container.select2-container--default.select2-container--open {
  display: block !important;
  border: 0 !important;
  border-left: 0 !important;
  width: 100% !important;
  top: calc(10px + var(--safe-area-inset-top)) !important;
  left: inherit !important;
}

.native-dropdown .select2-container--open .select2-dropdown.select2-dropdown--below {
  border: 0 !important;
}

.native-dropdown .select2-results {
  max-height: 100% !important;
  background: var(--combobox-dropdownarea-background-color);
  margin: 0;
}

.native-dropdown .select2-drop,
.native-dropdown .select2-dropdown {
  position: relative !important;
  border: 0 !important;
  width: auto !important;
}

.native-dropdown .select2-container .select2-dropdown {
  border: none !important;
}

@media (min-width: 767px) {
  .select2-container .select2-results {
    margin: 12px 0 0;
  }

  li>.account-list-dropdown-selection,
  li>.beneficiary-list-dropdown-results {
    padding: 0 20px 0 0px !important;
  }

  li>.saved-bills-dropdown-results {
    padding: 12px 42px 12px 12px !important;
  }
}

.select-float-label {
  display: none;
  position: absolute;
  left: 16px;
  top: 8px;
  font: normal normal 400 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--floating-placeholder-color);
}

.selected-item .select-float-label {
  display: block;
}

.select-custom-popup::before {
  border: none;
  background: url('images/acc-arrow-dark.svg') no-repeat center center;
  filter: none;
  background-size: 8px;
  transform: rotate(90deg);
  content: " ";
  width: 21px;
  height: 21px;
  right: 7px;
  position: absolute;
  top: 16px;
}

.select-custom-popup vc-gridcolumn {
  padding-right: 0px;
}

.select-custom-popup .select-custom-title {
  font: normal normal normal 18px/19px var(--base-font-family);
  color: var(--colors-primary-800);
  margin-left: 7px;
}

.select-custom-popup .payee-list-custom-value {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 32px);
  display: inline-block;
  white-space: nowrap;
}

.select-custom-popup.floating-label vc-gridcolumn {
  padding-top: 0px !important;
}

.select-custom-popup.floating-label vc-gridcolumn vc-label:first-child {
  display: block;
  line-height: normal;
  margin-top: 8px;
}

.select-custom-popup.floating-label vc-gridcolumn vc-label:first-child span {
  font: normal normal normal 14px/19px var(--base-font-family) !important;
}

.select-custom-popup.floating-label vc-gridcolumn vc-label:last-child {
  display: block;
  margin-top: -2px;
}

.select-custom-popup.floating-label vc-gridcolumn vc-label:last-child span {
  margin-left: 7px;
  font: normal normal normal 17px/24px var(--base-font-family);
  color: var(--content-content-slate);
}

.select-custom-popup.custom-popup-information::before {
  right: 36px;
}

.select-custom-popup.custom-popup-information vc-gridcolumn {
  padding-right: 26px;
}

.select-custom-popup.custom-popup-information vc-information {
  top: 8px !important;
  right: 4px !important;
}

vc-accountlistcombo .placeholder,
vc-investmentaccountlistcombo .placeholder,
vc-investmentholdinglistcombo .placeholder,
vc-goalcategorylist .placeholder {
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud);
}

vc-accountlistcombo .number,
vc-investmentaccountlistcombo .number,
vc-investmentholdinglistcombo .number,
vc-goalcategorylist .number {
  width: auto;
  color: var(--content-content-on-cloud) !important;
  font: 400 12px/16px var(--base-font-family) !important;
}

vc-accountlistcombo .number .separator,
vc-investmentaccountlistcombo .number .separator,
vc-investmentholdinglistcombo .number .separator,
vc-goalcategorylist .number .separator {
  padding-left: 4px;
  padding-right: 4px;
}

vc-accountlistcombo .alias,
vc-investmentaccountlistcombo .alias,
vc-investmentholdinglistcombo .alias,
vc-goalcategorylist .alias {
  width: auto;
  display: flex;
}

vc-accountlistcombo .account-list-dropdown-selection>div .placeholder,
vc-investmentaccountlistcombo .account-list-dropdown-selection>div .placeholder,
vc-investmentholdinglistcombo .account-list-dropdown-selection>div .placeholder,
vc-goalcategorylist .account-list-dropdown-selection>div .placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

vc-cardlist .placeholder {
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-on-cloud) !important;
}

vc-cardlist .number {
  color: var(--content-content-slate) !important;
  font: normal normal normal 18px/20px var(--base-font-family) !important;
  margin-top: 4px;
}

.select2-container>.select2-dropdown .select2-results {
  padding: 0 8px 0 16px;
  margin-right: 8px;
  margin-bottom: 20px;
  margin-top: 18px;
}

.select2-container>.select2-dropdown .select2-results>.select2-results__options {
  max-height: 426px;
  overflow-x: hidden;
  overflow-y: auto;
}

.select2-container>.select2-dropdown .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 4px;
  border-radius: 200px;
}

.select2-container>.select2-dropdown .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background: var(--surface-surface-disabled);
  border-radius: 200px;
}

.select2-container>.select2-dropdown .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background-color: var(--surface-surface-overlay);
  border-radius: 200px;
}

.select2-container>.select2-dropdown .select2-results .select2-results__message {
  border: none !important;
}

.select2-container>.select2-dropdown .select2-results li {
  padding: var(--spacing-3xs, 8px) 0;
  border-bottom: 1px solid var(--border-border-gray-secondary);
}

@media (max-width: 766.98px) {
  .select2-container>.select2-dropdown .select2-results li {
    border-radius: var(--combobox-options-border-radius);
    border: var(--combobox-options-border-width) solid var(--combobox-options-border-color);
    padding: var(--spacing-xs);
    position: relative;
  }

  .select2-container>.select2-dropdown .select2-results li+li {
    margin-top: 16px;
  }
}

.select2-container>.select2-dropdown .select2-results li:last-child {
  border-bottom: none;
}

.select2-container>.select2-dropdown .select2-results li .select2-results__group {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 16px;
  letter-spacing: 0.36px;
}

.select2-container>.select2-dropdown .select2-results li .account-selection-wrap {
  font-weight: 400;
  display: flex;
  align-items: center;
}

@media (max-width: 766.98px) {
  .select2-container>.select2-dropdown .select2-results li .account-selection-wrap {
    align-items: flex-start;
    flex-direction: column;
  }
}

.select2-container>.select2-dropdown .select2-results li .account-selection-wrap .account-name {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

@media (max-width: 766.98px) {
  .select2-container>.select2-dropdown .select2-results li .account-selection-wrap .account-name {
    font-size: 16px;
    line-height: 24px;
  }
}

.select2-container>.select2-dropdown .select2-results li .account-selection-wrap .account-type {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  padding-left: 12px;
}

@media (max-width: 766.98px) {
  .select2-container>.select2-dropdown .select2-results li .account-selection-wrap .account-type {
    font-size: 14px;
    line-height: 20px;
    padding-left: 0px;
  }
}

.select2-container>.select2-dropdown .select2-results li .amount {
  padding-right: 0 !important;
  flex: auto;
  white-space: nowrap;
  width: auto;
}

.select2-container>.select2-dropdown .select2-results li.select2-results__option--highlighted[aria-selected=false] {
  background: var(--combobox-options-hover-background-color);
  color: var(--combobox-options-hover-text-color);
}

.select2-container>.select2-dropdown .select2-results li.select2-results__option--highlighted[aria-selected=true] {
  background: var(--surface-surface-success-subdued);
}

.select2-container>.select2-dropdown .select2-results li.select2-results__option--highlighted {
  background: var(--combobox-options-hover-background-color) !important;
  color: var(--combobox-options-hover-text-color);
}

.select2-container>.select2-dropdown .select2-results li.select2-results__option--selected {
  background: var(--combobox-selected-background-color) !important;
  color: var(--combobox-options-text-color);
}

.select2-container>.select2-dropdown .select2-results li .account-holder {
  font: normal normal normal 14px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--combobox-options-text-color);
  font-weight: 600 !important;
}

.select2-container>.select2-dropdown .select2-results li .account-type {
  font: normal normal normal 12px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--combobox-options-text-color);
  font-weight: 400 !important;
}

.select2-container>.select2-dropdown .select2-results li .account-type .account-number {
  font-size: 14px;
  line-height: 20px;
}

.select2-container>.select2-dropdown .select2-results li .account-list-dropdown-selection {
  padding-right: 8px !important;
}

.select2-container>.select2-dropdown .select2-results li .account-list-dropdown-selection>div:first-child {
  width: auto;
  flex: auto;
}

@media (max-width: 766.98px) {
  .select2-container>.select2-dropdown .select2-results {
    padding: 0;
    margin: 0;
  }
}

.select2-container>.select2-dropdown.innerModal {
  border-width: 2px !important;
  border-top: 0 !important;
}

.combo>.select2-container>.select2-dropdown {
  z-index: 99;
}

.force-fix-dd-zindex .combo>.select2-container>.select2-dropdown {
  z-index: 1105;
}

@media (max-width: 766.98px) {
  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal {
    z-index: 1111 !important;
    padding-bottom: 15px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0px;
    height: auto;
    max-height: 77vh;
    overflow-y: hidden;
    border-radius: var(--radius-radius-md) var(--radius-radius-md) var(--radius-radius-none) var(--radius-radius-none);
    background: var(--combobox-dropdownarea-background-color);
    min-width: inherit;
    width: calc(100% - 0px);
    margin: auto;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .menu-header {
    border-radius: var(--radius-radius-md) var(--radius-radius-md) var(--radius-radius-none) var(--radius-radius-none);
    background: var(--combobox-dropdownarea-background-color);
    position: relative;
    border-bottom: 0;
    padding: var(--spacing-md) var(--spacing-3xs) var(--spacing-xs) var(--spacing-md);
    bottom: auto;
    top: 0;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .menu-header .menu-header-item.center {
    color: var(--content-content-on-cloud);
    font-family: var(--base-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body {
    background: none;
    justify-content: flex-end;
    margin: 0 -30px;
    margin: 0;
    width: auto;
    padding-left: 0;
    padding-right: 8px;
    padding-top: 0;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .modal-result-content {
    display: block;
    flex-basis: inherit;
    flex-grow: inherit;
    overflow: hidden;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open {
    top: 0 !important;
    bottom: 0;
    position: relative !important;
    display: flex !important;
    flex-direction: column;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-dropdown {
    border: 0 !important;
    margin-top: 0;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul {
    display: flex;
    padding: 0px var(--spacing-2xs) var(--spacing-md) var(--spacing-md);
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-xs);
    overflow-y: auto;
    height: 70vh;
    padding-bottom: 13vh;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li {
    padding: var(--spacing-2xs) var(--spacing-xs);
    border-radius: var(--combobox-options-border-radius);
    border: var(--combobox-options-border-width) solid var(--combobox-options-border-color);
    background: transparent;
    position: relative;
    margin: 0;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li>.account-list-dropdown-selection,
  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li>.beneficiary-list-dropdown-results {
    padding: 0 !important;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option--selected[aria-selected=true] {
    border-color: var(--combobox-options-hover-border-color);
    background: var(--combobox-selected-background-color);
    color: var(--combobox-options-hover-text-color);
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option--selected[aria-selected=true]:not(:has(> div)) {
    padding-inline-end: 26px !important;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option--selected[aria-selected=true]:not(:has(> div)):after {
    content: url('../img/checkbox-checked.svg');
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option[aria-selected=true] .account-list-dropdown-selection::after,
  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option[aria-selected=true] .beneficiary-list-dropdown-results::after {
    position: absolute;
    right: 10px;
    top: 7px;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option[aria-selected=true] .account-list-dropdown-selection::after,
  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option[aria-selected=true] .beneficiary-list-dropdown-results::after {
    right: 8px;
    top: 7px;
  }

  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option[aria-selected=false] .account-list-dropdown-selection::after,
  html.vcaas-mobile-app body.vcaas-mobile-body vc-modalpopup .combo-modal .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li.select2-results__option[aria-selected=false] .beneficiary-list-dropdown-results::after {
    display: none;
  }
}

vc-beneficiarycombobox .only-name-on-select.selected-item .select2 .select2-selection {
  min-height: var(--input-field-height) !important;
  line-height: var(--input-field-height) !important;
}

vc-beneficiarycombobox .only-name-on-select.selected-item .select2 .select2-selection .placeholder {
  font-size: 12px;
  line-height: 16px;
}

vc-beneficiarycombobox .only-name-on-select.selected-item .select2 .select2-selection .beneficiary-nickname {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

vc-accountlistcombo .account-list-dropdown-selection .transaction-name {
  color: var(--content-content-on-off-white);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

vc-accountlistcombo .account-list-dropdown-selection .transaction-type {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 766.98px) {
  vc-accountlistcombo .account-list-dropdown-selection .transaction-type {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
    padding-right: 14px;
  }
}

@media (min-width: 767px) {
  vc-accountlistcombo:has(.select2.select2-container--above) .combo>.select2-container:not(.select2) {
    height: 1px;
    top: auto !important;
    bottom: 64px !important;
  }

  vc-accountlistcombo:has(.select2.select2-container--above) .combo>.select2-container:not(.select2)>.select2-dropdown {
    bottom: 0 !important;
    top: auto !important;
  }
}

vc-accountlistcombo.memberarea .select2-results {
  margin-top: 0px !important;
}

vc-accountlistcombo.memberarea ul li {
  border: none !important;
}

vc-accountlistcombo.memberarea ul li ul li {
  border-bottom: 1px solid var(--border-border-gray-secondary) !important;
}

vc-accountlistcombo.memberarea ul li ul li:last-child {
  border-bottom: none !important;
}

.select2-results__option {
  border: none;
  padding: 0px;
}

@media (min-width: 767px) {
  .select2-container.select2-container--default.select2-container--open {
    width: 100% !important;
  }

  .select2-container.select2-container--default.select2-container--open .select2-dropdown {
    max-width: 100% !important;
  }

  body>.select2-container.select2-container--default.select2-container--open {
    width: auto !important;
  }

  body>.select2-container.select2-container--default.select2-container--open>.select2-dropdown {
    max-width: inherit !important;
  }
}

.backoffice .combobox-floating:not(.selected-item) .select-float-label {
  display: block;
  top: 18px;
  font: normal normal 400 16px/24px var(--base-font-family);
}

.backoffice .combobox-floating.selected-item .select-float-label {
  display: block;
  top: 8px;
  font: normal normal 400 14px/20px var(--base-font-family);
}

.native-dropdown .combo-modal {
  max-height: none !important;
  padding-bottom: 0 !important;
}

.native-dropdown .combo-modal .modal-body {
  max-height: calc(100vh - 62px) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.native-dropdown .combo-modal .modal-body>.row {
  flex-shrink: 0;
}

.native-dropdown .combo-modal .modal-result-content {
  flex-shrink: 1;
  max-height: 100%;
  overflow-y: auto !important;
}

.native-dropdown .combo-modal .select2-results>ul {
  height: auto !important;
  padding-bottom: 0 !important;
}

.native-dropdown .combo-modal .combobox-mobile-dropdown.h-100 {
  height: auto !important;
}

.native-dropdown .combo-modal .select2-results {
  max-height: none !important;
}

@media (max-width: 766.98px) {
  vc-modalpopup .modal-body .menu-header-item img {
    width: 24px !important;
    position: relative;
  }
}

.select2-container .account-list-dropdown-selection.v2 .amount {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}

.select2-container .account-list-dropdown-selection.v2 .transaction-type {
  max-width: none;
}

.select2-container .account-list-dropdown-selection.v2 .account-list-selection-start {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  width: auto;
}

vc-datepicker .input-group-addon,
vc-cardexpirydate .input-group-addon {
  padding: 0;
}

.web-date-input {
  z-index: 19;
}

.dropzone,
td:not(.fc-other-month) {
  background-color: transparent;
}

.datepicker-button-group {
  position: absolute;
  right: calc(32px + 1rem);
  display: flex;
  height: 100%;
  align-items: center;
  z-index: 20;
  background: none;
  border: none;
  outline-offset: -5px;
}

.datepicker-button-group .datepicker-input-button {
  display: flex;
  height: 100%;
  align-items: center;
  cursor: pointer !important;
  padding-left: 8px;
  padding-right: 8px;
}

.datepicker-button-group .datepicker-input-button.clear-button img {
  width: 20px;
}

.ui-datepicker {
  overflow: hidden;
}

@media (max-width: 766.98px) {
  .ui-datepicker {
    position: fixed !important;
    top: 25% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
  }
}

.scrolly-hidden {
  overflow-y: hidden;
}

.ui-datepicker table {
  width: 94%;
  margin-right: auto;
  margin-left: auto;
}

#ui-datepicker-div.ui-datepicker {
  width: var(--datepicker-width);
  border-radius: var(--datepicker-border-radius);
  min-height: var(--datepicker-min-height);
  height: auto;
  background: var(--datepicker-background-color);
  border: 2px solid var(--datepicker-border-color);
  padding: 20px !important;
  margin-top: 8px;
  opacity: 1;
  z-index: 1112 !important;
  box-shadow: var(--datepicker-box-shadow);
  display: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: none;
  padding: 0;
  margin-bottom: 17px;
  position: relative;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header a.ui-state-disabled {
  opacity: 0.5;
  cursor: default !important;
}

#ui-datepicker-div.ui-datepicker .month-any-year .ui-datepicker-calendar {
  display: none !important;
}

#ui-datepicker-div.ui-datepicker .month-any-year .ui-datepicker-header {
  padding-bottom: 12px !important;
}

#ui-datepicker-div.ui-datepicker th,
#ui-datepicker-div.ui-datepicker td {
  background: none;
}

#ui-datepicker-div.ui-datepicker td {
  width: 42px;
  height: 46px;
  vertical-align: top;
  padding: 0;
}

#ui-datepicker-div.ui-datepicker td:not(.ui-state-disabled) a:hover,
#ui-datepicker-div.ui-datepicker td:not(.ui-state-disabled) a.ui-state-hover {
  background-color: var(--datepicker-active-date-background-color);
  color: var(--datepicker-active-date-text-color) !important;
  text-shadow: none !important;
}

#ui-datepicker-div.ui-datepicker td a,
#ui-datepicker-div.ui-datepicker td span {
  width: 42px;
  height: 42px;
  border-radius: 50% !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: auto;
  color: var(--datepicker-date-text-color);
}

#ui-datepicker-div.ui-datepicker td a.ui-state-active,
#ui-datepicker-div.ui-datepicker td span.ui-state-active {
  font-weight: 700 !important;
  background: var(--datepicker-active-date-background-color);
  color: var(--datepicker-active-date-text-color);
}

#ui-datepicker-div.ui-datepicker td a.ui-state-highlight,
#ui-datepicker-div.ui-datepicker td span.ui-state-highlight {
  background: var(--datepicker-highlight-date-background-color);
  color: var(--datepicker-date-text-color);
  font-weight: 400 !important;
}

#ui-datepicker-div.ui-datepicker th {
  padding: 0;
  height: 36px;
  vertical-align: top;
  text-align: center;
}

#ui-datepicker-div.ui-datepicker th span {
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  color: var(--datepicker-weekdays-title-color);
  font-weight: 600;
  text-transform: uppercase;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
  display: flex;
  -moz-column-gap: 28px;
  column-gap: 28px;
  justify-content: center;
  height: 28px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  border: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--base-font-family);
  height: 28px;
  width: auto;
  padding: 0 16px 0 0;
  background: url('images/datepicker-dropdown-arrow.svg') no-repeat right center;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 4px;
  margin-top: 0;
  margin-left: 0;
  cursor: pointer;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
  right: -2px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span.ui-icon.ui-icon-circle-triangle-e {
  background: url('images/icon-solid-right.svg') no-repeat center !important;
  width: 10px;
  height: 16px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span.ui-icon.ui-icon-circle-triangle-e::before {
  display: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
  left: -2px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span.ui-icon.ui-icon-circle-triangle-w {
  background: url('images/icon-solid-left.svg') no-repeat center !important;
  width: 10px;
  height: 16px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span.ui-icon.ui-icon-circle-triangle-w::before {
  display: none;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
  width: 13px;
  height: 28px;
  top: 0;
  margin: 0;
  display: flex;
  align-items: center;
  position: absolute;
  cursor: pointer;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  margin: 0;
}

.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  color: #666666 !important;
}

vc-datepicker .web-date-input {
  padding-inline-end: 45px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.ui-datepicker-buttonpane {
  position: relative;
  min-height: var(--btn-sm-height);
}

.ui-datepicker-buttonpane::before {
  content: "Cancel";
  width: calc(50% - 5px);
  height: 32px;
  position: absolute;
  left: 0;
  color: var(--btn-outline-text-color);
  background: var(--btn-outline-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--btn-sm-font-size);
  border: 1px solid var(--btn-outline-border-color);
  border-radius: var(--btn-sm-radius);
  font-weight: var(--btn-sm-weight);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 1;
}

.ui-datepicker-buttonpane::after {
  content: "Ok";
  width: calc(50% - 5px);
  height: 32px;
  position: absolute;
  color: white;
  background: var(--btn-primary-bg-color);
  top: 0;
  right: 0;
  border: 1px solid var(--btn-outline-border-color);
  border-radius: var(--btn-sm-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--btn-sm-font-size);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  font-weight: var(--btn-sm-weight);
  z-index: 1;
}

.ui-datepicker-buttonpane .datepicker-close {
  position: absolute;
  left: 0;
  width: calc(50% - 5px) !important;
  border-width: 1px !important;
  z-index: 2;
}

.ui-datepicker-buttonpane .datepicker-done {
  position: absolute;
  right: 0;
  width: calc(50% - 5px) !important;
  z-index: 2;
}

.mat-datepicker-actions {
  display: flex;
  gap: 10px;
  padding: 0 !important;
  margin-top: 10px;
}

.mat-datepicker-actions a,
.mat-datepicker-actions button {
  cursor: pointer;
}

.mat-datepicker-actions .btn-outline {
  border: 1px solid var(--btn-outline-border-color);
}

:root {
  --mat-datepicker-calendar-date-selected-state-background-color: #0f78ff;
  --mat-datepicker-calendar-date-text-color: #000;
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: transparent;
  --mat-datepicker-calendar-date-today-outline-color: transparent;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: transparent;
  --mat-datepicker-calendar-header-text-size: 14px;
  --mat-datepicker-calendar-header-text-color: #000;
  --mat-datepicker-calendar-header-text-weight: 600;
  --mat-datepicker-calendar-date-focus-state-background-color: #d7e9ff;
  --mat-datepicker-calendar-date-hover-state-background-color: #d7e9ff;
  --mat-datepicker-calendar-body-label-text-color: #000;
  --mdc-icon-button-state-layer-size: 24px;
  --mat-datepicker-calendar-date-disabled-state-text-color: #666;
}

@keyframes datepickerAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

vc-datepicker {
  position: relative;
}

vc-datepicker .input-group>.form-control {
  z-index: 0 !important;
}

vc-datepicker .input-group>.form-control:placeholder-shown {
  padding-top: calc(var(--input-field-neutral-padding-top) + 1px) !important;
  line-height: var(--input-field-line-height);
  letter-spacing: 0;
}

vc-datepicker .input-group>.form-control:placeholder-shown~.floatingPlaceholder {
  display: none;
}

vc-datepicker .floatingPlaceholder {
  margin-left: 0 !important;
}

vc-datepicker mat-datepicker-toggle {
  position: absolute;
  right: 0;
  top: calc(50% - 24px);
  z-index: 5;
}

vc-datepicker mat-datepicker-toggle .mat-mdc-button-persistent-ripple,
vc-datepicker mat-datepicker-toggle .mat-ripple.mat-mdc-button-ripple {
  display: none !important;
}

vc-datepicker .mat-datepicker-inline-wrapper .mat-datepicker-inline-content {
  border: 2px solid var(--datepicker-border-color);
  border-radius: var(--datepicker-border-radius);
  padding: var(--spacing-md) !important;
  background-color: white;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-name: datepickerAnimation;
  animation-duration: 0.25s;
  animation-name: datepickerAnimation;
}

@media (min-width: 767px) {
  vc-datepicker .mat-datepicker-inline-wrapper .mat-datepicker-inline-content {
    position: absolute;
    z-index: 101;
    width: var(--datepicker-width);
  }
}

@media (max-width: 766.98px) {
  vc-datepicker .mat-datepicker-inline-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1111;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: rgba(0, 0, 0, 0.5019607843);
  }

  vc-datepicker .mat-datepicker-inline-wrapper .mat-datepicker-inline-content {
    width: calc(100% - 32px);
    position: relative;
  }
}

vc-datepicker .datepicker-input-icon {
  position: absolute;
  right: 12px;
  z-index: 20;
  top: calc(50% - 12px);
  cursor: pointer;
}

.cdk-overlay-container,
.cdk-overlay-pane {
  z-index: 1112 !important;
}

mat-calendar {
  background-color: white;
  height: auto !important;
}

mat-calendar * {
  font-family: var(--base-font-family) !important;
}

mat-calendar .mat-calendar-content {
  padding: 0 !important;
}

mat-calendar mat-calendar-header .mat-calendar-header {
  padding: 0;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls {
  margin: 0 0 16px;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  margin: 0;
  padding: 0;
  left: 50%;
  translate: -50%;
  height: auto;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  width: 10px;
  height: 16px;
  padding: 0;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-previous-button {
  position: absolute;
  left: 24px;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-previous-button::before {
  content: "";
  background: url('images/icon-solid-left.svg') no-repeat center !important;
  width: 24px;
  height: 24px;
  display: block;
  margin-top: -4px;
  margin-left: -7px;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-previous-button::after {
  display: none;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-next-button {
  position: absolute;
  right: 24px;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-next-button::before {
  content: "";
  background: url('images/icon-solid-right.svg') no-repeat center !important;
  width: 24px;
  height: 24px;
  display: block;
  margin-top: -4px;
  margin-left: -7px;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-next-button::after {
  display: none;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-previous-button::after,
mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-next-button::after {
  margin: 6px;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-ripple.mat-mdc-button-ripple,
mat-calendar mat-calendar-header .mat-calendar-header .mat-mdc-button-persistent-ripple {
  display: none !important;
}

mat-calendar mat-calendar-header .mdc-button__label {
  font-size: calc(var(--base-font-size) + 6px);
  font-style: normal;
  font-weight: 600;
  color: var(--base-text-color);
  text-decoration: underline;
}

mat-calendar mat-calendar-header .mdc-button__label svg {
  display: none;
}

mat-calendar mat-month-view .mat-calendar-table-header th {
  padding-bottom: 16px !important;
}

mat-calendar mat-month-view .mat-calendar-body {
  font-size: calc(var(--base-font-size) + 2px);
  font-weight: 400;
}

mat-calendar mat-month-view .mat-calendar-body .mat-calendar-body-cell:not(.mat-calendar-body-disabled) .mat-calendar-body-today {
  background-color: var(--colors-gray-50);
}

mat-calendar mat-month-view .mat-calendar-body .mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-state-background-color) !important;
}

mat-calendar mat-month-view .mat-calendar-body .mat-calendar-body-label {
  opacity: 0;
  visibility: hidden;
  padding: 0 !important;
}

mat-calendar mat-multi-year-view .mat-calendar-body-cell-content,
mat-calendar mat-multi-year-view .mat-calendar-body-cell,
mat-calendar mat-year-view .mat-calendar-body-cell-content,
mat-calendar mat-year-view .mat-calendar-body-cell {
  border-radius: 8px;
  box-shadow: none !important;
}

mat-calendar mat-multi-year-view .mat-calendar-body-cell-container,
mat-calendar mat-year-view .mat-calendar-body-cell-container {
  padding-bottom: 12px !important;
  font-size: 14px !important;
  font-weight: 400;
  margin-top: 8px;
  margin-bottom: 8px;
  display: inline-block;
}

mat-calendar mat-multi-year-view .mat-calendar-body-label,
mat-calendar mat-year-view .mat-calendar-body-label {
  display: none;
}

mat-calendar .mat-calendar-body-cell {
  font-size: calc(var(--base-font-size) + 2px);
}

mat-calendar .mat-calendar-table-header-divider {
  display: none !important;
}

.mat-datepicker-popup .mat-datepicker-content {
  border: 2px solid var(--datepicker-border-color);
  border-radius: var(--datepicker-border-radius);
  width: 100%;
  padding: var(--spacing-md);
}

@media (max-width: 766.98px) {
  .mat-datepicker-popup {
    position: fixed !important;
    top: 25% !important;
    width: calc(100% - 32px) !important;
    left: 50% !important;
    translate: -50% 0;
    max-width: var(--datepicker-width) !important;
    bottom: auto !important;
    right: auto;
  }

  .mat-datepicker-popup .mat-datepicker-content .mat-calendar {
    width: 100% !important;
  }
}

.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
  border-color: var(--mat-datepicker-calendar-date-selected-state-background-color) !important;
}

.mat-calendar-previous-button:disabled,
.mat-calendar-previous-button[disabled=true],
.mat-calendar-next-button:disabled,
.mat-calendar-next-button[disabled=true] {
  opacity: 0.5 !important;
}

@media (max-width: 766.98px) {
  .mat-overlay-transparent-backdrop {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
}

.mat-datepicker-close-button {
  display: none !important;
}

input.mat-datepicker-input:focus,
.form-control.mat-datepicker-input:focus {
  box-shadow: none !important;
}

vc-datepicker .form-control:disabled {
  background-color: var(--input-field-disabled-background-color) !important;
  opacity: 1;
}

::ng-deep .mat-datepicker-content .mat-calendar-header .mat-calendar-controls {
  display: flex;
  justify-content: space-between;
}

::ng-deep .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  pointer-events: auto;
}

::ng-deep .mat-datepicker-content .mat-calendar-table-header th {
  text-transform: uppercase;
  font-weight: 500;
}

mat-calendar mat-calendar-header .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button:focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
}

.mat-calendar-next-button:focus-visible::before,
.mat-calendar-previous-button:focus-visible::before {
  outline: 2px solid black;
  outline-offset: 2px;
}

@font-face {
  font-family: "password";
  font-style: normal;
  font-weight: 400;
  src: url('fonts/password.ttf');
}

.floatingPlaceholder {
  margin-bottom: 0;
}

.form-control {
  height: var(--input-field-height);
  font-family: var(--base-font-family);
}

.form-group {
  margin-bottom: 16px !important;
}

@media (max-width: 766.98px) {
  .form-group {
    margin-bottom: 12px !important;
  }
}

.form-group.inlineRow {
  min-height: 0;
}

vc-textbox input,
vc-maskedtextbox input {
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
}

vc-textbox .input-icon,
vc-maskedtextbox .input-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}

.form-control {
  border-radius: var(--input-field-border-radius) !important;
  min-height: var(--input-field-height) !important;
  font-weight: var(--input-field-font-weight);
  border: var(--input-field-border-width) solid var(--input-field-border-color);
}

.form-control.otp-password-input {
  min-height: 0px !important;
}

.form-control.input-with-icon {
  padding-right: var(--input-field-right-icon-padding) !important;
}

.form-control[readonly] {
  background-color: var(--input-field-readonly-background-color);
}

vc-amountbox .local-iban-disabled .form-control,
vc-ibantextbox .local-iban-disabled .form-control {
  border-left: var(--input-field-border-width) solid var(--input-field-border-color) !important;
  border-top-left-radius: var(--radius-radius-2xs) !important;
  border-bottom-left-radius: var(--radius-radius-2xs) !important;
  padding-left: 20px !important;
}

vc-amountbox .form-control,
vc-ibantextbox .form-control {
  padding-left: var(--input-field-neutral-padding-left) !important;
}

vc-amountbox .input-group-text,
vc-ibantextbox .input-group-text {
  border: var(--input-field-border-width) solid var(--input-field-border-color);
  padding-left: 12px;
  padding-right: 12px;
  background: var(--input-field-readonly-background-color);
  color: var(--colors-primary-950);
}

input:focus,
.form-control:focus {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

input:focus.transparent,
.form-control:focus.transparent {
  box-shadow: none !important;
}

input:focus.semi-transparent,
.form-control:focus.semi-transparent {
  box-shadow: none !important;
}

vc-containerrow .form-group>label {
  font: normal normal bold 16px/16px var(--base-font-family);
  letter-spacing: 0;
  color: var(--form-group-label-text-color);
  margin-bottom: 12px;
}

vc-containerrow .form-group>label.helper-text {
  font-size: 13px;
  color: var(--form-group-label-helpertext);
}

.floatingCountryCode {
  position: absolute;
  top: var(--floating-placeholder-fixed-top-position);
  left: 18px;
  color: var(--input-field-text-color);
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
  font-weight: var(--input-field-font-weight);
  pointer-events: none;
}

.floatingCountryCode.disabled {
  color: var(--input-field-disabled-text-color);
}

.phone-textbox {
  padding-left: var(--input-phone-field-padding-start) !important;
}

vc-textbox .vc-textbox,
vc-datepicker .vc-textbox,
vc-amountbox .vc-textbox,
vc-moneytextbox .vc-textbox,
vc-maskedtextbox .vc-textbox,
vc-phonenumber .vc-textbox,
vc-textarea .vc-textbox {
  position: relative;
  /* being not used anywhere start */
  /* being not used anywhere end */
}

vc-textbox .vc-textbox .clear-icon,
vc-textbox .vc-textbox .password-icon,
vc-datepicker .vc-textbox .clear-icon,
vc-datepicker .vc-textbox .password-icon,
vc-amountbox .vc-textbox .clear-icon,
vc-amountbox .vc-textbox .password-icon,
vc-moneytextbox .vc-textbox .clear-icon,
vc-moneytextbox .vc-textbox .password-icon,
vc-maskedtextbox .vc-textbox .clear-icon,
vc-maskedtextbox .vc-textbox .password-icon,
vc-phonenumber .vc-textbox .clear-icon,
vc-phonenumber .vc-textbox .password-icon,
vc-textarea .vc-textbox .clear-icon,
vc-textarea .vc-textbox .password-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
}

vc-textbox .vc-textbox .clear-icon.fa-eye,
vc-textbox .vc-textbox .clear-icon.fa-eye-slash,
vc-textbox .vc-textbox .password-icon.fa-eye,
vc-textbox .vc-textbox .password-icon.fa-eye-slash,
vc-datepicker .vc-textbox .clear-icon.fa-eye,
vc-datepicker .vc-textbox .clear-icon.fa-eye-slash,
vc-datepicker .vc-textbox .password-icon.fa-eye,
vc-datepicker .vc-textbox .password-icon.fa-eye-slash,
vc-amountbox .vc-textbox .clear-icon.fa-eye,
vc-amountbox .vc-textbox .clear-icon.fa-eye-slash,
vc-amountbox .vc-textbox .password-icon.fa-eye,
vc-amountbox .vc-textbox .password-icon.fa-eye-slash,
vc-moneytextbox .vc-textbox .clear-icon.fa-eye,
vc-moneytextbox .vc-textbox .clear-icon.fa-eye-slash,
vc-moneytextbox .vc-textbox .password-icon.fa-eye,
vc-moneytextbox .vc-textbox .password-icon.fa-eye-slash,
vc-maskedtextbox .vc-textbox .clear-icon.fa-eye,
vc-maskedtextbox .vc-textbox .clear-icon.fa-eye-slash,
vc-maskedtextbox .vc-textbox .password-icon.fa-eye,
vc-maskedtextbox .vc-textbox .password-icon.fa-eye-slash,
vc-phonenumber .vc-textbox .clear-icon.fa-eye,
vc-phonenumber .vc-textbox .clear-icon.fa-eye-slash,
vc-phonenumber .vc-textbox .password-icon.fa-eye,
vc-phonenumber .vc-textbox .password-icon.fa-eye-slash,
vc-textarea .vc-textbox .clear-icon.fa-eye,
vc-textarea .vc-textbox .clear-icon.fa-eye-slash,
vc-textarea .vc-textbox .password-icon.fa-eye,
vc-textarea .vc-textbox .password-icon.fa-eye-slash {
  font-size: 0;
  background: url('../img/View.svg') no-repeat center;
  background-size: 22px auto;
  width: 58px;
  height: 58px;
  right: 0;
}

vc-textbox .vc-textbox .clear-icon.fa-eye-slash,
vc-textbox .vc-textbox .password-icon.fa-eye-slash,
vc-datepicker .vc-textbox .clear-icon.fa-eye-slash,
vc-datepicker .vc-textbox .password-icon.fa-eye-slash,
vc-amountbox .vc-textbox .clear-icon.fa-eye-slash,
vc-amountbox .vc-textbox .password-icon.fa-eye-slash,
vc-moneytextbox .vc-textbox .clear-icon.fa-eye-slash,
vc-moneytextbox .vc-textbox .password-icon.fa-eye-slash,
vc-maskedtextbox .vc-textbox .clear-icon.fa-eye-slash,
vc-maskedtextbox .vc-textbox .password-icon.fa-eye-slash,
vc-phonenumber .vc-textbox .clear-icon.fa-eye-slash,
vc-phonenumber .vc-textbox .password-icon.fa-eye-slash,
vc-textarea .vc-textbox .clear-icon.fa-eye-slash,
vc-textarea .vc-textbox .password-icon.fa-eye-slash {
  background: url('../img/View-slash.svg') no-repeat center;
}

vc-textbox .vc-textbox.s-has-clear-icon .password-icon,
vc-datepicker .vc-textbox.s-has-clear-icon .password-icon,
vc-amountbox .vc-textbox.s-has-clear-icon .password-icon,
vc-moneytextbox .vc-textbox.s-has-clear-icon .password-icon,
vc-maskedtextbox .vc-textbox.s-has-clear-icon .password-icon,
vc-phonenumber .vc-textbox.s-has-clear-icon .password-icon,
vc-textarea .vc-textbox.s-has-clear-icon .password-icon {
  right: 4rem;
}

vc-textbox .vc-textbox.has-information,
vc-datepicker .vc-textbox.has-information,
vc-amountbox .vc-textbox.has-information,
vc-moneytextbox .vc-textbox.has-information,
vc-maskedtextbox .vc-textbox.has-information,
vc-phonenumber .vc-textbox.has-information,
vc-textarea .vc-textbox.has-information {
  /* being not used anywhere start */
  /* being not used anywhere end */
}

vc-textbox .vc-textbox.has-information .clear-icon,
vc-textbox .vc-textbox.has-information .password-icon,
vc-datepicker .vc-textbox.has-information .clear-icon,
vc-datepicker .vc-textbox.has-information .password-icon,
vc-amountbox .vc-textbox.has-information .clear-icon,
vc-amountbox .vc-textbox.has-information .password-icon,
vc-moneytextbox .vc-textbox.has-information .clear-icon,
vc-moneytextbox .vc-textbox.has-information .password-icon,
vc-maskedtextbox .vc-textbox.has-information .clear-icon,
vc-maskedtextbox .vc-textbox.has-information .password-icon,
vc-phonenumber .vc-textbox.has-information .clear-icon,
vc-phonenumber .vc-textbox.has-information .password-icon,
vc-textarea .vc-textbox.has-information .clear-icon,
vc-textarea .vc-textbox.has-information .password-icon {
  right: 4rem;
}

vc-textbox .vc-textbox.has-information.s-has-clear-icon .password-icon,
vc-datepicker .vc-textbox.has-information.s-has-clear-icon .password-icon,
vc-amountbox .vc-textbox.has-information.s-has-clear-icon .password-icon,
vc-moneytextbox .vc-textbox.has-information.s-has-clear-icon .password-icon,
vc-maskedtextbox .vc-textbox.has-information.s-has-clear-icon .password-icon,
vc-phonenumber .vc-textbox.has-information.s-has-clear-icon .password-icon,
vc-textarea .vc-textbox.has-information.s-has-clear-icon .password-icon {
  right: 6rem;
}

vc-textbox .vc-textbox.has-information input,
vc-datepicker .vc-textbox.has-information input,
vc-amountbox .vc-textbox.has-information input,
vc-moneytextbox .vc-textbox.has-information input,
vc-maskedtextbox .vc-textbox.has-information input,
vc-phonenumber .vc-textbox.has-information input,
vc-textarea .vc-textbox.has-information input {
  padding-right: 35px !important;
}

vc-textbox .vc-textbox .form-control,
vc-datepicker .vc-textbox .form-control,
vc-amountbox .vc-textbox .form-control,
vc-moneytextbox .vc-textbox .form-control,
vc-maskedtextbox .vc-textbox .form-control,
vc-phonenumber .vc-textbox .form-control,
vc-textarea .vc-textbox .form-control {
  background: var(--input-field-background-color);
  border: var(--input-field-border-width) solid var(--input-field-border-color);
  border-radius: var(--input-field-border-radius);
  padding-top: var(--input-field-neutral-padding-top);
  padding-bottom: var(--input-field-neutral-padding-bottom);
  padding-left: var(--input-field-neutral-padding-left);
  padding-right: var(--input-field-neutral-padding-right);
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
  letter-spacing: 0;
  color: var(--input-field-text-color);
}

vc-textbox .vc-textbox .form-control:focus,
vc-datepicker .vc-textbox .form-control:focus,
vc-amountbox .vc-textbox .form-control:focus,
vc-moneytextbox .vc-textbox .form-control:focus,
vc-maskedtextbox .vc-textbox .form-control:focus,
vc-phonenumber .vc-textbox .form-control:focus,
vc-textarea .vc-textbox .form-control:focus {
  border: var(--input-field-border-width) solid var(--input-field-focus-border-color);
  outline-color: var(--input-field-focus-border-color);
  outline-width: var(--input-field-focus-outline-width);
  outline-style: auto;
}

@media (max-width: 766.98px) {

  vc-textbox .vc-textbox .form-control:focus,
  vc-datepicker .vc-textbox .form-control:focus,
  vc-amountbox .vc-textbox .form-control:focus,
  vc-moneytextbox .vc-textbox .form-control:focus,
  vc-maskedtextbox .vc-textbox .form-control:focus,
  vc-phonenumber .vc-textbox .form-control:focus,
  vc-textarea .vc-textbox .form-control:focus {
    border-color: var(--input-field-focus-border-color);
    border-width: var(--input-field-focus-border-width);
  }
}

vc-textbox .vc-textbox .form-control:disabled,
vc-datepicker .vc-textbox .form-control:disabled,
vc-amountbox .vc-textbox .form-control:disabled,
vc-moneytextbox .vc-textbox .form-control:disabled,
vc-maskedtextbox .vc-textbox .form-control:disabled,
vc-phonenumber .vc-textbox .form-control:disabled,
vc-textarea .vc-textbox .form-control:disabled {
  background-color: var(--input-field-disabled-background-color);
  color: var(--input-field-disabled-text-color);
  border: var(--input-field-border-width) solid var(--input-field-disabled-border-color) !important;
  -webkit-text-fill-color: var(--input-field-disabled-text-color);
  opacity: 1;
}

vc-textbox .floatingPlaceholder,
vc-datepicker .floatingPlaceholder,
vc-amountbox .floatingPlaceholder,
vc-moneytextbox .floatingPlaceholder,
vc-maskedtextbox .floatingPlaceholder,
vc-phonenumber .floatingPlaceholder,
vc-textarea .floatingPlaceholder {
  display: block;
  position: absolute;
  opacity: 0;
  top: var(--floating-placeholder-top-position);
  bottom: auto;
  color: var(--floating-placeholder-color);
  left: var(--input-field-label-left-position);
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
  transition: all 0.3s ease;
  pointer-events: none;
}

vc-textbox .floatingPlaceholder.maskHolder,
vc-datepicker .floatingPlaceholder.maskHolder,
vc-amountbox .floatingPlaceholder.maskHolder,
vc-moneytextbox .floatingPlaceholder.maskHolder,
vc-maskedtextbox .floatingPlaceholder.maskHolder,
vc-phonenumber .floatingPlaceholder.maskHolder,
vc-textarea .floatingPlaceholder.maskHolder {
  opacity: 0.7;
  top: var(--floating-placeholder-fixed-top-position);
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
  transform: none !important;
}

vc-textbox .floatingPlaceholder.maskHolder.disabled,
vc-datepicker .floatingPlaceholder.maskHolder.disabled,
vc-amountbox .floatingPlaceholder.maskHolder.disabled,
vc-moneytextbox .floatingPlaceholder.maskHolder.disabled,
vc-maskedtextbox .floatingPlaceholder.maskHolder.disabled,
vc-phonenumber .floatingPlaceholder.maskHolder.disabled,
vc-textarea .floatingPlaceholder.maskHolder.disabled {
  color: var(--input-field-disabled-text-color);
  opacity: 1;
}

vc-textbox .floatingPlaceholder.phone-number-mask,
vc-datepicker .floatingPlaceholder.phone-number-mask,
vc-amountbox .floatingPlaceholder.phone-number-mask,
vc-moneytextbox .floatingPlaceholder.phone-number-mask,
vc-maskedtextbox .floatingPlaceholder.phone-number-mask,
vc-phonenumber .floatingPlaceholder.phone-number-mask,
vc-textarea .floatingPlaceholder.phone-number-mask {
  left: var(--phone-number-prefix-placeholder-left-position);
}

@media screen and (max-width: 374px) {

  vc-textbox .floatingPlaceholder,
  vc-datepicker .floatingPlaceholder,
  vc-amountbox .floatingPlaceholder,
  vc-moneytextbox .floatingPlaceholder,
  vc-maskedtextbox .floatingPlaceholder,
  vc-phonenumber .floatingPlaceholder,
  vc-textarea .floatingPlaceholder {
    font: normal normal normal var(--floating-placeholder-fontsize)/var(--floating-placeholder-line-height) var(--base-font-family);
  }
}

@media (max-width: 766.98px) {

  vc-textbox.excessive-label-text input.form-control,
  vc-datepicker.excessive-label-text input.form-control,
  vc-amountbox.excessive-label-text input.form-control,
  vc-moneytextbox.excessive-label-text input.form-control,
  vc-maskedtextbox.excessive-label-text input.form-control,
  vc-phonenumber.excessive-label-text input.form-control,
  vc-textarea.excessive-label-text input.form-control {
    padding-top: 50px;
    min-height: 68px !important;
  }

  vc-textbox.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-textbox.excessive-label-text input.form-control:focus:not(:placeholder-shown),
  vc-datepicker.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-datepicker.excessive-label-text input.form-control:focus:not(:placeholder-shown),
  vc-amountbox.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-amountbox.excessive-label-text input.form-control:focus:not(:placeholder-shown),
  vc-moneytextbox.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-moneytextbox.excessive-label-text input.form-control:focus:not(:placeholder-shown),
  vc-maskedtextbox.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-maskedtextbox.excessive-label-text input.form-control:focus:not(:placeholder-shown),
  vc-phonenumber.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-phonenumber.excessive-label-text input.form-control:focus:not(:placeholder-shown),
  vc-textarea.excessive-label-text input.form-control:not(:placeholder-shown),
  vc-textarea.excessive-label-text input.form-control:focus:not(:placeholder-shown) {
    padding-top: 50px;
  }

  vc-textbox.excessive-label-text input.form-control:disabled,
  vc-datepicker.excessive-label-text input.form-control:disabled,
  vc-amountbox.excessive-label-text input.form-control:disabled,
  vc-moneytextbox.excessive-label-text input.form-control:disabled,
  vc-maskedtextbox.excessive-label-text input.form-control:disabled,
  vc-phonenumber.excessive-label-text input.form-control:disabled,
  vc-textarea.excessive-label-text input.form-control:disabled {
    padding-top: 4px;
  }

  vc-textbox.excessive-label-text vc-moneytextbox vc-information,
  vc-datepicker.excessive-label-text vc-moneytextbox vc-information,
  vc-amountbox.excessive-label-text vc-moneytextbox vc-information,
  vc-moneytextbox.excessive-label-text vc-moneytextbox vc-information,
  vc-maskedtextbox.excessive-label-text vc-moneytextbox vc-information,
  vc-phonenumber.excessive-label-text vc-moneytextbox vc-information,
  vc-textarea.excessive-label-text vc-moneytextbox vc-information {
    top: 38px !important;
  }
}

vc-textbox .form-control:placeholder-shown+.floatingPlaceholder,
vc-datepicker .form-control:placeholder-shown+.floatingPlaceholder,
vc-amountbox .form-control:placeholder-shown+.floatingPlaceholder,
vc-moneytextbox .form-control:placeholder-shown+.floatingPlaceholder,
vc-maskedtextbox .form-control:placeholder-shown+.floatingPlaceholder,
vc-phonenumber .form-control:placeholder-shown+.floatingPlaceholder,
vc-textarea .form-control:placeholder-shown+.floatingPlaceholder {
  visibility: hidden;
  z-index: -1;
  transition: 0s ease-in-out;
}

vc-textbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-textbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
vc-datepicker .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-datepicker .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
vc-amountbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-amountbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
vc-moneytextbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-moneytextbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
vc-maskedtextbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-maskedtextbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
vc-phonenumber .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-phonenumber .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
vc-textarea .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-textarea .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transform: translateY(var(--floating-placeholder-active-transalteY));
  transition: 0.2s ease-in-out transform;
  font: var(--floating-placeholder-font-weight) var(--floating-placeholder-fontsize)/var(--floating-placeholder-line-height) var(--base-font-family);
  letter-spacing: 0;
  color: var(--floating-placeholder-color);
  padding-right: 5px;
}

@media screen and (max-width: 374px) {

  vc-textbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-textbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
  vc-datepicker .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-datepicker .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
  vc-amountbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-amountbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
  vc-moneytextbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-moneytextbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
  vc-maskedtextbox .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-maskedtextbox .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
  vc-phonenumber .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-phonenumber .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder,
  vc-textarea .form-control:not(:placeholder-shown)+.floatingPlaceholder,
  vc-textarea .form-control:focus:not(:placeholder-shown)+.floatingPlaceholder {
    font: var(--floating-placeholder-font-weight) var(--floating-placeholder-fontsize)/var(--floating-placeholder-line-height) var(--base-font-family);
  }
}

vc-textbox .form-control.constant-floating-label::placeholder,
vc-datepicker .form-control.constant-floating-label::placeholder,
vc-amountbox .form-control.constant-floating-label::placeholder,
vc-moneytextbox .form-control.constant-floating-label::placeholder,
vc-maskedtextbox .form-control.constant-floating-label::placeholder,
vc-phonenumber .form-control.constant-floating-label::placeholder,
vc-textarea .form-control.constant-floating-label::placeholder {
  color: transparent;
  opacity: 0;
}

vc-textbox .form-control.constant-floating-label,
vc-datepicker .form-control.constant-floating-label,
vc-amountbox .form-control.constant-floating-label,
vc-moneytextbox .form-control.constant-floating-label,
vc-maskedtextbox .form-control.constant-floating-label,
vc-phonenumber .form-control.constant-floating-label,
vc-textarea .form-control.constant-floating-label {
  padding-top: var(--input-field-filled-padding-top) !important;
  padding-bottom: var(--input-field-filled-padding-bottom) !important;
}

vc-textbox .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder,
vc-datepicker .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder,
vc-amountbox .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder,
vc-moneytextbox .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder,
vc-maskedtextbox .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder,
vc-phonenumber .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder,
vc-textarea .form-control.constant-floating-label:placeholder-shown~.floatingPlaceholder {
  display: block !important;
  align-items: center !important;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(var(--floating-placeholder-active-transalteY));
  transition: 0.2s ease-in-out transform;
  font: var(--floating-placeholder-font-weight) var(--floating-placeholder-fontsize)/var(--floating-placeholder-line-height) var(--base-font-family);
  letter-spacing: 0;
  color: var(--floating-placeholder-color);
  padding-right: var(--floating-placeholder-padding-right);
  height: auto;
}

vc-textbox .form-control:not(:placeholder-shown),
vc-textbox .form-control:focus:not(:placeholder-shown),
vc-datepicker .form-control:not(:placeholder-shown),
vc-datepicker .form-control:focus:not(:placeholder-shown),
vc-amountbox .form-control:not(:placeholder-shown),
vc-amountbox .form-control:focus:not(:placeholder-shown),
vc-moneytextbox .form-control:not(:placeholder-shown),
vc-moneytextbox .form-control:focus:not(:placeholder-shown),
vc-maskedtextbox .form-control:not(:placeholder-shown),
vc-maskedtextbox .form-control:focus:not(:placeholder-shown),
vc-phonenumber .form-control:not(:placeholder-shown),
vc-phonenumber .form-control:focus:not(:placeholder-shown),
vc-textarea .form-control:not(:placeholder-shown),
vc-textarea .form-control:focus:not(:placeholder-shown) {
  padding-top: var(--input-field-filled-padding-top);
  padding-bottom: var(--input-field-filled-padding-bottom);
  color: var(--input-field-text-color);
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
  font-weight: var(--input-field-font-weight);
}

@media (max-width: 766.98px) {

  vc-textbox.ng-dirty.ng-invalid .vc-textbox .form-control:focus,
  vc-datepicker.ng-dirty.ng-invalid .vc-textbox .form-control:focus,
  vc-amountbox.ng-dirty.ng-invalid .vc-textbox .form-control:focus,
  vc-moneytextbox.ng-dirty.ng-invalid .vc-textbox .form-control:focus,
  vc-maskedtextbox.ng-dirty.ng-invalid .vc-textbox .form-control:focus,
  vc-phonenumber.ng-dirty.ng-invalid .vc-textbox .form-control:focus,
  vc-textarea.ng-dirty.ng-invalid .vc-textbox .form-control:focus {
    border-color: var(--input-field-focus-border-color) !important;
    border-width: var(--input-field-focus-border-width) !important;
  }
}

vc-phonenumber vc-information img {
  position: absolute;
  top: -40px;
  left: -20px;
}

vc-textarea .form-control {
  height: auto !important;
  padding-top: var(--textarea-padding-top);
  padding-bottom: var(--textarea-padding-bottom);
  font-size: var(--input-field-font-size);
  line-height: var(--input-field-line-height);
  resize: none !important;
}

vc-textarea .form-control::placeholder {
  font-size: var(--input-field-font-size);
}

vc-textarea .floatingPlaceholder {
  display: none;
}

vc-textarea .form-control:not(:placeholder-shown) {
  padding-top: var(--textarea-padding-top) !important;
}

vc-textarea textarea::placeholder {
  color: var(--input-field-text-color) !important;
}

vc-textarea textarea {
  cursor: auto !important;
}

vc-textarea .form-control:disabled {
  background-color: var(--input-field-disabled-background-color) !important;
  color: var(--input-field-disabled-text-color);
  border: var(--input-field-border-width) solid var(--input-field-disabled-border-color) !important;
}

vc-textarea .form-control:disabled::placeholder {
  color: var(--input-field-disabled-text-color);
}

vc-textarea .form-control:disabled+.floatingPlaceholder {
  background: var(--input-field-disabled-background-color) !important;
}

vc-datepicker .form-control.datepicker:disabled {
  background-color: var(--input-field-disabled-background-color) !important;
  color: var(--input-field-disabled-text-color);
  border: var(--input-field-border-width) solid var(--input-field-disabled-border-color) !important;
}

vc-datepicker .datepicker:placeholder-shown {
  padding-top: var(--input-field-neutral-padding-top);
}

vc-datepicker .datepicker:placeholder-shown+.input-group-addon+.floatingPlaceholder {
  display: none !important;
}

vc-datepicker .floatingPlaceholder,
vc-textarea .floatingPlaceholder {
  opacity: 1;
  z-index: 29;
  top: var(--floating-placeholder-top-position);
  transform: translateY(var(--floating-placeholder-active-transalteY));
}

vc-datepicker .form-control,
vc-textarea .form-control {
  padding-left: var(--input-field-neutral-padding-left);
  padding-bottom: var(--input-field-neutral-padding-bottom);
  letter-spacing: 0;
  color: var(--input-field-text-color);
  background: var(--input-field-background-color) !important;
}

vc-datepicker .form-control.has-focus,
vc-textarea .form-control:focus,
vc-datepicker .form-control:focus-visible {
  border: var(--input-field-border-width) solid var(--input-field-focus-border-color) !important;
  outline-color: var(--input-field-focus-border-color) !important;
  outline-width: var(--input-field-focus-outline-width) !important;
  outline-style: auto !important;
}

vc-textarea .form-control {
  padding-left: var(--input-field-neutral-padding-left);
  scrollbar-width: thin;
}

vc-moneytextbox .vc-textbox {
  /* input:disabled,
  input:disabled ~ .floatingPlaceholder {
      opacity: 0.7 !important;
  } */
}

vc-moneytextbox .vc-textbox input::placeholder {
  text-align: left !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  display: none;
}

input::-ms-clear {
  display: none;
}

input[type=time]::-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none;
  appearance: none;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-clear-button {
  display: none !important;
}

input[type=time]::-moz-focus-inner {
  border: 0;
}

input[type=time] {
  -webkit-appearance: none;
  appearance: none;
}

input.form-control::placeholder {
  color: var(--content-content-on-off-white);
  font-weight: var(--floating-placeholder-font-weight);
  font-size: var(--input-field-font-size) !important;
  line-height: var(--input-field-line-height) !important;
  white-space: inherit;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

  /* IE10+ CSS styles go here */
  vc-textbox .form-control:not(:placeholder-shown),
  vc-textbox .form-control:focus:not(:placeholder-shown),
  vc-datepicker .form-control:not(:placeholder-shown),
  vc-datepicker .form-control:focus:not(:placeholder-shown),
  vc-moneytextbox .form-control:not(:placeholder-shown),
  vc-moneytextbox .form-control:focus:not(:placeholder-shown),
  vc-maskedtextbox .form-control:not(:placeholder-shown),
  vc-maskedtextbox .form-control:focus:not(:placeholder-shown),
  vc-phonenumber .form-control:not(:placeholder-shown),
  vc-phonenumber .form-control:focus:not(:placeholder-shown),
  vc-textarea .form-control:not(:placeholder-shown),
  vc-textarea .form-control:focus:not(:placeholder-shown) {
    padding-top: 30px;
  }

  vc-moneytextbox .vc-textbox input::placeholder {
    font-weight: var(--floating-placeholder-font-weight) !important;
  }
}

input[type=text] {
  -webkit-appearance: none;
  appearance: none;
}

@media (max-width: 766.98px) {
  [placeholder] {
    text-overflow: ellipsis;
  }

  input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-overflow: ellipsis;
  }

  input::-moz-placeholder {
    /* Firefox 19+ */
    text-overflow: ellipsis;
  }

  input:-ms-input-placeholder {
    /* IE 10+ */
    text-overflow: ellipsis;
  }

  input:-moz-placeholder {
    /* Firefox 18- */
    text-overflow: ellipsis;
  }
}

vc-datepicker .floatingPlaceholder {
  font-size: var(--floating-placeholder-fontsize);
  line-height: var(--floating-placeholder-line-height);
}

vc-amountbox .form-control:not(:placeholder-shown),
vc-moneytextbox .form-control:not(:placeholder-shown) {
  color: var(--input-field-text-color);
  text-align: end;
  font-family: var(--base-font-family);
  font-size: var(--input-field-font-size) !important;
}

#confirmNewPassword.ng-dirty.ng-invalid .vc-textbox .form-control:not(:placeholder-shown)+.floatingPlaceholder {
  color: var(--input-field-error-placeholder-text-color);
}

vc-phonenumber.ng-dirty.ng-invalid .form-control:not(:placeholder-shown)+.floatingPlaceholder,
vc-phonenumber.ng-dirty.ng-invalid .floatingPlaceholder.maskHolder {
  color: var(--input-field-error-placeholder-text-color);
}

vc-maskedtextbox:has(.constant-floating-label) .floatingPlaceholder.maskHolder {
  font-size: var(--input-field-font-size) !important;
  line-height: var(--input-field-line-height) !important;
}

.counter-field {
  position: relative;
  border: var(--input-field-border-width) solid var(--input-field-border-color) !important;
}

.counter-field.floating-label {
  position: relative;
  border-radius: var(--input-field-border-radius);
  background: #fff;
  min-height: 56px;
}

.cf__label {
  position: absolute;
  top: 8px;
  left: 16px;
  font: normal normal 400 12px/16px var(--base-font-family);
  pointer-events: none;
  color: var(--floating-placeholder-color);
}

.cf__value {
  position: absolute;
  left: 16px;
  top: 26px;
  pointer-events: none;
  font: var(--input-field-font-weight) 18px/22px var(--base-font-family);
  color: var(--input-field-text-color);
}

.cf__value.is-empty {
  display: none;
}

.cf__input {
  position: absolute;
  inset: 0 44px 0 0;
}

.cf__input input {
  width: 100%;
  height: 100%;
  border: 0 !important;
  background: transparent !important;
  padding: 24px 0 6px 16px !important;
  font-size: 18px !important;
}

.cf__arrows {
  position: absolute;
  right: 6px;
  top: 5px;
  bottom: 6px;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-items: center;
  display: flex !important;
}

.cf__arrows vc-linkbutton {
  background-color: var(--surface-surface-off-white);
}

.cf-chevron {
  height: 10px;
  width: 24px;
}

.cf-chevron-up {
  background: url('images/chevron-up.svg') no-repeat center !important;
}

.cf-chevron-up::after {
  content: none !important;
  display: none !important;
}

.cf-chevron-down {
  background: url('images/chevron-down.svg') no-repeat center !important;
}

.cf-chevron-down::after {
  content: none !important;
  display: none !important;
}

vc-phonenumber .floatingPlaceholder.phone-number-mask {
  left: 40px;
}

.vc-textbox.is-password input {
  font-family: password !important;
}

.vc-textbox.is-password input::-webkit-input-placeholder {
  font-family: var(--base-font-family);
}

.vc-textbox.is-password input:-ms-input-placeholder {
  font-family: var(--base-font-family);
}

.vc-textbox.is-password input:-moz-placeholder {
  font-family: var(--base-font-family);
}

.vc-textbox.is-password input::-moz-placeholder {
  font-family: var(--base-font-family);
}

.vc-textbox.is-password.revealed input {
  font-family: var(--base-font-family) !important;
}

vc-otpbox vc-pintextbox vc-textbox input.form-control:focus,
vc-otpbox vc-pintextbox vc-textbox input.form-control:focus-visible {
  outline: calc(var(--input-field-focus-outline-width) + 1px) solid var(--input-field-focus-border-color) !important;
  outline-offset: calc((var(--input-field-focus-outline-width) + 1px) * -1) !important;
}

.clearable-input {
  position: relative;
}

.clearable-input .vc-textbox .vc-textbox .form-control {
  padding-inline-end: 40px;
}

.clearable-input__clear-btn {
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  border-radius: 50%;
  overflow: hidden;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 16px;
  display: none;
  outline-offset: 3px;
  z-index: 1;
  transition: none;
}

.clearable-input__clear-btn img {
  width: 20px;
}

.clearable-input__clear-btn:focus {
  outline: 2px solid var(--content-content-black);
}

.clearable-input__magnify-btn {
  position: absolute;
  top: 18px;
  right: 16px;
}

.clearable-input__magnify-btn a {
  transition: none;
  outline-offset: 2px;
}

.clearable-input__magnify-btn a:focus {
  outline: 2px solid var(--content-content-black);
}

.clearable-input.clearable-input--has-value:focus-within .clearable-input__clear-btn {
  display: inline-block;
}

.clearable-input.clearable-input--has-value:focus-within .clearable-input__magnify-btn {
  display: none;
}

.clearable-input.clearable-input--has-value:focus-within:has(.clearable-input__magnify-btn:focus-within) .clearable-input__magnify-btn {
  display: inline-block;
}

.clearable-input.clearable-input--has-value:focus-within:has(.clearable-input__magnify-btn:focus-within) .clearable-input__clear-btn {
  display: none;
}

.radio input[type=radio].radiobox+span,
.radiobox-inline input[type=radio].radiobox+span {
  margin-left: 0;
}

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

.custom-control-input:focus-visible~.custom-control-label::before {
  outline: 2px solid;
  outline-offset: 2px;
}

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

.custom-control-label::before {
  position: absolute;
  content: "";
}

vc-radiobuttonlist {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: var(--radio-list-horizontal-gap);
}

@media (max-width: 766.98px) {
  vc-radiobuttonlist .custom-control.custom-radio {
    width: 100%;
    flex: auto !important;
    justify-content: space-between;
  }
}

vc-radiobuttonlist.is-vertical .custom-control.custom-radio:not(:first-child) {
  margin-top: 12px;
}

vc-radiobuttonlist.radiolist-option .custom-control {
  margin-right: 0;
}

vc-radiobuttonlist.radiolist-option .custom-control+.custom-control {
  margin-left: 5rem;
}

vc-radiobuttonlist.vertical-center {
  align-items: inherit;
}

vc-radiobuttonlist.vertical-center .custom-control.custom-radio {
  margin-top: 0 !important;
  display: flex;
  align-items: center;
}

.custom-radio .custom-control-label::before {
  border-radius: var(--radio-circle-radius);
  width: var(--radio-circle-width) !important;
  height: var(--radio-circle-height) !important;
  border: var(--radio-circle-border-width) solid var(--radio-circle-border-color) !important;
  background: var(--radio-circle-selected-background-color) !important;
  left: 0;
  top: 50% !important;
  transform: translateY(-50%);
}

/* .custom-radio .custom-control-label::after {
    width: var(--radio-circle-width)  !important;
    height: var(--radio-circle-height)  !important;
} */
.custom-control.custom-radio {
  margin-right: 0;
  border-radius: var(--radio-box-border-radius);
}

@media (max-width: 766.98px) {
  .custom-control.custom-radio {
    border: var(--radio-box-border-width) solid var(--radio-box-border-color);
    background: var(--radio-box-background-color);
    flex: 1;
    height: auto;
    min-height: var(--radio-box-min-height);
    padding: var(--radio-box-padding);
  }
}

.custom-radio .break {
  flex-basis: 100%;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.custom-radio .custom-control-description-label {
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: 0;
}

.custom-control-label {
  padding-left: 30px;
  text-align: start;
  margin-right: 0px;
  letter-spacing: 0px;
  color: var(--radio-label-color);
  font-size: var(--radio-label-font-size);
  font-weight: var(--radio-label-font-weight);
  line-height: var(--radio-label-line-height);
  font-style: normal;
  cursor: pointer;
}

.custom-control-label::before {
  top: -1px !important;
}

.custom-control-label::after {
  top: 3px !important;
}

.customer-onboarding-additionalquestions-radio-row {
  max-width: 160px !important;
  padding: 0px !important;
  margin: auto;
}

.custom-control-input:checked~.custom-control-label::before {
  width: var(--radio-circle-width) !important;
  height: var(--radio-circle-height) !important;
  border-width: var(--radio-circle-selected-border-width) !important;
}

vc-radiobuttonlist.radio-list-v1 {
  flex-direction: column;
}

vc-radiobuttonlist.radio-list-horizontal-extra-gap div.custom-control:nth-child(1) {
  margin-right: 150px !important;
}

.radio-space-margin-top-1 .custom-radio {
  margin-top: 10px;
}

.radio-button-vertical-st1 {
  flex-direction: column;
}

.radio-button-vertical-st1 .custom-radio {
  margin-top: 10px;
}

.tabs .tab-set {
  display: flex;
}

.tabs .tab-set .tab {
  padding-inline: 31px;
  text-align: center;
  margin-bottom: 8px;
  font-size: var(--tabs-btn-font-size);
  line-height: var(--tabs-btn-line-height);
  font-weight: var(--tabs-btn-font-weight);
  letter-spacing: 0px;
  color: var(--tabs-btn-neutral-color);
}

@media (max-width: 766.98px) {
  .tabs .tab-set .tab {
    font-size: var(--tabs-btn-font-size);
    line-height: var(--tabs-btn-line-height);
    font-weight: var(--tabs-btn-font-weight);
    padding-inline: 12px;
  }
}

.tabs .tab-set .is-active {
  position: relative;
  color: var(--tabs-btn-active-color);
}

.tabs .tab-bar {
  width: 100%;
  height: var(--tabs-btn-bar-border-height);
  border-bottom: var(--tabs-btn-bar-border-width) solid var(--tabs-btn-bar-border-color);
}

.tabs .tab-bar-active {
  width: 100%;
  height: var(--tabs-btn-bar-border-height);
  position: absolute;
  inset-inline-start: 0;
  bottom: -14px;
}

.tabs .tab-bar-active {
  background-color: var(--tabs-btn-bar-active-color);
}

:root {
  --switch-height: 26px;
  --switch-radius: 50px;
}

.onoffswitch-container,
.onoffswitch {
  margin-left: 0 !important;
}

.onoffswitch-container {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-top: 0;
}

.onoffswitch {
  display: table;
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  vertical-align: middle;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  display: block;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
  display: block;
}

.onoffswitch-inner:after {
  content: attr(data-swchoff-text);
  padding-top: 2px;
  padding-right: 10px;
  height: var(--switch-height);
  color: transparent;
  box-shadow: none;
  background: var(--switch-default-background-color);
}

.onoffswitch-label {
  border: none !important;
  height: var(--switch-height);
  width: 40px;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
  box-sizing: content-box;
}

.onoffswitch-inner:after,
.onoffswitch-inner:before {
  float: left;
  width: 50%;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  box-sizing: border-box;
}

.onoffswitch .onoffswitch-inner:before {
  content: attr(data-swchon-text);
  text-shadow: unset;
  padding-left: 7px;
  line-height: 20px;
  height: var(--switch-height);
  vertical-align: middle;
  color: inherit;
  box-shadow: none;
  text-align: left;
  background: var(--switch-active-background-color);
}

.onoffswitch-switch {
  background: var(--switch-circle-background-color) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  opacity: 1;
  width: 20px;
  height: 20px;
  border: none;
  top: 5px;
  bottom: 0;
  right: 29px;
  transition: all 0.1s cubic-bezier(0.4, 0, 1, 1);
  margin: -2px;
  position: absolute;
}

.onoffswitch-switch:hover {
  background: var(--switch-circle-hover-background-color);
}

.onoffswitch-switch:active {
  background-color: var(--switch-circle-hover-background-color);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before,
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
  display: none !important;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 15px;
}

.onoffswitch-title {
  text-align: left;
  color: var(--switch-title-color);
  line-height: var(--switch-title-line-height);
  font-size: var(--switch-title-font-size);
  font-weight: var(--switch-title-font-weight);
}

.onoffswitch+span,
.onoffswitch-title {
  margin-top: 0;
}

.otp-switch-column vc-switchview {
  margin-right: -10px;
}

.onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-inner:before,
.onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-inner:after {
  background: var(--switch-disabled-background-color);
  color: var(--switch-title-color);
}

.onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-switch,
.onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-switch {
  background-color: var(--switch-circle-disabled-background-color);
  box-shadow: none !important;
}

vc-timer>div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 8px;
  margin-bottom: 16px;
}

vc-timer>div .timer-content {
  text-align: center;
}

vc-timer>div .timer-content .timer-title {
  font: normal normal 800 14px/19px var(--base-font-family);
  color: var(--content-content-on-cloud);
}

vc-timer>div .timer-content .timer {
  font: normal normal 500 16px/24px var(--base-font-family);
  color: var(--colors-truecolors-black);
}

vc-timer>div .timer-content .timer.last-25 {
  color: var(--colors-truecolors-black);
}

vc-timer>div .timer-content .timer.last-10 {
  color: var(--colors-truecolors-black);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  vc-timer>div .timer-content {
    margin-left: 46px;
    margin-top: -30px;
  }
}

vc-timer.bottomsheet-timer>div {
  justify-content: flex-end;
}

.modal {
  display: block !important;
}

.modal-document-class {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-content-class {
  width: 100%;
}

.modal-content-class vc-flownavigation {
  margin-left: 0;
  margin-right: 0;
}

.modal-content-class vc-flownavigation .row {
  padding-top: 16px;
}

.modal-content-class .common-confirm {
  max-height: 396px;
  overflow: auto;
  padding: 0;
  padding-right: 12px;
  margin-right: -12px;
  width: auto;
}

.modal-content-class .common-confirm::-webkit-scrollbar {
  width: 4px;
  border-radius: 200px;
}

.modal-content-class .common-confirm::-webkit-scrollbar-track {
  background: var(--surface-surface-disabled);
  border-radius: 200px;
}

.modal-content-class .common-confirm::-webkit-scrollbar-thumb {
  background-color: var(--surface-surface-overlay);
  border-radius: 200px;
}

.modal-content-class .common-confirm>div.d-flex>vc-gridrow.row {
  margin-left: 0;
  margin-right: 0;
}

.modal-content-class .common-confirm vc-information-item .information-content {
  flex-direction: column !important;
  align-items: flex-start !important;
}

.modal-content-class .common-confirm vc-information-item .information-content .information-item-value {
  text-align: left;
}

.modal-content-class .txn-step-text {
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 20px;
}

.modal-content-class .information-container.confirm vc-information-item .information-content .information-item-value {
  text-align: left !important;
}

.common-confirm vc-information-item .information-content {
  justify-content: flex-start !important;
}

@media (max-width: 766.98px) {
  .common-confirm vc-information-item .information-content {
    justify-content: space-between !important;
  }
}

.common-confirm vc-information-item .information-content .information-item-value {
  text-align: left;
}

@media (max-width: 766.98px) {
  .common-confirm vc-information-item .information-content .information-item-value {
    text-align: right;
  }
}

.modal-document {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hidden {
  opacity: 0;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
}

.terms-conditon-text p,
.terms-conditon-text li {
  font: normal normal normal 14px/20px var(--base-font-family) !important;
  letter-spacing: 0px !important;
  color: var(--surface-surface-slate) !important;
}

.terms-conditon-text strong {
  font: normal normal normal 14px/20px var(--base-font-family) !important;
  letter-spacing: 0px !important;
  color: var(--surface-surface-slate) !important;
  font-weight: bold !important;
}

vc-modalpopup .modal-body {
  display: flex;
  padding: var(--spacing-md);
  flex-direction: column;
  align-items: stretch;
  background: var(--surface-surface-foreground);
}

vc-modalpopup .modal-body:focus-visible {
  outline: 0 !important;
}

vc-modalpopup .modal-body vc-gridsystem {
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}

vc-modalpopup .modal-body .image-info {
  position: fixed;
  margin-top: -50px !important;
  margin-bottom: 14px;
  left: calc(50% - 32px);
  z-index: 9;
  width: 72px;
  border: 7px solid var(--colors-truecolors-white);
  border-radius: 50%;
}

vc-modalpopup .modal-body .image-info.terms-condition-image {
  margin-top: -133px !important;
}

@media (max-width: 766.98px) {
  vc-modalpopup .modal-body .image-info.terms-condition-image {
    margin-top: -130px !important;
  }
}

vc-modalpopup .modal-body .image-logout {
  position: fixed;
  margin-bottom: 14px;
  left: calc(50% - 32px);
  margin-top: -145px !important;
  z-index: 9;
}

vc-modalpopup .modal-body .modalClose a:focus-visible img {
  outline: 3px solid var(--content-content-black);
  outline-offset: 2px;
  border-radius: 50%;
}

vc-modalpopup .modal-body .icon-close {
  width: 24px !important;
  height: 24px !important;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 9;
}

vc-modalpopup .modal-body .image-timeout {
  margin-bottom: 14px !important;
  border-radius: 200px;
  background: var(--surface-surface-primary);
  display: flex !important;
  width: 64px;
  height: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

vc-modalpopup .modal-body .image-timeout img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

@media (max-width: 766.98px) {
  vc-modalpopup .modal-body .image-timeout {
    display: none;
  }
}

vc-modalpopup#informationPopup .modal-backdrop {
  backdrop-filter: blur(0) !important;
  z-index: 1104 !important;
}

vc-modalpopup#informationPopup .modal {
  z-index: 1110 !important;
}

vc-modalpopup#informationPopup .modal-document-class {
  background-color: var(--content-content-white);
  padding: var(--spacing-xs);
  border-radius: 16px 16px var(--radius-radius-md) var(--radius-radius-md);
  overflow: visible;
  width: auto;
  max-width: 358px;
}

vc-modalpopup#informationPopup .modal-document-class .modal-body {
  background: none !important;
  padding: 0;
}

vc-modalpopup#informationPopup .modal-document-class .modal-body .modalClose {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  background: url('images/icon-close-modal.svg') no-repeat center;
}

vc-modalpopup#informationPopup .modal-document-class .modal-body .modalClose .icon-close {
  opacity: 0;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
}

vc-modalpopup#informationPopup .modal-document-class vc-gridrow {
  margin: 0;
}

vc-modalpopup#informationPopup .modal-document-class vc-gridrow vc-gridcolumn {
  padding: 0;
}

vc-modalpopup#informationPopup .modal-document-class vc-gridrow.infoIcon {
  position: absolute;
  left: 0;
  top: 0;
}

vc-modalpopup#informationPopup .modal-document-class vc-gridrow.infoIcon .image-info {
  border: 0;
  border-radius: 0;
  left: 0;
  width: auto;
  margin: 0 !important;
  position: relative !important;
}

vc-modalpopup#informationPopup .modal-document-class .transaction-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500 !important;
  color: var(--content-content-black);
  text-align: left !important;
  max-width: calc(100% - 24px);
}

vc-modalpopup#informationPopup .modal-document-class .help-content {
  color: var(--content-content-black);
  margin-top: var(--spacing-2xs, 12px);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

vc-modalpopup.modal-celebrate .modal-body {
  padding-top: 64px;
}

vc-modalpopup.modal-celebrate .modal-body .row {
  margin: 0;
}

vc-modalpopup.modal-celebrate .modal-body .birthday-image-container {
  background-color: var(--surface-surface-foreground);
  padding: 0;
  margin-bottom: 40px;
  border-radius: var(--radius-radius-sm);
  overflow: hidden;
}

@media (max-width: 766.98px) {
  vc-modalpopup.modal-celebrate .modal-body .birthday-image-container {
    margin-bottom: 24px;
  }
}

vc-modalpopup.modal-celebrate .modal-body .birthday-image-container vc-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

vc-modalpopup.modal-celebrate .modal-body .birthday-celebration-title,
vc-modalpopup.modal-celebrate .modal-body .birthday-celebration-content {
  text-align: center;
  color: var(--colors-truecolors-black);
}

vc-modalpopup.modal-celebrate .modal-body .birthday-celebration-title {
  font-family: var(--secondary-font-family);
  font-size: 36px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

vc-modalpopup.modal-celebrate .modal-body .birthday-celebration-content {
  font-family: var(--base-font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (max-width: 766.98px) {
  .modal-transfertownaccounttransaction#informationPopup .modal {
    top: 50%;
    bottom: inherit;
    transform: translate(-50%, -50%);
    left: 50%;
  }
}

.modal-transfertownaccounttransaction#informationPopup .modal-document-class {
  padding: var(--spacing-md);
  margin: initial;
}

.modal-transfertownaccounttransaction#informationPopup .modal-document-class .btn-close-popup {
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 767px) {
  .modal-transfertownaccounttransaction#informationPopup .modal-document-class {
    width: 500px;
  }
}

@media (max-width: 766.98px) {
  .modal-transfertownaccounttransaction#informationPopup .modal-document-class {
    margin: auto;
  }
}

.modal-transfertownaccounttransaction#informationPopup .modal-document-class .transaction-title,
.modal-transfertownaccounttransaction#informationPopup .modal-document-class .help-content {
  text-align: left !important;
}

.modal-transfertownaccounttransaction#informationPopup .modal-document-class .help-content {
  margin-top: 18px !important;
}

.modal-transfertownaccounttransaction#informationPopup .modal-body {
  height: auto;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.modal-transfertownaccounttransaction#informationPopup .modal-body .infoIcon {
  display: none !important;
}

.modal-backdrop {
  z-index: 111 !important;
  background-color: var(--surface-surface-overlay) !important;
  opacity: 1 !important;
  backdrop-filter: blur(8px) !important;
}

@media (max-width: 766.98px) {
  .modal-backdrop {
    z-index: 1103 !important;
  }
}

.modal-context {
  color: var(--colors-truecolors-black);
  display: inline-block;
  font-weight: 500;
  font-size: var(--base-font-size);
}

.modal-header-text {
  margin-bottom: 16px;
  display: block;
  text-align: left;
  color: var(--colors-truecolors-black);
  font-family: var(--base-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

@media (max-width: 766.98px) {
  .modal-header-text {
    font-size: 16px;
    line-height: 24px;
  }
}

.timeout-popup .modal-backdrop {
  z-index: 1158 !important;
}

.timeout-popup .modal {
  z-index: 1160 !important;
}

.timeout-popup .modal .modal-header-text {
  display: none;
}

.timeout-popup .modal .modal-header-text.session-timeout-title {
  display: block;
}

@media (min-width: 767px) {
  .timeout-popup .modal .modal-header-text.session-timeout-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
}

.timeout-popup .modal vc-timer>div {
  margin-top: 32px;
}

.timeout-popup .modal vc-timer>div .timer-content .timer-title {
  font: normal normal 600 12px/16px var(--base-font-family);
  color: var(--content-content-on-cloud);
}

.timeout-popup .modal vc-timer>div .timer-content .timer {
  margin-top: 0;
  font: normal normal 600 36px/40px var(--base-font-family);
  color: var(--content-content-black) !important;
}

.timeout-popup .modal vc-timer>div .timer-content .timer.last-25,
.timeout-popup .modal vc-timer>div .timer-content .timer.last-10 {
  color: var(--content-content-black);
}

.timeout-popup .modal .modal-context {
  color: var(--surface-surface-slate);
  font-weight: 500;
  font-size: 16px;
}

@media (min-width: 767px) {
  .timeout-popup .modal .modal-context {
    text-align: center;
  }
}

@media (max-width: 766.98px) {
  html:has(.modal-backdrop) {
    scrollbar-width: none;
  }

  html:has(.modal-backdrop) body {
    overflow-y: hidden !important;
    scrollbar-width: none;
  }

  vc-modalpopup .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--surface-surface-foreground);
    width: calc(100% - 0px);
    margin: auto;
    border-radius: var(--radius-radius-md) var(--radius-radius-md) var(--radius-radius-none) var(--radius-radius-none);
    overscroll-behavior: none;
  }

  vc-modalpopup .modal-backdrop {
    animation-name: animateModalOverlay;
    animation-duration: 250ms;
    animation-delay: 0;
    animation-timing-function: ease;
  }

  vc-modalpopup .modal {
    bottom: 0px;
    height: inherit;
    top: inherit;
    animation-name: animateModalOpen;
    animation-duration: 200ms;
    animation-delay: 0;
    animation-timing-function: ease;
    z-index: 1111;
  }

  vc-modalpopup .modal.out {
    transition-property: transform;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transform: translateY(100%);
  }

  vc-modalpopup .modal.frequency-dropdown-modal .modal-body>vc-gridrow.row:first-child {
    max-height: 41px;
  }

  vc-modalpopup .modal.frequency-dropdown-modal .modal-body .modal-result-content {
    overflow: auto;
    flex: 1;
  }

  vc-modalpopup .modal.frequency-dropdown-modal .modal-body .modal-result-content>.select2-container {
    position: relative !important;
  }

  vc-modalpopup .modal.frequency-dropdown-modal .modal-body .modal-result-content>.select2-container>.select2-dropdown {
    top: 0 !important;
  }

  vc-modalpopup .modal.frequency-dropdown-modal .modal-body .modal-result-content>.select2-container .select2-results {
    overflow: initial !important;
    max-height: inherit;
  }

  vc-modalpopup .modal.frequency-dropdown-modal .modal-body .modal-result-content>.select2-container .select2-results .select2-results__options {
    max-height: inherit;
    overflow: initial !important;
    padding-bottom: 16px;
  }

  .timeout-popup .modal-content-class {
    width: auto;
    margin: 0 20px;
  }
}

@media (max-width: 766.98px) and (max-width: 766.98px) {
  .timeout-popup .modal-content-class {
    margin: 0px;
  }
}

@media (max-width: 766.98px) {
  .timeout-popup .modal-content-class .modal-body {
    max-height: inherit;
  }

  .timeout-popup .modal-content-class .modal-body vc-timer>div {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .modal-share-details iframe {
    width: 100%;
    border: none;
    height: 245px;
  }

  .modal-campaign-view-inner .modal-content-class {
    background: var(--surface-surface-foreground);
    padding-top: var(--spacing-md);
    border-radius: var(--radius-radius-md) var(--radius-radius-md) 0 0;
  }

  .modal-campaign-view-inner .modal-body {
    padding: 0 var(--spacing-xs) var(--spacing-md) var(--spacing-md);
    border-radius: 0;
    scrollbar-gutter: stable;
  }

  .modal-campaign-view-inner .modal-body .icon-close {
    top: 0;
  }

  .modal-campaign-view-inner .modal-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .modal-campaign-view-inner .modal-body::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 10px;
  }

  .modal-campaign-view-inner .modal-body::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
  }

  .modal-campaign-view-inner .modal-body .campaign-action-buttons-container {
    flex-direction: column;
    align-items: center;
  }

  .modal-campaign-view-inner iframe {
    width: 100%;
    border: none;
    height: 245px;
  }
}

@media (min-width: 767px) {
  .modal {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .modal-document-class {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90%;
    height: auto;
    width: 500px;
    display: block;
    background: var(--surface-surface-foreground);
    border-radius: var(--radius-radius-md);
  }

  .modal-custom-document-account {
    width: 500px !important;
  }

  .modal-filter-transactions {
    width: 500px !important;
  }

  .modal .modal-no-gutters .modal-body {
    padding: 0;
    margin: 0;
  }

  .modal-share-details {
    width: 100%;
    min-width: 1024px;
    max-width: 1024px;
    height: calc(100vh - 140px);
  }

  .modal-share-details .iframe-column {
    height: calc(100vh - 300px);
  }

  .modal-share-details .iframe-column iframe {
    width: 100%;
    border: none;
    height: 100%;
  }

  .modal-share-details .export-document-btn-row {
    width: 50%;
    margin-left: 10px;
    float: left;
  }

  .modal-share-details .export-document-btn-row .account-details-btn {
    margin-top: 18px;
  }

  .modal-share-details .close-column {
    width: 50%;
    float: left;
  }

  .modal-campaign-view-inner-light {
    max-width: 600px;
  }

  .modal-campaign-view-inner-light .modal-body {
    padding: 0px;
  }

  .modal-campaign-view-inner-light .iframe-column {
    height: calc(100vh - 300px);
  }

  .modal-campaign-view-inner-light .iframe-column iframe {
    width: 100%;
    border: none;
    height: 100%;
  }

  .modal-campaign-view-inner {
    width: 100%;
    min-width: 452px;
    max-width: 452px;
    padding: var(--spacing-md) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
  }

  .modal-campaign-view-inner .modal-body {
    padding: 0px;
  }

  .modal-campaign-view-inner .iframe-column {
    height: calc(100vh - 300px);
  }

  .modal-campaign-view-inner .iframe-column iframe {
    width: 100%;
    border: none;
    height: 100%;
  }

  .modal-campaign-view-inner .icon-close {
    top: 0 !important;
    right: 0 !important;
  }

  vc-modalpopup .modal-document-class.member-migration-popup {
    margin-top: -5%;
    overflow-y: hidden;
  }

  vc-modalpopup .modal-document-class.member-migration-popup vc-gridsystem {
    overflow: inherit;
  }

  vc-modalpopup .modal-document-class.change-username-popup {
    margin-top: -5%;
    overflow-y: hidden;
  }

  vc-modalpopup .modal-document-class.change-username-popup vc-gridsystem {
    overflow: inherit;
  }
}

@media (max-width: 766.98px) {
  .flow-otp-modal {
    max-width: 400px;
  }
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body {
  text-align: inherit;
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .campaignPopupStepFlow {
  text-align: center;
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .modal-campaign-imgcontainer {
  text-align: center;
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .modal-campaign-imgcontainer img {
  max-width: 100%;
  border-radius: var(--radius-radius-xs);
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .campaign-controls-container {
  text-align: left;
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .campaign-title-text {
  font: normal normal 700 36px/32px var(--secondary-font-family);
  font-weight: bold;
  letter-spacing: 1px;
  color: var(--content-content-black);
  opacity: 1;
  text-align: center;
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .campaign-detail-text {
  font: normal normal normal 16px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-black);
  opacity: 1;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 10px;
}

vc-modalpopup.modal-campaign-view .modal-content-class .modal-body .campaign-action-buttons-container .campaign-action-buttons {
  flex: 1;
  width: 100%;
  margin-top: 12px;
}

vc-modalpopup.transaction-helpbox-mobile .modal-content-class .modal-body {
  border-radius: 10px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .modal-document-class {
    overflow: visible !important;
  }

  .modal-document-class .modal-content-class {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
  }
}

.cheque-popup .modal-backdrop {
  z-index: 1004 !important;
}

.cheque-popup vc-label>span {
  font-size: 16px;
  font-family: var(--base-font-family);
  font-weight: 500;
}

.cheque-popup vc-gridcolumn>vc-label.text-start span {
  font-size: 16px;
  font-family: var(--base-font-family);
  font-weight: 500;
}

.cheque-popup vc-label.f-w-400 span {
  font-weight: 400 !important;
}

.cheque-popup .cheque-image-container {
  border-radius: 8px;
  background-color: #F6F3F0;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
  font-size: 16px;
}

.cheque-popup .cheque-image-container.no-margin {
  margin-bottom: 0;
}

.cheque-popup .cheque-image-container vc-image {
  flex-shrink: 0;
}

.cheque-popup .cheque-image-container vc-label {
  margin-top: 16px;
  padding-bottom: 24px;
}

.cheque-popup .cheque-image-container vc-label span {
  text-align: center;
  font-family: var(--base-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: 0%;
}

vc-modalpopup .modal-body .modalAccounList {
  max-height: 536px;
  overflow: auto;
  padding: 0;
  padding-right: 12px;
  margin-right: -12px;
  width: auto;
}

vc-modalpopup .modal-body .modalAccounList::-webkit-scrollbar {
  width: 4px;
  border-radius: 200px;
}

vc-modalpopup .modal-body .modalAccounList::-webkit-scrollbar-track {
  background: var(--surface-surface-disabled);
  border-radius: 200px;
}

vc-modalpopup .modal-body .modalAccounList::-webkit-scrollbar-thumb {
  background-color: var(--surface-surface-overlay);
  border-radius: 200px;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item {
  display: flex;
  min-height: 76px;
  height: auto;
  border: 1px solid var(--border-border-primary-light);
  border-radius: var(--radius-radius-sm);
  margin: 0;
  padding: var(--spacing-xs);
  cursor: pointer;
  align-items: center;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item .amountTile vc-label {
  font-weight: bold;
  font-size: 20px;
  float: right;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn {
  padding: 0;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div {
  justify-content: space-between;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .accountInfoTile,
vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .amountTile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .accountInfoTile span,
vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .amountTile span {
  color: var(--base-text-color) !important;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .accountInfoTile .account-owner {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .accountInfoTile .account-number {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item vc-gridcolumn>div .amountTile span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  white-space: nowrap;
  padding-left: 10px;
}

vc-modalpopup .modal-body .modalAccounList .account-card-list-item+.account-card-list-item {
  margin-top: 16px;
}

@media (max-width: 766.98px) {
  #menupopupmodal {
    background: var(--body-bg-color);
  }

  #menupopupmodal .modal-body {
    background: none !important;
    height: 100%;
    margin: 0;
    padding: 16px;
    overflow: inherit;
    display: flex;
    justify-content: flex-start;
    padding-top: calc(64px + var(--safe-area-inset-top));
  }

  #menupopupmodal .modal-body:before {
    display: none !important;
  }

  #menupopupmodal .modal-body vc-gridrow:first-child {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 48px;
  }

  #menupopupmodal .modal-body .menu-header {
    background: #313130 !important;
    border: 0;
    justify-content: space-between;
    min-height: 48px;
  }

  #menupopupmodal .modal-body .menu-header .menu-header-item.text-start,
  #menupopupmodal .modal-body .menu-header .menu-header-item.text-end {
    filter: brightness(100);
  }

  #menupopupmodal .modal-body .menu-header .menu-header-item.center {
    display: flex;
    justify-content: center;
  }

  #menupopupmodal .modal-body .menu-header .menu-header-item.center vc-label span {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--content-content-off-white);
    font-family: var(--base-font-family), sans-serif;
    letter-spacing: 1px;
  }

  #menupopupmodal .modal-body .menu-items {
    max-height: calc(100vh - 158px);
    height: auto;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    margin: 0;
    margin-top: var(--spacing-3xs);
    padding: 0;
    overflow: auto;
  }

  #menupopupmodal .modal-body .menu-items .menu-item {
    padding: var(--spacing-xs) 0;
    flex: none;
  }

  #menupopupmodal .modal-body .menu-items .menu-item:first-child {
    padding-top: 0px;
  }

  #menupopupmodal .modal-body .menu-items .menu-item .more-menu-text {
    color: var(--mobile-menu-modal-links-text-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }

  #menupopupmodal .modal-body .menu-items .menu-item .more-menu-text i {
    font-style: normal;
  }

  #menupopupmodal .modal-body .menu-items a {
    position: relative;
  }

  #menupopupmodal .modal-body .third-level {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  #menupopupmodal .modal-body .third-level:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(8px) !important;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer {
    background-color: var(--surface-surface-cloud);
    padding: 24px;
    left: 16px;
    right: 16px;
    bottom: 0;
    position: absolute;
    z-index: 2;
    border-top-left-radius: var(--radius-radius-md);
    border-top-right-radius: var(--radius-radius-md);
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer vc-imagebutton a {
    position: absolute;
    right: 24px;
    top: 24px;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items {
    display: flex;
    padding: 0;
    height: auto;
    row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li {
    height: 40px;
    display: flex;
    position: relative;
    padding: 0;
    min-width: 100%;
    max-width: 100%;
    border: 0;
    justify-content: center;
    background: none;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a {
    height: 40px;
    padding-left: 52px;
    padding-right: 28px;
    display: flex;
    align-items: center;
    line-height: 0;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: var(--surface-surface-primary);
    border-radius: var(--radius-radius-xs);
    transform: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-image: none;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a:after {
    background: url('images/acc-arrow-dark.svg');
    content: " ";
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    background-size: auto 16px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a .more-menu-text {
    color: var(--content-content-slate);
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.transfer-money::before {
    background-image: url('images/menu/menu-transfer-money.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.manage-recipient::before {
    background-image: url('images/menu/menu-manage-recipient.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.send-money::before {
    background-image: url('images/menu/menu-send-money.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.request-money::before {
    background-image: url('images/menu/menu-request-money.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.manage-contacts::before {
    background-image: url('images/menu/menu-manage-contacts.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.pending::before {
    background-image: url('images/menu/menu-pending.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.history::before {
    background-image: url('images/menu/menu-history.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.autodeposit-settings::before {
    background-image: url('images/menu/menu-autodeposit-settings.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.profile-settings::before {
    background-image: url('images/menu/menu-profile-settings.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.pay-bills::before {
    background-image: url('images/menu/menu-pay-bills.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.pay-business-taxes::before {
    background-image: url('images/menu/menu-pay-business-taxes.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.manage-payees::before {
    background-image: url('images/menu/menu-manage-payees.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.view-statement::before {
    background-image: url('images/menu/menu-view-statement.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.e-statement-subscription::before {
    background-image: url('images/menu/menu-e-statement-subscription.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.stop-single-cheque::before {
    background-image: url('images/menu/menu-stop-single-cheque.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.stop-series-cheques::before {
    background-image: url('images/menu/menu-stop-series-cheques.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.view-stop-cheques::before {
    background-image: url('images/menu/menu-view-stop-cheques.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.order-cheques::before {
    background-image: url('images/menu/menu-order-cheques.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.rates::before {
    background-image: url('images/menu/menu-rates.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.foreign-exchange-calculator::before {
    background-image: url('images/menu/menu-foreign-exchange-calculator.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.loan-calculator::before {
    background-image: url('images/menu/menu-loan-calculator.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.mortgage-calculator::before {
    background-image: url('images/menu/menu-mortgage-calculator.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.savings-calculator::before {
    background-image: url('images/menu/menu-savings-calculator.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.ask-an-expert::before {
    background-image: url('images/menu/menu-ask-an-expert.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.how-to::before {
    background-image: url('images/menu/menu-how-to.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.faq::before {
    background-image: url('images/menu/menu-faq.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.find-atm-branch::before {
    background-image: url('images/menu/menu-find-atm-branch.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.request-tracking::before {
    background-image: url('images/menu/menu-request-tracking.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.live-chat::before {
    background-image: url('images/menu/menu-live-chat.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.contact-us::before {
    background-image: url('images/menu/menu-contact-us.svg');
  }

  #menupopupmodal .modal-body .third-level .subMenuContainer .menu-items li a.legal-privacy::before {
    background-image: url('images/menu/menu-legal-privacy.svg');
  }

  #menupopupmodal .modal-body .third-level .menuTitle {
    max-width: calc(100% - 40px);
  }

  #menupopupmodal .modal-body .third-level .menuTitle span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--content-content-on-cloud);
    display: block;
    margin-bottom: 16px;
    text-align: left;
  }

  #menupopupmodal.subMenuActive>.modal {
    z-index: 1103 !important;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar {
    display: flex;
    position: relative;
    top: 0;
    z-index: inherit;
    padding: 0;
    border: 0 !important;
    margin: 0;
    flex-direction: column;
    row-gap: 24px;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar vc-label {
    line-height: 1 !important;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar:before {
    display: none;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li>a {
    padding: 0;
    min-height: 0;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li>a:after {
    content: "";
    display: block !important;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('images/acc-arrow-dark.svg') no-repeat center;
    background-size: contain;
    border: 0;
    margin: 0;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li>a .secure-menu-letter {
    position: relative;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    float: left;
    padding: 0;
    margin-left: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li>a .secure-menu-letter span {
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--base-font-family);
    width: auto !important;
    height: auto !important;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li .last-login-content {
    margin: 0;
    padding: 0;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li .last-login-content section>vc-label span {
    font-family: var(--base-font-family);
    font-size: 14px;
    font-weight: 600;
    color: var(--content-content-slate);
    line-height: 20px;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li .last-login-content section aside {
    min-width: 100%;
    row-gap: 4px;
    background: transparent;
  }

  vc-modalpopup.profileModal .modal-document-class .modal-content-class .modal-body ul.dropdown-menu.menu-navbar li .last-login-content section aside vc-label span {
    font-family: var(--base-font-family);
    font-size: 12px;
    font-weight: 400;
    color: var(--content-content-slate);
    line-height: 16px !important;
  }
}

@keyframes animateModalOpen {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes animateModalClose {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(100%);
  }
}

@keyframes animateModalOverlay {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class {
  width: auto;
  max-width: 416px;
}

@media (max-width: 766.98px) {
  vc-modalpopup.termsConditionsPopup .modal .modal-document-class {
    max-width: 100%;
  }
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body {
  padding-right: var(--spacing-3xs);
  padding-bottom: 0;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body+div {
  margin-top: 16px !important;
  margin-bottom: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .modal-header-text {
  color: var(--content-content-on-cloud);
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  font-family: var(--base-font-family);
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .termsConditionsPopupGrid {
  overflow: inherit;
  padding: 0;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper {
  max-height: 517px;
  overflow: auto;
  padding: 0 12px 0 0;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper>vc-gridrow {
  margin: 0;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper>vc-gridrow>vc-gridcolumn {
  padding: 0;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper>vc-gridrow>vc-gridcolumn * {
  font-family: var(--base-font-family) !important;
  color: var(--content-content-on-cloud) !important;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper::-webkit-scrollbar {
  width: 4px;
  border-radius: 200px;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper::-webkit-scrollbar-track {
  background: var(--surface-surface-disabled);
  border-radius: 200px;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-body .terms-and-conditions-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--surface-surface-overlay);
  border-radius: 200px;
}

vc-modalpopup.termsConditionsPopup .modal .modal-document-class .modal-footer-button {
  margin-right: 16px;
  margin-bottom: 24px;
}

@media (max-width: 766.98px) {
  .logoutModal .modal-backdrop {
    z-index: 1110 !important;
  }

  .logoutModal .modal {
    z-index: 1111 !important;
    bottom: 0 !important;
  }

  vc-modalpopup .modal-backdrop.menu-more-modal {
    opacity: 1 !important;
    z-index: 1111 !important;
  }
}

@media (min-width: 767px) {
  .modal-campaign-view:has(.modal-campaign-inner-body) {
    padding-inline: 0;
    padding-bottom: 12px;
    --campaign-side-side-spacing: 24px;
  }

  .modal-campaign-view:has(.modal-campaign-inner-body) .modal-header-text {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    padding-inline: 24px;
  }

  .modal-campaign-view:has(.modal-campaign-inner-body) .icon-close {
    right: var(--campaign-side-side-spacing) !important;
  }

  .modal-campaign-view:has(.modal-campaign-inner-body) .modal-document-class {
    overflow-y: hidden;
    max-height: none;
  }

  .modal-campaign-view:has(.modal-campaign-inner-body) .modal-campaign-view-inner {
    min-width: 500px;
  }

  .modal-campaign-view:has(.modal-campaign-inner-body) .modal-campaign-imgcontainer img {
    width: 100%;
  }

  .modal-campaign-view .modal-campaign-inner-body {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 218px);
    overflow-x: hidden;
    padding-inline: 5px;
    margin-inline: 4px;
    scrollbar-gutter: stable both-edges;
  }

  .padding-x-0 {
    padding-inline: 0;
  }

  .margin-x-0 {
    margin-inline: 0;
  }
}

.permission-required-popup .modal-backdrop {
  z-index: 1120 !important;
}

.permission-required-popup .modal {
  z-index: 1121 !important;
}

.permission-required-popup .modal-content-class .modal-body .btn-action {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  vc-modalpopup .modal {
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
  }

  vc-modalpopup .modal .modal-body {
    border-radius: var(--radius-radius-md);
  }
}

.transactions-wrapper {
  padding-top: 0;
  position: relative;
  margin-top: 20px;
  overflow: inherit;
}

.dashboard-wrapper .transactions-wrapper {
  margin-top: 0;
}

.transactions-wrapper .search-function-area .search-button {
  position: absolute;
  right: 24px;
  top: -9px;
  z-index: 10;
}

.transactions-wrapper .transactions-title {
  color: var(--content-content-slate);
  display: inline-block;
  font-weight: 800;
  line-height: 22px;
  font-size: 20px;
}

.transactions-wrapper .transactions-date-area {
  color: var(--content-content-primary);
  padding-bottom: 5px;
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
  border-bottom: 1px solid var(--border-border-disabled);
}

.transactions-wrapper .transactions-list {
  margin-top: 20px;
  display: block;
}

.transactions-wrapper .transactions-list.inner {
  margin-top: 5px;
}

.transactions-wrapper .transactions-list.pendings .transactions-date-area,
.transactions-wrapper .transactions-list.pendings .transaction-item .transaction-title {
  color: var(--content-content-primary);
}

.transactions-wrapper .transactions-list .transaction-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}

.transactions-wrapper .transactions-list .transaction-item.row:after {
  content: none;
}

.transactions-wrapper .transactions-list .transaction-item .transaction-title {
  font-size: 13px;
  color: var(--content-content-primary);
}

.transactions-wrapper .transactions-list .transaction-item .transaction-amount {
  font-weight: 500;
  font-size: 13px;
  margin-right: 11px;
  color: var(--content-content-primary);
}

vc-gridsystem.transactions-wrapper.transactions-widget vc-grid-view .table thead,
vc-gridsystem.transactions-wrapper.transactions-widget vc-datagrid .table thead {
  display: none;
}

vc-gridsystem.transactions-wrapper.transactions-widget vc-grid-view .table tbody tr,
vc-gridsystem.transactions-wrapper.transactions-widget vc-datagrid .table tbody tr {
  position: relative;
}

vc-gridsystem.transactions-wrapper.transactions-widget vc-grid-view .table tbody tr td.amount,
vc-gridsystem.transactions-wrapper.transactions-widget vc-datagrid .table tbody tr td.amount {
  vertical-align: baseline;
  padding-right: 0 !important;
}

@media (max-width: 1024px) and (orientation: portrait) {
  .clickable-grid tr {
    position: relative;
  }
}

vc-animationcheckmark {
  display: block;
}

vc-animationcheckmark svg {
  height: 169px !important;
}

.slick-dots-container {
  width: 114px;
  overflow: hidden;
  display: block;
  padding: 0;
  position: relative;
}

.slick-dots-container>ul {
  padding: 0;
  display: flex;
  transition: all 0.25s;
  position: relative;
  margin: 0;
  list-style: none;
  transform: translateX(0);
  align-items: center;
  bottom: unset;
  height: 100%;
  gap: 16px;
}

.slick-dots-container>ul li.x-p-small-1,
.slick-dots-container>ul li.x-n-small-1 {
  transform: scale(0.4) !important;
}

.slick-dots-container>ul li.p-small-1,
.slick-dots-container>ul li.n-small-1 {
  transform: scale(0.6) !important;
}

.slick-dots-container>ul li.p-small-1~li:not(.slick-active) {
  transform: scale(0.8);
}

.slick-dots-container>ul li.slick-active {
  transform: scale(1) !important;
  transform-origin: center;
}

vc-transactiondetails .transaction-details a {
  font-size: 16px;
  font-weight: 400;
}

vc-transactiondetails .transaction-details a span {
  display: flex;
  align-items: center;
  gap: 8px;
}

vc-transactiondetails .transaction-details a span::after {
  content: "";
  background: url('images/icon-arrow-down-blue.svg') no-repeat center;
  display: inline-block;
  width: 14px;
  height: 14px;
}

vc-transactiondetails .transaction-details.detail-visible a span::after {
  transform: rotate(180deg);
}

* {
  -webkit-text-size-adjust: none;
}

.app-intro {
  background: url('images/login-background.png') no-repeat center center;
  height: 100%;
  background-size: 100% 100%;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  color: var(--colors-truecolors-white);
}

.app-intro .intro-primary-text {
  color: var(--colors-truecolors-white);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.app-intro .intro-img {
  margin-top: calc(0.1499250375vh * 10);
  width: 78px;
  height: 65px;
  margin-bottom: calc(0.1499250375vh * 45);
}

.app-intro .intro-enroll-button {
  margin-top: calc(0.1499250375vh * 13);
  margin-bottom: 19.3%;
  box-shadow: 0 6px 12px rgba(from var(--colors-truecolors-black) r g b/0.16);
}

.app-intro .intro-helper-text {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: calc(0.1499250375vh * 10);
  display: block;
}

.app-intro .intro-line-left,
.app-intro .intro-line-right {
  margin-right: 12px;
  margin-bottom: 16%;
  display: inline-block;
}

.app-intro-first-level {
  height: 100%;
  background-size: 100% 100%;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 36px;
  text-align: center;
}

@media screen and (min-width: 512px) {
  .app-intro-first-level>div {
    max-width: 478px;
    margin-left: auto;
    margin-right: auto;
  }
}

.app-intro-first-level .remember-me .form-group {
  margin-bottom: 0 !important;
  min-height: unset !important;
}

.app-intro-first-level .biometric-image img {
  height: 120px;
  width: 120px;
  border: 1px solid var(--border-border-slate);
  border-radius: 50%;
}

.app-intro-first-level .forgot-row .form-group {
  margin-bottom: 0 !important;
  min-height: unset !important;
}

.app-intro-first-level .forgot-row vc-gridcolumn:nth-child(2) vc-linkbutton a {
  padding-left: 8px;
}

.app-intro-first-level .forgot-row vc-gridcolumn {
  /*padding: 0;*/
}

.app-intro-first-level .forgot-row vc-gridcolumn .forgot-link vc-linkbutton a {
  color: var(--login-page-forgot-links-color);
  letter-spacing: 0px;
  text-decoration: underline;
}

@media (min-width: 767px) {
  .app-intro-first-level .forgot-row vc-gridcolumn .forgot-link vc-linkbutton a span {
    font: normal normal normal 16px/22px var(--base-font-family);
  }
}

@media (max-width: 766.98px) {
  .app-intro-first-level .forgot-row vc-gridcolumn .forgot-link vc-linkbutton a {
    max-height: 16px;
  }

  .app-intro-first-level .forgot-row vc-gridcolumn .forgot-link vc-linkbutton a span {
    font: 500 14px/24px var(--base-font-family);
    color: var(--login-page-forgot-links-color);
  }
}

.app-intro-first-level .forgot-row vc-gridcolumn.discard-text-align .forgot-link {
  text-align: unset !important;
}

.app-intro-first-level .intro-primary-text {
  color: var(--colors-truecolors-white);
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}

.app-intro-first-level .login-footer,
.app-intro-first-level .enrollment-login-footer {
  padding-top: 44px !important;
}

.app-intro-first-level .login-footer vc-gridcolumn:first-child,
.app-intro-first-level .enrollment-login-footer vc-gridcolumn:first-child {
  border-top: 1px solid var(--colors-slate-100);
  padding-top: 24px;
  margin-top: 4px;
}

.app-intro-first-level .link-bold {
  color: var(--base-text-color);
  text-align: left;
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  opacity: 1;
}

.app-intro-first-level .password-input-bottom>label {
  display: none;
}

@media (max-width: 766.98px) {
  .app-intro-first-level {
    padding-bottom: var(--safe-area-inset-bottom);
  }

  .app-intro-first-level .login-footer,
  .app-intro-first-level .enrollment-login-footer {
    padding-top: 24px !important;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding-bottom: 12px;
  }

  .app-intro-first-level .login-footer vc-gridcolumn,
  .app-intro-first-level .enrollment-login-footer vc-gridcolumn {
    padding: 0 !important;
    margin: 0 !important;
  }

  .app-intro-first-level .login-footer vc-gridcolumn:first-child,
  .app-intro-first-level .enrollment-login-footer vc-gridcolumn:first-child {
    border: 0;
  }

  .app-intro-first-level .login-footer vc-gridcolumn vc-linkbutton a,
  .app-intro-first-level .enrollment-login-footer vc-gridcolumn vc-linkbutton a {
    color: var(--login-page-bottom-links-color);
    text-decoration: underline;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--base-font-family);
  }

  .app-intro-first-level .login-footer vc-gridcolumn vc-linkbutton a:hover,
  .app-intro-first-level .login-footer vc-gridcolumn vc-linkbutton a:focus,
  .app-intro-first-level .enrollment-login-footer vc-gridcolumn vc-linkbutton a:hover,
  .app-intro-first-level .enrollment-login-footer vc-gridcolumn vc-linkbutton a:focus {
    color: var(--login-page-bottom-links-color);
  }

  .app-intro-first-level .login-footer vc-gridcolumn vc-linkbutton a span,
  .app-intro-first-level .enrollment-login-footer vc-gridcolumn vc-linkbutton a span {
    color: inherit;
  }

  .app-intro-first-level .enrollment-login-footer a span {
    font: normal normal 600 18px/28px var(--base-font-family) !important;
  }
}

.app-bg-basic {
  background: url('images/login-background.png') no-repeat center center;
}

.app-full-height-page {
  height: 100%;
  background-size: cover;
}

.login-download-app {
  text-align: center;
  font: normal normal 800 22px/30px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
  opacity: 1;
}

.login-intro .store-row vc-gridcolumn:first-child {
  text-align: right;
  padding-right: 5px;
}

.login-intro .store-row vc-gridcolumn:last-child {
  text-align: left;
  padding-left: 5px;
}

.login-intro .store-image {
  margin-top: 12px;
}

.login-intro .login-thumbnail {
  width: 136px;
  height: 136px;
  margin-top: 21%;
  margin-bottom: 6px;
  display: inline-block;
  border-radius: 50%;
}

.first-login .login-intro .password-input {
  margin-top: 24px;
}

.login-intro .password-input>label {
  display: none;
}

.login-intro .password-input.captcha-row {
  margin-top: 0;
}

.login-intro .row:after {
  content: none;
}

.login-intro .login-heading {
  color: var(--White, #fff);
  text-align: center;
  font-family: var(--secondary-font-family);
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media (max-width: 766.98px) {
  .login-intro .login-heading {
    display: block;
  }
}

.login-intro .remember-me .onoffswitch-title {
  text-align: left;
  color: var(--content-content-white);
}

.finance-calculators-wrapper {
  justify-content: center;
  min-height: 42px;
  padding-top: 10px;
}

.finance-calculators-wrapper.row {
  margin-left: -24px;
  margin-right: -24px;
}

.finance-calculators-wrapper .financial-calculator-area-text {
  font-weight: 400;
  color: var(--surface-surface-cloud);
  margin-left: 10px;
  height: 15px;
  margin-top: 2px;
}

.finance-calculators-wrapper .fa-chevron-right {
  font-size: 10px;
  margin-top: 9px;
}

.header-transparent-bg {
  background-image: none !important;
  margin-left: -45px;
  margin-right: -45px;
}

.enrollment-intro {
  background: var(--surface-surface-primary);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  padding-left: 39px;
  padding-right: 39px;
  padding-top: 0;
  text-align: center;
  color: var(--surface-surface-cloud);
}

.enrollment-intro .icon.icon-onboarding-personal,
.enrollment-intro .icon.icon-onboarding-documents,
.enrollment-intro .icon.icon-onboarding-account {
  width: 50px;
  height: 50px;
}

.enrollment-intro .icon-onboarding-personal {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-onboarding-personal.svg');
}

.enrollment-intro .icon-onboarding-documents {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-onboarding-documents.svg');
}

.enrollment-intro .icon-onboarding-account {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-onboarding-account.svg');
}

.enrollment-intro .enrollment-text {
  margin-bottom: calc(0.1499250375vh * 37);
  display: inline-block;
  font-weight: 400;
  line-height: 25px;
  padding-right: 20px;
  margin-top: calc(0.1499250375vh * 5);
  padding-left: 20px;
}

.otp-security {
  height: 100%;
  padding-bottom: 42px;
  padding-right: 24px;
  padding-left: 24px;
}

.more-menu-popup.sub-menu a:before {
  display: none !important;
}

.more-menu-popup.sub-menu .sub-menu-icon {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  color: var(--content-content-on-cloud);
  transform: translateY(-50%);
  cursor: pointer;
}

.more-menu-popup.sub-menu pre {
  position: relative;
  font-family: inherit;
  font-size: 13px;
  color: var(--colors-primary-900);
}

.more-menu-popup.helpbox-modal {
  z-index: 1045;
}

.more-menu-popup.helpbox-modal .modal-body {
  height: calc(100% + 13px);
  overflow: hidden;
}

.more-menu-popup.chatbot-full-modal .modal-body {
  height: calc(100% + 13px);
  padding-bottom: 42px;
  overflow: hidden;
}

.more-menu-popup.chatbot-full-modal .menu-more-modal.modal-wrapper,
.more-menu-popup.chatbot-full-modal .modal-full {
  bottom: 0 !important;
}

.more-menu-popup .modal-body {
  margin-top: -13px;
  margin-right: -12px;
  margin-left: -12px;
  max-height: 100%;
  width: auto;
}

.more-menu-popup .menu-more-modal.modal-wrapper {
  height: auto;
  bottom: 56px;
  background: var(--colors-truecolors-white);
  opacity: 1;
}

.more-menu-popup .menu-more-modal.modal-backdrop.show {
  background: var(--colors-truecolors-black) 0% 0% no-repeat padding-box;
  opacity: 0.6;
  z-index: 1100 !important;
}

.more-menu-popup .open-business-term-deposit-combo-modal .menu-header-item.center {
  display: flex;
  font-size: 18px;
}

.more-menu-popup .modal-full {
  background: var(--surface-surface-cloud);
  min-width: 100%;
  bottom: 56px;
  margin: 0;
  height: auto;
  z-index: 1101 !important;
}

@media (max-width: 766.98px) {
  .more-menu-popup .modal-full {
    height: 100%;
  }
}

.more-menu-popup.native-modal-dropdown .modal-full {
  z-index: 1104 !important;
}

.more-menu-popup .menu-header {
  padding: 12px 16px;
  height: auto;
  min-height: var(--layout-header-mobile-height);
  border-bottom: 1px solid var(--border-border-slate-secondary);
  position: fixed;
  width: 100%;
  background: var(--surface-surface-cloud);
  z-index: 99999;
}

@media (max-width: 766.98px) {
  .more-menu-popup .menu-header {
    left: 0;
  }
}

.more-menu-popup .menu-header .menu-header-item {
  flex: 1;
}

.more-menu-popup .menu-header .menu-header-item.center {
  color: var(--colors-primary-950);
  font: normal normal 800 18px/30px var(--base-font-family);
  width: calc(100% - 36px);
  line-height: 20px;
  flex: 3;
  position: relative;
}

@media (max-width: 766.98px) {
  .more-menu-popup .menu-header .menu-header-item {
    flex: none !important;
  }
}

.more-menu-popup .ios-menu {
  margin-top: 45px !important;
}

.more-menu-popup .menu-items {
  padding-right: 16px;
  padding-left: 16px;
  margin-top: var(--layout-header-mobile-height);
  padding-bottom: 26px;
  color: var(--colors-primary-900);
  font-size: 13px;
}

.more-menu-popup .menu-items .menu-item {
  padding: 16px 36px 16px 16px;
  text-align: left;
  border-bottom: 0;
}

.more-menu-popup .menu-items .menu-item+.menu-item {
  border-top: 1px solid var(--border-border-gray-secondary);
}

.more-menu-popup .menu-items .menu-item a:before {
  background: url('images/acc-arrow-light.svg');
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  background-size: auto 16px;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  filter: brightness(0);
}

.more-menu-popup .menu-items .menu-item a.noArrow:before {
  display: none;
}

.more-menu-popup .menu-items .menu-item a div {
  margin-top: 4px;
}

.more-menu-popup .menu-items .menu-item .more-menu-text {
  font: normal normal 600 16px/24px var(--base-font-family);
  color: var(--colors-black-white-black);
}

.more-menu-popup .menu-items .menu-item .more-new-menu {
  font: normal normal normal 14px var(--base-font-family);
  background-color: var(--colors-primary-950);
  color: var(--colors-truecolors-white);
  padding: 4px 6px 4px 6px;
  border-radius: 5px;
  margin-left: 10px;
}

.more-menu-popup .menu-items .menu-item .more-menu-description {
  font: normal normal normal 16px/21px var(--base-font-family);
  color: var(--base-text-color);
}

.more-menu-popup .menu-items .logout-menu-item {
  border-top: none !important;
}

.more-menu-popup .menu-items .logout-menu-item a:before {
  display: none;
  content: none;
}

.more-menu-popup .menu-items i {
  width: 33px;
  height: 30px;
  background-size: contain;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  line-height: 0;
}

.more-menu-popup .menu-items i.icon-debit-card {
  width: 27px;
}

@media (max-width: 766.98px) {
  .more-menu-popup.sub-menu {
    padding: 0px !important;
  }
}

.more-menu-popup.sub-menu .menu-items {
  margin-top: 0px;
}

@media (min-width: 767px) {
  .more-menu-popup.sub-menu .menu-items .menu-item {
    padding-left: 0px !important;
  }
}

.more-menu-popup .modal-inner .more-menu-text {
  color: var(--colors-primary-900);
  font-size: var(--base-font-size);
  font-family: var(--base-font-family);
  display: block;
  margin-top: 10px;
}

.more-menu-popup .menu-close-button {
  height: 32px;
  width: 32px;
  position: static;
}

.delegate-user-information-component .delegate-text {
  color: var(--base-text-color);
  font: normal normal bold 16px/22px var(--base-font-family);
}

.delegate-user-information-component .delegate-description {
  color: var(--content-content-on-cloud);
  font: normal normal bold 12px/26px var(--base-font-family);
}

.delegate-user-information-component .delegate-text-border {
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: 0px;
}

.new-mail-button {
  background: url('images/icon-edit.svg') no-repeat center center, url('images/new-mail-bg.svg') no-repeat center -2px;
  width: 42px;
  height: 50px;
  position: absolute;
  bottom: 66px;
  right: 34px;
}

.otp-login-beforeotpsecurity {
  min-height: 570px !important;
}

.otp-login {
  padding: 0px;
  height: 100%;
}

@media screen and (min-width: 512px) and (max-width: 767px) {
  .otp-login {
    margin-left: auto;
    margin-right: auto;
  }
}

.otp-login .first-otp {
  display: flex;
  max-width: 478px;
  background: var(--surface-surface-cloud);
  padding: 28px 32px 34px 32px;
}

.otp-login .login-logo {
  margin-left: 13px;
  margin-bottom: 12px;
}

.interac--contact-list .manage-contacts {
  color: var(--content-content-on-cloud);
  font-weight: bolder;
}

.onboarding-mobile-number {
  height: 100%;
  padding-top: 0;
  padding-bottom: 42px;
}

.onboarding-mobile-number .mobile-link {
  vertical-align: top;
  color: var(--content-content-primary) !important;
  text-decoration: underline !important;
}

.onboarding-mobile-number .terms-checkbox {
  margin-bottom: 18px;
  margin-top: 42px;
  font-weight: 13px;
}

.onboarding-mobile-number .enrollment-title {
  margin-top: calc(0.1499250375vh * 27);
  margin-bottom: calc(0.1499250375vh * 26);
  display: block;
}

.personal-detail-list {
  color: var(--colors-primary-900);
  font-size: 13px;
}

.personal-detail-list ul {
  padding-left: 21px;
  font-size: 18px;
}

.personal-detail-list ul li {
  line-height: 20px;
}

.personal-detail-list ul span {
  font-size: 13px;
}

.personal-detail-list p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}

.docusign {
  padding-top: 20px;
}

.docusign .docusign-frame #DocuIframe {
  padding: 5px;
  border: 1px solid var(--colors-slate-100);
}

.idpassport-details {
  height: 100%;
  padding-bottom: 22px;
}

.idpassport-details.proof-of-address {
  padding-left: 24px;
  padding-right: 24px;
}

.idpassport-details.digital-signature .id-image {
  margin-top: 28px;
  margin-bottom: 37px;
  width: 227px;
}

.idpassport-details .id-image {
  width: 140px;
  height: 132px;
  margin: auto;
  margin-top: 18px;
  margin-bottom: 18px;
}

.idpassport-details .id-button {
  margin-bottom: 14px;
}

.idpassport-details .password-setup-inputs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.idpassport-details .personal-info-title {
  margin-bottom: 28px;
}

.idpassport-details.scanned .detail-container {
  margin-top: 34px;
}

.idpassport-details.scanned .continue-button {
  margin-bottom: 46px;
  margin-top: 10px;
}

.idpassport-details.scanned .rescan-wrapper {
  margin-bottom: 11px;
}

.idpassport-details.scanned .scanned-image img {
  height: 48px;
  object-fit: contain;
  background: var(--colors-slate-200);
  border-radius: 4px;
}

.errorOtp {
  margin: 0 !important;
  margin-bottom: 20px !important;
}

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

.enrollment-phase-title,
.vc-gridsystem-header {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--colors-truecolors-black);
}

.enrollment-phase-subheader {
  text-align: left;
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-800);
}

.vc-gridsystem-header {
  width: 100%;
  text-align: left;
}

.security-mail-detail {
  padding-top: 26px;
  padding-left: 40px;
  padding-right: 40px;
}

.security-mail-detail .mail-subject {
  color: var(--colors-primary-950);
  margin-bottom: 20px;
}

.security-mail-detail .mail-content {
  margin-bottom: 25px;
  color: var(--colors-slate-400);
  font-weight: 600;
}

.attachment-wrapper {
  margin-bottom: 10px;
}

.attachment-wrapper .attachment-logo-column {
  padding-right: 0;
  padding-left: 0;
}

.attachment-wrapper .attachment-logo-wrapper {
  background: var(--colors-primary-950) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attachment-wrapper .attachment-download-button {
  display: flex;
  align-items: center;
  padding-right: 0;
  justify-content: flex-end;
}

.attachment-file-name {
  color: var(--colors-primary-900);
  font-size: var(--base-font-size);
  font-weight: 600;
}

.attachment-file-size {
  font-style: italic;
  font-size: 13px;
}

.mail-send-icon {
  width: 19px;
  height: 18px;
  margin-bottom: 23px;
  margin-right: 34px;
}

.mail-delete-icon {
  width: 17px;
  margin-bottom: 23px;
  height: 18px;
}

.send-secure-email {
  padding-top: 20px;
}

.send-secure-email .email-textbox {
  margin-bottom: 10px;
}

.send-secure-email .body-textbox {
  margin-bottom: 16px;
}

.send-secure-email .upload-from-phone-button {
  margin-bottom: 17px;
}

.send-secure-email .file-details-wrapper {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 17px;
}

.terms-conditions-popup {
  padding-top: 28px;
  padding-bottom: 29px;
  height: 100%;
}

.terms-conditions-popup .modal-body {
  display: flex;
  flex-direction: column;
  padding-top: 22px;
  text-align: left;
  padding-bottom: 17px;
  height: 100%;
  font-weight: 400;
  overflow: auto;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  color: var(--colors-slate-300);
}

.terms-conditions-popup .modal-body center {
  text-align: left;
  color: var(--colors-primary-950);
  font-size: var(--base-font-size);
  font-weight: 600;
  padding-right: 50px;
}

.terms-conditions-popup .modal-body b {
  font-weight: 400;
}

.terms-conditions-popup .modal-title-text {
  color: var(--content-content-on-cloud);
  font-weight: 600;
  margin-bottom: 30px;
  font-size: var(--base-font-size);
  display: inline-block;
}

.terms-conditions-popup .popup-with-checkbox {
  flex: 1;
  margin-bottom: 25px;
  overflow: auto;
}

.menu-close-button {
  top: 42px;
  position: fixed;
  right: 24px;
}

.congratulations {
  background: var(--surface-surface-primary) url('images/img-illustration-login.png') no-repeat center bottom;
  background-size: contain;
  height: 100%;
  padding-top: 25.5px;
  padding-bottom: 138px;
  text-align: center;
  color: var(--surface-surface-cloud);
}

.congratulations .primary-text-area .primary-text {
  font-weight: bold;
  font-size: 20px;
}

.congratulations .secondary-text-area {
  padding-left: 55px;
  padding-right: 55px;
}

.congratulations .secondary-text-area .secondary-text {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 55px;
}

.congratulations .add-wallet-button {
  padding-right: 4px;
}

.congratulations .share-details-button {
  padding-left: 4px;
}

.congratulations .info-text {
  font-weight: bold;
}

.congratulations .sub-text {
  font-weight: 400;
  margin-bottom: 20px;
  display: block;
}

.congratulations .success-img {
  margin-top: 55px;
  margin-bottom: 55px;
  display: inline-block;
}

.icon-image {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-image.svg');
}

.icon-camera {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-camera.svg');
}

.face-recognition {
  padding-bottom: 40px;
  height: 100%;
}

.face-recognition .face-recognition-img {
  margin-bottom: 20px;
}

.face-recognition .face-recognition-frame {
  width: 100%;
  height: 100%;
}

.face-recognition-popup .modal {
  color: var(--content-content-on-cloud);
}

.face-recognition-popup .modal-body {
  padding-top: 50px;
}

.face-recognition-popup .confirmation-area .user-thumbnail {
  width: 136px;
  height: 136px;
  border-radius: 50%;
  border: 1px solid var(--border-border-slate-secondary);
}

.face-recognition-popup .confirmation-area .primary-text {
  display: block;
  font-size: 15px;
  padding-top: 17px;
  padding-bottom: 33px;
  font-weight: bold;
}

.face-recognition-popup .img-center {
  margin-top: 62px;
  display: inline-block;
}

.profile-image-wrapper {
  margin-top: 10px;
}

.amount-formatted-text {
  font: normal normal 900 22px/normal var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
}

.amount-formatted-text .currency-symbol {
  padding-right: 8px;
}

@keyframes nickNameAnimation {
  from {
    width: 30px;
  }

  to {
    width: 100%;
  }
}

.account-card-component {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 12px 16px;
  height: auto;
  transition: all 0.2s ease-in-out;
  background: #323130;
  align-items: center;
  text-align: center;
}

@media (min-width: 767px) {
  .account-card-component {
    height: 154px;
  }
}

.account-card-component .username-text-label {
  overflow: hidden;
}

@media (max-width: 766.98px) {
  .account-card-component .card-nickname-row {
    position: fixed;
    width: 100%;
    left: 0;
    top: calc(0 + var(--safe-area-inset-top));
    z-index: 1;
    padding: 17px 0 0 0px;
    background: #313130;
  }
}

.account-card-component .card-nickname-row+.account-card-view-menu {
  color: var(--content-content-slate);
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: none !important;
  transform: scaleX(0.7);
}

.account-card-component .card-nickname-row+.account-card-view-menu:active {
  top: 0;
  left: auto;
}

.account-card-component .card-nickname-row+.account-card-view-menu i {
  font-size: 24px;
}

.account-card-component .card-nickname-row+.account-card-view-menu:not(:disabled):not(.disabled):active:focus,
.account-card-component .card-nickname-row+.account-card-view-menu:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

.account-card-component .card-nickname-row.nickname-row-home+.account-card-view-menu {
  width: 100%;
  height: 100%;
  transform: none;
  z-index: 99;
}

.account-card-component .card-nickname-row .amount-detail {
  text-align: left !important;
}

.account-card-component .card-nickname-row vc-imagebutton.icon-edit {
  position: absolute;
  line-height: 12px;
  background: var(--surface-surface-success);
  border-radius: 100%;
  padding: 8px 6px 8px 9px !important;
  top: 0;
  right: 0;
}

.account-card-component .card-nickname-row vc-imagebutton.icon-edit a {
  display: inline-flex;
}

.account-card-component .card-nickname-row vc-imagebutton.icon-check-white {
  position: absolute;
  right: 6px;
  top: 3px;
}

.account-card-component .card-nickname-row .input-nickname {
  border: none;
  background: none;
  box-shadow: none !important;
  color: var(--colors-primary-900);
  font: normal normal normal 18px/24px var(--base-font-family);
  font-weight: 500 !important;
  margin-top: -1px;
  width: 100%;
}

@media (max-width: 766.98px) {
  .account-card-component .card-nickname-row .input-nickname {
    width: calc(100vw - 182px) !important;
  }
}

.account-card-component .card-nickname-row.update {
  background: var(--surface-surface-success);
  border-radius: 5pc;
  animation: nickNameAnimation 0.5s ease-out;
}

@media (max-width: 766.98px) {
  .account-card-component .bottom-right-row {
    bottom: 12px;
    position: absolute;
    width: 311px;
  }
}

.account-card-component .isHome {
  overflow: inherit !important;
  margin-top: 25px;
}

@media (max-width: 766.98px) {
  .account-card-component .bottom-right-row {
    position: static;
    width: auto;
    margin-top: 12px;
  }
}

.account-card-component .count-down-day::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  background: var(--surface-surface-error-subdued);
  top: 0;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-image: url('images/clock-white.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.account-card-component .count-down-day .card-nickname-row+.account-card-view-menu {
  top: -7px;
  right: 25px;
}

.account-card-component .count-down-day .card-nickname-row+.account-card-view-menu:active {
  top: -7px;
}

.account-card-component .count-down-day .card-nickname-row vc-imagebutton.icon-edit {
  top: -9px;
  right: 20px;
}

.account-card-component .count-down-day .card-nickname-row vc-imagebutton.icon-check-white {
  margin-left: -12px;
}

.account-card-component .count-down-day .card-nickname-row.update {
  margin-right: 20px;
}

.account-card-component .exclamation-mark::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  background: var(--surface-surface-error-subdued);
  top: 0;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-image: url('images/icon-card-exclamation.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.account-card-component .exclamation-mark .card-nickname-row+.account-card-view-menu {
  right: 25px;
}

.account-card-component .exclamation-mark .card-nickname-row+.account-card-view-menu:active {
  top: -7px;
}

.account-card-component .exclamation-mark .card-nickname-row vc-imagebutton.icon-edit {
  right: 20px;
}

.account-card-component .exclamation-mark .card-nickname-row vc-imagebutton.icon-check-white {
  margin-left: -12px;
}

.account-card-component .exclamation-mark .card-nickname-row.update {
  margin-right: 20px;
}

.account-card-component .exclamation-mark::before {
  background-image: url('images/icon-card-exclamation.svg');
}

.account-card-component .fa-chevron-down {
  font-size: 10px;
  vertical-align: middle;
  float: right;
  margin-top: 3px;
}

.slick-current .account-card-component.disabled,
.account-card-component.card-detail.disabled {
  background: rgb(136, 135, 135) no-repeat center center;
}

.account-card-component .currency-text,
.account-card-component .fraction-text {
  font-size: 20px;
  color: var(--surface-surface-cloud);
  font-weight: 600;
}

.account-card-component .username-text-label {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: none !important;
  display: inline-block;
  white-space: nowrap;
}

.account-card-component .username-text-label .username-text {
  max-width: 100%;
}

.account-card-component .username-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 34px);
  display: inline-block;
  white-space: nowrap;
  color: var(--content-content-on-slate);
  font-family: var(--secondary-font-family);
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}

.account-card-component .username-text.username-detail {
  line-height: normal;
  margin-bottom: 0;
}

.account-card-component .account-detail-text {
  display: block;
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900) !important;
}

.slick-current .account-card-component,
.active .account-card-component {
  opacity: 1;
}

.slick-current .account-card-component .currency-text,
.slick-current .account-card-component .fraction-text,
.active .account-card-component .currency-text,
.active .account-card-component .fraction-text {
  font-size: 20px;
  color: var(--surface-surface-cloud);
  font-weight: 600;
}

.slick-current .account-card-component .username-text-label,
.active .account-card-component .username-text-label {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 34px);
  display: block;
  white-space: nowrap;
}

.slick-current .account-card-component .username-text-label .username-text,
.active .account-card-component .username-text-label .username-text {
  max-width: 100%;
}

.slick-current .account-card-component .username-text,
.active .account-card-component .username-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 34px);
  display: inline-block;
  white-space: nowrap;
  color: var(--default-color-on-dark-section);
  font: normal normal 500 18px/24px var(--base-font-family);
}

.slick-current .account-card-component .account-detail-text,
.active .account-card-component .account-detail-text {
  font: 400 16px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-dark-section) !important;
}

.account-card-component .amount-detail .available-column .amount-formatted-text,
.account-card-component .amount-detail .amount-column .amount-formatted-text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.account-card-component .amount-detail .available-column .amount-formatted-text .amount-precision,
.account-card-component .amount-detail .amount-column .amount-formatted-text .amount-precision {
  font-size: 13px;
  position: relative;
  padding: 0.4rem 0 0 0;
  margin: 0;
  align-self: flex-start;
}

.account-card-component .amount-detail .available-column .amount-formatted-text .amount-precision {
  padding-top: 0;
  font-size: 10px !important;
}

.account-card-component .amount-detail .amount-text {
  font: normal normal 700 36px/40px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-dark-section);
  margin-bottom: 12px;
  margin-top: 10px;
  display: inline-flex;
}

.account-card-component .amount-detail .amount-text.card-detail-amount {
  margin-top: 0;
}

.account-card-component .amount-detail vc-label.available-amount-text {
  display: inline-block;
  margin-top: 4px;
  padding-left: 5px;
}

.account-card-component .amount-detail vc-label.available-amount-text .amount-formatted-text span,
.account-card-component .amount-detail vc-label.available-amount-text span {
  font: 400 14px/20px var(--base-font-family);
  letter-spacing: 0px;
}

.account-card-component .amount-detail .cardview-amount-value span {
  font-weight: 600;
}

.account-card-component .amount-detail .total-balance {
  font: 400 14px/20px var(--base-font-family);
  color: var(--default-color-on-dark-section);
  display: block;
}

.account-card-component .account-detail-text,
.account-card-component .available-amount-text {
  font-weight: 400;
  font-size: 13px;
  color: var(--colors-primary-900);
}

.account-card-component .available-amount-text.cardview-amount {
  display: block;
  width: 100%;
  margin-left: 0px !important;
  padding-left: 0px !important;
}

.account-card-component .available-amount-text .currency-symbol,
.account-card-component .available-amount-text .available-amount,
.account-card-component .available-amount-text .amount-precision {
  font-size: 16px;
}

.account-card-component .available-amount-text .currency-symbol {
  padding-right: 4px;
}

.account-card-component .currency-text {
  font-size: 9px;
  color: var(--surface-surface-cloud);
  font-weight: 600;
}

.account-card-component .username-text {
  color: var(--colors-primary-900);
  font: normal normal normal 18px/24px var(--base-font-family);
  font-weight: 500 !important;
}

.account-card-component .account-detail-text {
  display: block;
}

.account-card-component .account-detail-text,
.account-card-component .available-amount-text {
  display: inline-block;
  font: normal normal normal 14px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-dark-section) !important;
}

.account-card-component .account-detail-icon {
  width: 9px;
  height: 6px;
}

.account-card-component .amount-text {
  font: normal normal 900 22px/30px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
}

.account-card-component .creditcardcolumn {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.account-card-component .creditcardcolumn .cardview-amount,
.account-card-component .creditcardcolumn .cardview-amount-value {
  width: auto;
  padding-left: 0px !important;
}

.account-card-component .card-nickname-row {
  gap: 5px;
}

vc-creditcardview .amount-precision {
  margin-top: -2px !important;
}

.account-card-more {
  color: var(--surface-surface-cloud);
  text-align: center;
  font-weight: 400;
}

.icon-button-circular {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-3xs, 8px) var(--spacing-md, 24px);
  gap: 8px;
  border: var(--quick-action-border-width) solid var(--quick-action-border-color);
  border-radius: var(--quick-action-border-radius);
}

@media (max-width: 766.98px) {
  .icon-button-circular {
    padding: var(--spacing-2xs);
    width: 80px;
    height: 80px;
    gap: 0px;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--quick-action-border-radius-mobile);
  }
}

@media only screen and (max-width: 320px) {
  .icon-button-circular {
    width: 75px;
    height: 75px;
  }
}

.icon-button-circular span {
  color: var(--quick-action-text-color);
  display: block;
  font-family: var(--quick-action-text-font);
  font-size: var(--quick-action-text-font-size);
  font-weight: var(--quick-action-text-font-weight);
  line-height: var(--quick-action-text-line-height);
}

@media (max-width: 766.98px) {
  .icon-button-circular span {
    margin-top: 3.5px;
  }
}

.card-button-accesibility {
  position: absolute;
  top: 31px;
  left: calc(50% - 150px);
  width: 300px;
  height: 150px;
  opacity: 0;
  z-index: -999;
}

.icon-buttons-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  margin-bottom: 16px;
}

.icon-buttons-wrapper vc-div {
  padding: 0px !important;
}

.dashboard.accounts-wrapper .icon-buttons-wrapper {
  margin-bottom: 28px;
}

.account-detail-transaction .icon-buttons-wrapper {
  margin-bottom: 0;
  padding-bottom: 16px;
  padding-top: 16px;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .icon-buttons-wrapper {
    background: var(--body-bg-color);
    border-radius: var(--radius-radius-sm) var(--radius-radius-sm) 0 0;
    padding-bottom: 24px;
  }
}

.account-detail-transaction .icon-buttons-wrapper .acc-action-btns {
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--spacing-xs);
  align-self: stretch;
  padding: 0px !important;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .icon-buttons-wrapper .acc-action-btns {
    gap: var(--spacing-3xs) !important;
  }
}

.icon-buttons-wrapper vc-imagebutton {
  text-align: center;
}

.icon-buttons-wrapper vc-imagebutton span {
  width: 96px;
}

@media (min-width: 767px) {
  .icon-buttons-wrapper vc-imagebutton span {
    line-height: normal;
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  .icon-buttons-wrapper vc-imagebutton span {
    width: 94px;
  }
}

.investment-quickaction-btn {
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--spacing-xs);
  align-self: stretch;
  padding: 0px !important;
}

@media (max-width: 766.98px) {
  .investment-quickaction-btn .icon-button-circular {
    min-width: 80px;
  }
}

@media only screen and (max-width: 320px) {
  .investment-quickaction-btn .icon-button-circular {
    min-width: 75px;
  }
}

.dashboard.out {
  height: 200px;
}

.dashboard.in {
  height: 56px;
}

.content-detail-column .contactus-title {
  color: var(--content-content-on-cloud);
  display: inline-block;
  font: normal normal 800 20px/22px var(--base-font-family);
}

.dashboard-wrapper {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  height: 100%;
  touch-action: pan-y !important;
}

@media (min-width: 767px) {
  .dashboard-wrapper .content-detail-column:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 512px) and (max-width: 991.98px) {
  .dashboard-wrapper vc-corporate-requesttrackingwidget .transactions-wrapper {
    margin-top: 20px;
  }

  .dashboard-wrapper .content-detail-column>div vc-label:first-child {
    max-width: 160px;
  }

  .dashboard-wrapper .content-detail-column+.content-detail-column {
    margin-top: 10px;
  }

  .account-detail-transaction .account-card-component .bottom-right-row {
    width: 100% !important;
  }

  .common-execute-page.error-component {
    align-items: center;
  }
}

.dashboard-menu-items {
  padding-top: 18px;
  padding-bottom: 18px;
}

.dashboard-menu-items .more-options-area {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  color: var(--surface-surface-cloud);
  justify-content: space-between;
}

.dashboard-menu-items .more-options-area.row:after {
  content: none;
}

.dashboard-menu-items .more-options-area .more-option-text {
  font-size: 12px;
  font-weight: 400;
}

.swipe-updown-img {
  width: 73px;
  height: 4px;
  margin: auto;
  background-color: var(--colors-primary-200);
  border-radius: 8px;
}

.swipe-updown-area {
  padding-top: 12px;
  padding-bottom: 20px;
}

.account-detail-minified {
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 14px rgba(from var(--colors-truecolors-black) r g b/0.16);
  padding-top: 9px;
  background: var(--colors-truecolors-white);
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
}

.account-detail-minified .account-text {
  font-size: var(--base-font-size);
  font-weight: 600;
  color: var(--colors-primary-900);
  display: block;
  height: 18px;
}

.account-detail-minified .account-number {
  font-size: 12px;
}

.account-detail-minified .amount-formatted-text {
  font-size: 23px;
}

.account-detail-minified .amount-formatted-text .currency-symbol,
.account-detail-minified .amount-formatted-text .amount-precision {
  font-size: 16px;
  color: var(--content-content-primary);
}

.email-sent-popup .modal-body {
  height: 180px;
}

.delivery-address {
  color: var(--content-content-primary);
  margin-top: 4px;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 20px;
  font-weight: 400;
}

.apply-debit-card .delivery-address {
  margin-top: 0;
}

.search-transactions-popup {
  padding-top: 0px;
  padding-bottom: 0;
}

@media (max-width: 766.98px) {
  .search-transactions-popup .ng-dirty.ng-invalid+.vc-validation-error {
    padding-left: 17px !important;
  }
}

.search-transactions-popup #ChequeOptionList .custom-radio-list {
  border: 1px solid var(--border-border-blue);
  padding: 16px;
  border-radius: var(--radius-radius-2xs);
  width: 50%;
}

.interac-transfer-sendmoney-history-detail-transaction {
  position: relative;
}

.interac-pending-list-transaction {
  position: relative;
}

.interac-transfer-history-transaction {
  position: relative;
}

.interac-receive-money-transaction .InteracReceiveMoneyTransaction .content-inner-panels {
  margin-right: 500px;
}

@media (max-width: 1919px) {
  .interac-receive-money-transaction .InteracReceiveMoneyTransaction .content-inner-panels {
    margin-right: 380px;
  }
}

.interac-receive-money-transaction .result-panel {
  margin-bottom: 24px;
}

.contactus-create-crm-case-transaction.create-crm-case-part .contact-me-by-text-column small {
  width: calc(100vw - 32px);
}

@media (min-width: 576px) {
  .contactus-create-crm-case-transaction.create-crm-case-part .contact-me-by-text-column small {
    width: calc(100vw - 48px);
  }
}

@media (min-width: 768px) {
  .contactus-create-crm-case-transaction.create-crm-case-part .contact-me-by-text-column small {
    width: 674px;
  }
}

@media (min-width: 992px) {
  .contactus-create-crm-case-transaction.create-crm-case-part .contact-me-by-text-column small {
    width: 410px;
  }
}

.contactus-create-crm-case-transaction.create-crm-case-part .best-time-to-contact-radio-list {
  flex-direction: column;
}

.contactus-create-crm-case-transaction.create-crm-case-part .best-time-to-contact-radio-list .custom-control {
  width: 100%;
}

.contactus-create-crm-case-transaction.create-crm-case-part+vc-flownavigation {
  margin-top: 20px !important;
}

.contactus-crm-case-history-transaction .crm-case-list-item:first-child {
  padding-top: 0px;
  padding-bottom: 10px;
}

.contactus-crm-case-history-transaction .crm-case-list-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.contactus-crm-case-history-transaction .crm-case-list-item .information-content {
  padding-bottom: 2px;
  padding-top: 0px;
  margin-bottom: 0px;
  border: none;
}

.contactus-crm-case-history-transaction .crm-case-list-item .action-container {
  display: flex;
  align-items: center;
}

.approval-transaction-history {
  position: relative;
}

@media (min-width: 767px) {
  .approval-transaction-history {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }
}

.transaction-history-detail-content vc-exportdocument .btn-action {
  background: var(--surface-surface-blue) !important;
  border-color: unset;
}

.transaction-history {
  position: relative;
}

@media (min-width: 767px) {
  .transaction-history {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }
}

.transaction-history .slick-dots {
  left: 8px;
  bottom: -27px;
}

.transaction-history .slick-dots li {
  margin: 0 2px;
}

.transaction-history .slick-dots li button:before {
  color: var(--colors-slate-100);
}

.transaction-history.cards {
  padding-top: 0;
}

.transaction-history.cards .transactions-title {
  margin-bottom: 0;
  margin-top: 14px;
}

.transaction-history.cards .progressbar .circle-bg {
  stroke: var(--colors-primary-200);
}

.transaction-history.cards .progressbar .circle {
  stroke: var(--border-border-primary);
}

.transaction-history .transaction-graph-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.transaction-history .transaction-graph-wrapper .amount-formatted-text,
.transaction-history .transaction-graph-wrapper .currency-symbol,
.transaction-history .transaction-graph-wrapper .amount-precision {
  color: inherit;
}

.transaction-history .transaction-graph-wrapper .amount-formatted-text {
  font-size: var(--base-font-size);
  font-weight: 600;
  line-height: 14px;
}

.transaction-history .transaction-graph-wrapper .currency-symbol,
.transaction-history .transaction-graph-wrapper .amount-precision {
  font-size: 10px;
}

.transaction-history .single-chart {
  width: auto;
  position: relative;
}

.transaction-history .progressbar {
  margin: 15px 8px 1px 8px;
  width: 156px;
  max-width: 156px;
}

.transaction-history .progressbar .circle,
.transaction-history .progressbar .circle-bg {
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: butt;
}

.transaction-history .progressbar .circle {
  stroke: var(--colors-primary-950);
}

.transaction-history .progressbar .circle-bg {
  stroke: var(--border-border-primary);
}

.transaction-history .progressbar .timer-text,
.transaction-history .progressbar .timer-subtitle {
  fill: var(--colors-primary-900);
  font-size: var(--base-font-size);
}

.transaction-history .progressbar .timer-text {
  font-weight: 500;
}

.transaction-history .progressbar-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -32%);
  width: 150px;
  text-align: center;
  color: var(--colors-primary-900);
}

.transaction-history .progressbar-text .inner-text {
  display: block;
  height: 16px;
}

.transaction-history .current-account-text {
  font-size: 12px;
  margin-top: -7px;
  display: inline-block;
  color: var(--colors-primary-900);
}

.security-images {
  width: 100% !important;
  max-height: 80px;
  margin: auto auto 15px auto;
  object-fit: contain;
  background: var(--colors-primary-900);
  border-radius: 6px;
}

.selected-security-image {
  width: 48px !important;
  margin: auto;
  object-fit: contain;
  background: var(--colors-primary-900);
  border-radius: 6px;
}

.security-image-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: var(--colors-primary-900);
  border-radius: 6px;
  padding-top: 9px;
  margin-bottom: 12px;
}

.security-image-list .check-icon {
  margin-right: 15px;
  align-self: flex-end;
}

.selected .security-images,
.selected .security-image-list {
  background: var(--surface-surface-primary);
}

.forgot-password-username .otp-password-wrapper .ng-dirty.ng-invalid+.vc-validation-error {
  color: var(--input-field-error-message-text-color);
}

.forgot-password-username .form-group {
  margin-bottom: 27px;
}

.forgot-password-username .password-list {
  font-size: 13px;
  margin-bottom: 37px;
}

.forgot-password-username .password-list .password-rules {
  padding-left: 26px;
  color: var(--colors-primary-900);
}

.forgot-password-username .password-list .password-rules li {
  font-size: 17px;
  line-height: 19px;
}

.forgot-password-username .password-list .password-rules li span {
  font-size: 13px;
  font-weight: 400;
}

.finance-calculator {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.finance-calculator .finance-collapse-area {
  background-color: var(--surface-surface-cloud-subdued);
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 18px;
  padding-bottom: 12px;
}

.finance-calculator .toggle-img {
  text-align: center;
}

.finance-calculator .toggle-img.img-rotate img {
  transform: rotate(180deg);
}

.finance-calculator .calculator-values {
  color: var(--content-content-primary);
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}

.finance-calculator .bounding-amount {
  color: var(--colors-primary-900);
  font-size: 13px;
  font-weight: bold;
}

.finance-calculator .calculator-labels {
  color: var(--colors-primary-900);
  font-size: 13px;
  font-weight: bold;
}

.finance-calculator .interest-rate-text {
  color: var(--colors-primary-950);
  font-weight: bold;
  font-size: 13px;
}

.finance-calculator .interest-range-text {
  color: var(--colors-primary-900);
  font-weight: 400;
  font-size: 13px;
}

.finance-calculator .interest-rate-title {
  color: var(--content-content-on-cloud);
  font-weight: bold;
}

.finance-calculator .flex-column {
  height: 100%;
  justify-content: space-between;
}

.account-detail-transaction {
  margin-bottom: 25px;
  padding-top: 0;
  height: 100%;
  margin-top: 25px;
}

@media (max-width: 766.98px) {
  .account-detail-transaction {
    padding-top: 0px !important;
    margin-top: -62px;
  }
}

.account-detail-transaction .account-card-component {
  width: 343px;
  height: auto;
  background-size: cover;
  border-radius: 10px;
}

@media (min-width: 767px) {
  .account-detail-transaction .account-card-component {
    height: 154px;
  }
}

@media (max-width: 766.98px) {
  .account-detail-transaction .account-card-component {
    width: auto;
    margin: auto;
    padding-top: 0px !important;
    margin-top: -62px;
  }
}

.account-detail-transaction .transactions-button {
  margin-top: 8px;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.account-detail-transaction .card-activities-button {
  padding-left: 39px;
  padding-right: 39px;
}

.account-detail-transaction .card-container {
  z-index: 99;
}

.account-detail-transaction .detail-container {
  padding: 0px;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .detail-container {
    margin-bottom: 20px;
    display: block;
  }
}

.account-detail-transaction .detail-container vc-information-container {
  display: block;
  background: var(--white-widget-background-color);
  padding: var(--spacing-4xs) var(--spacing-md);
}

@media (max-width: 766.98px) {
  .account-detail-transaction .detail-container vc-information-container {
    box-shadow: none;
  }
}

.account-detail-transaction .detail-container vc-information-container vc-information-item {
  padding-left: 0;
  padding-right: 0;
}

.account-detail-transaction .detail-container .information-item-title,
.account-detail-transaction .detail-container .information-item-value {
  color: var(--default-color-on-white-widget) !important;
}

.account-detail-transaction .detail-container .information-content {
  border-color: var(--white-widget-border-color);
}

.account-detail-transaction .link-pad-form span {
  color: var(--base-text-color);
  margin-top: 10px;
  text-decoration: underline;
}

.account-detail-transaction .detail-information {
  padding-left: 80px;
  padding-right: 80px;
}

.account-detail-transaction vc-card-detail vc-gridsystem {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.account-detail-transaction .account-detail-status-icon img {
  right: 15px;
  top: 25%;
}

.account-detail-transaction .account-detail-status-icon span {
  font: normal normal bold 14px/20px var(--base-font-family);
  color: var(--colors-primary-900);
}

@media (max-width: 766.98px) {
  .account-detail-transaction {
    height: auto;
    min-height: calc(100vh - 70px);
    margin-bottom: 0;
  }

  .account-detail-transaction .card-container {
    background: none;
  }

  .account-detail-transaction vc-selectablebuttonlist {
    display: block;
  }

  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row {
    padding: 4px;
  }

  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row vc-gridcolumn {
    padding: 0 !important;
  }

  .account-detail-transaction vc-selectablebuttonlist .list-wrapper.row vc-gridcolumn .selectable-button {
    height: 32px;
    font-size: 12px;
    background: none;
  }
}

@media (min-width: 767px) {
  .account-detail-transaction vc-selectablebuttonlist {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 8px;
  }

  .account-detail-transaction vc-selectablebuttonlist vc-gridcolumn.col-6:nth-child(1) {
    padding-right: 0px !important;
  }

  .account-detail-transaction vc-selectablebuttonlist vc-gridcolumn.col-6:nth-child(2) {
    padding-left: 0px !important;
  }
}

.stop-single-cheque-payment-transaction .vc-gridrow-header {
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-800);
}

.createstop-series-of-cheques-payment-case-transaction .vc-gridrow-header {
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-800);
}

.account-restriction-configuration-transaction {
  margin-bottom: 20px;
}

.account-restriction-configuration-transaction h5.vc-gridrow-header {
  font: normal normal bold 18px/24px var(--base-font-family);
  color: var(--colors-primary-800);
}

.account-restriction-configuration-transaction .my-accountlist-title-frame {
  margin-bottom: 0px !important;
}

.account-restriction-configuration-transaction #SelectAllAccounts label>.checkbox-view.d-inline-block {
  margin-right: 16px !important;
  padding: 11px;
}

.account-restriction-configuration-transaction #SelectAllAccounts label>.checkbox-text.ng-star-inserted {
  font-weight: bold;
  color: var(--colors-truecolors-black);
  font-size: 16px;
}

.account-restriction-configuration-transaction .account-restriction-item {
  border-bottom: 1px solid var(--colors-cloud-400);
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 25px;
}

.account-restriction-configuration-transaction .account-restriction-item .is-available-checkbox {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px;
}

.account-restriction-configuration-transaction .account-restriction-item .is-available-checkbox .is-available-element>label {
  position: absolute;
  bottom: -23px;
  padding-left: 3px;
}

.account-restriction-configuration-transaction .account-restriction-item .is-available-checkbox .is-available-element>label .checkbox-view.d-inline-block {
  margin-right: 0px;
}

.account-restriction-configuration-transaction .account-restriction-item #AccountDetail {
  text-align: right;
  padding: 0px;
  font-weight: bold;
  color: var(--colors-truecolors-black);
}

.account-restriction-configuration-transaction .account-restriction-item #AccountDetailText {
  padding: 0px;
}

.cheque-book-request-transaction .vc-gridrow-header {
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-800);
}

.apply-debit-card-transaction .vc-gridrow-header {
  margin-top: 0px;
  margin-bottom: 0px;
  font: normal normal bold 18px/24px var(--base-font-family);
}

.apply-debit-card-transaction #DeliveryOnAddress .select2-selection__placeholder {
  position: absolute;
  top: -10px;
}

.apply-debit-card-transaction .select2-selection__placeholder {
  position: absolute;
  top: 20px;
}

.apply-debit-card-transaction #AddressDetail {
  padding-left: 25px;
  padding-bottom: 15px;
}

.apply-debit-card-transaction #AddressDetail .ng-star-inserted {
  position: absolute;
  top: -15px;
}

.view-stop-cheque-requests-transaction .stop-cheque-requests-item:first-child {
  padding-top: 0px;
  padding-bottom: 10px;
}

.view-stop-cheque-requests-transaction .stop-cheque-requests-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.view-stop-cheque-requests-transaction .stop-cheque-requests-item+.stop-cheque-requests-item {
  border-top: 1px solid var(--border-border-slate-secondary);
}

.view-stop-cheque-requests-transaction .stop-cheque-requests-item .information-content {
  padding-bottom: 0px;
  margin-bottom: 5px;
  border: none;
}

.view-stop-cheque-requests-transaction .stop-cheque-requests-item .action-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.stop-cheque-request-detail-transaction.start .information-container-header {
  margin-top: 0px !important;
}

.interac-auto-deposit.start {
  margin-top: 0;
}

.fixed-position {
  position: fixed !important;
  left: 0;
  right: 0;
  z-index: 97;
}

.account-detail-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 766.98px) {
  .account-detail-wrapper {
    background: var(--surface-surface-cloud);
  }
}

.account-detail-wrapper .account-card-component {
  padding: 12px 16px;
  background: #313130;
  border-radius: var(--radius-radius-xs);
  margin: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 56px;
  margin-bottom: -16px;
}

@media (min-width: 767px) {
  .account-detail-wrapper .account-card-component {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    height: inherit;
  }
}

@media (max-width: 766.98px) {
  .account-detail-wrapper .account-card-component .card-detail-top {
    margin-top: 18px;
  }
}

@media (max-width: 766.98px) {
  .account-detail-wrapper vc-gridcolumn.grid-column-card {
    max-width: unset;
  }

  .account-detail-wrapper vc-gridcolumn.grid-column-card .account-card-component .bottom-right-row {
    width: calc(100vw - 64px);
  }
}

.account-detail-wrapper .holding-detail .holding-name {
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  color: var(--colors-primary-900);
  font: normal normal normal 18px/24px var(--base-font-family);
  font-weight: 500 !important;
}

.account-list-transaction.card-list {
  padding-top: 27px;
}

.account-list-transaction.card-list .account-card-list-item {
  margin-bottom: 30px;
}

.account-list-transaction .account-card-list-item.contact-hidden+.account-card-list-item {
  border-top: unset !important;
}

.account-list-transaction .account-card-list-item {
  cursor: pointer;
  margin-top: 0;
  padding: var(--spacing-2xs) var(--spacing-2xs);
  align-items: center;
  border-bottom: 0;
}

.account-list-transaction .account-card-list-item.row:after {
  content: none;
}

.account-list-transaction .account-card-list-item vc-gridcolumn:nth-child(1) {
  padding-left: 0;
  padding-right: 0;
}

.account-list-transaction .account-card-list-item vc-gridcolumn:nth-child(2) {
  padding-right: 0;
}

.account-list-transaction .account-card-list-item .account-info {
  align-items: center;
}

.account-list-transaction .account-card-list-item .account-info vc-label {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 766.98px) {
  .account-list-transaction .account-card-list-item .account-info vc-label {
    word-wrap: break-word;
  }
}

.account-list-transaction .account-card-list-item .account-info .balance-value {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px;
}

.account-list-transaction .account-card-list-item .account-info img {
  width: 35px;
  object-fit: scale-down;
}

.account-list-transaction .account-card-list-item .account-detail {
  justify-content: space-between;
  align-items: center;
  margin-top: -5px !important;
}

.account-list-transaction .account-card-list-item .account-detail.jc-flex-end {
  justify-content: flex-end !important;
}

.account-list-transaction .account-card-list-item .account-detail .icon-edit {
  border-right: 1px solid var(--border-border-slate-secondary);
  margin-right: 16px;
  padding-right: 16px;
}

.account-list-transaction .account-card-list-item .account-detail vc-imagebutton {
  margin-top: -2px;
}

.account-list-transaction .account-card-list-item .account-detail.row:after {
  content: none;
}

.account-list-transaction .account-card-list-item .account-detail .balance-value {
  display: block;
  font: normal normal 900 16px/22px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
}

.account-list-transaction .account-card-list-item .account-owner {
  color: var(--primary-color-on-white-widget);
  font: normal normal 400 20px/28px var(--base-font-family);
  letter-spacing: 0px;
  opacity: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.account-list-transaction .account-card-list-item .account-name {
  font-size: 13px;
  margin-left: 13px;
  line-height: 16px;
  margin-top: 1px;
  margin-bottom: 4px;
}

.account-list-transaction .account-card-list-item .account-number {
  font: 400 12px/16px var(--base-font-family);
  color: var(--default-color-on-white-widget);
  letter-spacing: 0px;
  opacity: 1;
}

.beneficiary-avatar {
  width: 42px;
  min-width: 42px;
  max-width: 42px;
  min-height: 42px;
  max-height: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: var(--colors-slate-100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 13px;
  color: var(--colors-truecolors-white);
  text-transform: uppercase;
}

.account-balance-detail .contact-info-text {
  font: normal normal normal 16px/20px var(--base-font-family);
}

.account-balance-detail .contact-hidden {
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.account-balance-detail .contact-not-found-text {
  font: normal normal 900 22px/25px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
}

.account-balance-detail .myaccounts-list-item .my-accountlist-title-frame {
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 24px;
}

.account-balance-detail .myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn {
  padding: 0;
}

.account-balance-detail .myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label {
  width: 100%;
  padding-bottom: 8px;
}

@media (max-width: 766.98px) {
  .account-balance-detail .myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label {
    width: 70%;
  }
}

.account-balance-detail .myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span {
  font: bold 18px/18px var(--secondary-font-family);
  color: var(--content-content-slate);
  margin: 0;
  letter-spacing: 1px;
}

.account-balance-detail .myaccounts-list-item .partner-accountlist-client-frame {
  margin-bottom: 22px;
}

.account-balance-detail .myaccounts-list-item .partner-accountlist-client-frame .partner-accountlist-client-border {
  margin-bottom: 0;
}

.account-balance-detail .myaccounts-list-item .partner-accountlist-client-frame .partner-accountlist-client-row {
  border-bottom: 2px solid var(--colors-primary-950);
}

@media (max-width: 767px) and (orientation: portrait) {
  .account-balance-detail .myaccounts-list-item .partner-accountlist-client-frame .partner-accountlist-client-row {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.account-balance-detail .myaccounts-list-item .partner-accountlist-client-frame vc-gridcolumn .client-number-title {
  width: 100%;
  padding-bottom: 8px;
  font: normal normal 900 16px/20px var(--base-font-family);
  font-weight: bold !important;
  letter-spacing: 0px;
  color: var(--surface-surface-slate);
  margin: 0;
  text-transform: uppercase;
}

.account-balance-detail .myaccounts-list-item .account-card-list-item vc-gridcolumn vc-label span {
  margin: 0;
}

.account-balance-detail .myaccounts-list-item .account-card-list-item vc-gridcolumn vc-label span.balance-value {
  font-family: var(--base-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: var(--default-color-on-white-widget);
}

@media (max-width: 767px) and (orientation: portrait) {
  .account-balance-detail .myaccounts-list-item .account-card-list-item:nth-child(2)>vc-gridcolumn:nth-child(1) vc-label span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .account-balance-detail .myaccounts-list-item .account-card-list-item:nth-child(2)>vc-gridcolumn:nth-child(1) vc-label .holdingName {
    white-space: normal !important;
  }
}

.account-balance-detail>vc-gridcolumn vc-gridrow.myaccounts-list-item:nth-child(1) .my-accountlist-title-frame {
  margin-top: 8px;
}

.account-balance-detail>vc-gridcolumn vc-gridrow.myaccounts-list-item:nth-child(1) .partner-accountlist-title-frame {
  margin-top: 8px;
}

.account-balance-detail>vc-gridcolumn vc-gridrow.myaccounts-list-item:nth-child(1) .holding-title {
  border-bottom: 2px solid var(--colors-primary-950);
}

.account-balance-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 23px;
  color: var(--surface-surface-cloud);
  text-align: center;
  margin-bottom: 26px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
}

.account-balance-wrapper .balance-title {
  font-size: 13px;
  height: 33px;
  font-weight: 400;
}

.account-balance-wrapper .balance-text {
  font-size: 28px;
  font-weight: 500;
  color: var(--surface-surface-cloud);
}

.account-balance-wrapper .balance-text span:last-child {
  font-size: 20px;
  color: var(--surface-surface-cloud);
  font-weight: 600;
}

.header-tabs-view {
  position: relative;
  top: 28px;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 32px;
}

.OpenNoFeeChequingAccount .open-account-wrapper .open-account-header,
.OpenSavingsAccount .open-account-wrapper .open-account-header,
.OpenTermDepositAccount .open-account-wrapper .open-account-header,
.OpenRRSPTermDepositAccount .open-account-wrapper .open-account-header,
.OpenTFSATermDepositAccount .open-account-wrapper .open-account-header {
  margin-top: -8px;
  margin-bottom: 16px;
}

.OpenNoFeeChequingAccount .open-account-wrapper .open-account-header vc-label span,
.OpenSavingsAccount .open-account-wrapper .open-account-header vc-label span,
.OpenTermDepositAccount .open-account-wrapper .open-account-header vc-label span,
.OpenRRSPTermDepositAccount .open-account-wrapper .open-account-header vc-label span,
.OpenTFSATermDepositAccount .open-account-wrapper .open-account-header vc-label span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-top: 20px !important;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .open-account-wrapper .open-account-header vc-label span,
  .OpenSavingsAccount .open-account-wrapper .open-account-header vc-label span,
  .OpenTermDepositAccount .open-account-wrapper .open-account-header vc-label span,
  .OpenRRSPTermDepositAccount .open-account-wrapper .open-account-header vc-label span,
  .OpenTFSATermDepositAccount .open-account-wrapper .open-account-header vc-label span {
    font-size: 16px;
    line-height: 24px;
  }
}

.OpenNoFeeChequingAccount .open-account-wrapper .open-account-information,
.OpenSavingsAccount .open-account-wrapper .open-account-information,
.OpenTermDepositAccount .open-account-wrapper .open-account-information,
.OpenRRSPTermDepositAccount .open-account-wrapper .open-account-information,
.OpenTFSATermDepositAccount .open-account-wrapper .open-account-information {
  margin-bottom: 16px;
}

.OpenNoFeeChequingAccount .open-account-wrapper .open-account-information vc-label span,
.OpenSavingsAccount .open-account-wrapper .open-account-information vc-label span,
.OpenTermDepositAccount .open-account-wrapper .open-account-information vc-label span,
.OpenRRSPTermDepositAccount .open-account-wrapper .open-account-information vc-label span,
.OpenTFSATermDepositAccount .open-account-wrapper .open-account-information vc-label span {
  color: var(--content-content-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.OpenNoFeeChequingAccount .open-account-wrapper .card,
.OpenSavingsAccount .open-account-wrapper .card,
.OpenTermDepositAccount .open-account-wrapper .card,
.OpenRRSPTermDepositAccount .open-account-wrapper .card,
.OpenTFSATermDepositAccount .open-account-wrapper .card {
  margin-bottom: 16px;
  padding: 24px 24px 16px 24px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .open-account-wrapper .card,
  .OpenSavingsAccount .open-account-wrapper .card,
  .OpenTermDepositAccount .open-account-wrapper .card,
  .OpenRRSPTermDepositAccount .open-account-wrapper .card,
  .OpenTFSATermDepositAccount .open-account-wrapper .card {
    padding: var(--spacing-3xs, 8px) var(--spacing-2xs, 12px) var(--spacing-2xs, 12px) var(--spacing-2xs, 12px);
  }
}

.OpenNoFeeChequingAccount .open-account-wrapper .card .card-label,
.OpenSavingsAccount .open-account-wrapper .card .card-label,
.OpenTermDepositAccount .open-account-wrapper .card .card-label,
.OpenRRSPTermDepositAccount .open-account-wrapper .card .card-label,
.OpenTFSATermDepositAccount .open-account-wrapper .card .card-label {
  padding-bottom: 12px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .open-account-wrapper .card .card-label,
  .OpenSavingsAccount .open-account-wrapper .card .card-label,
  .OpenTermDepositAccount .open-account-wrapper .card .card-label,
  .OpenRRSPTermDepositAccount .open-account-wrapper .card .card-label,
  .OpenTFSATermDepositAccount .open-account-wrapper .card .card-label {
    padding-bottom: 0px;
  }
}

.OpenNoFeeChequingAccount .open-account-wrapper .card .card-title,
.OpenSavingsAccount .open-account-wrapper .card .card-title,
.OpenTermDepositAccount .open-account-wrapper .card .card-title,
.OpenRRSPTermDepositAccount .open-account-wrapper .card .card-title,
.OpenTFSATermDepositAccount .open-account-wrapper .card .card-title {
  color: var(--content-content-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .open-account-wrapper .card .card-title,
  .OpenSavingsAccount .open-account-wrapper .card .card-title,
  .OpenTermDepositAccount .open-account-wrapper .card .card-title,
  .OpenRRSPTermDepositAccount .open-account-wrapper .card .card-title,
  .OpenTFSATermDepositAccount .open-account-wrapper .card .card-title {
    padding-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }
}

.OpenNoFeeChequingAccount .open-account-wrapper .card .information-container,
.OpenSavingsAccount .open-account-wrapper .card .information-container,
.OpenTermDepositAccount .open-account-wrapper .card .information-container,
.OpenRRSPTermDepositAccount .open-account-wrapper .card .information-container,
.OpenTFSATermDepositAccount .open-account-wrapper .card .information-container {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .open-account-wrapper .card .information-container,
  .OpenSavingsAccount .open-account-wrapper .card .information-container,
  .OpenTermDepositAccount .open-account-wrapper .card .information-container,
  .OpenRRSPTermDepositAccount .open-account-wrapper .card .information-container,
  .OpenTFSATermDepositAccount .open-account-wrapper .card .information-container {
    padding-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }
}

.OpenNoFeeChequingAccount .open-account-wrapper .acknowledgementCheckbox,
.OpenSavingsAccount .open-account-wrapper .acknowledgementCheckbox,
.OpenTermDepositAccount .open-account-wrapper .acknowledgementCheckbox,
.OpenRRSPTermDepositAccount .open-account-wrapper .acknowledgementCheckbox,
.OpenTFSATermDepositAccount .open-account-wrapper .acknowledgementCheckbox {
  margin-bottom: 16px;
}

.OpenNoFeeChequingAccount .open-account-wrapper .acknowledgementCheckbox .checkbox-inline,
.OpenSavingsAccount .open-account-wrapper .acknowledgementCheckbox .checkbox-inline,
.OpenTermDepositAccount .open-account-wrapper .acknowledgementCheckbox .checkbox-inline,
.OpenRRSPTermDepositAccount .open-account-wrapper .acknowledgementCheckbox .checkbox-inline,
.OpenTFSATermDepositAccount .open-account-wrapper .acknowledgementCheckbox .checkbox-inline {
  margin-bottom: 0px;
}

.OpenNoFeeChequingAccount .open-account-wrapper>vc-gridcolumn,
.OpenSavingsAccount .open-account-wrapper>vc-gridcolumn,
.OpenTermDepositAccount .open-account-wrapper>vc-gridcolumn,
.OpenRRSPTermDepositAccount .open-account-wrapper>vc-gridcolumn,
.OpenTFSATermDepositAccount .open-account-wrapper>vc-gridcolumn {
  margin-bottom: 0;
}

.OpenNoFeeChequingAccount .account-opening-row,
.OpenSavingsAccount .account-opening-row,
.OpenTermDepositAccount .account-opening-row,
.OpenRRSPTermDepositAccount .account-opening-row,
.OpenTFSATermDepositAccount .account-opening-row {
  margin-top: 8px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .account-opening-row,
  .OpenSavingsAccount .account-opening-row,
  .OpenTermDepositAccount .account-opening-row,
  .OpenRRSPTermDepositAccount .account-opening-row,
  .OpenTFSATermDepositAccount .account-opening-row {
    margin-top: 0px;
  }
}

.OpenNoFeeChequingAccount .account-opening-row vc-label,
.OpenSavingsAccount .account-opening-row vc-label,
.OpenTermDepositAccount .account-opening-row vc-label,
.OpenRRSPTermDepositAccount .account-opening-row vc-label,
.OpenTFSATermDepositAccount .account-opening-row vc-label {
  padding-right: 70px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .account-opening-row vc-label,
  .OpenSavingsAccount .account-opening-row vc-label,
  .OpenTermDepositAccount .account-opening-row vc-label,
  .OpenRRSPTermDepositAccount .account-opening-row vc-label,
  .OpenTFSATermDepositAccount .account-opening-row vc-label {
    padding-right: 0px;
  }
}

.OpenNoFeeChequingAccount .account-opening-row vc-label span,
.OpenSavingsAccount .account-opening-row vc-label span,
.OpenTermDepositAccount .account-opening-row vc-label span,
.OpenRRSPTermDepositAccount .account-opening-row vc-label span,
.OpenTFSATermDepositAccount .account-opening-row vc-label span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.OpenNoFeeChequingAccount .account-opening-row .vc-validation-error,
.OpenSavingsAccount .account-opening-row .vc-validation-error,
.OpenTermDepositAccount .account-opening-row .vc-validation-error,
.OpenRRSPTermDepositAccount .account-opening-row .vc-validation-error,
.OpenTFSATermDepositAccount .account-opening-row .vc-validation-error {
  margin: -12px 18px 12px;
}

.OpenNoFeeChequingAccount vc-flownavigation,
.OpenSavingsAccount vc-flownavigation,
.OpenTermDepositAccount vc-flownavigation,
.OpenRRSPTermDepositAccount vc-flownavigation,
.OpenTFSATermDepositAccount vc-flownavigation {
  margin-top: 8px;
}

@media (max-width: 766.98px) {

  .OpenNoFeeChequingAccount .transaction-details-content .information-container,
  .OpenSavingsAccount .transaction-details-content .information-container,
  .OpenTermDepositAccount .transaction-details-content .information-container,
  .OpenRRSPTermDepositAccount .transaction-details-content .information-container,
  .OpenTFSATermDepositAccount .transaction-details-content .information-container {
    flex-direction: column-reverse !important;
  }
}

.open-term-deposit-account .terms-conditions {
  display: block;
  margin-bottom: 27px;
  margin-top: 17px;
  color: var(--colors-primary-900);
}

.open-business-term-deposit .open-business-term-deposit-combo {
  font-size: 18px;
  width: calc(100% - 67px);
  line-height: 20px;
}

.open-account-wrapper .tooltip-btn-img {
  width: 24px;
}

.open-account-wrapper .info-text-icon {
  align-items: center;
}

.account-opening-row .account-opening-radiobutton-list {
  padding: 8px 15px 15px 15px;
}

.terms-conditions u {
  color: var(--content-content-primary);
}

.no-transaction-helper {
  margin-bottom: 25px;
  display: inline-block;
}

.offer-modal .modal-body {
  overflow: visible;
}

.campaign-description {
  font-size: 22px;
  line-height: 23px;
  margin-bottom: 7px;
  font-weight: bold;
  margin-top: 12px;
}

.campaign-description p {
  margin-bottom: 0;
}

.campaign-title {
  font-size: var(--base-font-size);
  text-transform: capitalize;
}

.second-time-announcements-wrapper {
  padding-bottom: 22px;
}

.second-time-announcements-carousel.row {
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 22px;
}

.campaign-card-wrapper {
  height: 100px;
  width: 328px;
  transition: all 0.3s ease;
  opacity: 0.5;
  border-radius: 6px;
  color: var(--colors-truecolors-white);
  margin: 12px 6px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  padding: 12px 14px 13px 20px;
}

.campaign-card-wrapper.slick-current {
  opacity: 1;
  height: 144px;
  margin: 0 6px;
}

.campaign-card-wrapper.announcement {
  border: 1px solid var(--colors-slate-100);
  color: var(--colors-primary-900);
  font-size: 13px;
}

.campaign-card-wrapper.second-time-login {
  margin: 0 6px;
  height: auto;
  min-height: 62px;
  background: var(--surface-surface-cloud);
  border-radius: 4px;
  width: calc(100vw - 48px);
  padding: 12px;
}

.campaign-card-wrapper.second-time-login .announcement-second-time-login {
  width: 37px;
  height: 37px;
}

.campaign-card-wrapper .icon-cross-white,
.campaign-card-wrapper .icon-cross-gray {
  margin-left: auto;
}

.icon-cross-white {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-cross-white.svg');
}

.icon-cross-gray {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-cross-gray.svg');
}

.campaign-detail-page {
  padding: 0;
}

.campaign-detail-page .campaign-banner {
  width: 100%;
  height: 30vh;
  display: flex;
  padding: 0 22px 28px 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.campaign-detail-page .campaign-content {
  margin-right: 9px;
  margin-left: 9px;
  text-align: center;
}

.campaign-detail-page .campaign-content .btn {
  margin-bottom: 20px;
}

.user-limit-transaction .vc-gridrow-header {
  margin-top: 32px;
  margin-bottom: 20px;
}

.timeout-popup .modal-body {
  overflow: visible;
}

.view-cra-accounts {
  margin-bottom: 24px;
}

.view-cra-accounts .cra-account-type-wrapper {
  border: var(--cra-widget-border-width) solid var(--cra-widget-border-color);
  background: var(--cra-widget-background-color);
  margin-left: 0;
  margin-right: 0;
}

.view-cra-accounts .cra-account-type {
  font: normal normal normal 16px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--base-text-color);
  font-weight: 600 !important;
}

.view-cra-accounts .cra-account-list .cra-account-item-wrapper {
  display: flex;
  position: relative;
}

.view-cra-accounts .cra-account-list .cra-account-item {
  border-bottom: var(--cra-widget-seperator-width) solid var(--cra-widget-seperator-color);
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.view-cra-accounts .cra-account-list .cra-account-item.cra-account-item-no-border {
  border-bottom: none;
}

.view-cra-accounts .cra-account-list .cra-account-item .cra-account-tabs {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding: 0px;
}

@media (max-width: 766.98px) {
  .view-cra-accounts .cra-account-list .cra-account-item .cra-account-tabs {
    width: 100%;
  }
}

@media (max-width: 766.98px) {
  .view-cra-accounts .cra-account-list .cra-account-item .cra-account-tabs {
    margin-top: var(--spacing-xs, 16px);
  }
}

.view-cra-accounts .cra-account-list .cra-account-item .cra-account-tabs vc-button {
  flex: 1;
}

.view-cra-accounts .cra-account-list .cra-account-item .cra-account-tabs .btn-cra-remit {
  width: 100%;
  font-weight: 600 !important;
  padding-top: 6px !important;
  padding-inline: 0 !important;
}

@media (min-width: 767px) {
  .view-cra-accounts .cra-account-list .cra-account-item .cra-account-tabs .btn-cra-remit {
    width: 130px;
  }
}

.view-cra-accounts .cra-account-list .cra-account-item {
  align-items: center;
  touch-action: pan-y !important;
  justify-content: space-between;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.view-cra-accounts .cra-account-list .beneficiary-username {
  font: normal normal normal 16px/19px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--cra-widget-beneficiary-name-color);
  font-weight: 500;
}

.view-cra-accounts .cra-account-list .cra-account-button {
  flex-direction: column;
  display: flex;
  text-align: center;
  align-items: center;
}

.view-cra-accounts .cra-account-list .cra-account-button span {
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  color: var(--cra-widget-account-boxes-text-color);
  text-align: center;
}

.view-cra-accounts .cra-account-type-wrapper {
  padding-top: 16px;
}

@media (min-width: 767px) {
  .view-cra-accounts .cra-account-type-wrapper {
    padding-top: 24px;
    padding-left: 9px;
    padding-right: 9px;
  }
}

.view-cra-accounts .cra-account-type-wrapper .cra-account-type {
  color: var(--cra-widget-account-title-color);
}

.view-cra-accounts .cra-account-type-wrapper .cra-bottom-btn-column {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 767px) {
  .view-cra-accounts .cra-account-type-wrapper .cra-bottom-btn-column {
    margin-bottom: 24px !important;
  }
}

.view-cra-accounts .cra-account-type-wrapper .cra-bottom-btn-column .add-new-payee.dbas-btn.btn-link {
  color: var(--cra-widget-add-account-link-color) !important;
}

.view-cra-accounts .cra-account-type-wrapper .cra-bottom-btn-column .add-new-payee.dbas-btn.btn-link:hover {
  color: var(--cra-widget-add-account-link-color) !important;
}

.view-cra-accounts .cra-account-type-wrapper .cra-bottom-btn-column .add-new-payee.dbas-btn.btn-link .btn-icon-left.icon-plus-circle {
  background-color: var(--cra-widget-add-account-icon-bg-color);
}

.view-cra-accounts .cra-account-type-wrapper .cra-account-type-container {
  padding-bottom: 16px;
  border-bottom: var(--cra-widget-seperator-width) solid var(--cra-widget-seperator-color);
}

.beneficiary-list-outer-row {
  margin-inline: 0;
}

.beneficiary-list {
  padding-left: 0;
  padding-right: 0;
}

.beneficiary-list .beneficiary-item-wrapper {
  display: flex;
  position: relative;
}

.beneficiary-list .beneficiary-item-wrapper:last-child .beneficiary-item {
  border-bottom: 0;
}

.beneficiary-list .beneficiary-item {
  border-bottom: 1px solid var(--border-border-slate-light);
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.beneficiary-list .beneficiary-item.beneficiary-item-no-border {
  border-bottom: none;
}

.beneficiary-list .beneficiary-item,
.beneficiary-list .fundtransfer-item {
  align-items: center;
  touch-action: pan-y !important;
  justify-content: space-between;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  width: 100vw;
}

.beneficiary-list .fundtransfer-item {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.beneficiary-list .beneficiary-thumbnail {
  border-radius: 50%;
  background-color: var(--colors-slate-100);
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--surface-surface-cloud);
  font-size: var(--base-font-size);
  text-transform: uppercase;
  font-weight: 600;
}

.beneficiary-list .beneficiary-username {
  font: 600 16px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-white-widget);
}

.beneficiary-list .username-text {
  font: 400 14px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--subvalue-color-on-white-widget);
}

.beneficiary-list {
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
  /* .beneficiary-item-wrapper:first-child{
          border-top-left-radius: var(--widget-border-radius-2);
          border-top-right-radius: var(--widget-border-radius-2);
          border-top: var(--widget-border-width) solid var(--white-widget-border-color);
  }
  .beneficiary-item-wrapper:last-child{
          border-bottom-left-radius: var(--widget-border-radius-2);
          border-bottom-right-radius: var(--widget-border-radius-2);
          border-bottom: var(--widget-border-width) solid var(--white-widget-border-color);
  }*/
}

@media (max-width: 766.98px) {
  .beneficiary-list {
    box-shadow: none;
  }
}

.beneficiary-list .beneficiary-item {
  background-color: transparent !important;
  border: 0;
  border-bottom: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.beneficiary-list .beneficiary-item-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--white-widget-background-color);
  border-bottom: 1px solid var(--white-widget-border-color);
  padding: 12px 0;
}

.beneficiary-list .beneficiary-item-wrapper:first-child {
  padding-top: 0px;
}

.beneficiary-list .beneficiary-item-wrapper:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.beneficiary-list .beneficiary-item {
  width: 100%;
}

.new-beneficiary-button {
  background: url('images/icon-plus.svg') no-repeat center center, url('images/new-mail-bg.svg') no-repeat center -2px;
  width: 42px;
  height: 50px;
  position: absolute;
  bottom: 66px;
  right: 19px;
}

.new-calculator-button {
  background: url('images/img-option-popover.svg') no-repeat center center;
  width: 42px;
  height: 50px;
  position: absolute;
  padding-top: 10px;
  bottom: 7px;
  right: 19px;
}

.new-chatbot-button {
  background: url('images/icon-chatbot-popover.svg') no-repeat center center;
  width: 42px;
  height: 50px;
  position: absolute;
  padding-top: 10px;
  bottom: 7px;
  right: 19px;
}

.dropdown-menu.term-calculator {
  border: 1px solid var(--colors-cloud-400);
  border-radius: 4px;
  top: auto !important;
  transform: translate3d(0, 0, 0) !important;
  left: auto !important;
  right: 8px !important;
  bottom: 73px !important;
  padding: 20px 14px;
  box-shadow: none;
  /* Styling for second triangle (border) */
}

.dropdown-menu.term-calculator a {
  width: 100%;
  color: var(--colors-truecolors-black);
}

.dropdown-menu.term-calculator .text-item {
  font-size: 13px;
  display: block;
  width: 100%;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--colors-cloud-400);
  margin-bottom: 13px;
}

.dropdown-menu.term-calculator .text-item:last-of-type {
  padding: 0;
  margin: 0;
  border: 0;
}

.dropdown-menu.term-calculator:after,
.dropdown-menu.term-calculator:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--surface-surface-cloud);
  bottom: -7px;
  content: "";
  right: 25px;
  position: absolute;
}

.dropdown-menu.term-calculator:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid;
  border-top-color: inherit;
  /* Can't be included in the shorthand to work */
  bottom: -9px;
  right: 23px;
}

.update-beneficiary-button {
  width: 82px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colors-primary-900);
  color: var(--surface-surface-cloud);
}

.update-beneficiary-button:hover {
  color: var(--colors-truecolors-white);
}

.delete-beneficiary-button {
  height: 100%;
  width: 82px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colors-red-500);
  color: var(--surface-surface-cloud);
}

.delete-beneficiary-button:hover {
  color: var(--surface-surface-cloud);
}

.myaccounts-list-title {
  /*   padding-top: 21px;
  background: var(--colors-truecolors-white);
  border-bottom: 27px solid rgba(227, 229, 235, 0.15);
  */
  color: var(--colors-primary-950);
  font-size: 13px;
  display: inline-block;
  margin-right: 22px;
  margin-left: 19px;
}

.myaccounts-list-amount-title {
  color: var(--content-content-primary);
  font-size: 13px;
  display: inline-block;
  margin-left: 22px;
}

.my-accountlist-title-frame {
  padding-bottom: 4px;
  margin-bottom: 23px;
  border-bottom: 1px solid var(--colors-cloud-400);
}

.swipedelete-actions {
  display: flex;
  position: absolute;
  right: 0;
  height: 100%;
}

.swipedelete-actions .icon-edit {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-edit.svg');
}

.swipedelete-actions .icon-delete-white {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-delete-white.svg');
}

.swipedelete-actions .button-text {
  font-weight: 400;
}

.override-amount-box .amount-formatted-text,
.override-amount-box .currency-symbol,
.override-amount-box .amount-precision {
  font-size: 13px;
  color: var(--colors-primary-950);
  font-weight: 500;
}

.take-photo-button {
  margin-bottom: 17px;
}

.take-photo-button .button-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.take-photo-button .button-text .fa-camera {
  font-size: 26px;
  margin-right: 13px;
}

.onboarding-helper-text {
  color: var(--colors-slate-400);
  font-weight: 400;
}

.splash-screen {
  align-items: center;
  justify-content: center;
  height: 100%;
  background: url('images/login-background.png') no-repeat center center;
  background-size: 100% 100%;
  display: none !important;
}

.biometric-grid {
  height: 100%;
}

.biometric-grid .biometric-grid-body {
  flex-grow: 1;
  align-content: flex-start;
}

.biometric-grid .biometric-row {
  margin-top: auto !important;
  flex: 1 0 auto;
  justify-content: flex-end;
  align-items: flex-end;
}

.biometric-grid .biometric-content {
  display: flex;
  align-items: center;
}

.biometric-grid .biometric-content img {
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}

.biometric-grid .biometric-content span {
  margin-left: 8px;
}

.goodbye-screen {
  display: flex;
  justify-content: space-between;
  padding-bottom: 152px;
  height: 100%;
  background: var(--surface-surface-primary) url('images/img-illustration-login.png') no-repeat center bottom;
  background-size: contain;
}

.goodbye-screen .d-flex.flex-column {
  padding-top: 103px;
  justify-content: space-between;
  height: 100%;
}

.viddget .viddget-popup.open {
  bottom: 0;
  top: 52px;
  right: 0;
  left: 0;
}

.viddget .viddget-popup.open .viddget-frame {
  height: 100%;
}

.viddget .viddget-popup.open .viddget-popup-content {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

.viddget .viddget-popup.open .viddget-top-minimal {
  display: none !important;
}

.viddget .viddget-frame {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  padding-bottom: 30px;
}

.viddget .viddget-frame .viddget-loader {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.card-statement-history .transactions-title {
  margin-top: 11px;
  margin-bottom: 0;
}

.credit-card-statement {
  padding-top: 0;
}

.credit-card-statement .arrow-collapser {
  transform: rotate(90deg);
}

.credit-card-statement .card-statement-collapse.row {
  margin-bottom: 15px;
  margin-left: -24px;
  padding-top: 8px;
  margin-right: -24px;
  padding-left: 9px;
  padding-right: 9px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
}

.card-list-title {
  color: var(--colors-primary-950);
  padding-bottom: 10px;
  margin-bottom: 23px;
  font-size: 13px;
  display: block;
  border-bottom: 1px solid var(--colors-cloud-400);
  margin-right: 22px;
  margin-left: 19px;
}

.dropdown-menu.standing-orders {
  border: 1px solid var(--colors-cloud-400);
  border-radius: 4px;
  top: auto !important;
  transform: translate3d(0, 0, 0) !important;
  left: auto !important;
  right: 8px !important;
  bottom: 124px !important;
  padding: 14px;
  box-shadow: none;
  /* Styling for second triangle (border) */
}

.dropdown-menu.standing-orders a {
  width: 100%;
  color: var(--colors-truecolors-black);
}

.dropdown-menu.standing-orders .text-item {
  font-size: var(--base-font-size);
  display: block;
  width: 100%;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--colors-cloud-400);
  margin-bottom: 13px;
}

.dropdown-menu.standing-orders .text-item:last-of-type {
  padding: 0;
  margin: 0;
  border: 0;
}

.dropdown-menu.standing-orders:after,
.dropdown-menu.standing-orders:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--surface-surface-cloud);
  bottom: -7px;
  content: "";
  right: 25px;
  position: absolute;
}

.dropdown-menu.standing-orders:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid;
  border-top-color: inherit;
  /* Can't be included in the shorthand to work */
  bottom: -9px;
  right: 23px;
}

.dropup.standing-orders-list {
  position: initial;
}

.icon-calculator-orange {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('images/icon-calculator-orange.svg');
}

.icon-calculator-orange {
  vertical-align: text-bottom;
}

.no-item-list.col-12 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.exchange-rate-wrapper {
  height: calc(100vh - 340px);
  overflow: auto;
  margin-bottom: 26px;
}

.document-capture-text {
  background-color: rgba(var(--colors-slate-50), 0.2);
  border-radius: 4px;
  padding: 8px;
}

.currency-circular-button.dbas-btn {
  border-radius: 50% !important;
  background: var(--surface-surface-primary) url('images/icon-currency-rate.svg') no-repeat no-repeat center center;
  width: 42px;
  max-width: 42px;
  min-width: 42px;
  height: 42px !important;
  margin: auto;
  float: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.currency-circular-button.dbas-btn:hover {
  background: var(--surface-surface-primary) url('images/icon-currency-rate.svg') no-repeat no-repeat center center;
}

.history-item-circular {
  display: inline-flex;
  background: var(--colors-cloud-300);
  border-radius: 50%;
  width: 42px;
  min-width: 42px;
  height: 42px;
  margin-right: 7px;
  align-items: center;
  justify-content: center;
}

.no-cards-view {
  padding-bottom: 32px;
  padding-top: 32px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  background: url('images/icon-no-card-background.svg') no-repeat no-repeat center center;
  height: 327px;
  margin: auto;
}

.no-cards-view .no-card-apply-button.dbas-btn.btn-block {
  margin: auto;
  color: var(--surface-surface-cloud);
  border-color: var(--surface-surface-cloud);
  background-color: transparent;
  width: 220px;
}

.credit-card-view .amount-formatted-text {
  line-height: 28px;
}

.camera-flash-effect {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: var(--colors-truecolors-white);
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  -webkit-animation-timing-function: linear;
  animation-duration: 1s;
  animation-name: flash;
  animation-timing-function: linear;
}

@keyframes flash {
  0% {
    opacity: 0.1;
  }

  100% {
    opacity: 1;
  }
}

.forgot-passwprd-username .required:after {
  content: "*";
  color: var(--colors-truecolors-white);
}

.pdf-html {
  height: 100%;
  background: var(--colors-truecolors-white);
}

.export-download-container vc-imagebutton a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-surface-blue);
  width: 136px;
  border-radius: 2px;
  float: right;
}

.export-download-container vc-imagebutton a span {
  font-size: 14px;
  color: var(--colors-truecolors-white);
  padding-right: 8px;
}

.pdf-container {
  font-family: var(--base-font-family);
  font-size: 16px;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  border: 0;
  background: var(--colors-truecolors-white);
  letter-spacing: 0;
}

.pdf-container .spanTitle {
  color: var(--content-content-slate);
  font-weight: 600;
}

.pdf-container .spanText {
  color: var(--content-content-slate);
  margin-left: 5px;
}

.pdf-container .text-container {
  color: var(--colors-truecolors-white);
  width: 100%;
  background: var(--surface-surface-primary);
  margin-bottom: 42px;
}

.pdf-container .text-container .text-area {
  margin: auto;
}

.pdf-container .text-container .table.table-bordered {
  display: none;
}

.pdf-container .text-container .transaction-message {
  font-weight: bold;
  padding-top: 80px;
  font-size: 18px;
  text-align: center;
}

.pdf-container .text-container .transaction-message .export-custom-header {
  margin: auto;
}

.pdf-container .text-container .transaction-message .export-custom-header td {
  background: transparent;
}

.pdf-container .text-container .transaction-info {
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 43px;
  text-align: center;
  background: transparent;
  color: var(--colors-truecolors-white);
}

.pdf-container .text-container .transaction-info * {
  background: transparent;
}

.pdf-container .text-container .transaction-info .spanTitle {
  display: block;
  color: var(--colors-truecolors-white);
}

.pdf-container .text-container .transaction-info .spanText {
  color: var(--colors-truecolors-white);
  font-size: 15px;
}

.pdf-container .sender-receiver-table {
  display: inline-block;
  min-width: 45%;
  max-width: 47%;
  margin-top: 45px;
}

.pdf-container .sender-receiver-table:first-of-type {
  margin-left: 30px;
  margin-bottom: 45px;
}

.pdf-container .sender-receiver-table:last-of-type {
  margin-right: 30px;
  margin-bottom: 45px;
}

.pdf-container .sender-receiver-table .ExportTextItem:first-of-type .spanTitle {
  color: var(--colors-primary-950) !important;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 7px;
  font-weight: normal;
  border-bottom: 1px solid var(--colors-cloud-500);
  display: block;
  width: 75%;
}

.pdf-container .receipt-info-table {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 25px;
  border: 0;
}

.pdf-container .receipt-info-table table {
  border: 1px solid var(--colors-slate-100) !important;
  border-radius: 4px;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
}

.pdf-container .receipt-info-table table tbody {
  border-bottom: 1px solid var(--colors-slate-100);
}

.pdf-container .receipt-info-table th {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.pdf-container .receipt-info-table td {
  border: 0 !important;
  color: var(--colors-primary-900);
  background: transparent;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
}

.pdf-container .receipt-info-table td:nth-child(even) {
  text-align: right;
  color: var(--colors-primary-950);
}

.pdf-container .receipt-info-table tr:nth-child(odd) {
  background-color: var(--colors-primary-200);
}

.pdf-container .receipt-info-table tr {
  border: 0;
  border-radius: 4px;
}

.login-signUp-row .register-inner-column {
  display: flex;
  justify-content: space-between;
  background: var(--surface-surface-slate);
  width: calc(100% - 30px);
  padding: 24px 32px;
  max-width: inherit;
  flex: inherit;
  margin: auto;
  border-radius: var(--radius-radius-xs);
}

.login-signUp-row .register-inner-column .link-button {
  color: var(--content-content-cloud) !important;
  font: 600 12px/16px var(--base-font-family);
  text-decoration: underline;
}

.login-signUp-row .register-inner-column .register-help-text {
  color: var(--content-content-on-slate);
  font: 400 14px/20px var(--base-font-family);
}

.dbas-header-pdf {
  height: 100px;
  color: var(--surface-surface-cloud);
  padding-left: 35px !important;
  padding-right: 35px !important;
  background: var(--surface-surface-primary);
}

.dbas-header-pdf .header-left-side {
  font-size: 20px;
  background: transparent url('images/veribank-logo-white.png') no-repeat left center;
  background-size: contain;
  padding-left: 60px;
}

.dbas-header-pdf .header-right-image,
.dbas-header-pdf .header-right-side {
  text-align: right;
  font-weight: 500;
}

.dbas-header-pdf .header-right-image tr,
.dbas-header-pdf .header-right-image td,
.dbas-header-pdf .header-right-image table,
.dbas-header-pdf .header-right-image span,
.dbas-header-pdf .header-right-image *,
.dbas-header-pdf .header-right-side tr,
.dbas-header-pdf .header-right-side td,
.dbas-header-pdf .header-right-side table,
.dbas-header-pdf .header-right-side span,
.dbas-header-pdf .header-right-side * {
  background: transparent;
  color: var(--colors-truecolors-white) !important;
}

.working-hours-restriction .select2-selection__placeholder {
  position: inherit;
}

.credential-info {
  margin-top: 40px;
  margin-bottom: auto;
  margin-right: 25px;
  margin-left: 25px;
}

.disclaimer-text {
  margin-top: 43px;
}

.vb-logo {
  width: 26px !important;
  height: 22px !important;
}

.userprofiletransaction {
  background: var(--colors-truecolors-white);
  padding-top: 0;
}

.userprofiletransaction .fixed-position+.profile-data {
  margin-top: 265px;
  font-weight: 600;
}

.userprofiletransaction .fixed-position .profile-icon-buttons-wrapper {
  padding-top: 25px;
  padding-bottom: 14px;
  margin-bottom: 0;
}

.app-intro-web {
  height: 100vh;
  background-size: 100% 100%;
  text-align: center;
}

.app-intro-web .login-column {
  height: 100%;
  padding-top: 12px;
  overflow: auto;
}

.app-intro-web .login-column .login-logo {
  margin-bottom: 39px;
  margin-top: 37px;
}

.app-intro-web .login-column .password-input {
  margin-top: 10px;
  margin-bottom: 0;
}

.app-intro-web .login-column .password-input>label {
  display: none;
}

.app-intro-web .login-column .password-input.captcha-row {
  margin-top: 0;
}

.app-intro-web .login-column .password-input-bottom {
  margin-bottom: 0 !important;
}

.app-intro-web .login-column .password-input-bottom>label {
  display: none;
}

.app-intro-web .login-column .login-intro {
  padding: 0;
}

.app-intro-web .login-column .login-intro .login-footer,
.app-intro-web .login-column .login-intro .enrollment-login-footer {
  letter-spacing: 0px;
  padding: 32px 0 !important;
  margin: 0 !important;
  display: flex;
  row-gap: 12px;
}

.app-intro-web .login-column .login-intro .login-footer a,
.app-intro-web .login-column .login-intro .enrollment-login-footer a {
  color: var(--login-page-bottom-links-color);
}

.app-intro-web .login-column .login-intro .login-footer a span,
.app-intro-web .login-column .login-intro .enrollment-login-footer a span {
  color: var(--login-page-bottom-links-color);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--base-font-family);
  text-decoration: underline;
}

.app-intro-web .login-column .login-intro .login-footer a:hover,
.app-intro-web .login-column .login-intro .login-footer a:focus,
.app-intro-web .login-column .login-intro .enrollment-login-footer a:hover,
.app-intro-web .login-column .login-intro .enrollment-login-footer a:focus {
  color: var(--login-page-bottom-links-color);
}

.app-intro-web .login-column .login-intro .login-footer a:hover span,
.app-intro-web .login-column .login-intro .login-footer a:focus span,
.app-intro-web .login-column .login-intro .enrollment-login-footer a:hover span,
.app-intro-web .login-column .login-intro .enrollment-login-footer a:focus span {
  color: var(--login-page-bottom-links-color);
  text-decoration: none;
}

@media (max-width: 766.98px) {

  .app-intro-web .login-column .login-intro .login-footer,
  .app-intro-web .login-column .login-intro .enrollment-login-footer {
    font: normal normal normal 14px/20px var(--base-font-family) !important;
  }
}

@media (min-width: 767px) {

  .app-intro-web .login-column .login-intro .login-footer,
  .app-intro-web .login-column .login-intro .enrollment-login-footer {
    font: normal normal normal 16px/22px var(--base-font-family) !important;
  }
}

.app-intro-web .login-column .login-intro .enrollment-login-footer a span {
  font: normal normal 600 18px/28px var(--base-font-family) !important;
}

.app-intro-web .login-column .link-bold {
  color: var(--base-text-color);
  text-align: left;
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  opacity: 1;
}

.app-intro-web .login-column .forgot-link vc-linkbutton a {
  color: var(--login-page-forgot-links-color);
  letter-spacing: 0px;
  text-decoration: underline;
}

.app-intro-web .login-column .forgot-link vc-linkbutton a:hover,
.app-intro-web .login-column .forgot-link vc-linkbutton a:focus {
  color: var(--login-page-forgot-links-color);
}

@media (min-width: 767px) {
  .app-intro-web .login-column .forgot-link vc-linkbutton a span {
    font: normal normal 600 16px/24px var(--base-font-family);
    color: var(--login-page-forgot-links-color);
  }
}

@media (max-width: 766.98px) {
  .app-intro-web .login-column .forgot-link vc-linkbutton a span {
    font: 600 16px/24px var(--base-font-family);
    color: var(--login-page-forgot-links-color);
  }
}

.app-intro-web .login-column .forgot-row .form-group {
  margin-bottom: 0 !important;
  min-height: unset !important;
}

.app-intro-web .login-column .first-login {
  display: flex;
  justify-content: center;
  max-width: 416px;
  margin: auto;
  border-radius: 10px;
}

.app-intro-web .login-column .first-login .store-row vc-gridcolumn:first-child {
  text-align: right;
  padding-right: 5px;
}

.app-intro-web .login-column .first-login .store-row vc-gridcolumn:last-child {
  text-align: left;
  padding-left: 5px;
}

.app-intro-web .enroll-column {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.app-intro-web .enroll-inner-column {
  flex-grow: 1;
  background: var(--colors-primary-50) 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding-top: 82px;
  overflow: auto;
}

.app-intro-web .enroll-inner-column .intro-primary-text {
  font-size: 24px;
  margin-bottom: 26px;
  display: inline-block;
  font-weight: bold;
  color: var(--colors-primary-900);
}

.app-intro-web .enroll-inner-column .intro-secondary-text {
  display: inline-block;
  color: var(--colors-primary-950);
}

.app-intro-web .register-inner-column-text {
  margin-top: calc(100vh * 23 / 768);
  text-align: center;
}

.app-intro-web .register-inner-column-text .register-help-text {
  display: block;
  color: var(--colors-primary-950);
  float: left;
}

.app-intro-web .register-inner-column-text .link-button {
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  float: left;
  color: var(--content-content-cloud) !important;
  font: 600 12px/16px var(--base-font-family);
}

.app-intro-web .register-inner-column {
  margin-top: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.app-intro-web .register-inner-column .register-help-text {
  display: block;
  color: var(--content-content-on-primary);
  font: normal normal 500 14px/24px var(--base-font-family);
  float: left;
}

.circular-add-button,
.circular-right-button {
  transform: rotate(180deg);
}

.restirictions-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.captchaBoxIframe html {
  overflow: hidden;
}

.add-receipent-area {
  overflow: visible;
}

@media (max-width: 766.98px) {
  .otp-login .first-otp {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
  }

  .otp-login .first-otp .first-otp-wrapper {
    display: flex;
    flex-direction: column;
  }

  .otp-login .first-otp .first-otp-wrapper .first-otp-buttons {
    margin-top: auto;
    margin-bottom: 24px;
  }

  .dashboard-animation {
    position: relative !important;
  }

  .slick-slide {
    width: 316px;
    position: relative;
  }

  vc-campaignview .slick-slide {
    width: 100vw;
  }

  .slick-slide .account-card-component {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 766.98px) and (max-width: 766.98px) {
  .slick-slide .account-card-component {
    margin: 0;
  }
}

@media (max-width: 766.98px) {
  .icon-buttons-wrapper {
    padding-top: 20px;
  }

  .icon-transactions-menu {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-transactions-menu.svg');
  }

  .icon-personalization {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-personalization.svg');
  }

  .icon-manage-bills {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-manage-bills.svg');
  }

  .icon-financial-calculators {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-financial-calculators.svg');
  }

  .icon-own-account {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-own-account.svg');
  }

  .icon-customer-menu {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-customer-menu.svg');
  }

  .icon-domestic-transfer {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-domestic-transfer.svg');
  }

  .icon-international-transfer {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-international-transfer.svg');
  }

  .icon-standing-orders {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-standing-orders.svg');
  }

  .icon-update-daily-limit {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-update-daily-limit.svg');
  }

  .icon-manage-recipients {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-manage-recipients.svg');
  }

  .icon-bill-payments {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-bill-payments.svg');
  }

  .icon-apply {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-apply.svg');
  }

  .icon-mobile-topup {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-mobile-topup.svg');
  }

  .icon-road-toll {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-road-toll.svg');
  }

  .icon-bills {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-bills.svg');
  }

  .icon-term-deposit-account {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-term-deposit-account.svg');
  }

  .icon-cheque-book {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-cheque-book.svg');
  }

  .icon-debit-card {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-debit-card.svg');
  }

  .icon-foreign-exchange {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-foreign-exchange.svg');
  }

  .icon-buy-exchange {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-buy-exchange.svg');
  }

  .icon-sell-exchange {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-sell-exchange.svg');
  }

  .icon-currency-converter {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-currency-converter.svg');
  }

  .icon-exchange-rates {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-exchange-rates.svg');
  }

  .icon-repeated-transactions {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-repeated-transactions.svg');
  }

  .account-balance-detail .myaccounts-list-item {
    margin: auto -30px;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .account-balance-detail .myaccounts-list-item .account-card-list-item {
    padding: var(--spacing-xs) 0;
    gap: var(--spacing-3xs);
    margin-left: 0;
    margin-right: 0;
  }

  .account-balance-detail .myaccounts-list-item .my-accountlist-title-frame {
    margin: 32px 15px 0px 15px;
  }

  .account-balance-detail .myaccounts-list-item .my-accountlist-title-frame:first-child {
    margin-top: 0px !important;
  }

  .account-balance-detail .myaccounts-list-item .partner-accountlist-title-frame {
    margin: 32px 12px 16px 12px;
  }

  .account-balance-detail .myaccounts-list-item .partner-accountlist-title-frame:first-child {
    margin-top: 0px !important;
  }

  .account-list-transaction .account-card-list-item .account-detail vc-gridcolumn:first-child {
    padding-right: 12px !important;
  }
}

.interac-pending-detail-transaction {
  padding-bottom: 4px;
}

.interac-pending-requestmoney-cancel-transfer-transaction>div.d-flex.flex-column>vc-gridrow:first-child .interac-pending-requestmoney-cancel-transfer-item {
  min-height: calc(100vh - 616px);
}

.interac-pending-sendmoney-cancel-transfer-transaction>div.d-flex.flex-column>vc-gridrow:first-child .interac-pending-sendmoney-cancel-transfer-item {
  min-height: calc(100vh - 616px);
}

@media (min-width: 767px) {
  .secure-mailbox-intro .mail-tabs .mail-tab.inbox {
    background: url('images/icon-inbox.svg') no-repeat 30% center;
  }

  .secure-mailbox-intro .mail-tabs .mail-tab.inbox.active {
    background: url('images/icon-inbox-active.svg') no-repeat 30% center;
  }

  .secure-mailbox-intro .mail-tabs .mail-tab.sent {
    background: url('images/icon-send.svg') no-repeat 30% center;
  }

  .secure-mailbox-intro .mail-tabs .mail-tab.sent.active {
    background: url('images/icon-send-active.svg') no-repeat 30% center;
  }

  .secure-mailbox-intro .mail-tabs .mail-tab.trash {
    background: url('images/icon-trash.svg') no-repeat 30% center;
  }

  .secure-mailbox-intro .mail-tabs .mail-tab.trash.active {
    background: url('images/icon-trash-active.svg') no-repeat 30% center;
  }
}

.dashboard-wrapper.dashboard-web {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  height: 100%;
  touch-action: pan-y !important;
}

.dashboard-wrapper.dashboard-web>div {
  padding: 0;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content {
  margin-inline: auto;
  display: block;
  background-color: var(--primary-section-background-color);
  padding: 32px 16px;
  border-radius: 12px;
}

@media (min-width: 767px) {
  .dashboard-wrapper.dashboard-web>div .flex-scroll-content {
    width: 100%;
    max-width: 636px;
  }
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-title {
  max-width: 636px;
  margin: 0 auto 16px;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-title vc-label span {
  color: var(--primary-section-title-color);
  font-size: 18px;
  line-height: 20px;
  font-weight: var(--primary-section-title-font-weight);
  font-family: var(--primary-section-title-font-family);
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper {
  max-width: 636px;
  margin: auto;
  display: block;
  padding-left: 0;
  padding-right: 0;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid {
  background-color: var(--white-widget-background-color);
  border-radius: var(--widget-border-radius-2);
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid:before,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid:after,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid:before,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid:after {
  content: "";
  display: block;
  clear: both;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .datagrid,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .datagrid {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 0;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .view-all,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .view-all {
  float: right;
  width: 90px;
  height: 46px;
  position: relative;
  background: none;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .view-all svg,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .view-all svg {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 2;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .view-all svg path,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .view-all svg path {
  fill: var(--surface-surface-slate);
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .view-all:hover svg path,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .view-all:hover svg path {
  fill: var(--surface-surface-slate-hover);
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .view-all vc-button,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .view-all vc-button {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo .clickable-grid .view-all vc-button a,
.dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-wrapper .clickable-grid .view-all vc-button a {
  padding: 0 !important;
  color: var(--content-content-on-slate) !important;
  z-index: 1;
  position: relative;
  background: none !important;
  min-width: 0;
  min-height: 0;
  line-height: 1 !important;
  border: 0 !important;
  width: 100% !important;
  display: flex !important;
  height: 46px !important;
  text-indent: 12px;
  font-size: 14px !important;
  justify-content: flex-start;
}

.dashboard-wrapper.dashboard-web>div .flex-scroll-content vc-accountlistcombo {
  margin-bottom: 16px;
}

.dashboard-wrapper.dashboard-web>div vc-accountquickactionbuttons {
  display: none;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard {
  display: flex;
  max-width: 1296px;
  width: 100%;
  margin: 128px auto 0;
  flex-direction: row;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
  flex: 1;
  background-size: auto 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: start;
  white-space: nowrap;
  margin-bottom: 0;
  min-width: 50%;
  max-width: 50%;
  flex-direction: column;
}

@media (min-width: 767px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome {
    min-height: 360px;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome vc-label {
  flex: none;
  display: block;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome vc-label span {
  font-size: 96px;
  line-height: 96px;
  font-weight: bold;
  color: var(--content-content-slate);
  font-family: var(--secondary-font-family);
  white-space: normal;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-animation {
  flex: 1;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-animation {
    padding-left: var(--spacing-xs);
    padding-right: 0;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-animation .content-inner-panels {
  padding-right: 32px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper {
  display: block;
  margin: 0 0 24px;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper {
    margin-bottom: 3px;
    max-width: calc(100% - 16px);
    position: relative;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist {
  background: none;
  width: 416px;
  padding: 0;
  margin-left: 80px;
  box-shadow: none;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist {
    width: 100%;
    margin-left: 0px;
    margin-top: var(--spacing-xs);
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist vc-gridcolumn .selectable-button {
  background: none;
  font-size: 20px;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist vc-gridcolumn .selectable-button {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist .list-wrapper {
  gap: 24px;
}

@media (max-width: 480px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist .list-wrapper {
    gap: 15px !important;
  }
}

@media (max-width: 374px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist .list-wrapper {
    gap: 8px !important;
  }
}

@media (max-width: 339px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper .dashboard-selectablebuttonlist .list-wrapper {
    gap: 0px !important;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn {
  padding: 0 !important;
  width: auto;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn {
    flex-direction: column;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn span {
  color: var(--base-text-color);
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 1px;
  font-family: var(--secondary-font-family);
  font-weight: bold;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list {
  width: 100%;
  border: var(--widget-border-width) solid var(--white-widget-border-color);
  background-color: var(--white-widget-background-color);
  border-radius: var(--widget-border-radius-1);
  padding: var(--spacing-3xs) 16px var(--spacing-2xs) 16px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list:before,
.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list:after {
  content: "";
  display: block;
  clear: both;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list vc-gridrow {
  display: block;
  margin: 0;
  padding: var(--spacing-xs) 0 var(--spacing-xs) 0;
  position: relative;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list vc-gridrow vc-gridcolumn {
  min-height: 92px;
  padding: 0;
  position: static;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list vc-gridrow vc-gridcolumn .acc-arrow-light {
  position: absolute;
  top: 50%;
  right: var(--spacing-xs);
  transform: translateY(-50%);
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list vc-gridrow vc-gridcolumn vc-label span.account-owner {
  color: var(--primary-color-on-white-widget);
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-family: var(--base-font-family), sans-serif;
  margin-bottom: 4px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list vc-gridrow vc-gridcolumn vc-label span.account-amount {
  color: var(--default-color-on-white-widget);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--base-font-family), sans-serif;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-list vc-gridrow+vc-gridrow {
  border-top: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component {
  align-items: flex-start;
  text-align: left;
  padding: var(--spacing-md) var(--spacing-sm);
  width: 100%;
  height: 194px;
  background-image: url('images/account-card-logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: -72px center !important;
  background-size: auto 130%;
  cursor: pointer;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component {
    width: 316px;
    height: 186px;
    border-radius: var(--radius-radius-xs);
  }
}

@media (max-width: 348px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component {
    width: calc(100vw - 32px);
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .account-card-view-details {
  position: absolute;
  right: 0;
  top: 0;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .account-card-view-details::after {
  border: none;
  background: url('images/icon-chevron-white.svg') no-repeat center center;
  background-size: cover;
  filter: none;
  content: " ";
  width: 11px;
  height: 18px;
  right: 24px;
  position: absolute;
  top: 24px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component vc-div.account-card-wrap {
  width: 100%;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .nickname-row-home {
  background: transparent;
  position: static;
  justify-content: left !important;
  gap: 0;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .nickname-row-home .username-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 194px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .nickname-row-home::after {
  display: none;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .account-detail-text-wrapper {
  background-color: #323130;
  position: absolute;
  top: 0;
  border: 1px solid #707070;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: max-content;
  min-width: 165px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 5px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .account-detail-text-wrapper img {
  width: 16px;
  object-fit: scale-down;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .account-detail-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-detail {
  text-align: left !important;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 20px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-column.credit-amount-column {
  padding-top: 6px !important;
  padding-bottom: 8px !important;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-column.cc-balance-column {
  padding-bottom: 16px;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-column {
    padding: 14px 0;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-column .total-balance {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .amount-column .amount-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .available-column .available-amount-text {
  color: var(--content-content-white);
  font: 400 14px/20px var(--base-font-family) !important;
  margin-top: 0px;
  padding-left: 0px;
  width: auto;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-card-component .bottom-right-row .available-column .available-amount-text.rightspace {
  margin-right: 4px;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-kebab-menu {
  color: #fff;
  border-radius: 100%;
  display: block;
  top: auto;
  bottom: 14px;
  right: 5px;
  transform: none;
  position: absolute;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .account-kebab-menu::after {
  content: " ";
  background-image: url('images/icon-kebeb-menu-white.svg');
  width: 40px;
  height: 40px;
  display: block;
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .creditcardcolumn {
  display: flex;
  margin-top: 26px;
  justify-content: flex-start;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .creditcardcolumn {
    margin-top: 20px;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .creditcardnumbercolumn {
  display: flex;
  margin-top: 9px;
  justify-content: flex-start;
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .creditcardnumbercolumn {
    margin-top: 20px;
  }
}

.dashboard-wrapper.dashboard-web>div .welcome-dashboard .cc-username {
  display: block;
}

.dashboard-wrapper.dashboard-web>div .view-all.dark {
  float: right;
  width: 90px;
  height: 46px;
  position: relative;
}

.dashboard-wrapper.dashboard-web>div .view-all.dark svg {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 2;
}

.dashboard-wrapper.dashboard-web>div .view-all.dark svg path {
  fill: var(--surface-surface-secondary);
}

.dashboard-wrapper.dashboard-web>div .view-all.dark:hover svg path {
  fill: var(--surface-surface-secondary-hover);
}

.dashboard-wrapper.dashboard-web>div .view-all.dark vc-button {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
}

.dashboard-wrapper.dashboard-web>div .view-all.dark vc-button a {
  padding: 0 !important;
  color: var(--content-content-on-secondary) !important;
  z-index: 1;
  position: relative;
  background: none !important;
  min-width: 0;
  min-height: 0;
  line-height: 1 !important;
  border: 0 !important;
  width: 100% !important;
  display: flex !important;
  height: 46px !important;
  text-indent: 12px;
  justify-content: flex-start;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget {
  display: block;
  max-width: 668px;
  padding: 80px 16px;
  margin: 0 auto;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem {
  overflow: inherit;
  background-color: var(--surface-surface-slate);
  border-radius: var(--radius-radius-sm);
  padding: var(--spacing-3xs) var(--spacing-md) var(--spacing-2xs);
  color: var(--content-content-on-slate);
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:first-child {
  margin-top: -34px;
  display: block;
  margin-bottom: 16px;
  margin-left: -24px !important;
  margin-right: -24px !important;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:first-child vc-label {
  line-height: 1;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:first-child span {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: var(--content-content-on-cloud);
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child) {
  margin-left: 0;
  margin-right: 0;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn {
  padding: 16px 0;
  display: flex;
  align-items: center;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>div .account-owner {
  color: var(--content-content-on-primary);
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  opacity: 0.8;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>div .account-amount {
  color: var(--content-content-on-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>vc-label {
  display: flex;
  padding: var(--spacing-3xs);
  height: 28px;
  align-items: center;
  justify-content: center;
  background-color: var(--colors-green-100);
  margin-left: auto;
  border-radius: var(--radius-radius-xs);
  border: 1px solid transparent;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>vc-label span {
  font-size: 12px;
  line-height: 16px;
  color: var(--content-content-slate);
  font-weight: 500;
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>vc-label.InProgress {
  background-color: var(--colors-green-100);
  border-color: var(--border-border-success);
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>vc-label.Cancelled {
  background-color: var(--surface-surface-error-subdued);
  border-color: var(--border-border-error);
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)>vc-gridcolumn>vc-label.Complete {
  background-color: var(--surface-surface-disabled);
  border-color: var(--border-border-slate);
}

.dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget vc-gridsystem>div>vc-gridrow:not(:first-child)+vc-gridrow {
  border-top: 1px solid var(--border-border-slate-secondary);
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web>div .request-tracking vc-corporate-requesttrackingwidget {
    padding: 58px 16px 32px;
  }
}

.dashboard-wrapper.dashboard-web .dashboard.out,
.dashboard-wrapper.dashboard-web .dashboard.in {
  height: auto;
}

.dashboard-wrapper.dashboard-web .dashboard-detail-column {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  border-left: 1px solid var(--border-border-slate-secondary);
}

.dashboard-wrapper.dashboard-web .dashboard-detail-column .content-campaign-column {
  flex: 4;
  min-height: 40%;
  max-height: 40%;
}

.dashboard-wrapper.dashboard-web .dashboard-detail-column .content-detail-column .repeatable-transactions-column {
  display: block;
  position: relative;
  height: 100%;
}

.dashboard-wrapper.dashboard-web .dashboard-detail-column .content-detail-column .repeatable-transactions-column .repeatable-transactions {
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 16px;
}

.dashboard-wrapper.dashboard-web .dashboard-detail-column .content-detail-column .repeatable-transactions-column .repeatable-item {
  font-size: 12px;
}

.dashboard-wrapper.dashboard-web .campaign-card-wrapper {
  background-position: center;
  background-size: cover;
}

@media (min-width: 767px) {
  .dashboard-wrapper.dashboard-web .select2-container>.select2-dropdown .select2-results>.select2-results__options {
    max-height: 352px;
  }
}

@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web {
    width: auto;
    transform: none;
  }

  .dashboard-wrapper.dashboard-web>div .flex-scroll-content {
    border-radius: 12px;
    margin-inline: 16px;
  }

  .dashboard-wrapper.dashboard-web>div .flex-scroll-content .transactions-title {
    max-width: 636px;
    margin: 0 auto 16px;
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard {
    display: flex;
    min-height: 0;
    padding: 0 0 var(--spacing-lg);
    margin: 0;
    flex-direction: column;
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome .welcome-back-header,
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome .welcome-back-header span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: var(--base-text-color);
    font-family: var(--base-font-family) !important;
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome .welcome-back-message,
  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .welcome .welcome-back-message span {
    font-size: 30px;
    line-height: 34.74px;
    font-weight: 700;
    color: var(--base-text-color);
    font-family: var(--secondary-font-family);
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn span {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .dashboard-wrapper.dashboard-web>div .welcome-dashboard .beem-account-list .view-all vc-button a {
    font-size: 14px;
    line-height: 20px;
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus span,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter span {
    color: var(--footer-mobile-content-color);
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus span.footer-links-seperator,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter span.footer-links-seperator {
    color: var(--footer-mobile-link-seperator-color);
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus a span,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter a span {
    color: var(--footer-mobile-link-color);
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .contactus-title,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter .contactus-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: var(--footer-mobile-content-color);
    display: block;
    padding-bottom: 16px;
    font-family: var(--secondary-font-family);
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .contactus-subtitle,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter .contactus-subtitle {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: var(--footer-mobile-content-color);
    display: block;
    padding-bottom: 4px;
    font-family: var(--secondary-font-family);
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .contact-links,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter .contact-links {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .contact-links+.contact-links,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter .contact-links+.contact-links {
    margin-top: 12px;
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .contact-links vc-label span,
  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .contact-links vc-linkbutton span,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter .contact-links vc-label span,
  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter .contact-links vc-linkbutton span {
    color: var(--footer-mobile-content-color);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--base-font-family);
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus {
    display: block;
    padding: var(--spacing-lg) var(--spacing-xs) var(--spacing-md);
    margin: 0;
    border-bottom: 0 !important;
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .social-icons {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .social-icons a {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
  }

  .dashboard-wrapper.dashboard-web>div vc-contentdetail-contactus .social-icons a img {
    width: 24px;
  }

  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter {
    padding: 0 var(--spacing-xs) var(--spacing-lg);
  }

  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter vc-gridrow {
    margin: 0 !important;
    text-align: left;
    padding-bottom: 24px;
  }

  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter vc-gridrow #profileSecureLabel span {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: var(--content-content-cloud);
    display: block;
    margin-bottom: 12px;
    font-family: var(--base-font-family);
    letter-spacing: 1px;
  }

  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter vc-label {
    display: block;
  }

  .dashboard-wrapper.dashboard-web>div .mobileDashboardFooter vc-label span {
    font-size: 12px;
    line-height: 16px;
    color: var(--footer-mobile-content-color);
    font-weight: 500;
  }
}

@media (min-width: 767px) {
  .menu-close-button {
    top: 24px;
    position: fixed;
    right: 24px;
  }

  .icon-secure-mailbox {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-secure-mailbox-web.svg');
  }

  .icon-transactions-menu {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-transactions-menu-web.svg');
  }

  .icon-personalization {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-personalization-web.svg');
  }

  .icon-manage-bills {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-manage-bills-web.svg');
  }

  .icon-financial-calculators {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-financial-calculators-web.svg');
  }

  .icon-own-account {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-own-account-web.svg');
  }

  .icon-customer-menu {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-customer-menu-web.svg');
  }

  .icon-domestic-transfer {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-domestic-transfer-web.svg');
  }

  .icon-international-transfer {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-international-transfer-web.svg');
  }

  .icon-standing-orders {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-standing-orders-web.svg');
  }

  .icon-update-daily-limit {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-update-daily-limit-web.svg');
  }

  .icon-manage-recipients {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-manage-recipients-web.svg');
  }

  .icon-bill-payments {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-bill-payments-web.svg');
  }

  .icon-apply {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-apply-web.svg');
  }

  .icon-mobile-topup {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-mobile-topup-web.svg');
  }

  .icon-road-toll {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-road-toll-web.svg');
  }

  .icon-bills {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-bills-web.svg');
  }

  .icon-term-deposit-account {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-term-deposit-account-web.svg');
  }

  .icon-cheque-book {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-cheque-book-web.svg');
  }

  .icon-debit-card {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-debit-card-web.svg');
  }

  .icon-foreign-exchange {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-foreign-exchange-web.svg');
  }

  .icon-buy-exchange {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-buy-exchange-web.svg');
  }

  .icon-sell-exchange {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-sell-exchange-web.svg');
  }

  .icon-currency-converter {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-currency-converter-web.svg');
  }

  .icon-exchange-rates {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-exchange-rates-web.svg');
  }

  .icon-repeated-transactions {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-repeated-transactions-web.svg');
  }

  .icon-lost-stolen {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-lost-stolen-web.svg');
  }

  .icon-cash-advance {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-cash-advance-web.svg');
  }

  .icon-apply-debit {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-apply-debit-web.svg');
  }

  .icon-card-payment {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-card-payment-web.svg');
  }

  .icon-my-cards {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-my-cards-web.svg');
  }

  .icon-early-closure {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-early-closure-web.svg');
  }

  .icon-my-accounts {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-my-accounts-web.svg');
  }

  .icon-open-current {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-open-current-web.svg');
  }

  .icon-open-term {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-open-term-web.svg');
  }

  .icon-request-statement {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-request-statement-web.svg');
  }

  .icon-update-term {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('images/icon-update-term-web.svg');
  }

  .new-beneficiary-button {
    bottom: 22px !important;
  }

  .account-detail-transaction .detail-container {
    /* padding-left: 0;
    padding-right: 0;
    display: block;
    border-radius: var(--radius-radius-sm);
    background: var(--surface-surface-cloud);*/
    margin-bottom: 15px;
  }

  .account-balance-detail {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .account-balance-wrapper,
  .fixed-position {
    position: absolute !important;
  }

  .account-list-transaction.card-list .debit-card-list,
  .account-list-transaction.card-list .credit-card-list {
    padding-top: 21px;
    background: var(--colors-truecolors-white);
    border-bottom: 27px solid rgba(227, 229, 235, 0.15);
    border-top: 1px solid var(--colors-primary-50);
  }

  .account-list-transaction.card-list .myaccounts-list-item .my-accountlist-title-frame .partner-accountlist-title-frame vc-label span {
    font: normal normal bold 18px/24px var(--base-font-family);
    letter-spacing: 0px;
    color: var(--content-content-on-cloud);
    margin: 0;
  }

  .card-list-title {
    color: var(--colors-primary-950);
    font-size: 13px;
    display: block;
    margin-right: 22px;
    margin-left: 50px;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .account-list-transaction.card-list .account-card-list-item {
    margin-bottom: 0;
  }

  .account-balance-wrapper {
    position: absolute !important;
    padding-top: 5px;
    padding-bottom: 12px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .account-balance-wrapper .balance-title {
    font-weight: 600;
  }

  .account-balance-wrapper .balance-text {
    font-weight: bold;
  }

  .campaign-web .campaign-card-wrapper.slick-current {
    margin: 0;
  }

  .campaign-web .campaign-description {
    font-size: 18px;
  }

  .campaign-web .campaign-card-wrapper {
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
    border-radius: 6px;
    color: var(--colors-truecolors-white);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    padding: 12px 22px 52px 22px;
  }

  .campaign-web .campaign-card-wrapper.slick-current {
    margin: 0;
  }

  .campaign-web .campaign-card-wrapper.announcement {
    border: 1px solid var(--colors-slate-100);
    color: var(--colors-primary-900);
    font-size: 13px;
  }

  .campaign-web .campaign-card-wrapper.second-time-login {
    margin: 0 6px;
    height: auto;
    min-height: 62px;
    background: var(--surface-surface-cloud);
    border-radius: 4px;
    width: calc(100vw - 48px);
    padding: 12px;
  }

  .campaign-web .campaign-card-wrapper.second-time-login .announcement-second-time-login {
    width: 37px;
    height: 37px;
  }

  .campaign-web .campaign-card-wrapper .icon-cross-white,
  .campaign-web .campaign-card-wrapper .icon-cross-gray {
    margin-left: auto;
  }

  .campaign-detail-page .campaign-banner {
    height: 236px;
    padding-bottom: 10px;
    text-align: left;
  }

  .campaign-detail-page .campaign-date-text {
    margin-top: 14px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -0.3px;
  }

  .campaign-detail-page .campaign-detail-text {
    margin: 22px 0;
    font-size: 13px;
    font-weight: 500;
  }

  .card-activities-button {
    padding-left: 65px;
    padding-right: 65px;
  }

  .dashboard-menu-items .more-options-area {
    padding: 7px 98px;
    justify-content: flex-start;
  }

  .dashboard-menu-items .more-options-area .more-option-text {
    font-weight: 500;
    margin-right: 10px;
  }

  .dashboard-menu-items .more-options-area .icon-buttons-wrapper vc-imagebutton {
    min-width: 100px;
  }

  .userprofiletransaction .user-thumbnail {
    width: 100px;
    height: 100px;
  }

  .search-function-area .search-transactions-popup {
    padding-top: 0;
    overflow: visible;
  }

  .otp-login .d-flex.flex-column {
    justify-content: space-between;
  }

  .otp-login .enrollment-title {
    margin-top: 10px;
  }

  .card-statement-web.row {
    background: var(--surface-surface-primary);
    color: var(--colors-truecolors-white);
    margin-bottom: 17px;
    margin-left: -50px;
    padding-right: 35px;
    margin-right: -50px;
    padding-left: 35px;
  }

  .exchange-rate-wrapper {
    height: calc(100vh - 404px) !important;
  }

  .dropdown-menu.standing-orders {
    bottom: 83px !important;
  }

  .dashboard.accounts-wrapper .slick-slider.no-animation .slick-slide {
    transition: none;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-dots {
    bottom: -20px;
  }

  .dashboard.accounts-wrapper .account-card-component {
    margin: auto;
  }

  .chatbot-web-view {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 30vw;
    height: 420px;
    border-radius: 6px;
    z-index: 2;
    box-shadow: 0px 3px 20px rgba(from var(--colors-truecolors-black) r g b/0.27);
  }

  .chatbot-web-view .chatbot-web-iframe {
    background: var(--surface-surface-cloud);
    overflow: auto;
    padding: 0;
    height: 100%;
  }

  .chatbot-icon-web {
    width: 46px;
    height: 46px;
    background: var(--surface-surface-primary);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .content-header-onboarding.content-header-login {
    flex: 0 !important;
    justify-content: space-between;
    margin: auto;
    padding-bottom: 19px;
  }

  .content-header-login {
    display: flex;
    color: var(--surface-surface-cloud);
    justify-content: center;
    font-weight: 600;
    padding-bottom: 28px;
    font-size: 24px;
  }
}

@media (min-width: 1400px) {
  .dashboard.accounts-wrapper .slick-slider .slick-slide {
    transition: transform 0.4s;
    position: relative;
    overflow: hidden;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide {
    transform: translate(-150px);
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide vc-accountcardview {
    height: 154px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide vc-investmentaccountcardview {
    height: 154px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center+.slick-slide {
    transform: scale(0.7) translate(120px);
    z-index: 10;
    height: 207px;
    margin-top: -31px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center+.slick-slide vc-accountcardview {
    padding-left: 40px !important;
    height: 207px !important;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center+.slick-slide vc-investmentaccountcardview {
    padding-left: 40px !important;
    height: 207px !important;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center+.slick-slide+.slick-slide {
    transform: scale(0.7) translate(-273px);
    z-index: 5;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center+.slick-slide+.slick-slide vc-accountcardview {
    height: 154px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center+.slick-slide+.slick-slide vc-investmentaccountcardview {
    height: 154px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center {
    transform: scale(1) translate(0px);
    z-index: 30;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center vc-accountcardview {
    height: 154px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-slide.slick-center vc-investmentaccountcardview {
    height: 154px;
  }

  .dashboard.accounts-wrapper .slick-slider .slick-center:after {
    opacity: 0;
  }

  .dashboard.accounts-wrapper .account-card-component {
    background-size: cover;
    background-position: 0 0;
    padding: 12px 16px;
    width: 343px;
    height: 207px;
    border-radius: 10px;
  }

  .dashboard.accounts-wrapper .slick-list,
  .dashboard.accounts-wrapper .slick-track {
    height: 100%;
    z-index: 10;
    padding: 0 57px !important;
    max-height: 154px;
  }
}

@media (min-width: 767px) {
  .slick-slide .account-detail-text-wrapper vc-label {
    display: block;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

  .login-column,
  .enroll-column {
    max-height: 65%;
    align-self: center;
  }

  .content-inner.content-flow {
    max-height: 75%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

  .login-column,
  .enroll-column {
    max-height: 75%;
    align-self: center;
  }

  .content-inner.content-flow {
    max-height: 75%;
  }
}

.steps li.complete span:before {
  content: " ";
  background-image: url('../img/checkbox-checked-white.svg');
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-wrapper.dashboard-web .col-8 {
    padding-right: 0px !important;
  }

  .dashboard-wrapper.dashboard-web .col-4.dashboard-detail-column {
    display: none !important;
  }

  .content-inner-wrapper .col-9.content-flow {
    margin-right: 0px !important;
  }

  .content-inner-wrapper .col-3.left-panel.subpage {
    display: none !important;
  }

  .dbas-header.header-web .header-content .header-right-image {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .dbas-header.header-web .header-content .header-right-profile-name {
    font: normal normal bold 15px/20px var(--base-font-family) !important;
  }

  vc-menu section {
    margin-left: 16px !important;
  }

  vc-menu section .nav-link-item {
    margin-right: 20px !important;
    font: normal normal bold 15px/20px var(--base-font-family) !important;
  }
}

@media (max-width: 360px) {
  .account-detail-transaction .account-card-component {
    width: auto;
    margin: auto;
  }

  .icon-buttons-wrapper vc-imagebutton span {
    width: 84px;
  }
}

.logout-transaction-gridsystem .logout-title {
  font: normal normal 900 40px/25px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-900);
  text-align: center;
  margin: auto;
}

.logout-transaction-gridsystem .logout-message {
  color: var(--colors-primary-800);
  font: normal normal normal 16px/22px var(--base-font-family);
}

.logout-transaction-gridsystem .logout-image {
  margin: 32px auto;
}

.logout-transaction-gridsystem .container-row {
  align-content: center;
  display: flex;
  height: calc(100vh - 100px);
}

.logout-transaction-gridsystem.desktop {
  width: 100vw;
  background: var(--colors-truecolors-white);
  min-height: 100vh !important;
  padding: 0px;
  height: 100% !important;
}

.logout-transaction-gridsystem.desktop .logout-title {
  font: normal normal 900 72px/25px var(--base-font-family);
}

.logout-transaction-gridsystem.desktop .bg-logout {
  background: url('images/logout-image.png') no-repeat center center;
  height: 100%;
  width: 100%;
  background-size: contain;
}

.redirectLink {
  text-decoration: underline;
  font-weight: 600;
}

.redirectLink:hover {
  text-decoration: underline !important;
}

.information-container .account-opening-confirm-label span {
  color: var(--base-text-color);
}

.information-container .account-opening-confirm-label .account-opening-confirm-label-link {
  color: #0d6efd;
}

.interac-fulfil-money-request-transaction .information-container-header {
  margin-top: 0;
}

.transaction-history-cheque-options .custom-radio {
  flex: 2;
}

.transaction-history-cheque-options :first-child.custom-radio {
  flex: 1;
}

.clickable-grid tr {
  cursor: pointer;
}

.login-alert {
  max-width: 478px;
}

.biometric-access-auth .baa-header {
  color: var(--content-content-on-cloud);
  font: normal normal 800 22px/30px var(--base-font-family);
}

.biometric-access-auth .baa-img img,
.biometric-access-auth img.baa-img {
  height: 156px;
}

.biometric-access-auth .baa-option>div {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.biometric-grid-content .baa-header {
  color: var(--content-content-on-cloud);
  font: normal normal 800 22px/30px var(--base-font-family);
}

.biometric-grid-content .baa-img img,
.biometric-grid-content img.baa-img {
  height: 156px;
}

.biometric-grid-content .baa-option {
  background: white;
  padding: 16px !important;
  padding-left: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 4px !important;
}

.biometric-grid-content .baa-option::after {
  border-bottom: none !important;
}

.biometric-grid-content .baa-option-disabled {
  background: var(--surface-surface-disabled);
}

.biometric-grid-content .baa-option-disabled input[type=checkbox].checkbox+.checkbox-view {
  border: 0;
}

.biometric-grid-content .baa-option-disabled .enable-bio-text {
  color: var(--content-content-gray);
}

.flex-1 {
  flex: 1;
}

.flex-0 {
  flex: 0 !important;
}

vc-accountquickactionbuttons img {
  width: 24px !important;
  height: 24px;
  filter: brightness(0) invert(0);
}

.vc-mid-blue {
  color: var(--content-content-on-cloud) !important;
}

.vc-mid-blue-header {
  color: var(--colors-primary-800) !important;
}

.vc-helper-color,
.vc-button-text-color,
.vc-button-solid-hover-color {
  color: var(--colors-primary-900);
}

.vc-link-color {
  color: var(--content-content-primary);
}

.cursor-pointer {
  cursor: pointer;
}

.vc-content-text {
  color: var(--base-text-color);
}

vc-campaignview {
  max-width: 1296px;
}

vc-campaignview .transactions-title {
  color: var(--default-color-on-white-widget);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

@media (min-width: 767px) {
  vc-campaignview .transactions-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 43px !important;
    display: block;
  }
}

vc-campaignview .dashboard-campaign-content {
  max-width: 1296px;
  margin: auto;
  text-align: center;
}

vc-campaignview .dashboard-campaign-content>.row {
  text-align: left;
}

vc-campaignview .dashboard-campaign-content .campaign-title-text {
  letter-spacing: 1px;
  color: var(--default-color-on-white-widget);
  opacity: 1;
  display: block;
  margin-bottom: 16px;
  font-family: var(--secondary-font-family);
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-campaign-content .campaign-title-text {
    margin-top: var(--spacing-md);
    margin-bottom: var(--radius-radius-xs);
  }
}

vc-campaignview .dashboard-campaign-content .campaign-detail-text {
  font: normal normal 400 18px/28px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-white-widget);
  opacity: 1;
  display: block;
  margin-bottom: var(--spacing-md);
}

vc-campaignview .dashboard-campaign-content .campaign-detail-text p {
  margin: 0;
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-campaign-content .campaign-detail-text {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-campaign-content>vc-gridrow>vc-gridcolumn {
    padding: 0;
  }
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-bottom-campaign-content {
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 766.98px) and (orientation: portrait) {

  vc-campaignview .dashboard-bottom-campaign-content vc-button,
  vc-campaignview .dashboard-bottom-campaign-content vc-button a {
    width: 100%;
  }
}

@media (max-width: 766.98px) and (orientation: landscape) {
  vc-campaignview .dashboard-bottom-campaign-content vc-gridrow vc-gridcolumn:first-child {
    flex: 0;
  }

  vc-campaignview .dashboard-bottom-campaign-content vc-gridrow vc-gridcolumn:nth-child(2) {
    flex: 0 0 45%;
    max-width: 45%;
  }

  vc-campaignview .dashboard-bottom-campaign-content vc-gridrow vc-gridcolumn:last-child {
    flex: 1;
    max-width: none;
    justify-content: flex-end;
  }
}

@media (min-width: 767px) {

  vc-campaignview .dashboard-bottom-campaign-content vc-button,
  vc-campaignview .dashboard-bottom-campaign-content vc-button a {
    width: auto !important;
  }
}

vc-campaignview .dashboard-bottom-campaign-content .slick-dots {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-top: var(--spacing-md);
  align-items: center;
  justify-content: center;
  position: relative;
}

vc-campaignview .dashboard-bottom-campaign-content .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}

vc-campaignview .dashboard-bottom-campaign-content .slick-dots li button {
  width: 32px;
  height: 8px;
  border-radius: var(--radius-radius-pill);
  background-color: var(--surface-surface-cloud);
  padding: 0;
}

vc-campaignview .dashboard-bottom-campaign-content .slick-dots li button:before {
  display: none;
}

vc-campaignview .dashboard-bottom-campaign-content .slick-dots li.slick-active button {
  background-color: var(--surface-surface-primary);
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-bottom-campaign-content .slick-dots {
    margin-top: var(--radius-radius-xl);
  }
}

vc-campaignview .dashboard-bottom-campaign-content img {
  max-width: 100%;
}

vc-campaignview .dashboard-bottom-campaign-content vc-button .dbas-btn {
  display: inline-flex !important;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--base-font-family);
  line-height: 24px;
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-bottom-campaign-content vc-button {
    display: flex;
    height: auto !important;
    margin: auto;
    width: auto !important;
  }

  vc-campaignview .dashboard-bottom-campaign-content vc-button .dbas-btn {
    width: auto;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    padding: var(--spacing-3xs) var(--spacing-md) !important;
    border-radius: var(--radius-radius-2xs) !important;
    height: auto !important;
  }
}

vc-campaignview .dashboard-bottom-campaign-content .campaignImage {
  width: 100%;
  max-width: 720px;
  aspect-ratio: 2/1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: var(--spacing-xs) 0 0;
  padding: 1px;
  /* &:before {
      content: '';
      display: block;
      width: 100%;
      height: 200%;
      position: absolute;
      left: 0;
      top: 16px;
      border: 1px solid var(--surface-surface-slate);
      border-radius: 100%;
      box-shadow: 0 0 0 200px var(--surface-surface-slate);
  }

  &:after {
      content: '';
      display: block;
      position: absolute;
      background: var(--surface-surface-slate);
      width: 35%;
      height: 70%;
      border-radius: 50%;
      animation: 0;
      left: 50%;
      top: 100%;
      transform: translateX(-50%) translateY(-50%);
  } */
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-bottom-campaign-content .campaignImage {
    width: 63vw;
    max-width: 63vw;
    margin: 0 auto;
  }

  vc-campaignview .dashboard-bottom-campaign-content .campaignImage:before {
    width: 63vw;
    height: 63vw;
  }
}

vc-campaignview .dashboard-bottom-campaign-content .transactions-title {
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  color: var(--default-color-on-white-widget);
  letter-spacing: 1px;
  font-family: var(--secondary-font-family);
  margin: 0 0 var(--spacing-xs);
  display: block;
}

@media (max-width: 766.98px) {
  vc-campaignview .dashboard-bottom-campaign-content .transactions-title {
    font-size: 18px;
    line-height: 18px;
  }
}

vc-campaignview .dashboard-right-campaign-content {
  border-bottom: none;
  margin: 0;
}

vc-campaignview .dashboard-right-campaign-content img {
  width: 150px;
  height: 130px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 766.98px) {
  vc-campaignview .slick-slide vc-gridrow {
    flex-wrap: nowrap;
    flex-direction: column-reverse;
  }

  vc-campaignview .slick-slide vc-gridrow vc-gridcolumn {
    padding: 0;
  }

  vc-campaignview .slick-slide vc-gridrow vc-gridcolumn .campaign-title-text {
    font-size: 24px;
    line-height: 27px;
    text-align: center;
  }

  vc-campaignview .slick-slider {
    margin: 0 !important;
  }
}

vc-campaignview vc-carousel {
  text-align: left;
}

vc-campaignview .carousel-bottom {
  display: inline-block;
  position: relative;
  padding: 0 48px;
  height: 24px;
  width: 100%;
}

vc-campaignview .carousel-bottom button.slick-arrow {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  transform: none;
  display: block !important;
  width: 24px;
  height: 24px;
}

vc-campaignview .carousel-bottom button.slick-arrow:before {
  width: 24px;
  height: 24px;
  background-size: auto 21px;
  background-position: center;
}

vc-campaignview .carousel-bottom button.slick-arrow.slick-next {
  right: 0;
}

vc-campaignview .carousel-bottom button.slick-arrow.slick-prev {
  left: 0;
  transform: rotate(180deg);
}

vc-campaignview .carousel-bottom .slick-prev:before,
vc-campaignview .carousel-bottom .slick-next:before {
  background-image: url('images/acc-arrow-light.svg');
}

vc-campaignview .carousel-bottom .slick-dots {
  margin: 8px 0 0;
  left: 0;
}

@media (max-width: 766.98px) {
  vc-campaignview .carousel-bottom {
    padding: 0;
    margin-top: 24px;
  }

  vc-campaignview .carousel-bottom button.slick-arrow {
    display: none !important;
  }

  vc-campaignview .carousel-bottom .slick-dots {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}

.terms-and-conditions-wrapper {
  overflow: auto;
  max-height: 300px;
}

.terms-and-conditions-wrapper .row {
  margin: 0;
}

.terms-and-conditions-wrapper .row vc-gridcolumn {
  padding-left: 0;
  padding-right: 0;
}

.delegate-management-add-delegate .delegate-password,
.delegate-management-change-password .delegate-password {
  height: unset !important;
}

@media (max-width: 766.98px) {
  .member-migration-auth-start .member-username {
    display: block;
    position: relative;
  }

  .member-migration-auth-start .member-username vc-information {
    right: 13px;
  }

  .member-migration-auth-start .member-username vc-information a {
    font-size: 0;
    display: block;
  }
}

.member-migration-auth-start,
.member-migration-auth-confirm {
  max-width: 478px;
  padding: 0 32px 34px;
  padding-bottom: 0 !important;
  margin: 0 auto;
}

.member-migration-auth-start .infoHeader,
.member-migration-auth-confirm .infoHeader {
  font: normal normal 700 24px/24px var(--base-font-family);
  letter-spacing: 0;
  color: var(--colors-primary-800);
}

.member-migration-auth-start .infoMessage,
.member-migration-auth-confirm .infoMessage {
  font: normal normal normal 14px/20px var(--base-font-family);
  letter-spacing: 0;
  color: var(--surface-surface-slate);
}

.cra-payment-account-txn-history .sub-header-text {
  text-align: left;
  font: normal normal bold 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-800);
}

.member-migration-auth-confirm .disabled-error input {
  border: 1px solid var(--colors-red-600) !important;
}

.member-migration-auth-confirm .error-migration {
  margin-top: 4px;
  color: var(--colors-red-600);
  font-size: 12px;
  display: block;
  background-repeat: no-repeat;
  font-weight: bold !important;
  padding-left: 20px;
  background-size: 16.4px;
  position: relative;
}

.member-migration-auth-confirm .member-migration-header {
  font: normal normal 700 22px/22px var(--base-font-family) !important;
}

.member-migration-auth-confirm .error-migration:before {
  content: "\f06a";
  display: inline-block;
  font: normal normal normal 14px/1 var(--font-awesome-font-family);
  font-size: 16px;
  text-rendering: auto;
  font-weight: bold;
  padding-top: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 766.98px) {
  .member-migration-auth-grid {
    padding: 0 !important;
    padding-top: 20px !important;
  }
}

.h-100-e-statement-subscription .e-statement-label span a {
  text-decoration: none;
  color: var(--content-content-primary);
}

.statement-help-view .transaction-title {
  text-align: left !important;
}

.fx-calculator .main-title {
  font: normal normal bold 18px/22px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-slate);
}

.fx-calculator .section-title {
  font: normal normal 800 18px/24px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--content-content-slate);
}

.fx-calculator .fx-description {
  margin-bottom: 40px;
}

.fx-calculator .shadow-box {
  margin: 0;
  padding: 16px 0 20px 0;
  box-shadow: 0px 6px 12px var(--colors-slate-100);
  border-radius: 8px;
}

.fx-calculator .select2-selection__placeholder {
  top: 19px;
  left: 13px;
}

.fx-calculator .switch-button-column {
  margin: 40px 0;
}

.fx-calculator .switch-button-column .switch-button-wrapper {
  border: 1px solid var(--colors-primary-200);
  border-radius: 50%;
  padding: 12px;
  width: 48px !important;
  height: 48px;
}

.fx-calculator .switch-button-column .switch-button-wrapper button {
  border: none;
  width: 24px;
  height: 24px;
  background: url('images/fxcalculator-switch.svg') no-repeat;
  background-color: var(--colors-truecolors-white);
  padding: 0;
}

.fx-calculator .switch-button-column .switch-button-wrapper:hover {
  border: 1px solid var(--colors-truecolors-white);
  background-color: var(--colors-primary-200);
  cursor: pointer;
}

.fx-calculator .switch-button-column .switch-button-wrapper:hover button {
  background: url('images/fxcalculator-switch_white.svg') no-repeat;
}

.fx-calculator .share-button {
  margin-top: 30px;
}

@media (max-width: 766.98px) {
  vc-announcement-widget .result-panel.landingpage-announcement {
    margin: 0 16px;
  }
}

@media (min-width: 767px) {
  vc-announcement-widget .result-panel.landingpage-announcement {
    margin-top: 120px;
    margin-bottom: 20px;
  }
}

vc-announcement-widget .result-panel.landingpage-announcement .close {
  opacity: 1;
}

vc-announcement-widget .result-panel.landingpage-announcement .close span {
  color: var(--colors-primary-950);
}

vc-announcement-widget .result-panel.landingpage-announcement .announcement-description-container {
  padding-right: 36px;
}

@media (min-width: 767px) {
  vc-announcement-widget .result-panel.landingpage-announcement .announcement-description-container {
    padding-right: 40px;
  }
}

vc-announcement-widget .result-panel.landingpage-announcement .announcement-description-container .announcement-description {
  font: normal normal normal 12px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--colors-primary-950);
}

vc-announcement-widget .result-panel.landingpage-announcement .announcement-description-container .announcement-description span p {
  margin: 0px;
}

.clickable-grid-row {
  cursor: pointer;
}

.clickable-grid-row.selected {
  background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 766.98px) {
  .list-item-with-arrow .list-item-left {
    padding-right: 0;
  }

  .list-item-with-arrow .list-item-right {
    padding-left: 12px;
    padding-right: 16px;
  }
}

@media (max-width: 360px) {
  .list-item-with-arrow .list-item-right {
    padding-left: 8px;
    padding-right: 0;
  }
}

.geographicip-configuration-start .country-row {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-border-slate);
}

.geographicip-configuration-start .country-container {
  display: flex;
  overflow-y: auto;
  max-height: 50vh;
  overflow-x: hidden;
}

.geographicip-configuration-confirm .country-row {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-border-slate);
}

.geographicip-configuration-confirm .country-row>div {
  padding-bottom: 0.5rem;
}

.geographicip-configuration-confirm .country-container {
  display: flex;
  overflow-y: auto;
  max-height: 50vh;
  overflow-x: hidden;
}

@media (min-width: 767px) {
  .geographicip-configuration-start .country-row {
    justify-content: space-between;
  }

  .geographicip-configuration-start .country-container {
    display: flex;
    overflow-y: auto;
    max-height: 50vh;
    overflow-x: hidden;
  }
}

@media (max-width: 766.98px) {
  .geographicip-configuration-start .country-row {
    flex-direction: column;
  }

  .geographicip-configuration-start .country-container {
    display: flex;
    overflow-y: auto;
    max-height: 50vh;
    overflow-x: hidden;
  }
}

.paired-devices-management-start .device-row {
  min-height: var(--checkbox-box-min-height);
  padding: var(--spacing-2xs);
  align-items: center;
  border-radius: var(--checkbox-box-radius);
  border: var(--checkbox-box-border-width) solid var(--checkbox-box-border-color);
  background: var(--checkbox-box-bg);
  margin-bottom: 12px;
}

.paired-devices-management-start .device-row.checked {
  border: var(--checkbox-box-border-width) solid var(--checkbox-box-checked-border-color);
}

.paired-devices-management-start .device-row label.checkbox-inline.checkbox {
  margin-bottom: 0;
}

.paired-devices-management-confirm .device-row {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: var(--checkbox-box-border-width) solid var(--checkbox-box-border-color);
}

.paired-devices-management-confirm .device-row>div {
  padding-bottom: 0.5rem;
}

@media (max-width: 766.98px) {
  .paired-devices-management-start .device-row .device-row-date {
    margin-left: 44px;
  }
}

.checkboxopen-label {
  height: 25px !important;
}

.checkboxopen-div {
  margin-right: 0px !important;
}

.preview-infocontainer::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
  margin: 2px 2px 2px 0;
}

.preview-infocontainer::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}

.preview-infocontainer::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
  background-color: rgb(236, 236, 236);
}

.remotedeposit-photoicon>a {
  background-image: url('images/remotedepositcameraicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  display: inline-block;
  height: 32px;
  font-size: 0;
}

.text-transform-none .button-text {
  text-transform: none;
}

vc-imagebutton a.list-search-btn {
  display: inline-flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--surface-surface-blue);
}

vc-imagebutton a.list-search-btn img {
  width: 16px !important;
  height: 16px;
  flex-shrink: 0;
}

.contact-us--btn {
  display: block;
  width: 343px;
  max-width: 100%;
  margin: 0 auto;
}

.cheque-image-preview {
  width: 100%;
  height: auto !important;
}

.log-out-text {
  margin-top: 9px !important;
}

.ApplePayCardVerificationGridSystem .applePayCard {
  background-image: url('images/AppleWallet/applepaycard.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.isAllSelectCheck label span {
  font-weight: 400;
}

.unreadEmail {
  font-weight: 600;
}

.date-mail {
  width: 55px !important;
  min-width: 55px !important;
}

.date-mail-detail {
  max-width: 55px !important;
}

.header-mail {
  white-space: nowrap !important;
}

.header-mail-detail {
  white-space: nowrap !important;
}

.text-light-mail {
  font: normal normal 400 14px/20px var(--base-font-family) !important;
  color: var(--base-text-color) !important;
}

.text-bold-mail {
  font: normal normal 500 14px/20px var(--base-font-family) !important;
  color: var(--base-text-color) !important;
}

.add-interac-phone-contact {
  font-size: 0;
  background: url('images/interac-phone-contact.svg') no-repeat center;
  background-size: 24px auto;
  width: 24px;
  height: 40px;
  right: 8px;
  cursor: pointer !important;
}

@media (max-width: 991.98px) and (orientation: portrait) {
  .contact-search-row.row {
    margin-left: -2px;
    margin-right: 5px;
  }
}

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

.otp-helper-text {
  max-width: 320px !important;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: var(--content-content-on-cloud);
}

.otp-helper-text-mobile {
  max-width: 230px !important;
}

.otp-forgotusername-container {
  min-width: 650px !important;
}

.otp-contact-mobile {
  top: 25px !important;
  position: fixed !important;
}

@media only screen and (min-width: 414px) {
  .otp-contact-mobile {
    margin-top: 85px !important;
  }
}

.activate-account {
  max-width: 478px;
}

.activate-account .menu-title-prevent-navigate {
  cursor: not-allowed;
}

.activate-account a:before {
  display: none !important;
}

.activate-account .sub-menu-icon {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  color: var(--content-content-on-cloud);
  transform: translateY(-50%);
  cursor: pointer;
}

.activate-account pre {
  position: relative;
  font-family: inherit;
  font-size: 13px;
  color: var(--colors-primary-900);
}

.activate-account .menu-item {
  border-bottom: 1px solid var(--border-border-slate-secondary);
  padding-bottom: 10px;
}

.activate-account .choose-one-title-wrapper {
  border-bottom: 1px solid var(--border-border-slate-secondary);
  padding-bottom: 10px;
}

.activate-account .choose-one-title {
  font: normal normal bold 24px/32px var(--base-font-family);
  color: var(--content-content-on-cloud);
}

.resume-onboarding,
.joint-onboarding {
  width: 547px;
  height: 600px;
}

.file-upload-item.row {
  margin: 0;
}

.file-upload-item+.file-upload-item>vc-gridcolumn {
  border-top: 1px solid var(--border-border-slate-secondary);
}

.file-upload-item>vc-gridcolumn {
  padding: 0;
  margin-top: 20px;
}

.file-upload-item .file-upload-button {
  padding-bottom: 0;
}

.file-upload-item .file-upload-button .dropzone {
  border: none;
  height: auto;
  min-height: auto;
}

.file-upload-item .file-upload-button .dropzone .dz-default {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0px;
  margin-top: 0;
}

.file-upload-item .file-upload-button .dropzone .dropzone-area {
  margin: auto;
  border: 2px solid var(--border-border-primary);
  border-radius: 40px;
  height: 20px;
}

.file-upload-item .file-upload-button .dropzone .dropzone-area img {
  display: none;
}

.file-upload-item .file-upload-button .dropzone .dropzone-area vc-label {
  padding-top: 5px;
}

.file-upload-item .file-upload-button .dropzone .dropzone-area vc-label .balance-value {
  font-weight: bold;
  font-size: 17px;
  color: var(--content-content-on-cloud) !important;
}

.file-upload-item .file-upload-button .dropzone .dropzone-area .dz-image-preview {
  display: none;
}

@media (max-width: 577px) {
  .file-upload-item .file-upload-button {
    margin-left: 0;
    margin-right: 0;
  }
}

vc-investmentaccountquickactionbuttons {
  display: flex;
  flex: 1;
}

vc-investmentaccountquickactionbuttons img {
  width: 24px !important;
  height: 24px;
  filter: brightness(0) invert(0);
}

@media screen and (min-width: 512px) and (max-width: 767px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div {
    max-width: 380px !important;
    margin-right: 20px;
  }
}

@media (max-width: 766.98px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div {
    max-width: 80%;
  }
}

@media (min-width: 361px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div vc-imagebutton {
    width: 99px;
  }
}

@media (max-width: 360px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div vc-imagebutton:first-child {
    margin-left: 20px;
  }

  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons vc-div vc-imagebutton:nth-child(2) {
    margin-left: 30px;
  }
}

@media (min-width: 361px) and (max-width: 991.98px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons .transfer-money-button {
    width: auto !important;
  }
}

@media (min-width: 767px) {
  .dashboard.accounts-wrapper vc-investmentaccountquickactionbuttons .transfer-money-button {
    margin-left: 10px;
  }
}

.creditcard-view.isHome {
  margin-top: 0px !important;
}

vc-investmentaccountcardview {
  height: 154px;
}

vc-investmentaccountcardview .investment-font-weight {
  font-weight: 600 !important;
}

vc-investmentaccountcardview .account-card-wrap {
  width: 100%;
}

vc-investmentaccountcardview .account-card-non-registered .card-nickname-row .username-text-label {
  max-width: 100%;
}

vc-investmentaccountcardview .account-card-non-registered .card-nickname-row.nickname-row-home {
  background: transparent;
  position: static;
  justify-content: left !important;
}

vc-investmentaccountcardview .account-card-non-registered .card-nickname-row.nickname-row-home .username-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}

vc-investmentaccountcardview .account-card-non-registered .card-nickname-row.nickname-row-home::after {
  display: none;
}

vc-investmentaccountcardview .account-card-non-registered .available-column .available-amount-text.total-market-value span {
  font: normal normal 900 14px var(--base-font-family);
  color: var(--default-color-on-dark-section);
}

vc-investmentaccountcardview .account-card-non-registered.isHome .available-column .available-amount-text {
  color: var(--content-content-white);
  font: 400 14px/20px var(--base-font-family) !important;
  margin-top: 0px;
  padding-left: 0px;
}

vc-investmentaccountcardview .isHome .account-detail-text-wrapper {
  margin-top: -8px;
  display: flex;
}

vc-investmentaccountcardview .isHome .account-detail-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

vc-investmentaccountcardview .amount-column.investment-account-detail {
  color: var(--default-color-on-dark-section);
}

vc-investmentaccountcardview .amount-column.investment-account-detail .amount-formatted-text {
  color: var(--default-color-on-dark-section);
}

vc-investmentaccountcardview .amount-column.investment-account-detail .amount-formatted-text * {
  color: var(--default-color-on-dark-section);
}

vc-investmentaccountcardview .amount-detail {
  margin-top: 24px;
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-detail {
  text-align: left !important;
  margin-top: 0px;
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
}

@media (max-width: 766.98px) {
  vc-investmentaccountcardview .isHome .bottom-right-row .amount-column {
    padding: 20px 0;
  }
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-column .total-balance {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-column .amount-text {
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-top: 0px;
  margin-bottom: 0px;
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-column.investment-account-detail .amount-formatted-text {
  display: flex !important;
  color: var(--content-content-white);
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-column.investment-account-detail .amount-formatted-text .amount-text,
vc-investmentaccountcardview .isHome .bottom-right-row .amount-column.investment-account-detail .amount-formatted-text .currency-symbol,
vc-investmentaccountcardview .isHome .bottom-right-row .amount-column.investment-account-detail .amount-formatted-text .amount-precision {
  font-family: var(--base-font-family);
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 32px !important;
  padding-top: 0px !important;
  color: var(--content-content-white) !important;
  text-align: left;
}

vc-investmentaccountcardview .isHome .bottom-right-row .amount-column.investment-account-detail .amount-formatted-text * {
  color: var(--content-content-white);
}

vc-investmentaccountcardview .account-kebab-menu {
  color: #fff;
  border-radius: 100%;
  display: block;
  top: auto;
  bottom: 14px;
  right: 5px;
  transform: none;
  position: absolute;
}

vc-investmentaccountcardview .account-kebab-menu::after {
  content: " ";
  background-image: url('images/icon-kebeb-menu-white.svg');
  width: 40px;
  height: 40px;
  display: block;
}

.home-account-list vc-investmentaccountcardview {
  align-items: flex-start;
  text-align: left;
  padding: var(--spacing-md);
  width: 318px;
  height: 194px;
}

@media (max-width: 766.98px) {
  .home-account-list vc-investmentaccountcardview {
    width: auto;
    height: 186px;
  }
}

.home-account-list .open-another-account-tile {
  background: var(--content-content-white);
  padding: var(--spacing-md);
  width: 350px;
  height: 194px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--border-border-gray);
  position: relative;
}

@media (max-width: 766.98px) {
  .home-account-list .open-another-account-tile {
    width: auto;
    height: 186px;
    padding: var(--spacing-xs);
  }
}

.home-account-list .open-another-account-tile.empty-state {
  width: 100%;
}

.home-account-list .open-another-account-tile .open-account-header {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: block;
  text-align: center;
}

.home-account-list .open-another-account-tile .open-account-content {
  margin-top: 21px;
  margin-bottom: 0;
}

.home-account-list .open-another-account-tile .open-account-message {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  display: flex;
}

.home-account-list .open-another-account-tile .open-account-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.home-account-list .open-another-account-tile .open-account-image vc-image {
  max-width: 100%;
  height: auto;
}

.home-account-list .open-another-account-tile .open-account-img {
  position: absolute;
  right: 15px;
  bottom: 0;
  max-width: none;
  width: 95px;
}

.home-account-list .open-another-account-tile .open-account-img.v-account {
  right: 12px;
  bottom: -1px;
}

.home-account-list .open-another-account-tile .open-account-img.v-card {
  right: 12px;
  bottom: 0px;
}

.home-account-list .open-another-account-tile .open-account-img.v-invest {
  right: 11px;
  bottom: 0px;
}

.home-account-list .open-another-account-tile .btn-another-account {
  padding: 5px var(--spacing-md) !important;
  height: 32px !important;
  margin: 0px;
  margin-top: 10px;
  min-width: auto;
  width: auto;
  display: inline-flex !important;
}

@media (max-width: 766.98px) {
  .home-account-list .open-another-account-tile .btn-another-account {
    margin-top: 18px;
    max-width: 200px;
  }
}

.home-account-list .open-another-account-tile .btn-another-account span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.open-another-account-list-tile {
  margin-top: 16px;
}

.open-another-account-list-tile .open-another-account-tile {
  width: 100%;
  height: auto;
  padding: var(--spacing-lg);
}

.open-another-account-list-tile .open-another-account-tile .open-account-header {
  margin-bottom: 8px;
}

.open-another-account-list-tile .open-another-account-tile .open-account-message {
  margin-bottom: 16px;
}

.open-another-account-list-tile .open-another-account-tile .open-account-btn {
  width: auto;
  min-width: 150px;
}

@media (max-width: 332px) {
  .open-another-account-tile.at-card .open-account-img.v-card {
    width: 82px;
  }

  .open-another-account-tile.at-card .open-acc-content {
    width: 85%;
  }

  .open-another-account-tile.at-card .open-acc-img {
    width: 15%;
  }

  .open-another-account-tile.at-card .btn-another-account {
    padding-inline: 16px !important;
  }
}

@media (max-width: 343px) {
  .open-another-account-tile.at-invest .open-account-img.v-invest {
    width: 86px;
    bottom: -1px;
  }
}

@media (max-width: 333px) {
  .open-another-account-tile.at-invest .open-account-img.v-invest {
    width: 77px;
    bottom: -1px;
    right: 11px;
  }

  .open-another-account-tile.at-invest .open-acc-content {
    padding-right: 0;
  }

  .open-another-account-tile.at-invest .btn-another-account {
    padding-inline: 16px !important;
  }
}

#captchaGeneratorOnboarding+.vc-validation-error {
  margin-left: 115px !important;
}

.otp-contact-mobile-default {
  top: 120px !important;
  margin-top: 0px !important;
  position: fixed !important;
}

.modalpopup-onboarding {
  bottom: 0px !important;
}

.livechat-onboarding {
  background-color: var(--btn-dark-bg-color);
  width: 38px !important;
  height: 38px !important;
  border-radius: 48px;
}

.livechat-onboarding-icon {
  border-radius: 0px !important;
  width: 25px !important;
  height: 20px !important;
}

.LinkInvestmentAccount vc-termsandconditions label {
  align-items: normal;
}

.access-restriction-configuration .selected-item .select2 .select2-selection .select2-selection__rendered {
  max-width: calc(100% - 25px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.access-restriction-configuration .top-seperator {
  border-top: 1px solid var(--border-border-slate-secondary);
}

.f-s-25 {
  font-size: 25px !important;
}

.f-s-12 {
  font-size: 12px !important;
}

.f-s-14 {
  font-size: 14px !important;
}

.m-l-auto {
  margin-left: auto !important;
}

.m-r-auto {
  margin-right: auto !important;
}

.m-t-auto {
  margin-top: auto !important;
}

.m-b-auto {
  margin-bottom: auto !important;
}

.account-list-container {
  margin: 0 15px;
  border-radius: var(--widget-border-radius-1);
  position: relative;
  border: var(--widget-border-width) solid var(--white-widget-border-color);
  background-color: var(--white-widget-background-color);
}

.account-list-container::after {
  position: absolute;
  right: 13px;
  top: -45px;
  width: 84px;
  height: 56px;
  border-radius: 5px;
  content: "****1234";
  background-color: var(--surface-surface-slate);
  color: var(--content-content-on-slate);
  transform: rotate(15deg);
  padding: 35px 10px 0px 0px;
  font-family: var(--base-font-family);
  font-size: 8px;
  font-weight: 600;
  line-height: 14px;
  text-align: right;
  display: none !important;
}

.account-list-chequing.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span,
.account-list-light.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span {
  color: var(--base-text-color);
}

.account-list-chequing .account-list-container,
.account-list-light .account-list-container {
  background-color: var(--white-widget-background-color);
  border: none;
  margin: 0px;
}

.account-list-chequing .account-list-container .account-card-list-item,
.account-list-light .account-list-container .account-card-list-item {
  border-bottom: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.account-list-chequing .account-list-container .account-card-list-item .acc-arrow-dark,
.account-list-light .account-list-container .account-card-list-item .acc-arrow-dark {
  margin-top: -2px;
  display: block !important;
}

.account-list-chequing .account-list-container .account-card-list-item:last-child,
.account-list-light .account-list-container .account-card-list-item:last-child {
  margin-bottom: 16px;
}

.account-list-chequing .account-list-container::after,
.account-list-light .account-list-container::after {
  transform: rotate(15deg);
  background-color: var(--surface-surface-slate);
  color: var(--content-content-on-slate);
}

.account-list-chequing .account-list-container .view-all,
.account-list-light .account-list-container .view-all {
  background-image: url('images/view-all-slate.svg');
}

.account-list-chequing .account-list-container .view-all .btn,
.account-list-chequing .account-list-container .view-all .btn:hover,
.account-list-light .account-list-container .view-all .btn,
.account-list-light .account-list-container .view-all .btn:hover {
  color: var(--content-content-on-slate);
}

.account-list-chequing .account-list-container .view-all:hover,
.account-list-light .account-list-container .view-all:hover {
  background-image: url('images/view-all-slate-hover.svg');
}

.account-list-chequing .account-list-container .account-owner,
.account-list-light .account-list-container .account-owner {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.36px;
}

.account-list-chequing .account-list-container .link-button,
.account-list-light .account-list-container .link-button {
  color: var(--primary-color-on-white-widget);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
}

.account-list-chequing .account-list-container .balance-value-col,
.account-list-light .account-list-container .balance-value-col {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.account-list-chequing .account-list-container .balance-value,
.account-list-light .account-list-container .balance-value {
  font-weight: bold !important;
  font-size: 16px;
  line-height: 22px;
  margin: 0 !important;
}

.account-list-chequing .market-value-date,
.account-list-light .market-value-date {
  margin-top: -7px;
}

.last-trans-detail-screen vc-datagrid .datagrid {
  border: 0;
}

.last-trans-detail-screen .view-all:hover {
  background-image: url('images/view-all-slate-hover.svg');
}

.last-trans-detail-screen .view-all:hover .btn {
  color: var(--colors-truecolors-white);
}

.account-list-dark.myaccounts-list-item .account-list-saving.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span .account-number,
.account-list-saving.myaccounts-list-item .account-list-saving.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span .account-number,
.account-list-investing.myaccounts-list-item .account-list-saving.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span .account-number {
  color: var(--default-color-on-dark-widget) !important;
}

.account-list-dark.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span,
.account-list-dark.myaccounts-list-item .account-card-list-item-hd vc-gridcolumn vc-label span,
.account-list-saving.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span,
.account-list-saving.myaccounts-list-item .account-card-list-item-hd vc-gridcolumn vc-label span,
.account-list-investing.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span,
.account-list-investing.myaccounts-list-item .account-card-list-item-hd vc-gridcolumn vc-label span {
  color: var(--base-text-color) !important;
}

.account-list-dark .account-list-container,
.account-list-saving .account-list-container,
.account-list-investing .account-list-container {
  background-color: var(--dark-widget-background-color);
  border: 0;
}

.account-list-dark .account-list-container .account-card-list-item+.account-card-list-item,
.account-list-saving .account-list-container .account-card-list-item+.account-card-list-item,
.account-list-investing .account-list-container .account-card-list-item+.account-card-list-item {
  border-top: var(--widget-seperator-width) solid var(--dark-widget-seperator-color);
}

.account-list-dark .account-list-container .account-card-list-item .acc-arrow-light,
.account-list-saving .account-list-container .account-card-list-item .acc-arrow-light,
.account-list-investing .account-list-container .account-card-list-item .acc-arrow-light {
  display: block !important;
}

.account-list-dark .account-list-container .account-card-list-item .account-owner,
.account-list-saving .account-list-container .account-card-list-item .account-owner,
.account-list-investing .account-list-container .account-card-list-item .account-owner {
  color: var(--primary-color-on-dark-widget) !important;
}

.account-list-dark .account-list-container .account-card-list-item .balance-value,
.account-list-saving .account-list-container .account-card-list-item .balance-value,
.account-list-investing .account-list-container .account-card-list-item .balance-value {
  color: var(--default-color-on-dark-widget) !important;
}

.account-list-dark .account-list-container .account-card-list-item .account-number,
.account-list-saving .account-list-container .account-card-list-item .account-number,
.account-list-investing .account-list-container .account-card-list-item .account-number {
  color: var(--default-color-on-dark-widget) !important;
}

.account-list-dark .account-list-container::after,
.account-list-saving .account-list-container::after,
.account-list-investing .account-list-container::after {
  transform: rotate(-15deg);
  background-color: var(--surface-surface-primary);
  color: var(--content-content-on-primary);
}

.account-list-dark .account-list-container .view-all,
.account-list-saving .account-list-container .view-all,
.account-list-investing .account-list-container .view-all {
  background-image: url('images/view-all-teal.svg');
}

.account-list-dark .account-list-container .view-all .btn,
.account-list-dark .account-list-container .view-all .btn:hover,
.account-list-saving .account-list-container .view-all .btn,
.account-list-saving .account-list-container .view-all .btn:hover,
.account-list-investing .account-list-container .view-all .btn,
.account-list-investing .account-list-container .view-all .btn:hover {
  color: var(--content-content-on-secondary);
}

.account-list-dark .account-list-container .view-all:hover,
.account-list-saving .account-list-container .view-all:hover,
.account-list-investing .account-list-container .view-all:hover {
  background-image: url('images/view-all-teal-hover.svg');
}

.account-list-deposit.myaccounts-list-item,
.account-list-portfolios.myaccounts-list-item {
  background: var(--surface-surface-slate);
}

.account-list-deposit.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span,
.account-list-portfolios.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span {
  color: var(--content-content-cloud);
}

.account-list-deposit .account-list-container,
.account-list-portfolios .account-list-container {
  background-color: var(--surface-surface-foreground);
}

.account-list-deposit .account-list-container .account-card-list-item+.account-card-list-item,
.account-list-portfolios .account-list-container .account-card-list-item+.account-card-list-item {
  border-top: 1px solid var(--border-border-slate-secondary);
}

.account-list-deposit .account-list-container .account-card-list-item .acc-arrow-dark,
.account-list-portfolios .account-list-container .account-card-list-item .acc-arrow-dark {
  margin-top: -2px;
  display: block !important;
}

.account-list-deposit .account-list-container::after,
.account-list-portfolios .account-list-container::after {
  transform: rotate(15deg);
  background-color: var(--surface-surface-secondary);
  color: var(--content-content-on-secondary);
}

.account-list-deposit .account-list-container .view-all,
.account-list-portfolios .account-list-container .view-all {
  background-image: url('images/view-all-slate.svg');
}

.account-list-deposit .account-list-container .view-all .btn,
.account-list-deposit .account-list-container .view-all .btn:hover,
.account-list-portfolios .account-list-container .view-all .btn,
.account-list-portfolios .account-list-container .view-all .btn:hover {
  color: var(--content-content-on-slate);
}

.account-list-deposit .account-list-container .view-all:hover,
.account-list-portfolios .account-list-container .view-all:hover {
  background-image: url('images/view-all-slate-hover.svg');
}

.account-list-registered.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span {
  color: var(--content-content-slate);
}

.account-list-registered .account-list-container {
  background-color: var(--surface-surface-slate);
}

.account-list-registered .account-list-container .account-card-list-item+.account-card-list-item {
  border-top: 1px solid var(--border-border-cloud);
}

.account-list-registered .account-list-container .account-card-list-item .acc-arrow-light {
  display: block !important;
}

.account-list-registered .account-list-container .account-card-list-item .account-owner {
  color: var(--content-content-on-slate);
}

.account-list-registered .account-list-container .account-card-list-item .account-owner {
  color: var(--content-content-on-slate);
}

.account-list-registered .account-list-container .account-card-list-item .balance-value {
  color: var(--content-content-on-slate);
}

.account-list-registered .account-list-container::after {
  transform: rotate(-15deg);
  background-color: var(--surface-surface-primary);
  color: var(--content-content-on-primary);
}

.account-list-registered .account-list-container .view-all {
  background-image: url('images/view-all-cloud.svg');
}

.account-list-registered .account-list-container .view-all .btn,
.account-list-registered .account-list-container .view-all .btn:hover {
  color: var(--content-content-on-cloud);
}

.account-list-registered .account-list-container .view-all:hover {
  background-image: url('images/view-all-cloud-hover.svg');
}

.account-list-loan.myaccounts-list-item {
  background: var(--surface-surface-primary);
}

.account-list-loan.myaccounts-list-item .my-accountlist-title-frame vc-gridcolumn vc-label span {
  color: var(--content-content-cloud);
}

.account-list-loan .account-list-container {
  background-color: var(--surface-surface-foreground);
}

.account-list-loan .account-list-container .account-card-list-item+.account-card-list-item {
  border-top: 1px solid var(--border-border-slate-secondary);
}

.account-list-loan .account-list-container .account-card-list-item .acc-arrow-dark {
  margin-top: -2px;
  display: block !important;
}

.account-list-loan .account-list-container::after {
  transform: rotate(15deg);
  background-color: var(--surface-surface-slate);
  color: var(--content-content-on-slate);
}

.account-list-loan .account-list-container .view-all {
  background-image: url('images/view-all-slate.svg');
}

.account-list-loan .account-list-container .view-all .btn,
.account-list-loan .account-list-container .view-all .btn:hover {
  color: var(--content-content-on-slate);
}

.account-list-loan .account-list-container .view-all:hover {
  background-image: url('images/view-all-slate-hover.svg');
}

@media (min-width: 767px) {
  body.account-list .account-list-transaction #all-accounts-container .myaccounts-list-item {
    padding-bottom: 80px;
    padding-top: 50px;
  }

  body.account-list .account-list-transaction #all-accounts-container .myaccounts-list-item>vc-gridcolumn.col-12 {
    max-width: 636px;
    margin: auto;
  }

  body.account-list .account-list-transaction #all-accounts-container .myaccounts-list-item>vc-gridcolumn.col-12 .account-list-container {
    margin: 0 -15px;
  }

  body.account-list .account-list-transaction #all-accounts-container .myaccounts-list-item>vc-gridcolumn.col-12 .account-list-container .account-card-list-item {
    margin-right: 0;
    margin-left: 0;
  }
}

.btn-open-account {
  float: inline-end;
  width: inherit;
  background: transparent;
  border: none;
  margin-top: 6px;
  margin-bottom: 4px;
  height: 25px;
  position: relative;
}

.btn-open-account img {
  width: 24px !important;
  height: 24px;
  visibility: hidden;
}

.btn-open-account:hover {
  background: transparent !important;
  border-color: transparent !important;
}

.btn-open-account:hover::before {
  background: url('images/icon-plus-circle-hover.svg');
}

.btn-open-account:hover span {
  color: var(--color-custom-blue);
  text-decoration: underline;
}

.btn-open-account span {
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: var(--btn-font-size);
  font-style: normal;
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  padding-left: 12px;
}

.btn-open-account::before {
  background: url('images/icon-plus-circle.svg');
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
}

.title-shape a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-shape img {
  width: 60% !important;
}

.title-shape span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--secondary-font-family);
  font-size: 3em;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  color: var(--content-content-on-primary);
}

@media (max-width: 766.98px) {
  .title-shape span {
    width: 60%;
  }
}

.title-shape.login-title-shape {
  font-size: 0;
}

.title-shape.home-title-shape {
  position: relative;
  margin-top: -30px;
}

.title-shape.home-title-shape img {
  width: 50% !important;
}

.title-shape.home-title-shape span {
  color: var(--content-content-on-secondary);
}

.title-shape.account-title-shape {
  position: relative;
}

@media (min-width: 767px) {
  .title-shape.account-title-shape {
    width: 580px;
    margin: auto;
  }
}

@media (min-width: 767px) {
  .title-shape.account-title-shape img {
    width: 90% !important;
  }
}

.title-shape.account-title-shape span {
  line-height: 62px;
  font-size: 48px;
}

@media (max-width: 766.98px) {
  .title-shape.account-title-shape span {
    width: 70%;
  }
}

@media (min-width: 767px) {
  .title-shape.account-title-shape span {
    left: inherit;
    top: inherit;
    transform: inherit;
    font-size: 96px;
    line-height: normal;
  }
}

.icon-search-box {
  width: 20px;
  position: absolute;
  top: 18px;
  right: 35px;
}

.icon-search-box.icon-autocomplete {
  right: 16px;
}

.icon-search-close {
  width: 20px;
  position: absolute;
  top: 18px;
  right: 35px;
  cursor: pointer;
  z-index: 1000;
  pointer-events: auto;
}

.icon-search-close.icon-autocomplete {
  right: 16px;
}

#carousel-accesibility {
  background-color: var(--surface-surface-slate);
  display: block;
  padding: 20px 0;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .account-detail-text-wrapper {
    padding-top: 45px;
  }
}

.account-detail-transaction .account-card-component .username-text-label .username-text {
  font-family: var(--base-font-family);
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 20px;
  margin-bottom: 10px;
  max-width: none !important;
}

.account-detail-transaction .account-card-component .username-text-label .username-text.card-detail-page-username-text {
  line-height: 20px !important;
  font-size: 20px;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .account-card-component .username-text-label .username-text {
    max-width: 290px !important;
    text-wrap: auto;
  }
}

.account-detail-transaction .flow-nav-back {
  display: block;
  width: 40px;
  height: 40px;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .flow-nav-back {
    position: fixed;
    z-index: 2;
    top: calc(10px + var(--safe-area-inset-top));
    left: 8px;
  }
}

.account-detail-transaction .flow-nav-back .icon-back {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 40px;
  background-image: url('images/arrow-left-white.svg');
}

.account-detail-transaction .card-row {
  width: 100%;
}

@media (max-width: 766.98px) {
  .account-detail-transaction .card-row {
    padding: 0 var(--spacing-xs);
    background: var(--body-bg-color);
  }
}

.account-detail-transaction vc-information-item {
  display: block !important;
}

.account-detail-transaction .total-balance {
  display: none;
}

.top-rounded-spacer {
  height: 16px;
  border-radius: var(--radius-radius-sm) var(--radius-radius-sm) 0px 0px;
  background-color: var(--surface-surface-primary);
  margin: 0 15px;
}

.edit-btn {
  right: 15px;
  position: fixed;
}

.edit-btn a span {
  color: var(--content-content-cloud);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.icon-delete {
  width: 32px;
  height: 32px;
  display: inline-flex;
  border-radius: var(--radius-radius-2xs);
  background-color: var(--content-content-primary);
  align-items: center;
  justify-content: center;
}

.icon-delete:hover {
  background: var(--btn-primary-bg-hover-color) !important;
  color: var(--btn-primary-text-hover-color) !important;
  border-color: var(--btn-primary-border-hover-color) !important;
}

.inActive-latePayment {
  position: absolute;
  right: 36px;
  bottom: 18px;
  z-index: 100;
}

.inActive-latePayment div {
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--border-border-error);
  background: var(--surface-surface-error-subdued);
  padding: var(--spacing-4xs) 2px var(--spacing-4xs) var(--spacing-4xs);
  display: flex;
  align-items: center;
  margin-top: 8px;
  position: relative;
}

.inActive-latePayment div img {
  border-radius: 200px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.inActive-latePayment div span {
  font-family: var(--base-font-family);
  color: var(--content-content-black);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.inActive-latePayment div::after {
  border: none;
  background: url('images/icon-widget-arrow-grey.svg') no-repeat center center;
  filter: none;
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 0px;
}

.inActive-account {
  display: flex;
  cursor: pointer;
}

.inActive-account div {
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--border-border-error);
  background: var(--surface-surface-error-subdued);
  padding: var(--spacing-4xs) var(--spacing-3xs);
  display: flex;
  align-items: center;
  margin-top: 8px;
  position: relative;
}

.inActive-account div img {
  border-radius: 200px;
  width: 16px !important;
  height: 16px;
  margin-right: 5px;
}

.inActive-account div span {
  font-family: var(--base-font-family);
  color: var(--content-content-black);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.inActive-account div::after {
  border: none;
  background: url('images/icon-widget-arrow-grey.svg') no-repeat center center;
  filter: none;
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 5px;
}

#mainview.retail-landing>header {
  border-bottom-width: 0;
  background-color: transparent;
}

body.vcaas-mobile-body.view-transactions .content-header .header-title,
body.vcaas-mobile-body.account-list .content-header .header-title,
body.vcaas-mobile-body.invest-account-hxt .content-header .header-title {
  color: var(--base-text-color);
}

@media (max-width: 766.98px) {

  body.vcaas-mobile-body.view-transactions [role=main]>header,
  body.vcaas-mobile-body.account-list [role=main]>header,
  body.vcaas-mobile-body.invest-account-hxt [role=main]>header {
    background: none;
    border-bottom: none;
  }
}

body.vcaas-mobile-body #mainview .content.DeleteScheduledTransfer .content-inner .txn-step-text,
body.vcaas-mobile-body #mainview .content.DeleteScheduledPayment .content-inner .txn-step-text {
  display: none;
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body.executed-screen #mainview[role=main]>header {
    display: none;
  }
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content {
  background-color: none;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .navs-container {
  display: none !important;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow {
  max-width: 448px;
  width: 100%;
  padding: 0 32px;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow .result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text {
  flex-direction: column;
  /* background: none;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;

  &:after {
      display: none;
  }*/
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow .result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text .member-header {
  /*position: relative;
  background: var(--surface-surface-slate);
  width: 160px;
  color: var(--content-content-on-slate);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  z-index: 0;
  font-family: var(--secondary-font-family);
  font-size: 24px;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;*/
  padding: 30px 0 0 0 !important;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow .result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text .member-header:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: 9px;
  width: 0;
  height: 0;
  border: 80px solid transparent;
  border-top-color: var(--surface-surface-slate);
  border-bottom: 0;
  border-left: 0;
  z-index: -1;
  display: none;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow .result-view vc-gridcolumn.primary-text-area .primary-text.bubble-text .member-title {
  font-size: 16px;
  display: block;
  margin-top: 34px;
  color: var(--content-content-on-primary);
  font-weight: 500;
  line-height: 24px;
  font-family: var(--base-font-family);
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow:has(.MemberMigrationAuthentication-result) .content-inner-scroll-wrapper {
  margin-left: -31px;
  margin-right: -31px;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .content-inner.content-flow:has(.MemberMigrationAuthentication-result) .execute-btns-width vc-gridcolumn:only-child {
  margin-left: 0;
  max-width: 100%;
  width: 100%;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .MemberMigrationAuthentication-result .information-container {
  margin-bottom: 0px;
  margin-top: 24px;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .MemberMigrationAuthentication-result vc-information-item vc-button {
  position: absolute;
  left: 0;
  right: 0;
}

body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView .login-content.outer-content .MemberMigrationAuthentication-result vc-information-item vc-button .btn {
  margin: 0 !important;
}

@media (min-width: 767px) {
  body.vcaas-mobile-body.executed-screen #mainview[role=main] #containerView {
    min-height: inherit;
  }
}

body.vcaas-mobile-body.executed-screen .secondary-text {
  color: var(--content-content-black);
  text-align: center;
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (min-width: 1440px) {
  body.vcaas-mobile-body.executed-screen .secondary-text {
    max-width: calc(100% - 80px);
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.trans-search-items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.trans-search-items>span>vc-exportdocument>vc-gridrow {
  margin: 0;
}

.trans-search-items>span>vc-exportdocument>vc-gridrow>vc-gridcolumn {
  padding: 0;
  flex: auto;
  max-width: inherit;
}

.clear-search a span {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none !important;
}

.clear-search a:hover span {
  text-decoration: none;
}

.trans-search {
  margin-left: 8px;
}

@media (max-width: 766.98px) {
  .trans-search {
    max-height: 32px;
    display: inline-flex;
  }
}

.trans-search a {
  display: inline-flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--surface-surface-blue);
  transition-duration: 0s;
}

.trans-search a:hover {
  background: var(--color-custom-blue);
}

.trans-search a img {
  width: 16px !important;
  height: 16px;
  flex-shrink: 0;
}

.trans-searched {
  display: flex;
  padding: var(--spacing-3xs) var(--spacing-xs);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  border-radius: var(--widget-border-radius-2);
  background: var(--white-widget-background-color);
  border: var(--widget-border-width) solid var(--white-widget-border-color);
}

.trans-searched vc-information-item {
  width: 100%;
}

.trans-searched .information-item-title {
  font: normal normal 400 16px/16px var(--base-font-family);
}

.trans-searched .information-item-title,
.trans-searched .information-item-value {
  color: var(--default-color-on-white-widget) !important;
}

.trans-searched vc-information-item+vc-information-item .information-content {
  border-top: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.search-transactions-popup .flex-column .dbas-btn.btn-outline:hover {
  background: var(--btn-outline-bg-hover-color) !important;
  color: var(--btn-outline-text-hover-color) !important;
  border-color: var(--btn-outline-border-hover-color) !important;
}

.search-transactions-popup .dbas-btn.btn-outline:focus {
  color: var(--btn-outline-text-color) !important;
  background: var(--btn-outline-bg-color) !important;
  border-color: var(--btn-outline-border-color) !important;
}

body.vcaas-mobile-body.account-list #mainview .content {
  padding-bottom: 40px;
}

body.vcaas-mobile-body.account-list #mainview .content .content-inner-wrapper {
  width: 100% !important;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

body.vcaas-mobile-body.account-list #mainview .content .content-inner.content-flow {
  max-width: 100%;
  flex: inherit;
}

body.vcaas-mobile-body.account-list #mainview .content .content-inner.content-flow .content-header .header-title {
  display: none;
}

body.vcaas-mobile-body.account-list #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper {
  padding-bottom: 0;
}

@media (min-width: 767px) {
  body.vcaas-mobile-body.account-details-main #mainview {
    background: var(--body-bg-color);
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content {
    padding-left: 0;
    padding-right: 0;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner-wrapper {
    width: 100% !important;
    max-width: 100%;
    padding-top: 15px;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow {
    max-width: 100%;
    flex: inherit;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .content-header {
    width: 1296px;
    margin: auto;
    position: relative;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .content-header .arrow-left-green {
    display: none;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .content-header .arrow-left-white {
    display: block !important;
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 100;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .account-detail-wrapper {
    background: var(--dark-section-background-color);
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .account-detail-wrapper .account-card-component {
    width: 1296px;
    margin: auto;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .account-detail-wrapper .account-card-component .edit-btn {
    display: none;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .account-detail-wrapper .account-card-component .edit-btn.edit-account-detail {
    display: block !important;
    position: absolute;
    right: 0;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow vc-selectablebuttonlist .list-wrapper {
    margin-left: 4px;
    margin-right: 4px;
  }

  body.vcaas-mobile-body.account-details-main #mainview #containerView vc-masterflow-uiview .content .content-inner.content-flow .last-trans-detail-screen {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.vcaas-mobile-body.account-details-main vc-gridsystem.account-list-transaction {
    padding-left: 0;
    padding-right: 0;
  }
}

body.vcaas-mobile-body.execute-beneficiary #mainview[role=main] {
  background: var(--surface-surface-primary);
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body.execute-beneficiary #mainview[role=main]>header {
    display: none;
  }
}

body.vcaas-mobile-body.execute-beneficiary #mainview[role=main] vc-masterflow-uiview {
  padding-top: 0 !important;
}

.profile-view {
  padding-top: 30px;
}

.profile-view .profile-username {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
}

.profile-view .signer-fullname {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}

.profile-view .profile-titles {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: block;
  margin-bottom: 0px;
}

@media (max-width: 766.98px) {
  .profile-view .profile-titles {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
}

.profile-view .information-grid {
  margin-bottom: var(--spacing-md);
}

@media (min-width: 767px) {
  .profile-view .update-button {
    width: 50%;
    float: right;
  }
}

.guidingGurus {
  background-color: var(--surface-surface-cloud);
  padding: 80px 0;
}

.guidingGurus .contentGuru,
.guidingGurus .guruTitle {
  max-width: 1296px;
  margin: auto;
}

.guidingGurus .guruTitle {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: var(--secondary-font-family);
}

.guidingGurus .contentGuru>vc-gridrow {
  margin: 0;
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
}

.guidingGurus .contentGuru>vc-gridrow>vc-gridcolumn {
  padding: var(--spacing-lg);
  background-color: var(--surface-surface-slate);
  flex: auto;
  border-radius: var(--radius-radius-xs);
  display: flex;
  flex-direction: column;
}

.guidingGurus .contentGuru>vc-gridrow>vc-gridcolumn vc-label {
  color: var(--content-content-on-slate);
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  font-family: var(--base-font-family);
  text-align: center;
  display: block;
  margin-bottom: 20px;
  min-height: 64px;
}

.guidingGurus .contentGuru>vc-gridrow>vc-gridcolumn .icn {
  display: flex;
  min-height: 80px;
  max-height: 80px;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 20px;
}

@media (max-width: 766.98px) {
  .guidingGurus {
    padding: 32px 0;
  }

  .guidingGurus .guruTitle {
    padding: 0 16px;
    max-width: 100vw;
  }

  .guidingGurus .contentGuru {
    max-width: 100vw;
  }

  .guidingGurus .contentGuru vc-gridrow {
    padding: 0 16px;
    overflow: auto;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .guidingGurus .contentGuru vc-gridrow>vc-gridcolumn {
    min-width: 53vw;
    max-width: 53vw;
  }

  .guidingGurus .contentGuru vc-gridrow>vc-gridcolumn vc-button {
    margin-top: auto;
  }

  .guidingGurus .contentGuru vc-gridrow>vc-gridcolumn vc-button .dbas-btn {
    height: auto !important;
    padding: var(--spacing-3xs) var(--spacing-md);
    border-radius: var(--radius-radius-2xs);
  }
}

.no-payee-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
}

.no-payee-found {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: var(--spacing-xl);
  gap: var(--spacing-2xs);
  background: var(--content-content-white);
}

.no-payee-found .no-transaction-text {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: var(--base-text-color);
}

@media (max-width: 766.98px) {
  .view-holding-detail-grid {
    padding: 0;
  }
}

@media (max-width: 766.98px) {
  .view-holding-detail-grid .account-card-component .card-nickname-row {
    position: relative !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
  }
}

.view-holding-detail-grid .username-text {
  font-family: var(--base-font-family);
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 28px;
  margin-bottom: 10px;
  max-width: none !important;
}

@media (min-width: 767px) {
  .view-holding-detail-grid .holding-list-container {
    padding: 0 var(--spacing-xs);
    background: var(--content-content-white);
    margin-bottom: var(--spacing-md);
    position: relative;
    margin-top: var(--spacing-md);
  }
}

@media (max-width: 766.98px) {
  .view-holding-detail-grid .holding-list-container {
    margin: 40px 16px;
    padding: 0;
    background: #fff;
  }
}

.view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item {
  padding: var(--spacing-xs) 0;
  border-bottom: 1px solid var(--border-border-slate-secondary);
  margin: 0px;
  align-items: end;
}

@media (max-width: 766.98px) {
  .view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item {
    padding: var(--spacing-xs) var(--spacing-xs);
  }
}

.view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item:last-child {
  border-bottom: none;
}

@media (max-width: 766.98px) {
  .view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item {
    position: relative;
  }
}

.view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item .account-owner {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--content-content-black);
  text-transform: uppercase;
}

.view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item .balance-value {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--content-content-black);
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.view-holding-detail-grid .view-holding-detail>vc-gridcolumn vc-gridrow.account-card-list-item img {
  object-fit: scale-down;
}

.view-holding-detail-grid .view-holding-detail>vc-gridcolumn .bottom-right-row {
  width: 100% !important;
}

.view-holding-detail-grid .view-holding-detail .view-holding-title {
  margin: 0px;
  border-radius: var(--radius-radius-sm);
  border: 1px solid var(--colors-secondary-700);
  background: var(--surface-surface-secondary-subdued);
  display: flex;
  align-items: center;
  padding: var(--spacing-2xs);
}

.view-holding-detail-grid .view-holding-detail .view-holding-title .holding-value {
  font-family: var(--secondary-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  color: var(--content-content-slate);
}

.view-holding-detail-grid .view-holding-detail .view-holding-title .market-value-date-title {
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--content-content-slate);
}

@media (max-width: 766.98px) {
  .view-holding-detail-grid .view-holding-detail .account-card-component {
    border-radius: 0;
    padding-top: 0px;
  }
}

.info-item-direction-row .information-content {
  flex-direction: row !important;
}

.info-item-direction-row .information-content .information-item-value {
  text-align: right !important;
}

.investment-account-detail .amount-formatted-text {
  display: block !important;
}

.investment-account-detail .amount-formatted-text .amount-text,
.investment-account-detail .amount-formatted-text .currency-symbol,
.investment-account-detail .amount-formatted-text .amount-precision {
  font-family: var(--base-font-family);
  font-size: 36px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  color: var(--content-content-on-slate);
  text-align: center;
}

.investment-account-detail .detail-container {
  padding: 0px;
}

@media (max-width: 766.98px) {
  .investment-account-detail .detail-container {
    margin-bottom: 20px;
    display: block;
  }
}

.investment-account-detail .detail-container vc-information-container {
  display: block;
  background: var(--white-widget-background-color);
  padding: var(--spacing-4xs) var(--spacing-md);
}

@media (max-width: 766.98px) {
  .investment-account-detail .detail-container vc-information-container {
    box-shadow: none;
  }
}

.investment-account-detail .detail-container vc-information-container vc-information-item {
  padding-left: 0;
  padding-right: 0;
}

.investment-account-detail .detail-container .information-item-title,
.investment-account-detail .detail-container .information-item-value {
  color: var(--default-color-on-white-widget) !important;
}

.investment-account-detail .detail-container .information-content {
  border-color: var(--white-widget-border-color);
}

@media (max-width: 766.98px) {
  .investment-account-detail .bottom-right-row {
    width: 100% !important;
  }
}

.investment-account-detail vc-information-item {
  display: block !important;
}

.total-market--wrap .available-amount-text span {
  font-family: var(--base-font-family);
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px;
  color: var(--content-content-on-slate);
  text-align: center;
}

.view-stop-cheque .information-content {
  flex-direction: column !important;
}

.view-stop-cheque .align-items-left {
  align-items: start !important;
}

.view-stop-cheque vc-information-item+vc-information-item .information-content {
  align-items: start !important;
}

.remove-grid-padding .datagrid {
  padding: 0px !important;
}

.dialog-box {
  margin: 0px;
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--content-content-blue);
  background: var(--surface-surface-blue-subdued);
  display: flex;
  padding: var(--spacing-2xs);
  gap: var(--spacing-2xs);
}

.remove-gap {
  gap: 0 !important;
}

.trans-search-items.col-12 {
  display: block;
  width: 100%;
}

.custom-dropdown-list-item .custom-dropdown-list-row {
  padding: 16px 0 !important;
}

.custom-dropdown-list-item vc-imagebutton img {
  width: auto !important;
  border-radius: var(--radius-radius-xs);
  background: var(--content-content-primary);
  padding: 8px 8px;
}

.custom-dropdown-list-item .title-column vc-label {
  font-family: var(--base-font-family) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: var(--default-color-on-white-widget) !important;
}

@media (max-width: 766.98px) {
  .custom-dropdown-list-item .title-column vc-label {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

.account-custom-heading ng-containerrow {
  width: 100%;
  display: block;
  text-align: center;
}

.account-custom-heading .main-dd vc-label {
  flex-grow: 1;
}

.account-custom-heading .main-dd vc-label .page-top-title {
  font-family: var(--secondary-font-family) !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: bold !important;
  line-height: normal !important;
  letter-spacing: 1px !important;
  color: var(--base-text-color) !important;
  text-align: center !important;
}

.remove-extra-pd vc-gridcolumn {
  padding-left: 0px !important;
}

.content-sub-page:has(.error-component) {
  display: flex;
  align-items: center;
}

.session-expired .content-inner-panels:has(.error-component) {
  padding-left: var(--spacing-4xl);
  margin-top: 0;
}

.error-component {
  display: flex;
  align-items: center;
  justify-content: center;
}

.otp-select-option {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--content-content-slate);
  margin-top: 12px;
}

.otp-login-beforeotpsecurity,
.otp-login {
  min-height: 0 !important;
}

.otp-login-beforeotpsecurity #load-more-button_Anchor,
.otp-login-beforeotpsecurity .otp-code-title,
.otp-login #load-more-button_Anchor,
.otp-login .otp-code-title {
  color: var(--content-content-slate);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: var(--base-font-family);
  word-break: normal !important;
}

.otp-login-beforeotpsecurity #load-more-button_Anchor span,
.otp-login-beforeotpsecurity .otp-code-title span,
.otp-login #load-more-button_Anchor span,
.otp-login .otp-code-title span {
  color: inherit;
}

.otp-login-beforeotpsecurity .otp-code-title,
.otp-login .otp-code-title {
  font-weight: 500;
}

.otp-login-beforeotpsecurity .otp-helper-text,
.otp-login .otp-helper-text {
  text-align: center;
  color: var(--content-content-slate);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: var(--base-font-family);
  max-width: inherit !important;
}

.otp-login-beforeotpsecurity .timer-animate,
.otp-login .timer-animate {
  justify-content: flex-end;
  line-height: 24px;
  height: 24px;
  margin: 8px 0 16px;
}

.otp-login-beforeotpsecurity .timer-animate .timer-content .timer-title,
.otp-login .timer-animate .timer-content .timer-title {
  display: none;
}

.otp-login-beforeotpsecurity .timer-animate .timer-content .timer,
.otp-login .timer-animate .timer-content .timer {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--base-font-family);
  color: var(--colors-truecolors-black);
}

.otp-login vc-timer>div {
  justify-content: end;
}

.otp-login .timer-content .timer-title {
  display: none;
}

.editTextbox {
  position: relative;
}

.editTextbox .character-count {
  position: absolute;
  right: 16px;
  top: 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-content-slate);
  font-family: var(--base-font-family);
}

.login-masterview>header vc-uiviewheader>div {
  border-bottom: none !important;
}

.forgot-username-user-blocked .bubble-text {
  display: block !important;
  width: 60px !important;
}

.forgot-username-user-blocked .bubble-text::after {
  display: none;
}

.forgot-username-user-blocked .secondary-text-area vc-label {
  display: block;
  text-align: center;
  padding: 0 35px;
}

.otp-management-modal vc-timer>div {
  justify-content: end;
}

.otp-management-modal vc-timer>div .timer-title {
  display: none;
}

.otp-management-modal .otp-helper-text {
  max-width: 320px !important;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: var(--content-content-on-cloud);
}

.otp-management-modal .enrollment-title {
  font: normal normal 500 16px/24px var(--base-font-family);
  color: var(--colors-truecolors-black);
  letter-spacing: 0%;
}

.investment-account-list .myaccounts-list-title {
  font-family: var(--secondary-font-family) !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: bold !important;
  line-height: normal !important;
  letter-spacing: 1px !important;
  color: var(--base-text-color) !important;
}

.investment-account-list .market-value-date-title {
  font-family: var(--base-font-family) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--base-text-color) !important;
}

.investment-account-list .client-number-title {
  font-family: var(--secondary-font-family) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: bold !important;
  line-height: normal !important;
  letter-spacing: 1px !important;
  color: var(--base-text-color) !important;
  margin-bottom: 10px;
}

.investment-account-list .account-card-list-item {
  gap: 0 !important;
}

.cheque-book-request-transaction .form-group {
  margin-bottom: 0px !important;
}

.cheque-book-request-transaction .vc-gridrow-header {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--content-content-on-cloud);
}

.cheque-book-request-transaction .vc-gridrow-header:focus-visible {
  outline: none;
}

.cheque-book-request-transaction .custom-control.custom-radio {
  width: 100%;
}

.cheque-book-request-transaction textarea {
  padding: 20px 16px !important;
  height: 60px;
  font-size: 14px;
}

.cheque-book-request-transaction textarea .floatingPlaceholder {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-content-on-cloud);
}

.cheque-book-request-transaction .special-instruction .form-group {
  padding-bottom: 24px;
}

.cheque-book-request-transaction .text-medium-roboto {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--content-content-slate) !important;
}

.cheque-book-request-transaction .text-medium-roboto.vc-mid-blue {
  color: var(--content-content-primary) !important;
  text-decoration: underline;
}

.cheque-book-request-transaction .order-homeaddress {
  margin-bottom: 16px;
  flex-direction: row !important;
  justify-content: flex-start !important;
  gap: var(--radio-list-horizontal-gap);
}

.cheque-book-request-transaction .order-homeaddress vc-information {
  display: none;
}

.AddPayeeTransaction .modal-body vc-gridcolumn {
  padding: 0px !important;
}

.AddPayeeTransaction vc-autocomplete .search-result .result-list {
  border-radius: 0 !important;
  border: 1px solid var(--border-border-slate);
}

.AddPayeeTransaction vc-autocomplete ul.options-autocomplete {
  border-radius: 12px !important;
  background-color: var(--surface-surface-cloud) !important;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.12);
}

.AddPayeeTransaction vc-autocomplete ul li.auto-list {
  padding: 0;
}

.AddPayeeTransaction vc-autocomplete ul li a {
  display: block;
  border-bottom: 1px solid var(--border-border-slate-secondary);
  padding: var(--spacing-2xs) 0;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: var(--content-content-on-cloud);
}

.AddPayeeTransaction vc-autocomplete ul li:last-child a {
  border-bottom: none;
}

.AddPayeeTransaction vc-timer>div {
  justify-content: end;
}

.AddPayeeTransaction vc-timer>div .timer-title {
  display: none;
}

.AddPayeeTransaction .otp-helper-text {
  max-width: 320px !important;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: var(--content-content-on-cloud);
}

.AddPayeeTransaction .enrollment-title {
  font: normal normal 500 16px/24px var(--base-font-family);
  color: var(--colors-truecolors-black);
  letter-spacing: 0%;
}

.AddPayeeTransaction .modalClose {
  width: 20px !important;
  height: 20px !important;
}

.AddPayeeTransaction .modal-content-class {
  background: none !important;
}

.AddPayeeTransaction .modal-document-class {
  margin: 0 auto;
}

.AddPayeeTransaction .options-autocomplete::-webkit-scrollbar-track {
  background-color: var(--colors-cloud-200);
}

.AddPayeeTransaction .options-autocomplete::-webkit-scrollbar {
  width: 4px;
  height: 15px;
  background-color: var(--colors-cloud-200);
}

.AddPayeeTransaction .options-autocomplete::-webkit-scrollbar-thumb {
  background-color: var(--colors-truecolors-black);
}

.investment-transactions .datagrid table tr td.date {
  width: 170px !important;
}

.account-restrict-wrap .modal-body .select2-container.select2-container--default.select2-container--open .select2-results>ul li[aria-selected=true]::after {
  border: none;
  background: url('images/icon-round-tick-purple.svg') no-repeat center center;
  filter: none;
  content: " ";
  width: 24px;
  height: 24px;
  right: 15px;
  position: absolute;
  top: 15px;
}

.customer-boarding-otp vc-timer>div,
.flow-otp-modal vc-timer>div {
  justify-content: end;
}

.customer-boarding-otp vc-timer>div .timer-title,
.flow-otp-modal vc-timer>div .timer-title {
  display: none;
}

.customer-boarding-otp .otp-helper-text,
.flow-otp-modal .otp-helper-text {
  max-width: 320px !important;
  font: normal normal 400 16px/24px var(--base-font-family);
  letter-spacing: 0;
  text-align: center;
  color: var(--colors-truecolors-black);
}

.customer-boarding-otp .enrollment-title,
.flow-otp-modal .enrollment-title {
  font: normal normal 500 16px/24px var(--base-font-family);
  color: var(--colors-truecolors-black);
  letter-spacing: 0;
}

.customer-boarding-otp .enrollment-phase-title,
.flow-otp-modal .enrollment-phase-title {
  font: normal normal 400 16px/24px var(--base-font-family);
  color: var(--colors-truecolors-black);
  letter-spacing: 0;
}

.customer-boarding-otp .heading-text,
.flow-otp-modal .heading-text {
  font-family: var(--base-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--content-content-on-cloud);
  margin-top: -20px;
}

.remove-alert-margin .result-panel {
  margin-left: 0;
  margin-right: 0;
}

.ChequeBookRequestTransaction .flow-navigation>.row {
  padding-top: 0px !important;
}

@media (max-width: 766.98px) {
  .info-alert-cheque vc-gridrow vc-gridcolumn:last-child {
    padding-left: 0px;
  }
}

.invest-confirm-pop {
  margin-top: -12px;
}

.invest-confirm-pop-success {
  color: var(--content-content-black);
  text-align: center;
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.unlink-client-heading {
  margin-top: -15px;
  font-size: 20px;
}

.txn-info-text p {
  margin: 10px 0;
}

.txn-info-text p u b {
  font-weight: 400;
}

.remove-resultpanel-space .result-panel {
  margin: 0;
}

.contact-me-by-text-column .custom-control {
  width: 100%;
}

.over-inherit {
  overflow: inherit !important;
}

.pendingApproval-widget .corporate-pendingapproval-widget {
  padding: var(--spacing-xs) var(--spacing-md) !important;
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md) !important;
}

@media (max-width: 766.98px) {
  .pendingApproval-widget .corporate-pendingapproval-widget {
    padding: var(--spacing-xs) var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
  }
}

.pendingApproval-widget .corporate-pendingapproval-widget .no-transactions-found {
  height: auto !important;
}

.pendingApproval-widget .corporate-pendingapproval-widget .no-transactions-found .text-center {
  text-align: center !important;
}

/* .dbas-btn.btn-action.file-pay {
    background: var(--surface-surface-primary) !important;
    border: none !important;

    @include media-breakpoint-up(sm) {
        &:hover {
            background-color: var(--surface-surface-primary-hover) !important;
        }
    }
} */
.manage-alert {
  padding-top: 0 !important;
  border-radius: var(--radius-radius-xs);
  margin: 0 !important;
  align-items: center;
}

.manage-alert .balance-value {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.account-details-main vc-modalpopup#informationPopup .modal-document-class {
  max-width: 380px !important;
  margin: auto;
  margin-bottom: auto !important;
}

@media (max-width: 766.98px) {
  .account-details-main vc-modalpopup#informationPopup .modal-document-class {
    max-width: 100% !important;
  }
}

.account-details-main .modal-content-class {
  background: transparent !important;
}

.password-validation .help-block {
  margin-bottom: 20px;
}

.access-restriction-alert span {
  font-size: 12px;
  color: var(--content-content-slate);
}

@media (max-width: 766.98px) {
  .result-transaction-page.resultview-wrap .btn-primary {
    margin-left: 16px;
    margin-right: 16px;
    width: auto;
  }
}

.login-otp-result {
  padding: 0 !important;
}

vc-flownavigation .flownav-btn-wrapper-div div:only-child {
  max-width: 50%;
  margin-left: auto;
}

@media (max-width: 766.98px) {
  vc-flownavigation .flownav-btn-wrapper-div div:only-child {
    max-width: 100%;
  }
}

.dashboard-campaign-view {
  margin-top: 48px;
  margin-bottom: 18px;
}

@media (min-width: 767px) {
  .dashboard-campaign-view {
    margin-top: 40px;
    margin-bottom: 80px;
  }
}

.mobile-footer-container {
  padding: 16px;
}

.mobile-footer-container .mobile-footer-container-inner {
  background-color: var(--footer-mobile-background-color);
  border: 1px solid var(--footer-mobile-border-color);
  border-radius: var(--radius-radius-sm);
}

.flow-nav-back {
  display: none;
}

.tile-settings {
  gap: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 0;
}

.tile-settings vc-imagebutton img {
  height: 22px;
  max-width: 16px;
  min-width: 16px;
}

.tile-settings vc-imagebutton a {
  display: flex;
  gap: var(--spacing-3xs);
  align-items: center;
  padding-right: 12px;
  border-right: 1px solid var(--border-border-gray-secondary);
}

.tile-settings vc-imagebutton a span {
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.tile-settings vc-imagebutton a span:hover {
  color: var(--color-custom-blue);
  text-decoration: underline;
}

.tile-settings vc-imagebutton a:hover img {
  filter: invert(11%) sepia(96%) saturate(2350%) hue-rotate(205deg) brightness(60%) contrast(100%);
}

.tile-settings .viewaccount-btn {
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-right: 8px;
}

.tile-settings .viewaccount-btn::after {
  background: url('images/icon-chevron-blue.svg') no-repeat center center;
  content: " ";
  width: 15px;
  height: 15px;
  left: 3px;
  position: relative;
  top: 3px;
}

.right-panel-campaign {
  margin-bottom: var(--spacing-md);
}

.right-panel-campaign img {
  max-width: 100%;
}

.home-bottom-campaign {
  display: flex;
  gap: 12px;
  width: 750px;
  overflow: hidden;
}

@media (min-width: 767px) {
  .home-bottom-campaign {
    width: 100%;
  }
}

@media screen and (min-width: 575px) and (max-width: 1024px) {
  .home-bottom-campaign {
    width: 100%;
  }
}

.home-bottom-campaign button.slick-slide {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  border: 0 !important;
  font-size: 0;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

@media (min-width: 767px) {
  .home-bottom-campaign .slick-list .slick-track {
    max-width: 750px;
    width: 100% !important;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    justify-content: flex-start;
    margin-left: 0;
  }

  .home-bottom-campaign .slick-list .slick-track:before,
  .home-bottom-campaign .slick-list .slick-track:after {
    display: none;
  }
}

@media screen and (min-width: 575px) and (max-width: 1024px) {
  .home-bottom-campaign .slick-list .slick-track {
    max-width: 100%;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    justify-content: flex-start;
  }

  .home-bottom-campaign .slick-list .slick-track:before,
  .home-bottom-campaign .slick-list .slick-track:after {
    display: none;
  }
}

.home-bottom-campaign .slick-list .slick-track .slick-slide {
  width: auto;
  margin-right: 16px;
}

@media screen and (min-width: 575px) and (max-width: 1024px) {
  .home-bottom-campaign .slick-list .slick-track .slick-slide {
    margin-right: 0;
    width: calc(33.3% - 8px);
    max-width: 232px;
  }

  .home-bottom-campaign .slick-list .slick-track .slick-slide img {
    max-width: 100%;
  }
}

@media (min-width: 767px) {
  .home-bottom-campaign .slick-list .slick-track .slick-slide {
    width: calc(33.3% - 8px);
    max-width: 232px;
    margin-right: 0;
  }

  .home-bottom-campaign .slick-list .slick-track .slick-slide img {
    max-width: 100%;
  }
}

.home-bottom-campaign vc-campaignview {
  max-width: 100%;
}

.home-bottom-campaign vc-campaignview.hide-tablet {
  width: 100%;
}

.home-campaing-heading {
  color: var(--base-text-color);
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 1px;
  font-family: var(--secondary-font-family);
  font-weight: 700;
  margin-bottom: 16px;
  display: block;
}

@media (max-width: 766.98px) {
  .home-campaing-heading {
    font-size: 24px;
    margin-top: 32px;
  }
}

.account-grid {
  padding: var(--spacing-2xs) var(--spacing-md);
  border-radius: var(--radius-radius-xs);
  background: var(--content-content-white);
  position: relative;
}

@media (max-width: 766.98px) {
  .account-grid {
    padding: var(--spacing-4xs) var(--spacing-2xs);
    border-radius: var(--radius-radius-2xs);
  }
}

.account-grid .membership-header {
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.account-grid .membership-header vc-gridcolumn {
  padding-left: 0px !important;
}

.account-grid vc-gridrow {
  padding: 12px 0;
  border-bottom: 1px solid rgba(102, 102, 102, 0.4);
  align-items: center;
  margin: 0;
}

.account-grid vc-gridrow:last-child {
  border-bottom: none;
}

.account-grid vc-gridrow .account-item {
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.48px;
}

@media (max-width: 766.98px) {
  .account-grid vc-gridrow .account-item {
    display: block;
  }
}

.account-grid vc-gridrow .account-activity {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-left: 20px;
}

@media (max-width: 766.98px) {
  .account-grid vc-gridrow .account-activity {
    display: block;
    margin-left: 0px;
  }
}

.account-grid vc-gridrow .account-activity span {
  color: var(--content-content-black);
}

.account-grid vc-gridrow .amount-text {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
}

.account-grid vc-gridrow .accounts-kebeb-menu {
  margin: 0 var(--spacing-3xs) 0 20px;
  width: 6px !important;
}

.mobile-action-btns {
  margin: var(--spacing-md) 0;
}

@media (max-width: 766.98px) {
  .mobile-action-btns {
    justify-content: start;
    gap: 8px;
    padding-right: var(--spacing-xs);
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .mobile-action-btns {
    gap: 20px;
  }
}

.mobile-action-btns vc-imagebutton img {
  width: 24px !important;
  filter: brightness(0);
}

.mobile-action-btns .icon-button-circular {
  background: transparent;
  text-align: center;
  border-color: var(--content-content-black);
}

.mobile-action-btns .icon-button-circular span {
  color: var(--content-content-black);
}

@media (min-width: 320px) and (max-width: 374px) {
  .mobile-action-btns:has(> :nth-child(4):last-child) {
    gap: 6px;
  }

  .mobile-action-btns:has(> :nth-child(4):last-child) .icon-button-circular {
    width: calc((100vw - 32px - 18px) / 4);
    height: auto;
    aspect-ratio: 1/1;
    padding-inline: 10px;
    padding-block: 0;
    align-items: center;
  }

  .mobile-action-btns:has(> :nth-child(4):last-child) .send-money-circular-btn img {
    width: 21px !important;
  }
}

@media (min-width: 320px) and (max-width: 340px) {
  .mobile-action-btns:has(> :nth-child(4):last-child) .send-money-circular-btn img {
    width: 19px !important;
    margin-bottom: 1px;
  }
}

@media (max-width: 766.98px) {
  .home-account-list {
    padding-bottom: var(--spacing-md);
  }
}

@media (max-width: 1921px) and (min-width: 1353px) {
  .home-account-list {
    margin-right: 0px !important;
  }
}

.dashboard-selectableviews {
  padding: 0px;
  border-radius: 100px;
  border: 1px solid var(--border-border-gray);
  background: var(--content-content-white);
  margin: 16px 0;
}

.dashboard-selectableviews vc-gridcolumn {
  padding: 0px !important;
}

.dashboard-selectableviews vc-gridcolumn .selected {
  background: var(--content-content-black);
  color: var(--content-content-white);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  border-bottom: 0px;
}

.dashboard-selectableviews vc-gridcolumn:nth-child(1) label {
  border-radius: var(--sizing-sizing-16) 0 0 var(--sizing-sizing-16);
}

.dashboard-selectableviews vc-gridcolumn:nth-child(1) label.selected {
  border-radius: 100px 0 0 100px;
}

.dashboard-selectableviews vc-gridcolumn:nth-child(2) label {
  border-radius: 0 var(--sizing-sizing-16) var(--sizing-sizing-16) 0;
}

.dashboard-selectableviews vc-gridcolumn:nth-child(2) label.selected {
  border-radius: 0 var(--sizing-sizing-16) var(--sizing-sizing-16) 0;
}

.dashboard-selectableviews .selectable-button {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  height: 32px;
  margin: 0px;
}

.right-kebab-menu {
  position: fixed;
  z-index: 101;
  right: var(--spacing-3xs);
  top: calc(11px + var(--safe-area-inset-top));
}

.AccountDetailTransaction .right-kebab-menu {
  top: calc(8px + var(--safe-area-inset-top));
}

.session-expired .dbas-header {
  display: none !important;
}

.account-list .myaccounts-list-item:last-child .account-card-list-item:last-child {
  border-bottom: none;
}

.txnhistory-grid tr {
  position: relative;
}

.txnhistory-grid td.all {
  padding-top: 50px !important;
}

.txnhistory-grid .icon-wrapper {
  padding-top: 50px !important;
}

.txnhistory-grid .icon-wrapper .icon-circle-dashed {
  background: transparent !important;
  border: 1px solid rgba(102, 102, 102, 0.3) !important;
}

.txnhistory-grid .date {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.36px;
  position: absolute;
  left: 0;
  top: 18px;
}

.txnhistory-grid .txn-name {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
  margin-top: var(--spacing-4xs);
  margin-bottom: var(--spacing-4xs);
}

.txnhistory-grid .txn-detail {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}

.txnhistory-grid .amount .text-bold {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
}

.txnhistory-grid .amount .text-light {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.view-transactions .transactions-wrapper {
  margin-top: 5px;
}

.view-transactions vc-accountlistcombo .account-list-dropdown-selection .transaction-number {
  display: none;
}

.view-transactions vc-accountlistcombo .select2-results__option .text-sm {
  display: none;
}

.carouselAccount {
  width: 1258px;
  overflow: hidden;
}

@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .carouselAccount {
    width: calc(100vw - (411px + var(--spacing-xl) * 2));
    max-width: 1258px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .carouselAccount {
    width: calc(100vw - (325px + var(--spacing-sm) * 2));
  }
}

@media (max-width: 766.98px) {
  .carouselAccount {
    width: 100%;
  }

  .carouselAccount .slick-dots-container {
    bottom: -26px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: calc(50% - 57px);
  }

  .carouselAccount .slick-dots-container .slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0;
  }
}

.carouselAccount .slick-track {
  margin-left: 0px;
  margin-right: 0px;
}

.carouselAccount .slick-slide {
  margin-right: 24px;
}

@media (max-width: 766.98px) {
  .carouselAccount .slick-slide {
    margin-right: 16px;
    width: 316px;
    height: 186px;
  }
}

@media (max-width: 348px) {
  .carouselAccount .slick-slide {
    width: calc(100vw - 32px);
  }
}

.carouselAccount .slick-slide:last-child {
  margin-right: 0 !important;
}

.carouselAccount .slick-next {
  width: 40px;
  height: 195px;
  left: auto;
  right: -5px;
  background: var(--surface-surface-off-white);
  text-align: right;
}

.carouselAccount .slick-next:hover {
  background: var(--surface-surface-off-white);
}

@media (max-width: 766.98px) {
  .carouselAccount .slick-arrow {
    display: none !important;
  }
}

.carouselAccount .slick-dots li {
  -webkit-user-select: none;
  user-select: none;
}

.carouselAccount .slick-dots li button {
  width: 10px;
  height: 10px;
  background: var(--content-content-gray);
  border-radius: 100%;
  border: 1px solid var(--content-content-gray);
  padding: 0;
}

.carouselAccount .slick-dots li button:before {
  display: none;
}

.carouselAccount .slick-dots li.slick-active button {
  background: var(--content-content-white);
  border: 1px solid var(--content-content-gray);
}

@media (max-width: 766.98px) {
  .carouselAccount .card-nickname-row {
    padding: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 766.98px) {
  .carouselAccount .account-card-component .bottom-right-row {
    padding-top: 0px;
    margin-top: 0px;
  }
}

.no-record-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 362px;
  margin: 0 auto;
  padding: var(--spacing-md) var(--spacing-xs);
}

.no-record-found .no-transactions-heading {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  text-align: center;
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-3xs);
}

.no-record-found .no-transactions-message {
  color: var(--content-content-black, #000);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.execute-heading {
  color: var(--base-text-color);
  font-family: var(--secondary-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.execute-text {
  color: var(--content-content-on-cloud);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.profile-row {
  align-items: center;
  white-space: nowrap;
  text-align: end;
}

.profile-row .logon-info-text span {
  font: normal normal 400 14px/20px var(--base-font-family) !important;
  color: var(--submenu-item-color) !important;
}

.AccountlistWrap {
  padding: var(--spacing-xs) var(--spacing-md);
  padding-bottom: 0;
  padding-top: 4px;
  background: var(--content-content-white);
  margin-top: 12px;
  margin-bottom: var(--spacing-md);
  position: relative;
}

.AccountlistWrap .vc-gridrow-header-wrapper {
  margin-top: 0px;
}

.AccountlistWrap .myaccounts-list-item {
  padding-left: 0;
  padding-right: 0;
}

.AccountlistWrap .vc-gridrow-header {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.profile-grid {
  margin-bottom: var(--spacing-md);
}

@media (min-width: 767px) {
  .profile-grid {
    padding: var(--spacing-sm) 24px;
    background: var(--content-content-white);
  }
}

@media (max-width: 766.98px) {
  .blue-edit-button {
    top: -24px !important;
  }
}

@media (max-width: 766.98px) {
  .login-logo-wrapper {
    width: 100% !important;
  }
}

.selectableArea {
  position: relative;
}

.btn-setting-mobile img {
  width: 24px !important;
  height: 24px;
  position: absolute;
  top: 22px;
  right: -1px;
}

@media (max-width: 374px) {
  .btn-setting-mobile img {
    top: 24px;
  }
}

.st-grid .icon-wrapper {
  display: none;
}

vc-uiviewheader .no-transactions {
  width: 100%;
}

vc-uiviewheader .no-transactions .no-record-found {
  padding: 0;
}

vc-uiviewheader .no-transactions .no-transactions-heading,
vc-uiviewheader .no-transactions .no-transactions-message {
  color: var(--content-content-white);
}

vc-uiviewheader .menu-separator-search {
  margin: var(--spacing-2xl) !important;
}

.mobile-select-buttons {
  padding-right: var(--spacing-xs);
}

.mobile-select-buttons .btn-sm {
  float: right;
  margin-top: 15px;
}

.delegate-management-wrapper {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 766.98px) {
  .delegate-management-wrapper {
    margin-bottom: 16px;
  }
}

.delegate-management-wrapper .information-container {
  padding: 0;
}

.delegate-management-wrapper vc-information-item:first-child .information-content {
  padding-top: 0px;
}

.delegate-management-wrapper vc-information-item:last-child .information-content {
  padding-bottom: 0px;
}

.font-18-700-dark {
  color: var(--base-text-color);
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 1px;
}

.makePaymentContainer .tooltip-btn {
  position: static !important;
}

.makePaymentContainer .flex-grow-1 {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 766.98px) {
  .payee-list-gridsystem {
    padding-top: 32px !important;
  }
}

.otp-type-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
  border-bottom: 1px solid var(--colors-gray-200);
}

.otp-type-item .otp-icon {
  margin-right: 8px;
}

.otp-type-item .arrow-icon {
  margin-left: auto;
  cursor: pointer;
}

.otp-type-item:last-child {
  border-bottom: none;
}

@media (min-width: 767px) {
  .general-checkbook .col-6 {
    width: auto;
    padding-right: 0px;
  }

  .general-checkbook .checkbox-text {
    margin-right: 0px !important;
  }

  .general-checkbook .list-wrapper {
    gap: 24px;
  }
}

.view-transactions .transaction-history .transactions-wrapper vc-containerrow .form-group {
  margin-bottom: 0px !important;
}

@media (max-width: 766.98px) {
  .view-transactions {
    overflow: var(--mobile-body-view-transaction-overflow);
  }

  .view-transactions .transaction-history {
    height: var(--mobile-transaction-history-height);
    overflow-y: var(--mobile-transaction-history-overflow-y);
  }
}

.account-list-transaction vc-linkbutton .link-button {
  text-decoration: none !important;
}

.info-text-icon {
  display: flex;
  justify-content: space-between;
}

.common-execute-information-button .information-item-has-button {
  margin-bottom: 12px !important;
}

.common-execute-information-button .information-item-has-button .row {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.common-execute-information-button .transaction-details-content {
  margin-top: -5px;
  padding-top: 5px;
}

.rename-account-validation {
  margin-top: 15px;
}

.rename-account-validation ul {
  list-style: none;
  padding: 0;
}

.rename-account-validation ul li {
  padding-top: 5px;
}

.rename-account-validation ul li img {
  padding-right: 10px;
}

.paired-devices-start-step-message {
  font: normal 600 16px/24px var(--base-font-family);
  letter-spacing: 0%;
}

.paired-devices-info-message {
  font: normal 400 16px/24px var(--base-font-family);
  letter-spacing: 0%;
}

.account-restriction-informative-message {
  display: block;
  margin-bottom: 16px;
}

@media (max-width: 766.98px) {
  .account-restriction-informative-message {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.doc-remove-btn {
  color: var(--content-content-black) !important;
  background: transparent !important;
  border: 1px solid var(--content-content-black) !important;
}

@media (pointer: fine) and (hover: hover) {

  .doc-remove-btn:hover i.icon-save-blue,
  .doc-remove-btn:hover i.icon-print-blue {
    filter: brightness(0) invert(1) !important;
  }
}

.doc-remove-btn:not(:disabled):not(.disabled):active i.icon-save-blue,
.doc-remove-btn:not(:disabled):not(.disabled):active i.icon-print-blue,
.doc-remove-btn:not(:disabled):not(.disabled).active i.icon-save-blue,
.doc-remove-btn:not(:disabled):not(.disabled).active i.icon-print-blue {
  filter: brightness(0) invert(1) !important;
}

@media (max-width: 766.98px) {
  .doc-remove-btn .icon-save {
    display: none !important;
  }
}

.view-scheduled-transactions .icon-wrapper {
  display: block !important;
  padding-top: 16px !important;
}

@media (min-width: 767px) {
  .view-scheduled-transactions .icon-wrapper {
    width: 50px !important;
  }
}

@media (max-width: 766.98px) {
  .view-scheduled-transactions .icon-wrapper {
    width: 50px !important;
  }
}

.view-scheduled-transactions vc-datagrid .datagrid .table tbody tr td .text-light {
  color: #707070 !important;
}

.custom-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.custom-dots .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: gray;
  margin: 0 4px;
  border: none;
  cursor: pointer;
}

.custom-dots .dot.active {
  background: blue;
}

.order-cheques-checkbox {
  background: var(--content-content-white);
  display: block;
  padding: 12px 16px;
  border: 1px solid var(--border-border-gray-secondary);
  border-radius: var(--radius-radius-2xs);
}

.order-cheques-checkbox .checkbox-inline {
  padding-top: 4px;
  align-items: center;
}

.BillPaymentTransaction .common-confirm .payfrom {
  border-bottom: 2px solid #666;
}

.BillPaymentTransaction .common-confirm .payment-item-last-child {
  border-bottom: 2px solid #666666;
  padding-bottom: 24px;
}

.BillPaymentTransaction .common-confirm vc-information-item .information-content.justify-content-between {
  justify-content: space-between !important;
}

vc-paymentlistconfirm.execute vc-transactiondetails:not(:last-child) .transaction-details:not(.detail-visible) {
  border-bottom: 2px solid #666;
  padding-bottom: 24px;
  margin-bottom: 12px;
}

vc-paymentlistconfirm.execute vc-transactiondetails:not(:last-child) .transaction-details-content {
  border-bottom: 2px solid #666;
  padding-bottom: 36px;
}

vc-paymentlistconfirm.execute .payfrom .information-content {
  border-bottom: 2px solid #666;
  padding-bottom: var(--spacing-2xs) !important;
  margin-bottom: var(--spacing-2xs);
}

vc-paymentlistconfirm.execute .bill-status-icon {
  display: flex;
  justify-content: center;
  gap: var(--spacing-3xs);
  align-items: flex-start;
}

vc-paymentlistconfirm.execute .declineresult .text-base {
  justify-content: center;
  gap: var(--spacing-3xs);
}

vc-paymentlistconfirm.execute .declineresult .text-base:before {
  background: url('images/icon-bill-decline.svg');
  content: " ";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
}

vc-paymentlistconfirm.execute .normalresult .text-base {
  justify-content: center;
  gap: var(--spacing-3xs);
}

vc-paymentlistconfirm.execute .normalresult .text-base:before {
  background: url('images/icon-bill-succes.svg');
  content: " ";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
}

@media (min-width: 767px) {
  .first-time-login-popup .modal-header-text {
    font-size: 20px;
  }
}

.login-username-textbox-info-icon {
  position: absolute;
  right: 32px;
  top: 18px;
  display: block;
  background: transparent;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
}

@media (max-width: 766.98px) {
  .login-username-textbox-info-icon {
    top: 30px;
  }
}

@media (max-width: 766.98px) {
  .account-details-main .inActive-latePayment {
    right: auto;
    bottom: 47px;
    left: 50%;
    transform: translateX(-50%);
  }

  .account-details-main .account-detail-wrapper .account-card-component {
    padding-bottom: 85px;
  }

  .account-details-main vc-investmentaccountcardview {
    padding-bottom: 44px !important;
  }

  .account-details-main vc-investmentaccountcardview .account-card-content {
    margin-top: 18px;
  }
}

@media (min-width: 767px) {
  .account-details-main .inActive-latePayment {
    position: initial;
    width: 184px;
    margin: auto;
  }
}

.scheduledselectable {
  margin-bottom: 32px;
}

@media (max-width: 766.98px) {
  .scheduledselectable {
    margin-bottom: 16px;
  }
}

vc-paymentlistconfirm .information-container vc-gridcolumn:nth-child(1) {
  text-align: center !important;
}

vc-paymentlistconfirm .information-container vc-gridcolumn:nth-child(2) {
  text-align: center !important;
}

.bill-payment-grid .sub-message {
  margin-bottom: 16px;
}

.bill-payment-grid .transaction-details {
  padding-top: 12px !important;
}

.bill-payment-grid .transaction-details-content {
  padding-top: 12px !important;
}

@media (max-width: 766.98px) {
  .common-execute-page .left-resultview>vc-gridrow {
    flex-direction: column-reverse;
  }

  .common-execute-page .left-resultview>vc-gridrow vc-gridcolumn:empty {
    display: none !important;
  }
}

.ViewScheduledTransactions vc-flownavigation {
  margin-top: 12px;
}

.ViewScheduledTransactions .flow-nav-backward {
  color: var(--btn-outline-text-color);
  background: var(--btn-outline-bg-color);
  border-color: var(--btn-outline-border-color);
}

.ViewScheduledTransactions .flow-nav-backward:hover {
  background: var(--btn-outline-bg-hover-color) !important;
  color: var(--btn-outline-text-hover-color) !important;
  border-color: var(--btn-outline-border-hover-color) !important;
}

@media (max-width: 766.98px) {

  .view-scheduled-transactions-step2 .grid-account-transaction,
  .view-holding-detail .grid-account-transaction {
    background: none;
    padding: 0px;
    box-shadow: none;
  }
}

@media (min-width: 767px) {
  .InteracAutoDepositListTransaction .interac-no-contact-found {
    margin-top: 24px !important;
  }
}

@media (max-width: 766.98px) {
  .InteracAutoDepositListTransaction .interac-no-contact-found {
    margin: 16px !important;
  }
}

.login-masterview .content-inner-panels:has(.error-component) {
  padding-left: var(--spacing-4xl);
}

.content-inner-panels .no-payee-found {
  margin-bottom: 16px !important;
}

.cra-payment-account-txn-history .no-payee-found {
  margin-top: 16px !important;
}

@media (max-width: 766.98px) {
  .scheduledtransactions table tr td:nth-child(2) .text-bold {
    word-break: break-word;
    padding-right: 20px;
  }
}

.interac-pending-list-transaction vc-datagrid {
  padding: 0 var(--spacing-md);
  background: var(--content-content-white);
  position: relative;
}

@media (max-width: 766.98px) {
  .interac-pending-list-transaction vc-datagrid {
    box-shadow: none;
  }
}

.interac-pending-detail-item {
  padding: var(--spacing-xs) 9px;
  background: var(--content-content-white);
  margin: 0;
  margin-top: var(--spacing-md);
  margin-bottom: 16px;
  position: relative;
}

@media (max-width: 766.98px) {
  .interac-pending-detail-item {
    box-shadow: none;
  }
}

.transaction-detail-container {
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-radius-xs);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .transaction-detail-container.mob-margin-reduce {
    margin-bottom: 12px;
  }
}

@media (max-width: 766.98px) {
  .transaction-detail-container.mob-margin-remove {
    margin-bottom: 0;
  }
}

@media (max-width: 766.98px) {
  .transaction-detail-container.remove-mobile-whitearea {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
}

@media only screen and (max-width: 480px) {
  .transaction-detail-container {
    box-shadow: none;
  }
}

.transaction-detail-container .detail-row {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid var(--border-border-gray-secondary);
  padding-bottom: var(--spacing-2xs);
  margin-bottom: var(--spacing-2xs);
}

@media (max-width: 766.98px) {
  .transaction-detail-container .detail-row {
    justify-content: space-between;
  }
}

.transaction-detail-container .detail-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.transaction-detail-container .detail-row .detail-label {
  width: 40%;
  color: var(--information-item-title-color);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 766.98px) {
  .transaction-detail-container .detail-row .detail-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.transaction-detail-container .detail-row .detail-value {
  color: var(--information-item-value-color);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  max-width: 60%;
  overflow-wrap: break-word;
}

@media (max-width: 766.98px) {
  .transaction-detail-container .detail-row .detail-value {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

.interac-transfer-sendmoney-history-detail-transaction vc-grid-view {
  padding: 0 var(--spacing-md);
  border-radius: var(--radius-radius-xs);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .interac-transfer-sendmoney-history-detail-transaction vc-grid-view {
    box-shadow: none;
  }
}

.interac-transfer-sendmoney-history-detail-transaction vc-grid-view .data-list {
  padding-top: 0px !important;
}

.interac-transfer-sendmoney-history-detail-transaction vc-grid-view .data-list td {
  border: none;
  border-width: 0;
  padding: 0;
}

.interac-transfer-sendmoney-history-detail-transaction vc-grid-view .data-list td:first-child {
  width: 40%;
}

.interac-transfer-sendmoney-history-detail-transaction vc-grid-view .data-list td:last-child {
  text-align: left;
}

@media (max-width: 766.98px) {
  .interac-transfer-sendmoney-history-detail-transaction vc-grid-view .data-list td:last-child {
    text-align: right;
  }
}

.flow-navigation:has(.forgot-password-username) .flownav-btn-wrapper-div {
  flex-direction: row !important;
  margin: 0 !important;
}

.forgot-password-username #securityInformationLabel span {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: var(--spacing-2xs);
  display: block;
}

@media (max-width: 766.98px) {
  .view-edocuments .back-and-search-row {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
  }
}

.flow-before-login .flownav-btn-wrapper-div div:only-child {
  max-width: 100%;
  margin-left: auto;
}

.confirm-number {
  display: block;
  margin: 24px 0 12px;
}

.unlink-button {
  color: var(--content-content-blue);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.transaction-icon-wrapper {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: 1px solid rgba(102, 102, 102, 0.3);
  border-radius: 50%;
  margin-right: var(--spacing-3xs);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.transaction-icon-wrapper img {
  max-width: 30px;
  max-height: 30px;
  border-radius: 50%;
}

.transaction-icon-wrapper.cheque-icon img {
  max-width: 24px;
  max-height: 24px;
  border-radius: 0%;
}

.DelegateManagementTransactionRight vc-flownavigation .flownav-btn-wrapper-div div:only-child {
  margin-left: 0;
  margin-right: auto;
}

.history-search {
  max-width: 50%;
}

@media (max-width: 766.98px) {
  .history-search {
    max-width: 100%;
  }
}

#requestMoneyInfoConfirmInfoText span {
  font-family: Articulat CF;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0%;
}

.no-approval-transaction-found {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: var(--spacing-xl);
  gap: var(--spacing-2xs);
  background: var(--content-content-white);
  border-radius: var(--widget-border-radius-2);
}

.no-approval-transaction-found .no-transaction-text {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: var(--base-text-color);
}

.error-button-center {
  justify-content: space-around !important;
}

.OpenNoFeeChequingAccount .s-Step2 {
  margin-bottom: 0px !important;
}

@media (min-width: 992px) {
  .custom-information-button {
    padding: 0px;
  }

  .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12 {
    padding: 0 calc(var(--bs-gutter-x) * 0.5) 0;
  }
}

@media (min-width: 992px) {

  .OpenNoFeeChequingAccount .custom-information-button,
  .OpenSavingsAccount .custom-information-button,
  .OpenTermDepositAccount .custom-information-button,
  .OpenRRSPTermDepositAccount .custom-information-button,
  .OpenTFSATermDepositAccount .custom-information-button {
    padding: 0px;
  }

  .OpenNoFeeChequingAccount .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12,
  .OpenSavingsAccount .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12,
  .OpenTermDepositAccount .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12,
  .OpenRRSPTermDepositAccount .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12,
  .OpenTFSATermDepositAccount .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12 {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 calc(var(--bs-gutter-x) * 0.5) 0;
  }
}

.TransferToOwnAccountTransaction {
  /*.counter-field:has(.counter-field__input.ng-dirty){
      border: 2px solid #000 !important;
  }*/
}

.TransferToOwnAccountTransaction .turbine.ng-invalid .counter-field {
  border: 2px solid var(--input-field-error-border-color) !important;
}

.TransferToOwnAccountTransaction .turbine.ng-invalid .counter-field .form-control {
  border: none !important;
}

.approvalHistoryClass .date-label,
.approvalHistoryClass .sub-details {
  color: var(--content-content-gray);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}

.approvalHistoryClass .transaction-title {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.2px;
  letter-spacing: 0.48px;
  margin: 4px 0;
}

.approvalHistoryClass .amount {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.approvalHistoryClass .status {
  color: var(--content-content-black);
  text-align: right;
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}

.approvalHistoryClass .status.rejected {
  color: var(--content-content-error);
}

.approvalHistoryClass .status.completed {
  color: var(--content-content-success);
}

@media only screen and (min-width: 768px) {
  .slick-slide {
    width: calc(100vw - 420px);
  }
}

@media (min-width: 767px) {
  .executed-screen:not(.session-expired) .content {
    margin: 0px !important;
  }
}

@media (max-width: 766.98px) {
  .executed-screen:not(.session-expired) .content .error-component {
    height: auto;
  }
}

.executed-screen:not(.session-expired) .content-inner-panels {
  margin-top: 120px !important;
}

.executed-screen:not(.session-expired) #containerView {
  min-height: initial !important;
}

@media (min-width: 767px) {
  body:has(.forgot-password-username, .forgotpassword-transaction) .flow-navigation .flownav-btn-wrapper-div {
    flex-direction: row !important;
    margin: 0;
  }

  body:has(.forgot-password-username, .forgotpassword-transaction) #containerView {
    margin-bottom: 0px !important;
  }
}

.InteracReceiveMoneyTransaction .content-header .header-title {
  margin-bottom: 8px;
}

.InteracReceiveMoneyTransaction .txn-step-text p {
  margin-bottom: 16px !important;
}

@media (max-width: 766.98px) {
  .InteracReceiveMoneyTransaction .txn-step-text p {
    margin-bottom: 12px !important;
    margin-top: 24px !important;
  }
}

.InteracReceiveMoneyTransaction .txn-footer-text {
  margin-top: 40px;
}

@media (max-width: 766.98px) {
  .InteracReceiveMoneyTransaction .txn-footer-text {
    margin-top: 0px !important;
  }
}

.InteracReceiveMoneyTransaction .common-confirm {
  margin: 16px 0;
}

@media (max-width: 766.98px) {
  .InteracReceiveMoneyTransaction .common-confirm {
    margin: 12px 0;
  }
}

@media (min-width: 992px) {

  .InteracProfileUpdateTransaction .custom-information-button,
  .InteracProfileCreateTransaction .custom-information-button,
  .LinkInvestmentAccount .custom-information-button {
    padding: 0px;
  }
}

@media (min-width: 992px) {

  .InteracProfileUpdateTransaction .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12,
  .InteracProfileCreateTransaction .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12,
  .LinkInvestmentAccount .custom-information-button .transaction-details-content .information-item-has-button.col-lg-12 {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 calc(var(--bs-gutter-x) * 0.5) 0;
  }
}

@media (min-width: 767px) {

  .InteracProfileUpdateTransaction .custom-information-button .transaction-details-content .information-item-has-button:first-child .btn-action,
  .InteracProfileCreateTransaction .custom-information-button .transaction-details-content .information-item-has-button:first-child .btn-action,
  .LinkInvestmentAccount .custom-information-button .transaction-details-content .information-item-has-button:first-child .btn-action {
    color: var(--btn-outline-text-color);
    background: var(--btn-outline-bg-color);
    border-color: var(--btn-outline-border-color);
  }

  .InteracProfileUpdateTransaction .custom-information-button .transaction-details-content .information-item-has-button:first-child .btn-action:hover,
  .InteracProfileCreateTransaction .custom-information-button .transaction-details-content .information-item-has-button:first-child .btn-action:hover,
  .LinkInvestmentAccount .custom-information-button .transaction-details-content .information-item-has-button:first-child .btn-action:hover {
    background: var(--btn-outline-bg-hover-color) !important;
    color: var(--btn-outline-text-hover-color) !important;
    border-color: var(--btn-outline-border-hover-color) !important;
  }
}

@media (max-width: 766.98px) {

  .InteracProfileUpdateTransaction .custom-information-button .transaction-details-content .information-item-has-button:last-child .btn-action,
  .InteracProfileCreateTransaction .custom-information-button .transaction-details-content .information-item-has-button:last-child .btn-action,
  .LinkInvestmentAccount .custom-information-button .transaction-details-content .information-item-has-button:last-child .btn-action {
    color: var(--btn-outline-text-color);
    background: var(--btn-outline-bg-color);
    border-color: var(--btn-outline-border-color);
  }

  .InteracProfileUpdateTransaction .custom-information-button .transaction-details-content .information-item-has-button:last-child .btn-action:hover,
  .InteracProfileCreateTransaction .custom-information-button .transaction-details-content .information-item-has-button:last-child .btn-action:hover,
  .LinkInvestmentAccount .custom-information-button .transaction-details-content .information-item-has-button:last-child .btn-action:hover {
    background: var(--btn-outline-bg-hover-color) !important;
    color: var(--btn-outline-text-hover-color) !important;
    border-color: var(--btn-outline-border-hover-color) !important;
  }
}

.RemoteDepositChequeTransaction vc-flownavigation .flownav-btn-wrapper-div div:only-child {
  padding: 0px !important;
}

.forgot-username-transaction vc-information-container {
  padding: var(--spacing-xs) 0;
  border-radius: var(--radius-radius-xs);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
  display: block;
  margin-bottom: 0px;
}

@media (max-width: 766.98px) {
  .forgot-username-transaction vc-information-container {
    padding: var(--spacing-xs) 0;
    margin-bottom: 0;
  }
}

.forgot-username-transaction vc-information-container vc-information-item {
  display: block !important;
}

@media (min-width: 767px) {
  .forgot-username-transaction vc-information-container vc-information-item .information-content {
    justify-content: flex-start !important;
  }
}

@media (max-width: 766.98px) {
  .forgot-username-transaction .forgot-username-transaction-info {
    text-align: left;
  }
}

@media (min-width: 767px) {
  .forgot-username-transaction .forgot-username-transaction-info {
    text-align: center;
  }
}

.interac-send-money-transaction .payee-details-text {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.interac-send-money-transaction .datepicker-input-button.clear-button {
  display: none;
}

.interac-send-money-transaction .datepicker-button-group {
  display: none;
}

.interac-receive-money.start {
  padding-top: 0px;
}

.common-execute-page .bigmain-heading {
  margin-top: -15px;
  font-size: 20px;
}

body:has(.interaccontact-steptwo) .flow-navigation .ng-star-inserted:nth-child(2) .btn-action {
  color: var(--btn-outline-text-color);
  background: var(--btn-outline-bg-color);
  border-color: var(--btn-outline-border-color);
}

body:has(.interaccontact-steptwo) .flow-navigation .ng-star-inserted:nth-child(2) .btn-action:hover {
  background: var(--btn-outline-bg-hover-color) !important;
  color: var(--btn-outline-text-hover-color) !important;
  border-color: var(--btn-outline-border-hover-color) !important;
}

.contact-us-link {
  cursor: pointer;
}

.cheques-information {
  background: var(--content-content-white);
  margin: var(--spacing-xs) 0;
  padding: var(--spacing-2xs) 24px var(--spacing-sm) 24px;
}

@media (max-width: 766.98px) {
  .cheques-information {
    background: transparent;
    padding: 0;
  }
}

.cheques-information .order-cheques-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 767px) {
  .cheques-information .order-cheques-checkbox {
    padding: 0px;
    border: none;
  }
}

.cheques-information .vc-gridrow-header {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.cheques-information .checkbox-column,
.cheques-information .inner-column {
  padding-left: 0px;
  padding-right: 0px;
}

.cheques-information .checkbox-column label,
.cheques-information .inner-column label {
  margin-bottom: 0px;
}

.cheques-information .deliver-to .tooltip-btn {
  margin-left: var(--spacing-2xs);
}

.order-cheque-field {
  padding-bottom: 16px;
}

@media (max-width: 766.98px) {
  .order-cheque-field {
    padding-bottom: 12px;
  }
}

.section-title.cheques-information:focus-visible {
  outline: none;
}

.special-instruction.chequebook-request .floatingPlaceholder {
  display: block;
  left: 17px;
  top: 20px;
  opacity: 0;
}

.special-instruction.chequebook-request vc-textarea .form-control:not(:placeholder-shown) {
  padding-top: 30px !important;
}

.special-instruction.chequebook-request .form-group {
  padding-bottom: 0;
}

.special-instruction div.has-value .floatingPlaceholder {
  opacity: 1;
}

.BillPaymentTransaction .custom-execute-buttons>vc-gridcolumn:only-child .doc-remove-btn,
.BillPaymentTransaction .custom-execute-buttons>vc-gridcolumn:nth-of-type(3) .doc-remove-btn {
  color: var(--btn-primary-text-color) !important;
  background: var(--btn-primary-bg-color) !important;
  border-color: var(--btn-primary-border-color) !important;
}

@media (max-width: 766.98px) {
  .BillPaymentTransaction .custom-execute-buttons {
    flex-direction: column-reverse;
  }
}

.OpenAccountMenu vc-selectablebuttonlist {
  box-shadow: none;
}

body:has(.landingpage-announcement) .welcome-dashboard {
  margin-top: 0 !important;
}

.linkcard-transaction .linkcard-text {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: block;
  margin-bottom: 24px;
}

.linkcard-transaction vc-checkbox .checkbox-inline {
  margin-bottom: 24px;
}

@media (max-width: 766.98px) {
  .profile-border-bottom {
    border-bottom: 1px solid var(--information-item-seperator-color);
  }
}

@media (min-width: 992px) {
  .account-detail-transaction vc-selectablebuttonlist vc-gridcolumn.col-6 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

.with-background {
  padding: var(--spacing-xs) var(--spacing-md);
  padding-bottom: 0;
  padding-top: 4px;
  background: var(--content-content-white);
  position: relative;
  border-radius: var(--radius-radius-xs);
}

@media (max-width: 991.98px) {
  .transaction-history-accountntxnhistory {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 766.98px) {
  .transaction-history-accountntxnhistory .transactions-wrapper {
    margin-top: 0px;
  }

  .transaction-history-accountntxnhistory .investment-account-history {
    background: #313130;
    padding: 20px 0;
    margin-bottom: var(--spacing-xs);
  }
}

@media (max-width: 766.98px) {
  .transaction-history-creditcardtxnhistory {
    padding: 0px;
  }

  .transaction-history-creditcardtxnhistory .account-detail-wrapper .account-card-component {
    border-radius: 0px;
    margin-bottom: 0;
  }

  .transaction-history-creditcardtxnhistory .mb-card-grid {
    padding: 0 16px;
  }
}

@media (max-width: 766.98px) {
  .ChequeBookRequestTransaction .custom-radio vc-information {
    top: 15px;
    right: 26px;
    position: absolute;
  }
}

@media (max-width: 766.98px) and (max-width: 766.98px) {
  .ChequeBookRequestTransaction .information-container vc-information-item .information-content .information-item-title {
    white-space: normal;
  }
}

@media (max-width: 766.98px) {
  .information-container vc-information-item .information-content .information-item-title {
    white-space: normal;
  }
}

@media (max-width: 766.98px) {
  .EStatementSubscriptionTransaction vc-radiobuttonlist {
    flex-direction: column;
    gap: var(--spacing-2xs);
  }
}

.consolidated-list {
  padding-left: 0;
  padding-right: 0;
}

.consolidated-list .consolidated-item-wrapper {
  display: flex;
  position: relative;
}

.consolidated-list .consolidated-item-wrapper:last-child .consolidated-item {
  border-bottom: 0;
}

.consolidated-list .consolidated-item {
  border-bottom: 1px solid var(--border-border-slate-light);
  padding-top: 0px !important;
  padding-bottom: 12px !important;
}

.consolidated-list .consolidated-item.consolidated-item-no-border {
  border-bottom: none;
}

.consolidated-list .consolidated-item,
.consolidated-list .fundtransfer-item {
  align-items: center;
  touch-action: pan-y !important;
  justify-content: space-between;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  width: 100vw;
}

.consolidated-list .fundtransfer-item {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.consolidated-list .consolidated-thumbnail {
  border-radius: 50%;
  background-color: var(--colors-slate-100);
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--surface-surface-cloud);
  font-size: var(--base-font-size);
  text-transform: uppercase;
  font-weight: 600;
}

.consolidated-list .consolidated-username {
  font: 600 16px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-white-widget);
}

.consolidated-list .username-text {
  font: 400 14px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--subvalue-color-on-white-widget);
}

.consolidated-list {
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .consolidated-list {
    box-shadow: none;
  }
}

.consolidated-list .consolidated-item {
  background-color: transparent !important;
  border: 0;
  border-bottom: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.consolidated-list .consolidated-item-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--white-widget-background-color);
  border-bottom: 1px solid var(--white-widget-border-color);
  padding: 12px 0;
}

.consolidated-list .consolidated-item-wrapper:first-child {
  padding-top: 0px;
}

.consolidated-list .consolidated-item-wrapper:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.consolidated-list -item-wrapper-list .consolidated-item {
  width: 100%;
}

.consolidated-list {
  padding-left: 0;
  padding-right: 0;
}

.consolidated-list .consolidated-item-wrapper {
  display: flex;
  position: relative;
}

.consolidated-list .consolidated-item-wrapper:last-child .consolidated-item {
  border-bottom: 0;
}

.consolidated-list .consolidated-item {
  border-bottom: 1px solid var(--border-border-slate-light);
  padding-top: 0px !important;
  padding-bottom: 12px !important;
}

.consolidated-list .consolidated-item.consolidated-item-no-border {
  border-bottom: none;
}

.consolidated-list .consolidated-item,
.consolidated-list .fundtransfer-item {
  align-items: center;
  touch-action: pan-y !important;
  justify-content: space-between;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  width: 100vw;
}

.consolidated-list .fundtransfer-item {
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.consolidated-list .consolidated-thumbnail {
  border-radius: 50%;
  background-color: var(--colors-slate-100);
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--surface-surface-cloud);
  font-size: var(--base-font-size);
  text-transform: uppercase;
  font-weight: 600;
}

.consolidated-list .consolidated-username {
  font: 600 16px/20px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--default-color-on-white-widget);
}

.consolidated-list .username-text {
  font: 400 14px/16px var(--base-font-family);
  letter-spacing: 0px;
  color: var(--subvalue-color-on-white-widget);
}

.consolidated-list {
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .consolidated-list {
    box-shadow: none;
  }
}

.consolidated-list .consolidated-item {
  background-color: transparent !important;
  border: 0;
  border-bottom: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.consolidated-list .consolidated-item-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--white-widget-background-color);
  border-bottom: 1px solid var(--white-widget-border-color);
  padding: 12px 0;
}

.consolidated-list .consolidated-item-wrapper:first-child {
  padding-top: 0px;
}

.consolidated-list .consolidated-item-wrapper:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.consolidated-list .consolidated-item {
  width: 100%;
}

.consolidated-list {
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--content-content-white);
  margin-bottom: var(--spacing-md);
  position: relative;
}

@media (max-width: 766.98px) {
  .consolidated-list {
    box-shadow: none;
  }
}

.consolidated-list .consolidated-item {
  background-color: transparent !important;
  border: 0;
  border-bottom: var(--widget-seperator-width) solid var(--white-widget-seperator-color);
}

.consolidated-list .consolidated-item-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--white-widget-background-color);
  border-bottom: 1px solid var(--white-widget-border-color);
  padding: 12px 0;
}

.consolidated-list .consolidated-item-wrapper:first-child {
  padding-top: 0px;
}

.consolidated-list .consolidated-item-wrapper:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.consolidated-list .consolidated-item {
  width: 100%;
}

#btnUpdatePassword span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: #000000;
  margin-top: 12px;
  cursor: pointer;
}

.linkButtonDisabled a {
  background: #000 !important;
  opacity: 0.4 !important;
}

.consolidateMembershipListRow {
  margin: 0px;
}

.consolidateMembershipListRow .membershipSubInfo {
  color: #666;
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 14px;
}

.consolidateMembershipListRow .membershipInfo {
  margin-bottom: 4px !important;
}

.ConsolidatedMembershipUnlinkTransaction .txn-info-text p {
  font-size: 16px;
}

.cheque-radio .flex-grow-1 {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

@media (max-width: 766.98px) {
  .cheque-radio .flex-grow-1 {
    gap: var(--spacing-2xs);
  }
}

.fee-schedule-note-plain {
  position: relative;
}

.fee-schedule-note-plain span::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('images/info.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  filter: brightness(0) saturate(100%) invert(40%);
}

.financial-reminder-list .financial-reminder-row {
  padding-left: 16px;
  padding-right: 16px;
}

@media (max-width: 766.98px) {
  .financial-reminder-list .financial-reminder-row .financial-reminder-card-dot {
    right: 16px !important;
    top: 16px !important;
  }
}

.tc-container .form-group {
  margin-bottom: 8px !important;
}

#linkButton {
  text-decoration: underline;
  cursor: pointer;
}

.home-bottom-campaign vc-image img {
  width: 232px;
}

@media (max-width: 766.98px) {
  .home-bottom-campaign vc-image img {
    width: 249px;
  }
}

@media (max-width: 766.98px) {
  body:has(.investment-account-detail) header .navbar {
    display: flex !important;
  }
}

@media (max-width: 1024px) {
  .UpdatePersonalInformationTransaction .common-confirm {
    margin-top: 0px !important;
  }
}

.UpdatePersonalInformationTransaction #UpdatePersonalInformationTransaction_InformationItem_1 {
  margin-bottom: 8px;
}

.UpdatePersonalInformationTransaction #UpdatePersonalInformationTransaction_InformationItem_0 {
  margin-bottom: 16px;
}

@media (min-width: 767px) {
  body.executed-screen .StopSingleChequePaymentTransaction vc-button a.btn {
    white-space: nowrap;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.view-stop-cheque-requests-transaction vc-datagrid table tbody tr td>div {
  position: relative;
}

.view-stop-cheque-requests-transaction vc-datagrid table tbody tr td>div::after {
  content: "";
  background: url('images/acc-arrow-dark.svg') no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
}

@media (max-width: 766.98px) {
  .bill-payment-payee-list .modal-body {
    margin-bottom: 95px;
  }
}

.isHome .available-column {
  max-width: 225px;
}

.transaction-font-heading {
  font-family: var(--base-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--content-content-black);
}

.home-list-view {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

@media (max-width: 766.98px) {
  .home-list-view {
    align-items: flex-start;
    gap: var(--spacing-3xs);
    flex-direction: column;
  }
}

.home-list-view .inActive-account div {
  margin-top: 0px;
}

.home-list-view .account-activity {
  margin-left: 0px !important;
}

.alert-checkboxes .checkbox-text {
  margin-right: 0px !important;
}

#containerView:has(.member-migration-outer-content) {
  margin-bottom: 0px !important;
}

.member-migration-outer-content .alert-danger {
  max-width: 416px;
}

.carouselAccount:has(.slick-prev[aria-disabled=false]) .draggable {
  margin-left: 25px !important;
}

@media (max-width: 766.98px) {
  .carouselAccount:has(.slick-prev[aria-disabled=false]) .draggable {
    margin-left: 0px !important;
  }
}

.view-holding-detail .holding-detail-content vc-information-item {
  padding: 0px;
}

.update-business-contact-label {
  color: var(--content-content-black);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  font-size: 20px;
}

@media (max-width: 766.98px) {
  .update-business-contact-label {
    font-size: 16px;
  }
}

vc-information-item:has(.send-money-execute-header) {
  text-align: justify !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.transaction-details-content {
  overflow: hidden;
  transition: max-height 300ms ease, opacity 250ms ease;
  max-height: 1600px;
  opacity: 1;
}

@media (max-width: 766.98px) {
  .transaction-details-content-error {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}

.transaction-details-content.closed {
  max-height: 0;
  opacity: 0;
  display: none;
}

.view-payees-no-payee-found {
  background: var(--content-content-white);
  margin-bottom: 32px;
  padding-bottom: 32px;
  padding-top: 32px;
  padding-left: 0px;
  padding-right: 0px;
}

.LinkConsolidatedMembershipTransaction .txn-info-text {
  margin-top: 8px;
}

.LinkConsolidatedMembershipTransaction .txn-info-text .s-Confirm {
  margin-bottom: 0px !important;
}

.LinkConsolidatedMembershipTransaction .common-confirm {
  margin-bottom: 16px;
  padding-bottom: 0px;
}

@media (max-width: 766.98px) {
  .LinkConsolidatedMembershipTransaction .common-confirm {
    margin-bottom: 0px !important;
  }
}

.no-consolidated-membership-found {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: var(--spacing-md);
  gap: var(--spacing-2xs);
  background: var(--content-content-white);
}

@media (max-width: 766.98px) {
  .no-consolidated-membership-found {
    background: none;
    margin-top: calc(-1 * var(--bs-gutter-y)) !important;
    margin-right: calc(-0.5 * var(--bs-gutter-x)) !important;
    margin-left: calc(-0.5 * var(--bs-gutter-x)) !important;
    padding: var(--spacing-xs) !important;
    min-height: calc(100vh - 200px) !important;
  }
}

.no-consolidated-membership-found .no-consolidated-text {
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: var(--base-text-color);
}

@media (max-width: 766.98px) {
  .document-search-button {
    display: flex;
    justify-content: end;
  }
}

@media (max-width: 766.98px) {
  .ConsolidatedMembershipUpdatePasswordTransaction .txn-step-text p {
    margin-top: 16px !important;
  }

  .ConsolidatedMembershipUpdatePasswordTransaction vc-information-container {
    border-radius: 4px;
    padding: 12px 16px 12px 16px;
    border: 1px solid var(--information-item-seperator-color);
    width: 100%;
  }
}

.ConsolidatedMembershipUpdatePasswordTransaction .txn-info-text p {
  margin-top: 4px !important;
}

.ConsolidatedMembershipUpdatePasswordTransaction .common-confirm {
  margin-top: 0px;
  margin-bottom: 12px;
}

.ConsolidatedMembershipUpdatePasswordTransaction .consolidate-update-password .form-group {
  margin-bottom: 16px !important;
}

.accountntxnhistoryfd {
  background: #313130;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 767px) {
  .cheque-options-section .ng-dirty.ng-invalid+.vc-validation-error {
    width: 330px;
  }
}

@media (max-width: 766.98px) {
  .cheque-options-section .ng-dirty.ng-invalid+.vc-validation-error {
    width: 270px;
  }
}

.content-inner-panels .no-home-data {
  padding-left: 0px;
  padding-right: 0px;
}

.content-inner-panels .investment-empty-state {
  margin-right: 0px !important;
}

@media (max-width: 766.98px) {
  .auto-deposit-settings .common-confirm {
    padding: 0 !important;
  }
}

.order-summary-note-icon {
  background: url('images/info.svg') no-repeat center center;
  background-size: cover;
  filter: brightness(0) invert(0);
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
}

.card-link-account {
  min-width: 21px !important;
}

.useful-link-item:hover .link-title {
  color: var(--color-custom-blue) !important;
}

.useful-link-item:hover vc-imagebutton img {
  filter: var(--filter-icon-dark-blue);
}

.ChequeBookRequestTransaction .common-confirm vc-gridcolumn>div+div:nth-child(2) {
  margin-bottom: 24px;
}

.card-detail-trans .remove-tooltip {
  margin-bottom: 16px;
}

.card-detail-trans .lastcard-transaction {
  margin-bottom: 24px;
}

.update-passowrd-link-button {
  color: var(--content-content-black, rgb(0, 0, 0)) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px;
  letter-spacing: 0%;
  text-decoration: underline !important;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

.consolidateMembershipUpdateLinkInfo a:hover,
.consolidateMembershipUpdateLinkInfo a:focus {
  text-decoration: underline !important;
  color: #000000 !important;
  cursor: pointer;
}

.problematicMemberTextPanel .result-panel vc-imagebutton {
  position: absolute;
  right: 14px;
  top: 14px;
}

@media (max-width: 766.98px) {
  .problematicMemberTextPanel .result-panel {
    margin: 0 16px;
  }
}

@media (min-width: 767px) {
  .problematicMemberTextPanel .result-panel {
    margin-top: 120px;
    margin-bottom: 16px;
  }
}

.problematicMemberTextPanel .result-panel .cell {
  display: inline-block;
  padding-right: 25px;
}

vc-announcement-widget:has(.landingpage-announcement)+vc-gridcolumn.problematicMemberTextPanel .result-panel {
  margin-top: 12px;
}

@media (max-width: 766.98px) {
  .pd-sm-0 {
    padding: 0px;
  }
}

@media (max-width: 766.98px) {

  .body.executed-screen :has(.InteracAutoDepositDeleteTransaction) vc-resultview,
  .body.executed-screen :has(.InteracAutoDepositDeleteTransaction) vc-gridsystem {
    padding: 0px;
  }
}

.CardsDetailTransaction .account-detail-text,
.CreditCardTxnHistory .account-detail-text {
  font: 700 20px/20px var(--base-font-family) !important;
  margin-bottom: 10px;
}

.CardsDetailTransaction .amount-detail .amount-text,
.CreditCardTxnHistory .amount-detail .amount-text {
  margin-top: 0px;
}

.CardsDetailTransaction .cardview-amount,
.CreditCardTxnHistory .cardview-amount {
  margin-top: 16px !important;
}

@media (max-width: 766.98px) {
  .CreditCardTxnHistory .card-nickname-row {
    position: static;
    padding: 0;
  }

  .CreditCardTxnHistory .card-detail-top {
    margin-top: 0 !important;
  }

  .CreditCardTxnHistory .bottom-right-row {
    margin-top: 0 !important;
  }
}

.tooltip-heading label {
  font: normal normal 500 16px/24px var(--base-font-family) !important;
  letter-spacing: 0;
  color: var(--form-group-label-text-color) !important;
  margin-bottom: 0px !important;
}

.interac-pending-list-transaction .dataTables_wrapper table tr td:nth-child(2) {
  outline: none;
}

.remittance-info-label {
  display: flex;
  align-items: flex-start;
}

.mailingaddress-tool {
  position: absolute;
  right: 21px;
  top: 4px;
}

.mailingaddress-tool .tooltip-btn {
  width: 46px;
  height: 46px;
  padding: 11px !important;
}

.BusinessChequeBookRequestTransaction .common-confirm vc-gridcolumn>div:nth-child(2) {
  margin-bottom: 24px;
}

.popup-menu-cdic-text {
  color: var(--mobile-menu-modal-links-text-color) !important;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 4px;
}

.popup-menu-cdic-link {
  color: var(--mobile-menu-modal-links-text-color) !important;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: underline !important;
}

.popup-mneu-cdic-logo-item {
  padding: var(--spacing-xs) 0;
  flex: none;
  top: 4px;
}

.section-title.cheques-information div:focus-visible {
  outline: none;
}

.section-title.cheques-information div .vc-gridrow-header:focus-visible {
  outline: none;
}

@media (max-width: 766.98px) {
  .cheque-info {
    padding-left: 11px;
  }
}

.cheque-info .tooltip-btn {
  width: 46px;
  height: 46px;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 766.98px) {
  .cheque-info .tooltip-btn {
    width: 24px;
    height: 24px;
  }
}

.cheque-info .tooltip-btn:hover {
  background: url('images/info-dark.svg') no-repeat center center;
  width: 46px;
  height: 46px;
  display: flex;
}

.cheque-info .tooltip-btn:hover img.info-light {
  display: none !important;
}

@media (max-width: 766.98px) {
  .cheque-info .tooltip-btn:hover {
    width: 24px;
    height: 24px;
  }
}

.cheque-info .tooltip-btn-img {
  position: relative;
  margin-right: -3px;
  width: 46px;
  padding: 11px;
}

@media (max-width: 766.98px) {
  .cheque-info .tooltip-btn-img {
    width: 24px;
    padding: 0px;
  }
}

.cheque-info vc-information {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 766.98px) {
  .cheque-info vc-information {
    justify-content: flex-start;
  }
}

.AccountDetailTransaction .detail-container {
  margin-bottom: 20px;
}

.AccountDetailTransaction .detail-container vc-information-container {
  display: block;
  width: 100%;
  border-radius: var(--widget-border-radius-1);
  overflow: hidden;
}

@media (min-width: 767px) {
  .AccountDetailTransaction .detail-container vc-information-container {
    padding: var(--spacing-4xs) var(--spacing-md);
    background: var(--white-widget-background-color);
  }
}

.AccountDetailTransaction .detail-container vc-information-container vc-information-item {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.AccountDetailTransaction .detail-container vc-information-container vc-information-item .information-content {
  width: 100%;
}

.slick-slide .account-card-component .nickname-row-home:has(.username-text-with-subnumber) {
  margin-bottom: 6px;
}

.slick-slide .account-card-component .nickname-row-home:has(.username-text-with-subnumber) .username-text-label {
  flex-shrink: 1;
}

@media (min-width: 768px) {
  .slick-slide .account-card-component .nickname-row-home:has(.username-text-with-subnumber) .username-text-label {
    max-width: 80% !important;
  }
}

.slick-slide .account-card-component .nickname-row-home:has(.username-text-with-subnumber) .username-text-with-subnumber {
  width: auto !important;
  display: block;
}

.slick-slide .account-card-component .nickname-row-home:has(.username-text-with-subnumber) .account-subnumber {
  padding-left: 6px;
  flex-shrink: 0;
  min-width: 3ch;
  text-align: left;
}

.sentinel {
  height: 2px;
  opacity: 0;
}

@media (max-width: 766.98px) {
  .mobile-deliver vc-containerrow .form-group vc-radiobutton vc-information {
    right: 34px;
    top: 15px;
    position: absolute;
  }
}

.DelegateManagementAddDelegateTransaction-result .information-container vc-information-item .information-content .information-item-title {
  width: auto;
}

.DelegateManagementAddDelegateTransaction-result .information-container .information-item-value {
  font-weight: 400;
}

@media (min-width: 1024.02px) {
  .DelegateManagementAddDelegateTransaction-result .information-container vc-information-item .information-content {
    justify-content: center !important;
    align-items: center !important;
    gap: 50px;
  }

  .DelegateManagementAddDelegateTransaction-result .information-container vc-information-item .information-content .information-item-title+div {
    width: auto;
  }
}

.UpdatePersonalInformationTransaction .txn-step-text .s-Confirm {
  margin-top: var(--spacing-md) !important;
  padding-bottom: var(--spacing-2xs);
}

.UpdatePersonalInformationTransaction .txn-info-text.txt-tg1.txt-tg-1--last p {
  margin-bottom: 4px !important;
}

@media (min-width: 320px) and (max-width: 374px) {
  vc-accountquickactionbuttons .acc-action-btns:has(> :nth-child(4):last-child) {
    gap: 6px !important;
  }

  vc-accountquickactionbuttons .acc-action-btns:has(> :nth-child(4):last-child) .icon-button-circular {
    width: calc((100vw - 32px - 18px) / 4);
    height: auto;
    aspect-ratio: 1/1;
    padding-inline: 10px;
    padding-block: 0;
    align-items: center;
  }

  vc-accountquickactionbuttons .acc-action-btns:has(> :nth-child(4):last-child) vc-imagebutton:first-child img {
    width: 21px !important;
    height: auto !important;
  }
}

@media (min-width: 320px) and (max-width: 340px) {
  vc-accountquickactionbuttons .acc-action-btns:has(> :nth-child(4):last-child) vc-imagebutton:first-child img {
    width: 19px !important;
    margin-bottom: 1px;
  }
}

@media (min-width: 1024.02px) {
  body:has(.ApprovalTransactionHistoryList) .modal-document-class {
    overflow-y: visible;
    overflow-x: visible;
    max-height: 100%;
  }

  body:has(.ApprovalTransactionHistoryList) .modal-document-class .modal-body {
    border-radius: var(--radius-radius-md);
  }
}

@media (min-width: 1024.02px) {
  body:has(.ApprovalTransactionHistoryList) .select2-container>.select2-dropdown .select2-results>.select2-results__options {
    max-height: 250px;
  }
}

.search-close {
  display: flex;
  justify-content: flex-end;
}

.reducemargin-fg .form-group {
  margin-bottom: 8px !important;
}

.increasemargin-fg .form-group {
  margin-bottom: 24px !important;
}

.jarviswidget {
  color: var(--colors-truecolors-black);
}

.widget-body {
  z-index: 10;
}

.dnd-drag-start {
  transform: scale(0.8);
  opacity: 0.7;
  border: 2px dashed var(--colors-truecolors-black);
}

.dnd-drag-enter {
  opacity: 0.7;
  border: 2px dashed var(--colors-truecolors-black);
}

.dnd-drag-over {
  border: 2px dashed var(--colors-truecolors-black);
}

.dnd-sortable-drag {
  transform: scale(0.9);
  opacity: 0.7;
  border: 1px dashed var(--colors-truecolors-black);
}

.slick-prev:before,
.slick-next:before {
  content: " ";
  background-image: url('images/icon-account-slider.svg');
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
}

.slick-prev {
  transform: rotate(180deg);
  width: auto;
  left: -2.5vw;
}

.accounts-wrapper .slick-prev {
  z-index: 99;
}

.accounts-wrapper .slick-prev:before {
  transform: none !important;
}

.accounts-wrapper .slick-prev,
.accounts-wrapper .slick-next {
  margin-top: -10px;
}

.accounts-wrapper .slick-next {
  transform: none;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  display: none !important;
}

.input-group .input-group-addon {
  color: inherit !important;
  background: none !important;
}

.input-group-text {
  font-size: 16px !important;
}

/* Default Bootstrap Modal */
.modal-dialog {
  transform: translate(0, -50%);
  top: 50%;
  margin: 0 auto;
}

/* Dragging Padding Clear */
.cdk-drag-preview {
  padding: 0 !important;
}

.mat-button-wrapper {
  flex-direction: row !important;
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
}

.mat-button-focus-overlay,
.mat-button-ripple.mat-ripple {
  top: unset !important;
  left: unset !important;
  bottom: unset !important;
  right: unset !important;
}

mat-tree-node[aria-expanded=true] {
  background: var(--colors-slate-50);
}

.mat-icon-button .mat-icon,
.mat-icon-button i {
  line-height: 26px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  content: unset;
}

.legendColorBox {
  vertical-align: middle;
  padding-top: 0;
}

.legendColorBox div>div {
  width: 6px;
  height: 6px;
  box-sizing: border-box !important;
  border-width: 5px !important;
}

.input-group-prepend.amount-box {
  flex: 0;
  margin-right: 0;
}

.overlay-container .toast-container .custom-toaster-success {
  color: var(--surface-surface-cloud);
  background-color: var(--colors-primary-900);
  border-color: var(--colors-primary-900);
  width: 87%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin: 0 auto 60px auto;
  padding: 12px 1.25rem 12px 38px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  pointer-events: auto;
  font-size: 13px;
  font-weight: 400;
  background-image: url('images/icon-toaster-success.svg');
}

.overlay-container .toast-container .custom-toaster-info {
  color: var(--surface-surface-cloud);
  background-color: var(--colors-primary-900);
  border-color: var(--colors-primary-900);
  width: 87%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin: 0 auto 60px auto;
  padding: 12px 10px 12px 10px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  pointer-events: auto;
  font-size: 13px;
  font-weight: 400;
  background-image: none;
}

.bootstrap-timepicker-widget {
  min-width: 250px !important;
}

.bootstrap-timepicker-widget table td.separator {
  font-size: 22px;
  font-weight: bold;
}

.bootstrap-timepicker-widget table td input {
  width: 50px;
  height: 30px;
  border: 1px solid var(--colors-slate-100);
  color: var(--colors-primary-900);
  font-size: var(--base-font-size);
}

.bootstrap-timepicker-widget table td span {
  background: transparent url('images/icon-arrow-back.svg') no-repeat center center;
  transform: rotate(90deg);
  display: block;
  width: auto;
  margin: auto;
  height: 13px;
}

.bootstrap-timepicker-widget table td a:hover {
  background: transparent;
  border: none;
}

.bootstrap-timepicker-widget table td a[data-action=decrementHour] span,
.bootstrap-timepicker-widget table td a[data-action=decrementMinute] span {
  transform: rotate(270deg);
}

@media (max-width: 766.98px) {
  .dropzone .dz-default.dz-message {
    background-size: auto;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-top: auto;
  }
}

@media (min-width: 767px) {
  .toast-bottom-full-width {
    min-width: 40% !important;
    max-width: 50% !important;
    width: auto !important;
    margin: auto;
    left: 0;
    text-align: center;
  }
}

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container .ngx-toastr {
  border-radius: 0.375rem;
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 0.75rem 1.25rem 0.75rem 50px;
  width: 300px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  pointer-events: auto;
}

.toast-container .ngx-toastr .toast-title {
  font-weight: bold;
}

.toast-container .ngx-toastr .toast-message {
  word-wrap: break-word;
}

.toast-container .ngx-toastr .toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: inherit;
  text-shadow: 0 1px 0 var(--colors-truecolors-white);
  opacity: 0.5;
  background: transparent;
  border: 0;
  padding: 0;
}

.toast-container .ngx-toastr .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: var(--colors-truecolors-black);
  opacity: 0.3;
}

.toast-container .ngx-toastr .toast-close-button:hover,
.toast-container .ngx-toastr .toast-close-button:focus {
  color: var(--colors-truecolors-black);
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
  cursor: pointer;
}

.toast-success {
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/check.svg */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(13, 70, 44, 0.999999)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  color: #0d462c !important;
  background-color: #d1e7dd;
  border: 1px solid #bfddcf;
}

.toast-success a {
  text-decoration: underline !important;
  color: #051b11 !important;
}

.toast-success a:hover {
  color: #010503 !important;
}

.toast-error {
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/times-circle.svg */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(114, 28, 36, 0.999999)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
  color: #721c24 !important;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}

.toast-error a {
  text-decoration: underline !important;
  color: #2c0b0e !important;
}

.toast-error a:hover {
  color: #090203 !important;
}

.toast-info {
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/info-circle.svg */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(7, 105, 125, 0.999999)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
  color: #07697d !important;
  background-color: #cff4fc;
  border: 1px solid #bbf0fb;
}

.toast-info a {
  text-decoration: underline !important;
  color: #032830 !important;
}

.toast-info a:hover {
  color: #01080a !important;
}

.toast-warning {
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/exclamation-triangle.svg */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgba(133, 100, 4, 0.999999)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
  color: #856404 !important;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
}

.toast-warning a {
  text-decoration: underline !important;
  color: #332701 !important;
}

.toast-warning a:hover {
  color: #0a0800 !important;
}

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

vc-datepicker.ng-dirty.ng-invalid .datepicker.form-control:placeholder-shown {
  color: var(--input-field-error-placeholder-text-color);
}

vc-datepicker.ng-dirty.ng-invalid .datepicker.form-control::placeholder {
  -webkit-text-fill-color: var(--input-field-error-placeholder-text-color);
}

vc-modalpopup#informationPopup .modal-document-class {
  max-width: inherit;
  margin: auto;
  width: 450px;
}

vc-modalpopup#informationPopup .modal-document-class .modal-body {
  border-radius: 0;
  margin-bottom: 15px;
  width: inherit;
}

vc-modalpopup#informationPopup .modal-document-class .modal-body .modalClose {
  right: 3px;
  top: 1px;
}

@media (max-width: 766.98px) {
  vc-modalpopup#informationPopup .modal-document-class {
    width: 100%;
    margin-bottom: -7px;
  }
}

.flow-otp-modal .modal-body .otp-modal-content {
  margin-right: -15px;
  margin-left: -15px;
}

vc-linkbutton a.link-btn-black span {
  color: var(--content-content-slate);
  font: normal normal 600 16px/24pxvar --base-font-family;
}

vc-accounthistory .no-transactions-found-landing-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  padding-top: 0;
}

vc-accounthistory .no-transactions-found-landing-page .landing-page-all-transactions-title {
  font: normal normal 600 16px/20px var(--base-font-family);
  color: var(--surface-surface-primary);
}

vc-accountlistcombo .placeholder,
vc-investmentaccountlistcombo .placeholder,
vc-investmentholdinglistcombo .placeholder,
vc-goalcategorylist .placeholder {
  font: normal normal 600 16px/24px var(--base-font-family);
  color: var(--content-content-on-cloud);
}

vc-linkbutton a span {
  color: var(--content-content-primary);
}

vc-linkbutton a span:hover {
  color: var(--color-custom-blue);
  text-decoration: underline;
}

vc-linkbutton a:hover::after {
  filter: invert(11%) sepia(96%) saturate(2350%) hue-rotate(205deg) brightness(60%) contrast(100%);
}

.avatar-modal {
  max-width: 416px !important;
}

.avatar-modal .avatar-upload-row .dropzone .dz-default {
  margin-top: 0;
}

.avatar-modal .avatar-upload-row .dropzone .dropzone-area {
  border-radius: var(--radius-radius-xs);
  border: 1px dashed #b9a28b;
  background: #fcfbfa;
}

.avatar-modal .avatar-upload-row .dropzone .dropzone-area vc-image {
  display: flex;
  width: 64px;
  height: 64px;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: var(--surface-surface-primary);
}

.avatar-modal .avatar-upload-row .dropzone .dropzone-area vc-image img {
  margin-bottom: 0;
}

.avatar-modal .avatar-upload-row .dropzone .dropzone-area vc-label {
  margin-top: 12px;
}

.avatar-modal .avatar-upload-row .dropzone .dropzone-area vc-label span {
  color: var(--content-content-on-cloud);
  font: normal normal 500 14px/20px var(--base-font-family);
}

.avatar-modal .avatar-upload-label {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 8px;
}

.avatar-modal .avatar-upload-label vc-label {
  display: flex;
  justify-content: center;
}

.avatar-modal .avatar-upload-label vc-label span {
  color: var(--colors-gray-500);
  font-size: 12px;
}

.avatar-modal .avatar-label-upload {
  display: flex;
  justify-content: center;
  padding: var(--spacing-2xs) 0;
}

.avatar-modal .avatar-label-upload vc-label span {
  color: var(--colors-gray-500);
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.avatar-modal .avatar-upload-row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

vc-payeelist .select2-selection.select2-selection--single {
  border-radius: var(--radius-radius-2xs) !important;
}

vc-payeelist .select-custom-popup.floating-label vc-gridcolumn vc-label:first-child span {
  font: normal normal 400 12px/16px var(--base-font-family) !important;
  color: var(--content-content-on-cloud);
}

vc-payeelist .select-custom-popup.floating-label vc-gridcolumn vc-label:last-child {
  margin-top: -4px;
}

vc-payeelist .select-custom-popup.floating-label vc-gridcolumn vc-label:last-child span {
  overflow: hidden;
  color: var(--content-content-on-cloud);
  text-overflow: ellipsis;
  font: normal normal 600 14px/20px var(--base-font-family);
}

vc-payeelist .select-custom-popup::before {
  content: " ";
  right: 12px;
  position: absolute;
  top: 19px;
  border: none;
  background: url('images/acc-arrow-dark-dropdown.svg') no-repeat center center;
  filter: none;
  background-size: 16px;
  transform: rotate(0deg);
}

vc-payeelist .select-custom-popup.payelist-selected::before {
  top: 19px;
}

vc-payeelist .select-custom-popup.selection-visible {
  box-shadow: none !important;
  border: 2px solid var(--border-border-primary) !important;
}

vc-payeelist .select-custom-popup.selection-visible::before {
  transform: rotate(180deg);
}

vc-payeelist .select-custom-popup .select-custom-title {
  font-size: 16px;
  color: var(--colors-gray-500);
}

vc-payeelist .payee-list-gridsystem-popup {
  position: absolute;
  border-left: 2px solid var(--border-border-primary) !important;
  border-right: 2px solid var(--border-border-primary) !important;
  border-bottom: 2px solid var(--border-border-primary) !important;
  box-shadow: none !important;
  border-radius: 0px 0px var(--radius-radius-2xs) var(--radius-radius-2xs);
  z-index: 1105;
  overflow: hidden;
  margin-top: -9px;
  background: var(--surface-surface-cloud);
  padding-right: 5px !important;
  padding-bottom: 20px !important;
}

vc-payeelist .payee-list-gridsystem-popup .payee-list-gridsystem-body {
  max-height: 330px;
  padding-left: 20px !important;
  padding-right: 15px !important;
  overflow: auto;
}

vc-payeelist .payee-list-gridsystem-popup .payee-list-gridsystem-body::-webkit-scrollbar {
  width: 4px;
  border-radius: 200px;
}

vc-payeelist .payee-list-gridsystem-popup .payee-list-gridsystem-body::-webkit-scrollbar-track {
  background: var(--surface-surface-disabled);
  border-radius: 200px;
}

vc-payeelist .payee-list-gridsystem-popup .payee-list-gridsystem-body::-webkit-scrollbar-thumb {
  background-color: var(--surface-surface-overlay);
  border-radius: 200px;
}

vc-payeelist.ng-dirty.ng-invalid .select-custom-popup .select-custom-title {
  color: var(--input-field-error-border-color) !important;
}

vc-payeelist.ng-dirty.ng-invalid .payee-list-gridsystem-popup {
  border-color: var(--input-field-error-border-color) !important;
}

vc-payeelist.ng-dirty.ng-invalid .payee-list-gridsystem-popup .vc-textbox .form-control {
  border: var(--input-field-border-width) solid var(--input-field-border-color) !important;
}

vc-payeelist.ng-dirty.ng-invalid .payee-list-gridsystem-popup .vc-textbox .form-control::placeholder {
  color: var(--colors-gray-500) !important;
}

.payee-list-gridsystem-item {
  display: flex;
  box-shadow: none !important;
}

@media (max-width: 766.98px) {
  .payee-list-gridsystem-item {
    padding: var(--spacing-2xs, 12px) var(--spacing-xs, 16px);
    border: 1px solid var(--border-border-gray-secondary) !important;
    margin-bottom: 16px;
    border-radius: var(--radius-radius-2xs);
  }
}

@media (min-width: 767px) {
  .payee-list-gridsystem-item {
    border-bottom: 1px solid var(--border-border-gray-secondary) !important;
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

.payee-list-gridsystem-item div {
  margin-top: auto;
  margin-bottom: auto;
}

.payee-list-gridsystem-item vc-checkbox label {
  margin-bottom: 0 !important;
}

.payee-list-gridsystem-item.payee-list-gridsystem-item-selected {
  background-color: var(--surface-surface-success-subdued);
  border-color: #009c6c !important;
}

.payee-list-gridsystem-item .payee-list-nickname {
  font: normal normal 600 16px/24px var(--base-font-family);
  color: var(--content-content-on-cloud);
  display: block;
}

.payee-list-gridsystem-item .payee-list-account-number {
  font: normal normal 400 14px/20px var(--base-font-family);
  color: var(--content-content-on-cloud);
  display: block;
  margin: 0px;
}

@media (min-width: 767px) {
  .payee-list-gridsystem-item .payee-list-account-number {
    margin-top: 2px;
    margin-left: 4px;
  }
}

.add-new-payee.dbas-btn span.button-text {
  justify-content: flex-end;
}

.add-new-payee.dbas-btn.btn-link {
  color: var(--base-text-color);
  font: normal normal 500 14px/20px var(--base-font-family) !important;
  height: inherit !important;
  padding: 0 !important;
}

.add-new-payee.dbas-btn span.button-text .btn-icon-left.icon-plus-circle {
  display: flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  background: var(--content-content-primary);
}

.dbas-btn span.button-text .btn-icon-left.icon-plus-circle:after {
  content: url('images/icon-add-plus.svg');
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  position: relative;
  top: 3px;
}

.modal-content-class .common-confirm {
  margin-right: -15px;
  margin-left: -15px;
}

body.vcaas-mobile-body.custom-executed-screen vc-masterflow-uiview {
  padding-top: 12px !important;
}

.profile-view vc-information-item .information-content {
  align-items: center;
}

.profile-view .profile-last-login {
  padding: var(--spacing-2xs) var(--spacing-xs);
  border-radius: var(--radius-radius-2xs);
  border: 1px solid var(--border-border-gray-secondary);
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 767px) {
  .profile-view .profile-last-login {
    margin-bottom: var(--spacing-md);
  }
}

.profile-view .profile-last-login .information-content {
  padding: 0px;
  justify-content: space-between !important;
}

.statement-mail-address {
  padding: var(--spacing-2xs) var(--spacing-xs) !important;
  align-items: center;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  background: #f6f6f6;
  margin-bottom: var(--spacing-xs);
}

.statement-mail-address .information-content {
  padding: 0px;
}

.statement-mail-address .information-item-title {
  font-size: 14px;
}

.statement-mail-address .information-item-value {
  font-size: 14px;
}

.statement-mail-address-value {
  width: 100%;
  justify-content: end;
}

.device-name {
  color: var(--content-content-slate);
  font: normal normal 400 14px/20px var(--base-font-family);
}

.device-date {
  color: var(--content-content-slate);
  font: normal normal 400 12px/16px var(--base-font-family);
}

body.vcaas-mobile-body.devices-screen #mainview .content .content-inner .txn-info-text p {
  font: normal normal 500 16px/24px var(--base-font-family);
}

vc-modalpopup .modal-body .icon-close {
  top: 24px;
}

.information-content vc-linkbutton a {
  font: normal normal 600 16px/24px var(--base-font-family);
}

@media (min-width: 767px) {
  .transaction-history.transaction-history-accountntxnhistory vc-gridsystem.transactions-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .transaction-history.transaction-history-accountntxnhistory vc-selectablebuttonlist {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .transaction-history.transaction-history-accountntxnhistory vc-selectablebuttonlist vc-gridcolumn.col-4:nth-child(1),
  .transaction-history.transaction-history-accountntxnhistory vc-selectablebuttonlist vc-gridcolumn.col-4:nth-child(2),
  .transaction-history.transaction-history-accountntxnhistory vc-selectablebuttonlist vc-gridcolumn.col-4:nth-child(3) {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  body.vcaas-mobile-body.view-transactions #mainview .content .content-inner-wrapper {
    max-width: 950px;
  }

  body.vcaas-mobile-body.view-transactions #mainview .content .content-inner-wrapper .content-header .flow-nav-back img {
    left: -53%;
  }
}

@media (max-width: 766.98px) {
  body.vcaas-mobile-body.menu-screen div#mainview {
    background: var(--surface-surface-secondary);
  }

  body.vcaas-mobile-body.menu-screen div#mainview>header nav.navbar {
    background: var(--surface-surface-secondary);
  }

  body.vcaas-mobile-body.menu-screen div#mainview>header nav.navbar .header-right-side {
    display: none;
  }

  .menu-screen .more-menu-popup.sub-menu {
    display: flex;
    padding: var(--spacing-xs) !important;
    flex-direction: column;
  }

  .menu-screen .more-menu-popup.sub-menu .menu-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xs);
    align-self: stretch;
  }

  .menu-screen .more-menu-popup .menu-items .menu-item {
    text-align: left;
    border-bottom: 0;
    height: 72px;
    padding: var(--spacing-md);
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--radius-radius-xs);
    background: var(--surface-surface-slate);
  }

  .menu-screen .more-menu-popup .menu-items .menu-item .more-menu-text {
    font: normal normal 600 16px/24px var(--base-font-family);
    flex: 1 0 0;
    color: var(--content-content-on-slate);
  }

  .menu-screen .more-menu-popup.sub-menu .sub-menu-icon {
    right: 15px;
    color: var(--content-content-on-slate);
  }

  body.vcaas-mobile-body #mainview.retail-landing>header {
    padding-top: 0;
    position: relative;
    background: none;
  }

  body.vcaas-mobile-body #mainview.retail-landing #containerView vc-masterflow-uiview .content-inner .flow-navigation {
    display: none !important;
  }
}

.update-profile .modal-content-class .txn-step-text {
  padding-bottom: 0 !important;
}

.update-profile .modal-content-class .common-confirm {
  margin-right: 0;
  margin-left: -5px;
}

.update-profile .modal-content-class .common-confirm .profile-header {
  color: var(--content-content-on-cloud) !important;
  font-weight: 500 !important;
}

.update-profile .modal-body .flow-navigation {
  margin-top: 0;
}

.AddPayeeTransaction vc-autocomplete ul li.remove-padding a {
  padding: 0;
}

vc-paireddevicesconfirm>div {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--border-border-slate-secondary);
  background: var(--surface-surface-cloud);
  padding-bottom: 12px;
  padding-top: 12px;
}

@media (max-width: 766.98px) {
  vc-paireddevicesconfirm>div {
    background: initial;
  }
}

vc-paireddevicesconfirm>div:first-child {
  padding-top: 0px;
}

vc-paireddevicesconfirm>div:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
}

vc-paireddevicesconfirm>div vc-information-item+vc-information-item .information-content {
  border-top: 0;
}

vc-paireddevicesconfirm>div .information-content {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (max-width: 766.98px) {
  vc-paireddevicesconfirm>div vc-information-item .information-content .information-item-title {
    white-space: normal !important;
    width: 60%;
    max-width: 60%;
    min-width: 60%;
  }
}

vc-paireddevicesconfirm .information-content.d-flex.justify-content-between {
  display: flex !important;
  flex-direction: row !important;
}

vc-paireddevicesconfirm .information-content.d-flex.justify-content-between .d-flex.align-items-center .information-item-value.text-break {
  max-width: 150px;
}

@media (max-width: 766.98px) {
  vc-paireddevicesconfirm .pair-device-confirm vc-information-item .information-content {
    justify-content: flex-start !important;
  }
}

.custom-tooltip {
  padding: var(--spacing-xs);
  align-items: flex-start;
  position: absolute;
  z-index: 9999;
  transition: opacity 0.3s ease;
  border-radius: var(--radius-radius-xs);
  border: 1px solid var(--border-border-gray-secondary);
  background: var(--content-content-white);
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 766.98px) {
  .custom-tooltip {
    width: calc(100% - 30px);
    left: 10px !important;
    right: 15px !important;
    max-width: unset;
  }
}

.custom-tooltip .tooltip-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  color: var(--content-content-black);
  font: normal normal 400 14px/20px var(--base-font-family);
  max-width: 350px;
}

@media (max-width: 766.98px) {
  .custom-tooltip .tooltip-content {
    max-width: inherit;
  }
}

.custom-tooltip .tooltip-content .icon-info {
  display: none;
}

.custom-tooltip .tooltip-content p {
  margin-bottom: 0;
}

.custom-tooltip .tooltip-content p.tooltip-title-general {
  font-weight: 700;
  margin-bottom: 8px;
}

.tooltip-btn {
  border: 0;
  background: none;
}

.tooltip-btn.tooltip-btn-right {
  position: absolute;
  top: 17px;
  right: 16px;
  padding: 0;
}

.tooltip-btn-img {
  width: 24px;
}

.tooltip-close-btn {
  background: none;
  border: none;
  padding: 5px;
  padding-right: 20px;
}

.tooltip {
  transition: opacity 0.3s ease;
}

.tooltip-top {
  transform: translateY(-5px);
}

.tooltip-bottom {
  transform: translateY(5px);
}

.tooltip-left {
  transform: translateX(-5px);
}

.tooltip-right {
  transform: translateX(5px);
}

.tooltip-bottom-right {
  transform: translate(5px, 5px);
}

@media (max-width: 991px) {
  .tooltip-top-left {
    width: initial !important;
    right: 0px !important;
    left: 0px !important;
  }
}

.scrolly-hidden {
  overflow-y: inherit;
}

.no-transactions-found-account {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

@media (min-width: 767px) {
  .no-transactions-found-account {
    padding: 48px 0px;
  }
}

@media (max-width: 766.98px) {
  .no-transactions-found-account {
    padding: 24px 0px;
  }
}

.approval-transaction-history .no-transaction-text-account {
  color: var(--content-content-on-cloud);
}

.no-transaction-text-account {
  color: var(--content-content-slate);
  text-align: center;
  font-family: var(--base-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.last-trans-detail-screen .no-transactions-found-account::before {
  content: "";
  background: url('images/icon-no-transaction-found.svg') no-repeat center center;
  width: 88px;
  height: 96px;
  display: block;
}

@media (min-width: 767px) {
  .last-trans-detail-screen .no-transactions-found-account {
    padding: 96px 0px;
  }
}

@media (max-width: 766.98px) {
  .last-trans-detail-screen .no-transactions-found-account {
    padding: 48px 0px;
  }
}

.last-trans-detail-screen .no-transaction-text-account {
  color: var(--content-content-on-cloud);
}

.bg-none {
  background: none !important;
}

.InteracAutoDepositListTransaction .txn-footer-text p,
.InteracContactListTransaction .txn-footer-text p {
  color: var(--content-content-on-cloud);
  text-align: center !important;
  font: normal normal 400 12px/16px var(--base-font-family) !important;
}

.content-header .transaction-helpbox-dropdown {
  display: none;
}

.legal-text {
  color: var(--base-text-color);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 766.98px) {
  .legal-text {
    margin-top: 0px;
    font-size: 12px;
  }
}

.icon-info-align .align-items-baseline.d-flex.justify-content-between {
  position: relative;
}

@media (max-width: 766.98px) {
  .interac-contact-list {
    padding-top: 10px;
  }
}

@media (max-width: 766.98px) {
  .interac-contact-list.push-btn-bottom>.d-flex {
    min-height: calc(100vh - 380px);
  }
}

.interac-contact-list .contact-search-row vc-imagebutton {
  right: 30px;
}

@media (max-width: 766.98px) {
  .interac-contact-list .contact-search-row.row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.interac-contact-list .contact-list-row {
  background-color: var(--white-widget-background-color);
  padding-inline: 16px !important;
  margin-bottom: 24px;
}

.interac-contact-list .contact-list-row>.row {
  cursor: pointer;
}

.interac-contact-list .contact-list-row>.row .contact-list-main {
  padding: var(--spacing-xs) 0px;
  border-bottom: var(--widget-border-width) solid var(--white-widget-border-color);
  background: var(--white-widget-background-color);
}

.interac-contact-list .contact-list-row>.row:last-child .contact-list-main {
  border-bottom: 0;
}

.interac-contact-list .account-owner {
  color: var(--default-color-on-white-widget);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.interac-contact-list .account-number {
  color: var(--default-color-on-white-widget);
  font-family: var(--base-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

vc-information .tooltip-btn.tooltip-btn-right {
  position: initial;
}

html.vcaas-mobile-app body vc-beneficiarylist .no-transactions-found {
  position: fixed;
  left: 50%;
  top: 33%;
  transform: translate(-50%, -33%);
  width: 100%;
}

@media (max-width: 766.98px) {
  html.vcaas-mobile-app body vc-beneficiarylist .no-transactions-found {
    top: 45%;
    transform: translate(-50%, -45%);
  }
}

vc-tenantlist {
  position: relative;
}

vc-tenantlist .payee-list-gridsystem {
  width: 100%;
}

@media (min-width: 992px) {
  vc-tenantlist .payee-list-confirm-button {
    padding: 0px 18px 0px 18px;
  }
}

vc-tenantlist .select2-selection.select2-selection--single {
  border-radius: var(--radius-radius-2xs) !important;
}

vc-tenantlist .select-custom-popup.floating-label vc-gridcolumn vc-label:first-child span {
  font: normal normal 400 12px/16px var(--base-font-family) !important;
  color: var(--content-content-on-cloud);
}

vc-tenantlist .select-custom-popup.floating-label vc-gridcolumn vc-label:last-child span {
  overflow: hidden;
  color: var(--content-content-on-cloud);
  text-overflow: ellipsis;
  font: normal normal 600 14px/20px var(--base-font-family);
}

vc-tenantlist .select-custom-popup::before {
  content: " ";
  height: 21px;
  right: 0;
  position: absolute;
  top: 16px;
  border: none;
  background: url('images/acc-arrow-dark.svg') no-repeat center center;
  filter: none;
  background-size: 16px;
  transform: rotate(90deg);
  width: 45px;
}

vc-tenantlist .select-custom-popup.selection-visible {
  box-shadow: none !important;
  border: 2px solid var(--border-border-primary) !important;
}

vc-tenantlist .select-custom-popup.selection-visible::before {
  transform: rotate(270deg);
}

vc-tenantlist .select-custom-popup .select-custom-title {
  font-size: 16px;
  color: var(--colors-gray-500);
}

vc-tenantlist .payee-list-gridsystem-popup {
  position: absolute;
  border-left: 2px solid var(--border-border-primary) !important;
  border-right: 2px solid var(--border-border-primary) !important;
  border-bottom: 2px solid var(--border-border-primary) !important;
  box-shadow: none !important;
  border-radius: 0px 0px var(--radius-radius-2xs) var(--radius-radius-2xs);
  z-index: 1105;
  overflow: hidden;
  margin-top: -9px;
  background: var(--surface-surface-cloud);
  padding-right: 5px !important;
  padding-bottom: 20px !important;
}

vc-tenantlist .payee-list-gridsystem-popup .payee-list-gridsystem-body {
  max-height: 330px;
  padding-left: 20px !important;
  padding-right: 15px !important;
  overflow: auto;
}

vc-tenantlist .payee-list-gridsystem-popup .payee-list-gridsystem-body::-webkit-scrollbar {
  width: 4px;
  border-radius: 200px;
}

vc-tenantlist .payee-list-gridsystem-popup .payee-list-gridsystem-body::-webkit-scrollbar-track {
  background: var(--surface-surface-disabled);
  border-radius: 200px;
}

vc-tenantlist .payee-list-gridsystem-popup .payee-list-gridsystem-body::-webkit-scrollbar-thumb {
  background-color: var(--surface-surface-overlay);
  border-radius: 200px;
}

vc-tenantlist.ng-dirty.ng-invalid .select-custom-popup .select-custom-title {
  color: var(--input-field-error-border-color) !important;
}

vc-tenantlist.ng-dirty.ng-invalid .payee-list-gridsystem-popup {
  border-color: var(--input-field-error-border-color) !important;
}

vc-tenantlist.ng-dirty.ng-invalid .payee-list-gridsystem-popup .vc-textbox .form-control {
  border: var(--input-field-border-width) solid var(--input-field-border-color) !important;
}

vc-tenantlist.ng-dirty.ng-invalid .payee-list-gridsystem-popup .vc-textbox .form-control::placeholder {
  color: var(--colors-gray-500) !important;
}

@media (max-width: 766.98px) {
  .modal-document-class.otp-login-wrap .modal-content-class {
    max-width: 400px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .slick-slide {
    width: calc(100vw - 545px);
  }
}

@media (max-width: 766.98px) {
  .execute-btns-width>vc-gridcolumn {
    width: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .top-head-section {
    gap: var(--spacing-xl);
  }

  header {
    min-width: 330px;
  }

  .carouselAccount {
    width: 850px;
  }
}

@media (min-width: 1025px) and (max-width: 1260px) {
  .carouselAccount {
    width: 800px;
  }
}

@media (min-width: 1025px) and (max-width: 1220px) {
  .carouselAccount {
    width: 750px;
  }
}

@media (min-width: 1025px) and (max-width: 1180px) {
  .carouselAccount {
    width: 700px;
  }
}

@media (min-width: 1025px) and (max-width: 1140px) {
  .carouselAccount {
    width: 650px;
  }

  .home-bottom-campaign {
    width: 680px;
  }
}

@media (min-width: 1025px) and (max-width: 1100px) {
  .carouselAccount {
    width: 600px;
  }
}

@media (min-width: 1025px) and (max-width: 1060px) {
  .carouselAccount {
    width: 550px;
  }
}

@media (min-width: 1025px) and (max-width: 1030px) {
  .carouselAccount {
    width: 520px;
  }
}

@media (max-width: 766.98px) {
  .search-transactions-popup .flex-column .dbas-btn.btn-outline:hover {
    color: var(--btn-outline-text-color) !important;
    background: var(--btn-outline-bg-color) !important;
    border-color: var(--btn-outline-border-color) !important;
  }

  .search-transactions-popup .flex-column .dbas-btn.btn-outline:active {
    background: var(--btn-outline-bg-hover-color) !important;
    color: var(--btn-outline-text-hover-color) !important;
    border-color: var(--btn-outline-border-hover-color) !important;
  }
}

@media (min-width: 767px) {
  .carouselAccount .slick-prev {
    width: 40px;
    height: 195px;
    left: -8px;
    right: auto;
    text-align: right;
    top: 0;
  }

  .carouselAccount .slick-list {
    margin-left: 0;
  }
}

vc-textbox .tooltip-btn,
vc-combobox .tooltip-btn {
  border: 0;
  background: none;
}

vc-textbox .tooltip-btn.tooltip-btn-right,
vc-combobox .tooltip-btn.tooltip-btn-right {
  position: absolute !important;
  top: -12px;
  right: -6px;
  padding: 0;
  width: 44px;
  height: 44px;
  border-radius: 0;
  outline-offset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

vc-textbox .tooltip-btn.tooltip-btn-right:focus-visible,
vc-combobox .tooltip-btn.tooltip-btn-right:focus-visible {
  outline: 2px solid var(--content-content-black);
  border-radius: 2px;
}

vc-textbox vc-imagebutton a.login-username-textbox-info-icon,
vc-combobox vc-imagebutton a.login-username-textbox-info-icon {
  position: absolute !important;
  top: 7px;
  right: 22px;
  padding: 10px;
  width: 42px;
  height: 42px;
  border-radius: 0;
  outline-offset: 0;
}

@media (max-width: 766.98px) {

  vc-textbox vc-imagebutton a.login-username-textbox-info-icon,
  vc-combobox vc-imagebutton a.login-username-textbox-info-icon {
    top: 19px;
  }
}

vc-textbox vc-imagebutton a.login-username-textbox-info-icon:focus-visible,
vc-combobox vc-imagebutton a.login-username-textbox-info-icon:focus-visible {
  outline: 2px solid var(--content-content-black);
  border-radius: 2px;
}

vc-combobox .tooltip-btn.tooltip-btn-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/summernote/dist/summernote-lite.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * 
 * Super simple WYSIWYG editor v0.8.20
 * https://summernote.org
 *
 *
 * Copyright 2013- Alan Hong and contributors
 * Summernote may be freely distributed under the MIT license.
 *
 * Date: 2021-10-14T21:15Z
 *
 */
@font-face {
  font-family: "summernote";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('summernote.0542c0728aedc4d0.eot?#iefix') format("embedded-opentype"), url('summernote.a838752e64c7ba6a.woff2') format("woff2"), url('summernote.68c69f478bacf45b.woff') format("woff"), url('summernote.f82ec6dfa884d980.ttf') format("truetype");
}

[class^=note-icon]:before,
[class*=" note-icon"]:before {
  display: inline-block;
  font-family: "summernote";
  font-style: normal;
  font-size: inherit;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
}

.note-icon-fw {
  text-align: center;
  width: 1.25em;
}

.note-icon-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.note-icon-pull-left {
  float: left;
}

.note-icon-pull-right {
  float: right;
}

.note-icon.note-icon-pull-left {
  margin-right: 0.3em;
}

.note-icon.note-icon-pull-right {
  margin-left: 0.3em;
}

.note-icon-align::before {
  content: "\ea01";
}

.note-icon-align-center::before {
  content: "\ea02";
}

.note-icon-align-indent::before {
  content: "\ea03";
}

.note-icon-align-justify::before {
  content: "\ea04";
}

.note-icon-align-left::before {
  content: "\ea05";
}

.note-icon-align-outdent::before {
  content: "\ea06";
}

.note-icon-align-right::before {
  content: "\ea07";
}

.note-icon-arrow-circle-down::before {
  content: "\ea08";
}

.note-icon-arrow-circle-left::before {
  content: "\ea09";
}

.note-icon-arrow-circle-right::before {
  content: "\ea0a";
}

.note-icon-arrow-circle-up::before {
  content: "\ea0b";
}

.note-icon-arrows-alt::before {
  content: "\ea0c";
}

.note-icon-arrows-h::before {
  content: "\ea0d";
}

.note-icon-arrows-v::before {
  content: "\ea0e";
}

.note-icon-bold::before {
  content: "\ea0f";
}

.note-icon-caret::before {
  content: "\ea10";
}

.note-icon-chain-broken::before {
  content: "\ea11";
}

.note-icon-circle::before {
  content: "\ea12";
}

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

.note-icon-code::before {
  content: "\ea14";
}

.note-icon-col-after::before {
  content: "\ea15";
}

.note-icon-col-before::before {
  content: "\ea16";
}

.note-icon-col-remove::before {
  content: "\ea17";
}

.note-icon-eraser::before {
  content: "\ea18";
}

.note-icon-float-left::before {
  content: "\ea19";
}

.note-icon-float-none::before {
  content: "\ea1a";
}

.note-icon-float-right::before {
  content: "\ea1b";
}

.note-icon-font::before {
  content: "\ea1c";
}

.note-icon-frame::before {
  content: "\ea1d";
}

.note-icon-italic::before {
  content: "\ea1e";
}

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

.note-icon-magic::before {
  content: "\ea20";
}

.note-icon-menu-check::before {
  content: "\ea21";
}

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

.note-icon-orderedlist::before {
  content: "\ea23";
}

.note-icon-pencil::before {
  content: "\ea24";
}

.note-icon-picture::before {
  content: "\ea25";
}

.note-icon-question::before {
  content: "\ea26";
}

.note-icon-redo::before {
  content: "\ea27";
}

.note-icon-rollback::before {
  content: "\ea28";
}

.note-icon-row-above::before {
  content: "\ea29";
}

.note-icon-row-below::before {
  content: "\ea2a";
}

.note-icon-row-remove::before {
  content: "\ea2b";
}

.note-icon-special-character::before {
  content: "\ea2c";
}

.note-icon-square::before {
  content: "\ea2d";
}

.note-icon-strikethrough::before {
  content: "\ea2e";
}

.note-icon-subscript::before {
  content: "\ea2f";
}

.note-icon-summernote::before {
  content: "\ea30";
}

.note-icon-superscript::before {
  content: "\ea31";
}

.note-icon-table::before {
  content: "\ea32";
}

.note-icon-text-height::before {
  content: "\ea33";
}

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

.note-icon-underline::before {
  content: "\ea35";
}

.note-icon-undo::before {
  content: "\ea36";
}

.note-icon-unorderedlist::before {
  content: "\ea37";
}

.note-icon-video::before {
  content: "\ea38";
}

.note-frame {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-family: sans-serif;
  border-radius: 4px;
}

.note-toolbar {
  padding: 10px 5px;
  border-bottom: 1px solid #e2e2e2;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.note-btn-group {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

.note-btn-group>.note-btn-group {
  margin-right: 0;
}

.note-btn-group>.note-btn:first-child {
  margin-left: 0;
}

.note-btn-group .note-btn+.note-btn,
.note-btn-group .note-btn+.note-btn-group,
.note-btn-group .note-btn-group+.note-btn,
.note-btn-group .note-btn-group+.note-btn-group {
  margin-left: -1px;
}

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

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

.note-btn-group.open>.note-dropdown {
  display: block;
}

.note-btn {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #dae0e5;
  white-space: nowrap;
  outline: 0;
  color: #333;
  background-color: #fff;
  border-color: #dae0e5;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 3px;
  -webkit-user-select: none;
  user-select: none;
}

.note-btn:focus,
.note-btn.focus {
  color: #333;
  background-color: #ebebeb;
  border-color: #dae0e5;
}

.note-btn:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #dae0e5;
}

.note-btn.disabled:focus,
.note-btn.disabled.focus,
.note-btn[disabled]:focus,
.note-btn[disabled].focus,
fieldset[disabled] .note-btn:focus,
fieldset[disabled] .note-btn.focus {
  background-color: #fff;
  border-color: #dae0e5;
}

.note-btn:hover,
.note-btn:focus,
.note-btn.focus {
  color: #333;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #ebebeb;
  outline: 0;
  border-radius: 1px;
}

.note-btn:active,
.note-btn.active {
  outline: 0;
  background-image: none;
  color: #333;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #ebebeb;
  outline: 0;
  border-radius: 1px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.note-btn.disabled,
.note-btn[disabled],
fieldset[disabled] .note-btn {
  cursor: not-allowed;
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  filter: alpha(opacity=65);
  box-shadow: none;
}

.note-btn>span.note-icon-caret:first-child {
  margin-left: -1px;
}

.note-btn>span.note-icon-caret:nth-child(2) {
  padding-left: 3px;
  margin-right: -5px;
}

.note-btn-primary {
  background: #fa6362;
  color: #fff;
}

.note-btn-primary:hover,
.note-btn-primary:focus,
.note-btn-primary.focus {
  color: #fff;
  text-decoration: none;
  border: 1px solid #dae0e5;
  background-color: #fa6362;
  border-radius: 1px;
}

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

.note-btn-block+.note-btn-block {
  margin-top: 5px;
}

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

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.close {
  float: right;
  font-size: 21px;
  line-height: 1;
  color: #000;
  opacity: 0.2;
}

.close:hover {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}

.note-dropdown {
  position: relative;
}

.note-color .dropdown-toggle {
  width: 30px;
  padding-left: 5px;
}

.note-dropdown-menu {
  display: none;
  min-width: 100px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  text-align: left;
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 5px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

.note-dropdown-menu>*:last-child {
  margin-right: 0;
}

.note-btn-group.open .note-dropdown-menu {
  display: block;
}

.note-dropdown-item {
  display: block;
}

.note-dropdown-item:hover {
  background-color: #ebebeb;
}

a.note-dropdown-item,
a.note-dropdown-item:hover {
  margin: 5px 0;
  color: #000;
  text-decoration: none;
}

.note-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1050;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  display: none;
}

.note-modal.open {
  display: block;
}

.note-modal-content {
  position: relative;
  width: auto;
  margin: 30px 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  background-clip: border-box;
  outline: 0;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.note-modal-header {
  padding: 10px 20px;
  border: 1px solid #ededef;
}

.note-modal-body {
  position: relative;
  padding: 20px 30px;
}

.note-modal-body kbd {
  border-radius: 2px;
  background-color: #000;
  color: #fff;
  padding: 3px 5px;
  font-weight: 700;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.note-modal-footer {
  height: 40px;
  padding: 10px;
  text-align: center;
}

.note-modal-footer a {
  color: #337ab7;
  text-decoration: none;
}

.note-modal-footer a:hover,
.note-modal-footer a:focus {
  color: #23527c;
  text-decoration: underline;
}

.note-modal-footer .note-btn {
  float: right;
}

.note-modal-title {
  font-size: 20px;
  color: #42515f;
  margin: 0;
  line-height: 1.4;
}

.note-modal-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1040;
  background: #000;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  display: none;
}

.note-modal-backdrop.open {
  display: block;
}

@media (min-width: 768px) {
  .note-modal-content {
    width: 600px;
    margin: 30px auto;
  }
}

@media (min-width: 992px) {
  .note-modal-content-large {
    width: 900px;
  }
}

.note-modal .note-help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

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

.note-modal .note-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.note-modal .note-nav-link:focus,
.note-modal .note-nav-link:hover {
  color: #0056b3;
  text-decoration: none;
}

.note-modal .note-nav-link.disabled {
  color: #868e96;
}

.note-modal .note-nav-tabs {
  border-bottom: 1px solid #ddd;
}

.note-modal .note-nav-tabs .note-nav-item {
  margin-bottom: -1px;
}

.note-modal .note-nav-tabs .note-nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.note-modal .note-nav-tabs .note-nav-link:focus,
.note-modal .note-nav-tabs .note-nav-link:hover {
  border-color: #e9ecef #e9ecef #ddd;
}

.note-modal .note-nav-tabs .note-nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}

.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}

.note-modal .note-tab-content {
  margin: 15px auto;
}

.note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child,
.note-modal .note-tab-content>.note-tab-pane {
  display: none;
}

.note-modal .note-tab-content> :last-child,
.note-modal .note-tab-content>.note-tab-pane:target {
  display: block;
}

.note-form-group {
  padding-bottom: 20px;
}

.note-form-group:last-child {
  padding-bottom: 0;
}

.note-form-label {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #42515f;
  margin-bottom: 10px;
  font-weight: 700;
}

.note-input {
  width: 100%;
  display: block;
  border: 1px solid #ededef;
  background: #fff;
  outline: 0;
  padding: 6px 4px;
  font-size: 14px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.note-input::-webkit-input-placeholder {
  color: #eeeeee;
}

.note-input:-moz-placeholder {
  /* Firefox 18- */
  color: #eeeeee;
}

.note-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #eeeeee;
}

.note-input:-ms-input-placeholder {
  color: #eeeeee;
}

.note-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 13px;
  transition: opacity 0.15s;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}

.note-tooltip.in {
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}

.note-tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.note-tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.note-tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.note-tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.note-tooltip.bottom .note-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.note-tooltip.top .note-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.note-tooltip.right .note-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.note-tooltip.left .note-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.note-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.note-tooltip-content {
  max-width: 200px;
  font-family: sans-serif;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
}

.note-popover {
  position: absolute;
  z-index: 1060;
  display: block;
  font-size: 13px;
  font-family: sans-serif;
  display: none;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}

.note-popover.in {
  display: block;
}

.note-popover.top {
  margin-top: -10px;
  padding: 5px 0;
}

.note-popover.right {
  margin-left: 10px;
  padding: 0 5px;
}

.note-popover.bottom {
  margin-top: 10px;
  padding: 5px 0;
}

.note-popover.left {
  margin-left: -10px;
  padding: 0 5px;
}

.note-popover.bottom .note-popover-arrow {
  top: -11px;
  left: 20px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.note-popover.bottom .note-popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: "\0020";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.note-popover.top .note-popover-arrow {
  bottom: -11px;
  left: 20px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.note-popover.top .note-popover-arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: "\0020";
  border-bottom-width: 0;
  border-top-color: #fff;
}

.note-popover.right .note-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.note-popover.right .note-popover-arrow::after {
  left: 1px;
  margin-top: -10px;
  content: "\0020";
  border-left-width: 0;
  border-right-color: #fff;
}

.note-popover.left .note-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.note-popover.left .note-popover-arrow::after {
  right: 1px;
  margin-top: -10px;
  content: "\0020";
  border-right-width: 0;
  border-left-color: #fff;
}

.note-popover-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 11px solid transparent;
}

.note-popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "\0020";
  border-width: 10px;
}

.note-popover-content {
  /*max-width: $popover-max-width;*/
  padding: 3px 8px;
  color: #000;
  text-align: center;
  background-color: #ffffff;
  min-width: 100px;
  min-height: 30px;
}

/* Theme Variables
 ------------------------------------------ */
/* Layout
 ------------------------------------------ */
.note-editor {
  position: relative;
}

.note-editor .note-dropzone {
  position: absolute;
  display: none;
  z-index: 100;
  color: lightskyblue;
  background-color: #fff;
  opacity: 0.95;
}

.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}

.note-editor .note-dropzone.hover {
  color: #098ddf;
}

.note-editor.dragover .note-dropzone {
  display: table;
}

.note-editor .note-editing-area {
  position: relative;
}

.note-editor .note-editing-area .note-editable {
  outline: none;
}

.note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}

.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}

.note-editor .note-editing-area .note-editable img.note-float-left {
  margin-right: 10px;
}

.note-editor .note-editing-area .note-editable img.note-float-right {
  margin-left: 10px;
}

/* Frame mode layout
 ------------------------------------------ */
.note-editor.note-frame,
.note-editor.note-airframe {
  border: 1px solid #00000032;
}

.note-editor.note-frame.codeview .note-editing-area .note-editable,
.note-editor.note-airframe.codeview .note-editing-area .note-editable {
  display: none;
}

.note-editor.note-frame.codeview .note-editing-area .note-codable,
.note-editor.note-airframe.codeview .note-editing-area .note-codable {
  display: block;
}

.note-editor.note-frame .note-editing-area,
.note-editor.note-airframe .note-editing-area {
  overflow: hidden;
}

.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
  padding: 10px;
  overflow: auto;
  word-wrap: break-word;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
  background-color: #8080801d;
}

.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  border: none;
  box-shadow: none;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  resize: none;
  outline: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  margin-bottom: 0;
}

.note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 1050;
}

.note-editor.note-frame.fullscreen .note-resizebar,
.note-editor.note-airframe.fullscreen .note-resizebar {
  display: none;
}

.note-editor.note-frame .note-status-output,
.note-editor.note-airframe .note-status-output {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  height: 20px;
  margin-bottom: 0;
  color: #000;
  border: 0;
  border-top: 1px solid #e2e2e2;
}

.note-editor.note-frame .note-status-output:empty,
.note-editor.note-airframe .note-status-output:empty {
  height: 0;
  border-top: 0 solid transparent;
}

.note-editor.note-frame .note-status-output .pull-right,
.note-editor.note-airframe .note-status-output .pull-right {
  float: right !important;
}

.note-editor.note-frame .note-status-output .text-muted,
.note-editor.note-airframe .note-status-output .text-muted {
  color: #777;
}

.note-editor.note-frame .note-status-output .text-primary,
.note-editor.note-airframe .note-status-output .text-primary {
  color: #286090;
}

.note-editor.note-frame .note-status-output .text-success,
.note-editor.note-airframe .note-status-output .text-success {
  color: #3c763d;
}

.note-editor.note-frame .note-status-output .text-info,
.note-editor.note-airframe .note-status-output .text-info {
  color: #31708f;
}

.note-editor.note-frame .note-status-output .text-warning,
.note-editor.note-airframe .note-status-output .text-warning {
  color: #8a6d3b;
}

.note-editor.note-frame .note-status-output .text-danger,
.note-editor.note-airframe .note-status-output .text-danger {
  color: #a94442;
}

.note-editor.note-frame .note-status-output .alert,
.note-editor.note-airframe .note-status-output .alert {
  margin: -7px 0 0 0;
  padding: 7px 10px 2px 10px;
  border-radius: 0;
  color: #000;
  background-color: #f5f5f5;
}

.note-editor.note-frame .note-status-output .alert .note-icon,
.note-editor.note-airframe .note-status-output .alert .note-icon {
  margin-right: 5px;
}

.note-editor.note-frame .note-status-output .alert-success,
.note-editor.note-airframe .note-status-output .alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
}

.note-editor.note-frame .note-status-output .alert-info,
.note-editor.note-airframe .note-status-output .alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important;
}

.note-editor.note-frame .note-status-output .alert-warning,
.note-editor.note-airframe .note-status-output .alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
}

.note-editor.note-frame .note-status-output .alert-danger,
.note-editor.note-airframe .note-status-output .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
}

.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
  background-color: #8080801d;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #00000032;
}

.note-editor.note-frame .note-statusbar .note-resizebar,
.note-editor.note-airframe .note-statusbar .note-resizebar {
  padding-top: 1px;
  height: 9px;
  width: 100%;
  cursor: ns-resize;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid #00000032;
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar {
  cursor: default;
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
  display: none;
}

.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder {
  padding: 10px;
}

.note-editor.note-airframe {
  border: 0;
}

.note-editor.note-airframe .note-editing-area .note-editable {
  padding: 0;
}

/* Popover
 ------------------------------------------ */
.note-popover.popover {
  display: none;
  max-width: none;
}

.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.note-popover.popover .arrow {
  left: 20px !important;
}

/* Popover and Toolbar (Button container)
 ------------------------------------------ */
.note-toolbar {
  position: relative;
}

.note-popover .popover-content,
.note-editor .note-toolbar {
  margin: 0;
  padding: 0 0 5px 5px;
}

.note-popover .popover-content>.note-btn-group,
.note-editor .note-toolbar>.note-btn-group {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}

.note-popover .popover-content .note-btn-group .note-table,
.note-editor .note-toolbar .note-btn-group .note-table {
  min-width: 0;
  padding: 5px;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker,
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}

.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  position: absolute !important;
  z-index: 2;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}

.note-popover .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre,
.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
  margin: 0;
  padding: 5px 10px;
}

.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p,
.note-editor .note-toolbar .note-style .dropdown-style h1,
.note-editor .note-toolbar .note-style .dropdown-style h2,
.note-editor .note-toolbar .note-style .dropdown-style h3,
.note-editor .note-toolbar .note-style .dropdown-style h4,
.note-editor .note-toolbar .note-style .dropdown-style h5,
.note-editor .note-toolbar .note-style .dropdown-style h6,
.note-editor .note-toolbar .note-style .dropdown-style p {
  margin: 0;
  padding: 0;
}

.note-popover .popover-content .note-color-all .note-dropdown-menu,
.note-editor .note-toolbar .note-color-all .note-dropdown-menu {
  min-width: 337px;
}

.note-popover .popover-content .note-color .dropdown-toggle,
.note-editor .note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
  display: inline-block;
  margin: 0;
  width: 160px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
  margin: 0 5px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
  font-size: 12px;
  margin: 2px 7px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
  font-size: 11px;
  margin: 3px;
  padding: 0 3px;
  cursor: pointer;
  width: 100%;
  border-radius: 5px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  background: #eee;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
  height: 20px;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
  display: none;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  border: 1px solid #eee;
}

.note-popover .popover-content .note-para .note-dropdown-menu,
.note-editor .note-toolbar .note-para .note-dropdown-menu {
  min-width: 228px;
  padding: 5px;
}

.note-popover .popover-content .note-para .note-dropdown-menu>div+div,
.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div {
  margin-left: 5px;
}

.note-popover .popover-content .note-dropdown-menu,
.note-editor .note-toolbar .note-dropdown-menu {
  min-width: 160px;
}

.note-popover .popover-content .note-dropdown-menu.right,
.note-editor .note-toolbar .note-dropdown-menu.right {
  right: 0;
  left: auto;
}

.note-popover .popover-content .note-dropdown-menu.right::before,
.note-editor .note-toolbar .note-dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}

.note-popover .popover-content .note-dropdown-menu.right::after,
.note-editor .note-toolbar .note-dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}

.note-popover .popover-content .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a i {
  color: deepskyblue;
  visibility: hidden;
}

.note-popover .popover-content .note-dropdown-menu.note-check a.checked i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
  visibility: visible;
}

.note-popover .popover-content .note-fontsize-10,
.note-editor .note-toolbar .note-fontsize-10 {
  font-size: 10px;
}

.note-popover .popover-content .note-color-palette,
.note-editor .note-toolbar .note-color-palette {
  line-height: 1;
}

.note-popover .popover-content .note-color-palette div .note-color-btn,
.note-editor .note-toolbar .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}

/* Dialog
 ------------------------------------------ */
.note-modal .modal-dialog {
  outline: 0;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.note-modal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.note-modal .note-modal-form {
  margin: 0;
}

.note-modal .note-image-dialog .note-dropzone {
  min-height: 100px;
  font-size: 30px;
  line-height: 4;
  color: lightgray;
  text-align: center;
  border: 4px dashed lightgray;
  margin-bottom: 10px;
}

@-moz-document url-prefix() {
  .note-modal .note-image-input {
    height: auto;
  }
}

/* Placeholder
 ------------------------------------------ */
.note-placeholder {
  position: absolute;
  display: none;
  color: gray;
}

/* Handle
 ------------------------------------------ */
.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid #000;
}

.note-handle .note-control-selection>div {
  position: absolute;
}

.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}

.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-sizing,
.note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid #000;
}

.note-handle .note-control-selection .note-control-sizing {
  background-color: #000;
}

.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: none;
  border-bottom: none;
}

.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: none;
  border-left: none;
}

.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: none;
  border-right: none;
}

.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: none;
  border-left: none;
}

.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  color: #fff;
  background-color: #000;
  font-size: 12px;
  border-radius: 5px;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}

.note-hint-popover {
  min-width: 100px;
  padding: 2px;
}

.note-hint-popover .popover-content {
  padding: 3px;
  max-height: 150px;
  overflow: auto;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: white;
  white-space: nowrap;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
  cursor: pointer;
}

/* Handle
 ------------------------------------------ */
html .note-fullscreen-body,
body .note-fullscreen-body {
  overflow: hidden !important;
}

.note-editor .note-editing-area .note-editable table {
  width: 100%;
  border-collapse: collapse;
}

.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
  border: 1px solid #ececec;
  padding: 5px 3px;
}

.note-editor .note-editing-area .note-editable a {
  background-color: inherit;
  text-decoration: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #337ab7;
}

.note-editor .note-editing-area .note-editable a:hover,
.note-editor .note-editing-area .note-editable a:focus {
  color: #23527c;
  text-decoration: underline;
  outline: 0;
}

.note-editor .note-editing-area .note-editable figure {
  margin: 0;
}

/* Dialog
 ------------------------------------------*/
.note-modal .note-modal-body label {
  margin-bottom: 2px;
  padding: 2px 5px;
  display: inline-block;
}

.note-modal .note-modal-body .help-list-item:hover {
  background-color: #e0e0e0;
}

@-moz-document url-prefix() {
  .note-modal .note-image-input {
    height: auto;
  }
}

.help-list-item label {
  margin-bottom: 5px;
  display: inline-block;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/virtual-keyboard/dist/css/keyboard.min.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ui-keyboard {
  text-align: center;
  padding: .3em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 16000;
  touch-action: manipulation
}

.ui-keyboard-has-focus {
  z-index: 16001
}

.ui-keyboard div {
  font-size: 1.1em
}

.ui-keyboard[contenteditable] {
  white-space: pre
}

.ui-keyboard-button {
  height: 2em;
  min-width: 2em;
  margin: .1em;
  cursor: pointer;
  overflow: hidden;
  line-height: 2em;
  -moz-user-focus: ignore
}

.ui-keyboard-button span {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display: inline-block
}

.ui-keyboard-button-endrow {
  clear: left
}

.ui-keyboard-space {
  width: 15em
}

.ui-keyboard-empty span,
.ui-keyboard-space span {
  font: 0/0 a;
  text-shadow: none;
  color: transparent
}

.ui-keyboard-preview-wrapper {
  text-align: center;
  position: relative;
  overflow: hidden
}

.ui-keyboard-preview {
  text-align: left;
  margin: 0 0 3px 0;
  display: inline;
  width: 99%
}

.ui-keyboard-keyset {
  text-align: center;
  white-space: nowrap
}

.ui-keyboard-input {
  text-align: left
}

.ui-keyboard-input-current {
  box-shadow: 0 0 5px #4d90fe
}

.ui-keyboard-placeholder {
  color: #888
}

.ui-keyboard-nokeyboard {
  color: #888;
  border-color: #888
}

.ui-keyboard-spacer {
  display: inline-block;
  width: 1px;
  height: 0;
  cursor: default
}

.ui-keyboard-LRM span,
.ui-keyboard-NBSP span,
.ui-keyboard-RLM span,
.ui-keyboard-ZWJ span,
.ui-keyboard-ZWNJ span,
.ui-keyboard-ZWSP span {
  font-size: .5em;
  line-height: 1.5em;
  white-space: normal
}

.ui-keyboard-button.ui-keyboard-combo.ui-state-default {
  border-color: #ffaf0f
}

button.ui-keyboard-accept.ui-keyboard-valid-input {
  border-color: #0c0;
  background: #080;
  color: #fff
}

button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover {
  background: #0a0
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
  border-color: #c00;
  background: #800;
  color: #fff;
  opacity: .5
}

button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover {
  background: #a00
}

.ui-keyboard-caret {
  background: #c00;
  width: 1px;
  margin-top: 3px
}

div.ui-body.ui-keyboard button.ui-keyboard-button.ui-btn {
  padding: .5em 1em;
  border-color: transparent
}

.ui-body .ui-keyboard-button {
  width: 3em;
  height: 3em;
  display: inline-block
}

.ui-body .ui-keyboard-widekey {
  width: 5.5em
}

.ui-body .ui-keyboard-space {
  width: 15em
}

.ui-body .ui-keyboard-space span {
  visibility: hidden
}

.ui-body .ui-keyboard-keyset {
  line-height: .5em
}

.ui-body input.ui-input-text,
.ui-body textarea.ui-input-text {
  width: 95%
}

.ui-body .ui-btn-inner {
  height: 2em;
  padding: .2em 0;
  margin: 0
}

.ui-body .ui-btn {
  margin: 0;
  font-size: 13px
}

button.ui-keyboard-button.btn {
  padding: 1px 6px
}

button.ui-keyboard-toggle span {
  width: .8em;
  height: .8em;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

button.ui-keyboard-toggle span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTguNyw0LjRINy41SDUuMHYtMS45YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40LDAtMi41LDEuMS0yLjUsMi41djEuOWgxLjIgdi0xLjljMC0wLjcsMC42LTEuMiwxLjItMS4yczEuMiwwLjYsMS4yLDEuMnYxLjljLTAuNywwLTEuMiwwLjYtMS4yLDEuMlY4LjggYzAsMC43LDAuNiwxLjIsMS4yLDEuMmg1LjBDOS40LDEwLDEwLDkuNCwxMCw4LjhWNS42QzEwLDUuMCw5LjQsNC40LDguOCw0LjR6IE02LjYsNy40djEuMCBjMCwwLjItMC4xLDAuMy0wLjMsMC4zUzYuMCw4LjYsNi4wLDguNFY3LjRjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zLDAuMy0wLjYsMC42LTAuNiBTNi45LDYuNiw2LjksNi45QzYuOSw3LjEsNi44LDcuMyw2LjYsNy40eiIvPjwvc3ZnPg==)
}

button.ui-keyboard-toggle.ui-keyboard-disabled span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzExMSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)
}

.ui-keyboard-dark-theme button.ui-keyboard-toggle.ui-keyboard-disabled span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTcuNCA0LjRWMi41YzAtMS40LTEuMS0yLjUtMi41LTIuNWMtMS40IDAtMi41IDEuMS0yLjUgMi41djEuOSBjLTAuNyAwLTEuMiAwLjUtMS4yIDEuMnYzLjFDMS4zIDkuNCAxLjggMTAgMi41IDEwaDQuOWMwLjcgMCAxLjItMC42IDEuMi0xLjJWNS42IEM4LjcgNC45IDguMSA0LjQgNy40IDQuNHogTTUuMyA3LjR2MS4wYzAgMC4yLTAuMSAwLjMtMC4zIDAuM2MtMC4yIDAtMC4zLTAuMS0wLjMtMC4zVjcuNCBjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC41YzAtMC4zIDAuMy0wLjYgMC42LTAuNmMwLjMgMCAwLjYgMC4zIDAuNiAwLjYgQzUuNiA3LjEgNS41IDcuMyA1LjMgNy40eiBNNi4yIDQuNEgzLjdWMi41YzAtMC43IDAuNS0xLjIgMS4yLTEuMmMwLjcgMCAxLjIgMC42IDEuMiAxLjIgVjQuNHoiLz48L3N2Zz4=)
}

.ui-keyboard.ui-keyboard-disabled button:not(.ui-keyboard-toggle),
.ui-keyboard.ui-keyboard-disabled input {
  opacity: .5
}

.ui-keyboard-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .5)
}

.ui-keyboard-popup {
  display: inline-block;
  max-width: 22em
}

.ui-keyboard.ui-keyboard-popup-open .ui-keyboard-keyset .ui-keyboard-button {
  pointer-events: none
}

div.ui-keyboard-extender {
  margin-left: 5px
}

button.ui-keyboard-extender span {
  width: .9em;
  height: .9em;
  display: inline-block;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6IzExMSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzExMSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)
}

.ui-keyboard-dark-theme button.ui-keyboard-extender span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgc3R5bGU9ImZpbGw6I2VlZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2VlZSIgZD0iTSAwLjUsNC41IDE1LjUsNC41IDE1LjUsMTUuNSAwLjUsMTUuNSBaIj48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMiIgeT0iNiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSI4IiB5PSI2Ij48L3JlY3Q+PHBhdGggZD0ibSAxMSw2IDMsMCAwLDUgLTIsMCAwLC0zIC0xLDAgeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjEyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjUiIHk9IjEyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iOSIgeT0iOSI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjYiIHk9IjkiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIyIiB5PSIxMiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjkiPjwvcmVjdD48L2c+PC9zdmc+)
}

@media all and (max-width:319px) {
  .ui-keyboard div {
    font-size: 9px
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 12px
  }

  .ui-body .ui-btn {
    margin: 0;
    font-size: 9px
  }

  .ui-body .ui-keyboard-button {
    width: 1.8em;
    height: 2.5em
  }

  .ui-body .ui-keyboard-widekey {
    width: 4em
  }

  .ui-body .ui-keyboard-space {
    width: 8em
  }

  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: .3em 0
  }
}

@media all and (min-width:320px) and (max-width:479px) {
  .ui-keyboard div {
    font-size: 9px
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 14px
  }

  .ui-body .ui-btn {
    margin: 0;
    font-size: 11px
  }

  .ui-body .ui-keyboard-button {
    width: 1.8em;
    height: 3em
  }

  .ui-body .ui-keyboard-widekey {
    width: 4.5em
  }

  .ui-body .ui-keyboard-space {
    width: 10em
  }

  .ui-body .ui-btn-inner {
    height: 3em;
    padding: .7em 0
  }
}

@media all and (min-width:480px) and (max-width:767px) {
  .ui-keyboard div {
    font-size: 13px
  }

  .ui-keyboard .ui-keyboard-input {
    font-size: 14px
  }

  .ui-body .ui-btn {
    margin: 0;
    font-size: 10px
  }

  .ui-body .ui-keyboard-button {
    height: 2.5em
  }

  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: .5em 0
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/virtual-keyboard/dist/css/keyboard-previewkeyset.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ui-keyboard-keyset .ui-keyboard-button {
  position: relative
}

.ui-keyboard-keyset-normal .ui-keyboard-button::after {
  content: attr(data-shift);
  font-size: .6em;
  color: #999;
  position: absolute;
  top: -1em;
  left: 2px;
  z-index: 200
}

.ui-keyboard-keyset-shift .ui-keyboard-button::after {
  content: attr(data-normal);
  font-size: .6em;
  color: #999;
  position: absolute;
  top: -1em;
  left: 2px;
  z-index: 200
}

.ui-keyboard-keyset-alt .ui-keyboard-button::after {
  content: attr(data-alt-shift);
  font-size: .6em;
  color: #999;
  position: absolute;
  top: -1em;
  left: 2px;
  z-index: 200
}

.ui-keyboard-keyset-alt-shift .ui-keyboard-button::after {
  content: attr(data-alt);
  font-size: .6em;
  color: #999;
  position: absolute;
  top: -1em;
  left: 2px;
  z-index: 200
}