/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.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 styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  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='rgb(255,255,255)' 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");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  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='rgb(255,255,255)' 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");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  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='rgb(255,255,255)' 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");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  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='rgb(255,255,255)' 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");
}

.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;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@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;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/slick-carousel/slick/slick.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/slick-carousel/slick/slick-theme.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@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";
  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");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: 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: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.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 {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/round-slider/dist/roundslider.min.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
/*! roundSlider v1.6.1 | (c) 2015-2020, Soundar | MIT license | http://roundsliderui.com/licence.html */
 .rs-ie,.rs-edge,.rs-handle{touch-action:none}
 .rs-control{position:relative;outline:0 none}
 .rs-container{position:relative}
 .rs-control *,.rs-control *:before,.rs-control *:after{box-sizing:border-box}
 .rs-animation .rs-transition{transition:all 0.5s linear 0s}
 .rs-bar{transform-origin:100% 50%}
 .rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{transform-origin:50% 100%}
 .rs-control .rs-overlay{transform-origin:100% 100%}
 .rs-rounded .rs-seperator,.rs-split .rs-path{background-clip:padding-box}
 .rs-disabled{opacity:.35}
 .rs-inner-container{height:100%;width:100%;position:absolute;top:0;overflow:hidden}
 .rs-control .rs-quarter div.rs-block{height:200%;width:200%}
 .rs-control .rs-half.rs-top div.rs-block,.rs-control .rs-half.rs-bottom div.rs-block{height:200%;width:100%}
 .rs-control .rs-half.rs-left div.rs-block,.rs-control .rs-half.rs-right div.rs-block{height:100%;width:200%}
 .rs-control .rs-bottom .rs-block{top:auto;bottom:0}
 .rs-control .rs-right .rs-block{right:0}
 .rs-block.rs-outer{border-radius:1000px}
 .rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}
 .rs-block .rs-inner{border-radius:1000px;display:block;height:100%;width:100%;position:relative}
 .rs-overlay{width:50%}
 .rs-overlay1,.rs-overlay2{width:100%}
 .rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}
 .rs-bar{display:block;position:absolute;bottom:0;height:0;z-index:10}
 .rs-bar.rs-rounded{z-index:5}
 .rs-bar .rs-seperator{height:0;display:block;float:left}
 .rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}
 .rs-bar.rs-start .rs-seperator{border-top:none}
 .rs-bar.rs-end .rs-seperator{border-bottom:none}
 .rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}
 .rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}
 .rs-full .rs-bar,.rs-half .rs-bar{width:50%}
 .rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar,.rs-quarter .rs-bar{width:100%}
 .rs-full .rs-bar,.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar{top:50%}
 .rs-bottom .rs-bar{top:0}
 .rs-half.rs-right .rs-bar,.rs-quarter.rs-right .rs-bar{right:100%}
 .rs-handle.rs-move{cursor:move}
 .rs-readonly .rs-handle.rs-move{cursor:default}
 .rs-classic-mode .rs-path{display:block;height:100%;width:100%}
 .rs-split .rs-path{border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}
 .rs-control .rs-svg-container{display:block;position:absolute;top:0}
 .rs-control .rs-bottom .rs-svg-container{top:auto;bottom:0}
 .rs-control .rs-right .rs-svg-container{right:0}
 .rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}
 .rs-full .rs-tooltip{top:50%;left:50%}
 .rs-bottom .rs-tooltip{top:0}
 .rs-top .rs-tooltip{bottom:0}
 .rs-right .rs-tooltip{left:0}
 .rs-left .rs-tooltip{right:0}
 .rs-half.rs-top .rs-tooltip,.rs-half.rs-bottom .rs-tooltip{left:50%}
 .rs-half.rs-left .rs-tooltip,.rs-half.rs-right .rs-tooltip{top:50%}
 .rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}
 .rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center;color:inherit}
 .rs-tooltip.rs-edit{padding:5px 8px}
 .rs-tooltip.rs-hover,.rs-tooltip.rs-edit:hover{border:1px solid #AAA;cursor:pointer}
 .rs-readonly .rs-tooltip.rs-edit:hover{border-color:transparent;cursor:default}
 .rs-tooltip.rs-center{margin:0px!important}
 .rs-half.rs-top .rs-tooltip.rs-center,.rs-half.rs-bottom .rs-tooltip.rs-center{transform:translate(-50%,0)}
 .rs-half.rs-left .rs-tooltip.rs-center,.rs-half.rs-right .rs-tooltip.rs-center{transform:translate(0,-50%)}
 .rs-full .rs-tooltip.rs-center{transform:translate(-50%,-50%)}
 .rs-tooltip.rs-reset{margin:0px!important;top:0px!important;left:0px!important}
 .rs-handle{border-radius:1000px;outline:0 none;float:left}
 .rs-handle.rs-handle-square{border-radius:0}
 .rs-handle-dot{border:1px solid #AAA;padding:6px}
 .rs-handle-dot:after{display:block;content:"";border:1px solid #AAA;height:100%;width:100%;border-radius:1000px}
 .rs-seperator{border:1px solid #AAA}
 .rs-border{border:1px solid #AAA}
 .rs-path-color{background-color:#FFF}
 .rs-range-color{background-color:#54BBE0}
 .rs-bg-color{background-color:#FFF}
 .rs-handle{background-color:#838383}
 .rs-handle-dot{background-color:#FFF}
 .rs-handle-dot:after{background-color:#838383}
 .rs-path-inherited .rs-path{opacity:.2}
 .rs-svg-mode .rs-path{stroke:#FFF}
 .rs-svg-mode .rs-range{stroke:#54BBE0}
 .rs-svg-mode .rs-border{stroke:#AAA}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css ***!
  \********************************************************************************************************************************************************************************************************/
.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition-property:height,visibility;transition-duration:0.35s;transition-timing-function:ease}.show>.dropdown-menu{display:block}.show>a{outline:0}.dropdown-menu .dropdown-item{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857;color:#333;white-space:nowrap;width:100%;background:0 0;text-align:inherit;border:0}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active,.dropdown-menu>.active:hover,.dropdown-menu>.active:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled,.dropdown-menu>.disabled:hover,.dropdown-menu>.disabled:focus{color:#777}.dropdown-menu>.disabled:hover,.dropdown-menu>.disabled:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.modal.show .modal-dialog{transform:translate(0, 0)}.modal-backdrop.show{opacity:.5;filter:alpha(opacity=50)}.navbar-nav>.show>a,.navbar-nav>.show>a:hover,.navbar-nav>.show>a:focus{background-color:#e7e7e7;color:#555}@media (max-width: 767px){.navbar-nav .show .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .show .dropdown-menu>li>a,.navbar-nav .show .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .show .dropdown-menu>li>a{line-height:20px}.navbar-nav .show .dropdown-menu>li>a:hover,.navbar-nav .show .dropdown-menu>li>a:focus{background-image:none}}.navbar-collapse.show{overflow-y:auto}@media (min-width: 768px){.navbar-collapse.show{overflow-y:visible}}.navbar-default .navbar-nav>.show>a,.navbar-default .navbar-nav>.show>a:hover,.navbar-default .navbar-nav>.show>a:focus{background-color:#e7e7e7;color:#555}@media (max-width: 767px){.navbar-default .navbar-nav .show .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .show .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .show .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .show .dropdown-menu>.active>a,.navbar-default .navbar-nav .show .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .show .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .show .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .show .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .show .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.nav>li>a.disabled{color:#777}.nav>li>a.disabled:hover,.nav>li>a.disabled:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav-tabs .nav-link{margin-right:2px;line-height:1.42857;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs .nav-link:hover{border-color:#eee #eee #ddd}.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover,.nav-tabs .nav-link.active:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li .nav-link.active,.nav-pills>li .nav-link.active:hover,.nav-pills>li .nav-link.active:focus{color:#fff;background-color:#337ab7}.nav-justified,.nav.justify-content-start{width:100%}.nav-justified>li,.nav.justify-content-start>li{float:none}.nav-justified>li>a,.nav.justify-content-start>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu,.nav.justify-content-start>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width: 768px){.nav-justified>li,.nav.justify-content-start>li{display:table-cell;width:1%}.nav-justified>li>a,.nav.justify-content-start>li>a{margin-bottom:0}}.nav-tabs-justified,.nav.justify-content-start{border-bottom:0}.nav-tabs-justified>li>a,.nav.justify-content-start>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav.justify-content-start>.active>a,.nav-tabs-justified>.active>a:hover,.nav.justify-content-start>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav.justify-content-start>.active>a:focus{border:1px solid #ddd}@media (min-width: 768px){.nav-tabs-justified>li>a,.nav.justify-content-start>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav.justify-content-start>.active>a,.nav-tabs-justified>.active>a:hover,.nav.justify-content-start>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav.justify-content-start>.active>a:focus{border-bottom-color:#fff}}.card{position:relative;display:flex;flex-direction:column;background-color:#fff;border:1px solid #ddd;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.card-block{flex:1 1 auto;padding:15px}.card-header{padding:10px 15px;margin-bottom:0;background-color:#f5f5f5;border-bottom:1px solid #ddd}.card-header>a{color:inherit}.card-header:first-child{border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.card-primary{background-color:#337ab7;border-color:#337ab7}.card-primary a{color:#fff}.card-primary .card-header{background-color:transparent}.card-success{background-color:#5cb85c;border-color:#5cb85c}.card-success a{color:#fff}.card-success .card-header{background-color:transparent}.card-info{background-color:#5bc0de;border-color:#5bc0de}.card-info a{color:#fff}.card-info .card-header{background-color:transparent}.card-warning{background-color:#f0ad4e;border-color:#f0ad4e}.card-warning a{color:#fff}.card-warning .card-header{background-color:transparent}.card-danger{background-color:#d9534f;border-color:#d9534f}.card-danger a{color:#fff}.card-danger .card-header{background-color:transparent}.popover{display:block;word-wrap:break-word}.popover.popover-top,.popover.bs-tether-element-attached-bottom{margin-top:-10px}.popover.popover-top::before,.popover.popover-top::after,.popover.bs-tether-element-attached-bottom::before,.popover.bs-tether-element-attached-bottom::after{left:50%;border-bottom-width:0}.popover.popover-top::before,.popover.bs-tether-element-attached-bottom::before{bottom:-11px;margin-left:-11px;border-top-color:rgba(0,0,0,0.25)}.popover.popover-top::after,.popover.bs-tether-element-attached-bottom::after{bottom:-10px;margin-left:-10px;border-top-color:#fff}.popover.popover-right,.popover.bs-tether-element-attached-left{margin-left:10px}.popover.popover-right::before,.popover.popover-right::after,.popover.bs-tether-element-attached-left::before,.popover.bs-tether-element-attached-left::after{top:50%;border-left-width:0}.popover.popover-right::before,.popover.bs-tether-element-attached-left::before{left:-11px;margin-top:-11px;border-right-color:rgba(0,0,0,0.25)}.popover.popover-right::after,.popover.bs-tether-element-attached-left::after{left:-10px;margin-top:-10px;border-right-color:#fff}.popover.popover-bottom,.popover.bs-tether-element-attached-top{margin-top:10px}.popover.popover-bottom::before,.popover.popover-bottom::after,.popover.bs-tether-element-attached-top::before,.popover.bs-tether-element-attached-top::after{left:50%;border-top-width:0}.popover.popover-bottom::before,.popover.bs-tether-element-attached-top::before{top:-11px;margin-left:-11px;border-bottom-color:rgba(0,0,0,0.25)}.popover.popover-bottom::after,.popover.bs-tether-element-attached-top::after{top:-10px;margin-left:-10px;border-bottom-color:#f7f7f7}.popover.popover-bottom .popover-title::before,.popover.bs-tether-element-attached-top .popover-title::before{position:absolute;top:0;left:50%;display:block;width:20px;margin-left:-10px;content:"";border-bottom:1px solid #f7f7f7}.popover.popover-left,.popover.bs-tether-element-attached-right{margin-left:-10px}.popover.popover-left::before,.popover.popover-left::after,.popover.bs-tether-element-attached-right::before,.popover.bs-tether-element-attached-right::after{top:50%;border-right-width:0}.popover.popover-left::before,.popover.bs-tether-element-attached-right::before{right:-11px;margin-top:-11px;border-left-color:rgba(0,0,0,0.25)}.popover.popover-left::after,.popover.bs-tether-element-attached-right::after{right:-10px;margin-top:-10px;border-left-color:#fff}.popover::before,.popover::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover::before{content:"";border-width:11px}.popover::after{content:"";border-width:10px}.progress-bar-animated{animation:progress-bar-stripes 2s linear infinite}.progress-bar.bg-success{background-color:#5cb85c}.progress-striped .progress-bar.bg-success{background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar.bg-info{background-color:#5bc0de}.progress-striped .progress-bar.bg-info{background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar.bg-warning{background-color:#f0ad4e}.progress-striped .progress-bar.bg-warning{background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar.bg-danger{background-color:#d9534f}.progress-striped .progress-bar.bg-danger{background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}/**
 ****************************
 * Generic Styles
 ****************************
*/ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}.ag-hidden {
  display: none !important;
}.ag-invisible {
  visibility: hidden !important;
}.ag-drag-handle {
  cursor: grab;
}.ag-column-drop-wrapper {
  display: flex;
}.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}.ag-unselectable {
  -webkit-user-select: none;
  user-select: none;
}.ag-selectable {
  -webkit-user-select: text;
  user-select: text;
}.ag-tab {
  position: relative;
}.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}.ag-select-agg-func-popup {
  position: absolute;
}.ag-input-wrapper, .ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.5;
  transition: opacity 1s ease-out 3s;
}.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
  opacity: 0.5;
}.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}.ag-root.ag-layout-normal {
  height: 100%;
}/**
 ****************************
 * Viewports
 ****************************
*/.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}.ag-body-viewport {
  display: flex;
}.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}.ag-center-cols-viewport {
  width: 100%;
  overflow-x: auto;
}.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}/**
 ****************************
 * Containers
 ****************************
*/.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container {
  position: relative;
}.ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container {
  height: 100%;
  white-space: nowrap;
}.ag-center-cols-container {
  display: block;
}.ag-pinned-right-cols-container {
  display: block;
}.ag-body-horizontal-scroll-container {
  height: 100%;
}.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
}.ag-full-width-container {
  width: 100%;
}.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}.ag-virtual-list-container {
  overflow: hidden;
}/**
 ****************************
 * Scrollers
 ****************************
*/.ag-center-cols-clipper {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
}.ag-body-horizontal-scroll {
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  position: relative;
}.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-active {
  pointer-events: all;
}.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}/**
 ****************************
 * Headers
 ****************************
*/.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}.ag-header-cell-sortable {
  cursor: pointer;
}.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}.ag-pinned-left-header {
  height: 100%;
}.ag-pinned-right-header {
  height: 100%;
}.ag-header-row {
  position: absolute;
  overflow: hidden;
}.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
}.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}.ag-ltr .ag-header-cell-resize {
  right: -4px;
}.ag-rtl .ag-header-cell-resize {
  left: -4px;
}.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}.ag-header-select-all {
  display: flex;
}/**
 ****************************
 * Columns
 ****************************
*/.ag-column-moving .ag-cell {
  transition: left 0.2s;
}.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}/**
 ****************************
 * Column Panel
 ****************************
*/.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}.ag-column-select-header-icon {
  position: relative;
}.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}.ag-column-select-header-filter {
  width: 100%;
}.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}.ag-column-drop-list {
  display: flex;
  align-items: center;
}.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}.ag-column-drop-vertical-list > * {
  flex: none;
}.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}.ag-column-drop-vertical-empty-message {
  display: block;
}.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}.ag-column-drop-cell-button {
  cursor: pointer;
}.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}.ag-filter-toolpanel-header {
  position: relative;
}.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}/**
 ****************************
 * Rows
 ****************************
*/.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s;
}.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
}.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}.ag-row {
  white-space: nowrap;
  width: 100%;
}.ag-row-loading {
  display: flex;
  align-items: center;
}.ag-row-position-absolute {
  position: absolute;
}.ag-row-position-relative {
  position: relative;
}.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}.ag-row-inline-editing {
  z-index: 1;
}.ag-row-dragging {
  z-index: 2;
}.ag-stub-cell {
  display: flex;
  align-items: center;
}/**
 ****************************
 * Cells
 ****************************
*/.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}.ag-cell-value {
  flex: 1 1 auto;
}.ag-cell-value, .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}.ag-cell-wrapper {
  display: flex;
  align-items: center;
}.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}.ag-cell-inline-editing {
  z-index: 1;
}.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}/**
 ****************************
 * Filters
 ****************************
*/.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}.ag-set-filter-item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.ag-set-filter-item-checkbox {
  display: flex;
}.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}.ag-filter-filter {
  flex: 1 1 0px;
}.ag-filter-condition {
  display: flex;
  justify-content: center;
}/**
 ****************************
 * Floating Filter
 ****************************
*/.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}.ag-floating-filter-input > * {
  flex: 1 1 auto;
}.ag-floating-filter-button {
  display: flex;
  flex: none;
}/**
 ****************************
 * Drag & Drop
 ****************************
*/.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}/**
 ****************************
 * Overlay
 ****************************
*/.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}.ag-overlay-loading-wrapper {
  pointer-events: all;
}/**
 ****************************
 * Popup
 ****************************
*/.ag-popup-child {
  z-index: 5;
  top: 0;
}.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
  z-index: 1;
}.ag-large-text-input {
  display: block;
}/**
 ****************************
 * Virtual Lists
 ****************************
*/.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}/**
 ****************************
 * Floating Top and Bottom
 ****************************
*/.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}/**
 ****************************
 * Dialog
 ****************************
*/.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}.ag-panel-title-bar-title {
  flex: 1 1 auto;
}.ag-panel-title-bar-buttons {
  display: flex;
}.ag-panel-title-bar-button {
  cursor: pointer;
}.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}.ag-dialog {
  position: absolute;
}.ag-resizer {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  z-index: 1;
}.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}/**
 ****************************
 * Tooltip
 ****************************
*/.ag-tooltip {
  position: absolute;
  pointer-events: none;
  z-index: 99999;
}.ag-tooltip-custom {
  position: absolute;
  pointer-events: none;
  z-index: 99999;
}/**
 ****************************
 * Animations
 ****************************
*/.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}.ag-opacity-zero {
  opacity: 0 !important;
}/**
 ****************************
 * Menu
 ****************************
*/.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
}.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}.ag-menu-list {
  display: table;
  width: 100%;
}.ag-menu-option, .ag-menu-separator {
  display: table-row;
}.ag-menu-option-part, .ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}.ag-menu-option-text {
  white-space: nowrap;
}.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}/**
 ****************************
 * Rich Select
 ****************************
*/.ag-rich-select {
  cursor: default;
  outline: none;
}.ag-rich-select-value {
  display: flex;
  align-items: center;
}.ag-rich-select-value-icon {
  flex: 1 1 auto;
  order: 1;
}.ag-ltr .ag-rich-select-value-icon {
  text-align: right;
}.ag-rtl .ag-rich-select-value-icon {
  text-align: left;
}.ag-rich-select-list {
  position: relative;
}.ag-rich-select-virtual-list-item {
  display: flex;
}.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
}/**
 ****************************
 * Pagination
 ****************************
*/.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}.ag-paging-button {
  position: relative;
}.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}/**
 ****************************
 * Tool Panel
 ****************************
*/.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
}.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}.ag-column-select-checkbox {
  display: flex;
}.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}.ag-details-row {
  width: 100%;
}.ag-details-row-fixed-height {
  height: 100%;
}.ag-details-grid {
  width: 100%;
}.ag-details-grid-fixed-height {
  height: 100%;
}.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}/**
 ****************************
 * Side Bar
 ****************************
*/.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}.ag-side-button-label {
  writing-mode: vertical-lr;
}/**
 ****************************
 * Status Bar
 ****************************
*/.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}.ag-status-panel {
  display: inline-flex;
}.ag-status-name-value {
  white-space: nowrap;
}.ag-status-bar-left {
  display: inline-flex;
}.ag-status-bar-center {
  display: inline-flex;
}.ag-status-bar-right {
  display: inline-flex;
}/**
 ****************************
 * Widgets
 ****************************
*/.ag-icon {
  display: block;
  speak: none;
}.ag-group {
  position: relative;
  width: 100%;
}.ag-group-title-bar {
  display: flex;
  align-items: center;
}.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.ag-group-title-bar .ag-group-title {
  cursor: default;
}.ag-group-toolbar {
  display: flex;
  align-items: center;
}.ag-group-container {
  display: flex;
}.ag-disabled .ag-group-container {
  pointer-events: none;
}.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}.ag-group-container-vertical {
  flex-direction: column;
}.ag-column-group-icons {
  display: block;
}.ag-column-group-icons > * {
  cursor: pointer;
}.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}.ag-input-field, .ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}.ag-input-field-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}.ag-range-field {
  display: flex;
  align-items: center;
}.ag-angle-select {
  display: flex;
  align-items: center;
}.ag-angle-select-wrapper {
  display: flex;
}.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}.ag-angle-select-child-circle {
  position: absolute;
}.ag-slider-wrapper {
  display: flex;
}.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}.ag-picker-field-display {
  flex: 1 1 auto;
}.ag-picker-field {
  display: flex;
  align-items: center;
}.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}.ag-picker-field-wrapper {
  overflow: hidden;
}.ag-label-align-right .ag-label {
  order: 1;
}.ag-label-align-right > * {
  flex: none;
}.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}.ag-label-align-top > * {
  align-self: stretch;
}.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}.ag-spectrum-val {
  cursor: pointer;
}.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}.ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}.ag-spectrum-alpha {
  cursor: default;
}.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}.ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}.ag-spectrum-tool {
  cursor: pointer;
}.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}.ag-recent-colors {
  display: flex;
}.ag-recent-color {
  cursor: pointer;
}.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}.ag-ltr .ag-column-select-indent-10 {
  padding-left: 200px;
}.ag-rtl .ag-column-select-indent-10 {
  padding-right: 200px;
}.ag-ltr .ag-row-group-indent-10 {
  padding-left: 200px;
}.ag-rtl .ag-row-group-indent-10 {
  padding-right: 200px;
}.ag-ltr .ag-column-select-indent-11 {
  padding-left: 220px;
}.ag-rtl .ag-column-select-indent-11 {
  padding-right: 220px;
}.ag-ltr .ag-row-group-indent-11 {
  padding-left: 220px;
}.ag-rtl .ag-row-group-indent-11 {
  padding-right: 220px;
}.ag-ltr .ag-column-select-indent-12 {
  padding-left: 240px;
}.ag-rtl .ag-column-select-indent-12 {
  padding-right: 240px;
}.ag-ltr .ag-row-group-indent-12 {
  padding-left: 240px;
}.ag-rtl .ag-row-group-indent-12 {
  padding-right: 240px;
}.ag-ltr .ag-column-select-indent-13 {
  padding-left: 260px;
}.ag-rtl .ag-column-select-indent-13 {
  padding-right: 260px;
}.ag-ltr .ag-row-group-indent-13 {
  padding-left: 260px;
}.ag-rtl .ag-row-group-indent-13 {
  padding-right: 260px;
}.ag-ltr .ag-column-select-indent-14 {
  padding-left: 280px;
}.ag-rtl .ag-column-select-indent-14 {
  padding-right: 280px;
}.ag-ltr .ag-row-group-indent-14 {
  padding-left: 280px;
}.ag-rtl .ag-row-group-indent-14 {
  padding-right: 280px;
}.ag-ltr .ag-column-select-indent-15 {
  padding-left: 300px;
}.ag-rtl .ag-column-select-indent-15 {
  padding-right: 300px;
}.ag-ltr .ag-row-group-indent-15 {
  padding-left: 300px;
}.ag-rtl .ag-row-group-indent-15 {
  padding-right: 300px;
}.ag-ltr .ag-column-select-indent-16 {
  padding-left: 320px;
}.ag-rtl .ag-column-select-indent-16 {
  padding-right: 320px;
}.ag-ltr .ag-row-group-indent-16 {
  padding-left: 320px;
}.ag-rtl .ag-row-group-indent-16 {
  padding-right: 320px;
}.ag-ltr .ag-column-select-indent-17 {
  padding-left: 340px;
}.ag-rtl .ag-column-select-indent-17 {
  padding-right: 340px;
}.ag-ltr .ag-row-group-indent-17 {
  padding-left: 340px;
}.ag-rtl .ag-row-group-indent-17 {
  padding-right: 340px;
}.ag-ltr .ag-column-select-indent-18 {
  padding-left: 360px;
}.ag-rtl .ag-column-select-indent-18 {
  padding-right: 360px;
}.ag-ltr .ag-row-group-indent-18 {
  padding-left: 360px;
}.ag-rtl .ag-row-group-indent-18 {
  padding-right: 360px;
}.ag-ltr .ag-column-select-indent-19 {
  padding-left: 380px;
}.ag-rtl .ag-column-select-indent-19 {
  padding-right: 380px;
}.ag-ltr .ag-row-group-indent-19 {
  padding-left: 380px;
}.ag-rtl .ag-row-group-indent-19 {
  padding-right: 380px;
}.ag-ltr .ag-column-select-indent-20 {
  padding-left: 400px;
}.ag-rtl .ag-column-select-indent-20 {
  padding-right: 400px;
}.ag-ltr .ag-row-group-indent-20 {
  padding-left: 400px;
}.ag-rtl .ag-row-group-indent-20 {
  padding-right: 400px;
}.ag-ltr .ag-column-select-indent-21 {
  padding-left: 420px;
}.ag-rtl .ag-column-select-indent-21 {
  padding-right: 420px;
}.ag-ltr .ag-row-group-indent-21 {
  padding-left: 420px;
}.ag-rtl .ag-row-group-indent-21 {
  padding-right: 420px;
}.ag-ltr .ag-column-select-indent-22 {
  padding-left: 440px;
}.ag-rtl .ag-column-select-indent-22 {
  padding-right: 440px;
}.ag-ltr .ag-row-group-indent-22 {
  padding-left: 440px;
}.ag-rtl .ag-row-group-indent-22 {
  padding-right: 440px;
}.ag-ltr .ag-column-select-indent-23 {
  padding-left: 460px;
}.ag-rtl .ag-column-select-indent-23 {
  padding-right: 460px;
}.ag-ltr .ag-row-group-indent-23 {
  padding-left: 460px;
}.ag-rtl .ag-row-group-indent-23 {
  padding-right: 460px;
}.ag-ltr .ag-column-select-indent-24 {
  padding-left: 480px;
}.ag-rtl .ag-column-select-indent-24 {
  padding-right: 480px;
}.ag-ltr .ag-row-group-indent-24 {
  padding-left: 480px;
}.ag-rtl .ag-row-group-indent-24 {
  padding-right: 480px;
}.ag-ltr .ag-column-select-indent-25 {
  padding-left: 500px;
}.ag-rtl .ag-column-select-indent-25 {
  padding-right: 500px;
}.ag-ltr .ag-row-group-indent-25 {
  padding-left: 500px;
}.ag-rtl .ag-row-group-indent-25 {
  padding-right: 500px;
}.ag-ltr .ag-column-select-indent-26 {
  padding-left: 520px;
}.ag-rtl .ag-column-select-indent-26 {
  padding-right: 520px;
}.ag-ltr .ag-row-group-indent-26 {
  padding-left: 520px;
}.ag-rtl .ag-row-group-indent-26 {
  padding-right: 520px;
}.ag-ltr .ag-column-select-indent-27 {
  padding-left: 540px;
}.ag-rtl .ag-column-select-indent-27 {
  padding-right: 540px;
}.ag-ltr .ag-row-group-indent-27 {
  padding-left: 540px;
}.ag-rtl .ag-row-group-indent-27 {
  padding-right: 540px;
}.ag-ltr .ag-column-select-indent-28 {
  padding-left: 560px;
}.ag-rtl .ag-column-select-indent-28 {
  padding-right: 560px;
}.ag-ltr .ag-row-group-indent-28 {
  padding-left: 560px;
}.ag-rtl .ag-row-group-indent-28 {
  padding-right: 560px;
}.ag-ltr .ag-column-select-indent-29 {
  padding-left: 580px;
}.ag-rtl .ag-column-select-indent-29 {
  padding-right: 580px;
}.ag-ltr .ag-row-group-indent-29 {
  padding-left: 580px;
}.ag-rtl .ag-row-group-indent-29 {
  padding-right: 580px;
}.ag-ltr .ag-column-select-indent-30 {
  padding-left: 600px;
}.ag-rtl .ag-column-select-indent-30 {
  padding-right: 600px;
}.ag-ltr .ag-row-group-indent-30 {
  padding-left: 600px;
}.ag-rtl .ag-row-group-indent-30 {
  padding-right: 600px;
}.ag-ltr .ag-column-select-indent-31 {
  padding-left: 620px;
}.ag-rtl .ag-column-select-indent-31 {
  padding-right: 620px;
}.ag-ltr .ag-row-group-indent-31 {
  padding-left: 620px;
}.ag-rtl .ag-row-group-indent-31 {
  padding-right: 620px;
}.ag-ltr .ag-column-select-indent-32 {
  padding-left: 640px;
}.ag-rtl .ag-column-select-indent-32 {
  padding-right: 640px;
}.ag-ltr .ag-row-group-indent-32 {
  padding-left: 640px;
}.ag-rtl .ag-row-group-indent-32 {
  padding-right: 640px;
}.ag-ltr .ag-column-select-indent-33 {
  padding-left: 660px;
}.ag-rtl .ag-column-select-indent-33 {
  padding-right: 660px;
}.ag-ltr .ag-row-group-indent-33 {
  padding-left: 660px;
}.ag-rtl .ag-row-group-indent-33 {
  padding-right: 660px;
}.ag-ltr .ag-column-select-indent-34 {
  padding-left: 680px;
}.ag-rtl .ag-column-select-indent-34 {
  padding-right: 680px;
}.ag-ltr .ag-row-group-indent-34 {
  padding-left: 680px;
}.ag-rtl .ag-row-group-indent-34 {
  padding-right: 680px;
}.ag-ltr .ag-column-select-indent-35 {
  padding-left: 700px;
}.ag-rtl .ag-column-select-indent-35 {
  padding-right: 700px;
}.ag-ltr .ag-row-group-indent-35 {
  padding-left: 700px;
}.ag-rtl .ag-row-group-indent-35 {
  padding-right: 700px;
}.ag-ltr .ag-column-select-indent-36 {
  padding-left: 720px;
}.ag-rtl .ag-column-select-indent-36 {
  padding-right: 720px;
}.ag-ltr .ag-row-group-indent-36 {
  padding-left: 720px;
}.ag-rtl .ag-row-group-indent-36 {
  padding-right: 720px;
}.ag-ltr .ag-column-select-indent-37 {
  padding-left: 740px;
}.ag-rtl .ag-column-select-indent-37 {
  padding-right: 740px;
}.ag-ltr .ag-row-group-indent-37 {
  padding-left: 740px;
}.ag-rtl .ag-row-group-indent-37 {
  padding-right: 740px;
}.ag-ltr .ag-column-select-indent-38 {
  padding-left: 760px;
}.ag-rtl .ag-column-select-indent-38 {
  padding-right: 760px;
}.ag-ltr .ag-row-group-indent-38 {
  padding-left: 760px;
}.ag-rtl .ag-row-group-indent-38 {
  padding-right: 760px;
}.ag-ltr .ag-column-select-indent-39 {
  padding-left: 780px;
}.ag-rtl .ag-column-select-indent-39 {
  padding-right: 780px;
}.ag-ltr .ag-row-group-indent-39 {
  padding-left: 780px;
}.ag-rtl .ag-row-group-indent-39 {
  padding-right: 780px;
}.ag-ltr .ag-column-select-indent-40 {
  padding-left: 800px;
}.ag-rtl .ag-column-select-indent-40 {
  padding-right: 800px;
}.ag-ltr .ag-row-group-indent-40 {
  padding-left: 800px;
}.ag-rtl .ag-row-group-indent-40 {
  padding-right: 800px;
}.ag-ltr .ag-column-select-indent-41 {
  padding-left: 820px;
}.ag-rtl .ag-column-select-indent-41 {
  padding-right: 820px;
}.ag-ltr .ag-row-group-indent-41 {
  padding-left: 820px;
}.ag-rtl .ag-row-group-indent-41 {
  padding-right: 820px;
}.ag-ltr .ag-column-select-indent-42 {
  padding-left: 840px;
}.ag-rtl .ag-column-select-indent-42 {
  padding-right: 840px;
}.ag-ltr .ag-row-group-indent-42 {
  padding-left: 840px;
}.ag-rtl .ag-row-group-indent-42 {
  padding-right: 840px;
}.ag-ltr .ag-column-select-indent-43 {
  padding-left: 860px;
}.ag-rtl .ag-column-select-indent-43 {
  padding-right: 860px;
}.ag-ltr .ag-row-group-indent-43 {
  padding-left: 860px;
}.ag-rtl .ag-row-group-indent-43 {
  padding-right: 860px;
}.ag-ltr .ag-column-select-indent-44 {
  padding-left: 880px;
}.ag-rtl .ag-column-select-indent-44 {
  padding-right: 880px;
}.ag-ltr .ag-row-group-indent-44 {
  padding-left: 880px;
}.ag-rtl .ag-row-group-indent-44 {
  padding-right: 880px;
}.ag-ltr .ag-column-select-indent-45 {
  padding-left: 900px;
}.ag-rtl .ag-column-select-indent-45 {
  padding-right: 900px;
}.ag-ltr .ag-row-group-indent-45 {
  padding-left: 900px;
}.ag-rtl .ag-row-group-indent-45 {
  padding-right: 900px;
}.ag-ltr .ag-column-select-indent-46 {
  padding-left: 920px;
}.ag-rtl .ag-column-select-indent-46 {
  padding-right: 920px;
}.ag-ltr .ag-row-group-indent-46 {
  padding-left: 920px;
}.ag-rtl .ag-row-group-indent-46 {
  padding-right: 920px;
}.ag-ltr .ag-column-select-indent-47 {
  padding-left: 940px;
}.ag-rtl .ag-column-select-indent-47 {
  padding-right: 940px;
}.ag-ltr .ag-row-group-indent-47 {
  padding-left: 940px;
}.ag-rtl .ag-row-group-indent-47 {
  padding-right: 940px;
}.ag-ltr .ag-column-select-indent-48 {
  padding-left: 960px;
}.ag-rtl .ag-column-select-indent-48 {
  padding-right: 960px;
}.ag-ltr .ag-row-group-indent-48 {
  padding-left: 960px;
}.ag-rtl .ag-row-group-indent-48 {
  padding-right: 960px;
}.ag-ltr .ag-column-select-indent-49 {
  padding-left: 980px;
}.ag-rtl .ag-column-select-indent-49 {
  padding-right: 980px;
}.ag-ltr .ag-row-group-indent-49 {
  padding-left: 980px;
}.ag-rtl .ag-row-group-indent-49 {
  padding-right: 980px;
}.ag-ltr .ag-column-select-indent-50 {
  padding-left: 1000px;
}.ag-rtl .ag-column-select-indent-50 {
  padding-right: 1000px;
}.ag-ltr .ag-row-group-indent-50 {
  padding-left: 1000px;
}.ag-rtl .ag-row-group-indent-50 {
  padding-right: 1000px;
}.ag-ltr .ag-column-select-indent-51 {
  padding-left: 1020px;
}.ag-rtl .ag-column-select-indent-51 {
  padding-right: 1020px;
}.ag-ltr .ag-row-group-indent-51 {
  padding-left: 1020px;
}.ag-rtl .ag-row-group-indent-51 {
  padding-right: 1020px;
}.ag-ltr .ag-column-select-indent-52 {
  padding-left: 1040px;
}.ag-rtl .ag-column-select-indent-52 {
  padding-right: 1040px;
}.ag-ltr .ag-row-group-indent-52 {
  padding-left: 1040px;
}.ag-rtl .ag-row-group-indent-52 {
  padding-right: 1040px;
}.ag-ltr .ag-column-select-indent-53 {
  padding-left: 1060px;
}.ag-rtl .ag-column-select-indent-53 {
  padding-right: 1060px;
}.ag-ltr .ag-row-group-indent-53 {
  padding-left: 1060px;
}.ag-rtl .ag-row-group-indent-53 {
  padding-right: 1060px;
}.ag-ltr .ag-column-select-indent-54 {
  padding-left: 1080px;
}.ag-rtl .ag-column-select-indent-54 {
  padding-right: 1080px;
}.ag-ltr .ag-row-group-indent-54 {
  padding-left: 1080px;
}.ag-rtl .ag-row-group-indent-54 {
  padding-right: 1080px;
}.ag-ltr .ag-column-select-indent-55 {
  padding-left: 1100px;
}.ag-rtl .ag-column-select-indent-55 {
  padding-right: 1100px;
}.ag-ltr .ag-row-group-indent-55 {
  padding-left: 1100px;
}.ag-rtl .ag-row-group-indent-55 {
  padding-right: 1100px;
}.ag-ltr .ag-column-select-indent-56 {
  padding-left: 1120px;
}.ag-rtl .ag-column-select-indent-56 {
  padding-right: 1120px;
}.ag-ltr .ag-row-group-indent-56 {
  padding-left: 1120px;
}.ag-rtl .ag-row-group-indent-56 {
  padding-right: 1120px;
}.ag-ltr .ag-column-select-indent-57 {
  padding-left: 1140px;
}.ag-rtl .ag-column-select-indent-57 {
  padding-right: 1140px;
}.ag-ltr .ag-row-group-indent-57 {
  padding-left: 1140px;
}.ag-rtl .ag-row-group-indent-57 {
  padding-right: 1140px;
}.ag-ltr .ag-column-select-indent-58 {
  padding-left: 1160px;
}.ag-rtl .ag-column-select-indent-58 {
  padding-right: 1160px;
}.ag-ltr .ag-row-group-indent-58 {
  padding-left: 1160px;
}.ag-rtl .ag-row-group-indent-58 {
  padding-right: 1160px;
}.ag-ltr .ag-column-select-indent-59 {
  padding-left: 1180px;
}.ag-rtl .ag-column-select-indent-59 {
  padding-right: 1180px;
}.ag-ltr .ag-row-group-indent-59 {
  padding-left: 1180px;
}.ag-rtl .ag-row-group-indent-59 {
  padding-right: 1180px;
}.ag-ltr .ag-column-select-indent-60 {
  padding-left: 1200px;
}.ag-rtl .ag-column-select-indent-60 {
  padding-right: 1200px;
}.ag-ltr .ag-row-group-indent-60 {
  padding-left: 1200px;
}.ag-rtl .ag-row-group-indent-60 {
  padding-right: 1200px;
}.ag-ltr .ag-column-select-indent-61 {
  padding-left: 1220px;
}.ag-rtl .ag-column-select-indent-61 {
  padding-right: 1220px;
}.ag-ltr .ag-row-group-indent-61 {
  padding-left: 1220px;
}.ag-rtl .ag-row-group-indent-61 {
  padding-right: 1220px;
}.ag-ltr .ag-column-select-indent-62 {
  padding-left: 1240px;
}.ag-rtl .ag-column-select-indent-62 {
  padding-right: 1240px;
}.ag-ltr .ag-row-group-indent-62 {
  padding-left: 1240px;
}.ag-rtl .ag-row-group-indent-62 {
  padding-right: 1240px;
}.ag-ltr .ag-column-select-indent-63 {
  padding-left: 1260px;
}.ag-rtl .ag-column-select-indent-63 {
  padding-right: 1260px;
}.ag-ltr .ag-row-group-indent-63 {
  padding-left: 1260px;
}.ag-rtl .ag-row-group-indent-63 {
  padding-right: 1260px;
}.ag-ltr .ag-column-select-indent-64 {
  padding-left: 1280px;
}.ag-rtl .ag-column-select-indent-64 {
  padding-right: 1280px;
}.ag-ltr .ag-row-group-indent-64 {
  padding-left: 1280px;
}.ag-rtl .ag-row-group-indent-64 {
  padding-right: 1280px;
}.ag-ltr .ag-column-select-indent-65 {
  padding-left: 1300px;
}.ag-rtl .ag-column-select-indent-65 {
  padding-right: 1300px;
}.ag-ltr .ag-row-group-indent-65 {
  padding-left: 1300px;
}.ag-rtl .ag-row-group-indent-65 {
  padding-right: 1300px;
}.ag-ltr .ag-column-select-indent-66 {
  padding-left: 1320px;
}.ag-rtl .ag-column-select-indent-66 {
  padding-right: 1320px;
}.ag-ltr .ag-row-group-indent-66 {
  padding-left: 1320px;
}.ag-rtl .ag-row-group-indent-66 {
  padding-right: 1320px;
}.ag-ltr .ag-column-select-indent-67 {
  padding-left: 1340px;
}.ag-rtl .ag-column-select-indent-67 {
  padding-right: 1340px;
}.ag-ltr .ag-row-group-indent-67 {
  padding-left: 1340px;
}.ag-rtl .ag-row-group-indent-67 {
  padding-right: 1340px;
}.ag-ltr .ag-column-select-indent-68 {
  padding-left: 1360px;
}.ag-rtl .ag-column-select-indent-68 {
  padding-right: 1360px;
}.ag-ltr .ag-row-group-indent-68 {
  padding-left: 1360px;
}.ag-rtl .ag-row-group-indent-68 {
  padding-right: 1360px;
}.ag-ltr .ag-column-select-indent-69 {
  padding-left: 1380px;
}.ag-rtl .ag-column-select-indent-69 {
  padding-right: 1380px;
}.ag-ltr .ag-row-group-indent-69 {
  padding-left: 1380px;
}.ag-rtl .ag-row-group-indent-69 {
  padding-right: 1380px;
}.ag-ltr .ag-column-select-indent-70 {
  padding-left: 1400px;
}.ag-rtl .ag-column-select-indent-70 {
  padding-right: 1400px;
}.ag-ltr .ag-row-group-indent-70 {
  padding-left: 1400px;
}.ag-rtl .ag-row-group-indent-70 {
  padding-right: 1400px;
}.ag-ltr .ag-column-select-indent-71 {
  padding-left: 1420px;
}.ag-rtl .ag-column-select-indent-71 {
  padding-right: 1420px;
}.ag-ltr .ag-row-group-indent-71 {
  padding-left: 1420px;
}.ag-rtl .ag-row-group-indent-71 {
  padding-right: 1420px;
}.ag-ltr .ag-column-select-indent-72 {
  padding-left: 1440px;
}.ag-rtl .ag-column-select-indent-72 {
  padding-right: 1440px;
}.ag-ltr .ag-row-group-indent-72 {
  padding-left: 1440px;
}.ag-rtl .ag-row-group-indent-72 {
  padding-right: 1440px;
}.ag-ltr .ag-column-select-indent-73 {
  padding-left: 1460px;
}.ag-rtl .ag-column-select-indent-73 {
  padding-right: 1460px;
}.ag-ltr .ag-row-group-indent-73 {
  padding-left: 1460px;
}.ag-rtl .ag-row-group-indent-73 {
  padding-right: 1460px;
}.ag-ltr .ag-column-select-indent-74 {
  padding-left: 1480px;
}.ag-rtl .ag-column-select-indent-74 {
  padding-right: 1480px;
}.ag-ltr .ag-row-group-indent-74 {
  padding-left: 1480px;
}.ag-rtl .ag-row-group-indent-74 {
  padding-right: 1480px;
}.ag-ltr .ag-column-select-indent-75 {
  padding-left: 1500px;
}.ag-rtl .ag-column-select-indent-75 {
  padding-right: 1500px;
}.ag-ltr .ag-row-group-indent-75 {
  padding-left: 1500px;
}.ag-rtl .ag-row-group-indent-75 {
  padding-right: 1500px;
}.ag-ltr .ag-column-select-indent-76 {
  padding-left: 1520px;
}.ag-rtl .ag-column-select-indent-76 {
  padding-right: 1520px;
}.ag-ltr .ag-row-group-indent-76 {
  padding-left: 1520px;
}.ag-rtl .ag-row-group-indent-76 {
  padding-right: 1520px;
}.ag-ltr .ag-column-select-indent-77 {
  padding-left: 1540px;
}.ag-rtl .ag-column-select-indent-77 {
  padding-right: 1540px;
}.ag-ltr .ag-row-group-indent-77 {
  padding-left: 1540px;
}.ag-rtl .ag-row-group-indent-77 {
  padding-right: 1540px;
}.ag-ltr .ag-column-select-indent-78 {
  padding-left: 1560px;
}.ag-rtl .ag-column-select-indent-78 {
  padding-right: 1560px;
}.ag-ltr .ag-row-group-indent-78 {
  padding-left: 1560px;
}.ag-rtl .ag-row-group-indent-78 {
  padding-right: 1560px;
}.ag-ltr .ag-column-select-indent-79 {
  padding-left: 1580px;
}.ag-rtl .ag-column-select-indent-79 {
  padding-right: 1580px;
}.ag-ltr .ag-row-group-indent-79 {
  padding-left: 1580px;
}.ag-rtl .ag-row-group-indent-79 {
  padding-right: 1580px;
}.ag-ltr .ag-column-select-indent-80 {
  padding-left: 1600px;
}.ag-rtl .ag-column-select-indent-80 {
  padding-right: 1600px;
}.ag-ltr .ag-row-group-indent-80 {
  padding-left: 1600px;
}.ag-rtl .ag-row-group-indent-80 {
  padding-right: 1600px;
}.ag-ltr .ag-column-select-indent-81 {
  padding-left: 1620px;
}.ag-rtl .ag-column-select-indent-81 {
  padding-right: 1620px;
}.ag-ltr .ag-row-group-indent-81 {
  padding-left: 1620px;
}.ag-rtl .ag-row-group-indent-81 {
  padding-right: 1620px;
}.ag-ltr .ag-column-select-indent-82 {
  padding-left: 1640px;
}.ag-rtl .ag-column-select-indent-82 {
  padding-right: 1640px;
}.ag-ltr .ag-row-group-indent-82 {
  padding-left: 1640px;
}.ag-rtl .ag-row-group-indent-82 {
  padding-right: 1640px;
}.ag-ltr .ag-column-select-indent-83 {
  padding-left: 1660px;
}.ag-rtl .ag-column-select-indent-83 {
  padding-right: 1660px;
}.ag-ltr .ag-row-group-indent-83 {
  padding-left: 1660px;
}.ag-rtl .ag-row-group-indent-83 {
  padding-right: 1660px;
}.ag-ltr .ag-column-select-indent-84 {
  padding-left: 1680px;
}.ag-rtl .ag-column-select-indent-84 {
  padding-right: 1680px;
}.ag-ltr .ag-row-group-indent-84 {
  padding-left: 1680px;
}.ag-rtl .ag-row-group-indent-84 {
  padding-right: 1680px;
}.ag-ltr .ag-column-select-indent-85 {
  padding-left: 1700px;
}.ag-rtl .ag-column-select-indent-85 {
  padding-right: 1700px;
}.ag-ltr .ag-row-group-indent-85 {
  padding-left: 1700px;
}.ag-rtl .ag-row-group-indent-85 {
  padding-right: 1700px;
}.ag-ltr .ag-column-select-indent-86 {
  padding-left: 1720px;
}.ag-rtl .ag-column-select-indent-86 {
  padding-right: 1720px;
}.ag-ltr .ag-row-group-indent-86 {
  padding-left: 1720px;
}.ag-rtl .ag-row-group-indent-86 {
  padding-right: 1720px;
}.ag-ltr .ag-column-select-indent-87 {
  padding-left: 1740px;
}.ag-rtl .ag-column-select-indent-87 {
  padding-right: 1740px;
}.ag-ltr .ag-row-group-indent-87 {
  padding-left: 1740px;
}.ag-rtl .ag-row-group-indent-87 {
  padding-right: 1740px;
}.ag-ltr .ag-column-select-indent-88 {
  padding-left: 1760px;
}.ag-rtl .ag-column-select-indent-88 {
  padding-right: 1760px;
}.ag-ltr .ag-row-group-indent-88 {
  padding-left: 1760px;
}.ag-rtl .ag-row-group-indent-88 {
  padding-right: 1760px;
}.ag-ltr .ag-column-select-indent-89 {
  padding-left: 1780px;
}.ag-rtl .ag-column-select-indent-89 {
  padding-right: 1780px;
}.ag-ltr .ag-row-group-indent-89 {
  padding-left: 1780px;
}.ag-rtl .ag-row-group-indent-89 {
  padding-right: 1780px;
}.ag-ltr .ag-column-select-indent-90 {
  padding-left: 1800px;
}.ag-rtl .ag-column-select-indent-90 {
  padding-right: 1800px;
}.ag-ltr .ag-row-group-indent-90 {
  padding-left: 1800px;
}.ag-rtl .ag-row-group-indent-90 {
  padding-right: 1800px;
}.ag-ltr .ag-column-select-indent-91 {
  padding-left: 1820px;
}.ag-rtl .ag-column-select-indent-91 {
  padding-right: 1820px;
}.ag-ltr .ag-row-group-indent-91 {
  padding-left: 1820px;
}.ag-rtl .ag-row-group-indent-91 {
  padding-right: 1820px;
}.ag-ltr .ag-column-select-indent-92 {
  padding-left: 1840px;
}.ag-rtl .ag-column-select-indent-92 {
  padding-right: 1840px;
}.ag-ltr .ag-row-group-indent-92 {
  padding-left: 1840px;
}.ag-rtl .ag-row-group-indent-92 {
  padding-right: 1840px;
}.ag-ltr .ag-column-select-indent-93 {
  padding-left: 1860px;
}.ag-rtl .ag-column-select-indent-93 {
  padding-right: 1860px;
}.ag-ltr .ag-row-group-indent-93 {
  padding-left: 1860px;
}.ag-rtl .ag-row-group-indent-93 {
  padding-right: 1860px;
}.ag-ltr .ag-column-select-indent-94 {
  padding-left: 1880px;
}.ag-rtl .ag-column-select-indent-94 {
  padding-right: 1880px;
}.ag-ltr .ag-row-group-indent-94 {
  padding-left: 1880px;
}.ag-rtl .ag-row-group-indent-94 {
  padding-right: 1880px;
}.ag-ltr .ag-column-select-indent-95 {
  padding-left: 1900px;
}.ag-rtl .ag-column-select-indent-95 {
  padding-right: 1900px;
}.ag-ltr .ag-row-group-indent-95 {
  padding-left: 1900px;
}.ag-rtl .ag-row-group-indent-95 {
  padding-right: 1900px;
}.ag-ltr .ag-column-select-indent-96 {
  padding-left: 1920px;
}.ag-rtl .ag-column-select-indent-96 {
  padding-right: 1920px;
}.ag-ltr .ag-row-group-indent-96 {
  padding-left: 1920px;
}.ag-rtl .ag-row-group-indent-96 {
  padding-right: 1920px;
}.ag-ltr .ag-column-select-indent-97 {
  padding-left: 1940px;
}.ag-rtl .ag-column-select-indent-97 {
  padding-right: 1940px;
}.ag-ltr .ag-row-group-indent-97 {
  padding-left: 1940px;
}.ag-rtl .ag-row-group-indent-97 {
  padding-right: 1940px;
}.ag-ltr .ag-column-select-indent-98 {
  padding-left: 1960px;
}.ag-rtl .ag-column-select-indent-98 {
  padding-right: 1960px;
}.ag-ltr .ag-row-group-indent-98 {
  padding-left: 1960px;
}.ag-rtl .ag-row-group-indent-98 {
  padding-right: 1960px;
}.ag-ltr .ag-column-select-indent-99 {
  padding-left: 1980px;
}.ag-rtl .ag-column-select-indent-99 {
  padding-right: 1980px;
}.ag-ltr .ag-row-group-indent-99 {
  padding-left: 1980px;
}.ag-rtl .ag-row-group-indent-99 {
  padding-right: 1980px;
}.ag-ltr {
  direction: ltr;
}.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}.ag-rtl {
  direction: rtl;
}.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}.ag-layout-print.ag-body-viewport {
  flex: none;
}.ag-layout-print.ag-root-wrapper {
  display: inline-flex;
}.ag-layout-print .ag-center-cols-clipper {
  min-width: 100%;
}.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}@media print {
  .ag-root-wrapper.ag-layout-print,
.ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
.ag-root-wrapper.ag-layout-print .ag-root,
.ag-root-wrapper.ag-layout-print .ag-body-viewport,
.ag-root-wrapper.ag-layout-print .ag-center-cols-container,
.ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
.ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
.ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
.ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row {
    page-break-inside: avoid;
  }
}.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}.ag-chart-title-edit.currently-editing {
  display: inline-block;
}.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}.ag-charts-canvas {
  display: block;
}.ag-chart-menu {
  position: absolute;
  top: 10px;
  width: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}.ag-ltr .ag-chart-menu {
  right: 20px;
}.ag-rtl .ag-chart-menu {
  left: 20px;
}.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
}.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}.ag-chart-settings {
  overflow-x: hidden;
}.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
          user-select: none;
}.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}.ag-chart-mini-thumbnail {
  cursor: pointer;
}.ag-chart-mini-thumbnail-canvas {
  display: block;
}.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}.ag-chart-data-wrapper {
  height: 100%;
  overflow-y: auto;
}.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}.ag-chart .ag-chart-menu {
  opacity: 0;
  pointer-events: none;
}.ag-chart-menu-hidden:hover .ag-chart-menu {
  opacity: 1;
  pointer-events: all;
}.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}.ag-charts-data-group-item {
  position: relative;
}.ag-date-time-list-page-title-bar {
  display: flex;
}.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}.ag-date-time-list-page-entry {
  cursor: pointer;
}input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    box-shadow: 0 0 0px 1000px white inset !important;
}*:not(input),
*:focus:not(input) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none; /*IE*/
}input,
button,
select {
    appearance: none;
}/* Read only grid default styles start */ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
    padding-top: 0 !important;
}.ag-row,
.ag-row .ag-cell-focus {
    border: none !important;
    outline: none;
}.ag-header-container,
.ag-header-row {
    width: 100% !important;
}.ag-header-row,
.ag-row {
    display: flex;
    justify-content: space-between;
    background: transparent;
    position: static;
    transform: unset !important;
}.ag-row-focus,
.ag-row-hover {
    background-color: #ffffff;
}.ag-header-row {
    background-color: transparent !important;
}.ag-header-cell,
.ag-cell {
    height: auto;
    padding: 0 12px;
    font-size: 12px;
    box-sizing: border-box;
    position: static;
    font-family: "Mokoko";
}.ag-cell:focus {
    outline: none;
}.ag-cell-label-container {
    flex: unset;
    display: unset;
}.ag-row-no-animation .ag-row:last-child {
    margin-bottom: 0;
}.ag-header-cell:first-child,
.ag-cell:first-child {
    padding-left: 20px;
}.ag-header-cell:last-child,
.ag-cell:last-child {
    padding-right: 20px;
}.ag-header-cell-text {
    color: #996d3d;
    font-size: 13px;
}.ag-body-horizontal-scroll-viewport,
.ag-center-cols-viewport {
    overflow-x: hidden;
}.ag-header.ag-pivot-off {
    border: none !important;
    height: auto !important;
}.ag-center-cols-clipper,
.ag-center-cols-container {
    height: auto !important;
    width: auto !important;
}.grid-tool-bar {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 24px;
}.grid-tool-bar .grid-title {
    flex: 1;
    min-width: 50%;
}.grid-tool-bar .options-bar {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}.grid-tool-bar .options-bar > div {
    width: auto !important;
}.grid-tool-bar .icon-btn {
    border: none;
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 0 0 30px;
    text-indent: -999px;
}.grid-tool-bar .icon-btn:last-child {
    margin-right: 0;
}/* Hide right header and spacer */.ag-pinned-right-header,
.ag-horizontal-right-spacer {
    width: 0 !important;
    min-width: 0 !important;
}/* Add absolute position so that action buttons column will appear on top of other columns. pointer-events: none to pass on mousemove event to behind columns */.ag-pinned-right-cols-container {
    position: absolute !important;
    right: 0;
    pointer-events: none;
}.ag-pinned-left-cols-container {
    position: absolute !important;
    left: 0;
    pointer-events: none;
}/* Reset pointer-events so that click can happen on action buttons */.ag-pinned-right-cols-container * {
    pointer-events: initial;
}/* Hide border of right-cols-container */.ag-pinned-right-cols-container .ag-cell {
    border: none !important;
    overflow: visible;
    padding-right: 0;
}/* Show action buttons only for row that is being hovered. For rows which are not being hovered, hide them by setting their width and padding to 0.*/.ag-pinned-right-cols-container .ag-row:not(.ag-row-hover) {
    width: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}app-grid-action-btn {
    display: flex;
    justify-content: flex-end;
    position: relative;
    height: 100%;
}/* Grid action button styles */.ag-row:not(.ag-row-hover) [col-id="actions"].ag-cell {
    display: none;
}/* Read only grid default styles end *//* tooptip style start */.tip {
    vertical-align: middle;
}.tip:before {
    display: inline-block;
    background-color: #ffffff;
    content: "i";
    font-size: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-align: center;
    color: #231f20;
    line-height: 12px;
    font-weight: bold;
    border: 1px solid #000000;
    margin-left: 8px;
    position: relative;
    cursor: pointer;
    top: -2px;
}.hint {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 3px 29px #00000029;
    max-width: 200px;
    text-align: center;
    border-radius: 8px;
    padding: 8px;
    position: absolute;
    transition: opacity 0.6s;
    bottom: calc(100% + 8px);
    font-weight: 300;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
}.hint:after {
    border-color: #ffffff transparent transparent transparent;
}.tip:hover .hint {
    z-index: 100;
    opacity: 1;
    visibility: visible;
}/* tooptip style end */


/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.top-notch-area {
  height: constent(safe-area-inset-top);
  height: env(safe-area-inset-top);
  background: linear-gradient(180deg, rgba(244, 247, 245, 0.8) 5%, rgba(244, 247, 245, 0) 100%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.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;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #00a10b;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #00a10b;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.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;
}
.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;
}
.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;
}
.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;
}
.mat-badge-content {
  color: white;
  background: #00a10b;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #00a10b;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #00a10b;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #00a10b;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  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-raised-button:not([class*=mat-elevation-z]) {
  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-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  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-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  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-card.mat-card-flat:not([class*=mat-elevation-z]) {
  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-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #00a10b;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #00a10b;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #00a10b;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(0, 161, 11, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 161, 11, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(0, 161, 11, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #00a10b;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 161, 11, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 161, 11, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(0, 161, 11, 0.3);
  }
}
.mat-datepicker-content {
  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);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}
.mat-datepicker-content-touch {
  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-datepicker-toggle-active {
  color: #00a10b;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  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-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #00a10b;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #00a10b;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #00a10b;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #00a10b;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #00a10b;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #00a10b;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  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-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #bce4be;
}
.mat-progress-bar-buffer {
  background-color: #bce4be;
}
.mat-progress-bar-fill::after {
  background-color: #00a10b;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #00a10b;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #00a10b;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #00a10b;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #00a10b;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  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-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #00a10b;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 161, 11, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #00a10b;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  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);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #00a10b;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 161, 11, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #00a10b;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(195, 231, 190, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #00a10b;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(195, 231, 190, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #00a10b;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #00a10b;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  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-simple-snackbar-action {
  color: #ff4081;
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('fill-icons.9d7f970f91b8d595.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: url('outline-icons.f86cb7b0aa53f0fe.woff2') format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper,
.mat-form-field-wrapper {
  padding-bottom: 0px;
}
.mat-form-field-underline {
  display: none;
}
.fpx-form-control .mat-form-field-infix {
  border: none;
  padding: 0;
}
.mat-radio-button,
.mat-radio-label-content,
.mat-radio-label,
.mat-select-value,
.mat-form-field {
  font-family: "Montserrat";
}
mat-option.mat-selected {
  display: none;
}
.mat-tab-body-wrapper {
  overflow: unset !important;
}
.mat-tab-body-wrapper .mat-tab-body-active {
  overflow-x: unset !important;
  overflow-y: unset !important;
  overflow: unset !important;
}
.mat-tab-body-wrapper .mat-tab-body-active .mat-tab-body-content {
  overflow: unset !important;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
@font-face {
  font-family: "icomoon";
  src: url('icomoon.d09d1e5dfa2a1654.eot?z6hdp');
  src: url('icomoon.d09d1e5dfa2a1654.eot?z6hdp2#iefix') format("embedded-opentype"), url('icomoon.e277a5120ad79a91.ttf?z6hdp') format("truetype"), url('icomoon.87747e7f867289d0.woff2?z6hdp') format("woff2"), url('icomoon.f45fca017cbce65b.woff?z6hdp') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "password";
  src: url('password.60f0a28a32b08a55.eot');
  /* IE9*/
  src: url('password.60f0a28a32b08a55.eot?#iefix') format("embedded-opentype"), url('password.d656257b52f2429c.woff2') format("woff2"), url('password.a3ba438e2e94c75b.woff') format("woff"), url('password.9ba7bb7914c68a77.ttf') format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-Light.032e110e0419ad1d.ttf') format("ttf"), url('Montserrat-Light.03182e983ba8d716.woff') format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-Regular.09cae4fd24e6bfa5.ttf') format("ttf"), url('Montserrat-Regular.e40ccfee415e960b.woff') format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-Medium.50ba2624ff93733b.ttf') format("ttf"), url('Montserrat-Medium.1eb627a5401b7916.woff') format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-SemiBold.39bc7b1131fbc177.ttf') format("ttf"), url('Montserrat-SemiBold.f878f636a29092c2.woff') format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-Bold.d111aa005522985b.ttf') format("ttf"), url('Montserrat-Bold.0359ac57f718021b.woff') format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('Montserrat-ExtraBold.eafe56693e6c0579.ttf') format("ttf"), url('Montserrat-ExtraBold.d0474125f4b6dda9.woff') format("woff");
  font-weight: 800;
  font-style: normal;
}
*:not(input),
*:focus:not(input) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  outline-style: none;
  /*IE*/
}
* {
  letter-spacing: -0.32px;
}
html,
body,
app-root,
app-login-page,
.wrapper {
  min-height: 100%;
  font-family: "Montserrat";
  font-weight: normal;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
box {
  display: block;
}
html {
  height: 100vh;
  background-color: #F4F7F5;
  overflow-x: hidden;
  font-size: 15px;
  line-height: 1.15;
  max-width: 100%;
}
body {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  background-color: #F4F7F5;
  font-size: 1rem;
  font-weight: 400;
  overflow-x: hidden;
  max-width: 100%;
}
ul, ol {
  padding: 0;
  margin: 0;
}
app-root {
  overflow: auto;
  height: 100vh-constant(safe-area-inset-top);
  height: 100vh-env(safe-area-inset-top);
}
.cbx-main {
  height: 100%;
}
.clearfix.content {
  height: 100%;
  position: relative;
}
:host {
  display: block;
}
input,
button,
select {
  appearance: none;
  box-sizing: border-box;
}
button:focus {
  outline: none !important;
  box-shadow: none !important;
}
input[type=checkbox] {
  visibility: hidden;
}
body.overflow-scrolling {
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #F4F7F5;
}
.splash-logo {
  width: 210px;
  height: 38px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.disable-field {
  color: #8D8D8D !important;
  pointer-events: none;
}
.splash-logo span {
  display: inline-block;
  vertical-align: top;
}
.splash-logo .logo-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 14px;
}
.splash-logo .logo-txt {
  width: 158px;
  height: 30px;
}
.icon {
  speak-as: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px !important;
  background-position: center center !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
.icon:before {
  font-family: "icomoon" !important;
}
article,
aside,
footer,
header,
nav,
section,
app-root,
app-login-page,
app-mobile-number {
  display: block;
}
app-mobile-number {
  width: 100%;
}
input,
button {
  outline: none;
}
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d8d8d8;
  border-radius: 2px;
}
.ripple {
  display: none;
}
ul,
ol {
  list-style: none;
}
.navbar {
  border: 0;
  margin: 0;
  padding: 0 24px 43px;
}
.header-logo {
  margin: 0;
  padding: 0;
  height: 29px;
  width: 100px;
}
.header-logo svg {
  height: inherit;
}
.header-logo span {
  display: none;
}
/* button styles start */
.btn-primary,
.btn-secondary {
  border-radius: 4px;
  padding: 13px 29px;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  min-width: 120px;
  line-height: 20px;
}
.btn-primary {
  color: #ffffff !important;
  background-color: #63B3E1 !important;
  border: 2px solid #63B3E1 !important;
}
.btn-secondary {
  color: #00a10b !important;
  background-color: transparent !important;
  border: 2px solid #00a10b !important;
}
.btn-tertiary,
.btn-link,
a {
  color: #00a10b !important;
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 16px;
  cursor: pointer;
}
.btn-tertiary {
  font-size: 14px;
  font-weight: 500;
}
.btn-add-new {
  color: #00a10b;
  background-color: transparent;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: 14px;
  letter-spacing: -0.32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.btn-add-new:before {
  content: " ";
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  vertical-align: middle;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.062745098);
}
.field-ok-btn,
.btn-update {
  background-color: transparent;
  color: #00a10b;
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
  letter-spacing: -0.16px;
  position: absolute;
  top: 22px;
  right: 18px;
  transition: all 0.5s;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
}
.field-ok-btn {
  right: 0;
  padding-right: 18px;
}
.btn-update {
  position: static !important;
}
.field-action {
  margin-top: 12px;
  text-align: center;
}
.btn-primary[disabled],
.btn-primary:disabled {
  background-color: #bebfbe !important;
  border-color: #bebfbe !important;
}
/* button styles end */
h4 {
  font-weight: 900;
  font-size: 19px;
  line-height: 27px;
  color: #0b0b0b;
  margin-bottom: 15px;
}
/* entry-form field styles start */
.error-d {
  display: none;
}
.errorMessagespan {
  color: #f40000;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: right;
  display: block;
  margin-top: 10px;
  line-height: 22px;
  letter-spacing: -0.32px;
}
.entry-form {
  padding: 0 9.6vw;
}
.entry-form > div {
  margin-bottom: 8vw;
}
.entry-form > div:last-child {
  margin-bottom: 0;
}
.search-bar {
  margin: 0 24px 30px;
  position: relative;
}
.search-bar input,
.entry-form input[type=text],
.entry-form input[type=password],
.entry-form input[type=number],
.entry-form input[type=tel],
.entry-form input[type=email],
.entry-form .ng-default-select,
.entry-form .ng-single-select {
  background-color: #ffffff;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none;
  height: 59px;
  padding-left: 24px;
  position: relative;
  caret-color: #00a10b;
  padding-right: 24px;
}
.search-bar input {
  height: 56px;
  width: 100%;
  padding-left: 44px;
  padding-right: 30px;
}
.search-bar .btn-search-filter {
  width: 20px;
  height: 20px;
  border: none;
  position: absolute;
  right: 24px;
  top: calc(50% - 10px);
}
input, input:focus {
  caret-color: #00a10b !important;
}
input::placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-place-holder .ng-value,
select.is-place-holder {
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.3) !important;
}
.is-place-holder .ng-value b {
  font-weight: 500 !important;
}
/*
.entry-form label {
    font-family: "Montserrat" !important;
}
*/
.search-bar input,
.entry-form input[type=text],
.entry-form input[type=password],
.entry-form input[type=number],
.entry-form input[type=tel],
.entry-form input[type=email],
.entry-form .ng-default-select select,
.entry-form .ng-single-select .ng-value {
  color: #000000;
  font-size: 16px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry-form input[type=text],
.entry-form input[type=password],
.entry-form input[type=number],
.entry-form input[type=tel],
.entry-form input[type=email] {
  padding-right: 50px;
}
.entry-form .date-field input[type=number],
.entry-form .date-field input[type=tel] {
  padding-right: 24px;
}
.entry-form .field-value label {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-left: 12px;
}
.ng-value b {
  line-height: 59px;
}
.zip-code-country {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 24px;
  font-size: 16px !important;
  font-weight: 800 !important;
  height: 59px;
  line-height: 59px;
}
#zipCode {
  padding-left: 40px;
}
.entry-form .ng-default-select select {
  border: none;
  height: inherit;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
.ng-select-container {
  box-shadow: none !important;
}
.ng-default-select:before,
.ng-select-single:before {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -3px;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: #00a10b;
  pointer-events: none;
  width: 12px;
  height: 7px;
}
.ng-select-single:before {
  right: 0px;
}
.ng-select-opened:before {
  transform: rotateZ(-180deg);
}
.ng-single-select .ng-select .ng-select-container {
  border: none;
  padding: 0;
  height: 59px;
  background-color: transparent;
}
.ng-select .ng-select-container {
  border: none;
  padding: 0;
  height: 100%;
  background-color: transparent;
  align-items: center;
  overflow: hidden;
}
.ng-select .ng-select-container .ng-value-container {
  padding: 0;
  height: 59px;
  display: block;
  position: relative;
}
.ng-arrow-wrapper,
.ng-clear-wrapper {
  display: none;
}
.ng-select-single .ng-arrow-wrapper {
  height: 25px;
  position: absolute;
  top: 0;
  display: block;
  right: 0;
  padding: 0;
}
.ng-select-single .ng-arrow-wrapper .ng-arrow {
  display: none !important;
}
.ng-select .ng-select-container .ng-value-container .ng-input > input,
.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input {
  padding: 0;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  height: 100%;
  line-height: 59px;
}
.show-selctd-val .ng-select-opened .ng-value {
  display: none !important;
}
.ng-select .ng-spinner-loader {
  right: 14px;
  top: 0px;
}
.ng-dropdown-panel {
  left: -24px;
  right: -24px;
  width: auto !important;
  border: none;
  overflow: hidden;
  box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1);
}
.ng-dropdown-panel.ng-select-bottom {
  padding-top: 12px;
  margin-top: -12px;
  border-radius: 0 0 12px 12px;
}
.ng-dropdown-panel.ng-select-top {
  border-radius: 12px 12px 0 0;
  padding-bottom: 12px;
  margin-bottom: -12px;
  box-shadow: 0 -29px 29px rgba(0, 0, 0, 0.1);
}
.field-group > div {
  margin-bottom: 4vw;
  position: relative;
}
.field-group > div:last-child {
  margin-bottom: 0;
}
.form-control:focus {
  color: #000000;
  border: none;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1);
}
.entry-form .res-pr-hide .fieldLegend,
.field-title {
  color: #111112;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.19px;
}
.entry-form .res-pr-hide > .fieldLegend,
.field-title {
  margin-bottom: 4.8vw;
}
.field-caption {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.14px;
  line-height: 22px;
  display: block;
}
.field-title .field-caption {
  margin-top: 0.5333333333vw;
}
.form-control[disabled],
.field-set.read-only {
  opacity: 0.3;
}
.field-set.read-only .form-control[disabled] {
  opacity: 1;
}
.form-control[disabled]::placeholder,
.field-set.read-only .form-control::placeholder {
  /*SANTHOSH 12/09/2021 BEGIN*/
  /*color:rgba(0,0,0,1) !important;*/
  color: rgb(0, 0, 0);
  /*SANTHOSH 12/09/2021 END*/
}
.field-set.read-only .ng-default-select:before {
  color: #000000;
}
.date-field .field-group {
  display: flex;
  justify-content: space-between;
}
.date-field .field-group > div {
  flex-basis: 88px;
  margin-right: 15px;
  margin-bottom: 0;
}
.date-field .field-group > div:last-child {
  flex-basis: 100%;
  flex: 1;
  margin-right: 0;
}
.date-field .field-group .errorMessagespan {
  display: none;
}
.field-group.split-2 {
  justify-content: flex-start;
}
.field-group.split-2 > div {
  margin-right: 15px;
}
.date-field .field-group.split-2 > div:last-child {
  max-width: 96px;
}
.date-field .field-ok-btn {
  display: none;
}
.date-field .form-control-container {
  padding-right: 24px !important;
}
.option-btns .radio-container {
  display: flex;
  justify-content: space-between;
}
.option-btns .radio-option {
  background-color: #ffffff;
  color: #000000;
  height: 58px;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1);
  display: block;
  text-align: center;
  border-radius: 12px;
  line-height: 58px;
  padding: 0 !important;
  margin: 0 !important;
  flex-basis: 46%;
  font-weight: 500;
  font-size: 16px !important;
  letter-spacing: -0.16px;
  min-width: 140px;
}
.option-btns .radio-option.radio-checked {
  background-color: #00a10b;
  color: #ffffff;
  font-weight: 900;
}
.option-btns .radio-container .checkmark {
  display: none;
}
.checkbox-group {
  display: flex;
  align-items: center;
}
.checkbox-group > div.checkboxLeft {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.checkbox-group label {
  font-weight: 500 !important;
  line-height: 20px;
}
.checkbox-group > div.checkboxLeft + div .fieldLegend {
  line-height: 20px;
}
.option-btns .field-value label {
  text-transform: capitalize;
}
.ng-single-select .ng-option {
  padding: 20px 0 !important;
  margin: 0 24px;
  line-height: 17.5px;
  /*border-bottom: 1px solid rgba(191, 190, 191, 0.25);*/
}
.ng-single-select .ng-option {
  border-top: 1px solid rgba(191, 190, 191, 0.25);
}
.ng-single-select .ng-option b {
  font-weight: 500;
  white-space: break-spaces;
}
.ng-single-select .ng-option:last-child {
  border-bottom: none;
}
.ng-single-select .ng-option-selected,
.ng-single-select .ng-option-marked {
  background: transparent !important;
}
.ng-single-select:not(.show-selctd-val) .ng-option-selected {
  display: none !important;
}
.ng-single-select .ng-option.ng-option-selected b {
  /*font-weight: $fontWeightExtraBold;
  font-size: toRem(16);*/
}
.ng-single-select .ng-dropdown-panel-items {
  max-height: 234px !important;
}
.placeholder-span {
  position: absolute;
  font-size: 10px;
  color: #000000;
  opacity: 0.3;
  top: 41px;
  left: 24px;
}
.cob-summary-container .field-set {
  z-index: 2;
}
.cob-summary-container .field-set:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 0;
}
.cob-summary-container .preview-mode {
  z-index: unset;
}
.cob-summary-container .preview-mode .is-place-holder {
  visibility: hidden;
}
.cob-summary-container .preview-mode .no-value {
  display: none;
}
.cob-summary-container .preview-mode:before {
  display: none;
}
.cob-summary-container .field-action {
  position: relative;
}
.cob-summary-container .field-title {
  position: relative;
}
.btn-close {
  background: unset;
}
/* entry-form field styles end */
/* footer button container styles start */
.frm-btn-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 36px;
}
.frm-btn-container > div {
  width: auto;
}
button.btn-back,
button.btn-next {
  background-color: transparent;
  border: none;
  padding: 0;
  text-align: center;
  color: #8d8d8d;
}
button.btn-back i,
button.btn-next i {
  display: block;
  margin: 0 auto;
  width: 16px;
  height: 22px;
  background-size: 9.23px 15.609px;
  background-position: calc(50% - 0.27px) calc(50% - 1px);
}
button.btn-next i {
  background-repeat: no-repeat;
}
button.btn-back i {
  background-repeat: no-repeat;
}
button.btn-back i:before,
button.btn-next i:before {
  display: none;
}
button.btn-back {
  padding: 13px;
  height: 45px;
}
button.btn-next span {
  display: none;
}
button.btn-next.on-click, button.button-common.on-click {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: unset;
  height: 45px;
  background: none;
  gap: 8px;
  padding: 11px 18px !important;
  background-color: #BEBFBE !important;
  border-radius: 23px;
  transition: all 0.5s;
}
button.btn-next.on-click span, button.button-common.on-click span {
  display: block;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.16px;
  color: #FFFFFF;
}
button.btn-next.on-click img, button.button-common.on-click img {
  width: 20px;
}
button.btn-next {
  width: 45px;
  height: 45px;
  border-radius: 23px;
  background-size: 9.23px 15.609px;
}
button.btn-next[disabled] {
  background-color: #bebfbe !important;
}
.btn-prev {
  width: 9.23px;
  height: 15.609px;
  background-size: 9.23px 15.609px;
}
.btn-prev span {
  display: none;
}
.btn-prev.btn-hide {
  pointer-events: none;
  opacity: 0;
}
/* footer button container styles end */
/* error message style start */
.error-span {
  color: #f40000;
  font-size: 14px !important;
  line-height: 22px;
}
/* error message style end */
/* icons style start */
.icon {
  font-family: "icomoon";
}
.ico-overview:before {
  content: "\e906";
}
.ico-transactions:before {
  content: "\e90d";
}
.ico-hello-flex:before {
  content: "\e905";
}
.ico-rewards:before {
  content: "\e907";
}
.ico-go-green:before {
  content: "\e904";
}
.ico-invite::before {
  content: "\e912";
}
.ico-settings:before {
  content: "\e915";
}
.ico-payment::before {
  content: "\e913";
}
.ico-statements::before {
  content: "\e916";
}
.ico-sber-hello:before {
  content: "\e905";
}
.ico-locator:before {
  content: "\e900";
}
.ico-lock-card:before {
  content: "\e908";
}
.ico-sber-login:before {
  content: "\e90e";
}
.ico-contacts:before {
  content: "\e902";
}
.ico-video-chat:before {
  content: "\e90f";
}
.ico-sber-app:before {
  content: "\e90a";
}
.ico-sber-shop:before {
  content: "\e909";
}
.ico-secure-payment:before {
  content: "\e908";
  color: #00a10b;
}
.ico-search:before,
.ico-back:before {
  color: #00a10b;
  font-size: 17px;
}
.ico-search:before {
  content: "\e914";
  text-align: right;
  font-size: 20px;
}
.ico-back:before {
  content: "\e910";
  text-align: left;
}
.drop-down-flag {
  width: 28px;
  height: 28px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 12px;
}
/* icons style end */
/* accordian styles start */
.accordion-active-tab .accordion-tab-content .resp-tab-content {
  display: block;
}
.field-set.preview-mode {
  pointer-events: none;
}
.field-set.preview-mode .btn-edit {
  pointer-events: initial;
  color: #00a10b;
}
/* accordian styles end */
/* model popup styles start */
body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}
.modal-open .master-container {
  filter: blur(10px);
}
.modal-dialog {
  position: fixed;
  width: 100%;
  margin: 0;
  bottom: 0;
}
.modal-content {
  border-radius: 12px 12px 20px 20px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.modal-body {
  padding: 0;
}
.modal-body .close {
  width: 30px;
  height: 30px;
  background-size: 16px;
}
.modal-body .close span {
  display: none;
}
.modal-content .main-container {
  padding: 0;
}
/* model popup styles end */
.modal-content {
  height: 85vh;
}
.transacions-container {
  height: calc(85vh - 130px);
  overflow-y: auto;
}
.lds-roller {
  left: calc(50% - 32px) !important;
  top: calc(50% - 32px) !important;
}
.important {
  font-weight: 900;
}
.highlight {
  color: #00a10b;
}
.stronger {
  font-weight: 900;
}
[customclass=btn-link] > div {
  display: inline-block;
}
.open-keypad .footer-dock-menu {
  display: none;
}
.open-keypad .frm-btn-container, .open-keypad .seperateBankDetails_Footer {
  padding-bottom: 24px !important;
}
.preview-mode .ng-single-select .ng-select-single:before {
  display: none;
}
.toast-container {
  top: 48px;
}
button.btn-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.1px;
}
button.button-common {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  border: solid 2px #00a10b;
  background-color: #00a10b;
  line-height: 19px;
}
button.button-common.button30 {
  min-width: 100px;
  padding: 11px 27px;
}
button.button-common.button40 {
  min-width: 120px;
  padding: 11px 37px;
}
button.button-common:disabled {
  border: solid 2px hsl(120deg, 1%, 75%) !important;
  background-color: #BEBFBE !important;
}
button.button-common.outline {
  background-color: transparent !important;
}
button.button-common.arrow {
  border: none !important;
  background-color: transparent !important;
  min-width: unset;
  padding: 0;
}
button.button-common span {
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.16px;
}
button.button-common span {
  color: #FFFFFF;
}
button.button-common.outline span {
  color: #00a10b;
}
button.button-common:disabled span {
  color: #FFFFFF !important;
}
button.button-common:disabled.outline span {
  color: #BEBFBE !important;
}
/*SANTHOSH 16-DEC-2021 BEGIN*/
:root {
  --desktop-menu-width: 230px;
  --desktop-welcome-header-height: 72.16px;
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}
/* Language switcher style start */
.lang-switch {
  position: fixed;
  z-index: 999;
  top: 56px;
  right: 40px;
  width: auto;
}
/* Language switcher style end */
/* empty transaction style start */
.not-found-image img {
  height: 238px;
  width: 310px;
}
.no-bene-text {
  font-size: 16px;
  color: #656565;
  font-weight: 500;
}
.toast-container .ngx-toastr {
  padding: 20px 15px 12px 50px !important;
  border-radius: 8px !important;
}
/* empty transaction style end */
* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.lang-switch {
  right: 17px;
}
html:not(#desktop).open-tran-search body.tran-search-start {
  max-height: 100%;
}
html:not(#desktop) body {
  /*max-height:100%;*/
  overflow-y: auto;
}
html:not(#desktop) .open-alert .main-footer {
  visibility: hidden;
}
html:not(#desktop) body.body-backdrop {
  height: 100vh;
  overflow: hidden;
}
html:not(#desktop) body.body-backdrop:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  backdrop-filter: blur(10px);
  background-color: rgba(149, 149, 149, 0.48);
}
html:not(#desktop) .ng-dropdown-panel.ng-select-top {
  padding-top: 12px;
  margin-top: -12px;
  box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 12px 12px;
  padding-bottom: 0;
  top: 100% !important;
  bottom: unset !important;
  border-top-color: #e6e6e6 !important;
}
.container-title .form-title {
  padding: 0 24px;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 16px;
}
#desktop {
  /*Search*/
}
#desktop * {
  box-sizing: border-box;
}
#desktop .search-container-transition .search-box {
  width: fit-content;
  height: fit-content;
  position: relative;
}
#desktop .search-container-transition .input-search {
  height: 50px;
  width: 50px;
  border-style: none;
  padding: 10px;
  font-size: 18px;
  letter-spacing: 2px;
  outline: none;
  border-radius: 25px;
  transition: all 0.5s ease-in-out;
  padding-right: 40px;
  width: 18px;
  height: 17px;
  color: #00a10b !important;
  background-position: right;
  padding: 21px;
}
#desktop .search-container-transition .input-search::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 100;
  height: 30px;
}
#desktop .search-container-transition .btn-search {
  width: 50px;
  height: 50px;
  border-style: none;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  right: 0px;
  color: #ffffff;
  background-color: transparent;
  pointer-events: painted;
}
#desktop .search-container-transition .btn-search:focus ~ .input-search {
  width: 300px;
  border-radius: 12px;
  background-color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}
#desktop .search-container-transition .input-search:focus {
  width: 300px;
  border-radius: 12px;
  background-color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}
#desktop .router-ui-section {
  width: clamp(502px, 82.5vw, 1056px) !important;
  display: flex;
}
#desktop .router-landing-section {
  width: clamp(502px, 54.375vw, 696px) !important;
  margin-right: 55px;
}
#desktop app-accountsui .bi-reponsive > .form-group > div:first-child {
  display: block !important;
}
#desktop .router-aside-section {
  width: clamp(305px, 23.828125vw, 305px) !important;
}
#desktop .router-aside-section .aside-bar-wrapper {
  border: 1px solid #00a10b;
  border-radius: 8px;
}
#desktop .router-aside-section .aside-bar-wrapper .aside-bar-header {
  font-size: 18px;
  line-height: 30px;
  font-weight: 900;
  letter-spacing: 0px;
  color: #000000;
  text-align: center;
  margin-top: 20px;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container {
  padding: 0 28px;
  margin-bottom: 70px;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .overdraft-label {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: -0.12px;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .overdraft-label::before {
  content: "";
  border-left-style: solid;
  border-left-width: 16px;
  margin-right: 10px;
  border-radius: 3px;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .amount {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: -0.18px;
  color: #000;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .you-have .overdraft-label {
  color: #1F6219;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .you-have .currency {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: #8D8D8D;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .you-own .overdraft-label {
  color: #C58C31;
}
#desktop .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .you-own .currency {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: -0.18px;
  color: #000;
}
#desktop .router-aside-section .aside-bar-wrapper div.teacher-image-wrapper {
  text-align: center;
}
#desktop .router-aside-section .aside-bar-wrapper div.teacher-image-wrapper img {
  width: 196px;
  height: 178px;
}
#desktop *[clickable] {
  cursor: pointer;
}
#desktop *[clickable][disabled] {
  cursor: default;
}
#desktop .action-button-group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#desktop .action-button-group .btn-prev {
  margin: 0px;
  padding: 0px;
}
#desktop .action-button-group .btn-link {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#desktop .action-button-group .btn-next {
  margin: 0px;
  padding: 0px;
}
#desktop button.btn-link {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 16px;
}
#desktop button.button-common {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  border: solid 2px #00a10b;
  background-color: #00a10b;
  line-height: 19px;
}
#desktop button.button-common.button30 {
  min-width: 100px;
  padding: 11px 27px;
}
#desktop button.button-common.button40 {
  min-width: 120px;
  padding: 11px 37px;
}
#desktop button.button-common:disabled {
  border: solid 2px hsl(120deg, 1%, 75%) !important;
  background-color: #BEBFBE !important;
}
#desktop button.button-common.outline {
  background-color: transparent !important;
}
#desktop button.button-common span {
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.16px;
}
#desktop button.button-common span {
  color: #FFFFFF;
}
#desktop button.button-common.outline span {
  color: #00a10b;
}
#desktop button.button-common:disabled span {
  color: #FFFFFF !important;
}
#desktop button.button-common:disabled.outline span {
  color: #BEBFBE !important;
}
#desktop body {
  scrollbar-color: #d8d8d8 transparent !important;
  scrollbar-width: thin;
}
#desktop ::-webkit-scrollbar {
  width: 8px;
  height: auto;
}
#desktop ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}
#desktop ::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 4px;
}
#desktop ::-webkit-scrollbar-thumb:hover {
  background: #c8c8c8;
  border-radius: 4px;
}
#desktop app-root {
  height: 100vh;
  overflow-x: hidden;
}
#desktop app-root app-alerts {
  position: absolute;
}
#desktop .header-logo {
  position: relative;
  margin: 30px 10px;
  width: 200px;
  z-index: 5;
  height: unset;
  background: none !important;
}
#desktop .bi-reponsive > .form-group {
  max-width: 1054px;
}
@media only screen and (min-width: 768px) {
  #desktop .bi-reponsive > .form-group {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1280px) {
  #desktop .bi-reponsive > .form-group {
    margin: 0 auto;
  }
}
#desktop .bi-reponsive > .form-group > div:first-child {
  border-radius: 0 0 12px 12px;
  padding: 0 0 44px 0;
  margin-bottom: 48px;
  /*box-shadow: 0 16px 29px #00000010;*/
  box-shadow: none !important;
  overflow: visible;
  align-items: center;
  flex-direction: column;
  position: relative;
}
#desktop .bi-reponsive > .form-group > div:first-child > .bg {
  position: absolute;
  left: -29px;
  top: 0px;
  height: 100%;
  width: calc(100% + 58px) !important;
  background: transparent linear-gradient(180deg, #F4F7F5 20%, rgba(244, 247, 245, 0) 100%) 0% 0% no-repeat padding-box !important;
  box-shadow: none !important;
  border-radius: 0px 0px 12px 12px;
  overflow: visible;
  margin: 0px !important;
  right: 0px !important;
}
#desktop .bi-reponsive > .form-group > div:first-child > .mask {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100% !important;
  border-radius: 0px 0px 12px 12px;
  overflow: visible;
  margin: 0px !important;
  right: 0px !important;
}
#desktop .modal {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: rgba(149, 149, 149, 0.48) 0% 0% no-repeat padding-box;
  backdrop-filter: blur(11px) brightness(2);
}
#desktop .modal-dialog {
  min-width: 502px;
  width: 502px;
  bottom: unset !important;
}
#desktop .modal-content {
  border-radius: 20px;
  height: unset;
  border: none;
}
#desktop app-popup-modal .modal-body > button.close {
  background: transparent;
  position: absolute !important;
  top: 24px;
  right: 28px;
  width: unset;
  height: unset;
  padding: 0px;
  z-index: 1;
}
#desktop app-popup-modal .modal-body > button.close svg {
  width: 16px;
  height: 16px;
}
#desktop .row.no-padding > div {
  padding: 0px;
}
#desktop .row.no-margin {
  margin: 0px;
}
#desktop .text-right {
  text-align: right;
}
#desktop .main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#desktop .main-content > * {
  width: clamp(502px, 54.375vw, 696px) !important;
}
#desktop .align-items-center {
  align-items: center;
}
#desktop .lang-switch {
  position: absolute;
}
/*SANTHOSH 16-DEC-2021 END*/
/* SANTOSH 07-DEC-2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
/* SANTOSH 07-DEC-2021 END*/
.pagewrap {
  overflow: hidden;
}
.title-section {
  margin-top: 96px;
  margin-left: 48px;
}
.title-section:after {
  content: " ";
  background: -webkit-gradient(180deg, rgb(244, 247, 245) 67%, rgba(244, 247, 245, 0) 100%); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: linear-gradient(180deg, rgb(244, 247, 245) 67%, rgba(244, 247, 245, 0) 100%); /* W3C */
  position: absolute;
  width: 101%;
  height: 102px;
  z-index: 9999;
  filter: blur();
  left: -37px;
  margin-top: -75px;
  margin-left: 35px;
}
.title-section h1 {
  font-size: 32px;
  color: #000;
  font-weight: 800;
  line-height: 40px;
  position: relative;
  z-index: 999999;
}
.title-section h1 span {
  color: #00a10b;
}
.mySwiper2 h3 {
  font-size: 14px;
  width: 270px;
  margin-top: 12px;
  margin-left: 48px;
  line-height: 22px;
  font-weight: 500;
}
app-welcome-landing {
  overflow: hidden;
  display: block;
}
app-welcome-landing .navbar {
  border: 0;
  margin: 0;
  padding: 0px 24px 48px;
}
.wave {
  width: 100%;
  overflow: hidden;
  left: 0px;
  position: absolute;
  top: 0;
  margin-top: calc(constant(safe-area-inset-top) - 49px);
  margin-top: calc(env(safe-area-inset-top) - 49px);
  height: 100vh;
}
.wave #postionsbg {
  transition: left 0.5s;
  position: relative;
  left: -668px;
  top: 58px;
  transform: rotate(0deg);
}
.wave #postionsbg img {
  width: 2022px;
  height: 453px;
}
.wave #postionsbg svg {
  opacity: 0.7;
  width: 2640px;
  height: 627px;
}
.welcome-menu-slider {
  margin-top: 37px;
  left: 75px;
  position: relative;
}
.welcome-menu-slider .slick-list {
  overflow: visible;
}
.welcome-menu-slider .slick-track {
  padding-top: 0;
  padding-bottom: 11px;
  background-position: center;
}
.welcome-menu-slider .slick-track .slick-slide {
  padding-bottom: 3px;
  padding-top: 3px;
  transform: translatex(-14px);
}
.welcome-menu-slider .slick-track .slick-slide.slick-current {
  transform: translatex(-7.9px);
}
.mySwiper .swiper-wrapper {
  left: -94px;
}
.menu-cards {
  box-shadow: 0px 8px 29px rgba(0, 0, 0, 0.1019607843);
  width: 144px;
  height: 168px;
  background: #fff;
  border-radius: 20px;
  transition: transform 0.3s;
  transform: translateX(-86px);
}
.menu-cards.card-bg-green {
  background: #00a10b;
}
.menu-cards.card-bg-green h1 {
  color: #fff;
}
.menu-cards.card-bg-green .icon:before {
  color: #fff;
}
.menu-cards h1 {
  color: #000;
  font-weight: 800;
  line-height: 12px;
  float: left;
  color: #000;
  text-align: center;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
  font-size: 17px;
}
.menu-cards .icon {
  width: 100%;
  text-align: center;
  line-height: 129px;
  height: 129px;
  float: left;
}
.menu-cards .icon:before {
  font-family: "icomoon";
  font-size: 70px;
  color: #00a10b;
}
.card_slide {
  width: 24rem;
  right: 0;
  left: 46px;
  bottom: -2px;
  position: fixed;
  height: 195px;
  overflow: visible;
  padding-left: 1.3rem;
  padding-left: 0;
  z-index: 9;
}
.card_slide .slick-dotted.slick-slider {
  padding-top: 25px;
}
.card_slide .slick-dots {
  position: absolute;
  top: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 7px;
  padding-right: 48px;
  z-index: 9999;
}
.card_slide .slick-dots li {
  float: right;
  margin: 0;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  transition: width 1s;
}
.card_slide .slick-dots li span {
  width: 7px;
  float: left;
  height: 7px;
  background: #bebfbe;
  border-radius: 15px;
  transition: width 1s;
}
.card_slide .slick-dots li.slick-active {
  width: 19px;
}
.card_slide .slick-dots li.slick-active span {
  width: 19px;
  background: #00a10b;
}
.card_slide .slick-list {
  overflow: visible;
  position: relative;
  z-index: 9;
}
.card_slide .slick-list .slick-track {
  transform: translate3d(0, 0, 0) !important;
  height: 190px;
}
.card_slide .card_slides {
  min-width: 373px;
  height: 168px;
  border-radius: 20px 0 0 0;
  overflow: hidden;
  box-shadow: 0px 8px 29px rgba(0, 0, 0, 0.1);
  transform-origin: 100% 333px;
  transition: transform 1s, opacity 1s;
  position: absolute;
  transition-timing-function: ease-in-out;
}
.card_slide .card_slides .card_slides_left {
  width: 191px;
  height: 168px;
  overflow: hidden;
  float: left;
}
.card_slide .card_slides .card_slides_left img {
  width: 100%;
}
.card_slide .card_slides .card_slides_right {
  width: 154px;
  float: left;
  height: 155px;
  background: #fff;
}
.card_slide .card_slides .card_slides_right p {
  font-size: 14px;
  margin-left: 11px;
  margin-top: 58px;
  margin-right: 15px;
  font-weight: 500;
  line-height: 20px;
}
/**
Splash screen logo animation style start
*/
.logowraper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f4f7f5;
  z-index: 999;
  animation-name: loaderbg;
  animation-duration: 3.3s;
  pointer-events: none;
}
.loader-logo {
  margin-top: 49vh;
  height: 35px;
  width: 225px;
  animation-name: fulllogos;
  animation-duration: 2s;
  margin-left: 91px;
}
.loader-logo .loground {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  margin-top: 0;
  position: absolute;
  z-index: 99;
  margin-left: 0;
  overflow: hidden;
  background: #00a10b;
  transform: scale(50);
  animation-name: logoicon;
  opacity: 0;
  animation-duration: 4s;
  pointer-events: none;
}
.loader-logo .loground .loground-inner {
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 100%;
  pointer-events: none;
}
.loader-logo .loground .loground-inner img {
  width: 60px;
  margin-top: -13px;
  opacity: 0;
  margin-left: -5px;
  animation-name: logowhite;
  animation-duration: 3s;
}
.loader-logo .log-text {
  margin-top: 5px;
  margin-left: 48px;
  animation-name: logotext;
  animation-duration: 2.5s;
  opacity: 0;
}
.headers {
  animation-name: heaadersec;
  animation-duration: 3.3s;
}
@keyframes heaadersec {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loaderbg {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fulllogos {
  0% {
    margin-left: 80px;
  }
  40% {
    margin-left: 160px;
  }
  100% {
    margin-left: 160px;
  }
}
@keyframes logoicon {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(50);
  }
}
@keyframes logowhite {
  0% {
    margin-left: -4px;
    opacity: 1;
  }
  40% {
    margin-left: -40px;
    opacity: 0;
  }
  100% {
    margin-left: -40px;
    opacity: 0;
  }
}
@keyframes logotext {
  0% {
    opacity: 1;
    margin-left: 48px;
  }
  40% {
    opacity: 0;
    margin-left: 68px;
  }
  100% {
    opacity: 0;
    margin-left: 68px;
  }
}
.welcome-intro {
  margin-top: 342px;
}
.welcome-intro .welcome-intro-profile {
  overflow: hidden;
  position: absolute;
  height: 60px;
  width: 60px;
  right: calc(50% - 30px);
  top: calc(304px - constant(safe-area-inset-top));
  top: calc(304px - env(safe-area-inset-top));
  border-radius: 100%;
}
.welcome-intro .welcome-intro-profile img {
  width: 100% !important;
  height: auto !important;
}
.welcome-intro .welcome-user-txt {
  position: absolute;
  top: calc(392px - constant(safe-area-inset-top));
  top: calc(392px - env(safe-area-inset-top));
  margin-left: 48px;
}
.welcome-intro .welcome-user-txt h1 {
  font-size: 32px;
  color: #000;
  font-weight: 800;
  line-height: 40px;
  position: relative;
  z-index: 2;
}
.welcome-intro .welcome-user-txt h1 span {
  color: #00a10b;
}
.welcome-intro .start-animate {
  width: 28px;
  height: 28px;
  right: 24px;
  top: constant(safe-area-inset-top);
  top: calc(env(safe-area-inset-top) + 12px);
  animation-name: introprofile;
  animation-duration: 3s;
}
.welcome-intro .intro-wave {
  margin: 0;
  position: absolute;
  top: calc(446px - constant(safe-area-inset-top));
  top: calc(446px - env(safe-area-inset-top));
  width: 100%;
  overflow: hidden;
}
.welcome-intro .intro-wave img {
  width: 2025px;
  margin-left: -19.7rem;
  margin-top: -7.6rem;
  animation-name: introwave;
  animation-duration: 0.8s;
  transform: rotate(-3deg);
}
@keyframes introwave {
  0% {
    margin-left: -64rem;
    margin-top: -5rem;
  }
  100% {
    margin-left: -19.7rem;
    margin-top: -7.6rem;
  }
}
@keyframes introprofile {
  0% {
    width: 60px;
    height: 60px;
    right: calc(50% - 30px);
    top: calc(304px - constant(safe-area-inset-top));
    top: calc(304px - env(safe-area-inset-top));
  }
  70% {
    width: 60px;
    height: 60px;
    right: calc(50% - 30px);
    top: calc(304px - constant(safe-area-inset-top));
    top: calc(304px - env(safe-area-inset-top));
  }
  100% {
    width: 28px;
    height: 28px;
    right: 24px;
    top: calc(constant(safe-area-inset-top));
    top: calc(env(safe-area-inset-top) + 12px);
  }
}
/* accounts card carousel styles start */
#accountsCarousel {
  height: 207px;
  transition: height 0.5s;
}
.add-transition {
  transition: all 0.5s;
}
.account-slide {
  margin-right: 20px;
}
.account-slide .card-wrapper {
  position: relative;
}
.account-slide .card-wrapper .acc-avl-balance {
  opacity: 0;
  bottom: 16px;
  left: 0;
  position: absolute;
  line-height: 14px;
}
.account-slide.slick-current .card-wrapper {
  transform: unset;
}
.account-slide.slick-current .card-wrapper .card-body {
  height: 161px;
  position: relative;
  /*width: 214px;*/
}
.account-slide.slick-current .card-wrapper .acc-avl-balance {
  opacity: 1 !important;
  left: 0;
  padding-left: 16px;
}
.account-slide.slick-current .card-wrapper .acc-info {
  min-width: 50% !important;
  white-space: nowrap;
}
#hTabBar {
  margin-bottom: 0;
}
.fixed #hTabBar {
  margin-bottom: 0;
}
.slick-list {
  overflow: unset;
}
/* accounts card carousel styles end */
/* notifications confirmation styles start */
.welcome-notificaion {
  position: fixed;
  z-index: 999;
  top: 0;
  height: 100vh;
  width: 100vw;
  transition: transform 1s;
  transform: scale(1);
  background-color: #f4f7f5;
}
.welcome-notificaion .notfi-text {
  padding: 30px 36px;
}
.welcome-notificaion .notfi-text h2 {
  font-size: 24px;
  color: #000;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 0;
}
.welcome-notificaion .notfi-text p {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.welcome-notificaion .notfileslider {
  margin: 0 auto;
  width: 20rem;
  margin-top: 279px;
  padding: 0;
  height: 246px;
}
.welcome-notificaion .notfileslider h1 {
  font-size: 33px;
  font-weight: 800;
  color: #fff;
  line-height: 40px;
}
.welcome-notificaion .notfileslider .slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 2rem;
}
.welcome-notificaion .notfileslider .slick-dots li {
  margin: 0;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  transition: width 1s;
}
.welcome-notificaion .notfileslider .slick-dots li span {
  width: 7px;
  float: left;
  height: 7px;
  background: #fff;
  border-radius: 15px;
  transition: width 1s;
  opacity: 0.5;
}
.welcome-notificaion .notfileslider .slick-dots li.slick-active {
  width: 19px;
}
.welcome-notificaion .notfileslider .slick-dots li.slick-active span {
  width: 19px;
  background: #fff;
  opacity: 1;
}
.welcome-notificaion .faceicon img {
  margin-left: 6.8rem;
  margin-top: 4.4rem;
}
.welcome-notificaion .notfiicon img {
  margin-left: 1.4rem;
  margin-top: 4.8rem;
}
.welcome-notificaion .notfiicon div {
  width: 15.6rem;
  overflow: hidden;
  margin-left: 3rem;
  margin-top: 32px;
}
.welcome-notificaion .notfi-screen {
  height: 536px;
  background: #00a10b;
  border-radius: 0 0 0 20px;
  transition: border-radius 0.5s;
  position: relative;
  overflow: hidden;
}
.welcome-notificaion .notfi-logo {
  position: absolute;
  left: 24px;
  top: 50px;
  width: 100px;
}
.welcome-notificaion .notifi-mobile {
  position: absolute;
  left: 2.4rem;
  bottom: -47rem;
  transition: bottom 0.5s;
}
.welcome-notificaion .notifi-mobile img {
  width: 20rem;
}
.welcome-notificaion .notifi-wave {
  width: 100%;
  overflow: hidden;
}
.welcome-notificaion .notifi-wave img {
  width: 141rem;
  margin-left: -17rem;
  margin-top: 9.8rem;
  transition: margin-left 0.5s;
  position: absolute;
}
.welcome-notificaion .notfi-actions {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 48px 36px;
  padding: 48px 36px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.welcome-notificaion .notfi-actions a {
  border-radius: 100px;
  padding: 0.7rem 39px;
  background: #1da10b;
  min-width: 8.8rem;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  border: 2px solid #1da10b;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  float: right;
}
.welcome-notificaion .notfi-actions a.linebutton {
  float: left;
  background: #f4f7f5;
  border: 0.1rem solid #1da10b;
  color: #1da10b !important;
}
/* notifications confirmation styles end */
.mySwiper {
  width: 600px;
  overflow: visible;
}
.mySwiper .swiper-slide {
  -webkit-transform-origin-y: top;
}
.mySwiper .swiper-slide .menu-cards {
  -webkit-transform-origin-y: top;
}
.mySwiper .swiper-slide-next-next .menu-cards {
  -webkit-transform-origin-x: left;
}
.mySwiper .swiper-slide-prev-prev .menu-cards {
  -webkit-transform-origin-x: right;
}
.mySwiper .swiper {
  width: 100%;
  height: 300px;
}
.mySwiper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 144px;
  height: 198px;
}
.mySwiper2 {
  pointer-events: none;
}
.mySwiper2 .swiper {
  width: 100%;
}
.mySwiper2 .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 144px;
  height: 118px;
  background: -webkit-gradient(0deg, rgb(244, 247, 245) 67%, rgba(244, 247, 245, 0) 100%); /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
  background: linear-gradient(0deg, rgb(244, 247, 245) 67%, rgba(244, 247, 245, 0) 100%);
  padding-top: 20px;
  margin-top: -20px;
  pointer-events: none;
}
/*.MakeRelative{
    height: calc(100vh - 140px);
    overflow: hidden;
}*/
.info-popup-wrap {
  height: 100vh;
  width: 100vw;
  background-color: #f4f7f5;
  position: absolute;
  top: 0;
  z-index: 100;
}
.info-popup-wrap .info-popup {
  height: 80vh;
  background-color: #00a10b;
  border-radius: 0 0 20px 0;
  background-size: auto;
  background-position: -107.4666666667vw 14.7783251232vh;
  background-repeat: no-repeat;
}
.info-popup-wrap .info-popup .logo {
  padding-top: calc(constant(safe-area-inset-top));
  padding-top: calc(env(safe-area-inset-top));
}
.info-popup-wrap .info-popup h1 {
  font-size: 32px;
  font-weight: 800;
  color: #ffffff;
  padding: 187px 0px 14px 10px;
}
.info-popup-wrap .info-popup p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 0px;
  padding: 0px 50px 0px 10px;
}
.info-popup-wrap .info-popup-right-arrow {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: #00a10b;
  position: absolute;
  right: 36px;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  text-align: center;
}
.info-popup-wrap .info-popup-right-arrow:before {
  font-family: "icomoon";
  content: "\e911";
  font-size: 12px;
  line-height: 45px;
  color: #fff;
  font-weight: bold;
}
.acc-opening-overview {
  background-color: #f4f7f5;
}
.acc-opening-overview .overview-toplogo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 15px;
}
.acc-opening-overview .overview-tipps {
  padding: 0 24px 10px;
  display: flex;
  justify-content: space-between;
}
.acc-opening-overview .overview-tipps-heading h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 0px;
}
.acc-opening-overview .overview-tipps-close {
  margin-right: 1.6009852217vh;
}
.acc-opening-overview .overview-tipps-close a {
  margin-bottom: 0px;
  text-decoration: none;
  transform: rotate(45deg);
  display: inline-block;
}
.acc-opening-overview .overview-tipps-close a::before {
  color: #00a10b;
  content: "\e913";
  font-family: "icomoon";
  font-size: 1rem;
  line-height: 1;
}
.acc-opening-overview .overview-img-carousel ul {
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  padding: 0;
}
.acc-opening-overview .overview-img-carousel ul li {
  list-style-type: none;
  margin-left: 20px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 135px;
  flex: 0 0 120px;
}
.acc-opening-overview .overview-img-carousel ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -44px 34px -8px rgba(0, 0, 0, 0.75);
  overflow: hidden;
}
.acc-opening-overview .overview-img-carousel ul li img {
  width: 120px;
  height: 140px;
}
.acc-opening-overview .overview-img-carousel ul li h5 {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.acc-opening-overview .overview-first-account {
  padding: 26px 15px 20px 15px;
}
.acc-opening-overview .overview-first-account h2 {
  font-size: 19px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 15px;
}
.acc-opening-overview .overview-first-account .card {
  background-color: #ffffff;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1607843137);
  border-radius: 12px;
  text-align: center;
}
.acc-opening-overview .overview-first-account .card .add-icon {
  padding-top: 37px;
}
.acc-opening-overview .overview-first-account .card .add-icon:after {
  color: #00a10b;
  font-size: 40px;
  font-weight: 800;
  content: "\e913";
  font-family: "icomoon";
  font-size: 23px;
  line-height: 1;
}
.acc-opening-overview .overview-first-account .card .content {
  padding-bottom: 16px;
  padding-top: 10px;
}
.acc-opening-overview .overview-first-account .card .content p {
  font-size: 10px;
  color: #00a10b;
}
.acc-opening-overview .overview-first-account .total-balance {
  margin-top: 26px;
  text-align: center;
}
.acc-opening-overview .overview-first-account .total-balance .content p {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0px;
}
.acc-opening-overview .overview-first-account .total-balance .money {
  margin-top: 5px;
}
.acc-opening-overview .overview-first-account .total-balance .money h2 {
  font-size: 25px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0px;
}
.acc-opening-overview .overview-first-account .total-balance .money h2 span {
  font-weight: lighter;
  color: #656565;
}
.acc-opening-overview .overview-customers {
  padding: 0 24px;
}
.acc-opening-overview .overview-customers h2 {
  font-size: 19px;
  font-weight: 700;
  color: #000000;
}
.acc-opening-overview .overview-customers p {
  font-size: 14px;
  font-weight: 500;
  color: #656565;
}
.acc-opening-overview .overview-customers img {
  float: right;
}
.acc-opening-overview .overview-flexmoney-card {
  padding: 0 24px;
  position: relative;
  margin-top: 1rem;
  padding-bottom: 70px;
  background: rgb(244, 247, 245);
  background: linear-gradient(176deg, rgb(244, 247, 245) 0%, rgb(255, 255, 255) 100%);
  border-radius: 30px;
  margin-bottom: 50px;
}
.acc-opening-overview .overview-flexmoney-card .first-card {
  border-radius: 20px;
  padding: 20px 20px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1607843137);
}
.acc-opening-overview .overview-flexmoney-card .first-card h1 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bolder;
  color: #000000;
}
.acc-opening-overview .overview-flexmoney-card .first-card p {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card {
  padding: 10px;
  border-radius: 9px;
  background-color: #ffffff;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1607843137);
  width: 188px;
  transform: rotate(-24deg);
  transform-origin: top left;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card .wrapper {
  display: flex;
  align-items: center;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card .wrapper .sber-logo {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: #00a10b;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card .wrapper .logo-content p {
  margin-left: 10px;
  font-size: 8px;
  color: #656565;
  margin-bottom: 0px;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card h1 {
  font-size: 10px;
  font-weight: bold;
  color: #0b0b0b;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card p {
  font-size: 10px;
  font-weight: bold;
  color: #0b0b0b;
  margin-bottom: 0;
}
.acc-opening-overview .overview-flexmoney-card .first-card .rotate-card p span {
  font-size: 10px;
  color: #656565;
  font-weight: lighter;
}
/*
Open Account landing styles 
*/
.overview {
  background-color: #f4f7f5;
}
.overview .overview-toplogo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 15px;
}
.overview .overview-tipps {
  padding: 0px 15px 10px;
  display: flex;
  justify-content: space-between;
}
.overview .overview-tipps-heading h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 0px;
}
.overview .overview-tipps-close {
  margin-right: 13px;
}
.overview .overview-tipps-close a {
  margin-bottom: 0px;
  text-decoration: none;
  transform: rotate(45deg);
  display: inline-block;
}
.overview .overview-tipps-close a::before {
  color: #00a10b;
  content: "\e913";
  font-family: "icomoon";
  font-size: 1rem;
  line-height: 1;
}
.overview .overview-img-carousel ul {
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  padding: 0;
  margin: 0;
}
.overview .overview-img-carousel ul li {
  list-style-type: none;
  margin-left: 20px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 140px;
  flex: 0 0 120px;
}
.overview .overview-img-carousel ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -44px 34px -8px rgba(0, 0, 0, 0.75);
  overflow: hidden;
}
.overview .overview-img-carousel ul li img {
  width: 120px;
  height: 140px;
}
.overview .overview-img-carousel ul li h5 {
  position: absolute;
  bottom: 9px;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.overview .overview-first-account {
  padding: 5.6650246305vh 6.4vw 2.4630541872vh 6.4vw;
}
.overview .overview-first-account h2 {
  font-size: 19px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.8472906404vh;
}
.overview .overview-first-account .card {
  background-color: #ffffff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  border-radius: 12px;
  text-align: center;
}
.overview .overview-first-account .card .add-icon {
  padding-top: 37px;
}
.overview .overview-first-account .card .add-icon:after {
  color: #00a10b;
  font-size: 40px;
  font-weight: 800;
  content: "\e913";
  font-family: "icomoon";
  font-size: 23px;
  line-height: 1;
}
.overview .overview-first-account .card .content {
  padding-bottom: 3.078817734vh;
  padding-top: 1.9704433498vh;
}
.overview .overview-first-account .card .content p {
  font-size: 10px;
  color: #00a10b;
}
.overview .overview-first-account .total-balance {
  margin-top: 26px;
  text-align: center;
}
.overview .overview-first-account .total-balance .content p {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0px;
}
.overview .overview-first-account .total-balance .money {
  margin-top: 5px;
}
.overview .overview-first-account .total-balance .money h2 {
  font-size: 25px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0px;
}
.overview .overview-first-account .total-balance .money h2 span {
  font-weight: lighter;
  color: #656565;
}
.overview .overview-customers {
  padding: 0 24px;
}
.overview .overview-customers h2 {
  font-size: 19px;
  font-weight: 700;
  color: #000000;
}
.overview .overview-customers p {
  font-size: 14px;
  font-weight: 500;
  color: #656565;
  line-height: 22px;
  letter-spacing: -0.14px;
}
.overview .overview-customers img {
  float: right;
}
.overview .overview-flexmoney-card {
  position: relative;
  margin-top: 1rem;
  background: rgb(244, 247, 245);
  background: linear-gradient(176deg, rgb(244, 247, 245) 0%, rgb(255, 255, 255) 100%);
  border-radius: 30px;
  margin-bottom: 30px;
}
.overview .overview-flexmoney-card .product-card-wrapper {
  /*padding: 0 toRem(20) toRem(70);*/
  padding-bottom: 70px;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel {
  width: 100%;
  margin-bottom: 80px;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel .slick-dots {
  position: absolute;
  width: 100%;
  list-style: none;
  display: block;
  text-align: center;
  padding: 28px 0px 0px 0px;
  margin: 0px;
  height: 2rem;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel .slick-dots li {
  display: inline-block;
  margin: 0px 2px;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel .slick-dots li span {
  width: 7px;
  height: 7px;
  background: #8d8d8d;
  display: inline-block;
  border-radius: 7px;
  transition: width 1s;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel .slick-dots li.slick-active span {
  width: 21px;
  background: #00a10b;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel .slick-slide {
  transition: width 0.3s;
}
.overview .overview-flexmoney-card .product-card-wrapper .carousel .slick-list {
  margin: 0 55px 0 65px;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card {
  border-radius: 20px;
  padding: 20px 20px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  margin: 20px;
  margin-left: 0;
  flex: 0 0 80%;
  margin-top: -25px;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card:last-child {
  margin-right: 0;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card h1 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bolder;
  color: #000000;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card p {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card {
  padding: 16px;
  border-radius: 9px;
  background-color: #ffffff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  width: 188px;
  transform: rotate(-15deg);
  transform-origin: top left;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card .wrapper {
  display: flex;
  align-items: center;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card .wrapper .sber-logo {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: #00a10b;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card .wrapper .logo-content p {
  margin-left: 10px;
  font-size: 8px;
  color: #656565;
  margin-bottom: 0px;
  white-space: nowrap;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card h1 {
  font-size: 10px;
  font-weight: bold;
  color: #0b0b0b;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card .sticker-title,
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card .sticker-highlight {
  font-size: 10px !important;
  font-weight: 800;
  margin-bottom: 0;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card .sticker-title {
  margin-top: 10px;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card p {
  font-size: 10px;
  font-weight: bold;
  color: #0b0b0b;
  margin-bottom: 0;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .rotate-card p span {
  font-size: 10px;
  color: #656565;
  font-weight: lighter;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .product-details .field-title {
  font-size: 14px !important;
}
.overview .overview-flexmoney-card .product-card-wrapper .product-card .product-details .field-title + p {
  font-size: 14px;
  font-weight: 500;
}
.overview .overview-flexmoney-card + .group-default {
  margin-bottom: 50px;
}
/* New Account Types Styles */
.new-account-types-wrapper {
  position: absolute;
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
  width: 100%;
  background-color: #f4f7f5;
}
.new-account-types-wrapper .open-account-header {
  position: relative;
  display: block;
  padding-bottom: 30px;
}
.new-account-types-wrapper .open-account-header h2 {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
}
.new-account-types-wrapper .open-account-header a {
  position: absolute;
  text-decoration: none;
  left: 25px;
}
.new-account-types-wrapper .open-account-list {
  margin-right: 20px;
}
.new-account-types-wrapper .bgkwave {
  position: absolute;
  left: -735px;
  transform: scale(1.5);
  top: 180px;
  z-index: 0;
}
.new-account-types-wrapper .open-account-card {
  max-width: 286px;
  position: relative;
  background: #fff;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  height: 540px;
  margin-bottom: 26px;
}
.new-account-types-wrapper .open-account-card .open-account-img {
  overflow: hidden;
  height: 312px;
  border-radius: 0 0 0 0;
}
.new-account-types-wrapper .open-account-card .open-account-img img {
  height: 100%;
  width: auto;
  /*max-width: fit-content;
  max-height: fit-content;*/
}
.new-account-types-wrapper .open-account-card .open-account-img a {
  position: absolute;
  top: 3.3rem;
  text-decoration: none;
  display: none;
  left: 24px;
}
.new-account-types-wrapper .open-account-card .open-account-img h1 {
  position: absolute;
  top: 13px;
  padding-left: 20px;
  font-size: 32px;
  font-weight: 800;
  color: #ffffff;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper {
  padding: 0px 20px;
  padding-bottom: 10px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .crd-show {
  display: none !important;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .bottom-ac {
  display: block;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper a {
  color: #00a10b;
  text-align: right;
  text-decoration: none;
  font-size: 14px;
  display: block;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper h2 {
  font-size: 19px;
  font-weight: 800;
  color: #000000;
  margin-top: 19px;
  margin-bottom: 4px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .features-list {
  margin: 15px 0px 25px 0px;
  padding-left: 36px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .features-list li {
  list-style-type: none;
  font-size: 16px;
  font-weight: 800;
  color: #000000;
  margin-top: 23px;
  line-height: 20px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .features-list li svg {
  float: left;
  width: 42px;
  margin-right: 17px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper p {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .option-list {
  padding: 0px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .option-list li {
  list-style-type: none;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 33px;
  border-top: 2px solid #eeeeee;
  padding: 20px 0px;
  padding-bottom: 10px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .option-list li svg {
  margin-right: 13px;
}
.new-account-types-wrapper .open-account-card .open-account-wrapper .option-list li:first-child {
  border: none;
}
.new-account-types-wrapper .slick-dotted.slick-slider {
  margin-bottom: 42px;
}
.new-account-types-wrapper .slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 7px;
  padding-right: 0;
  z-index: 9999;
}
.new-account-types-wrapper .slick-dots li {
  margin: 0;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  transition: width 1s;
}
.new-account-types-wrapper .slick-dots li span {
  width: 7px;
  float: left;
  height: 7px;
  background: #bebfbe;
  border-radius: 15px;
  transition: width 1s;
}
.new-account-types-wrapper .slick-dots li.slick-active {
  width: 19px;
}
.new-account-types-wrapper .slick-dots li.slick-active span {
  width: 19px;
  background: #00a10b;
}
.new-account-types-wrapper .slick-slide {
  transition: width 0.3s;
}
.new-account-types-wrapper .slick-list {
  margin: 0 45px;
}
.new-account-types-wrapper.slidefull-view .open-account-header {
  margin-top: -87px;
}
.new-account-types-wrapper.slidefull-view .open-account-wrapper {
  padding: 0rem 35px;
}
.new-account-types-wrapper.slidefull-view .open-account-wrapper h2 {
  font-size: 23px;
  margin-top: 30px;
  margin-bottom: 10px;
  letter-spacing: 0.48px !important;
  line-height: 28px;
}
.new-account-types-wrapper.slidefull-view .open-account-wrapper p {
  line-height: 21px;
}
.new-account-types-wrapper.slidefull-view .slick-track {
  margin: 0 -44px;
  transform: inherit !important;
}
.new-account-types-wrapper.slidefull-view .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.new-account-types-wrapper.slidefull-view .bottom-ac {
  display: none;
}
.new-account-types-wrapper.slidefull-view .open-account-card {
  border-radius: 0;
  height: 100vh;
  overflow-y: scroll;
  width: 100%;
  max-width: 100%;
}
.new-account-types-wrapper.slidefull-view .open-account-card .crd-show {
  display: block !important;
}
.new-account-types-wrapper.slidefull-view .open-account-card .open-ac-link {
  display: none;
}
.new-account-types-wrapper.slidefull-view .open-account-card .open-account-img {
  border-radius: 0px 0px 20px 20px;
  height: 406px;
}
.new-account-types-wrapper.slidefull-view .open-account-card .open-account-img h1 {
  top: 121px;
  left: 15px;
}
.new-account-types-wrapper.slidefull-view .open-account-card .open-account-img img {
  height: 50vh;
}
.btn-wrapper {
  text-align: center;
  margin: 20px 0;
}
.btn-default {
  margin-right: 1rem;
  padding: 20px 60px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  color: #111112;
  font-weight: 500;
}
.btn-default span {
  opacity: 0.5;
}
.button:last-child {
  margin-right: 0;
}
.filled-button {
  background-color: #00a10b;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  padding: 12px 29px;
  border-radius: 23px;
  border: none;
  display: block;
  margin: 35px auto;
  position: relative;
  z-index: 1;
}
.desc-text {
  font-weight: 500;
}
/* New Account Summary Styles*/
.new-account-summary-wrapper .na-summary-img {
  width: 100%;
  height: 50%;
}
.new-account-summary-wrapper .na-summary-img img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0 0 20px 20px;
}
.new-account-summary-wrapper section {
  margin: 0 30px;
}
.new-account-summary-wrapper section .field-title {
  font-size: 30px !important;
  line-height: 36px;
}
.new-account-summary-wrapper section li {
  margin: 10px 0;
}
.new-account-summary-wrapper section li.field-title {
  margin: 10px 0;
  font-size: 16px !important;
}
/* Account Open wizard styles*/
.ao-wizard-wrapper {
  margin: 0 36px;
}
.ao-wizard-wrapper .joint-user-wizard {
  margin: 60px 0;
}
.ao-wizard-wrapper .joint-user-wizard .field-title {
  font-size: 32px !important;
  line-height: 36px;
}
.ao-wizard-wrapper .joint-user-wizard .desc-text {
  margin: 30px 0;
}
.ao-wizard-wrapper .joint-user-form .form-element {
  margin: 20px 0;
}
.ao-wizard-wrapper .joint-user-form .form-element input {
  background-color: #ffffff;
  box-shadow: 0 3px 29px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none;
  height: 59px;
  padding-left: 1.6rem;
  position: relative;
  caret-color: #00a10b;
  padding-right: 1.6rem;
  width: 100%;
}
/* Selfie styles */
.camera-preview-mode {
  background-color: transparent;
}
.preview-overlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}
.preview-overlay .overlay-wraper {
  width: 100%;
  height: 100%;
}
.preview-overlay .overlay-wraper .face-oval-frame {
  border: 5px solid #00a10b;
  width: 190px;
  height: 270px;
  border-radius: 60% 60% 60% 60%/45% 45% 75% 75%;
  /*border-radius: 50% 50% 50% 50%/50% 50% 60% 60%;*/
  position: fixed;
  left: 0;
  right: 0;
  top: -10%;
  bottom: 0;
  margin: auto;
  box-shadow: 0 0 500px 5000px rgba(0, 0, 0, 0.8);
}
.preview-overlay .overlay-wraper .cphelp-text-wrapper {
  position: absolute;
  left: 0;
  top: constant(safe-area-inset-top);
  top: env(safe-area-inset-top);
  color: white;
  padding: 30px;
}
.preview-overlay .overlay-wraper .cphelp-text-wrapper h1 {
  font-size: 32px;
  font-weight: 800;
  color: #ffffff;
}
.preview-overlay .overlay-wraper .cphelp-text-wrapper p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.preview-overlay .overlay-wraper .gallery-button {
  background: transparent;
  padding: 10px 10px 10px 30px;
  margin: 0;
  position: absolute;
  bottom: 43px;
  left: 0;
  color: #ffffff;
}
.preview-overlay .overlay-wraper .capture-button {
  width: 56px;
  height: 56px;
  background: silver;
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
}
.preview-overlay .overlay-wraper .capture-button:after {
  content: "";
  position: absolute;
  width: 74px;
  height: 74px;
  border: 1px solid silver;
  border-radius: 50%;
  top: -9px;
  left: -9px;
}
.preview-overlay .preview-wrapper {
  width: 100%;
  height: 100%;
}
.preview-overlay .preview-wrapper .image-preview {
  width: 252px;
  height: 252px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 25% auto;
}
.preview-overlay .preview-wrapper .image-preview img {
  width: auto;
  height: auto;
  max-width: 100%;
  /*max-height: 100%;
  border-radius: 50%;*/
  clip-path: circle();
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.preview-overlay .preview-wrapper button {
  margin: 0 20px;
}
.accoutlistbottom.fx {
  height: calc(100vh - 310px);
  padding-bottom: 100px;
  overflow-y: scroll;
}
.account-slide.slick-current .card-wrapper .card-body {
  margin-left: 0px;
}
.app-transactions .main-header,
.app-cards .main-header,
.app-family-banking .main-header {
  z-index: 9;
}
.backupbuton {
  position: fixed;
  top: 19px;
  left: 31px;
  opacity: 0;
  transition: opacity 1s;
  pointer-events: none;
}
.crd-searchicon {
  position: fixed;
  right: 27px;
  z-index: 99;
  top: 18px;
  opacity: 0;
  transition: opacity 1s;
  pointer-events: none;
}
#recentTrxHistory .slick-slide {
  opacity: 0.3;
}
#recentTrxHistory .slick-slide.slick-current {
  opacity: 1 !important;
}
app-push-notification-enable .notfileslider {
  margin-top: 239px;
  height: 286px;
}
app-push-notification-enable .slick-initialized .slick-slide {
  height: 280px;
}
app-push-notification-enable .slick-dots {
  pointer-events: none;
}
app-push-notification-enable .slick-dots li {
  pointer-events: intial;
}
#sessonsoon {
  width: 100%;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(11px);
  display: none;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}
#sessonsoon .sesssionpop {
  margin: 0 auto;
  max-width: 322px;
  display: block;
  margin-top: 132px;
  height: 548px;
  border-radius: 20px;
  padding: 0 35px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
#sessonsoon .sesssionpop .clsbutton {
  float: right;
  transform: scale(1.5);
  margin-top: 23px;
  margin-right: -8px;
  background: none;
  padding: 0;
}
#sessonsoon .sesssionpop .sessionstaion {
  width: 100%;
  float: left;
  margin-top: 56px;
  text-align: center;
  margin-bottom: 77px;
}
#sessonsoon .sesssionpop .sessionsettxt {
  float: left;
  margin-bottom: 34px;
}
#sessonsoon .sesssionpop .sessionsettxt h3 {
  letter-spacing: -0.19px;
  color: #111112;
  font-weight: 800;
  font-size: 19px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 24px;
}
#sessonsoon .sesssionpop .sessionsettxt p {
  letter-spacing: -0.64px !important;
  margin-bottom: 55px;
}
#sessonsoon .sesssionpop .sessionsettxt p span {
  font-weight: 800;
  color: #00a10b;
}
#sessonsoon .sesssionpop .sessionsettxt a {
  display: block;
  text-align: center;
  width: 100px;
  margin: 0 auto;
}
#sessonsoon .sesssionpop .buttonsbom {
  display: block;
  clear: both;
  width: 160px;
  margin: 0 auto;
  height: 44px;
  border-radius: 25px;
  background: #00a10b;
  text-align: center;
  line-height: 44px;
  color: #fff !important;
  font-weight: 800;
}
/*  Accounts PAGE 2nd popup  */
.fullbgblu {
  width: 100%;
  position: fixed;
  background: rgba(149, 149, 149, 0.6117647059);
  backdrop-filter: blur(11px);
  display: none;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99;
  overflow: hidden;
}
.fullbgblu .iban-dtls {
  display: flex;
  align-items: center;
}
.fullbgblu .iban-dtls .iban-no {
  color: #656565;
  font-size: 10px;
  font-weight: 500;
  line-height: 7px;
  margin-top: -4px;
  white-space: nowrap;
}
.fullbgblu .iban-dtls .brand-logo {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  margin-left: 1px;
}
.fullbgblu .iban-dtls .brand-logo img {
  width: 24px;
}
.fullbgblu .acc-info {
  margin-top: 19px;
  width: 60%;
  white-space: nowrap;
}
.fullbgblu .acc-info .acc-name {
  color: #656565;
  font-size: 12px;
  display: block;
  line-height: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fullbgblu .acc-info .balance {
  color: #0b0b0b;
  font-size: 17px;
  font-weight: 800;
  line-height: 20px;
}
.fullbgblu .acc-info .currency {
  font-weight: 400;
  color: #0b0b0b;
  font-size: 17px;
  line-height: 20px;
}
.fullbgblu .acc-avl-balance {
  color: #656565;
  font-size: 0.8rem;
  font-weight: 300;
  padding-left: 16px;
  right: 15px;
  position: absolute;
  margin-top: -32px;
  text-align: right;
}
.fullbgblu .acc-avl-balance .avl-balance-lbl,
.fullbgblu .acc-avl-balance .balance,
.fullbgblu .acc-avl-balance .currency,
.fullbgblu .acc-avl-balance .next-sue-date {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.fullbgblu .acc-avl-balance .avl-balance-lbl {
  display: block;
}
.fullbgblu .acc-avl-balance .currency {
  padding-left: 3px;
  font-weight: inherit;
}
.popbuttonset {
  /* display: none; */
  border-top: 1px solid #eeeeee;
  position: absolute;
  z-index: 999999;
  pointer-events: all;
  background: #fff;
  width: 280px;
  border-radius: 20px;
  left: calc(50% - 140px);
  top: calc(constant(safe-area-inset-top) + 60px);
  top: calc(env(safe-area-inset-top) + 60px);
  padding-bottom: 16px;
}
.popbuttonset .card-body {
  padding: 0.7rem 0.9rem;
  border-bottom: 1px solid #ccc;
}
.popbuttonset .closebv {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  position: absolute;
  text-align: center;
  z-index: 9999;
  line-height: 40px;
  left: calc(50% - 20px);
  bottom: -21px;
}
.popbuttonset a {
  display: block;
  margin: 0 auto;
  margin-top: 26px;
  width: 165px;
  height: 47px;
  border-radius: 20px;
  background: #1da10b;
  line-height: 47px;
  text-align: center;
  font-size: 17px;
  font-weight: 800;
  color: #fff !important;
  margin-bottom: 3px;
}
.popbuttonset p {
  font-size: 11px;
  width: 100%;
  text-align: center;
  margin-top: 7px;
  margin-bottom: 20px;
  letter-spacing: 1px !important;
  color: #bebfbe;
  font-weight: 500;
}
.popbuttonset ul.icolist2.icolist {
  margin-top: 32px;
}
.popbuttonset ul.icolist {
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
  width: 240px;
  float: left;
  display: block;
  margin-left: 20px;
}
.popbuttonset ul.icolist li {
  float: left;
  width: 50%;
  font-size: 13px;
  text-align: center;
  color: #1da10b;
  margin-bottom: 22px;
  font-weight: 500;
}
.popbuttonset ul.icolist li svg {
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.popbuttonset .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.popbuttonset .slick-dots {
  position: absolute;
  bottom: 28px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 7px;
  padding-right: 0;
  z-index: 9999;
}
.popbuttonset .slick-dots li {
  margin: 0;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  transition: width 1s;
}
.popbuttonset .slick-dots li span {
  width: 7px;
  float: left;
  height: 7px;
  background: #bebfbe;
  border-radius: 15px;
  transition: width 1s;
}
.popbuttonset .slick-dots li.slick-active {
  width: 19px;
}
.popbuttonset .slick-dots li.slick-active span {
  width: 19px;
  background: #00a10b;
}
/*  Accounts PAGE 2nd popup  end */
.fullbgblur {
  width: 100%;
  position: fixed;
  background: rgba(149, 149, 149, 0.61);
  backdrop-filter: blur(11px);
  display: none;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99;
  overflow: hidden;
}
.fullbgblur .iban-dtls {
  display: flex;
  align-items: center;
}
.fullbgblur .iban-dtls .iban-no {
  color: #656565;
  font-size: 10px;
  font-weight: 500;
  line-height: 7px;
  margin-top: -4px;
  white-space: nowrap;
}
.fullbgblur .iban-dtls .brand-logo {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  margin-left: 1px;
}
.fullbgblur .iban-dtls .brand-logo img {
  width: 24px;
}
.fullbgblur .acc-info {
  margin-top: 19px;
  width: 60%;
  white-space: nowrap;
}
.fullbgblur .acc-info .acc-name {
  color: #656565;
  font-size: 12px;
  display: block;
  line-height: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fullbgblur .acc-info .balance {
  color: #0b0b0b;
  font-size: 17px;
  font-weight: 800;
  line-height: 20px;
}
.fullbgblur .acc-info .currency {
  font-weight: 400;
  color: #0b0b0b;
  font-size: 17px;
  line-height: 20px;
}
.fullbgblur .acc-avl-balance {
  color: #656565;
  font-size: 0.8rem;
  font-weight: 300;
  padding-left: 16px;
  right: 15px;
  position: absolute;
  margin-top: -32px;
  text-align: right;
}
.fullbgblur .acc-avl-balance .avl-balance-lbl,
.fullbgblur .acc-avl-balance .balance,
.fullbgblur .acc-avl-balance .currency,
.fullbgblur .acc-avl-balance .next-sue-date {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.fullbgblur .acc-avl-balance .avl-balance-lbl {
  display: block;
}
.fullbgblur .acc-avl-balance .currency {
  padding-left: 3px;
  font-weight: inherit;
}
.popbuttonset {
  /* display: none; */
  border-top: 1px solid #eeeeee;
  position: absolute;
  z-index: 999999;
  pointer-events: all;
  background: #fff;
  width: 280px;
  border-radius: 20px;
  left: calc(50% - 140px);
  top: calc(constant(safe-area-inset-top) + 60px);
  top: calc(env(safe-area-inset-top) + 60px);
  padding-bottom: 16px;
}
.popbuttonset .card-body {
  padding: 0.7rem 0.9rem;
  border-bottom: 1px solid #ccc;
}
.popbuttonset .closebv {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background: #fff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  position: absolute;
  text-align: center;
  z-index: 9999;
  line-height: 40px;
  left: calc(50% - 20px);
  bottom: -21px;
}
.popbuttonset a {
  display: block;
  margin: 0 auto;
  margin-top: 26px;
  width: 165px;
  height: 47px;
  border-radius: 20px;
  background: #1da10b;
  line-height: 47px;
  text-align: center;
  font-size: 17px;
  font-weight: 800;
  color: #fff !important;
  margin-bottom: 3px;
}
.popbuttonset p {
  font-size: 11px;
  width: 100%;
  text-align: center;
  margin-top: 7px;
  margin-bottom: 20px;
  letter-spacing: 1px !important;
  color: #bebfbe;
  font-weight: 500;
}
.popbuttonset ul.icolist2.icolist {
  margin-top: 32px;
}
.popbuttonset ul.icolist {
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
  width: 240px;
  float: left;
  display: block;
  margin-left: 20px;
}
.popbuttonset ul.icolist li {
  float: left;
  width: 50%;
  font-size: 13px;
  text-align: center;
  color: #1da10b;
  margin-bottom: 22px;
  font-weight: 500;
}
.popbuttonset ul.icolist li svg {
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.popbuttonset .slick-dots {
  position: absolute;
  bottom: 28px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 7px;
  padding-right: 0;
  z-index: 9999;
}
.popbuttonset .slick-dots li span {
  width: 7px;
  float: left;
  height: 7px;
  background: #bebfbe;
  border-radius: 15px;
  transition: width 1s;
}
.popbuttonset .slick-dots li.slick-active {
  width: 19px;
}
.popbuttonset .slick-dots li.slick-active span {
  width: 19px;
  background: #00a10b;
}
.form-section h3 {
  font-weight: 800;
  line-height: 40px;
  font-size: 32px;
  color: #000000;
  padding-top: 17.3333333333vw;
  margin-bottom: 20px;
}
.form-section span.min {
  color: #00a10b;
  float: right;
}
.form-section p {
  margin-bottom: 27px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.warning-popup-win,
.forgot-login-popup-win {
  width: 100%;
  position: fixed;
  backdrop-filter: blur(8px);
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.warning-popup-win .sesssionpop,
.forgot-login-popup-win .sesssionpop {
  margin: 0 auto;
  max-width: 322px;
  display: block;
  border-radius: 20px;
  padding: 96px 36px 45px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  position: relative;
}
.warning-popup-win .sesssionpop .clsbutton,
.forgot-login-popup-win .sesssionpop .clsbutton {
  transform: scale(1.5);
  background: none;
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
}
.warning-popup-win .sesssionpop .sessionstaion,
.forgot-login-popup-win .sesssionpop .sessionstaion {
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 0 auto 78px;
}
.warning-popup-win .sesssionpop .sessionstaion.watchicon svg,
.forgot-login-popup-win .sesssionpop .sessionstaion.watchicon svg {
  margin-top: -20px;
}
.warning-popup-win .sessionsettxt,
.forgot-login-popup-win .sessionsettxt {
  margin-bottom: 32px;
}
.warning-popup-win .sessionsettxt h3,
.forgot-login-popup-win .sessionsettxt h3 {
  color: #111112;
  font-weight: 800;
  font-size: 19px;
  line-height: 24px;
  margin: 0 0 5px 0;
}
.warning-popup-win .sessionsettxt p,
.forgot-login-popup-win .sessionsettxt p {
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.warning-popup-win .buttonsbom,
.forgot-login-popup-win .buttonsbom {
  display: block;
  clear: both;
  width: 160px;
  margin: 0 auto;
  height: 44px;
  border-radius: 25px;
  background: none;
  border: 2px solid #00a10b;
  text-align: center;
  line-height: 44px;
  color: #00a10b !important;
  font-weight: 800;
}
.warning-popup-win .buttonsbom.grybtn,
.forgot-login-popup-win .buttonsbom.grybtn {
  background: #bebfbe;
  pointer-events: none;
}
#greenifyExceed {
  width: 100%;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(11px);
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
#greenifyExceed > div {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#greenifyExceed .sesssionpop {
  margin: 0 !important;
  max-width: unset;
  width: max(400px, 31.25vw) !important;
  height: max(474px, 37.03125vw) !important;
  margin-top: max(132px, 16.5vh);
  border-radius: 20px;
  padding: 0 0px !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: unset;
  left: unset;
}
#greenifyExceed .sesssionpop .clsbutton {
  position: absolute;
  top: max(36px, 2.8125vw);
  right: max(36px, 2.8125vw);
  transform: none;
  margin: 0px !important;
  background: none;
}
#greenifyExceed .sesssionpop .clsbutton svg {
  width: max(16px, 1.25vw);
  height: max(16px, 1.25vw);
}
#greenifyExceed .sesssionpop .sessionstaion {
  position: relative;
  float: none;
  margin: unset;
  margin-top: max(97px, 7.578125vw);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#greenifyExceed .sesssionpop .sessionstaion svg {
  width: max(60px, 4.6875vw);
  height: max(52.85px, 4.12890625vw);
}
#greenifyExceed .sesssionpop .sessionsettxt {
  position: relative;
  float: none;
  margin-bottom: unset;
  margin-top: max(22.5px, 1.7578125vw);
  align-self: center;
  width: max(255px, 19.921875vw);
}
#greenifyExceed .sesssionpop .sessionsettxt h3 {
  letter-spacing: -0.19px;
  color: #111112;
  font-weight: 900;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: max(24px, 1.875vw);
  letter-spacing: -0.1px !important;
  text-align: center;
}
#greenifyExceed .sesssionpop .sessionsettxt p {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.1px !important;
  margin-bottom: max(57px, 4.453125vw);
}
#greenifyExceed .sesssionpop .sessionsettxt p span {
  font-weight: 900;
  color: #00a10b;
}
#greenifyExceed .sesssionpop .sessionsettxt a {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #00a10b;
  display: block;
  text-align: center;
  width: max(100px, 7.8125vw);
  margin: 0 auto;
}
#greenifyExceed .sesssionpop .buttonsbom {
  position: relative;
  margin: 0px;
  margin-top: max(32px, 2.5vw);
  margin-bottom: max(36px, 2.8125vw);
  display: block;
  clear: both;
  width: max(166px, 12.96875vw);
  height: unset;
  border-radius: 23px;
  background: #00a10b;
  text-align: center;
  line-height: 45px;
  color: #fff !important;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  padding: 14px 0px;
  align-self: center;
}
#android app-welcome-landing .navbar {
  padding-top: 3.4666666667vw;
}
/* SANTOSH 07-DEC-2021 BEGIN*/
#desktop .fullbgblu {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 999999 !important;
  background: rgba(149, 149, 149, 0.48) 0% 0% no-repeat padding-box;
  backdrop-filter: blur(11px) brightness(0.8);
}
#desktop .fullbgblu > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#desktop .fullbgblu button.close {
  background: transparent;
  position: absolute !important;
  top: 20px;
  right: 20px;
  width: unset;
  height: unset;
  padding: 0px;
  z-index: 1;
}
#desktop .fullbgblu button.close svg {
  width: 16px;
  height: 16px;
}
/* SANTOSH 07-DEC-2021 END*/
html.mobile-channel .col-mc-1 {
  display: inline-block;
  width: 8.3333333333%;
  --item-col-count: 1;
}
html.mobile-channel .col-mc-2 {
  display: inline-block;
  width: 16.6666666667%;
  --item-col-count: 2;
}
html.mobile-channel .col-mc-3 {
  display: inline-block;
  width: 25%;
  --item-col-count: 3;
}
html.mobile-channel .col-mc-4 {
  display: inline-block;
  width: 33.3333333333%;
  --item-col-count: 4;
}
html.mobile-channel .col-mc-5 {
  display: inline-block;
  width: 41.6666666667%;
  --item-col-count: 5;
}
html.mobile-channel .col-mc-6 {
  display: inline-block;
  width: 50%;
  --item-col-count: 6;
}
html.mobile-channel .col-mc-7 {
  display: inline-block;
  width: 58.3333333333%;
  --item-col-count: 7;
}
html.mobile-channel .col-mc-8 {
  display: inline-block;
  width: 66.6666666667%;
  --item-col-count: 8;
}
html.mobile-channel .col-mc-9 {
  display: inline-block;
  width: 75%;
  --item-col-count: 9;
}
html.mobile-channel .col-mc-10 {
  display: inline-block;
  width: 83.3333333333%;
  --item-col-count: 10;
}
html.mobile-channel .col-mc-11 {
  display: inline-block;
  width: 91.6666666667%;
  --item-col-count: 11;
}
html.mobile-channel .col-mc-12 {
  display: inline-block;
  width: 100%;
  --item-col-count: 12;
}
html.tablet-channel .col-tc-1 {
  display: inline-block;
  width: 8.3333333333%;
  --item-col-count: 1;
}
html.tablet-channel .col-tc-2 {
  display: inline-block;
  width: 16.6666666667%;
  --item-col-count: 2;
}
html.tablet-channel .col-tc-3 {
  display: inline-block;
  width: 25%;
  --item-col-count: 3;
}
html.tablet-channel .col-tc-4 {
  display: inline-block;
  width: 33.3333333333%;
  --item-col-count: 4;
}
html.tablet-channel .col-tc-5 {
  display: inline-block;
  width: 41.6666666667%;
  --item-col-count: 5;
}
html.tablet-channel .col-tc-6 {
  display: inline-block;
  width: 50%;
  --item-col-count: 6;
}
html.tablet-channel .col-tc-7 {
  display: inline-block;
  width: 58.3333333333%;
  --item-col-count: 7;
}
html.tablet-channel .col-tc-8 {
  display: inline-block;
  width: 66.6666666667%;
  --item-col-count: 8;
}
html.tablet-channel .col-tc-9 {
  display: inline-block;
  width: 75%;
  --item-col-count: 9;
}
html.tablet-channel .col-tc-10 {
  display: inline-block;
  width: 83.3333333333%;
  --item-col-count: 10;
}
html.tablet-channel .col-tc-11 {
  display: inline-block;
  width: 91.6666666667%;
  --item-col-count: 11;
}
html.tablet-channel .col-tc-12 {
  display: inline-block;
  width: 100%;
  --item-col-count: 12;
}
html.desktop-channel .col-dc-1 {
  display: inline-block;
  width: 8.3333333333%;
  --item-col-count: 1;
}
html.desktop-channel .col-dc-2 {
  display: inline-block;
  width: 16.6666666667%;
  --item-col-count: 2;
}
html.desktop-channel .col-dc-3 {
  display: inline-block;
  width: 25%;
  --item-col-count: 3;
}
html.desktop-channel .col-dc-4 {
  display: inline-block;
  width: 33.3333333333%;
  --item-col-count: 4;
}
html.desktop-channel .col-dc-5 {
  display: inline-block;
  width: 41.6666666667%;
  --item-col-count: 5;
}
html.desktop-channel .col-dc-6 {
  display: inline-block;
  width: 50%;
  --item-col-count: 6;
}
html.desktop-channel .col-dc-7 {
  display: inline-block;
  width: 58.3333333333%;
  --item-col-count: 7;
}
html.desktop-channel .col-dc-8 {
  display: inline-block;
  width: 66.6666666667%;
  --item-col-count: 8;
}
html.desktop-channel .col-dc-9 {
  display: inline-block;
  width: 75%;
  --item-col-count: 9;
}
html.desktop-channel .col-dc-10 {
  display: inline-block;
  width: 83.3333333333%;
  --item-col-count: 10;
}
html.desktop-channel .col-dc-11 {
  display: inline-block;
  width: 91.6666666667%;
  --item-col-count: 11;
}
html.desktop-channel .col-dc-12 {
  display: inline-block;
  width: 100%;
  --item-col-count: 12;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s;
}
button {
  border: none;
}
.mat-placeholder-required {
  display: none;
}
.otp-input {
  font-family: "password";
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.fpx-form-control .fpx-field-content {
  border-bottom: 1px solid rgba(101, 101, 101, 0.1254901961);
  padding-bottom: 8px;
  position: relative;
}
.fpx-form-control .mat-form-field {
  display: block;
}
.fpx-form-control input.mat-input-element {
  width: 100%;
  border: none;
  font-weight: 500;
}
.fpx-form-control .mat-input-element:disabled {
  background: transparent;
  color: 0;
}
.fpx-form-control .mat-form-field-subscript-wrapper {
  top: 100%;
  padding-top: 0;
  margin: 0;
}
.fpx-form-control .mat-form-field-subscript-wrapper .mat-error {
  margin: 0;
}
.fpx-form-control .mat-form-field-hint-end {
  font-size: 10px;
}
.mat-error {
  color: #f40000;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  display: block;
  margin-top: 0;
  line-height: 22px;
  letter-spacing: -0.32px;
}
.mat-hint {
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.form-header {
  padding: 0 24px 20px;
  padding-top: calc(30px - constant(safe-area-inset-top));
  padding-top: calc(30px - env(safe-area-inset-top));
  position: relative;
}
.form-header .btn-close {
  position: absolute;
  left: 24px;
  line-height: 0;
}
.form-header .form-title {
  font-size: 19px;
  font-weight: 900;
  line-height: 24px;
  color: #111112;
  margin: 0;
  flex: 1;
  text-align: center;
}
.notification-section .form-header {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.form-body {
  padding-top: 20px;
}
.form-body .fpx-form-group {
  padding: 0 24px;
}
.form-body .fpx-form-group > section {
  margin-bottom: 30px;
}
h3.fpx-sec-title {
  font-size: 19px;
  color: #000000;
  letter-spacing: -0.19px;
  margin-bottom: 7px;
  font-weight: 900;
}
.fpx-field {
  margin-bottom: 22px;
}
.fpx-label,
.fpx-field-label {
  font-size: 14px;
  letter-spacing: -0.14px;
  color: #000000;
  font-weight: 900;
  margin-bottom: 6px;
  display: block;
}
.details-entry-panel {
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  padding: 22px 12px;
}
.from-button-sec {
  display: flex;
  flex-flow: row-reverse;
  margin-top: 28px;
}
.hide {
  display: none;
}
.form-details-view-panel {
  display: flex;
  justify-content: space-between;
  column-count: 2;
  flex-wrap: wrap;
  padding: 10px 0;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
.form-details-view-panel > app-display-field {
  width: 50%;
  padding: 0 12px;
  margin: 6px 0;
}
.form-details-view-panel > app-display-field .fpx-field-content {
  border: none;
}
.form-details-view-panel .seperator {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background-color: #EEEEEE;
}
.password-text {
  font-family: "password";
  font-size: 12px;
}
.un-mask-pin {
  font-family: unset;
}
.display-grid {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(101, 101, 101, 0.1254901961);
}
.display-grid .grid-title {
  font-size: 14px;
  letter-spacing: -0.14px;
  color: #000000;
  font-weight: 900;
  margin-bottom: 6px;
}
.display-grid .display-grid-header {
  font-weight: 700;
}
.display-grid .display-grid-header,
.display-grid .grid-row {
  display: flex;
  gap: 4px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.12px;
}
.display-grid .grid-header,
.display-grid .grid-data {
  flex: auto;
}
.display-grid .grid-data {
  font-weight: 500;
}
app-display-field label {
  font-size: 14px;
  display: block;
  font-weight: 700;
}
app-display-field span.value {
  font-size: 14px;
  font-weight: 500;
}
app-display-field .fpx-field-content {
  border: none;
}
app-fee-details .fee-detail {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.12px;
}
app-fee-details .fee-detail:last-child {
  padding-bottom: 0;
}
section.add-new-bene .details-entry-panel {
  padding-top: 50px;
}
.shell-settings .details-entry-panel,
.form-layout-3 .details-entry-panel {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.shell-settings .details-entry-panel .fpx-field-content,
.form-layout-3 .details-entry-panel .fpx-field-content {
  border-bottom: none !important;
  position: relative;
}
.shell-settings .details-entry-panel .fpx-field-content .placeholder,
.form-layout-3 .details-entry-panel .fpx-field-content .placeholder {
  position: absolute;
  pointer-events: none;
  left: 24px;
  top: calc(50% - 11px);
  color: rgba(0, 0, 0, 0.1882352941);
  transition: all 0.5s;
  font-size: 16px;
  letter-spacing: -0.16px;
  font-weight: 500;
}
.shell-settings .details-entry-panel .fpx-field-content input.mat-input-element,
.form-layout-3 .details-entry-panel .fpx-field-content input.mat-input-element {
  padding: 0;
  height: 59px;
  margin: 0;
  border-radius: 12px;
  background-color: #FFFFFF;
  caret-color: #00a10b;
  padding: 0 24px;
  min-height: 59px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  box-sizing: border-box;
}
.shell-settings .details-entry-panel .fpx-field-content .input-available ~ .placeholder,
.form-layout-3 .details-entry-panel .fpx-field-content .input-available ~ .placeholder {
  display: none;
}
.shell-settings .details-entry-panel .mat-datepicker-toggle,
.form-layout-3 .details-entry-panel .mat-datepicker-toggle {
  top: 9px;
}
.shell-settings .details-entry-panel .mat-select,
.form-layout-3 .details-entry-panel .mat-select {
  height: 59px;
  margin: 0;
  border-radius: 12px;
  background-color: #FFFFFF;
  caret-color: #00a10b;
  padding: 0 24px;
  min-height: 59px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  box-sizing: border-box;
}
.shell-settings .details-entry-panel .mat-select .mat-select-trigger,
.form-layout-3 .details-entry-panel .mat-select .mat-select-trigger {
  height: 100%;
}
.shell-settings .details-entry-panel .mat-select.mobilenumber,
.form-layout-3 .details-entry-panel .mat-select.mobilenumber {
  width: 30%;
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  padding-right: 12px;
  padding-left: 24px;
}
.view-mode {
  pointer-events: none;
}
hidden {
  display: none;
}
p {
  font-weight: 500;
}
app-preloginui form form {
  padding-top: 9px;
}
app-preloginui input {
  font-weight: 900 !important;
  height: 58px !important;
  min-height: unset !important;
}
app-preloginui input::placeholder {
  font-weight: 400 !important;
  color: rgba(101, 101, 101, 0.2509803922) !important;
}
app-preloginui .pre-login-logo img {
  height: 29px;
}
app-preloginui .prelogin-form-containor {
  z-index: 2;
  position: relative;
  min-height: calc(100vh - 124px);
  position: relative;
  padding-bottom: 121px;
}
app-preloginui .frm-actions-group {
  padding-left: 24px;
  padding-right: 24px;
}
app-preloginui .frm-actions-group .btn {
  min-width: 32px;
  padding-left: 0;
}
app-login form .pre-login-form {
  padding: 0 24px;
}
app-login form .pre-login-form .frm-title {
  margin: 0 12px 28px;
}
app-login form .pre-login-form .fpx-field {
  margin-bottom: 28px;
}
app-login form .remember-radio-control {
  margin-left: 12px;
  padding-top: 10px;
}
body.open-keypad app-preloginui .prelogin-form-containor {
  padding-bottom: 97px;
}
html.plt-mobileweb app-preloginui .prelogin-form-containor {
  min-height: calc(100vh - 162px);
}
.data-loading {
  padding: 0 24px;
  width: 100px;
  height: 25px;
  display: flex;
  align-items: center;
}
.data-loading img {
  width: 100%;
}
.amount-currency-select {
  font-size: 18px !important;
}
.amount-sec mat-error {
  width: 100%;
  position: absolute;
}
html#desktop .notification-section .form-header {
  padding-top: 30px;
}
html#desktop app-login form .remember-radio-control {
  padding-top: 4px;
}
html#desktop .form-body {
  padding-top: 0px;
}
html#desktop .form-body .fpx-form-group {
  padding: 0px;
}
html#desktop .form-body .shell-settings .details-entry-panel,
html#desktop .form-body .form-layout-3 .details-entry-panel {
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
html#desktop .form-body .shell-settings .details-entry-panel .fpx-field,
html#desktop .form-body .form-layout-3 .details-entry-panel .fpx-field {
  margin-bottom: 22px;
}
html#desktop .form-body .shell-settings .details-entry-panel .fpx-field.col-12,
html#desktop .form-body .form-layout-3 .details-entry-panel .fpx-field.col-12 {
  width: 100%;
}
html#desktop .mat-error {
  font-weight: 600;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.entry-form {
  padding: 0;
}
.entry-form .grid {
  --container-col-count: 12;
  --container-gap-count: calc(var(--container-col-count) - 1);
  --gap-size: 20px;
  --combined-gap-size: calc(var(--container-gap-count) * var(--gap-size));
  --col-size: calc((100% - var(--combined-gap-size)) / var(--container-col-count));
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-size);
}
.entry-form .grid > * {
  --item-gap-count: calc(var(--item-col-count) - 1);
  --item-size: calc(var(--item-col-count) * var(--col-size) + var(--item-gap-count) * var(--gap-size));
  flex: 0 0 var(--item-size);
  min-width: 0;
}
.entry-form .break {
  flex-basis: 100%;
  height: 0;
}
.entry-form h4 {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
}
.entry-form .field-group {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
.entry-form .field-set,
.entry-form .field-details {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.entry-form .account-sec {
  margin-bottom: 20px;
}
.entry-form fpx-label {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 12px;
  display: block;
}
.entry-form .fpx-form-control .fpx-field-content {
  position: relative;
  border-bottom: none;
  padding: 0;
}
.entry-form .fpx-form-control .mat-input-element,
.entry-form .fpx-form-control mat-select {
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1);
  padding: 0 24px;
  height: 58px;
  line-height: 58px;
  color: #000000;
  font-weight: 500;
  border: none;
  width: 100%;
}
.entry-form .fpx-form-control .placeholder {
  position: absolute;
  pointer-events: none;
  left: 24px;
  top: calc(50% - 11px);
  color: rgba(0, 0, 0, 0.1882352941);
  transition: all 0.5s ease-in-out;
  font-size: 16px;
  letter-spacing: -0.16px;
  font-weight: 500;
  display: block;
}
.entry-form .fpx-form-control .mat-input-element:focus ~ .placeholder,
.entry-form .fpx-form-control .input-available ~ .placeholder {
  font-size: 10px;
  letter-spacing: -0.1px;
  top: 38px;
  display: none;
}
.entry-form .fpx-form-control .ng-template-select.input-available ~ .placeholder {
  display: none;
}
.entry-form .fpx-form-control .mat-datepicker-toggle {
  bottom: unset;
}
.entry-form .otp-timer {
  text-align: center;
  font-size: 18px;
  color: #4D4D4D;
  letter-spacing: -0.18px;
  line-height: 22px;
}
.entry-form .otp-timer .timer {
  font-weight: 700;
}
.entry-form .otp-timer .unit {
  font-weight: 400;
}
.entry-form .input-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.entry-form .input-grid .input-grid-row.input-grid-header {
  display: none;
}
.entry-form .input-grid .input-grid-row {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  padding: 15px;
  border-radius: 12px;
  position: relative;
}
.entry-form .input-grid .input-grid-row .input-grid-row-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.entry-form .input-grid .input-grid-row .input-grid-row-item:last-child {
  position: absolute;
  top: 15px;
  right: 15px;
}
.entry-form .input-grid .input-grid-row .input-grid-row-item:last-child mat-icon {
  color: #B50808;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.contextual-menu-card {
  margin-bottom: 26px;
}
.menu-list-panel {
  overflow: hidden;
}
.menu-list-panel .slide {
  width: 280px;
}
.menu-list-panel .slide h4 {
  font-weight: 700;
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0;
  color: #656565;
  text-align: center;
}
.menu-list-panel .slick-dots {
  position: static;
  margin-bottom: 26px;
}
.menu-list-panel .slick-dots li {
  background-color: #bfbfbf;
  border-radius: 6px;
}
.menu-list-panel .slick-dots li.slick-active {
  background-color: #00a10b;
}
.menu-list-panel .slick-dots li button {
  display: none;
}
.disable-menu li {
  opacity: 0.5;
  pointer-events: none;
}
.menu-top-sec {
  text-align: center;
  margin-bottom: 21px;
}
.menu-top-sec button {
  margin: 0 auto;
}
.menu-top-sec .menu-hint-text {
  color: #BEBFBE;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.12px;
  margin-top: 8px;
}
.contextual-menu-list {
  display: flex;
  column-count: 2;
  flex-wrap: wrap;
  margin: 0;
  padding: 15px 0 0;
}
.contextual-menu-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 21px;
  flex-basis: 50%;
}
.contextual-menu-list li span {
  display: block;
  text-align: center;
}
.contextual-menu-list li span.menu-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00a10b;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contextual-menu-list li span.menu-name {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.12px;
  color: #00a10b;
  font-weight: 500;
}
.contextual-menu-list li span.menu-name em {
  display: block;
  font-style: inherit;
}
html#desktop page-account-transactions .show-contextual-menu, html#desktop app-transactions-container .show-contextual-menu, html#desktop app-cards-container .show-contextual-menu {
  border-top: 1px solid #EEEEEE;
}
html#desktop page-account-transactions .show-contextual-menu.active-card > .menu-list-panel, html#desktop app-transactions-container .show-contextual-menu.active-card > .menu-list-panel, html#desktop app-cards-container .show-contextual-menu.active-card > .menu-list-panel {
  display: block;
}
html#desktop page-account-transactions .menu-list-panel, html#desktop app-transactions-container .menu-list-panel, html#desktop app-cards-container .menu-list-panel {
  display: none;
}
html#desktop page-account-transactions .menu-list-panel .slick-arrow, html#desktop app-transactions-container .menu-list-panel .slick-arrow, html#desktop app-cards-container .menu-list-panel .slick-arrow {
  z-index: 99999;
  top: 73px;
}
html#desktop page-account-transactions .menu-list-panel .slick-arrow.slick-prev, html#desktop app-transactions-container .menu-list-panel .slick-arrow.slick-prev, html#desktop app-cards-container .menu-list-panel .slick-arrow.slick-prev {
  left: 4px;
}
html#desktop page-account-transactions .menu-list-panel .slick-arrow.slick-next, html#desktop app-transactions-container .menu-list-panel .slick-arrow.slick-next, html#desktop app-cards-container .menu-list-panel .slick-arrow.slick-next {
  right: 4px;
}
html#desktop page-account-transactions .menu-list-panel .slick-list .slide, html#desktop app-transactions-container .menu-list-panel .slick-list .slide, html#desktop app-cards-container .menu-list-panel .slick-list .slide {
  width: 336px;
}
html#desktop page-account-transactions .menu-list-panel .slick-list .slide .menu-top-sec, html#desktop app-transactions-container .menu-list-panel .slick-list .slide .menu-top-sec, html#desktop app-cards-container .menu-list-panel .slick-list .slide .menu-top-sec {
  margin-top: 20px;
  margin-bottom: 0;
}
html#desktop page-account-transactions .menu-list-panel .slick-list .slide .menu-top-sec .menu-hint-text, html#desktop app-transactions-container .menu-list-panel .slick-list .slide .menu-top-sec .menu-hint-text, html#desktop app-cards-container .menu-list-panel .slick-list .slide .menu-top-sec .menu-hint-text {
  color: #333;
}
html#desktop page-account-transactions .menu-list-panel .slick-dots li, html#desktop app-transactions-container .menu-list-panel .slick-dots li, html#desktop app-cards-container .menu-list-panel .slick-dots li {
  background-color: #bfbfbf;
  border-radius: 6px;
  margin: 0;
  width: 7px;
  height: 6px;
  margin-right: 6px;
  transition: width 1s;
}
html#desktop page-account-transactions .menu-list-panel .slick-dots li.slick-active, html#desktop app-transactions-container .menu-list-panel .slick-dots li.slick-active, html#desktop app-cards-container .menu-list-panel .slick-dots li.slick-active {
  width: 1.2666666667rem;
  background-color: #00a10b;
}
html#desktop page-account-transactions .menu-list-panel .contextual-menu-list, html#desktop app-transactions-container .menu-list-panel .contextual-menu-list, html#desktop app-cards-container .menu-list-panel .contextual-menu-list {
  padding: 20px;
}
html#desktop page-account-transactions .menu-list-panel .contextual-menu-list li, html#desktop app-transactions-container .menu-list-panel .contextual-menu-list li, html#desktop app-cards-container .menu-list-panel .contextual-menu-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 21px;
  flex-basis: unset;
  width: 98px;
}
html#desktop page-account-transactions .menu-list-panel .contextual-menu-list li span, html#desktop app-transactions-container .menu-list-panel .contextual-menu-list li span, html#desktop app-cards-container .menu-list-panel .contextual-menu-list li span {
  text-align: center;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.qa-menu-body {
  padding: 20px;
}
.qa-menu-body .qa-menu-header {
  text-align: center;
  margin-bottom: 20px;
  color: #656565;
  font-size: 14px;
}
.qa-menu-body .qa-menu-header h3 {
  margin: 0;
  font-weight: 700;
  font-size: inherit;
}
.qa-menu-body .qa-menu-header p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: inherit;
}
.qa-menu-body .qa-menu-list-container {
  overflow: hidden;
}
.qa-menu-body .qa-menu-list-container .slide {
  width: 61.8666666667vw;
}
.qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 20px 0;
}
.qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list li {
  width: 50%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #00a10b;
  letter-spacing: -0.14px;
  line-height: 14px;
  text-align: center;
}
.qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list li span {
  display: block;
  text-align: center;
}
.qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list li span.menu-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00a10b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list li span.menu-name {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.12px;
  color: #00a10b;
  font-weight: 500;
}
.qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list li em {
  display: block;
  font-style: normal;
}
.qa-menu-body .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.qa-menu-body ul.slick-dots {
  position: static;
}
.qa-menu-body ul.slick-dots li {
  margin: 0 3px;
  padding: 10px 0;
  width: auto;
}
.qa-menu-body ul.slick-dots li button {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  margin: 0;
  padding: 0;
  background-color: rgba(141, 141, 141, 0.3137254902);
  transition: all 0.5s;
}
.qa-menu-body ul.slick-dots li button:before {
  display: none;
}
.qa-menu-body ul.slick-dots li.slick-active button {
  background-color: #00A10B;
  width: 12px;
}
.qa-menu-body ul.slick-dots li:first-child:nth-last-child(1) {
  display: none;
}
#desktop ul.qa-menu-list li {
  width: 32%;
  padding: 0 10px;
}
#desktop .qa-menu-body {
  padding: 10px;
}
#desktop .qa-menu-body .qa-menu-list-container .slide ul.qa-menu-list li span.menu-name {
  line-height: 14px;
}
#desktop .qa-menu-body ul.slick-dots li {
  margin: 0 5px;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.alert-dialog-backdrop,
.confirmation-dialog-backdrop {
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.1882352941);
}
.alert-dialog,
.confirmation-dialog,
.simplecamera-dialog {
  width: 100%;
}
.alert-dialog .mat-dialog-container,
.confirmation-dialog .mat-dialog-container,
.simplecamera-dialog .mat-dialog-container {
  margin: 0 24px;
  border-radius: 24px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  padding: 36px;
}
.alert-dialog .mat-dialog-container .dialog-icon-wrapper,
.alert-dialog .mat-dialog-container .dialog-header,
.confirmation-dialog .mat-dialog-container .dialog-icon-wrapper,
.confirmation-dialog .mat-dialog-container .dialog-header,
.simplecamera-dialog .mat-dialog-container .dialog-icon-wrapper,
.simplecamera-dialog .mat-dialog-container .dialog-header {
  width: 108px;
  height: 108px;
  margin: 24px auto 20px;
  background: #f5f7f5;
  border-radius: 50%;
  line-height: 108px;
  text-align: center;
}
.alert-dialog .mat-dialog-container .dialog-icon-wrapper.cob-failure-alert,
.alert-dialog .mat-dialog-container .dialog-header.cob-failure-alert,
.confirmation-dialog .mat-dialog-container .dialog-icon-wrapper.cob-failure-alert,
.confirmation-dialog .mat-dialog-container .dialog-header.cob-failure-alert,
.simplecamera-dialog .mat-dialog-container .dialog-icon-wrapper.cob-failure-alert,
.simplecamera-dialog .mat-dialog-container .dialog-header.cob-failure-alert {
  background: unset;
}
.alert-dialog .mat-dialog-container .content-area,
.alert-dialog .mat-dialog-container .dialog-body,
.confirmation-dialog .mat-dialog-container .content-area,
.confirmation-dialog .mat-dialog-container .dialog-body,
.simplecamera-dialog .mat-dialog-container .content-area,
.simplecamera-dialog .mat-dialog-container .dialog-body {
  margin: 20px 0;
  text-align: left;
  min-height: 100px;
}
.alert-dialog .mat-dialog-container .content-area h4,
.alert-dialog .mat-dialog-container .dialog-body h4,
.confirmation-dialog .mat-dialog-container .content-area h4,
.confirmation-dialog .mat-dialog-container .dialog-body h4,
.simplecamera-dialog .mat-dialog-container .content-area h4,
.simplecamera-dialog .mat-dialog-container .dialog-body h4 {
  margin-bottom: 6px;
}
.alert-dialog .mat-dialog-container .content-area p.message,
.alert-dialog .mat-dialog-container .dialog-body p.message,
.confirmation-dialog .mat-dialog-container .content-area p.message,
.confirmation-dialog .mat-dialog-container .dialog-body p.message,
.simplecamera-dialog .mat-dialog-container .content-area p.message,
.simplecamera-dialog .mat-dialog-container .dialog-body p.message {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: #000000;
}
.alert-dialog .mat-dialog-container .reference-code,
.confirmation-dialog .mat-dialog-container .reference-code,
.simplecamera-dialog .mat-dialog-container .reference-code {
  background: #f4f7f5;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 163px;
  height: 48px;
  margin: 0 auto;
  gap: 8px;
}
.alert-dialog .mat-dialog-container .reference-code .ref-number,
.confirmation-dialog .mat-dialog-container .reference-code .ref-number,
.simplecamera-dialog .mat-dialog-container .reference-code .ref-number {
  font-size: 16px;
  line-height: 22px;
  font-weight: 800;
  letter-spacing: -0.16px;
  color: #111112;
}
.alert-dialog .mat-dialog-container .dialog-actions,
.alert-dialog .mat-dialog-container .dialog-footer,
.confirmation-dialog .mat-dialog-container .dialog-actions,
.confirmation-dialog .mat-dialog-container .dialog-footer,
.simplecamera-dialog .mat-dialog-container .dialog-actions,
.simplecamera-dialog .mat-dialog-container .dialog-footer {
  margin: 40px 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}
.common-dialog .mat-dialog-container {
  height: 100vh;
  padding: 0;
}
.picpopup-info .mat-dialog-container {
  position: absolute;
  bottom: 0;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  height: 400px;
}
#desktop .alert-dialog .mat-dialog-container,
#desktop .confirmation-dialog .mat-dialog-container,
#desktop .simplecamera-dialog .mat-dialog-container {
  width: auto;
  margin: 0 auto;
}
#desktop .alert-dialog .mat-dialog-container .dialog-icon-wrapper,
#desktop .confirmation-dialog .mat-dialog-container .dialog-icon-wrapper,
#desktop .simplecamera-dialog .mat-dialog-container .dialog-icon-wrapper {
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center;
}
#desktop .alert-dialog .mat-dialog-container .content-area,
#desktop .confirmation-dialog .mat-dialog-container .content-area,
#desktop .simplecamera-dialog .mat-dialog-container .content-area {
  margin-bottom: 20px;
  min-height: 40px;
}
#desktop .common-dialog .mat-dialog-container {
  width: 520px;
  height: 625px;
  margin: 0 auto;
}
#desktop .result-page-dialog {
  justify-content: center;
}
#desktop .result-page-dialog .mat-dialog-container {
  width: 336px;
}
#desktop .file-preview-dialog {
  justify-content: center;
}
#desktop .file-preview-dialog .mat-dialog-container {
  max-width: 1326px;
  width: auto;
  min-width: 620px;
  height: auto;
  padding: 0;
}
mat-dialog-container app-popup .entry-form {
  padding: 0px 36px 0;
  min-height: calc(100vh - 214px);
}
mat-dialog-container app-popup .entry-form .otp-timer {
  text-align: center;
  font-size: 18px;
  color: #4d4d4d;
  letter-spacing: -0.18px;
  line-height: 22px;
}
mat-dialog-container app-popup .entry-form .otp-timer .timer {
  font-weight: 700;
}
mat-dialog-container app-popup .entry-form .otp-timer .unit {
  font-weight: 400;
}
.picpopup-info mat-dialog-container app-popup .entry-form {
  min-height: unset !important;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.cdk-global-overlay-wrapper {
  background-color: rgba(0, 0, 0, 0.1607843137);
  backdrop-filter: blur(10px);
}
.popup-screen .mat-dialog-container {
  padding: 0px !important;
  height: 100vh;
  background-color: #F4F7F5;
}
.popup-header {
  padding: 46px 24.5px 27px;
  display: flex;
  justify-content: center;
  position: relative;
}
.popup-header button.popup-close-button {
  padding: 0;
  background: transparent;
  position: absolute;
  left: 24.5px;
}
.popup-header h2 {
  font-size: 20px;
  font-weight: 900;
  color: #000000;
  line-height: 24px;
  letter-spacing: -0.2px;
  flex: 1;
  text-align: center;
  margin: 0;
}
.cdk-overlay-container .info-popup {
  width: 100vw;
  height: 88vh;
  position: absolute !important;
  bottom: 0;
}
.cdk-overlay-container .info-popup .mat-dialog-container {
  border-radius: 24px 24px 0 0;
  background-color: #FFFFFF;
  padding: 0;
}
.cdk-overlay-container .info-popup .mat-dialog-container .popup-header {
  position: absolute;
  width: 28px;
  height: 28px;
  padding: 0;
  right: 12px;
  top: 12px;
}
.cdk-overlay-container .info-popup .mat-dialog-container .popup-header button.popup-close-button {
  left: 0;
}
html#desktop .mat-dialog-container {
  border-radius: 12px;
}
html#desktop .info-popup .mat-dialog-container {
  border-radius: 12px;
  width: 500px;
  margin: 0 auto;
  max-height: 80%;
  padding-bottom: 30px;
  position: relative;
}
html#desktop .info-popup .mat-dialog-container .popup-header {
  padding: 0;
}
html#desktop .popup-screen .mat-dialog-container {
  border-radius: 12px !important;
  width: 600px;
  margin: 0 auto;
  max-height: 90%;
  height: 90%;
  padding-bottom: 30px;
  position: relative;
}
html#desktop .popup-screen .mat-dialog-container app-popup {
  display: flex;
  flex-direction: column;
}
html#desktop .popup-screen .mat-dialog-container app-popup .popup-body {
  flex-grow: 1;
  overflow: auto;
  padding-bottom: 24px;
}
html#desktop .popup-screen .mat-dialog-container app-popup .popup-header {
  padding: 20px;
  flex: 1;
}
html#desktop .popup-screen .mat-dialog-container app-popup .popup-header .popup-close-button {
  position: initial;
}
.faq .popup-screen .mat-dialog-container, .stips .popup-screen .mat-dialog-container {
  background-color: #fff !important;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.process-shell header {
  position: relative;
  padding: calc(48px - env(safe-area-inset-top, 48px)) 0 0;
}
.process-shell header h1 {
  margin: 0;
  padding: 0 0 24px;
  text-align: center;
  color: #111112;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.2px;
  line-height: 24px;
}
.process-shell header button.close-button {
  background-color: transparent;
  border: none;
  position: absolute;
  left: 18px;
  top: calc(48px - env(safe-area-inset-top, 48px));
}
.process-shell header .process-progress-bar {
  height: 5px;
}
.process-shell header .process-progress-bar .complete {
  height: inherit;
  width: 0%;
  background-color: #00a10b;
  border-radius: 3px;
  transition: width 0.5s;
}
.process-shell header .process-progress-bar.track {
  background-color: #CCCCCC;
}
.process-shell .process-shell-body {
  padding: 0px 24px 0;
  min-height: calc(100vh - 190px);
}
.process-shell .process-shell-body .form-title-group {
  margin-bottom: 40px;
}
.process-shell .process-shell-body .form-title-group .form-title {
  font-size: 19px;
  font-weight: 900;
  color: #4D4D4D;
  letter-spacing: -0.19px;
  line-height: 23.5px;
  margin: 0 0 10px;
  padding: 0;
  display: block;
}
.process-shell .process-shell-body .form-title-group h1.form-title {
  font-size: 32px;
  letter-spacing: -0.34px;
  line-height: 40px;
  color: #000000;
}
.process-shell .process-shell-body .form-title-group .form-caption {
  color: #4D4D4D;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 21.5px;
  padding: 0;
  display: block;
}
.process-shell .process-shell-body .label-hint {
  color: #919191;
  display: block;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 20px;
  font-weight: 500;
}
.process-shell .process-shell-body fpx-label.note mat-label {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  line-height: 22px;
}
.process-shell .process-shell-body .footer-form-button-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 48px;
  left: 0;
  padding: 0 36px;
}
.process-shell .process-shell-body {
  padding: 0px 24px 0;
  min-height: calc(100vh - 214px);
}
.process-shell .process-shell-body:has(app-result-page) {
  padding: 40px 36px 48px;
  min-height: 300px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1529411765);
  border-radius: 20px 20px 0px 0px;
  opacity: 1;
}
.process-shell footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 36px calc(env(safe-area-bottom, 20px) + 28px);
}
.process-shell footer .payment-actions-grp {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process-shell footer .process-shell-form-actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.process-shell footer .process-submit-btn {
  display: flex;
  gap: 8px;
  align-items: center;
}
.process-shell footer .process-submit-btn span {
  flex: 1;
}
.process-shell footer .process-submit-btn img {
  width: 20px;
}
.process-shell.no-footer .process-shell-body {
  min-height: calc(100vh - 96px);
}
.process-shell.no-footer .process-shell-body:has(app-result-page) {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  padding: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.1607843137);
  backdrop-filter: blur(10px);
}
.process-shell.no-footer .process-shell-body:has(app-result-page) app-result-page {
  padding: 40px 36px 48px;
  min-height: 300px;
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px 20px 0px 0px;
  opacity: 1;
}
.open-keypad .process-shell footer {
  padding: 24px 36px 28px;
}
html:not(.mobile-channel) .entry-form .account-sec {
  margin-bottom: 20px;
}
html:not(.mobile-channel) .entry-form .field-details {
  background-color: #FFFFFF;
  margin-top: 25px;
  border-radius: 20px;
  padding: 10px 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  justify-content: space-between;
  gap: unset;
  flex-wrap: wrap;
  flex-direction: row;
}
#desktop .field-set {
  display: flex;
  gap: unset;
  flex-wrap: wrap;
  flex-direction: row;
}
#desktop .payment-actions-grp {
  justify-content: right;
}
#desktop .process-shell footer {
  border-top: 1px solid #eee;
}
#desktop .mat-datepicker-toggle {
  top: 50%;
}
#desktop app-on-boarding .process-shell-body {
  min-height: unset;
}
#desktop app-on-boarding footer {
  padding: 24px 36px;
  bottom: 0;
}
#desktop app-on-boarding footer .process-shell .process-shell-body {
  min-height: unset;
}
.onboarding-container {
  display: flex;
}
.onboarding-container .onboarding-body {
  flex-direction: row;
}
.onboarding-container .onboarding-body .onboarding-banner-container {
  width: 552px;
  height: 100%;
  background: #F7F7F7;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.onboarding-container .onboarding-body .onboarding-banner-container svg.logo {
  height: 37px;
  margin: 40px 10px 40px 20px;
}
.onboarding-container .onboarding-body .onboarding-banner-container .onboarding-banner {
  padding: 40px;
  position: relative;
  width: 444px;
  height: 469px;
}
.onboarding-container .onboarding-body .onboarding-form-container {
  background: #FFFFFF;
  flex: 1;
  position: relative;
}
html:not(.mobile-channel) .onboarding-container {
  height: 100%;
  justify-content: center;
  align-items: center;
}
html:not(.mobile-channel) .onboarding-body {
  width: 1310px;
  height: 712px;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  border-radius: 16px;
  overflow: hidden;
}
html:not(.mobile-channel) .onboarding-body::before {
  content: " ";
  height: 25%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #00A10B;
  pointer-events: none;
}
html:not(.mobile-channel) .onboarding-body::after {
  content: " ";
  background: url('border-bg.9f353d177ee493b2.svg') no-repeat;
  position: fixed;
  right: 10%;
  width: 428px;
  height: 242px;
  top: 0;
  pointer-events: none;
}
html.tablet-channel .onboarding-container {
  height: unset;
  justify-content: unset;
  align-items: unset;
}
html.tablet-channel .onboarding-body {
  width: 100%;
  max-width: 1310px;
  margin-bottom: 0 !important;
  height: unset;
  box-shadow: none;
  overflow: scroll;
}
html.tablet-channel .onboarding-body::before {
  content: none;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.onboarding-container > header {
  display: none;
}
.process-shell.onboarding-form fpx-label {
  display: none;
}
.process-shell.onboarding-form fpx-radio-button fpx-label {
  display: block;
}
.process-shell.onboarding-form .input-grid-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.process-shell.onboarding-form .input-grid-title fpx-label {
  display: block;
}
.process-shell.onboarding-form .process-shell-body {
  padding: 32px 36px 0;
}
.process-shell.onboarding-form .process-shell-body .entry-form .grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-preview {
  margin-left: -36px;
  margin-right: -36px;
  margin-top: -60px;
  min-height: calc(100vh - 76px);
  padding: 20px 24px;
  background-color: #FFFFFF;
  border-radius: 20px 20px 0 0;
  z-index: 1;
  position: relative;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-img-preview-wrapper {
  background-color: #FFFFFF;
  border-radius: 12px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
  gap: 20px;
  overflow: auto;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  max-height: 300px;
  overflow-y: scroll;
  border: 2px solid rgb(208, 205, 205);
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-img-preview-wrapper::-webkit-scrollbar {
  display: none;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-img-preview-wrapper img {
  width: 100%;
  height: 100%;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-img-preview-wrapper.multi-img-preview img {
  width: 77%;
  border: 2px solid grey;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  height: 150px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-content-preview {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-content-preview .fpx-field-label,
.process-shell.onboarding-form .process-shell-body .entry-form .doc-content-preview .fpx-field-content span {
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  letter-spacing: 0;
  line-height: 21.5px;
  margin-bottom: 0;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-content-preview .fpx-field-content {
  font-weight: 700;
  padding-left: 12px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-content-preview .fpx-field-content span {
  font-weight: inherit;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .mat-input-element:focus ~ .placeholder,
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .input-available ~ .placeholder {
  display: block;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .definition-button-grp {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .definition-button {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0588235294);
  border-radius: 23px;
  font-size: 14px;
  letter-spacing: -0.14px;
  color: #0B0505;
  line-height: 18px;
  padding: 9px 20px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .definition-button:active, .process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .definition-button:focus {
  background-color: #00a10b;
  color: #FFFFFF;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .upload-doc-button-grp {
  display: flex;
  gap: 30px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .upload-doc-button {
  background-color: #FFFFFF;
  box-shadow: 0px 8px 29px rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  width: 120px;
  height: 140px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 0;
  justify-content: center;
  align-items: center;
  color: #000000;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .upload-doc-button .img-ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .upload-doc-button .img-ico img {
  width: 28px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .fpx-form-control .upload-doc-button .button-txt {
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 18px;
  font-weight: 700;
}
.process-shell.onboarding-form .process-shell-body .entry-form .otp-timer {
  text-align: center;
  font-size: 18px;
  color: #4D4D4D;
  letter-spacing: -0.18px;
  line-height: 22px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .otp-timer .timer {
  font-weight: 700;
}
.process-shell.onboarding-form .process-shell-body .entry-form .otp-timer .unit {
  font-weight: 400;
}
.process-shell.onboarding-form .process-shell-body .entry-form .code-resend-sec {
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 20px;
  color: #4D4D4D;
  font-weight: 500;
  text-align: center;
}
.process-shell.onboarding-form .process-shell-body .entry-form .code-resend-sec a {
  font-size: inherit;
  font-weight: 700;
}
.process-shell.onboarding-form .process-shell-body .entry-form .capture-button-grp {
  margin-top: 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.process-shell.onboarding-form .process-shell-body .entry-form .id-proof-camera-view {
  border: 2px dashed #00a10b;
  background-color: #EAEAEA;
  border-radius: 6px;
  height: 206px;
  overflow: hidden;
}
.process-shell.onboarding-form .process-shell-body .entry-form .id-proof-camera-view img {
  width: 100%;
  height: 100%;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-preview-button-grp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 48px;
  width: 100%;
  left: 0;
  padding: 0 24px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .doc-preview-button-grp.capture-btn-wrapper {
  justify-content: center;
}
.process-shell.onboarding-form .process-shell-body .entry-form .retake-btn {
  padding-left: 14px;
}
.process-shell.onboarding-form .process-shell-body .entry-form .footer-button-grp {
  position: absolute;
  bottom: 48px;
  text-align: center;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.process-shell.onboarding-form .process-shell-body .match-result {
  color: #00a10b;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 5px;
  min-height: 49px;
}
.process-shell.onboarding-form .process-shell-body .note {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  line-height: 22px;
}
.process-shell.onboarding-form .process-shell-body .footer-form-button-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 48px;
  left: 0;
  padding: 0 36px;
}
.process-shell.onboarding-form .selfie-camera-button-grp {
  display: flex;
  position: fixed;
  bottom: 48px;
  width: 100%;
  left: 0;
  padding: 0 36px;
  align-items: center;
}
.process-shell.onboarding-form .selfie-camera-button-grp > box {
  flex: 1;
}
.process-shell.onboarding-form .video-camera-timer {
  display: flex;
  justify-content: center;
}
.process-shell.onboarding-form .video-camera-timer > box {
  flex: 1;
}
.process-shell.onboarding-form .camera-click-btn {
  width: 74px;
  height: 74px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  padding: 8px;
}
.process-shell.onboarding-form .camera-click-btn span {
  display: block;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 50%;
  text-indent: 999px;
  overflow: hidden;
}
.process-shell.onboarding-form .camera-click-btn span.stop {
  background-color: red;
}
.process-shell.onboarding-form app-cob-verify-otp-form .info-text {
  text-align: center;
}
.process-shell.onboarding-form app-cob-video-capture-form .btn-link {
  color: #00a10b !important;
}
.process-shell.onboarding-form app-cob-video-capture-form .timer {
  font-size: 32px;
  letter-spacing: -0.32px;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  line-height: 40px;
  position: fixed;
  bottom: 160px;
  text-align: center;
}
.process-shell.onboarding-form.selfie-info {
  position: absolute;
  top: 0;
  z-index: 100;
}
.process-shell.onboarding-form.selfie-info header {
  background-color: #00A10B;
  padding-top: 48px;
}
.process-shell.onboarding-form.selfie-info header h1 {
  color: #FFFFFF;
}
.process-shell.onboarding-form.selfie-info header .close-button {
  top: calc(50% - 12px);
}
.process-shell.onboarding-form.selfie-info header .close-button svg line {
  stroke: #FFFFFF;
}
.process-shell.onboarding-form.selfie-info header .process-progress-bar {
  background-color: rgba(255, 255, 255, 0.5019607843);
}
.process-shell.onboarding-form.selfie-info header .process-progress-bar .complete {
  background-color: #FFFFFF;
}
.process-shell.onboarding-form.selfie-info .process-shell-body {
  padding-top: 0;
}
.process-shell.onboarding-form.doc-upload-form .upload-title {
  margin: 43px 0 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0px;
  color: #4D4D4D;
}
.process-shell.onboarding-form.doc-capture-form .choose-document {
  text-align: center;
  padding: 18px;
}
.process-shell.onboarding-form.doc-preview-form .process-shell-body {
  background-color: #FFFFFF;
  border-radius: 20px 20px 0 0;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
.process-shell.onboarding-form.profile-pic-capture-form .process-shell-body {
  background-color: #FFFFFF;
  border-radius: 20px 20px 0 0;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
.process-shell.onboarding-form.cob-check-list-form {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
}
.process-shell.onboarding-form.cob-check-list-form > header {
  position: relative;
  z-index: 100;
}
.process-shell.onboarding-form.cob-check-list-form > header button.close-button {
  top: 48px;
}
.process-shell.onboarding-form.cob-check-list-form > header button.close-button svg line,
.process-shell.onboarding-form.cob-check-list-form > header button.close-button svg path {
  stroke: #FFFFFF;
}
.process-shell.onboarding-form.cob-check-list-form .process-shell-body {
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 99;
  min-height: calc(100vh - 96px);
}
.process-shell.onboarding-form.result-info .process-shell-body {
  backdrop-filter: blur(10px);
  box-shadow: unset;
  border-radius: unset;
  background-color: rgba(0, 0, 0, 0.1882352941);
  padding: 0;
}
.process-shell.onboarding-form.result-info .process-shell-body app-result-page {
  display: flex;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
  background-color: unset !important;
  border-radius: 0px !important;
  padding: 0 24px;
}
.process-shell.onboarding-form.result-info .process-shell-body app-result-page .result-page-container {
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px;
  background-color: #FFFFFF;
  padding: 60px 36px;
  text-align: center;
  width: 300px;
}
.process-shell.onboarding-form.result-info .process-shell-body app-result-page .result-page-container .result-status .status-icon-wrapper {
  width: 108px;
  height: 108px;
  margin: 0 auto;
  background: #F5F7F5;
  border-radius: 50%;
  line-height: 108px;
}
.process-shell.onboarding-form.result-info .process-shell-body app-result-page .result-page-container .result-body {
  margin-top: 20px;
  text-align: left;
}
.process-shell.onboarding-form.result-info .process-shell-body app-result-page .result-page-container .result-body h4 {
  margin-bottom: 6px;
}
.process-shell.onboarding-form.result-info .process-shell-body app-result-page .result-page-container .footer-button-grp {
  margin: 51px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}
.camera-preview-mode {
  background-color: transparent !important;
}
.camera-preview-mode body {
  background-color: transparent !important;
}
.camera-preview-mode .top-notch-area {
  display: none;
}
.camera-preview-mode .onboarding-form header h1 {
  color: #FFFFFF;
}
.camera-preview-mode .onboarding-form .onboarding-form-body .form-title-group .form-title {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -0.32px;
  line-height: 40px;
  color: #FFFFFF;
  margin: 33px 0 18px;
}
.camera-preview-mode .onboarding-form .onboarding-form-body .form-title-group .form-caption {
  color: #FFFFFF;
}
.camera-preview-mode .onboarding-form .btn-link {
  color: #FFFFFF !important;
}
#desktop .onboarding-form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#desktop .onboarding-form header {
  height: 88px;
  flex-grow: 0;
  flex-shrink: 0;
  padding-top: 32px;
  padding-bottom: 0px;
  margin-left: 40px;
  margin-right: 40px;
}
#desktop .onboarding-form header h1 {
  color: #000;
  padding-bottom: 27px;
}
#desktop .onboarding-form header .close-button {
  top: 32px;
}
#desktop .onboarding-form footer {
  width: 100%;
  height: 77px;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #FFFFFF;
  margin-left: 40px;
  margin-right: 40px;
  max-width: 1230px;
}
#desktop .onboarding-form .process-shell-body {
  padding: 24px 36px 98px;
  flex: 1;
  overflow: auto;
}
#desktop .process-shell.onboarding-form.result-info.no-footer {
  position: absolute;
  left: 0;
  right: 0;
  top: -77px;
  bottom: 0;
}
.mobile-channel .process-shell.onboarding-form.result-info.no-footer {
  position: absolute !important;
  top: -100px !important;
}
.mobile-channel .process-shell.onboarding-form .process-shell-body .entry-form .doc-img-preview-wrapper {
  border: none;
}
.mobile-channel .process-shell.onboarding-form .process-shell-body .entry-form .doc-img-preview-wrapper img {
  border: 2px solid rgb(208, 205, 205);
}
app-cob-personal-info-form .entry-form .main-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
app-cob-personal-info-form .entry-form .main-group:nth-child(1) {
  gap: 0;
  margin-bottom: 20px;
}
app-cob-personal-info-form .entry-form .main-group:nth-child(1) fpx-display-text:first-child {
  font-size: 19px;
  font-weight: 900;
  color: #4D4D4D;
  letter-spacing: -0.19px;
  line-height: 23.5px;
  margin: 0 0 10px;
  padding: 0;
  display: block;
}
app-cob-personal-info-form .entry-form .main-group:nth-child(1) fpx-display-text:last-child {
  color: #4D4D4D;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: 21.5px;
  padding: 0;
  display: block;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.fpx-form-control .radio-group-direction-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fpx-form-control .radio-group-direction-row {
  display: flex;
  flex-direction: row;
  column-count: 2;
  flex-wrap: wrap;
  gap: 12px;
}
.fpx-form-control .radio-group-direction-row .mat-radio-button {
  flex-basis: 48%;
  margin: 0;
}
.fpx-form-control .mat-radio-container {
  width: 24px;
  height: 24px;
}
.fpx-form-control .mat-radio-container .mat-radio-outer-circle {
  background-color: #D0D2D1;
  border-color: #D0D2D1;
  width: inherit;
  height: inherit;
}
.fpx-form-control .mat-radio-container .mat-radio-inner-circle {
  border-radius: 0;
  background-color: unset;
}
.fpx-form-control .mat-radio-label-content {
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: -0.14px;
  padding-left: 12px;
  flex-grow: 1;
}
.fpx-form-control .mat-radio-checked.mat-radio-disabled .mat-radio-container .mat-radio-outer-circle {
  background-color: #8D8D8D !important;
  border: 1px solid #8D8D8D;
}
.fpx-form-control .mat-radio-checked.mat-radio-disabled .mat-radio-container .mat-radio-inner-circle {
  background-color: transparent;
}
.fpx-form-control .mat-radio-checked .mat-radio-container .mat-radio-outer-circle {
  background-color: #00a10b;
  border-color: #00a10b;
}
.fpx-form-control .mat-radio-checked .mat-radio-container .mat-radio-inner-circle {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 8px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.filter-radio-group {
  display: flex;
  gap: 16px;
  flex-direction: row;
}
.filter-radio-group .mat-radio-label {
  background-color: #FFFFFF;
  border: 1px solid #8D8D8D;
  border-radius: 20px;
  padding: 4px 16px;
  color: #8D8D8D;
}
.filter-radio-group .mat-radio-label .mat-radio-container {
  display: none;
}
.filter-radio-group .mat-radio-label .mat-radio-label-content {
  padding-left: 0;
}
.filter-radio-group .mat-radio-checked .mat-radio-label {
  color: #FFFFFF;
  background-color: #00a10b;
  border: 1px solid #00a10b;
}
app-frequency-transfer .fpx-field-content {
  overflow-x: auto;
  overflow-y: hidden;
}
app-frequency-transfer .fpx-field-content::-webkit-scrollbar {
  display: none;
}
.frequency-radio-group {
  display: flex;
  gap: 16px;
  flex-direction: row;
}
.frequency-radio-group .mat-radio-label {
  background-color: #FFFFFF;
  border: 1px solid #8D8D8D;
  border-radius: 20px;
  padding: 4px 16px;
  color: #8D8D8D;
}
.frequency-radio-group .mat-radio-label .mat-radio-container {
  display: none;
}
.frequency-radio-group .mat-radio-label .mat-radio-label-content {
  padding-left: 0;
}
.frequency-radio-group .mat-radio-checked .mat-radio-label {
  color: #FFFFFF;
  background-color: #00a10b;
  border: 1px solid #00a10b;
}
.frequency-radio-group .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-label-content {
  color: #FFFFFF;
}
.frequency-radio-group .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-label {
  background-color: #8D8D8D;
  border: 1px solid #8D8D8D;
}
.radio-as-button .radio-group {
  gap: 24px;
  flex-wrap: nowrap;
}
.radio-as-button .radio-button {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  border-radius: 12px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  flex-basis: 40.5333333333vw;
  flex: 1;
}
.radio-as-button .radio-button span.mat-radio-container {
  display: none;
}
.radio-as-button .radio-button span.mat-radio-label-content {
  padding-left: 0;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 16px;
  width: 100%;
  color: rgba(0, 0, 0, 0.3137254902);
}
.radio-as-button .radio-button.mat-radio-checked {
  background-color: #00a10b;
}
.radio-as-button .radio-button.mat-radio-checked span.mat-radio-label-content {
  color: #FFFFFF;
  font-weight: 900;
}
.radio-special .radio-group-direction-row .mat-radio-button {
  margin: 0;
  display: flex;
  flex: none;
  width: 72px;
}
.radio-special .radio-group {
  gap: 24px;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.radio-special .radio-button {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  border-radius: 12px;
  height: 86px;
  line-height: 59px;
  text-align: center;
  flex-basis: 40.5333333333vw;
  flex: 1;
}
.radio-special .radio-button span.mat-radio-container {
  display: none;
}
.radio-special .radio-button span.mat-radio-label-content {
  padding-left: 0;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.16px;
  line-height: 16px;
  width: 100%;
  color: #00a10b;
}
.radio-special .radio-button.mat-radio-disabled.mat-radio-checked {
  background-color: #8D8D8D;
  border: 1px solid #8D8D8D;
}
.radio-special .radio-button.mat-radio-disabled span.mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.radio-special .radio-button.mat-radio-checked {
  background-color: #00a10b;
}
.radio-special .radio-button.mat-radio-checked span.mat-radio-label-content {
  color: #FFFFFF;
  font-weight: 800;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.lang-select {
  border-radius: 6px;
  padding: 5px 17px;
  font-size: 17px;
  font-weight: 400;
}
.lang-select .mat-select-trigger {
  gap: 6px;
}
.lang-select .mat-select-value {
  color: #00a10b;
}
.lang-select .mat-select-arrow-wrapper {
  position: relative;
}
.lang-select .mat-select-arrow-wrapper .mat-select-arrow {
  display: none;
}
.lang-select .mat-select-arrow-wrapper:after {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-left: 1px solid #00a10b;
  border-bottom: 1px solid #00a10b;
  transform: rotate(316deg);
  left: 6px;
}
.lang-select-panel {
  margin-top: 24px;
  transform: translateX(28px) !important;
  min-width: 86px !important;
  width: auto;
  transform-origin: unset !important;
}
.lang-select-panel .mat-option {
  height: auto !important;
  line-height: 18px !important;
  padding: 6px 20px;
  border-bottom: 1px solid #F4F7F5;
}
.lang-select-panel .mat-option:last-child {
  border-bottom: none;
}
.fpx-form-control .mat-select-arrow-wrapper .mat-select-arrow {
  opacity: 0;
}
.fpx-select-panel.mat-select-panel {
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1019607843);
  margin-left: 0;
  transform: translateY(37px) scaleY(1) !important;
}
.fpx-select-panel.mat-select-panel .mat-option-text {
  font-family: "Montserrat";
  font-weight: 500;
}
.fpx-select-panel.mat-select-panel .mat-selected .mat-option-text {
  font-weight: 900;
}
.control-container {
  display: flex;
  gap: 10px;
}
.control-container .control-wrapper {
  width: 72px;
  height: 86px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  border: none;
  border-radius: 20px;
  opacity: 1;
  background: #FFFFFF;
  color: #00a10b;
  text-align: center;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.24px;
}
.control-container .control-wrapper.control-selected {
  background: #00a10b;
  color: #FFFFFF;
}
.control-container .control-wrapper:disabled {
  background-color: #F5F5F5;
}
app-disclaimer h5 {
  color: #000000;
  font-size: 16px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: -0.16px;
  margin-bottom: 5px;
}
app-disclaimer p {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.14px;
}
app-disclaimer ul, app-disclaimer ol {
  padding: 0;
}
app-disclaimer ul li, app-disclaimer ol li {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.14px;
}
.sliders {
  cursor: pointer;
  height: 20px;
  outline: none;
  -webkit-appearance: none;
  background: linear-gradient(to right, #00a10b 0%, #00a10b 0%, rgba(112, 112, 112, 0.1254901961) 0%, rgba(112, 112, 112, 0.1254901961) 100%);
  transition: all ease-in-out 5s;
  width: 100%;
  border-radius: 20px;
}
.sliders::-webkit-slider-thumb {
  cursor: pointer;
  appearance: none;
  height: 24px;
  width: 24px;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.range-value {
  color: #0b0b0b;
  font-size: 14px;
  font-weight: 500;
  line-height: 13px;
  position: relative;
  top: -2px;
  letter-spacing: -0.32px;
}
fpx-amount-slider .mat-slider-horizontal {
  width: 100%;
  padding: 0;
}
fpx-amount-slider .mat-slider-horizontal .mat-slider-wrapper,
fpx-amount-slider .mat-slider-horizontal .mat-slider-track-wrapper,
fpx-amount-slider .mat-slider-horizontal .mat-slider-track-background,
fpx-amount-slider .mat-slider-horizontal .mat-slider-track-fill {
  height: 16px;
}
fpx-amount-slider .mat-slider-horizontal .mat-slider-wrapper {
  left: 0px;
  width: 100%;
}
fpx-amount-slider .mat-slider-horizontal .mat-slider-track-wrapper {
  border-radius: 10px;
}
fpx-amount-slider .mat-slider-horizontal .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.1607843137);
}
fpx-amount-slider .mat-slider-horizontal .mat-slider-track-fill {
  background-color: #00a10b !important;
}
fpx-amount-slider .mat-slider-horizontal .mat-slider-thumb {
  bottom: -12px;
  right: -14px;
  background-color: #FFFFFF !important;
  width: 24px;
  height: 24px;
  border-color: transparent;
  transform: scale(1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
fpx-amount-slider .mat-slider-horizontal.cdk-focused .mat-slider-track-background, fpx-amount-slider .mat-slider-horizontal:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.1607843137);
}
.mat-datepicker-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 6px;
}
#desktop .mat-datepicker-toggle {
  position: absolute;
  right: 10px;
  transform: translate(0, -50%);
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.btn-link {
  font-size: 14px;
}
.button-filter {
  width: 24px;
  height: 20px;
  border: none;
  overflow: hidden;
}
.button-filter span {
  text-indent: 999px;
  display: block;
}
.button-edit img {
  width: 18px;
}
.button-delete img {
  width: 14px;
}
.transfer-action {
  background-color: #00a10b;
}
.transfer-action button {
  flex: 1;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.transfer-action button.button-delete {
  background-color: #FFFFFF;
  color: #C70000;
}
.transfer-action.list-action-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.transfer-action.list-action-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.bene-list-action {
  background-color: #00a10b;
  height: 100%;
  display: flex;
}
.bene-list-action button {
  flex: 1;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.bene-list-action button.button-delete {
  background-color: #FFFFFF;
  color: #C70000;
}
.bene-list-action.list-action-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.bene-list-action.list-action-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.btn-icon {
  background-color: transparent;
  border: none;
}
.btn-icon.btn-accordion-toggle {
  background-size: 12px;
  width: 24px;
  height: 24px;
}
.btn-share {
  width: 20px;
  height: 20px;
  background-size: 17px;
}
.btn-share span {
  display: none;
}
.capture-picture-button {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #00a10b;
  padding: 5px;
}
.capture-picture-button span {
  background-color: #00a10b;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.capture-picture-button span img {
  width: 28px;
}
.btn-link-bold {
  background-color: transparent;
  font-weight: 700;
  color: #00a10b;
}
button.button-icon {
  background-color: transparent;
  display: flex;
  align-items: center;
}
button.button-icon .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
button.button-icon .text {
  display: none;
}
html#desktop .btn-icon.btn-accordion-toggle {
  background-size: 20px;
}
html#desktop .btn-more-vert {
  color: #656565;
  text-align: end;
  width: 30px;
}
html#desktop .grid-list-action {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  line-height: 32px;
  height: 32px;
}
html#desktop .action-menu-dropdown {
  border-radius: 12px;
}
html#desktop .action-menu-dropdown svg {
  width: 16px;
}
html#desktop .action-menu-dropdown .button-share svg {
  width: 14px;
}
html#desktop .action-menu-dropdown .button-delete svg {
  width: 12px;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  width: 50px;
  height: 30px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .slider {
  background-color: #00a10b;
}
.toggle-switch input:checked + .slider:before {
  transform: translateX(20px);
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.toggle-switch .slider.round {
  border-radius: 19px;
}
.toggle-switch .slider.round:before {
  border-radius: 100%;
  transform: translateX(0px);
}
.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  transition: 0.4s;
}
html[dir=rtl] .toggle-switch .slider.round:before {
  transform: translateX(20px);
}
html[dir=rtl] .toggle-switch input:checked + .slider:before {
  transform: translateX(0px);
}
.field-label-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.multi-range-slider {
  position: relative;
  height: 20px;
}
.multi-range-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  appearance: none;
  position: absolute;
  z-index: 10;
  height: 100%;
  margin: 0;
  pointer-events: none;
  top: 0;
  padding: 0px;
  border: 0px;
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}
.multi-range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.multi-range-slider input[type=range]:focus {
  outline: none;
}
.multi-range-slider input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.multi-range-slider input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
  cursor: pointer;
  border: 0 none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: -1px -2px 10px -2px rgba(0, 0, 0, 0.27);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  top: 0;
}
.multi-range-slider input[type=range]::-moz-range-thumb {
  pointer-events: all;
  cursor: pointer;
  border: 0 none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: -1px -2px 10px -2px rgba(0, 0, 0, 0.27);
  -moz-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  top: 0;
}
.multi-range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}
.multi-range-slider input[type=range]::-ms-thumb {
  pointer-events: all;
  border: 0 none;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: -1px -2px 10px -2px rgba(0, 0, 0, 0.27);
  -ms-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  top: 0;
}
.multi-range-slider input[type=range].hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(38, 152, 217, 0.1);
}
.multi-range-slider input[type=range].hover::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(38, 152, 217, 0.1);
}
.multi-range-slider input[type=range].hover::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(38, 152, 217, 0.1);
}
.multi-range-slider input[type=range].active::-webkit-slider-thumb {
  box-shadow: 0 0 0 20px rgba(38, 152, 217, 0.2);
}
.multi-range-slider input[type=range].active::-moz-range-thumb {
  box-shadow: 0 0 0 20px rgba(38, 152, 217, 0.2);
}
.multi-range-slider input[type=range].active::-ms-thumb {
  box-shadow: 0 0 0 20px rgba(38, 152, 217, 0.2);
}
.multi-range-slider input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
.multi-range-slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
}
.multi-range-slider input[type=range]::-moz-range-track {
  background: transparent;
}
.multi-range-slider input[type=range]::-ms-track {
  background: transparent;
}
.multi-range-slider input[type=range]::-ms-fill-lower {
  background: transparent;
}
.multi-range-slider input[type=range]:focus::-ms-fill-lower {
  background: transparent;
}
.multi-range-slider input[type=range]::-ms-fill-upper {
  background: transparent;
}
.multi-range-slider input[type=range]:focus::-ms-fill-upper {
  background: transparent;
}
.multi-range-slider .slider {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
  height: 20px;
}
.multi-range-slider .slider > .track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  background-color: #e2e2e2;
}
.multi-range-slider .slider > .range {
  position: absolute;
  z-index: 2;
  left: 0%;
  right: 0%;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  background-color: #00a10b;
}
.range-bar-value-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mat-hint-amount {
  color: rgb(150, 154, 154);
  padding: 20px;
  text-align: center;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.mat-checkbox-inner-container {
  margin-right: 12px;
}
.mat-checkbox-layout .mat-checkbox-label {
  letter-spacing: -0.14px;
  color: #140F26;
  font-size: 14px;
  font-weight: 400;
  white-space: normal;
}
.mat-checkbox-inner-container {
  height: 24px;
  width: 24px;
}
.mat-checkbox-frame {
  background-color: #D0D2D1;
  border-radius: 50%;
  border: none;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #00a10b;
  border-radius: 50%;
  border: none;
}
.mat-checkbox-checkmark {
  top: 6px;
  left: 6px;
  fill: #ffffff;
  width: 12px;
}
.mat-checkbox-checkmark-path {
  stroke-width: 5px;
}
.fpx-field-content {
  border-bottom: none;
}
.mat-checkbox-background {
  border-radius: 50%;
}
app-terms-and-condition .fpx-field-content {
  display: flex;
  flex-direction: row;
}
app-terms-and-condition .terms-checkbox-label {
  font-size: 14px;
}
app-terms-and-condition .terms-checkbox-label a {
  font-size: inherit;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  width: 50px;
  height: 30px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #00a10b;
}
.switch input:checked + .slider:before {
  transform: translateX(20px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #00a10b;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 19px;
}
.switch .slider.round:before {
  border-radius: 100%;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 1px;
  bottom: 1px;
  background-color: #FFFFFF;
  transition: 0.4s;
}
html[dir=rtl] .switch input:checked + .slider:before {
  transform: translateX(0px);
}
app-password .password-input .material-icons-outlined {
  cursor: pointer;
}
app-password .password-input .password-input {
  padding-right: 46px;
}
app-password .password-input mat-icon {
  position: absolute;
  right: 0;
  top: 18px;
}
html#desktop app-password mat-icon {
  top: 0;
}
html[dir=rtl] app-password mat-icon {
  right: calc(100% - 36px);
  margin: 0 !important;
}
html[dir=rtl]#desktop app-password mat-icon {
  right: calc(100% - 24px);
}
.creditCardListTmplt {
  height: auto !important;
  line-height: unset !important;
  padding: 20px !important;
}
.creditCardListTmplt .mat-select-trigger {
  height: auto;
}
.creditCardListTmplt .mat-select-arrow-wrapper {
  position: absolute;
  top: 0;
  right: 0px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .icon-wrapper {
  width: 28px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .icon-wrapper img {
  width: 100%;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .card-number-info {
  display: flex;
  flex-direction: column;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .card-number-info .card-number {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 19px;
  color: #00a10b;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .card-number-info .card-type-grp {
  line-height: 15px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .card-number-info .card-type-grp .card-type {
  color: #656565;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .card-number-info .card-type-grp .card-type-icon {
  height: 9px;
  margin-left: 4px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-1 .card-number-info .card-type-grp .card-type-icon img {
  height: 9px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .credit-limit {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .credit-limit .lbl {
  color: #656565;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 12px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .credit-limit .amount {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.14px;
  line-height: 16px;
  color: #000000;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .credit-limit .amount em {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.1px;
  color: #656565;
  font-style: normal;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .cash-limit {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 5px;
  text-align: right;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .cash-limit .lbl {
  color: #656565;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 12px;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .cash-limit .amount {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.14px;
  line-height: 16px;
  color: #000000;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .cash-limit .amount em {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.1px;
  color: #656565;
  font-style: normal;
}
.creditCardListTmplt .credit-card-list-item .card-sec-2 .h-seperator {
  margin: 2px 20px;
  width: 1px;
  background-color: #E7E9E8;
}
.creditCardListTmplt.mat-select-panel {
  transform: translateY(114px) scaleY(1) !important;
  padding: 0 !important;
}
.creditCardListTmplt.mat-select-panel .mat-option {
  height: auto !important;
  border-bottom: 1px solid #E7E9E8;
  padding: 12px;
}
.creditCardListTmplt.ng-template-select {
  min-height: 129.5px;
}
.creditCardListTmplt.ng-template-select + mat-placeholder {
  right: 24px;
  text-align: center;
}
.fpx-toggle {
  width: 100%;
  min-height: 30px !important;
}
.fpx-toggle .mat-slide-toggle-label {
  justify-content: space-between;
  width: 100%;
  min-height: inherit !important;
}
.fpx-toggle .mat-slide-toggle-label .mat-slide-toggle-bar {
  width: 50px;
  height: 30px;
  border-radius: 15px;
}
.fpx-toggle .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
  width: 28px;
  height: 28px;
  top: 1px;
  left: 1px;
}
.fpx-toggle .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.fpx-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #00a10b;
}
.fpx-toggle.mat-checked .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
  transform: translate3d(20px, 0, 0);
}
.fpx-toggle.mat-checked .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
.mat-ink-bar {
  height: 6px !important;
  border-radius: 20px 20px 20px 20px;
}
.mat-tab-label {
  opacity: 1 !important;
  padding: 0 !important;
}
.mat-tab-header {
  border-bottom: none;
}
.mat-tab-label .mat-tab-label-content {
  font-weight: 400;
}
.mat-tab-label-active .mat-tab-label-content {
  color: #111112 !important;
  font-size: 16px !important;
  font-weight: 800;
  letter-spacing: -0.16px;
}
.mat-tab-label .mat-tab-label-content {
  font-size: 16px;
  letter-spacing: -0.16px;
  font-family: "Montserrat" !important;
  opacity: 1 !important;
  line-height: 24px;
}
.mat-tab-group {
  font-family: "Montserrat" !important;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
/* default styles */
/* active bar styles */
/* completed bar styles */
.process-step-bar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: center;
}
.step-description {
  font-size: 22px;
  font-weight: 600;
}
ul.process-bar.step-bar {
  display: flex;
  justify-content: space-between;
}
ul.process-bar.step-bar li {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  text-align: center;
  flex: 1 1 0;
  cursor: pointer;
}
ul.process-bar.step-bar li .step-icon {
  border: 1.25px solid #D7DADF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #373737;
  background-color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  z-index: 1;
}
ul.process-bar.step-bar li .step-text {
  color: #373737;
  line-height: 24px;
  padding: 0 28px;
}
ul.process-bar.step-bar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ddd;
  bottom: calc(100% - 21px);
  left: 50%;
}
ul.process-bar.step-bar li:last-child:after {
  content: none;
}
ul.process-bar.step-bar li.active .step-icon {
  color: #FFF;
  border: 1.25px solid #63B3E1;
  background-color: #63B3E1;
}
ul.process-bar.step-bar li.active .step-text {
  color: #2F4057;
  line-height: 24px;
}
ul.process-bar.step-bar li.completed .step-icon {
  color: #FFF;
  border: none;
  background-color: #A3D33E;
  text-indent: 100px;
  overflow: hidden;
  background: url('tick-indicator.ab70e1f89985d05d.svg') no-repeat 50% 50% transparent;
}
ul.process-bar.step-bar li.completed .step-text {
  color: #2F4057;
  line-height: 24px;
}
.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;
  direction: unset;
}
.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;
}
html[dir=rtl] {
  /*mobile Ends*/
}
html[dir=rtl] .logo, html[dir=rtl] .pre-login-logo {
  right: 6.4vw;
  left: unset;
}
html[dir=rtl] .logo #Smart_Logo_with_Text, html[dir=rtl] .pre-login-logo #Smart_Logo_with_Text {
  transform: translate(0px, 0px);
}
html[dir=rtl] .logo #Smart_Logo_with_Text text, html[dir=rtl] .pre-login-logo #Smart_Logo_with_Text text {
  transform: translate(74px, 15px);
}
html[dir=rtl] .logo #Smart_Logo_with_Text g, html[dir=rtl] .pre-login-logo #Smart_Logo_with_Text g {
  transform: translate(80px, -5px);
}
html[dir=rtl] .navbar-header .header-logo {
  background-position: right;
}
html[dir=rtl] .link-wrapper {
  text-align: left;
}
html[dir=rtl] .lang-select-panel {
  transform: translateX(0) !important;
}
html[dir=rtl] .list-item-footer div:only-child {
  margin-left: unset !important;
  margin-right: auto;
}
html[dir=rtl] .modal-body .close {
  right: calc(100% - 30px - 10px) !important;
}
html[dir=rtl] .mat-datepicker-toggle {
  left: -10.5px;
  right: unset;
  margin-left: 12px;
}
html[dir=rtl] svg.donut-chart {
  transform: scaleX(1);
}
html[dir=rtl] .lang-switch {
  left: 23px;
  right: unset;
}
html[dir=rtl] .lang-switch select {
  padding: 5px 12px 5px 28px;
}
html[dir=rtl] .lang-switch:after {
  left: 15px;
  right: unset;
}
html[dir=rtl] .page .header img {
  right: 6.4vw;
}
html[dir=rtl] .single-check-box .mat-checkbox-checkmark {
  right: 6px !important;
}
html[dir=rtl] .popup-header button.popup-close-button {
  right: 24.5px !important;
  left: unset;
}
html[dir=rtl] .shell-settings .details-entry-panel app-password .fpx-field-content mat-icon,
html[dir=rtl] .shell-settings .details-entry-panel app-login-password .fpx-field-content mat-icon,
html[dir=rtl] .form-layout-3 .details-entry-panel app-password .fpx-field-content mat-icon,
html[dir=rtl] .form-layout-3 .details-entry-panel app-login-password .fpx-field-content mat-icon {
  margin-left: 16px;
}
html[dir=rtl] .pre-login-form .forgot-link {
  text-align: left !important;
}
html[dir=rtl] app-main-header .notification-icon svg {
  transform: scale(-1, 1);
}
html[dir=rtl] app-main-header .notification-icon svg text {
  transform: scale(-1, 1) translate(0px, 12px);
}
html[dir=rtl] app-login button.btn-next[disabled],
html[dir=rtl] app-login button.btn-next,
html[dir=rtl] app-login .btn,
html[dir=rtl] app-otp-page button.btn-next[disabled],
html[dir=rtl] app-otp-page button.btn-next,
html[dir=rtl] app-otp-page .btn,
html[dir=rtl] app-trouble-login button.btn-next[disabled],
html[dir=rtl] app-trouble-login button.btn-next,
html[dir=rtl] app-trouble-login .btn,
html[dir=rtl] app-reset-password button.btn-next[disabled],
html[dir=rtl] app-reset-password button.btn-next,
html[dir=rtl] app-reset-password .btn,
html[dir=rtl] app-identity-yourself button.btn-next[disabled],
html[dir=rtl] app-identity-yourself button.btn-next,
html[dir=rtl] app-identity-yourself .btn {
  transform: scaleX(-1) !important;
}
html[dir=rtl] page-account-transactions .card .btn-share {
  left: 12px !important;
  right: unset !important;
}
html[dir=rtl] page-account-transactions .page .transaction-history-header .tran-actions-icons > img:last-child {
  margin-right: 26px !important;
}
html[dir=rtl] div#searchBar input {
  padding-right: 45px;
}
html[dir=rtl] ux-app-start-card .card.active-card div img {
  transform: scaleX(-1.2) scaleY(1.2) !important;
}
html[dir=rtl] .sec-settings-landing .settings-landing-menu-list li .menu-icon {
  left: 0 !important;
  right: unset !important;
  transform: rotate(180deg);
}
html[dir=rtl] .alerts-event-content .event-box .user-events-hind {
  padding-left: 50px !important;
  padding-right: unset !important;
}
html[dir=rtl] .alerts-event-content .event-box .show-more-div {
  text-align: left !important;
}
html[dir=rtl] .form-header .btn-close {
  right: 24px !important;
}
html[dir=rtl] .sec-settings-landing .form-title {
  text-align: right !important;
}
html[dir=rtl] .acc-number,
html[dir=rtl] .acc-product {
  text-align: right !important;
}
html[dir=rtl] app-open-new-deposit .mat-datepicker-toggle {
  right: -18px !important;
}
html[dir=rtl] .error-login {
  height: unset !important;
  padding-bottom: 10px !important;
}
html[dir=rtl] app-request-dd mat-datepicker-toggle.mat-datepicker-toggle {
  left: -8px !important;
  text-align: left !important;
  position: absolute !important;
  bottom: 0 !important;
}
html[dir=rtl] app-request-dd .amount-display .currency {
  position: absolute !important;
  top: 6px !important;
  padding-right: 5px !important;
}
html[dir=rtl] page-account-transactions .card .btn-share {
  transform: scaleX(-1) !important;
}
html[dir=rtl] app-bene-card-list .card-body .bene-card .change-card {
  left: 12px;
  right: unset !important;
}
html[dir=rtl].plt-mobile page-app-start .card.active-card div img {
  transform: scaleX(-1) scaleY(1) !important;
}
html[dir=rtl].plt-mobile app-welcome-user .welcome-intro .start-animate {
  right: unset;
  left: 24px;
  animation-name: introprofile-rtl;
}
html[dir=rtl].plt-mobile app-welcome-user .welcome-intro .welcome-user-txt {
  margin-left: unset;
  margin-right: 48px;
}
@keyframes introprofile-rtl {
  0% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    right: unset;
    top: calc(304px - constant(safe-area-inset-top));
    top: calc(304px - env(safe-area-inset-top));
  }
  70% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    right: unset;
    top: calc(304px - constant(safe-area-inset-top));
    top: calc(304px - env(safe-area-inset-top));
  }
  100% {
    width: 28px;
    height: 28px;
    left: 24px;
    right: unset;
    top: calc(constant(safe-area-inset-top));
    top: calc(env(safe-area-inset-top) + 12px);
  }
}
html[dir=rtl].plt-mobile app-push-notification-enable .welcome-notificaion .notfi-logo {
  left: unset;
  right: 24px;
}
html[dir=rtl].plt-mobile app-main-header .btn-back {
  transform: scale(-1);
}
html[dir=rtl].plt-mobile app-portfolio-summary-list .avl-balance {
  text-align: left !important;
}
html[dir=rtl].plt-mobile app-portfolio-summary-list .acc-list-total .amount {
  text-align: end !important;
}
html[dir=rtl].plt-mobile app-portfolio-summary-list .swipe-actions button.btn-settings {
  width: 33% !important;
}
html[dir=rtl].plt-mobile app-portfolio-summary-list .balance {
  float: left !important;
  text-align: end !important;
}
html[dir=rtl].plt-mobile ux-account-card .card p.accountnumber .account-info span {
  text-align: right !important;
}
html[dir=rtl].plt-mobile ux-account-card .card p.availablebalance span {
  text-align: right !important;
}
html[dir=rtl].plt-mobile .avl-balance {
  float: unset !important;
  width: auto;
}
html[dir=rtl].plt-mobile .page .card-selector-container p.welcome-text {
  padding-right: 27px !important;
  text-align: right !important;
}
html[dir=rtl].plt-mobile .acc-holder-name {
  padding-right: unset !important;
}
html[dir=rtl].plt-mobile .info-popup-grp .close {
  left: 11px !important;
  right: unset !important;
}
html[dir=rtl].plt-mobile .register-text {
  margin-right: 10px !important;
}
html[dir=rtl].plt-mobile app-request-dd .acc-avl-balance {
  text-align: left !important;
  position: unset !important;
  padding-left: unset;
}
html[dir=rtl].plt-mobile .btn-link {
  left: 12px !important;
  right: unset !important;
}
html[dir=rtl].plt-mobile .iban-dtls .iban-no {
  padding-left: 5px !important;
}
html[dir=rtl].plt-mobile .card p.accountname {
  text-align: start !important;
}
html[dir=rtl].plt-mobile .card p.balance {
  text-align: start !important;
}
html[dir=rtl].plt-mobile .card p.accountnumber img {
  margin-left: 2.6666666667vw !important;
  margin-right: 0 !important;
}
html[dir=rtl].plt-mobile .btn-sticky,
html[dir=rtl].plt-mobile .btn-more.btn-sticky {
  position: fixed;
  left: 6.4vw !important;
  right: unset;
}
html[dir=rtl].plt-mobile .trx-basic-info {
  margin-right: 3.2vw !important;
  margin-left: unset;
}
html[dir=rtl].plt-mobile .currencyFormat {
  margin-right: 1.0666666667vw;
  margin-left: 0 !important;
}
html[dir=rtl].plt-mobile .iban-dtls .brand-logo {
  margin-left: 12px !important;
  margin-right: 1px !important;
}
html[dir=rtl].plt-mobile .transfer-fav-container h4 {
  padding-right: 24px !important;
}
html[dir=rtl].plt-mobile .bene-item .bene-detail-item .bene-photo {
  margin-left: 12px !important;
}
html[dir=rtl].plt-mobile page-account-transactions .fullbgblu .acc-avl-balance {
  left: 0 !important;
  text-align: left !important;
}
html[dir=rtl].plt-mobile page-account-transactions .fullbgblu .acc-avl-balance .currency {
  padding-left: unset !important;
}
html[dir=rtl].plt-mobile app-account-list .acc-avl-balance {
  padding-right: 16px !important;
  left: 12px !important;
  text-align: left !important;
  padding-left: unset !important;
}
html[dir=rtl].plt-mobile app-portfolio-summary-list .acc-list-total .total-lbl {
  padding-left: 12px !important;
}
html[dir=rtl].plt-mobile .fullbgblu .acc-avl-balance {
  padding-right: 16px !important;
  position: unset !important;
  text-align: left !important;
  padding-left: unset !important;
}
html[dir=rtl].plt-mobile .fullbgblu .acc-avl-balance .currency {
  padding-right: 0.2rem !important;
}
html[dir=rtl].plt-mobile .register-text {
  margin-right: 10px !important;
}
html[dir=rtl].plt-mobile app-transaction-search .mat-datepicker-toggle {
  bottom: -6px;
}
html[dir=rtl].plt-mobile .lang-select {
  padding: 5px 17px 10px 17px !important;
}
html[dir=rtl].plt-mobile .popbuttonset-inner .account-info span {
  text-align: right !important;
}
html[dir=rtl].plt-mobile .popup-header button.popup-close-button {
  right: 24.5px !important;
  left: unset !important;
}
html[dir=rtl].plt-mobile .mat-hint {
  text-align: left !important;
}
html[dir=rtl].plt-mobile app-transaction-info .amt {
  direction: ltr !important;
  display: inline-flex;
}
html[dir=rtl] app-account-settings input:checked + .slider:before {
  transform: translateX(0px) !important;
}
html[dir=rtl] .column2 {
  justify-content: left !important;
}
html[dir=rtl] app-account-settings .user-profile {
  margin-left: unset;
}
html[dir=rtl] app-account-settings .user-profile {
  position: unset !important;
  width: unset !important;
  height: unset !important;
}
html[dir=rtl] app-account-settings .user-profile {
  margin-right: 24px !important;
}
html[dir=rtl] app-account-settings ul.psettings {
  padding: 0 19px 0 16px !important;
}
html[dir=rtl] app-contact-us .follow img {
  left: unset;
  right: 14px;
}
html[dir=rtl] app-contact-us .address {
  padding-right: 15px;
}
html[dir=rtl] app-contact-us .email span,
html[dir=rtl] app-contact-us .website span {
  margin-left: 15px;
  margin-right: unset !important;
}
html[dir=rtl] app-faq .arrow1 {
  background-position-x: left !important;
  width: 96%;
}
html[dir=rtl] app-faq .faq-container li.arrow {
  background-position-x: left !important;
}
html[dir=rtl] app-security-tips .arrow1 {
  background-position-x: left !important;
}
html[dir=rtl] app-security-tips .security-tips-container li.arrow {
  background-position-x: left !important;
}
html[dir=rtl] .lang-switch .mat-select-arrow-wrapper {
  position: absolute !important;
}
html[dir=rtl] app-account-type .mat-select-arrow-wrapper {
  position: absolute !important;
}
html[dir=rtl] app-account-type .mat-select-value-text {
  padding-left: 23px;
}
html[dir=rtl] app-account-type span.mat-select-placeholder {
  padding-left: 25px;
}
html[dir=rtl] mat-error {
  text-align: left;
}
html[dir=rtl] app-fav-payment-card .fav-payment-list-item .fav-trx-action-container {
  position: relative;
  left: 466px;
}
html[dir=rtl] .mat-calendar-previous-button, html[dir=rtl] .mat-calendar-next-button {
  transform: rotate(358deg);
}
html[dir=rtl] .payment-method-selection .choose-payments .payment-icon {
  position: absolute;
}
html[dir=rtl] .payment-method-selection.add-new-bene .choose-payments .payment-icon {
  position: unset;
}
html[dir=rtl] .download-app {
  left: 0 !important;
}
html[dir=rtl] .contactus-container .call-us .phone span {
  padding-right: unset !important;
  padding-left: 10px !important;
}
html[dir=rtl] .summary-chevron-up,
html[dir=rtl] .summary-chevron-down {
  left: 9px !important;
  right: unset !important;
}
html[dir=rtl] .lang-switch {
  left: 0;
  right: unset;
}
html#desktop[dir=rtl] {
  /*Settings*/
}
html#desktop[dir=rtl] app-welcome-user .welcome-intro .start-animate {
  right: unset;
  left: 24px;
  animation-name: introprofile-rtl;
}
html#desktop[dir=rtl] app-welcome-user .welcome-intro .welcome-user-txt {
  margin-left: unset;
  margin-right: 48px;
}
@keyframes introprofile-rtl {
  0% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    right: unset;
    top: calc(304px - constant(safe-area-inset-top));
    top: calc(304px - env(safe-area-inset-top));
  }
  70% {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
    right: unset;
    top: calc(304px - constant(safe-area-inset-top));
    top: calc(304px - env(safe-area-inset-top));
  }
  100% {
    width: 28px;
    height: 28px;
    left: 24px;
    right: unset;
    top: calc(constant(safe-area-inset-top));
    top: calc(env(safe-area-inset-top) + 12px);
  }
}
html#desktop[dir=rtl] .footer-dock-menu {
  right: 0 !important;
}
html#desktop[dir=rtl] .bi-reponsive > .form-group > div:first-child > .bg {
  position: unset !important;
}
html#desktop[dir=rtl] .portfolio-summary-list-container {
  background: unset !important;
  box-shadow: unset !important;
  padding: unset !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li.active-menu {
  width: 256px !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li a span {
  text-align: start !important;
  padding-right: 10px !important;
}
html#desktop[dir=rtl] .header-logo {
  margin-left: 21px !important;
  width: 191px !important;
}
html#desktop[dir=rtl] .customer-navbar > div > div:last-child .search-bar .btn-search {
  left: 12px !important;
  right: unset !important;
}
html#desktop[dir=rtl] .customer-navbar > div > div:last-child .btn-search-filter {
  margin-inline-start: 24px !important;
  padding-right: 21px !important;
}
html#desktop[dir=rtl] app-main-header .notification-icon svg {
  transform: scale(-1, 1);
}
html#desktop[dir=rtl] app-main-header .notification-icon svg text {
  transform: scale(-1, 1) translate(0px, 12px);
}
html#desktop[dir=rtl] app-main-header .notification-container {
  right: 730px;
  left: unset;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-list-total .amount {
  text-align: left !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .avl-balance {
  float: left !important;
  text-align: left !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-holder-name {
  padding-right: 0 !important;
  top: 0 !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-number,
html#desktop[dir=rtl] .acc-product {
  padding: 2px 0 !important;
  display: flex !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .balance {
  float: left !important;
  text-align: left !important;
  width: 100% !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .avl-balance-lbl {
  padding-top: 6px !important;
}
html#desktop[dir=rtl] ul.acc-list .acc-short-info {
  padding-bottom: 20px !important;
}
html#desktop[dir=rtl] .base-info .balance-dtls .balance {
  width: 100% !important;
}
html#desktop[dir=rtl] .balance-dtls {
  display: unset !important;
}
html#desktop[dir=rtl] .flex-pay {
  margin-top: 28px !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .btn-add-new:before {
  margin-left: 12px !important;
}
html#desktop[dir=rtl] page-account-transactions .page .card-selector-container .left-navigate,
html#desktop[dir=rtl] page-account-transactions .page .card-selector-container .right-navigate {
  bottom: -30px;
  z-index: -1;
}
html#desktop[dir=rtl] app-recent-trx-history .trx-basic-info {
  margin-right: 12px;
  margin-left: unset;
}
html#desktop[dir=rtl] .card > div.top p.accountnumber img {
  margin-left: 10px !important;
  margin-right: 0 !important;
}
html#desktop[dir=rtl] .customer-navbar > div .service-description {
  padding-right: 15px !important;
}
html#desktop[dir=rtl] .currencyFormat {
  margin-right: 0.7389162562vh;
  margin-left: unset;
}
html#desktop[dir=rtl] app-portfolio-summary-list .swipe-actions.more-action-desktop {
  left: 0 !important;
  right: unset !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list ul.acc-list li:last-child .swipe-actions.more-action-desktop {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 14px;
}
html#desktop[dir=rtl] app-portfolio-summary-list ul.acc-list li.inactive .swipe-handle {
  left: 20px !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-short-info .swipe-handle {
  left: 20px !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li a div {
  padding-left: unset !important;
  padding-right: 31px !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li a {
  border-radius: 12px 0 0 12px !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li {
  width: 246px !important;
  border-radius: 0 12px 12px 0 !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li .bg {
  border-radius: 0 12px 12px 0 !important;
  background: transparent linear-gradient(271deg, #FFFFFF 60%, rgba(255, 255, 255, 0) 80%) 0% 0% no-repeat padding-box !important;
  right: 0 !important;
}
html#desktop[dir=rtl] page-account-transactions .menu-list-panel .contextual-menu-list li span {
  display: grid !important;
}
html#desktop[dir=rtl] app-transfer-fav-transactions .fav-transactions-list {
  width: 720px !important;
}
html#desktop[dir=rtl] app-transfers-ui .btn-link {
  left: 12px !important;
  right: unset !important;
}
html#desktop[dir=rtl] app-transfers-ui .acc-avl-balance {
  padding-right: 16px !important;
  left: 0 !important;
  text-align: left !important;
}
html#desktop[dir=rtl] app-transfers-ui .iban-dtls .brand-logo {
  margin-left: 12px !important;
  margin-right: unset !important;
}
html#desktop[dir=rtl] app-transfers-ui .trx-basic-info {
  margin-right: 3.2vw;
  margin-left: unset;
}
html#desktop[dir=rtl] app-portfolio-summary-list ul.acc-list li.inactive .swipe-handle {
  animation-name: swipe-tablet-animation-reverse;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-short-info .swipe-handle {
  flex-direction: row-reverse;
  margin-left: unset;
  margin-right: auto;
}
html#desktop[dir=rtl] app-portfolio-summary-list .swipe-actions.more-action-desktop div button.btn-statements,
html#desktop[dir=rtl] app-portfolio-summary-list .swipe-actions.more-action-desktop div button.btn-invite,
html#desktop[dir=rtl] app-portfolio-summary-list .swipe-actions.more-action-desktop div button.btn-payment,
html#desktop[dir=rtl] app-portfolio-summary-list .swipe-actions.more-action-desktop div button.btn-settings {
  height: 78px !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list ul.acc-list li:first-child .swipe-actions.more-action-desktop {
  border-top-left-radius: 14px !important;
  border-top-right-radius: unset !important;
}
html#desktop[dir=rtl] .payment-method-selection .payment-option {
  direction: ltr !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li .mask {
  border-radius: 12px !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list {
  /*Settings*/
}
html#desktop[dir=rtl] app-portfolio-summary-list .btn-icon.btn-accordion-toggle {
  transition: 0.5s ease-out;
}
html#desktop[dir=rtl] app-portfolio-summary-list .header-logo {
  margin-top: 31px !important;
  width: unset !important;
  height: 7% !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .sec-settings-landing .settings-landing-menu-list .menu-icon {
  left: 0 !important;
  text-align: left !important;
  right: unset !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .alerts-event-content .event-box .user-events-hind {
  padding-left: 50px !important;
  padding-right: unset !important;
}
html#desktop[dir=rtl] app-trx-list-detail .iconImage {
  box-shadow: -8px 3px 16px rgba(0, 0, 0, 0.1607843137) !important;
}
html#desktop[dir=rtl] app-trx-deposit-details .img-grp {
  box-shadow: -8px 3px 16px rgba(0, 0, 0, 0.1607843137) !important;
}
html#desktop[dir=rtl] .acc-avl-balance {
  padding-left: unset !important;
  left: 12px !important;
  text-align: left !important;
  position: unset !important;
}
html#desktop[dir=rtl] .btn-link {
  top: 12px !important;
  left: 12px !important;
  right: unset !important;
}
html#desktop[dir=rtl] .router-landing-section {
  margin-left: 55px !important;
  margin-right: 12px !important;
}
html#desktop[dir=rtl] page-account-transactions .card .btn-share {
  left: 12px !important;
  right: unset !important;
}
html#desktop[dir=rtl] .single-check-box .mat-checkbox-checkmark {
  right: 6px !important;
}
html#desktop[dir=rtl] .shell-settings .details-entry-panel app-password .fpx-field-content mat-icon,
html#desktop[dir=rtl] .shell-settings .details-entry-panel app-login-password .fpx-field-content mat-icon,
html#desktop[dir=rtl] .form-layout-3 .details-entry-panel app-password .fpx-field-content mat-icon,
html#desktop[dir=rtl] .form-layout-3 .details-entry-panel app-login-password .fpx-field-content mat-icon {
  left: 12px !important;
  right: unset !important;
  color: #00a10b;
}
html#desktop[dir=rtl] page-account-transactions .page .transaction-history-header .tran-actions-icons > img:last-child {
  margin-right: 26px !important;
}
html#desktop[dir=rtl] app-account-list .acc-avl-balance {
  position: absolute !important;
}
html#desktop[dir=rtl] app-transaction-search .mat-datepicker-toggle {
  left: 0;
}
html#desktop[dir=rtl] app-transaction-search button.btn-link.button40.active {
  position: unset !important;
}
html#desktop[dir=rtl] app-transaction-search .fpx-form-group .fpx-form-control .radio-group-direction-row .mat-radio-button {
  margin-left: 37px !important;
  margin-right: unset !important;
}
html#desktop[dir=rtl] page-account-transactions .page .tab-bar-container .card-details-header {
  margin-top: 19px;
}
html#desktop[dir=rtl] page-account-transactions .page .card-details-container {
  margin-top: 0 !important;
}
html#desktop[dir=rtl] page-app-start .card-bg-selector .card-bg-selector-holder {
  right: -6.40625vw !important;
}
html#desktop[dir=rtl] page-app-start .web-placeholder {
  display: none !important;
}
html#desktop[dir=rtl] page-account-transactions .page .tab-bar-container {
  margin-top: 15px;
}
html#desktop[dir=rtl] page-account-transactions .card-info .contextual-quick-action span {
  left: 12px !important;
  right: unset;
}
html#desktop[dir=rtl] .info-popup-grp .close {
  left: 11px !important;
  right: unset !important;
}
html#desktop[dir=rtl] .register-text {
  margin-right: 10px !important;
}
html#desktop[dir=rtl] page-account-transactions .page .card-selector-container .right-navigate {
  left: 0;
  right: unset;
  transform: scaleX(-1);
}
html#desktop[dir=rtl] page-account-transactions .page .card-selector-container .left-navigate {
  left: 30px;
  right: unset;
  transform: scaleX(-1);
}
html#desktop[dir=rtl] span.currency.ng-star-inserted {
  position: absolute !important;
  top: 7px !important;
  padding-right: 8px;
  padding-left: 0;
}
html#desktop[dir=rtl] .amount-display .default {
  padding-left: 5px !important;
}
html#desktop[dir=rtl] .iban-dtls .brand-logo {
  margin-left: 12px !important;
  margin-right: 1px !important;
}
html#desktop[dir=rtl] .mat-hint {
  text-align: left !important;
}
html#desktop[dir=rtl] page-account-transactions .card .btn-share {
  transform: scaleX(-1) !important;
}
html#desktop[dir=rtl] .error-login {
  height: unset !important;
  padding-bottom: 10px !important;
}
html#desktop[dir=rtl] .card > div.bottom > div:last-child p.availablebalance span {
  text-align: left !important;
}
html#desktop[dir=rtl] app-request-dd .amount-display .currency {
  position: absolute !important;
  top: 6px !important;
  padding-right: 5px !important;
}
html#desktop[dir=rtl] app-request-dd .amount-display .default {
  padding-left: 5px;
}
html#desktop[dir=rtl] .router-aside-section .aside-bar-wrapper .you-have-owe-container .you-have-you-own .overdraft-label::before {
  margin-left: 10px !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-list-total .total-lbl {
  padding-left: 12px !important;
}
html#desktop[dir=rtl] app-welcome-user .welcome-intro-profile.start-animate {
  transform: translateX(calc(-144vw + 15px + 170px + (100vw - clamp(200px, 13.28125vw, 170px) - 67px) / 2 + clamp(361px, 45.46875vw, 620px))) translateY(calc(-29.25vh + 44px - 15px));
  width: 30px;
  height: 30px;
  right: unset;
  animation-name: introprofile-rtl1;
  animation-duration: 1s;
}
html#desktop[dir=rtl] .mat-select {
  font-family: "Montserrat" !important;
}
html#desktop[dir=rtl] #headerBar .bac-btn {
  transform: scaleX(-1) !important;
  top: -3px !important;
  position: relative !important;
}
@keyframes introprofile-rtl1 {
  0% {
    width: 50px;
    height: 50px;
    left: calc(43% - 30px);
    right: unset;
    top: calc(190px - constant(safe-area-inset-top));
    top: calc(190px - env(safe-area-inset-top));
  }
  70% {
    width: 50px;
    height: 50px;
    left: calc(43% - 30px);
    right: unset;
    top: calc(190px - constant(safe-area-inset-top));
    top: calc(190px - env(safe-area-inset-top));
  }
  100% {
    width: 30px;
    height: 30px;
    left: 30px;
    right: unset;
    top: calc(env(safe-area-inset-top) + 1px);
  }
}
html#desktop[dir=rtl] app-cheque-status-inquiry .mat-radio-label-content {
  padding-right: 0 !important;
}
html#desktop[dir=rtl] app-welcome-user .welcome-intro .welcome-user-txt h1 {
  text-align: right !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list .acc-short-info img {
  transform: rotate(180deg) !important;
  position: absolute !important;
  left: 104px !important;
  right: unset !important;
}
html#desktop[dir=rtl] app-portfolio-summary-list ul.acc-list li.active .swipe-handle img {
  transform: rotate(0deg) !important;
  animation-name: swipe-tablet-animation-reverse;
  animation-duration: 0.4s;
  animation-timing-function: linear;
}
html#desktop[dir=rtl] app-portfolio-summary-list ul.acc-list li.inactive .swipe-handle img {
  transform: rotate(180deg) !important;
  animation-name: swipe-tablet-animation-reverse;
  animation-duration: 0.4s;
  animation-timing-function: linear;
}
html#desktop[dir=rtl] ul.footer-nav-bar li:hover {
  transition: transform 0.2s ease-out !important;
  transform: translateX(-1px) !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li.active-menu:hover {
  transform: translateX(0px) !important;
}
html#desktop[dir=rtl] ul.footer-nav-bar li {
  transform: translateX(10px) !important;
}
html#desktop[dir=rtl] app-transaction-info .tag {
  margin-right: unset !important;
}
html#desktop[dir=rtl] app-transaction-info .amt {
  direction: ltr !important;
  display: inline-flex;
}
html#desktop[dir=rtl] .toast-container {
  position: absolute !important;
  left: 10px !important;
  right: unset !important;
}
html#desktop[dir=rtl] .customer-navbar > div > div:last-child .user-logout {
  margin-left: unset !important;
}
html#desktop[dir=rtl] .column2 {
  justify-content: left !important;
}
html#desktop[dir=rtl] app-account-settings .card {
  right: 1058px;
  left: unset;
}
html#desktop[dir=rtl] app-account-settings input:checked + .slider:before {
  transform: translateX(0px);
}
html#desktop[dir=rtl] app-account-settings .user-profile {
  margin-left: unset;
}
html#desktop[dir=rtl] app-bene-withinbank .fpx-field.ben,
html#desktop[dir=rtl] app-swift-beneficiary .fpx-field.ben,
html#desktop[dir=rtl] app-domestic-ach .fpx-field.ben {
  right: 55px;
  width: 92%;
}
html#desktop[dir=rtl] app-bene-withinbank .fpx-upload-profile-image-field,
html#desktop[dir=rtl] app-swift-beneficiary .fpx-upload-profile-image-field,
html#desktop[dir=rtl] app-domestic-ach .fpx-upload-profile-image-field {
  left: 607px;
}
html#desktop[dir=rtl] app-swift-beneficiary .image-label,
html#desktop[dir=rtl] app-domestic-ach .image-label {
  right: -15px;
}
html#desktop[dir=rtl] app-bene-withinbank .image-label {
  right: -5px;
}
html#desktop[dir=rtl] ul.psettings {
  padding: 0 21px;
}
html#desktop[dir=rtl] .card p.accountnumber .account-info span {
  text-align: right;
}
html#desktop[dir=rtl] app-reset-password ul.password-rule-list li {
  padding-left: 0;
  padding-right: 16px;
}
html#desktop[dir=rtl] app-reset-password ul.password-rule-list li:before {
  right: 0px;
}
html#desktop[dir=rtl] app-beneficiary-list-detail .bene-item .bene-detail-item .bene-photo {
  margin-left: 12px;
}
html#desktop[dir=rtl] app-account-list .acc-avl-balance {
  left: 12px !important;
}
html#desktop[dir=rtl] app-contact-us .follow img {
  left: unset;
  right: 14px;
}
html#desktop[dir=rtl] app-contact-us .address {
  padding-right: 15px;
}
html#desktop[dir=rtl] app-contact-us .email span,
html#desktop[dir=rtl] app-contact-us .website span {
  margin-left: 15px;
  margin-right: unset !important;
}
html#desktop[dir=rtl] app-faq .arrow1 {
  background-position-x: left !important;
  width: 91%;
}
html#desktop[dir=rtl] app-faq .faq-container li.arrow {
  background-position-x: left !important;
  width: 91%;
}
html#desktop[dir=rtl] app-security-tips .arrow1 {
  background-position-x: left !important;
  width: 91%;
}
html#desktop[dir=rtl] app-security-tips .security-tips-container li.arrow {
  background-position-x: left !important;
  width: 91%;
}
html#desktop[dir=rtl] app-security-tips .expand-text div:last-child {
  width: 91%;
}
html#desktop[dir=rtl] app-ads-banner .contextual-menu-list {
  padding: 0 0 0 7px !important;
}
html#desktop[dir=rtl] details .summary-title {
  padding: 5px 0 0 34px !important;
}
html#desktop[dir=rtl] app-service-request-landing app-service-request-history .service-request-status-list-item .service-request-details .btn-icon {
  left: 0px !important;
  right: unset;
}
html#desktop[dir=rtl] .mat-datepicker-content {
  position: relative !important;
  left: -326px !important;
}
app-security-tips ul.ablance li:before {
  margin-right: -20px !important;
}
/*SANTHOSH 08/DEC/2021 BEGIN*/
/*SANTHOSH 08/DEC/2021 END*/
/** Material theme style **/
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px);
  width: 133.3334033333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px);
  width: 133.3334133333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28116em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28115em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28114em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.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;
}
/* base styles */
html {
  font-size: 16px;
  caret-color: #2F4057 !important;
}
/* Step Bar css */
/* base styles */
/* active bar styles */
/* completed bar styles */
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #4e6584;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #4e6584;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: white;
  background: #4e6584;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #4e6584;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #4e6584;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #4e6584;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  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-raised-button:not([class*=mat-elevation-z]) {
  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-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  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-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  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-card.mat-card-flat:not([class*=mat-elevation-z]) {
  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-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #4e6584;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #4e6584;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #4e6584;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(78, 101, 132, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(78, 101, 132, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(78, 101, 132, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #4e6584;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(78, 101, 132, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(78, 101, 132, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(78, 101, 132, 0.3);
  }
}
.mat-datepicker-content {
  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);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}
.mat-datepicker-content-touch {
  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-datepicker-toggle-active {
  color: #4e6584;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  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-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #4e6584;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #4e6584;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #4e6584;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #4e6584;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #4e6584;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #4e6584;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  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-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #cfd5dd;
}
.mat-progress-bar-buffer {
  background-color: #cfd5dd;
}
.mat-progress-bar-fill::after {
  background-color: #4e6584;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #4e6584;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #4e6584;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #4e6584;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #4e6584;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  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-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #4e6584;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(78, 101, 132, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #4e6584;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  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);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #4e6584;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(78, 101, 132, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #4e6584;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(198, 213, 234, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #4e6584;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(198, 213, 234, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #4e6584;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #4e6584;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  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-simple-snackbar-action {
  color: #ff4081;
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('fill-icons.9d7f970f91b8d595.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: url('outline-icons.f86cb7b0aa53f0fe.woff2') format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper,
.mat-form-field-wrapper {
  padding-bottom: 0px;
}
.mat-form-field-underline {
  display: none;
}
.fpx-form-control .mat-form-field-infix {
  border: none;
  padding: 0;
}
.mat-radio-button,
.mat-radio-label-content,
.mat-radio-label,
.mat-select-value,
.mat-form-field {
  font-family: "Montserrat";
}
mat-option.mat-selected {
  display: none;
}
.mat-tab-body-wrapper {
  overflow: unset !important;
}
.mat-tab-body-wrapper .mat-tab-body-active {
  overflow-x: unset !important;
  overflow-y: unset !important;
  overflow: unset !important;
}
.mat-tab-body-wrapper .mat-tab-body-active .mat-tab-body-content {
  overflow: unset !important;
}
/********** button styles **/
button:is(.primary, .secondary, .reset, .contact) {
  padding: 5px 35px;
  min-width: 119px;
  border-radius: 4px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 600;
}
button.auth-button {
  padding: 5px 25px;
  border-radius: 4px;
  line-height: 26px;
  background-color: #CAFFB9;
  color: #2F4057;
  font-size: 14px;
  font-weight: 600;
  min-width: 91px;
}
button.primary {
  background-color: #63B3E1;
  color: #FFFFFF;
}
button.primary:disabled {
  background-color: #C8CCCF;
  color: rgba(55, 55, 55, 0.2509803922);
}
button.secondary {
  background-color: #FFFFFF;
  color: #2F4057;
  line-height: 36px;
  border: 1px solid #2F4057;
}
button.reset {
  background-color: #FFFFFF;
  color: #2F4057;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 8px;
}
button.reset:before {
  content: " ";
  background: url('reset.459cfdb1ecd9540d.svg') no-repeat 50% 50% transparent;
  width: 40px;
  height: 40px;
  display: inline-block;
}
footer button.back {
  background-color: #FFFFFF;
  color: #2F4057;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 25px;
}
footer button.back:before {
  content: " ";
  background: url('back.9119652f5e942ce3.svg') no-repeat 50% 50% transparent;
  width: 24px;
  height: 24px;
  display: inline-block;
}
button.contact {
  background-color: #CAFFB9;
  color: #2F4057;
}
button.button-icon {
  border-radius: 4px;
  border: 0.5px solid #E2E9DF;
  padding: 6px 10px;
}
button.button-icon .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
button.button-icon .icon.download {
  background: url('download.117dd737704e4fb9.svg') no-repeat 50% 50% transparent;
}
button.button-icon .icon.delete {
  background: url('delete.75664cb3e68acffc.svg') no-repeat 50% 50% transparent;
}
button.button-icon .icon.close {
  background: url('close.fdb205f7091418c9.svg') no-repeat 50% 50% transparent;
}
.link {
  background-color: transparent;
  color: #68B0E2;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}
.link:disabled {
  color: rgba(55, 55, 55, 0.2509803922);
}
.link-color {
  color: #68B0E2 !important;
}
.toast-success {
  background-size: 14px !important;
  background-color: #2F4057;
}
input.mat-input-element {
  caret-color: #2F4057 !important;
}
/**** Headding Styles ****/
.h1 {
  font-family: "Montserrat";
  color: #2F4057;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  margin: 0;
}
.h2 {
  font-family: "Montserrat";
  color: #2F4057;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
.h3 {
  font-family: "Montserrat";
  color: #303F57;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}
.error-alert-dialog {
  width: 85% !important;
  height: fit-content;
  max-width: 677px !important;
}
.error-alert-dialog .mat-dialog-container {
  padding: 0 10px 0 0 !important;
}
.error-alert-dialog .error-alert {
  display: flex;
  gap: 24px;
  align-items: center;
}
.error-alert-dialog .error-alert .icon {
  width: 80px;
  background-color: #CB2E2E;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-alert-dialog .error-alert .icon .warning-icon::before {
  content: "";
  background: url('warning.625044495bfe71c0.svg') no-repeat 50% 50% transparent;
  width: 80px;
  height: 80px;
  display: inline-block;
}
.error-alert-dialog .error-alert .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #FFFFFF;
  position: relative;
  flex: 1;
}
.error-alert-dialog .error-alert .text .error-title {
  color: #2F4057 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.error-alert-dialog .error-alert .text .error-message {
  color: #2F4057;
  font-size: 14px;
  font-weight: 500;
}
.error-alert-dialog .error-alert .close {
  padding-top: 10px;
  align-self: flex-start;
}
.error-alert-dialog .error-alert .close button.close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #2F4057;
  mask: url('close.fdb205f7091418c9.svg') no-repeat center;
}
/********** form control styles */
.entry-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.entry-form fpx-label {
  color: #2F4057;
  font-weight: 600;
  display: block;
}
.entry-form fpx-label .indicator {
  text-indent: 4px;
  display: inline-block;
  color: red;
}
.entry-form mat-checkbox {
  cursor: default;
}
.entry-form mat-checkbox label {
  pointer-events: none;
}
.entry-form mat-checkbox label .mat-checkbox-inner-container {
  pointer-events: all;
  cursor: pointer;
}
.entry-form .hint {
  opacity: 1;
  visibility: visible;
  display: block;
  position: static;
  padding: 0 0 0 calc(216px + var(--gapX));
  width: 100%;
  margin: 6px 0 0;
  max-width: unset;
  background: none;
  box-shadow: none;
  color: #6C6C6C;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
.entry-form fieldset {
  border: 1px solid #95989A;
  padding: 20px;
}
.entry-form fieldset legend {
  float: none;
  display: inline-block;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  width: auto;
  padding: 10px 20px;
  color: #2F4057;
}
.entry-form fieldset .fieldset-group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.entry-form fieldset .fieldset-group > * {
  width: 100%;
}
.entry-form .input-grid .input-grid-row {
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
.entry-form .fpx-form-control fpx-label {
  margin-bottom: 6px;
  display: block;
}
.entry-form .fpx-form-control .mat-input-element,
.entry-form .fpx-form-control mat-select {
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D7DADF;
  box-shadow: none;
  padding: 0 14px;
  height: 48px;
  line-height: 48px;
  color: #2F4057;
  font-weight: 400;
  width: 100%;
}
.entry-form .fpx-form-control .mat-input-element:disabled, .entry-form .fpx-form-control .mat-input-element.mat-select-disabled,
.entry-form .fpx-form-control mat-select:disabled,
.entry-form .fpx-form-control mat-select.mat-select-disabled {
  border-color: 1px solid #C8CCCF !important;
  background: #EFF1F4;
  color: #97989a;
}
.entry-form .fpx-form-control .mat-select-arrow-wrapper {
  border: 1px solid #2F4057;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) translateX(-6px);
  background: none;
  width: 7.5px;
  height: 7.5px;
}
.entry-form .fpx-form-control .mat-select-trigger {
  height: 100%;
  left: 0px;
}
.entry-form .fpx-form-control mat-radio-group.radio-group-direction-row {
  gap: 32px;
}
.entry-form .fpx-form-control mat-radio-group.radio-group-direction-row .mat-radio-label {
  gap: 10px;
}
.entry-form .fpx-form-control mat-radio-group.radio-group-direction-row .mat-radio-label .mat-radio-label-content {
  padding: 0;
}
.entry-form .fpx-form-control mat-radio-group.radio-group-direction-row > * {
  flex-basis: auto;
}
.entry-form .fpx-form-control mat-radio-group .mat-radio-container .mat-radio-outer-circle {
  background-color: transparent;
  border: 2px solid #D7DADF;
}
.entry-form .fpx-form-control mat-radio-group .mat-radio-checked .mat-radio-outer-circle {
  background-color: #5393B7;
  border-color: #5393B7;
}
.entry-form .fpx-form-control mat-radio-group .mat-radio-checked .mat-radio-inner-circle {
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  border: none;
  border-width: 0;
  transform: unset;
  background-color: #FFF;
  border-radius: 50%;
}
.entry-form .fpx-form-control .placeholder {
  left: 14px;
  color: rgba(0, 0, 0, 0.1882352941);
  transition: all 0.5s ease-in-out;
  font-size: 16px;
  letter-spacing: -0.16px;
  font-weight: 500;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 4px;
}
.entry-form .fpx-form-control .mat-input-element:focus ~ .placeholder,
.entry-form .fpx-form-control .input-available ~ .placeholder {
  font-size: 10px;
  letter-spacing: -0.1px;
  top: 38px;
  display: none !important;
}
.entry-form .fpx-form-control .ng-template-select.input-available ~ .placeholder {
  display: none;
}
.entry-form .fpx-form-control .mat-datepicker-toggle {
  bottom: unset;
}
.entry-form .otp-display {
  gap: 9px;
}
.entry-form .otp-display .otp-input {
  height: 44px;
  width: 40px;
  border: 1px solid #D7DADF;
  box-shadow: none;
  border-radius: 4px;
  line-height: 40px;
  color: #2F4057;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.entry-form .otp-display .otp-input.active {
  border: 1px solid #4C809E !important;
  box-shadow: 0px 0px 5px 0px rgba(115, 181, 243, 0.67);
}
.entry-form .otp-timer {
  font-size: 16px;
  color: #919191;
  line-height: 22px;
  font-weight: 500;
}
.entry-form .otp-timer .timer {
  font-weight: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.entry-form .otp-timer .timer:before {
  content: " ";
  background: url('timer.6ca55eb57e6510ce.svg') no-repeat 50% 50% transparent;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.entry-form .otp-timer .unit {
  display: none;
}
.entry-form .mat-error {
  color: #CB2E2E;
  font-weight: 400;
  text-align: left;
  margin-top: 6px;
  line-height: 12px;
}
.entry-form fpx-checkbox .fpx-form-control {
  justify-content: flex-start !important;
}
.entry-form fpx-checkbox .fpx-form-control .check-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.entry-form fpx-checkbox .fpx-form-control .check-box .content {
  color: #303F57;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 21px;
  margin-top: 2px;
  white-space: pre-line;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-layout {
  gap: 10px;
  align-items: flex-start;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-layout .mat-checkbox-inner-container {
  margin: 0;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-frame {
  border: 2px solid #D7DADF;
  border-radius: 4px !important;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-label {
  color: #303F57;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-label .content {
  font-size: inherit;
  white-space: pre-line;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-checked .mat-checkbox-background {
  background-color: #63B3E1;
  border-radius: 4px !important;
  align-items: center;
  justify-content: center;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-checked .mat-checkbox-background .mat-checkbox-mixedmark {
  display: none;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-checked .mat-checkbox-background svg {
  width: 14px;
  height: 14px;
  position: static;
}
.entry-form fpx-checkbox .fpx-form-control .mat-checkbox-checked .mat-checkbox-background svg path {
  stroke-width: 4px;
}
.entry-form .mat-input-element:is(.ng-touched.ng-invalid),
.entry-form mat-select:is(.ng-touched.ng-invalid) {
  border: 1px solid #CB2E2E;
}
.entry-form fpx-date[ng-reflect-toggle-disabled=true] .mat-input-element {
  border-color: 1px solid #C8CCCF;
  background: #EFF1F4 !important;
  color: #97989a !important;
}
.note-container {
  border-radius: 3px;
  border: 0.5px solid #CACACA;
  background: #F5F5F5;
  padding: 30px;
}
.note-container .note {
  color: #303F57;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  max-height: 130px;
  overflow: auto;
}
/********** process-shell */
.process-shell.onboarding-form > header {
  height: auto !important;
  background-color: #FFFFFF;
  padding: 60px 40px;
  margin-left: 40px;
  margin-right: 40px;
}
.process-shell.onboarding-form > header h1,
.process-shell.onboarding-form > header .close-button {
  display: none;
}
.process-shell .process-arn-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
.process-shell .process-arn-container .arn-title {
  color: #222B37;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  line-height: 44px;
}
.process-shell .process-arn-container .arn-decription {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.process-shell .process-arn-container .arn-dislpay {
  width: 569px;
  height: 84px;
  border-radius: 4px;
  background: #C8F8B9;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
  justify-content: center;
}
.process-shell .process-arn-container .arn-dislpay .arn {
  color: #303F57;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.process-shell .process-arn-container .arn-dislpay fpx-button {
  display: flex;
}
.process-shell .process-arn-container .arn-dislpay fpx-button .copy-button {
  background: url('copy.46d936237453506c.svg') no-repeat center transparent;
  width: 24px;
  height: 24px;
}
.process-shell footer {
  border: none !important;
  background-color: #FFFFFF;
}
.process-shell footer .footer-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.process-shell footer .footer-actions .sec2 {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
}
/********** Onboarding container styles **/
.onboarding-container {
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
}
.onboarding-container > header {
  display: block;
  height: 60px;
  padding: 9px 20px;
  background-color: #2C3B55;
  width: 100%;
  z-index: 2;
}
.onboarding-container > header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.onboarding-container > header .header-inner .logo {
  margin: 0;
  padding: 0;
  background: url('sbc-logo.4571d09ddcf45edf.svg') no-repeat 0 0 transparent;
  background-size: 100%;
  width: 106px;
  height: 16px;
}
.onboarding-container > header .header-inner .logo span {
  display: none;
}
.onboarding-container > header .header-inner nav {
  display: none;
}
.onboarding-container > header .header-inner nav .nav-button {
  color: #B7C8CD;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.3px;
  background-color: transparent;
}
.onboarding-container > header .header-inner nav .nav-button:hover {
  color: #FFFFFF;
}
.onboarding-container .onboarding-body {
  display: block;
}
.onboarding-container .onboarding-body .onboarding-form-container {
  background-color: unset;
}
.onboarding-container .onboarding-body .onboarding-form-container .process-shell-body > *:nth-child(2) {
  padding: 20px;
  display: block;
  background-color: #FFFFFF;
}
.onboarding-container .onboarding-body .process-shell-body {
  padding: 0;
}
/********** OTP Modal styles **/
.cdk-overlay-container {
  pointer-events: none;
}
.cdk-overlay-container .cdk-global-overlay-wrapper {
  backdrop-filter: unset;
  pointer-events: all;
}
.mat-dialog-container {
  border-radius: 4px !important;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15);
}
.verify-otp-modal {
  width: 325px;
  min-height: 450px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.verify-otp-modal #verifyOTPModal {
  padding: 0;
}
.verify-otp-modal .verify-otp-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 15px;
  width: 100%;
}
.verify-otp-modal .verify-otp-container .verify-otp-banner {
  text-align: center;
  padding-top: 17px;
  position: relative;
  width: 100%;
}
.verify-otp-modal .verify-otp-container .verify-otp-banner:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 73px;
  background-color: #C8F8B9;
  z-index: 0;
}
.verify-otp-modal .verify-otp-container .verify-otp-banner img {
  position: relative;
  z-index: 1;
  width: 152px;
}
.verify-otp-modal .verify-otp-container .form-title-group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.verify-otp-modal .verify-otp-container .form-title-group .form-title {
  color: #303F57;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  margin: 0;
}
.verify-otp-modal .verify-otp-container .form-title-group .form-caption {
  display: none;
  color: #2F4057;
}
.verify-otp-modal .verify-otp-container .mat-error {
  text-align: center;
}
.grid.open-new-card-info {
  display: flex;
  gap: 30px;
  flex-direction: column;
  justify-content: center;
}
.grid.open-new-card-info .card-info-title {
  color: #2F4057;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
}
.grid.open-new-card-info .open-card-primary-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
}
.grid.open-new-card-info .open-card-primary-info .gold-img {
  width: 258px;
  height: 157px;
}
.grid.open-new-card-info .open-card-primary-info .gold-card {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.grid.open-new-card-info .open-card-primary-info .wave-img {
  width: 258px;
  height: 157px;
}
.grid.open-new-card-info .open-card-primary-info .wave-card {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.grid.open-new-card-info .open-card-primary-info .card-details .card-info-sub-title {
  color: #1D68B3;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}
.grid.open-new-card-info .open-card-primary-info .card-details ul {
  padding-top: 10px;
  padding-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
  font-size: 14px;
  font-weight: 500;
  line-height: 29px;
  color: #2F4057;
}
.grid.open-new-card-info p.open-card-secondary-info {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #373737;
}
.assistance-note {
  text-align: center;
  padding: 30px;
}
.assistance-note .h3 {
  color: #303F57;
  font-size: 16px !important;
}
.assistance-note .assistance {
  color: #303F57;
  font-size: 16px;
  font-weight: 700;
}
.result-form-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: -40px;
  padding-bottom: 40px;
  gap: 30px;
}
.result-form-container .tracker-btn {
  border-radius: 4px;
  padding: 12px 35px;
  background-color: #CAFFB9;
  border-radius: 4px;
  line-height: 24px;
  font-weight: 500;
  font-size: 16px;
}
.result-form-container .link {
  font-weight: 500;
}
.result-form-container .status-illustration {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.result-form-container .status-illustration img {
  border-radius: 50%;
  overflow: hidden;
  width: 320px;
  height: 320px;
  background-color: #b9e0ed;
  z-index: 1;
  position: relative;
}
.result-form-container .status-illustration::before {
  content: " ";
  height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #f5f7f5;
  z-index: 0;
}
.result-form-container .status-illustration.failure img {
  background: none;
}
.result-form-container .status-title {
  color: #2F4057;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  line-height: 70px;
  text-transform: capitalize;
}
.result-form-container .result-form-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
  background: white;
  padding: 0 50px;
}
.result-form-container .result-form-body .result-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.result-form-container .result-form-body .reference-container {
  padding-top: 40px;
  border-radius: 10px;
  border: 1px solid #C8CCCF;
  min-width: 462px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
  max-height: 132px;
}
.result-form-container .result-form-body .reference-container .h1 {
  text-transform: none;
}
.result-form-container .result-form-body .tracker-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.result-form-container .result-form-body .thanks-note .h3 {
  font-size: 16px;
  font-weight: 500;
}
.view-application-status {
  padding: 30px 16px 0;
}
.view-application-status .header, .view-application-status .process-arn-container {
  display: none;
}
.view-application-status app-applicant-info-form .open-new-card-info,
.view-application-status app-suppl-applicant-form .open-new-card-info {
  display: none !important;
}
.view-application-status mat-checkbox .mat-checkbox-inner-container {
  pointer-events: none;
}
.view-application-status mat-checkbox .mat-checkbox-inner-container .mat-checkbox-background {
  background-color: #c2c4c6;
}
.view-application-status sbc-searchable-dropdown .mat-input-element {
  border-color: 1px solid #D7DADF !important;
  background-color: #EFF1F4 !important;
  color: #97989a !important;
  pointer-events: none;
}
.view-application-status app-view-application-status {
  padding: 0 !important;
  background-color: #f4f7f5 !important;
}
.view-application-status app-view-application-status .entry-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.view-application-status app-view-application-status .entry-form .application-status-inquiry {
  border: 1px solid #D7DADF;
  background: #EBEBEB;
  pointer-events: none;
  padding: 70px 40px;
}
.view-application-status app-view-application-status .entry-form .application-status-inquiry .fpx-form-control .mat-input-element {
  background: #E6E6E6;
}
.view-application-status app-view-application-status .entry-form .application-status-header {
  background: #FFFFFF;
  height: 158px;
  display: flex;
  width: 100%;
}
.view-application-status app-view-application-status .entry-form .application-status-header > box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 50%;
  padding: 40px 0;
}
.view-application-status app-view-application-status .entry-form .application-status-header > box .label {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #303F57;
  text-align: center;
}
.view-application-status app-view-application-status .entry-form .application-status-header > box .value {
  color: #2F4057;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
}
.view-application-status app-view-application-status .entry-form .application-status-header .status-message {
  background: #CAFFB9;
}
.view-application-status app-view-application-status .entry-form .status-view {
  display: flex;
  padding: 20px 40px 70px 40px;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  background: #FFF;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-status {
  display: flex;
  padding: 80px 0px;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  color: #304057;
  line-height: 24px;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-status .status-icon:before {
  content: " ";
  background: url('appl-status-approved.6bec90dd965c4342.png') no-repeat 50% 50% transparent;
  width: 167px;
  height: 168px;
  display: inline-block;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-status .status-requirement {
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-status .status-text {
  font-size: 16px;
  font-weight: 500;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-form {
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  display: flex;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-form .form-link {
  color: #68B0E2;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-form .form-link:after {
  content: " ";
  background: url('angle-arrow-down.9f08cb9a1247ee81.svg') no-repeat 50% 50% transparent;
  width: 16.708px;
  height: 9.743px;
  display: inline-block;
  margin-left: 13px;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details {
  height: 0px;
  z-index: -1;
  width: 100%;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details.show-application-details {
  height: auto;
  z-index: 1;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details .mat-tab-group .mat-tab-header {
  margin-bottom: 60px;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details .mat-tab-group .mat-tab-labels .mat-tab-label {
  height: 60px;
  display: flex;
  align-items: flex-start;
  flex: 1;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details .mat-tab-group .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  width: min-content;
  white-space: break-spaces;
  color: #303F57 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 21px;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  font-weight: 600 !important;
}
.view-application-status app-view-application-status .entry-form .status-view .view-application-details .mat-tab-group .mat-ink-bar {
  background-color: #A3D33E;
  height: 4px !important;
}
.view-application-status app-view-application-status .entry-form.rejected .status-message {
  background: #FFD2D2;
}
.view-application-status app-view-application-status .entry-form.rejected .view-application-status .status-icon:before {
  content: " ";
  background: url('appl-status-rejected.1c565b75504d3d79.png') no-repeat 50% 50% transparent !important;
  width: 356px !important;
  height: 285px !important;
  display: inline-block;
}
.view-application-status app-view-application-status .entry-form.rejected .view-application-status .status-text {
  margin-top: 50px;
}
.view-application-status app-view-application-status .entry-form.rejected .view-application-status .home-button {
  color: #63B3E1;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 16px;
}
.view-application-status app-view-application-status .entry-form.rejected .view-application-status .customer-number {
  color: #303F57;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 59px;
}
.view-application-status app-view-application-status .entry-form.success .status-message {
  background: #CAFFB9;
}
.view-application-status app-view-application-status .entry-form.success .status-icon:before {
  content: " ";
  background: url('appl-status-approved.6bec90dd965c4342.png') no-repeat 50% 50% transparent;
  width: 167px;
  height: 168px;
  display: inline-block;
}
.view-application-status app-document-file-inv-input-grid.disabled form fpx-file-upload .fpx-form-control .fpx-file-input {
  background: none;
}
.view-application-status app-document-file-inv-input-grid.disabled form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon {
  display: none;
}
/********** Desktop & Tablet channel style **/
html:not(.mobile-channel) button:is(.primary, .secondary, .reset) {
  min-width: 139px;
}
html:not(.mobile-channel) button.auth-button {
  padding: 5px 35px;
  min-width: 170px;
  line-height: 36px;
}
html:not(.mobile-channel) .link {
  font-weight: 500;
  text-decoration: underline;
}
html:not(.mobile-channel) .onboarding-container {
  height: auto;
  gap: 40px;
  justify-content: flex-start;
  padding-bottom: 30px;
}
html:not(.mobile-channel) .onboarding-container > header {
  height: auto;
  padding: 30px 0;
  z-index: 2;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner {
  width: 1310px;
  margin: 0 auto;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner .logo {
  width: 226px;
  height: 42px;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner nav {
  display: block;
  flex: 1;
  flex-grow: 1;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner nav ul.nav-menu {
  display: flex;
  gap: 47px;
  margin-left: 38px;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner nav ul.nav-menu li {
  color: #B7C8CD;
  font-size: 19px;
  line-height: 24px;
  font-weight: 600;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner nav .nav-button {
  color: #B7C8CD;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.3px;
  background-color: transparent;
}
html:not(.mobile-channel) .onboarding-container > header .header-inner nav .nav-button:hover {
  color: #FFFFFF;
}
html:not(.mobile-channel) app-onboard-result-form .result-form-container .result-form-body.result-rejected .result-info {
  margin-bottom: 20px;
}
html:not(.mobile-channel) .onboarding-body {
  border-radius: 0;
  box-shadow: none;
  display: block;
  height: auto;
  background-color: unset;
  padding: 0;
  margin-bottom: 100px;
}
html:not(.mobile-channel) .onboarding-body::before {
  display: none;
}
html:not(.mobile-channel) .onboarding-body::after {
  display: none;
}
html:not(.mobile-channel) .onboarding-body .onboarding-banner-container {
  display: none;
}
html:not(.mobile-channel) .onboarding-body .onboarding-form-container .process-shell-body > *:nth-child(2) {
  padding: 40px;
  display: block;
  margin-left: 40px;
  margin-right: 40px;
}
html:not(.mobile-channel) .onboarding-body .onboarding-form-container .app-onboard-result-form .process-shell-body > *:nth-child(2) {
  background-color: unset;
}
html:not(.mobile-channel) .onboarding-body .onboarding-form-container .app-onboard-result-form .result-form-container {
  margin: 0;
  background-color: #fff;
  margin-top: -40px;
}
html:not(.mobile-channel) .onboarding-body .onboarding-form-container .onboarding-form .process-shell-body {
  overflow: unset !important;
}
html:not(.mobile-channel) .onboarding-body .onboarding-form-container .onboarding-form > footer {
  padding: 10px 0 70px !important;
  height: auto !important;
  margin-left: 40px;
  margin-right: 40px;
  max-width: 1230px;
}
html:not(.mobile-channel) .process-shell .process-shell-body {
  padding: 0 !important;
}
html:not(.mobile-channel) .grid.open-new-card-info {
  width: 800px;
  align-self: center;
}
html:not(.mobile-channel) .entry-form .grid, html:not(.mobile-channel) .entry-form .input-grid {
  flex-direction: column;
}
html:not(.mobile-channel) .entry-form .grid .input-grid-row .input-grid-row-item, html:not(.mobile-channel) .entry-form .input-grid .input-grid-row .input-grid-row-item {
  width: 100% !important;
}
html:not(.mobile-channel) .entry-form .grid > *, html:not(.mobile-channel) .entry-form .input-grid > * {
  width: 100%;
}
html:not(.mobile-channel) .entry-form .grid fieldset, html:not(.mobile-channel) .entry-form .input-grid fieldset {
  padding: 50px 95px;
  width: 800px;
  margin: 0 auto;
}
html:not(.mobile-channel) .entry-form .grid fieldset legend, html:not(.mobile-channel) .entry-form .input-grid fieldset legend {
  font-size: 24px;
}
html:not(.mobile-channel) .entry-form .grid fieldset .fieldset-group, html:not(.mobile-channel) .entry-form .input-grid fieldset .fieldset-group {
  gap: 32px;
}
html:not(.mobile-channel) .entry-form .grid .fpx-form-control, html:not(.mobile-channel) .entry-form .input-grid .fpx-form-control {
  --gapX: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 var(--gapX);
}
html:not(.mobile-channel) .entry-form .grid .fpx-form-control fpx-label, html:not(.mobile-channel) .entry-form .input-grid .fpx-form-control fpx-label {
  margin-bottom: 0;
  width: 216px;
  flex-grow: 0;
  flex-shrink: 0;
}
html:not(.mobile-channel) .entry-form .grid .fpx-form-control .fpx-field-content, html:not(.mobile-channel) .entry-form .grid .fpx-form-control .control-date-wrapper, html:not(.mobile-channel) .entry-form .input-grid .fpx-form-control .fpx-field-content, html:not(.mobile-channel) .entry-form .input-grid .fpx-form-control .control-date-wrapper {
  flex-grow: 1;
  max-width: calc(100% - 216px - var(--gapX));
}
html:not(.mobile-channel) .entry-form .grid .fpx-form-control .mat-error, html:not(.mobile-channel) .entry-form .input-grid .fpx-form-control .mat-error {
  padding-left: calc(216px + var(--gapX));
  width: 100%;
}
html:not(.mobile-channel) .entry-form .grid .otp-display .otp-input, html:not(.mobile-channel) .entry-form .input-grid .otp-display .otp-input {
  height: 48px;
  width: 44px;
  line-height: 44px;
}
html:not(.mobile-channel) .verify-otp-modal {
  width: 622px;
  height: 787px;
}
html:not(.mobile-channel) .verify-otp-modal .verify-otp-container {
  gap: 30px;
}
html:not(.mobile-channel) .verify-otp-modal .verify-otp-container .verify-otp-banner {
  padding-top: 77px;
}
html:not(.mobile-channel) .verify-otp-modal .verify-otp-container .verify-otp-banner::before {
  height: 192px;
}
html:not(.mobile-channel) .verify-otp-modal .verify-otp-container .verify-otp-banner img {
  width: auto;
}
html:not(.mobile-channel) .verify-otp-modal .verify-otp-container .form-title-group .form-title {
  font-size: 36px;
}
html:not(.mobile-channel) .verify-otp-modal .verify-otp-container .form-title-group .form-caption {
  display: block;
}
html:not(.mobile-channel) .footer-actions, html:not(.mobile-channel) .note-container, html:not(.mobile-channel) .terms-condition-group {
  width: 800px;
  margin: 0 auto;
}
html:not(.mobile-channel) .grid.open-new-card-info {
  gap: 40px;
}
html:not(.mobile-channel) .grid.open-new-card-info .card-info-title {
  font-size: 34px;
}
html:not(.mobile-channel) .grid.open-new-card-info .open-card-primary-info {
  flex-direction: row;
  gap: 36px;
  padding-left: 30px;
}
html:not(.mobile-channel) app-document-file-inv-input-grid {
  flex-direction: row;
  align-items: center;
  display: flex !important;
  flex-wrap: wrap;
  width: 100% !important;
  gap: 0 25px;
}
html:not(.mobile-channel) app-document-file-inv-input-grid.disabled form fpx-file-upload .fpx-form-control .fpx-file-input {
  background: #EFF1F4;
  border: 0.5px solid #C8CCCF !important;
  pointer-events: none;
}
html:not(.mobile-channel) app-document-file-inv-input-grid .input-grid-title {
  margin-bottom: 0;
  width: 216px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
html:not(.mobile-channel) app-document-file-inv-input-grid .indicator {
  text-indent: 4px;
  font-size: 16px;
  font-weight: 600;
  color: red;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form {
  flex: 1;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .file-input-contents {
  display: flex;
  gap: 20px;
  width: 100%;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .mat-error {
  padding-left: 0 !important;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input {
  flex: 0.5 !important;
  border-radius: 4px;
  border: 0.5px solid #2F4057 !important;
  height: 48px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  max-width: unset !important;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-field {
  flex: unset;
  font-weight: 600;
  margin-left: 4px;
  display: none;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon {
  width: 100%;
  height: 100%;
  margin-right: unset;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload.icon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  cursor: pointer;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload.icon .label {
  color: #555 !important;
  font-weight: 600;
  font-size: 16px;
  font-family: "Montserrat";
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload.icon img {
  width: 24px;
  margin-left: 0;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  background-color: #63B3E1 !important;
  cursor: pointer;
  border-radius: 4px;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon .button {
  background-color: #63B3E1 !important;
  font-weight: 600;
  font-size: 16px;
  font-family: "Montserrat";
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon button {
  background: #63B3E1;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon .label {
  text-align: center;
  color: white !important;
  font-size: 14px;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon img {
  width: 21px;
  margin-left: 0;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .icon.delete {
  display: none;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .fpx-file-input.camera {
  border: 0 !important;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input {
  flex: 1 !important;
  justify-content: space-between;
  border: none !important;
  flex-direction: inherit;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-field {
  margin-left: 0;
  display: flex !important;
  cursor: pointer;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-field .document {
  display: block !important;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-field span {
  color: #2F4057 !important;
  text-decoration-line: underline;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon {
  border-radius: 4px;
  border: 0.5px solid grey !important;
  width: 64px;
  height: 48px;
  display: flex;
  justify-content: center;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon .custom-file-upload .label {
  display: none;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon .custom-file-upload-icon {
  background-color: #63B3E1;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon .custom-file-upload-icon .label {
  display: none;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control.after-upload .fpx-file-input.camera {
  display: contents;
  justify-content: space-between;
}
html:not(.mobile-channel) app-document-file-inv-input-grid form fpx-file-upload .fpx-form-control .mat-error {
  padding-left: 0;
}
html:not(.mobile-channel) app-file-preview .preview-header {
  background: #2C3B55;
  color: #FFF;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0;
}
html:not(.mobile-channel) app-file-preview .preview-header h4 {
  display: flex;
  align-items: center;
  color: #FFF;
}
html:not(.mobile-channel) app-file-preview .preview-header h4:before {
  content: " " !important;
  background: url('document.3dd61ae1d9190975.svg') no-repeat 50% 50% transparent;
  width: 50px;
  height: 50px;
  margin: 0 5px 0 10px;
  display: inline-block;
}
html:not(.mobile-channel) app-file-preview .preview-header button.button-icon {
  border: none;
  padding: 0 34px;
}
html:not(.mobile-channel) app-file-preview .doc-img-preview-wrapper {
  padding: 36px 30px;
}
html:not(.mobile-channel) app-file-preview .doc-img-preview-wrapper .file {
  overflow: hidden;
  border: 1px solid #000000;
  width: 258px !important;
  height: 248px !important;
  position: relative;
}
html:not(.mobile-channel) app-file-preview .doc-img-preview-wrapper .file .file-preview {
  height: 100% !important;
  width: 100% !important;
}
html:not(.mobile-channel) app-file-preview .doc-img-preview-wrapper .file .file-details {
  color: #FFF;
  background-color: #2F4057;
  padding: 0 11px 0 15px;
  position: absolute;
  bottom: 0;
  opacity: 0.8;
}
html:not(.mobile-channel) app-file-preview .doc-img-preview-wrapper .file .file-details .file-icons {
  gap: 9px;
}
html:not(.mobile-channel) .application-status app-application-status .entry-form {
  padding: 30px 30px 20px;
  gap: 60px;
}
html:not(.mobile-channel) .application-status app-application-status .entry-form .main-group > * {
  flex: 1;
}
html:not(.mobile-channel) .application-status app-application-status .entry-form .grid .fpx-form-control fpx-label {
  width: 170px;
}
html:not(.mobile-channel) .application-status .footer-actions {
  justify-content: center;
}
html:not(.mobile-channel) .application-status .footer-actions .sec1 {
  display: none;
}
html:not(.mobile-channel) .application-status .footer-actions .sec2 .secondary {
  display: none;
}
html:not(.mobile-channel) .error-alert-dialog {
  width: 677px !important;
  height: 150px !important;
  min-height: 150px !important;
}
html:not(.mobile-channel) .error-alert-dialog .mat-dialog-container {
  padding: 0px !important;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert {
  display: flex;
  gap: 20px;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .icon {
  width: 120px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .icon.warning {
  background-color: #CB2E2E;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .icon.session-expired {
  background-color: #C8FFB9;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .text {
  display: flex;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  background: #FFF;
  position: relative;
  width: 577px;
  justify-content: center;
  gap: 20px;
  flex: 1;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .text .error-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: #2F4057;
  padding: 0px;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .text .error-message {
  color: #2F4057;
  font-style: normal;
  line-height: 24px;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .text .error-redirect {
  color: #63B3E1;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .close {
  width: 30px;
  overflow: hidden;
  margin-top: 10px;
  margin-right: 10px;
}
html:not(.mobile-channel) .error-alert-dialog .error-alert .close button.close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #2F4057;
  mask: url('close.fdb205f7091418c9.svg') no-repeat center;
}
html:not(.mobile-channel) .error-alert-dialog.timeout-wrapper button.close {
  display: none !important;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-header {
  width: 108px;
  height: 108px;
  margin: 16px 16px 20px;
  line-height: 108px;
  text-align: center;
  background: none !important;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) mat-dialog-container {
  border-radius: 6px;
  padding: 20px;
  width: 90% !important;
  max-width: 350px !important;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-body {
  margin: 20px 0;
  text-align: center;
  min-height: 100px;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-body .title {
  font-weight: 900;
  font-size: 19px;
  line-height: 27px;
  color: #0b0b0b;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-body .message {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: #000000;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-footer {
  margin: 40px 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-footer fpx-button {
  width: 100%;
}
html:not(.mobile-channel) .alert-dialog:is(.alert-modal) .dialog-footer fpx-button button.primary {
  width: 100%;
}
html:not(.mobile-channel) .view-application-status app-view-application-status .footer-actions {
  display: flex;
  justify-content: space-between;
}
html:not(.mobile-channel) .view-application-status app-view-application-status app-appl-pendency-readonly-grid .ro-grid-header {
  display: none;
}
html:not(.mobile-channel) .view-application-status app-view-application-status app-appl-pendency-readonly-grid .table-container .table-wrapper tbody tr:nth-child(odd) {
  background-color: #fff;
}
html:not(.mobile-channel) .view-application-status app-view-application-status app-appl-pendency-readonly-grid .table-container .table-wrapper tbody tr:nth-child(even) {
  background-color: #EFF1F4;
}
html:not(.mobile-channel) .view-application-status app-view-application-status app-appl-pendency-readonly-grid .table-container .table-wrapper .table-header {
  background-color: #CFDFE4 !important;
  height: 44px !important;
  padding: 10px !important;
  border: none !important;
}
html:not(.mobile-channel) .view-application-status app-view-application-status app-appl-pendency-readonly-grid .table-container .table-wrapper .table-content {
  border: none !important;
  height: 44px !important;
  padding: 10px !important;
}
html:not(.mobile-channel) .view-application-status app-view-application-status app-appl-pendency-readonly-grid .table-container .table-wrapper .table-content.td.mat-cell {
  border-bottom-color: transparent;
}
html:not(.mobile-channel) .suppl-card-req-form .process-shell-body {
  min-height: unset;
}
html:not(.mobile-channel) .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid fieldset {
  border: none;
  padding: 0;
}
html.tablet-channel .grid.open-new-card-info {
  width: 100%;
  max-width: 800px;
  align-self: center;
}
html.tablet-channel .onboarding-container header {
  padding: 9px 16px;
  display: flex;
  align-items: center;
}
html.tablet-channel .onboarding-container header .header-inner {
  height: 36px;
  width: 100%;
  max-width: 1310px;
}
html.tablet-channel .entry-form .grid fieldset {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
html.tablet-channel .entry-form .input-grid fieldset {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
html.tablet-channel .footer-actions, html.tablet-channel .note-container, html.tablet-channel .terms-condition-group {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
html.tablet-channel .suppl-card-req-form {
  margin: 30px 14px;
  border-radius: 4px;
  overflow: hidden;
}
html.tablet-channel .suppl-card-req-form .process-shell-body {
  min-height: unset;
}
html.tablet-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form {
  padding: 30px 20px !important;
}
html.tablet-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid.form-description {
  margin: 0;
}
html.tablet-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid.form-description .h1 {
  color: #2F4057;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 40px;
  width: 100%;
}
html.tablet-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid.form-description .h3 {
  padding: 0 20px;
  width: 100%;
  color: #303F57;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
html.tablet-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid fieldset {
  border: none;
  padding: 0;
}
html.tablet-channel .suppl-card-req-form footer {
  padding: 0 10px 30px 10px;
}
@media only screen and (max-width: 360px) {
  html.mobile-channel footer .footer-actions .sec2 {
    gap: 4px !important;
  }
  html.mobile-channel footer button:is(.reset, .cancel, .back, .save) {
    width: 36px;
    height: 36px;
    padding: 0 !important;
  }
  html.mobile-channel footer button:is(.reset, .cancel, .back, .save):before {
    width: 16px;
    height: 16px;
    margin-top: 10px;
    display: inline-block;
  }
  html.mobile-channel footer button:is(.primary) {
    padding: 0px 25px;
    min-width: unset;
    line-height: 36px;
  }
}
html.mobile-channel .er-404 {
  text-align: center;
}
html.mobile-channel .er-404 h4 {
  color: red;
}
html.mobile-channel .errSysDown {
  text-align: center;
  padding: 10px;
}
html.mobile-channel .link {
  text-decoration-line: underline;
}
html.mobile-channel .pagenotfound {
  color: #2F4057;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  /* Label */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  text-transform: capitalize;
}
html.mobile-channel .logout-container {
  text-align: center;
  padding: 7rem 0;
}
html.mobile-channel .erLogo {
  width: 12rem;
  display: block;
  margin: 0 auto;
  padding: 10px 0 0;
}
html.mobile-channel .bigText {
  color: #303F57;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding: 50px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 21px; /* 150% */
}
html.mobile-channel .smallText {
  color: #2F4057;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 21px; /* 150% */
}
html.mobile-channel .erBtn {
  padding: 10px;
  background: #C49A6C;
  width: 200px;
  border-radius: 100px;
  line-height: 21px;
}
html.mobile-channel .erBtn a {
  font-weight: 600 !important;
  color: #231F20;
}
html.mobile-channel .erImg {
  margin: 20px 0 0;
  width: 200px;
  height: 79.56px;
}
html.mobile-channel .errSysDown {
  width: 200px;
  height: 132px;
}
html.mobile-channel .pagenotfound {
  color: var(--Primary-Blue-Midnight-Blue, #2F4057);
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Montserrat;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 111.765% */
  text-transform: capitalize;
}
@media (max-width: 480px) {
  html.mobile-channel .er-404 {
    margin: 0 20px;
  }
}
html.mobile-channel body.app-suppl-card-req-form {
  background-color: #EFF1F4;
}
html.mobile-channel button:is(.reset, .cancel, .back, .save) {
  border-radius: 4px;
  border: 0.5px solid #2F4057;
  background: #FFF;
  width: 48px;
  height: 48px;
  overflow: hidden;
  padding: 0 !important;
  display: block;
  min-width: unset;
}
html.mobile-channel button:is(.reset, .cancel, .back, .save):before {
  content: " ";
  width: 24px;
  height: 24px;
  margin-top: 13px;
  display: inline-block;
}
html.mobile-channel button:is(.cancel):before {
  background: url('close-black.2d26c0793f7c1bd2.svg') no-repeat 50% 50% transparent;
}
html.mobile-channel button:is(.save):before {
  background: url('save-icon.292fdf92ba16132d.svg') no-repeat 50% 50% transparent;
}
html.mobile-channel button:is(.primary) {
  padding: 5px 25px;
}
html.mobile-channel .onboarding-container > header {
  padding: 9px 16px;
  display: flex;
  align-items: center;
  z-index: 2;
}
html.mobile-channel .onboarding-container > header .header-inner {
  height: 36px;
}
html.mobile-channel .onboarding-container > header nav {
  position: fixed;
  left: -100%;
  top: 59px;
  z-index: 1;
  bottom: 0;
  right: 0;
}
html.mobile-channel .onboarding-container > header nav .nav-menu {
  width: 280px;
  background-color: #2c3b55;
  height: 100%;
  box-shadow: 3px 10px 29px rgba(0, 0, 0, 0.1607843137);
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-arn-container {
  padding: 28px 16px 42px;
  margin-bottom: 0;
  gap: 8px;
  background-color: #EFF1F4;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-arn-container .arn-title {
  color: #2F4057;
  font-size: 22px;
  line-height: 28px;
  padding: 0 16px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-arn-container .arn-decription {
  font-size: 14px;
  line-height: 21px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-arn-container .arn-dislpay {
  width: 260px;
  height: 56px;
  color: #303F57;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-arn-container .arn-dislpay .arn {
  font-weight: 600;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header {
  padding: 30px 0;
  margin-left: 0px;
  margin-right: 0px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .step-description {
  color: #303F57;
  font-size: 14px;
  line-height: 21px;
  padding: 0 16px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li .step-icon {
  border: 1.25px solid #9A9A9A;
  width: 30px;
  height: 30px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li .step-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  width: min-content;
  padding: 0;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li:after {
  bottom: calc(100% - 16px);
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li.completed .step-icon, html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li.active .step-icon {
  border: none;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li.completed .step-text, html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form header app-process-bar .process-step-bar .process-bar li.active .step-text {
  font-weight: 700;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-shell-body {
  background-color: #FFFFFF;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .process-shell-body > *:nth-child(2) {
  padding: 0 16px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info {
  flex-direction: column;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .card-info-title {
  height: 54px;
  line-height: 54px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info {
  gap: unset !important;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info .card-img-wrapper {
  width: 130px;
  height: 82px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info .card-img-wrapper img {
  width: 130px;
  height: 82px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info .card-details {
  text-align: center;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info .card-details .card-info-sub-title {
  margin: 8px 0;
  display: block;
  font-size: 16px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info .card-details ul {
  font-size: 12px;
  line-height: 21px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-primary-info .card-details ul ::marker {
  font-size: 8px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .grid.open-new-card-info .open-card-secondary-info {
  margin: 30px 0 0;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .note-container {
  gap: unset;
  padding: 20px 23px 14px 23px !important;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .note-container .note {
  overflow: hidden;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: #303F57;
  max-height: 170px;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .note-container .note.read-more {
  max-height: 100%;
  overflow: unset;
  display: block;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form .note-container .read-more-btn {
  color: #4D658B;
  font-size: 11px;
  font-weight: 500;
  line-height: 21px;
  text-decoration-line: underline;
  text-align: center;
  width: 100%;
  margin-top: 14px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form fpx-checkbox .fpx-form-control .mat-checkbox-frame {
  border: 2px solid #5393B7;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form footer {
  padding: 24px 16px calc(env(safe-area-bottom, 20px) + 28px);
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form footer .footer-actions .sec2 {
  gap: 8px;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form.app-onboard-result-form .process-shell-body {
  background-color: unset;
}
html.mobile-channel .onboarding-container .onboarding-body .onboarding-form-container .onboarding-form.app-onboard-result-form .process-shell-body > *:nth-child(2) {
  background-color: unset;
}
html.mobile-channel .confirmation-dialog {
  width: 100%;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container {
  margin: 0 24px;
  border-radius: 24px;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
  padding: 36px;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-icon-wrapper,
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-header {
  width: 108px;
  height: 108px;
  margin: 12px auto 12px;
  line-height: 108px;
  text-align: center;
  background: none;
  border-radius: unset;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container .title {
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #2F4057;
  line-height: 20px;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container .content-area,
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-body {
  margin: 20px 0;
  text-align: center;
  min-height: fit-content;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container .content-area h4,
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-body h4 {
  margin-bottom: 6px;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container .content-area p.message,
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-body p.message {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: #6c6c6c;
}
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-actions,
html.mobile-channel .confirmation-dialog .mat-dialog-container .dialog-footer {
  margin: 12px 0 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row !important;
  gap: 28px;
}
html.mobile-channel app-onboard-result-form {
  background: none;
}
html.mobile-channel app-onboard-result-form .result-form-container {
  padding: 22px;
  margin: 0px;
  margin-top: 70px;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}
html.mobile-channel app-onboard-result-form .result-form-container .result-form-body {
  margin-top: 70px;
  padding: 0px;
}
html.mobile-channel app-onboard-result-form .result-form-container .status-illustration::before {
  background: none !important;
}
html.mobile-channel app-onboard-result-form .result-form-container .status-illustration img {
  width: 168px;
  height: 168px;
  position: absolute;
  top: -95px;
}
html.mobile-channel app-onboard-result-form .result-form-container .status-title {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 0px;
}
html.mobile-channel app-onboard-result-form .result-form-container .h1 {
  font-size: 16px;
  line-height: 24px;
}
html.mobile-channel app-onboard-result-form .result-form-container .h3 {
  font-size: 14px;
  font-weight: 600;
}
html.mobile-channel app-onboard-result-form .result-form-container .tracker-info .h3 {
  text-transform: capitalize;
}
html.mobile-channel app-onboard-result-form .result-form-container .thanks-note .h3 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
html.mobile-channel app-onboard-result-form .result-form-container .reference-container {
  padding: 12px 0;
  width: 100%;
}
html.mobile-channel app-onboard-result-form .assistance-note {
  text-align: center;
  padding: 9px;
}
html.mobile-channel app-onboard-result-form .assistance-note .h3 {
  color: #303F57;
  font-size: 16px !important;
}
html.mobile-channel app-onboard-result-form .assistance-note .assistance {
  color: #303F57;
  font-size: 16px;
  font-weight: 700;
}
html.mobile-channel app-onboard-result-form .status-illustration.failure img {
  background: none;
  top: -115px;
}
html.mobile-channel app-onboard-result-form .result-form-body.failure {
  margin-top: 30px;
}
html.mobile-channel app-cob-verify-otp-form .dont-receive-info-content {
  font-size: 14px;
}
html.mobile-channel app-cob-verify-otp-form .dont-receive-info-content button.link {
  font-size: 14px;
}
html.mobile-channel fpx-file-upload .file-input-contents {
  display: flex;
  gap: 20px;
}
html.mobile-channel fpx-file-upload .fpx-form-control .mat-error {
  padding-left: 0 !important;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input {
  flex: 0.5 !important;
  border-radius: 4px;
  border: 0.5px solid #2F4057 !important;
  height: 48px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  max-width: unset !important;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-field {
  flex: unset;
  font-weight: 600;
  margin-left: 4px;
  display: none;
  width: 60%;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon {
  width: 100%;
  height: 100%;
  margin-right: unset;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload.icon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  cursor: pointer;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload.icon .label {
  color: #555 !important;
  font-weight: 600;
  font-size: 14px;
  font-family: "Montserrat";
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload.icon img {
  width: 20px;
  margin-left: 0;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  background-color: #63B3E1 !important;
  cursor: pointer;
  border-radius: 4px;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon .button {
  background-color: #63B3E1 !important;
  font-weight: 600;
  font-size: 16px;
  font-family: "Montserrat";
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon button {
  background: #63B3E1;
  height: 44px;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon .label {
  text-align: center;
  color: white !important;
  font-size: 14px;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .custom-file-upload-icon img {
  width: 21px;
  margin-left: 0;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input .file-icon .icon.delete {
  display: none;
}
html.mobile-channel fpx-file-upload .fpx-form-control .fpx-file-input.camera {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border: 0 !important;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input {
  flex: 1 !important;
  justify-content: space-between;
  border: none !important;
  flex-direction: inherit;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-field {
  margin-left: 0;
  display: flex !important;
  cursor: pointer;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-field .document {
  display: block !important;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-field span {
  color: #2F4057 !important;
  text-decoration-line: underline;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon {
  border-radius: 4px;
  border: 0.5px solid grey !important;
  width: 64px;
  height: 48px;
  display: flex;
  min-width: 64px;
  justify-content: center;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon .custom-file-upload .label {
  display: none;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon .custom-file-upload-icon {
  background-color: #63B3E1 !important;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input .file-icon .custom-file-upload-icon .label {
  display: none;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .fpx-file-input.camera {
  display: contents;
  justify-content: space-between;
}
html.mobile-channel fpx-file-upload .fpx-form-control.after-upload .mat-error {
  padding-left: 0;
}
html.mobile-channel .file-preview-dialog mat-dialog-container {
  background-color: #EFF1F4;
  padding: 20px;
  height: 100vh;
}
html.mobile-channel .file-preview-dialog mat-dialog-container header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 28px 0px 12px;
}
html.mobile-channel app-file-preview .preview-header {
  height: 20px !important;
  color: #3A3A3C;
  padding: 0 !important;
  margin-bottom: 22px;
}
html.mobile-channel app-file-preview .preview-header h4 {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}
html.mobile-channel app-file-preview .preview-header h4:before {
  content: none !important;
}
html.mobile-channel app-file-preview .preview-header button.button-icon {
  border: none;
  display: none;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper {
  padding: 0 !important;
  flex-direction: column;
  background-color: unset !important;
  box-shadow: none !important;
  border-radius: unset !important;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file {
  overflow: hidden;
  border: none;
  width: 100% !important;
  min-width: 335px !important;
  height: 56px !important;
  position: relative;
  flex-direction: row !important;
  gap: 10px;
  border-radius: 6px;
  padding: 9px 14px;
  opacity: 0.9;
  background: var(--bw-white, #FFF);
  box-shadow: 0px 0px 4px 0px rgba(115, 181, 243, 0.12);
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file .file-preview {
  height: 40px !important;
  width: 40px !important;
  border: none !important;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file .file-details .file-name {
  color: #0061C3;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-decoration-line: underline;
  width: 200px !important;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file .file-details .file-icons {
  gap: 9px;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file .file-details .file-icons .download-btn {
  display: none;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file .file-details .file-icons button.button-icon {
  border: none !important;
  padding: 0 2px;
}
html.mobile-channel app-file-preview .doc-img-preview-wrapper .file .file-details .file-icons button.button-icon .icon.delete {
  background: url('rm-delete.1b36e988df71737b.svg') no-repeat 50% 50% transparent;
}
html.mobile-channel app-file-preview button:is(.back, .home) {
  text-indent: 100px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: none;
}
html.mobile-channel app-file-preview button.back {
  background: url('back.9119652f5e942ce3.svg') no-repeat center transparent;
}
html.mobile-channel app-file-preview button.home {
  background: url('home.4dc5199b8012bb1e.svg') no-repeat center transparent;
}
html.mobile-channel app-file-preview .form-actions {
  position: fixed;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  left: 0;
  bottom: 0;
  background: #FFFFFF;
  box-shadow: 0px -2px 14px 0px rgba(0, 0, 0, 0.06);
}
html.mobile-channel app-file-preview .form-actions fpx-button {
  flex: 1;
}
html.mobile-channel app-file-preview .form-actions fpx-button button {
  width: 100%;
}
html.mobile-channel .suppl-card-req-form {
  margin: 30px 14px;
  border-radius: 4px;
  overflow: hidden;
}
html.mobile-channel .suppl-card-req-form .process-shell-body {
  min-height: unset;
}
html.mobile-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form {
  padding: 30px 20px !important;
}
html.mobile-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid.form-description {
  margin: 0;
}
html.mobile-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid.form-description .h1 {
  color: #2F4057;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 40px;
  width: 100%;
}
html.mobile-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid.form-description .h3 {
  padding: 0 20px;
  width: 100%;
}
html.mobile-channel .suppl-card-req-form .process-shell-body app-suppl-card-req-form .grid fieldset {
  border: none;
  padding: 0;
}
html.mobile-channel .suppl-card-req-form footer {
  padding: 0 10px 30px 10px;
}
html.mobile-channel app-suppl-card-req-form .grid.form-description {
  color: #2F4057;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  margin: 20px 0;
}
html.mobile-channel app-suppl-card-req-form fpx-display-text.h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #373737;
}
html.mobile-channel .app-onboard-result-form .process-shell-body {
  background-color: unset !important;
}
html.mobile-channel .app-onboard-result-form .process-shell-body > *:nth-child(2) {
  background-color: unset !important;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .result-form-container {
  margin-top: 105px;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .result-form-container .reference-container {
  width: 100%;
  min-width: unset;
  gap: unset;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .result-form-container .reference-container h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .result-form-container .reference-container h1 {
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .result-form-container .reference-container fpx-button {
  display: none;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .assistance-note .h3 {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 21px;
}
html.mobile-channel .app-onboard-result-form .process-shell-body .assistance-note .assistance {
  font-size: 14px !important;
}
html.mobile-channel .application-status {
  padding: 30px 16px 0;
}
html.mobile-channel .application-status .process-shell-body {
  min-height: unset;
}
html.mobile-channel .application-status .process-shell-body > *:nth-child(2) {
  padding: 30px 10px !important;
}
html.mobile-channel .application-status .process-shell-body app-application-status .entry-form .grid.open-new-card-info .card-info-title {
  height: 24px !important;
  line-height: 24px !important;
}
html.mobile-channel .application-status .process-shell-body app-application-status .entry-form .grid.open-new-card-info .open-card-secondary-info {
  margin-top: 10px !important;
}
html.mobile-channel .application-status footer {
  padding: 0 16px 30px;
}
html.mobile-channel .application-status footer .footer-actions {
  justify-content: center;
}
html.mobile-channel .application-status footer .footer-actions .sec1 {
  display: none;
}
html.mobile-channel .application-status footer .footer-actions .sec2 .secondary {
  display: none;
}
html.mobile-channel .view-application-status {
  padding: 8px 16px 0;
}
html.mobile-channel .view-application-status .process-shell-body {
  padding: 0;
}
html.mobile-channel .view-application-status app-applicant-info-form .note-container {
  margin: 0 16px;
}
html.mobile-channel .view-application-status app-applicant-info-form .terms-condition-group {
  margin: 0 36px;
}
html.mobile-channel .view-application-status app-applicant-info-form .terms-condition-group .mat-checkbox-inner-container {
  width: 16px !important;
  height: 16px !important;
}
html.mobile-channel .view-application-status app-view-application-status {
  padding: 0 !important;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form {
  gap: 30px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .application-status-inquiry {
  padding: 30px 10px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .application-status-header {
  height: 100px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .application-status-header > box {
  padding: 22px 21px;
  justify-content: center;
  padding: 26px 21px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .application-status-header > box .label {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .application-status-header > box .value {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view {
  padding: 0;
  border: none;
  gap: 0px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section {
  padding: 30px 0;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-status {
  padding: 0;
  gap: 10px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-status .status-icon {
  margin-top: 20px;
  order: 2;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-status .status-icon:before {
  content: " ";
  background: url('appl-status-approved-mob.523bbf260cd092ba.png') no-repeat 50% 50% transparent;
  width: 100px;
  height: 100px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-status .status-requirement {
  order: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-status .status-text {
  font-size: 14px;
  line-height: 21px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-form {
  padding: 30px 10px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  display: flex;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-form .form-link {
  color: #68B0E2;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .status-view-section .view-application-form .form-link:after {
  content: " ";
  background: url('angle-arrow-down.9f08cb9a1247ee81.svg') no-repeat 50% 50% transparent;
  width: 16.708px;
  height: 9.743px;
  display: inline-block;
  margin-left: 13px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .status-view .empty-bar {
  height: 30px;
  background-color: #f4f7f5;
  width: 100%;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.rejected .status-message {
  background: #FFD2D2;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.rejected .view-application-status .status-icon:before {
  content: " ";
  background: url('appl-status-rejected.1c565b75504d3d79.png') no-repeat 50% 50% transparent !important;
  width: 356px !important;
  height: 285px !important;
  display: inline-block;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.rejected .view-application-status .status-text {
  margin-top: 50px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.rejected .view-application-status .home-button {
  color: #63B3E1;
  font-size: 16px;
  font-weight: 600;
  margin: 12px 16px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.rejected .view-application-status .customer-number {
  color: #303F57;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 59px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.success .status-message {
  background: #CAFFB9;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form.success .status-icon:before {
  content: " ";
  background: url('appl-status-approved.6bec90dd965c4342.png') no-repeat 50% 50% transparent;
  width: 167px;
  height: 168px;
  display: inline-block;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details {
  height: 0px;
  z-index: -1;
  width: 100%;
  display: none;
  background: #FFF;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details.show-application-details {
  height: auto;
  z-index: 1;
  display: block;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details .mat-tab-group .mat-tab-header {
  margin: 30px 0 21px;
  border: none;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details .mat-tab-group .mat-tab-header .mat-tab-header-pagination {
  min-width: 21px;
  box-shadow: none;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details .mat-tab-group .mat-tab-labels .mat-tab-label {
  height: 55px;
  display: flex;
  align-items: flex-start;
  flex: 1;
  min-width: 104px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details .mat-tab-group .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  width: min-content;
  white-space: break-spaces;
  color: #303F57 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 21px;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  font-weight: 600 !important;
}
html.mobile-channel .view-application-status app-view-application-status .entry-form .view-application-details .mat-tab-group .mat-ink-bar {
  background-color: #A3D33E;
  height: 2px !important;
}
html.mobile-channel .view-application-status app-document-file-inv-input-grid.disabled form fpx-file-upload .fpx-form-control .fpx-file-input {
  background: none;
}
html.mobile-channel .view-application-status app-document-file-inv-input-grid.disabled form fpx-file-upload .fpx-form-control .fpx-file-input .file-icon {
  display: none;
}
html.mobile-channel .view-application-status fpx-selectable-dropdown mat-select-trigger {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 250px;
}
html.mobile-channel .view-application-status fpx-file-input .file-field, html.mobile-channel .view-application-status fpx-file-input .file-icon {
  display: none;
}
app-suppl-card-req-form .form-description {
  gap: 10px !important;
  margin-bottom: 30px;
}
app-applicant-info-form .mat-checkbox, app-suppl-applicant-form .mat-checkbox {
  font-family: "Montserrat";
}
.splash-screen-container {
  display: none;
}
.entry-form fieldset .sbc-name .fpx-field-content input {
  text-transform: uppercase;
}
.mat-autocomplete-panel.fpx-autocomplete-panel {
  font-size: 16px;
  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);
  border-radius: 12px;
}
.mat-autocomplete-panel.fpx-autocomplete-panel mat-option .mat-option-text {
  font-family: "Montserrat";
  font-weight: 500;
}
.tooltipText {
  color: #FFFFFF;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  max-width: 300px;
  z-index: 1000;
  top: 56px;
  right: -115px;
  background-color: #0e0d0d;
  overflow: hidden;
  position: absolute;
  font-size: 13px;
}
.tooltipElement {
  display: flex !important;
  flex-direction: column;
}
.tooltipElement fpx-label {
  display: flex !important;
  gap: 6px;
  width: fit-content;
}
.tooltipElement .fpx-field-content {
  position: relative;
}
.tooltip-icon {
  position: absolute;
  left: 152px;
  bottom: -40px;
  top: 59px;
  width: 22px;
  height: 22px;
}
.tooltip-icon-label {
  display: flex;
  gap: 4px;
  cursor: pointer;
  align-self: center;
  margin-left: 30px;
  margin-top: 10px;
}
#slider0 {
  min-height: 184px !important;
  min-width: 200px !important;
}
#slider0 .rs-tooltip-text {
  font-family: "Montserrat" !important;
}
#slider0 .rs-container {
  min-height: 184px !important;
  min-width: 200px !important;
}
#slider0 .rs-path-color {
  background-color: #bebfbe;
}
#slider0 .rs-range-color {
  background-color: #00a10b;
}
#slider0 .rs-handle:after {
  background-color: #000000;
}
#slider0 .rs-handle {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
#slider1 {
  min-height: 184px !important;
  min-width: 200px !important;
}
#slider1 .rs-tooltip-text {
  font-family: "Montserrat" !important;
}
#slider1 .rs-container {
  min-height: 184px !important;
  min-width: 200px !important;
}
#slider1 .rs-path-color {
  background-color: #bebfbe;
}
#slider1 .rs-range-color {
  background-color: #00a10b;
}
#slider1 .rs-handle:after {
  background-color: #000000;
}
#slider1 .rs-handle {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 29px rgba(0, 0, 0, 0.1607843137);
}
.rs-bar.rs-start.rs-rounded .rs-seperator {
  height: 3.4482758621vh !important;
  margin-top: -2px !important;
}
.rs-bar.rs-end .rs-seperator {
  height: 28px !important;
  margin-top: -26px !important;
}
.amount-slider-text, .amount-slider-apply {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #656565;
}
.amount-slider-apply {
  color: #00a10b;
}
.amount-slider-amt {
  text-align: center;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  color: #00a10b;
}
.amount-slider-cur {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
}
.story-crawler-slider .slick-dots {
  position: absolute;
  bottom: 51px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 7px;
  padding-right: 0;
  z-index: 9999;
}
.story-crawler-slider .slick-dots li {
  margin: 0;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  transition: width 1s;
}
.story-crawler-slider .slick-dots li span {
  width: 7px;
  float: left;
  height: 7px;
  background: #bebfbe;
  border-radius: 15px;
  transition: width 1s;
}
.story-crawler-slider .slick-dots li.slick-active {
  width: 19px;
}
.story-crawler-slider .slick-dots li.slick-active span {
  width: 19px;
  background: #20a10b;
}
.cursld-1 .slick-dots li.slick-active span,
.cursld-2 .slick-dots li.slick-active span {
  background: #137008;
}
.cursld-1 .slick-dots li span,
.cursld-2 .slick-dots li span {
  background: #5faf64;
}
app-restart-or-continue,
app-terms-notice {
  position: fixed;
  z-index: 10;
}
.spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9922;
  background: #FFFFFF !important;
  opacity: 0.9 !important;
}
.spinner img {
  background: #FFFFFF !important;
  opacity: 1 !important;
}
.h-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mat-checkbox-inner-container {
  width: 22px !important;
  height: 22px !important;
}
.mat-checkbox-frame {
  border-radius: 50% !important;
}
.mat-checkbox-background {
  border-radius: 50% !important;
}

/*# sourceMappingURL=styles.14997cf23df9a09c.css.map*/