@charset "UTF-8";
/*
 * Backgound Function Collection
 * Oct 19: Largely rewrite to be more flexible
 *      - Before/After taking "Content" now
 *      - Ignore the rest of parameters if neither Image nor color exist
 *      - Able to handle Hover & Active BG
 */
/* Positioning & Sizing Function Collection
 * 
 * Oct 19: Enhanced dimen, if only one parameter, make it square size
 */
/*
 * Backgound Function Collection
 * Oct 19: Largely rewrite to be more flexible
 *      - Before/After taking "Content" now
 *      - Ignore the rest of parameters if neither Image nor color exist
 *      - Able to handle Hover & Active BG
 */
/* Positioning & Sizing Function Collection
 * 
 * Oct 19: Enhanced dimen, if only one parameter, make it square size
 */
.lightBlue-bg-wrapper .wrapper, .gray-bg-wrapper .wrapper, .content-wrapper {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.lightBlue-bg-wrapper, .gray-bg-wrapper {
  max-width: 100%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

table tr th.force-wrap, table tr td.force-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

:root {
  --sm: 575;
  --md: 767;
  --lg: 991;
  --xl: 1199;
}

/* poppins-400 - regular */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Poppins Regular"), local("Poppins-Regular"), url("../../public/fonts/poppins-v4-latin-regular.woff2") format("woff2");
}
/* poppins-500 - medium */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Poppins Medium"), local("Poppins-Medium"), url("../../public/fonts/poppins-v4-latin-500.woff2") format("woff2");
}
/* poppins-600 - semibold */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../../public/fonts/poppins-v4-latin-600.woff2") format("woff2");
}
/* poppins-700 - bold */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Poppins Bold"), local("Poppins-Bold"), url("../../public/fonts/poppins-v4-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "PMingLiu";
  font-display: swap;
  src: url("../../public/fonts/pml.woff2") format("woff2"), url("../../public/fonts/pml.woff") format("woff");
}
@font-face {
  font-family: "PMingLiuExtB1";
  font-display: swap;
  src: url("../../public/fonts/pmlb1.woff2") format("woff2"), url("../../public/fonts/pmlb1.woff") format("woff");
}
@font-face {
  font-family: "PMingLiuExtB2";
  font-display: swap;
  src: url("../../public/fonts/pmlb2.woff2") format("woff2"), url("../../public/fonts/pmlb2.woff") format("woff");
}
body {
  font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif !important;
}
body .cname {
  font-family: PMingLiu, PMingLiuExtB1, PMingLiuExtB2, 細明體_HKSCS;
}
:lang(zh-Hant) body {
  font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif !important;
}

:lang(zh-Hans) body {
  font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif !important;
}

.icn {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.icn.inline {
  display: inline-block;
}
.icn.profile {
  background-image: url(../../public/images/common/icon-profile.svg);
}
.icn.cart {
  background-image: url(../../public/images/common/icon-cart.svg);
}
.icn.globe {
  background-image: url(../../public/images/common/icon-globe.svg);
}
.icn.message {
  background-image: url(../../public/images/common/icon-message.svg);
}
.icn.printer {
  background-image: url(../../public/images/common/icon-print.svg);
}
.icn.share {
  background-image: url(../../public/images/common/icon-share.svg);
}
.icn.help {
  background-image: url(../../public/images/common/icon-help.svg);
}
.icn.contactPhone {
  background-image: url(../../public/images/common/icon-contact-phone.svg);
}
.icn.contactEmail {
  background-image: url(../../public/images/common/icon-contact-email.svg);
}
.icn.contactAddr {
  background-image: url(../../public/images/common/icon-contact-where.svg);
}
.icn.menu {
  background-image: url(../../public/images/common/icon-menu.svg);
}
.icn.menuStepDown {
  padding: 0;
  background-image: url(../../public/images/common/icon-step-dropdown.svg);
  background-size: 12px;
}
.icn.timestamp {
  width: 15px;
  height: 15px;
  background-image: url(../../public/images/common/icon-timestamp.svg);
}
.icn.checkedRed {
  width: 14px;
  height: 12px;
  background-image: url(../../public/images/common/icon-tick-red.svg);
}
.icn.backToTop {
  background-image: url(../../public/images/common/backtotop.svg);
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 120px;
  right: 20px;
}
.icn.tick {
  background-image: url(../../public/images/common/icon-tick-black.svg);
  background-size: 14px;
}
.icn.cross {
  background-image: url(../../public/images/common/icon-cross-black.svg);
  background-size: 14px;
}
.icn.dismiss {
  background-image: url(../../public/images/common/icon-close-popup.svg);
}
.delIcon, .icn.del {
  background-image: url(../../public/images/common/icon-del.svg);
}

.calculatorIcon, .icn.calculator {
  background-image: url(../../public/images/common/icon-calculator.svg);
}

.downloadIcon, .icn.download {
  background-image: url(../../public/images/common/icon-download.svg);
}

.certCopyIcon, .icn.certCopy {
  background-image: url(../../public/images/common/icon-cert-copy.svg);
}

.onlineViewIcon, .icn.onlineView {
  background-image: url(../../public/images/common/icon-online-view.svg);
}

.tooltipsIcon, .icn.tooltips {
  background-image: url(../../public/images/common/icon-tooltip.svg);
}

.redSignIcon, .icn.redSign {
  background-image: url(../../public/images/common/icon-sign.svg);
}

.cartWhiteIcon, .icn.cartWhite {
  background-image: url(../../public/images/common/icon-cart-white.svg);
}

.downloadWhiteIcon, .icn.downloadWhite {
  background-image: url(../../public/images/common/icon-download-copy-white.svg);
}

.onlineViewWhiteIcon, .icn.onlineViewWhite {
  background-image: url(../../public/images/common/icon-online-view-white.svg);
}

.userNoteIcon, .icn.userNote {
  background-image: url(../../public/images/common/icon-usernote.svg);
  background-size: 13px 14px;
}

.bulletIndIcon, .icn.bullet-ind {
  background-image: url(../../public/images/common/icon-bullet-indent.svg);
  background-size: 6px;
}

.iconLink {
  background-size: 14px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

/*
 * Backgound Function Collection
 * Oct 19: Largely rewrite to be more flexible
 *      - Before/After taking "Content" now
 *      - Ignore the rest of parameters if neither Image nor color exist
 *      - Able to handle Hover & Active BG
 */
/* Positioning & Sizing Function Collection
 * 
 * Oct 19: Enhanced dimen, if only one parameter, make it square size
 */
/*
 * Backgound Function Collection
 * Oct 19: Largely rewrite to be more flexible
 *      - Before/After taking "Content" now
 *      - Ignore the rest of parameters if neither Image nor color exist
 *      - Able to handle Hover & Active BG
 */
/* Positioning & Sizing Function Collection
 * 
 * Oct 19: Enhanced dimen, if only one parameter, make it square size
 */
.lightBlue-bg-wrapper .wrapper, .gray-bg-wrapper .wrapper, .content-wrapper {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.lightBlue-bg-wrapper, .gray-bg-wrapper {
  max-width: 100%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

table tr th.force-wrap, table tr td.force-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

body.theme- {
  /**
  * - pageTitle and the corresponding H1
  * - H2 title bar
  * - H3 subtitle (the little vertical bar)
  * - Responsive tables 
  */
}
body.theme-b.landing h1 {
  background-color: #0A73B1;
}
body.theme-b.landing .pagebanner {
  border-bottom-color: #0A73B1;
}
body.theme-b header .pageTitle.txtTitle {
  border-color: #0A73B1;
}
body.theme-b header .pageTitle.txtTitle h1, body.theme-b header .pageTitle.txtTitle h2 {
  color: #0A73B1;
}
body.theme-b .formWrapper h2 {
  background-color: #0A73B1;
}
body.theme-b .formWrapper h3 {
  border-left-color: #0A73B1;
}
body.theme-b table:not(.vertical) th {
  background-color: #E0F4FC;
  border-bottom-color: #0A73B1;
}
body.theme-b table:not(.vertical) th.blue-border, body.theme-b table:not(.vertical) td.blue-border {
  border-bottom-color: #0A73B1;
  border-top-color: #0A73B1;
  border-top: 1px solid #0A73B1;
  border-bottom: 1px solid #0A73B1;
}
body.theme-b table.vertical th {
  background-color: #0A73B1;
}
body.theme-b table.darkerTable thead tr:last-child {
  border-bottom-color: #005B75;
}
body.theme-b table.darkerTable thead tr th {
  background-color: #0A73B1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  body.theme-b table {
    border-top-color: #0A73B1 !important;
  }
}
body.theme-b .borderRight {
  border-right: 1px solid #0A73B1;
}
body.theme-b .borderTop {
  border-top: 1px solid #0A73B1;
}
body.theme-b .borderLeft {
  border-left: 1px solid #0A73B1;
}
body.theme-b .borderBottom {
  border-bottom: 1px solid #0A73B1;
}
body.theme-b .linksHGroup .wrapper .active a {
  border-bottom-color: #0A73B1;
}
body.theme-b .cardsWrapper .card .titleRow .title {
  color: #0A73B1;
}
body.theme-o.landing h1 {
  background-color: #EA7400;
}
body.theme-o.landing .pagebanner {
  border-bottom-color: #EA7400;
}
body.theme-o header .pageTitle.txtTitle {
  border-color: #EA7400;
}
body.theme-o header .pageTitle.txtTitle h1, body.theme-o header .pageTitle.txtTitle h2 {
  color: #EA7400;
}
body.theme-o .formWrapper h2 {
  background-color: #EA7400;
}
body.theme-o .formWrapper h3 {
  border-left-color: #EA7400;
}
body.theme-o table:not(.vertical) th {
  background-color: #FFEFD1;
  border-bottom-color: #EA7400;
}
body.theme-o table.vertical th {
  background-color: #EA7400;
}
body.theme-o table.darkerTable thead tr:last-child {
  border-bottom-color: #b95c00;
}
body.theme-o table.darkerTable thead tr th {
  background-color: #EA7400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  body.theme-o table {
    border-top-color: #EA7400 !important;
  }
}
body.theme-o .borderRight {
  border-right: 1px solid #EA7400;
}
body.theme-o .borderTop {
  border-top: 1px solid #EA7400;
}
body.theme-o .borderLeft {
  border-left: 1px solid #EA7400;
}
body.theme-o .borderBottom {
  border-bottom: 1px solid #EA7400;
}
body.theme-o .linksHGroup .wrapper .active a {
  border-bottom-color: #EA7400;
}
body.theme-o .cardsWrapper .card .titleRow .title {
  color: #EA7400;
}
body.theme-g.landing h1 {
  background-color: #51943D;
}
body.theme-g.landing .pagebanner {
  border-bottom-color: #51943D;
}
body.theme-g header .pageTitle.txtTitle {
  border-color: #51943D;
}
body.theme-g header .pageTitle.txtTitle h1, body.theme-g header .pageTitle.txtTitle h2 {
  color: #51943D;
}
body.theme-g .formWrapper h2 {
  background-color: #51943D;
}
body.theme-g .formWrapper h3 {
  border-left-color: #51943D;
}
body.theme-g table:not(.vertical) th {
  background-color: #E2F7DA;
  border-bottom-color: #51943D;
}
body.theme-g table.vertical th {
  background-color: #51943D;
}
body.theme-g table.darkerTable thead tr:last-child {
  border-bottom-color: #397627;
}
body.theme-g table.darkerTable thead tr th {
  background-color: #51943D;
  color: #fff;
}
@media screen and (max-width: 767px) {
  body.theme-g table {
    border-top-color: #51943D !important;
  }
}
body.theme-g .borderRight {
  border-right: 1px solid #51943D;
}
body.theme-g .borderTop {
  border-top: 1px solid #51943D;
}
body.theme-g .borderLeft {
  border-left: 1px solid #51943D;
}
body.theme-g .borderBottom {
  border-bottom: 1px solid #51943D;
}
body.theme-g .linksHGroup .wrapper .active a {
  border-bottom-color: #51943D;
}
body.theme-g .cardsWrapper .card .titleRow .title {
  color: #51943D;
}

.icn.backToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 4px;
  margin: -4px;
}

table {
  color: #272727;
  font-size: 1.6rem;
  width: 100%;
  border-bottom: 1px solid #c7c7d2;
  border-collapse: collapse;
}
table.max100 {
  max-width: 100%;
}
table .w25pc {
  width: 25%;
}
table .w50pc {
  width: 50%;
}
table .w75pc {
  width: 75%;
}
table .half {
  width: 50%;
}
@media screen and (max-width: 767px) {
  table .half {
    width: 100%;
  }
}
table .numBullet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
table .numBullet .num {
  width: 24px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
}
table .numBullet .txt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
table .indent-p .numBullet {
  padding-left: 12px;
}
@media screen and (max-width: 767px) {
  table .indent-p .numBullet {
    padding-left: 0;
  }
}
table .indent-m .numBullet {
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  table .indent-m .numBullet {
    margin-left: 0;
  }
}
table tr {
  background-color: #fff;
  /*
        td:empty {
          @include md {
            empty-cells: hide;
            display: none;
          }
        }
  */
}
table tr:nth-child(even) {
  background-color: #f8f8f9;
}
table tr.alignTop {
  vertical-align: top;
}
table tr.alignMiddle {
  vertical-align: middle;
}
table tr.alignBottom {
  vertical-align: bottom;
}
table tr.newSectionBreak {
  border-top: solid 1px #c7c7d2;
}
table tr th, table tr td {
  padding: 12px;
}
table tr th {
  font-weight: 600;
  border-bottom: 1px solid #000;
}
table tr th.alignRight, table tr td.alignRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
table tr th.aL, table tr td.aL {
  text-align: left;
}
table tr th.aC, table tr td.aC {
  text-align: center;
}
table tr th.aR, table tr td.aR {
  text-align: right;
}
table tr th.vT, table tr td.vT {
  vertical-align: top;
}
table tr th.vM, table tr td.vM {
  vertical-align: middle;
}
table tr th.vB, table tr td.vB {
  vertical-align: bottom;
}
@media screen and (max-width: 991px) {
  table tr th.aL-LG-MD, table tr td.aL-LG-MD {
    text-align: left;
  }
  table tr th.aC-LG-MD, table tr td.aC-LG-MD {
    text-align: center;
  }
  table tr th.aR-LG-MD, table tr td.aR-LG-MD {
    text-align: right;
  }
  table tr th.vT-LG-MD, table tr td.vT-LG-MD {
    vertical-align: top;
  }
  table tr th.vM-LG-MD, table tr td.vM-LG-MD {
    vertical-align: middle;
  }
  table tr th.vB-LG-MD, table tr td.vB-LG-MD {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 767px) {
  table tr th.aL-MD, table tr td.aL-MD {
    text-align: left;
  }
  table tr th.aC-MD, table tr td.aC-MD {
    text-align: center;
  }
  table tr th.aR-MD, table tr td.aR-MD {
    text-align: right;
  }
  table tr th.vT-MD, table tr td.vT-MD {
    vertical-align: top;
  }
  table tr th.vM-MD, table tr td.vM-MD {
    vertical-align: middle;
  }
  table tr th.vB-MD, table tr td.vB-MD {
    vertical-align: bottom;
  }
}
table tr.subtotal {
  border-bottom: 1px solid #c7c7d2;
}
table tr.subtotal td {
  font-weight: bold;
}
table tr.grandTotal td {
  font-weight: bold;
}
table tr.grandTotal td.totalVal {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  table tr.subtotal, table tr.grandTotal {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  table tr.subtotal td, table tr.grandTotal td {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
table.vertical tr:nth-child(2n+1) {
  background-color: #fff;
}
table.vertical tr:nth-child(2n) {
  background-color: #f8f8f9;
}
table.vertical tr:last-child th {
  border-bottom: none;
}
table.vertical th {
  color: #fff;
  font-size: 1.9rem;
  line-height: 1.53;
  border-bottom-color: #fff;
  width: 35%;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  table.vertical th {
    font-weight: normal;
  }
}

.hscroll-table-shadow {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .hscroll-table-shadow:before, .hscroll-table-shadow:after {
    content: "";
    top: 0;
    width: 10px;
    height: calc(100% - 10px);
    z-index: 1;
  }
  .hscroll-table-shadow.scroll-middle:after, .hscroll-table-shadow.scroll-start:after {
    position: absolute;
    left: auto;
    right: 0;
  }
  .hscroll-table-shadow.scroll-middle:after else, .hscroll-table-shadow.scroll-start:after else {
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  }
  .hscroll-table-shadow.scroll-end:before, .hscroll-table-shadow.scroll-middle:before {
    position: absolute;
    left: 0;
    right: auto;
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0)), rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0)), rgba(0, 0, 0, 0.25);
  }
  .hscroll-table-shadow.scroll-end:before else, .hscroll-table-shadow.scroll-middle:before else {
    background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0));
  }
}

.responsive-hscroll-table::-webkit-scrollbar,
.non-responsive-hscroll-table::-webkit-scrollbar,
.responsive-hscroll-desktop-only-table::-webkit-scrollbar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 10px;
}
.responsive-hscroll-table::-webkit-scrollbar-track,
.non-responsive-hscroll-table::-webkit-scrollbar-track,
.responsive-hscroll-desktop-only-table::-webkit-scrollbar-track {
  background-color: #F5F5F7;
}
.responsive-hscroll-table::-webkit-scrollbar-thumb,
.non-responsive-hscroll-table::-webkit-scrollbar-thumb,
.responsive-hscroll-desktop-only-table::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: #777778;
}
.responsive-hscroll-table table,
.non-responsive-hscroll-table table,
.responsive-hscroll-desktop-only-table table {
  min-width: 992px;
}

.responsive-hscroll-table,
.responsive-hscroll-desktop-only-table {
  overflow-x: auto;
}

.responsive-hscroll-desktop-only-table table {
  min-width: initial;
}

/* Standard Table Style */
.responsive-hscroll-desktop-only-table table,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .responsive-hscroll-desktop-only-table table,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table {
    border-top: 3px solid #000;
  }
  .responsive-hscroll-desktop-only-table table, .responsive-hscroll-desktop-only-table table tbody, .responsive-hscroll-desktop-only-table table th, .responsive-hscroll-desktop-only-table table td, .responsive-hscroll-desktop-only-table table tr,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tbody,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table th,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table td,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr {
    display: block;
  }
  .responsive-hscroll-desktop-only-table table thead,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table thead {
    display: none;
  }
  .responsive-hscroll-desktop-only-table table tr:nth-child(odd),
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr:nth-child(odd) {
    background-color: #fff;
  }
  .responsive-hscroll-desktop-only-table table tr:nth-child(even),
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr:nth-child(even) {
    background-color: #f8f8f9;
  }
  .responsive-hscroll-desktop-only-table table tr td[data-title],
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td[data-title] {
    font-size: 1.6rem;
    font-weight: 600;
    background-color: transparent;
  }
  .responsive-hscroll-desktop-only-table table tr th, .responsive-hscroll-desktop-only-table table tr td[data-title]::before,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr th,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td[data-title]::before {
    content: attr(data-title);
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.71;
    color: #272727;
    background-color: initial !important;
  }
  .responsive-hscroll-desktop-only-table table tr td[data-group]::before,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td[data-group]::before {
    content: attr(data-group) "\a\a" attr(data-title);
    white-space: break-spaces;
    padding-top: 10px;
  }
  .responsive-hscroll-desktop-only-table table tr td[data-group]::first-line,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td[data-group]::first-line {
    font-size: 2rem;
  }
  .responsive-hscroll-desktop-only-table table tr td.inputCell[data-title]::before,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inputCell[data-title]::before {
    font-weight: 600;
    font-size: 1.6rem;
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD {
    display: inline-block;
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w1,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w1 {
    width: calc(10% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w2,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w2 {
    width: calc(20% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w3,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w3 {
    width: calc(30% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w4,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w4 {
    width: calc(40% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w5,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w5 {
    width: calc(50% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w6,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w6 {
    width: calc(60% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w7,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w7 {
    width: calc(70% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w8,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w8 {
    width: calc(80% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table tr td.inlineCellMD.w9,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table tr td.inlineCellMD.w9 {
    width: calc(90% - 2.5px);
  }
  .responsive-hscroll-desktop-only-table table.vertical tr th,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table.vertical tr th {
    color: #272727;
    font-size: 1.4rem;
    font-weight: normal;
    padding-bottom: 0;
    width: 100%;
    border-bottom: none;
  }
  .responsive-hscroll-desktop-only-table table.vertical tr td,
:not(.responsive-hscroll-table):not(.non-responsive-table-container) > table.vertical tr td {
    padding-top: 3px;
    font-weight: 600;
  }
}

.responsive-hscroll-desktop-only-table table {
  margin-bottom: 0 !important;
}

table.formTable input, table.formTable select, table.formTable textarea,
table.formTable tr.inputRow input,
table.formTable tr.inputRow select,
table.formTable tr.inputRow textarea,
table.formTable td.inputCell input,
table.formTable td.inputCell select,
table.formTable td.inputCell textarea {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  table.formTable input, table.formTable select, table.formTable textarea,
table.formTable tr.inputRow input,
table.formTable tr.inputRow select,
table.formTable tr.inputRow textarea,
table.formTable td.inputCell input,
table.formTable td.inputCell select,
table.formTable td.inputCell textarea {
    margin-bottom: 10px;
  }
}
table.formTable .ant-checkbox-wrapper,
table.formTable tr.inputRow .ant-checkbox-wrapper,
table.formTable td.inputCell .ant-checkbox-wrapper {
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  table.formTable tbody tr td {
    padding-bottom: 0;
  }
  table.formTable tbody tr td:not(.inlineCellMD):last-child {
    padding-bottom: 12px;
  }
  table.formTable tbody tr td.inlineCellMD {
    padding-bottom: 0px;
  }
}

table.darkerTable thead tr {
  border-bottom: 2px solid #000;
}
table.darkerTable thead tr th {
  font-size: 1.9rem;
  font-weight: 700;
}

table tbody.row-group tr:nth-child(odd) {
  background-color: #f8f8f9 !important;
}
table tbody.row-group tr:first-child,
table tbody.row-group tr:nth-child(even) {
  background-color: #fff !important;
}

table tr.inputRow .ant-input-number,
table td.inputCell .ant-input-number {
  margin-bottom: 0;
  background-color: transparent;
}
table tr.inputRow .ant-input-number input.ant-input-number-input,
table td.inputCell .ant-input-number input.ant-input-number-input {
  background-color: #fff;
}

.ant-alert {
  width: 100%;
}
.ant-alert.ant-alert-success, .ant-alert.ant-alert-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-radius: 0;
  padding: 24px 22px;
  color: #272727;
  margin-bottom: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  background-color: #fff;
}
.ant-alert.ant-alert-success {
  border-color: #51943D;
}
.ant-alert.ant-alert-error {
  border-color: #c91d20;
}
.ant-alert .ant-alert-icon {
  position: relative;
  top: unset;
  left: unset;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  margin-right: 10px;
}
.ant-alert .ant-alert-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ant-alert .ant-alert-close-icon {
  position: relative;
  top: unset;
  right: unset;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 24px;
  height: 24px;
}
.ant-alert .ant-alert-close-icon .anticon-close {
  background-image: url(../../public/images/common/icon-close-popup.svg);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.ant-alert .ant-alert-close-icon .anticon-close svg {
  display: none;
}
.ant-alert .ant-alert-close-icon .anticon-close:hover, .ant-alert .ant-alert-close-icon .anticon-close:active {
  background-color: #fff;
  border-color: transparent;
}

.modal[role=dialog] .spinner-border {
  color: #777778;
}
.modal[role=dialog] p {
  color: #272727;
}
.modal[role=dialog] *:focus .spinner-border {
  color: #777778;
}
.modal[role=dialog] *:focus p {
  color: #272727;
}
.modal[role=dialog] .modal-dialog .modal-title {
  font-size: 2.4rem;
  font-weight: 600;
  white-space: break-spaces;
}
.modal[role=dialog] .modal-dialog h4 {
  font-weight: 600;
  font-size: 1.6rem;
  padding-top: 8px;
}
.modal[role=dialog] .modal-dialog button.close,
.modal[role=dialog] .modal-dialog .ant-btn.close {
  width: 44px;
  height: 44px;
  border-color: transparent;
  opacity: 1 !important;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal[role=dialog] .modal-dialog button.close:hover,
.modal[role=dialog] .modal-dialog .ant-btn.close:hover {
  background-color: #fff;
}
.modal[role=dialog] .modal-dialog.modal-xxl {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1124px) {
  .modal[role=dialog] .modal-dialog.modal-xxl {
    max-width: 100%;
    margin-left: 12px;
    margin-right: 12px;
  }
}
.modal[role=dialog] .modal-dialog.modal-smd {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 404px) {
  .modal[role=dialog] .modal-dialog.modal-smd {
    max-width: 100%;
    margin-left: 12px;
    margin-right: 12px;
  }
}
.modal[role=dialog] .modal-dialog.modal-smd .modal-content header.modal-header,
.modal[role=dialog] .modal-dialog.modal-smd .modal-content .modal-body,
.modal[role=dialog] .modal-dialog.modal-smd .modal-content footer.modal-footer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
}
.modal[role=dialog] .modal-dialog .modal-content {
  border: none;
  border-radius: 5px;
}
.modal[role=dialog] .modal-dialog .modal-content:focus p, .modal[role=dialog] .modal-dialog .modal-content:active p {
  color: #272727;
}
.modal[role=dialog] .modal-dialog .modal-content header.modal-header,
.modal[role=dialog] .modal-dialog .modal-content .modal-body,
.modal[role=dialog] .modal-dialog .modal-content footer.modal-footer {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 767px) {
  .modal[role=dialog] .modal-dialog .modal-content header.modal-header,
.modal[role=dialog] .modal-dialog .modal-content .modal-body,
.modal[role=dialog] .modal-dialog .modal-content footer.modal-footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.modal[role=dialog] .modal-dialog .modal-content header.modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-bottom: none;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .modal[role=dialog] .modal-dialog .modal-content header.modal-header {
    padding-top: 15px;
  }
}
.modal[role=dialog] .modal-dialog .modal-content footer.modal-footer {
  background-color: initial;
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
}
.modal[role=dialog] .modal-dialog .modal-content footer.modal-footer .actionBtnWrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal[role=dialog] .modal-dialog .confirmDialog.confirmDialogTemplate .modal-header {
  display: none !important;
}
.modal[role=dialog] .modal-dialog .confirmDialog.confirmDialogTemplate .modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 33px 24px 8px 27px;
}
.modal[role=dialog] .modal-dialog .confirmDialog.confirmDialogTemplate .modal-footer .actionBtnWrapper {
  padding-top: 0;
  padding-bottom: 30px;
}
.modal[role=dialog] .modal-dialog .confirmDialog.confirmDialogTemplate .iconColumn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 36px;
  -ms-flex: 0 0 36px;
  flex: 0 0 36px;
}
.modal[role=dialog] .modal-dialog .confirmDialog.confirmDialogTemplate .msgColumn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: 8px;
}
.modal[role=dialog] .modal-dialog .confirmDialog.confirmDialogTemplate .dialogTitle {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 7px;
}
.modal[role=dialog] .modal-dialog.modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
}
.modal[role=dialog] .modal-dialog .announcement_and_news h3 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.69;
  margin-bottom: 0;
}
.modal[role=dialog] .modal-dialog .eServicesReadme {
  padding-top: 0;
  padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .modal[role=dialog] .modal-dialog .eServicesReadme {
    padding-bottom: 34px;
  }
}
.modal[role=dialog] .modal-dialog .eServicesReadme h2 {
  color: #c91d20;
  font-weight: 700;
}
.modal[role=dialog] .modal-dialog .eServicesReadme h2.newReg {
  color: #ea7400;
}
.modal[role=dialog] .modal-dialog .eServicesReadme h2.filing {
  color: #51943d;
}
@media screen and (max-width: 767px) {
  .modal[role=dialog] .modal-dialog .eServicesReadme h2.filing {
    margin-top: 14px;
    margin-bottom: 15px;
  }
}
.modal[role=dialog] .modal-dialog .eServicesReadme h2.search {
  color: #0a73b1;
}
@media screen and (max-width: 767px) {
  .modal[role=dialog] .modal-dialog .eServicesReadme h2.search {
    margin-top: 14px;
    margin-bottom: 15px;
  }
}
.modal[role=dialog] .modal-dialog .loadingModal {
  text-align: center;
}
.modal[role=dialog] .modal-dialog .loadingModal h2 {
  font-size: 1.6rem;
  font-weight: 600;
}
.modal[role=dialog] .modal-dialog .loadingModal .spinner-wrapper {
  padding-top: 30px;
  padding-bottom: 15px;
}
.modal[role=dialog] .modal-dialog .loadingModal .spinner-wrapper .spinner-border {
  width: 30px;
  height: 30px;
}

[id*=BV_modal_outer] ~ div .ant-tooltip,
[id*=BV_modal_outer] ~ div .ant-popover {
  z-index: 1040;
}

.pagingWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox; 
  display: flex;
  justify-content: flex-end !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .pagingWrapper {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.pagingWrapper .secondary {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1.6rem;
  font-weight: normal;
}
.pagingWrapper .primary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .pagingWrapper .secondary + .primary {
    margin-bottom: 24px;
  }
}
.pagingWrapper .ant-pagination li {
  border-radius: 0;
  border: 1px solid #272727;
  width: 30px;
  height: 42px;
}
.pagingWrapper .ant-pagination .ant-pagination-item,
.pagingWrapper .ant-pagination .ant-pagination-jump-prev,
.pagingWrapper .ant-pagination .ant-pagination-jump-next {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.pagingWrapper .ant-pagination .ant-pagination-item a,
.pagingWrapper .ant-pagination .ant-pagination-jump-prev a,
.pagingWrapper .ant-pagination .ant-pagination-jump-next a {
  color: #272727;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.pagingWrapper .ant-pagination .ant-pagination-item-active,
.pagingWrapper .ant-pagination .ant-pagination-jump-prev-active,
.pagingWrapper .ant-pagination .ant-pagination-jump-next-active {
  background-color: #005b75;
}
.pagingWrapper .ant-pagination .ant-pagination-item-active a,
.pagingWrapper .ant-pagination .ant-pagination-jump-prev-active a,
.pagingWrapper .ant-pagination .ant-pagination-jump-next-active a {
  color: #fff;
}
.pagingWrapper .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-link,
.pagingWrapper .ant-pagination .ant-pagination-jump-next .ant-pagination-item-link {
  width: 100%;
}
.pagingWrapper .ant-pagination .ant-pagination-jump-prev.ant-pagination-jump-prev-custom-icon,
.pagingWrapper .ant-pagination .ant-pagination-jump-next.ant-pagination-jump-next-custom-icon {
  border-color: transparent;
}
.pagingWrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.pagingWrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  border-radius: 0;
}
.pagingWrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link .anticon.anticon-left,
.pagingWrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link .anticon.anticon-right,
.pagingWrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link .anticon.anticon-left,
.pagingWrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link .anticon.anticon-right {
  vertical-align: -10px;
}
.pagingWrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link .anticon-left {
  width: 100%;
  height: 100%;
  background-image: url(../../public/images/common/icon-page-previous.svg);
  background-position: center center;
  background-size: 24px;
  background-repeat: no-repeat;
}
.pagingWrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link .anticon-left svg {
  display: none;
}
.pagingWrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link .anticon-right {
  width: 100%;
  height: 100%;
  background-image: url(../../public/images/common/icon-page-next.svg);
  background-position: center center;
  background-size: 24px;
  background-repeat: no-repeat;
}
.pagingWrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link .anticon-right svg {
  display: none;
}
.pagingWrapper .ant-pagination .anticon.anticon-double-left.ant-pagination-item-link-icon {
  background-image: url(../../public/images/common/icon-page-jump-previous.svg);
  background-position: top 11px center;
  background-size: 24px;
  background-repeat: no-repeat;
  width: 30px;
  height: 42px;
}
.pagingWrapper .ant-pagination .anticon.anticon-double-left.ant-pagination-item-link-icon svg {
  display: none;
}
.pagingWrapper .ant-pagination .anticon.anticon-double-right.ant-pagination-item-link-icon {
  background-image: url(../../public/images/common/icon-page-jump-next.svg);
  background-position: top 11px center;
  background-size: 24px;
  background-repeat: no-repeat;
  width: 30px;
  height: 42px;
}
.pagingWrapper .ant-pagination .anticon.anticon-double-right.ant-pagination-item-link-icon svg {
  display: none;
}
.pagingWrapper .ant-pagination .ant-pagination-item-ellipsis {
  padding-top: 13px;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  color: #005b75;
  outline: #0056b3 auto 2px !important;
}
*.ant-input:focus {
  color: #005b75;
  outline: #0056b3 auto 2px !important;
  -webkit-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
}

.ant-input-number-input:focus {
  color: #005b75;
  outline: #0056b3 auto 2px !important;
  -webkit-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
}

input:focus {
  color: #495057;
  border-color: #fff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ant-radio-input:focus + .ant-radio-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  -webkit-box-shadow: 0 0 0 2px #005b75 !important;
  -moz-box-shadow: 0 0 0 2px #005b75 !important;
  box-shadow: 0 0 0 2px #005b75 !important;
}

.sr-only-focusable:focus {
  position: fixed;
  top: 5px;
  left: 5px;
  padding: 10px 20px;
  background-color: #fff;
  z-index: 1025;
}

select:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
}
select.redDropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #c91d20;
  border: solid 1px #c91d20;
  padding: 10px 30px 10px 12px;
  cursor: pointer;
  background-image: url(../../public/images/common/icon-dropdown-action.svg);
  background-position: right 14px center;
  background-size: 9px 7px;
  background-repeat: no-repeat;
}
select:disabled, select.disabled {
  border: solid 1px #6c757d;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.25);
  background-image: url(../../public/images/common/icon-dropdown-disable.svg);
  cursor: not-allowed;
}

:-moz-selection {
  color: #fff !important;
  background: #005b75 !important;
}

::-moz-selection {
  color: #fff !important;
  background: #005b75 !important;
}

::selection {
  color: #fff !important;
  background: #005b75 !important;
}

@media screen and (min-width: 992px) {
  .desktopOnly-mb5pxI {
    margin-bottom: 5px !important;
  }

  .desktopOnly-mb10pxI {
    margin-bottom: 10px !important;
  }

  .desktopOnly-mb15pxI {
    margin-bottom: 15px !important;
  }

  .desktopOnly-mb20pxI {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 767px) {
  .large-screen-align-center {
    text-align: center !important;
  }

  .large-screen-border-bottom {
    border-bottom: 1px solid #51943D !important;
  }

  .large-screen-hide {
    display: none;
  }
}
html,
body {
  padding: 0;
  margin: 0;
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  font-size: 1.6rem !important;
  /* Set core body defaults */
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
body.postlogonApp h1,
body.postlogonApp h2,
body.postlogonApp h3,
body.postlogonApp h4,
body.postlogonApp h5,
body.postlogonApp h6, body.landing h1,
body.landing h2,
body.landing h3,
body.landing h4,
body.landing h5,
body.landing h6 {
  line-height: 1.5;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
body.postlogonApp h1, body.landing h1 {
  font-size: 2.8rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  body.postlogonApp h1, body.landing h1 {
    font-size: 2.5rem;
  }
}
body.postlogonApp h2, body.landing h2 {
  font-size: 2.4rem;
  font-weight: 600;
}
body.postlogonApp h3, body.landing h3 {
  font-size: 2.2rem;
  font-weight: 600;
}
body.landing main h1 {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  body.landing main h1 {
    font-size: 2.6rem;
  }
}
body.landing main h2 {
  margin-top: 50px;
  margin-bottom: 15px;
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  body.landing main h2 {
    margin-top: 24px;
  }
}
body .boldTitle,
body .sectionTitle {
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 0;
  color: #005b75;
}
body .sectionTitle {
  margin-bottom: 24px;
  text-align: center;
}
body a {
  color: #005b75;
}
body a:not([class]) {
  text-decoration-skip-ink: auto;
}
body a:hover {
  color: #005b75;
  text-decoration: underline !important;
}
body .responsiveLink {
  display: inline-block;
}
body .responsiveLink.withIcon {
  min-width: 24px;
  min-height: 24px;
  padding-left: 24px;
  background-position: top left;
  background-size: 24px;
  background-repeat: no-repeat;
}
body .responsiveLink.withIcon span {
  margin-left: 8px;
}
body .responsiveLink.withSmallIcon {
  min-width: 24px;
  min-height: 24px;
  padding-left: 22px;
  background-position: top 4px left;
  background-repeat: no-repeat;
}
body .responsiveLink span:not([class]) {
  display: none;
}
@media screen and (max-width: 767px) {
  body .responsiveLink span:not([class]) {
    display: block;
    margin-left: 28px;
  }
}
@media screen and (max-width: 767px) {
  body .responsiveLink span.largeScreenShow {
    display: none;
  }
}
body .responsiveLink span.smallScreenShow {
  display: none;
}
@media screen and (max-width: 767px) {
  body .responsiveLink span.smallScreenShow {
    display: initial;
  }
}
body .clickable {
  cursor: pointer;
}
body p.strong,
body span.strong {
  font-weight: 600;
}
body strong,
body .strong {
  font-weight: 600;
}
body .nowrap {
  white-space: nowrap;
}
body ul[class],
body ol[class] {
  list-style: none;
}
body .tc {
  text-align: center;
}
body .tl {
  text-align: left;
}
body .tr {
  text-align: right;
}
body .y50 {
  transform: translateY(-50%);
}
img {
  max-width: 100%;
  display: block;
}
img.initial {
  display: initial;
}

body svg {
  vertical-align: baseline;
}
body input,
body button,
body textarea,
body select,
body label {
  font-size: 1.6rem;
}
body input[type=text] {
  border: 1px solid #6c757d;
  border-radius: 0;
  padding: 9px 15px 11px 12px;
  background-color: #fff;
}
body input.full,
body select.full,
body textarea.full {
  width: 100%;
}
body input.l,
body select.l,
body textarea.l {
  width: 380px;
}
@media screen and (max-width: 767px) {
  body input.l,
body select.l,
body textarea.l {
    width: 100%;
  }
}
body input.m,
body select.m,
body textarea.m {
  width: 280px;
}
@media screen and (max-width: 767px) {
  body input.m,
body select.m,
body textarea.m {
    width: 100%;
  }
}
body input.s,
body select.s,
body textarea.s {
  width: 180px;
}
@media screen and (max-width: 767px) {
  body input.s,
body select.s,
body textarea.s {
    width: 100%;
  }
}
body input.xs,
body select.xs,
body textarea.xs {
  width: 80px;
}
@media screen and (max-width: 767px) {
  body input.xs,
body select.xs,
body textarea.xs {
    width: 100%;
  }
}
body select.currencyDropdown {
  width: 80px !important;
}
body .btn,
body button,
body input[type=button],
body input[type=submit],
body .ant-btn,
body .btn-secondary {
  border-radius: 0;
  border: 1px solid #272727;
  background-color: #fff;
  padding: 7px 20px 8px;
  font-size: 1.6rem;
  line-height: 1.69;
  font-weight: 500;
  text-align: center;
  color: #272727;
  height: unset;
  white-space: normal;
}
@media screen and (max-width: 767px) {
  body .btn,
body button,
body input[type=button],
body input[type=submit],
body .ant-btn,
body .btn-secondary {
    width: 100%;
  }
}
body .btn:hover,
body button:hover,
body input[type=button]:hover,
body input[type=submit]:hover,
body .ant-btn:hover,
body .btn-secondary:hover {
  border-color: #707070;
  background-color: #707070;
  color: #fff !important;
}
body .btn:active,
body button:active,
body input[type=button]:active,
body input[type=submit]:active,
body .ant-btn:active,
body .btn-secondary:active {
  border-color: #495057;
  background-color: #495057;
  color: #fff !important;
}
body .btn:focus,
body button:focus,
body input[type=button]:focus,
body input[type=submit]:focus,
body .ant-btn:focus,
body .btn-secondary:focus {
  color: #272727;
}
body .btn.primary,
body .btn .ant-btn-primary, body .btn.btn-primary,
body button.primary,
body button .ant-btn-primary,
body button.btn-primary,
body input[type=button].primary,
body input[type=button] .ant-btn-primary,
body input[type=button].btn-primary,
body input[type=submit].primary,
body input[type=submit] .ant-btn-primary,
body input[type=submit].btn-primary,
body .ant-btn.primary,
body .ant-btn .ant-btn-primary,
body .ant-btn.btn-primary,
body .btn-secondary.primary,
body .btn-secondary .ant-btn-primary,
body .btn-secondary.btn-primary {
  background-color: #c91d20;
  border-color: #c91d20;
  color: #fff;
  min-width: 130px;
}
@media screen and (max-width: 767px) {
  body .btn.primary,
body .btn .ant-btn-primary, body .btn.btn-primary,
body button.primary,
body button .ant-btn-primary,
body button.btn-primary,
body input[type=button].primary,
body input[type=button] .ant-btn-primary,
body input[type=button].btn-primary,
body input[type=submit].primary,
body input[type=submit] .ant-btn-primary,
body input[type=submit].btn-primary,
body .ant-btn.primary,
body .ant-btn .ant-btn-primary,
body .ant-btn.btn-primary,
body .btn-secondary.primary,
body .btn-secondary .ant-btn-primary,
body .btn-secondary.btn-primary {
    margin-top: 8px;
    min-width: initial;
  }
}
body .btn.primary:hover,
body .btn .ant-btn-primary:hover, body .btn.btn-primary:hover,
body button.primary:hover,
body button .ant-btn-primary:hover,
body button.btn-primary:hover,
body input[type=button].primary:hover,
body input[type=button] .ant-btn-primary:hover,
body input[type=button].btn-primary:hover,
body input[type=submit].primary:hover,
body input[type=submit] .ant-btn-primary:hover,
body input[type=submit].btn-primary:hover,
body .ant-btn.primary:hover,
body .ant-btn .ant-btn-primary:hover,
body .ant-btn.btn-primary:hover,
body .btn-secondary.primary:hover,
body .btn-secondary .ant-btn-primary:hover,
body .btn-secondary.btn-primary:hover {
  background-color: #ff2831;
  border-color: #ff2831;
}
body .btn.primary:active,
body .btn .ant-btn-primary:active, body .btn.btn-primary:active,
body button.primary:active,
body button .ant-btn-primary:active,
body button.btn-primary:active,
body input[type=button].primary:active,
body input[type=button] .ant-btn-primary:active,
body input[type=button].btn-primary:active,
body input[type=submit].primary:active,
body input[type=submit] .ant-btn-primary:active,
body input[type=submit].btn-primary:active,
body .ant-btn.primary:active,
body .ant-btn .ant-btn-primary:active,
body .ant-btn.btn-primary:active,
body .btn-secondary.primary:active,
body .btn-secondary .ant-btn-primary:active,
body .btn-secondary.btn-primary:active {
  background-color: #9a0000;
  border-color: #9a0000;
}
body .btn.primary:focus,
body .btn .ant-btn-primary:focus, body .btn.btn-primary:focus,
body button.primary:focus,
body button .ant-btn-primary:focus,
body button.btn-primary:focus,
body input[type=button].primary:focus,
body input[type=button] .ant-btn-primary:focus,
body input[type=button].btn-primary:focus,
body input[type=submit].primary:focus,
body input[type=submit] .ant-btn-primary:focus,
body input[type=submit].btn-primary:focus,
body .ant-btn.primary:focus,
body .ant-btn .ant-btn-primary:focus,
body .ant-btn.btn-primary:focus,
body .btn-secondary.primary:focus,
body .btn-secondary .ant-btn-primary:focus,
body .btn-secondary.btn-primary:focus {
  border-color: #91bfff;
  outline-color: #91bfff !important;
  -webkit-box-shadow: inset 0px 0px 0px 2px #91bfff;
  -moz-box-shadow: inset 0px 0px 0px 2px #91bfff;
  box-shadow: inset 0px 0px 0px 2px #91bfff;
}
body .btn.primary.iconBtn,
body .btn .ant-btn-primary.iconBtn, body .btn.btn-primary.iconBtn,
body button.primary.iconBtn,
body button .ant-btn-primary.iconBtn,
body button.btn-primary.iconBtn,
body input[type=button].primary.iconBtn,
body input[type=button] .ant-btn-primary.iconBtn,
body input[type=button].btn-primary.iconBtn,
body input[type=submit].primary.iconBtn,
body input[type=submit] .ant-btn-primary.iconBtn,
body input[type=submit].btn-primary.iconBtn,
body .ant-btn.primary.iconBtn,
body .ant-btn .ant-btn-primary.iconBtn,
body .ant-btn.btn-primary.iconBtn,
body .btn-secondary.primary.iconBtn,
body .btn-secondary .ant-btn-primary.iconBtn,
body .btn-secondary.btn-primary.iconBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
body .btn.primary.iconBtn .icn,
body .btn .ant-btn-primary.iconBtn .icn, body .btn.btn-primary.iconBtn .icn,
body button.primary.iconBtn .icn,
body button .ant-btn-primary.iconBtn .icn,
body button.btn-primary.iconBtn .icn,
body input[type=button].primary.iconBtn .icn,
body input[type=button] .ant-btn-primary.iconBtn .icn,
body input[type=button].btn-primary.iconBtn .icn,
body input[type=submit].primary.iconBtn .icn,
body input[type=submit] .ant-btn-primary.iconBtn .icn,
body input[type=submit].btn-primary.iconBtn .icn,
body .ant-btn.primary.iconBtn .icn,
body .ant-btn .ant-btn-primary.iconBtn .icn,
body .ant-btn.btn-primary.iconBtn .icn,
body .btn-secondary.primary.iconBtn .icn,
body .btn-secondary .ant-btn-primary.iconBtn .icn,
body .btn-secondary.btn-primary.iconBtn .icn {
  margin-right: 5px;
}
body .btn.primary:disabled,
body .btn .ant-btn-primary:disabled, body .btn.btn-primary:disabled,
body button.primary:disabled,
body button .ant-btn-primary:disabled,
body button.btn-primary:disabled,
body input[type=button].primary:disabled,
body input[type=button] .ant-btn-primary:disabled,
body input[type=button].btn-primary:disabled,
body input[type=submit].primary:disabled,
body input[type=submit] .ant-btn-primary:disabled,
body input[type=submit].btn-primary:disabled,
body .ant-btn.primary:disabled,
body .ant-btn .ant-btn-primary:disabled,
body .ant-btn.btn-primary:disabled,
body .btn-secondary.primary:disabled,
body .btn-secondary .ant-btn-primary:disabled,
body .btn-secondary.btn-primary:disabled {
  background-color: #ffe8f3;
  border-color: #f5babb;
  color: #f5babb;
}
body .btn.primary:disabled:hover,
body .btn.primary:disabled :focus,
body .btn .ant-btn-primary:disabled:hover,
body .btn .ant-btn-primary:disabled :focus, body .btn.btn-primary:disabled:hover,
body .btn.btn-primary:disabled :focus,
body button.primary:disabled:hover,
body button.primary:disabled :focus,
body button .ant-btn-primary:disabled:hover,
body button .ant-btn-primary:disabled :focus,
body button.btn-primary:disabled:hover,
body button.btn-primary:disabled :focus,
body input[type=button].primary:disabled:hover,
body input[type=button].primary:disabled :focus,
body input[type=button] .ant-btn-primary:disabled:hover,
body input[type=button] .ant-btn-primary:disabled :focus,
body input[type=button].btn-primary:disabled:hover,
body input[type=button].btn-primary:disabled :focus,
body input[type=submit].primary:disabled:hover,
body input[type=submit].primary:disabled :focus,
body input[type=submit] .ant-btn-primary:disabled:hover,
body input[type=submit] .ant-btn-primary:disabled :focus,
body input[type=submit].btn-primary:disabled:hover,
body input[type=submit].btn-primary:disabled :focus,
body .ant-btn.primary:disabled:hover,
body .ant-btn.primary:disabled :focus,
body .ant-btn .ant-btn-primary:disabled:hover,
body .ant-btn .ant-btn-primary:disabled :focus,
body .ant-btn.btn-primary:disabled:hover,
body .ant-btn.btn-primary:disabled :focus,
body .btn-secondary.primary:disabled:hover,
body .btn-secondary.primary:disabled :focus,
body .btn-secondary .ant-btn-primary:disabled:hover,
body .btn-secondary .ant-btn-primary:disabled :focus,
body .btn-secondary.btn-primary:disabled:hover,
body .btn-secondary.btn-primary:disabled :focus {
  background-color: #ffe8f3;
  border-color: #f5babb;
  color: #ffffff;
}
body .btn.disabled, body .btn:disabled,
body button.disabled,
body button:disabled,
body input[type=button].disabled,
body input[type=button]:disabled,
body input[type=submit].disabled,
body input[type=submit]:disabled,
body .ant-btn.disabled,
body .ant-btn:disabled,
body .btn-secondary.disabled,
body .btn-secondary:disabled {
  /* TODO:  */
}
body .btn + body .btn,
body .btn + body button,
body .btn + body input[type=button],
body .btn + body input[type=submit],
body .btn + body .ant-btn,
body .btn + body .btn-secondary,
body button + body .btn,
body button + body button,
body button + body input[type=button],
body button + body input[type=submit],
body button + body .ant-btn,
body button + body .btn-secondary,
body input[type=button] + body .btn,
body input[type=button] + body button,
body input[type=button] + body input[type=button],
body input[type=button] + body input[type=submit],
body input[type=button] + body .ant-btn,
body input[type=button] + body .btn-secondary,
body input[type=submit] + body .btn,
body input[type=submit] + body button,
body input[type=submit] + body input[type=button],
body input[type=submit] + body input[type=submit],
body input[type=submit] + body .ant-btn,
body input[type=submit] + body .btn-secondary,
body .ant-btn + body .btn,
body .ant-btn + body button,
body .ant-btn + body input[type=button],
body .ant-btn + body input[type=submit],
body .ant-btn + body .ant-btn,
body .ant-btn + body .btn-secondary,
body .btn-secondary + body .btn,
body .btn-secondary + body button,
body .btn-secondary + body input[type=button],
body .btn-secondary + body input[type=submit],
body .btn-secondary + body .ant-btn,
body .btn-secondary + body .btn-secondary {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  body .btn + body .btn,
body .btn + body button,
body .btn + body input[type=button],
body .btn + body input[type=submit],
body .btn + body .ant-btn,
body .btn + body .btn-secondary,
body button + body .btn,
body button + body button,
body button + body input[type=button],
body button + body input[type=submit],
body button + body .ant-btn,
body button + body .btn-secondary,
body input[type=button] + body .btn,
body input[type=button] + body button,
body input[type=button] + body input[type=button],
body input[type=button] + body input[type=submit],
body input[type=button] + body .ant-btn,
body input[type=button] + body .btn-secondary,
body input[type=submit] + body .btn,
body input[type=submit] + body button,
body input[type=submit] + body input[type=button],
body input[type=submit] + body input[type=submit],
body input[type=submit] + body .ant-btn,
body input[type=submit] + body .btn-secondary,
body .ant-btn + body .btn,
body .ant-btn + body button,
body .ant-btn + body input[type=button],
body .ant-btn + body input[type=submit],
body .ant-btn + body .ant-btn,
body .ant-btn + body .btn-secondary,
body .btn-secondary + body .btn,
body .btn-secondary + body button,
body .btn-secondary + body input[type=button],
body .btn-secondary + body input[type=submit],
body .btn-secondary + body .ant-btn,
body .btn-secondary + body .btn-secondary {
    margin-left: 0;
    margin-top: 8px;
  }
}
body .btn-secondary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 6px 12px !important;
  min-width: 120px;
}
body .btn-secondary i.icn {
  margin-right: 8px;
}
body .primaryRedToggleBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  padding: 6px 12px;
  min-width: 120px;
  width: initial !important;
  border: 1px solid #c91d20;
  color: #c91d20;
  font-size: 1.6rem;
  line-height: 1.69;
}
body .primaryRedToggleBtn .checkedRed {
  margin-right: 4px;
}
body .primaryRedToggleBtn.checked {
  font-weight: bold;
}
body .primaryRedToggleBtn.checked .checkedRed {
  display: block;
}
body .primaryRedToggleBtn:hover {
  border-color: #ff2831 !important;
  background-color: #fff !important;
  color: #ff2831 !important;
}
body .primaryRedToggleBtn:active {
  border-color: #ff2831 !important;
  background-color: #ffebec !important;
  color: #ff2831 !important;
}
body .primaryRedToggleBtn:focus {
  color: #c91d20;
}
body .redButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  padding: 6px 12px;
  min-width: 120px;
  border: 1px solid #c91d20;
  color: #c91d20;
  font-size: 1.6rem;
  line-height: 1.69;
}
body .redButton i.icn {
  margin-right: 8px;
}
body .redButton:hover:enabled {
  border-color: #ff2831 !important;
  background-color: #fff !important;
  color: #ff2831 !important;
}
body .redButton:active:enabled {
  border-color: #ff2831 !important;
  background-color: #ffebec !important;
  color: #ff2831 !important;
}
body .redButton:focus {
  color: #c91d20 !important;
  -webkit-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
}
body .iconBtn {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
}
body .addMoreBtn {
  margin-top: -4px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  body .addMoreBtn {
    width: 100%;
  }
}
body .btnAutoWidth {
  width: auto;
}
body .w100pc,
body .wFull {
  width: 100%;
}
body .min-W-100 {
  min-width: 100px !important;
}
body .min-W-150 {
  min-width: 150px !important;
}
body .min-W-200 {
  min-width: 200px !important;
}
body .innerActionBtnWrapper,
body .actionBtnWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding-top: 25px;
  padding-bottom: 70px;
  width: 100%;
}
body .innerActionBtnWrapper button,
body .innerActionBtnWrapper .btn,
body .innerActionBtnWrapper input[type=button],
body .actionBtnWrapper button,
body .actionBtnWrapper .btn,
body .actionBtnWrapper input[type=button] {
  margin-left: 20px;
  margin-top: 5px;
}
@media screen and (max-width: 991px) {
  body .innerActionBtnWrapper.narrowBtn button,
body .innerActionBtnWrapper.narrowBtn .btn,
body .innerActionBtnWrapper.narrowBtn input[type=button],
body .actionBtnWrapper.narrowBtn button,
body .actionBtnWrapper.narrowBtn .btn,
body .actionBtnWrapper.narrowBtn input[type=button] {
    vertical-align: top;
  }
}
@media screen and (max-width: 767px) {
  body .innerActionBtnWrapper,
body .actionBtnWrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body .innerActionBtnWrapper button,
body .innerActionBtnWrapper .btn,
body .innerActionBtnWrapper input[type=button],
body .actionBtnWrapper button,
body .actionBtnWrapper .btn,
body .actionBtnWrapper input[type=button] {
    width: 100%;
    margin-left: 0;
  }
  body .innerActionBtnWrapper button + button,
body .innerActionBtnWrapper button .btn,
body .innerActionBtnWrapper button input[type=button],
body .innerActionBtnWrapper .btn + button,
body .innerActionBtnWrapper .btn .btn,
body .innerActionBtnWrapper .btn input[type=button],
body .innerActionBtnWrapper input[type=button] + button,
body .innerActionBtnWrapper input[type=button] .btn,
body .innerActionBtnWrapper input[type=button] input[type=button],
body .actionBtnWrapper button + button,
body .actionBtnWrapper button .btn,
body .actionBtnWrapper button input[type=button],
body .actionBtnWrapper .btn + button,
body .actionBtnWrapper .btn .btn,
body .actionBtnWrapper .btn input[type=button],
body .actionBtnWrapper input[type=button] + button,
body .actionBtnWrapper input[type=button] .btn,
body .actionBtnWrapper input[type=button] input[type=button] {
    margin-top: 12px;
  }
  body .innerActionBtnWrapper.narrowBtn button,
body .innerActionBtnWrapper.narrowBtn .btn,
body .innerActionBtnWrapper.narrowBtn input[type=button],
body .actionBtnWrapper.narrowBtn button,
body .actionBtnWrapper.narrowBtn .btn,
body .actionBtnWrapper.narrowBtn input[type=button] {
    max-width: initial;
    min-height: initial;
    vertical-align: initial;
  }
}
@media screen and (max-width: 767px) {
  body .innerActionBtnWrapper .primaryWrapper + .secondaryWrapper,
body .actionBtnWrapper .primaryWrapper + .secondaryWrapper {
    margin-top: 12px;
  }
}
body .innerActionBtnWrapper .secondaryWrapper button:focus,
body .actionBtnWrapper .secondaryWrapper button:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
}
body .innerActionBtnWrapper {
  padding-top: 0;
  padding-bottom: 24px;
}
body .horizontalActionBtnWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 30px;
  width: 100%;
}
body .horizontalActionBtnWrapper button,
body .horizontalActionBtnWrapper .btn,
body .horizontalActionBtnWrapper input[type=button] {
  margin-left: 20px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto;
  min-width: 100px;
}
body .horizontalActionBtnWrapper button.primary,
body .horizontalActionBtnWrapper .btn.primary,
body .horizontalActionBtnWrapper input[type=button].primary {
  min-width: 130px;
}
body .horizontalActionBtnWrapper .secondaryWrapper button:focus {
  -webkit-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  -moz-box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
  box-shadow: inset 0px 0px 0px 2px #0056b3 !important;
}
body .indent-p {
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  body .indent-p {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .indent-p ~ td {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .indent-p-num-md {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .indent-p-bullet-md {
    padding-left: 30px !important;
  }
}
body .indent-m {
  margin-left: 40px;
}
@media screen and (max-width: 767px) {
  body .indent-m {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .indent-m ~ td {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  body .indent-m-num-md {
    padding-left: 30px !important;
  }
}
body .spinner-border {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: solid 4px currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  -moz-animation: spinner-border 0.75s linear infinite;
  -ms-animation: spinner-border 0.75s linear infinite;
  -o-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
  margin-left: auto;
  margin-right: auto;
}
body .spinner-wrapper.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}
body hr {
  margin-top: 0;
  margin-bottom: 24px;
  width: 100%;
  color: #c7c7d2;
}
body .badges.red {
  position: relative;
}
body .badges.red:after {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 9px;
  right: 9px;
  background-color: #c91d20;
  border: 1px solid #fff;
}
body .textDateStamp {
  font-size: 1.4rem;
  color: #272727;
  margin-bottom: 10px;
}
body .tooltipsIcon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  margin-top: -4px;
  top: 4px;
}
body .tooltipsIcon.y50 {
  top: 0;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
body .ant-tooltip {
  z-index: 1;
}
body .ant-tooltip-inner {
  color: #272727;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
body .ant-tooltip-arrow:before {
  background-color: #fff;
}
body .ant-popover {
  max-width: 300px;
  z-index: 1;
}
body .ant-popover .ant-popover-title {
  color: #272727;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: none;
  padding-top: 10px;
}
body .ant-popover .ant-popover-inner {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
body .ant-popover .ant-popover-inner .ant-popover-inner-content {
  padding-top: 2px;
  font-size: 1.5rem;
  color: #272727;
}
body .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
body .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
body .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1199px) {
  body .upload-preview-modal > div {
    max-width: calc(100vw - 16px);
  }
}
@media screen and (max-width: 991px) {
  body .upload-preview-modal > div {
    max-width: calc(100vw - 16px);
  }
}
@media screen and (max-width: 767px) {
  body .upload-preview-modal > div {
    max-width: calc(100vw - 16px);
  }
}
body .pdfViewer {
  margin-bottom: 24px;
}
body .tncViewer {
  overflow-y: auto;
  width: 100%;
  height: 350px;
  border: solid 1px #c7c7d2;
  padding-left: 20px;
  padding-right: 44px;
  margin-bottom: 26px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  body .tncViewer {
    padding-right: 24px;
  }
}
body .tncViewer h1 {
  font-size: 2.2rem;
  text-align: center;
}
body .tncViewer h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 24px;
}
body .tncViewer ol {
  padding-left: 24px;
}
body .tncViewer ol li {
  padding-left: 8px;
}
body .tncViewer ol li + li {
  padding-top: 8px;
}
body .tncViewer ol li ol {
  counter-reset: list;
  margin: 0;
  padding-left: 18px;
}
body .tncViewer ol li ol li {
  padding-left: 20px;
  padding-top: 8px;
  list-style: none;
  position: relative;
}
body .tncViewer ol li ol[type=a] > li:before {
  content: "(" counter(list, lower-alpha) ") ";
  counter-increment: list;
  position: absolute;
  left: -1.5rem;
}
body .tncViewer ol li ol[type=i] > li:before {
  content: "(" counter(list, lower-roman) ") ";
  counter-increment: list;
  position: absolute;
  left: -1.5rem;
}
body .tncViewer ol li ol[type=R] > li:before {
  content: counter(list, upper-roman) ". ";
  counter-increment: list;
  position: absolute;
  left: -1.5rem;
}
body .tncConsent label.ant-checkbox-wrapper:not(.ant-checkbox-group-item) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 4px;
}
body .tncConsent label.ant-checkbox-wrapper:not(.ant-checkbox-group-item) span.ant-checkbox {
  padding-top: 2px;
}
body .tncConsent label.ant-checkbox-wrapper:not(.ant-checkbox-group-item) span:not(.ant-checkbox) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  font-weight: 400 !important;
}
body .tncConsent label.ant-checkbox-wrapper:not(.ant-checkbox-group-item) span:not(.ant-checkbox) .num {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 24px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 24px;
  -ms-flex: 1 0 24px;
  flex: 1 0 24px;
  text-indent: 0;
}
body .tncConsent label.ant-checkbox-wrapper:not(.ant-checkbox-group-item) span:not(.ant-checkbox) .txt {
  text-indent: 0;
}
body .ant-empty {
  margin: 24px 0 0;
  border: solid 1px #e1e1ea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 24px;
}
body .ant-empty .ant-empty-image {
  margin-bottom: 0;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
body .ant-empty .ant-empty-description {
  font-size: 1.6rem;
}

aside {
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  aside {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  aside + main {
    width: 100%;
  }
}

main {
  min-height: 500px;
}

body.postlogonApp main {
  padding-top: 25px;
}

#content {
  scroll-margin-top: 142px;
}
@media screen and (max-width: 991px) {
  #content {
    scroll-margin-top: 103px;
  }
}

.content-wrapper {
  margin: 0 auto;
}
.content-wrapper.withYPadding {
  padding-top: 40px;
  padding-bottom: 40px;
}

.gray-bg-wrapper {
  background-color: #f5f5f7;
}
.gray-bg-wrapper .wrapper {
  margin-left: auto;
  margin-right: auto;
}

.lightBlue-bg-wrapper {
  background-color: #f4faff;
}
.lightBlue-bg-wrapper .wrapper {
  margin-left: auto;
  margin-right: auto;
}

body.withProgressAside {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5vw 0.5fr 1.5fr 5vw;
  grid-template-columns: 5vw 0.5fr 1.5fr 5vw;
  -ms-grid-rows: auto max-content auto 1fr;
  grid-template-rows: auto max-content auto 1fr;
  grid-template-areas: "header header header header" ". aside  main . " "footer footer footer footer" ". . . .";
}
@media screen and (max-width: 1199px) {
  body.withProgressAside {
    -ms-grid-columns: 5vw 0.5fr 1.5fr 5vw;
    grid-template-columns: 5vw 0.5fr 1.5fr 5vw;
    grid-template-areas: "header header header header" ". aside  main . " "footer footer footer footer" ". . . .";
  }
}
@media screen and (max-width: 767px) {
  body.withProgressAside {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: max-content max-content max-content max-content;
    grid-template-rows: max-content max-content max-content max-content;
    grid-template-areas: "header" "aside" "main" "footer";
  }
}
body.withProgressAside header {
  -ms-grid-rows: 1;
  grid-template-rows: 1;
  -ms-grid-columns: 1;
  grid-template-columns: 1;
  -ms-grid-column-span: 5;
  grid-area: header;
}
body.withProgressAside footer {
  -ms-grid-rows: 3;
  grid-template-rows: 3;
  -ms-grid-columns: 1;
  grid-template-columns: 1;
  -ms-grid-column-span: 5;
  grid-area: footer;
}
body.withProgressAside aside {
  -ms-grid-rows: 2;
  grid-template-rows: 2;
  -ms-grid-columns: 2;
  grid-template-columns: 2;
  grid-area: aside;
}
body.withProgressAside main {
  -ms-grid-rows: 2;
  grid-template-rows: 2;
  -ms-grid-columns: 4;
  grid-template-columns: 4;
  grid-area: main;
  max-width: 100%;
}
body.withProgressAside main > .content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.flexShrink {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.flexNotShrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.print {
  display: none;
}

@media print {
  .print {
    display: block;
  }

  .large-screen-hide {
    display: none;
  }
}
.previewIFrame {
  width: 100%;
  height: 100%;
}

.jusitifyDiv {
  text-align: justify;
}

.redSpan {
  color: #F10B0B;
}

.ant-tooltip-inner {
  text-align: justify;
}

.cr-logo-print {
  display: none;
  height: 44px;
}

.ant-table-content.has-shadow-left::before, .ant-table-content.has-shadow-right::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 2em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: radial-gradient(at 0 50%, rgba(0, 0, 0, 0.25), transparent 70%), linear-gradient(90deg, rgba(0, 0, 0, 0.25), transparent 50%);
  background-size: 1em 100%;
  background-repeat: no-repeat;
}
.ant-table-content.has-shadow-right::after {
  right: 0;
  transform: rotate(180deg);
}
.ant-table-content.has-shadow-left::before {
  left: 0;
}